.elementor-kit-8277{--e-global-color-primary:#213166;--e-global-color-secondary:#FFB600;--e-global-color-text:#22272A;--e-global-color-accent:#BEC4D8;--e-global-color-c609d45:#213166;--e-global-color-bddb676:#FEF3DB;--e-global-typography-primary-font-family:"Roboto Condensed";--e-global-typography-primary-font-size:68px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Roboto Condensed";--e-global-typography-secondary-font-size:53px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:1.2em;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:1em;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:italic;}.elementor-kit-8277 a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8277 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8277 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-8277 h3{color:var( --e-global-color-primary );font-family:"Roboto Condensed", Sans-serif;font-size:36px;font-weight:400;}.elementor-kit-8277 h4{color:var( --e-global-color-primary );font-family:"Roboto Condensed", Sans-serif;font-size:28px;font-weight:400;}.elementor-kit-8277 h5{color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:1.4em;font-weight:500;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8277 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-kit-8277 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8277 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8277 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8277 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8277 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8277 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Ordered List Styling === */
ol {
    counter-reset: step-counter;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #002E6D;
}

ol li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

ol li::before {
    counter-increment: step-counter;
    content: counter(step-counter, decimal-leading-zero);
    background-color: transparent;
    color: #00274d;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-right: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: solid 5px white;
    flex-shrink: 0; /* Prevent resizing based on content */
}

/* === Step Content Styling === */
.step-content {
    flex-grow: 1;
    padding-left: 20px;
}

.step-title {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0 !important;
}

.step-description {
    font-size: 0.95em;
    margin-top: 0;
}

/* === Buttons === */
.button-wrapper {
    display: flex;
    gap: 15px;
    margin-top: 10px;
}

.button,
.button-app {
    border-radius: 5px;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    transition: all 0.3s ease;
    border: 2px solid #00274d;
}

.button {
    background-color: transparent;
    color: #002E6D !important;
}

.button:hover {
    color: #002E6D !important;
}

.button-app {
    background-color: #00274d;
    color: #ffffff !important;
    margin-top: 10px;
}

.button-app:hover {
    color: white !important;
}

/* === Notes === */
.note {
    font-size: 0.9em;
    color: #333333;
    margin-top: 10px;
}

p.step-description a {
    font-weight: bold; 
    text-decoration: underline; 
    color: #00274d!important;
}


.elementor-counter .elementor-counter-number {
    font-weight:600;
    font-family: "Roboto", Sans-serif;
}

#collegelogo {
  background-color: white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: flex; /* Changed from inline-block to flex */
  align-items: center; /* Vertically center */
  justify-content: center; /* Horizontally center */
  padding: 6%;
  box-sizing: border-box;
  max-width: 200px;
  aspect-ratio: 1 / 1;
  margin: 0 40px;
}

#collegelogo img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
}

#collegelogo .elementor-widget-container {
    display: contents;
}


/* === Responsive Adjustments === */
@media (min-width: 390px) and (max-width: 767px) {
    ol li::before {
        width: 50px !important;
        height: 50px !important;
        font-size: 1em !important;
    }
}/* End custom CSS */