/*
Theme Name: Integrative Medical Institute
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

html.overflow-hidden {
    overflow: hidden !important;
    height: 100%;
}

html.overflow-hidden body {
    overflow: hidden !important;
}

/* ==================== Common Style Start ==================== */
:focus,
:focus-visible,
:focus-within {
    outline: none !important;
}

.elementor-icon-wrapper {
    display: flex;
}

.common-details>*:last-child {
    margin-bottom: 0 !important;
}

.common-details h1,
.common-details h2,
.common-details h3,
.common-details h4,
.common-details h5,
.common-details h6 {
    margin-bottom: 20px;
    margin-top: 0;
}

.common-details ul,
.common-details ol {
    margin-bottom: 20px;
}

.common-details ul li:not(:last-child),
.common-details ol li:not(:last-child) {
    margin-bottom: 15px;
}

.common-details strong,
.common-details b {
    color: #051840 !important;
}

.common-details .alignnone,
.common-details .alignleft,
.common-details .alignright,
.common-details .aligncenter {
    height: 380px !important;
    object-fit: cover !important;
}

.common-details .alignnone {
    float: none;
    margin: 20px;
}

.common-details .alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}

.common-details .alignright {
    float: right;
    margin: 20px 0 20px 20px;
}

.common-details .aligncenter {
    float: none;
    display: block;
    margin: 20px auto;
}

.common-details blockquote {
    padding-left: 30px;
    border-left: 5px solid #051840;
    margin-bottom: 20px;
}

/* ==================== Common Style End ==================== */


/* Header Start */

/* =========================================
   MAIN HEADER
========================================= */

.h-main {
    position: relative;
    width: 100%;
    z-index: 9999;
    background: #FFFFFF;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    transition:
        background-color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   STICKY HEADER
========================================= */

.h-main.sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
    background: #FFFFFF;
    border-bottom: 1px solid rgba(5, 24, 64, 0.16);
    box-shadow:
        0 6px 24px rgba(5, 24, 64, 0.08);
}


/* =========================================
   TOPBAR
========================================= */

#topbar-main {
    position: relative;
    width: 100%;
    z-index: 999;

    transition:
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}


/* =========================================
   TOPBAR WHEN HEADER BECOMES STICKY
========================================= */

body.header-is-sticky #topbar-main {
    transform: translateY(-100%);
}


/* =========================================
   BODY SPACE FOR FIXED HEADER
========================================= */

body.header-is-sticky {
    padding-top: var(--sticky-header-height, 0px);
}


/* =========================================
   HEADER BOX SIZING
========================================= */

.h-main,
.h-main>* {
    box-sizing: border-box;
}

.h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a {
    position: relative;
}

.h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a::after,
.h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: #051840;
    transition: all 0.5s ease;
}

.h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a:hover::after,
.h-navigation-menu .e-n-menu-heading li.active-item .e-n-menu-title a::after {
    width: 100% !important;
}

.h-navigation-menu .e-n-menu-heading li .active-program{
    color: #C3912E !important;
}


/* =========================================================
   ACTIVE / CURRENT MENU
========================================================= */

.h-navigation-menu .e-n-menu-heading li .e-n-menu-title.e-current a::after {
    width: 100% !important;
}

/* Current parent / active menu support */

.h-navigation-menu .e-n-menu-item.current-menu-item .e-n-menu-title-container::after,
.h-navigation-menu .e-n-menu-item.current-menu-parent .e-n-menu-title-container::after,
.h-navigation-menu .e-n-menu-item.current_page_item .e-n-menu-title-container::after {
    width: 100% !important;
}

.program-menu-item:not(:last-child)::after {
    position: absolute;
    content: '';
    background: #ddd;
    width: 100%;
    height: 1px;
    bottom: -15px;
    left: 0;
}

/* Header End */



/* ==================== Home Style Start ==================== */

.student-btn,
.topbar-contact-block ul li a *,
#header-contact-icon a svg path,
.contact-item *,
.h-navigation-menu .elementor-nav-menu>li>a::after,
.h-navigation-menu .elementor-nav-menu>li a,
.golden-line-btn svg path {
    transition: all 0.5s ease !important;
}

.student-btn {
    position: relative !important;
    overflow: hidden !important;
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    background: #C8A24E !important;
    border: 1px solid #C8A24E !important;
    color: #051840 !important;
}

/* Hover background - left to right */
.student-btn::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: #fff !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.5s ease !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.student-btn:hover::before {
    transform: scaleX(1) !important;
}

/* Keep icon + text above background */
.student-btn>* {
    position: relative !important;
    z-index: 2 !important;
}

/* Hover text */
.student-btn:hover {
    color: #FFFFFF !important;
    border-color: #051840 !important;
}

/* SVG / icon */
.student-btn:hover svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* .contact-item:hover svg path {
    fill: #C3912E !important;
} */

.contact-item:hover p,
.top-bar-text p strong {
    color: #C3912E !important;
}

/* Common Button */

/* Button */
.primary-btn,
.secondary-btn,
.secondary-white-btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.5s ease, border-color 0.5s ease;
}

/* Left → Right hover background */
.primary-btn::after,
.secondary-btn::after,
.secondary-white-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.5s ease;
    z-index: 0;
    pointer-events: none;
}

.secondary-btn::after {
    background: #051840 !important;
}

/* Content above hover layer */
.primary-btn>*,
.secondary-btn>*,
.secondary-white-btn>* {
    position: relative;
    z-index: 2;
}

/* Hover */
.primary-btn:hover,
.secondary-white-btn:hover {
    color: #051840 !important;
    border-color: #051840;
}

.primary-btn:hover::after,
.secondary-btn:hover::after,
.secondary-white-btn::after {
    transform: scaleX(1);
}

/* Arrow circle */
.primary-btn .arrow-bg,
.secondary-btn .arrow-bg,
.secondary-white-btn .arrow-bg {
    position: relative;
    z-index: 3;
    transition: background-color 0.5s ease;
}

/* Arrow circle hover */
.primary-btn:hover .arrow-bg,
.secondary-white-btn:hover .arrow-bg {
    background-color: #051840;
}

.secondary-btn:hover .arrow-bg {
    background-color: #FFFFFF !important;
}

/* Normal arrow */
.primary-btn .arrow-bg svg path,
.secondary-white-btn .arrow-bg svg path {
    fill: #051840;
    transition: fill 0.5s ease;
}

/* Hover arrow */
.primary-btn:hover .arrow-bg svg path,
.secondary-white-btn:hover .arrow-bg svg path {
    fill: #FFFFFF;
}

.secondary-btn .arrow-bg svg path {
    fill: #FFFFFF !important;
}

.secondary-btn:hover .arrow-bg svg path {
    fill: #051840 !important;
}

#header-btn {
    display: none;
}

.main-title .elementor-heading-title span {
    color: #C3912E !important;
}

.banner-img img {
    clip-path: ellipse(90% 100% at 90% 50%);
}

.scroll-heading-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.scroll-heading-wrapper .scroll-heading-track {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    align-items: center;
}

.scroll-heading-wrapper .scroll-heading-track .elementor-widget-heading {
    flex: 0 0 auto;
    margin: 0;
}

.scroll-heading-wrapper .scroll-heading-track .elementor-heading-title {
    margin: 0;
    padding-right: 50px;
    white-space: nowrap;
    position: relative;
}

.scroll-heading-wrapper .scroll-heading-track .elementor-heading-title::after {
    content: '';
    position: absolute;
    background: #C3912E;
    width: 1px;
    height: 80%;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

.golden-line-btn:hover svg path {
    fill: #C3912E !important;
}

.golden-line-btn::after {
    position: absolute;
    content: '';
    background: #C3912E;
    width: 0px;
    height: 1px;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.golden-line-btn:hover::after {
    width: 100%;
}

.program-img {
    overflow: hidden !important;
    border-radius: 20px 20px 0px 0px;
}

.program-img img {
    transition: all 0.5s ease;
}

.program-img:hover img {
    transform: scale(1.1);
}

.program-post-bottom-block {
    height: 100% !important;
}

.focus-place-item:not(:last-child)::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    bottom: -15px;
    left: 0;
}

.your-step-slider-main .elementor-swiper-button,
.your-step-slider-main .elementor-swiper-button * {
    transition: all 0.5 ease-in-out;
}

.your-step-slider-main .elementor-swiper-button:hover svg path {
    fill: #051840 !important;
}

.your-step-slider-main {
    position: relative;
}

.your-step-slider-main::after {
    content: '';
    position: absolute;
    background: #ddd;
    width: calc(100% - 164px);
    height: 1px;
    bottom: 0;
    left: 82px;
}

.program-decision-detail::after {
    content: '';
    position: absolute;
    background: #ddd;
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

/* Increment / decrement process line */
.program-decision-detail .process-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    max-height: 100%;
    border-radius: 100px;
    background: #051840;
    z-index: 2;

    /* Slow and smooth */
    transition:
        height 1.2s cubic-bezier(0.22, 1, 0.36, 1);

    pointer-events: none;
}


/* Active program item */
.program-decision-detail .program-decision-item {
    transition:
        background-color 0.8s ease,
        box-shadow 0.8s ease;
}

.program-decision-detail .program-decision-item.active-program {
    background-color: #F7F9FC;
}


/* Active number */
.program-decision-detail .program-decision-item.active-program span {
    color: #C3912E;
}

/* Active heading */
.program-decision-detail .program-decision-item.active-program h3 {
    color: #C3912E;
}

/* 5-column table header dividers */
.col-5-blue-table-head>div:nth-child(1),
.col-5-blue-table-head>div:nth-child(2),
.col-5-blue-table-head>div:nth-child(3),
.col-5-blue-table-head>div:nth-child(4) {
    border-right: 1px solid rgba(255, 255, 255, 0.20);
}

.col-5-table-body .col-5-blue-table-row>div:nth-child(1),
.col-5-table-body .col-5-blue-table-row>div:nth-child(2),
.col-5-table-body .col-5-blue-table-row>div:nth-child(3),
.col-5-table-body .col-5-blue-table-row>div:nth-child(4) {
    border-right: 1px solid #DDDDDD;
}

.col-5-table-body .col-5-blue-table-row:not(:last-child),
.col-2-table-body .col-2-table-row:not(:last-child) {
    border-bottom: 1px solid #DDDDDD !important;
}

.col-2-table-body .col-2-table-row>div:nth-child(1) {
    border-right: 1px solid #DDDDDD;
}

.cta-main-block {
    background: linear-gradient(135deg,
            #061B46 0%,
            #051840 50%,
            #03132F 100%);
}

/* ==================== Home Style End ==================== */


/* Process Section */
.process-content-card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 78% 20%,
            rgba(155, 116, 45, 0.10) 0%,
            rgba(155, 116, 45, 0.03) 30%,
            transparent 60%),
        radial-gradient(circle at 20% 80%,
            rgba(108, 78, 35, 0.06) 0%,
            transparent 55%),
        linear-gradient(135deg,
            rgba(27, 24, 21, 0.82) 0%,
            rgba(27, 24, 21, 0.68) 45%,
            rgba(27, 24, 21, 0.76) 100%);
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
}

.timeline-wrapper {
    counter-reset: step-counter;
}

.timeline-step:after {
    counter-increment: step-counter;
    content: counter(step-counter);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50% !important;
    left: 50% !important;
    width: 42px;
    height: 42px;
    background-color: #051840;
    filter: drop-shadow(0px .654px 1.962px rgba(5, 24, 64, .29)) drop-shadow(0px 3.269px 3.269px rgba(5, 24, 64, .26)) drop-shadow(0px 7.192px 3.923px rgba(5, 24, 64, .15)) drop-shadow(0px 12.423px 5.231px rgba(5, 24, 64, .04)) drop-shadow(0px 19.615px 5.231px rgba(5, 24, 64, .01));
    color: #FFFFFF;
    text-align: center;
    font-family: 'inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-filter: drop-shadow(0px .654px 1.962px rgba(5, 24, 64, .29)) drop-shadow(0px 3.269px 3.269px rgba(5, 24, 64, .26)) drop-shadow(0px 7.192px 3.923px rgba(5, 24, 64, .15)) drop-shadow(0px 12.423px 5.231px rgba(5, 24, 64, .04)) drop-shadow(0px 19.615px 5.231px rgba(5, 24, 64, .01));
}

.timeline-step:before {
    content: "" !important;
    position: absolute !important;
    width: 2px !important;
    height: 230px !important;
    /* Encoded SVG line with a gradient from transparent to Gold Accent (%23C8A24E) */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="230" viewBox="0 0 1 230" fill="none"><path d="M0.50001 0L0.5 230" stroke="url(%23paint0_linear_12549_6)"/><defs><linearGradient id="paint0_linear_12549_6" x1="-0.000669306" y1="-2.18557e-08" x2="-0.000679346" y2="230" gradientUnits="userSpaceOnUse"><stop stop-color="%23051840" stop-opacity="0"/><stop offset="0.5" stop-color="%23051840"/><stop offset="1" stop-color="%23051840" stop-opacity="0"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.timeline-step-inner:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 78px !important;
    height: 78px !important;
    background: #F7F9FC;
    border: 1px solid #AEB9CC !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.timeline-step-inner:after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 124px !important;
    height: 124px !important;
    border: 1px solid #051840 !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    opacity: .1;
    filter: drop-shadow(0px 2.615px 5.231px rgba(5, 24, 64, .29)) drop-shadow(0px 9.154px 9.154px rgba(5, 24, 64, .26)) drop-shadow(0px 20.923px 12.423px rgba(5, 24, 64, .15)) drop-shadow(0px 37.269px 15.038px rgba(5, 24, 64, .04)) drop-shadow(0px 58.192px 16.346px rgba(5, 24, 64, .01));
    -webkit-filter: drop-shadow(0px 2.615px 5.231px rgba(5, 24, 64, .29)) drop-shadow(0px 9.154px 9.154px rgba(5, 24, 64, .26)) drop-shadow(0px 20.923px 12.423px rgba(5, 24, 64, .15)) drop-shadow(0px 37.269px 15.038px rgba(5, 24, 64, .04)) drop-shadow(0px 58.192px 16.346px rgba(5, 24, 64, .01));
}


/* .process-row:nth-child(odd) .process-content-card {
    order: 1;
    text-align: right;
    align-items: flex-end;
} */

/* .process-row:nth-child(odd) .process-content-card * {
    text-align: right !important;
} */

.process-row:nth-child(odd) .process-middle {
    order: 2;
}

.process-row:nth-child(odd) .process-blank-container {
    order: 3;
}

.process-row:nth-child(even) .process-blank-container {
    order: 1;
}

.process-row:nth-child(even) .process-middle {
    order: 2;
}

.process-row:nth-child(even) .process-content-card {
    order: 3;
    text-align: left;
}

.process-row:nth-child(even) .process-content-card * {
    text-align: left !important;
}

.contact-map,
.contact-map p,
.contact-map iframe {
    height: 100% !important;
}

.contact-map iframe {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

/* Process Section */

.col-5-blue-table-row:last-child {
    border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    -ms-border-radius: 0px 0px 20px 20px;
    -o-border-radius: 0px 0px 20px 20px;
}

.common-form .e-form-select-base {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="352" height="192" viewBox="0 0 352 192" fill="none"><path d="M176.001 192.001C171.758 192 167.689 190.314 164.689 187.313L4.689 27.313C-1.563 21.061 -1.563 10.937 4.689 4.689C10.941 -1.559 21.065 -1.563 27.313 4.689L176.001 153.377L324.689 4.689C330.941 -1.563 341.065 -1.563 347.313 4.689C353.561 10.941 353.565 21.065 347.313 27.313L187.313 187.313C184.313 190.314 180.244 192 176.001 192.001Z" fill="%23051840"/></svg>');
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 15px;
    transition: 0.5s all ease;
}

.common-form .e-form-submit-button-base {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 10px;
}

.common-form .e-form-submit-button-base::after{
    z-index: -1;
}

.common-form .e-form-submit-button-base::before {
    content: "";
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: #ffffff;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="470" height="342" viewBox="0 0 470 342" fill="none"><path d="M463.083 155.322L313.749 5.98853C309.726 2.10249 304.337 -0.0477998 298.743 0.000806453C293.15 0.0494127 287.799 2.29302 283.844 6.2484C279.889 10.2038 277.645 15.5544 277.596 21.148C277.548 26.7415 279.698 32.1303 283.584 36.1539L396.501 149.071H21.3333C15.6754 149.071 10.2492 151.319 6.24839 155.32C2.24761 159.32 0 164.747 0 170.405C0 176.062 2.24761 181.489 6.24839 185.489C10.2492 189.49 15.6754 191.738 21.3333 191.738H396.501L283.584 304.655C281.546 306.623 279.921 308.977 278.803 311.58C277.685 314.183 277.097 316.982 277.072 319.815C277.047 322.647 277.587 325.456 278.66 328.078C279.732 330.7 281.317 333.082 283.32 335.085C285.323 337.088 287.705 338.672 290.326 339.745C292.948 340.817 295.757 341.357 298.59 341.333C301.423 341.308 304.222 340.719 306.825 339.601C309.427 338.483 311.781 336.858 313.749 334.821L463.083 185.487C467.082 181.487 469.329 176.061 469.329 170.405C469.329 164.748 467.082 159.322 463.083 155.322Z" fill="%23051840"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    position: relative;
    z-index: 2;
    transition: background-color 0.5s ease,
        background-image 0.5s ease;
}

.common-form .e-form-submit-button-base:hover{
    color: #051840 !important;
}

.common-form .e-form-submit-button-base:hover::before {
    background-color: #051840;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="470" height="342" viewBox="0 0 470 342" fill="none"><path d="M463.083 155.322L313.749 5.98853C309.726 2.10249 304.337 -0.0477998 298.743 0.000806453C293.15 0.0494127 287.799 2.29302 283.844 6.2484C279.889 10.2038 277.645 15.5544 277.596 21.148C277.548 26.7415 279.698 32.1303 283.584 36.1539L396.501 149.071H21.3333C15.6754 149.071 10.2492 151.319 6.24839 155.32C2.24761 159.32 0 164.747 0 170.405C0 176.062 2.24761 181.489 6.24839 185.489C10.2492 189.49 15.6754 191.738 21.3333 191.738H396.501L283.584 304.655C281.546 306.623 279.921 308.977 278.803 311.58C277.685 314.183 277.097 316.982 277.072 319.815C277.047 322.647 277.587 325.456 278.66 328.078C279.732 330.7 281.317 333.082 283.32 335.085C285.323 337.088 287.705 338.672 290.326 339.745C292.948 340.817 295.757 341.357 298.59 341.333C301.423 341.308 304.222 340.719 306.825 339.601C309.427 338.483 311.781 336.858 313.749 334.821L463.083 185.487C467.082 181.487 469.329 176.061 469.329 170.405C469.329 164.748 467.082 159.322 463.083 155.322Z" fill="%23FFFFFF"/></svg>');
}

.contact-detail-item:not(:last-child)::after{
    content: '';
    position: absolute;
    background: #ddd;
    width: 100%;
    height: 1px;
    bottom: -15px;
    left: 0;
}

.studen-portant-inner::after{
    content: '';
    position: absolute;
    background: linear-gradient( 90deg, rgba(5, 24, 64, 0.98) 0%, rgba(5, 24, 64, 0.90) 28%, rgba(5, 24, 64, 0.62) 50%, rgba(5, 24, 64, 0.25) 72%, rgba(5, 24, 64, 0.08) 100% );
    width: 100%;
    height: 100%;
    inset: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

/* ==================== Responsive Style Start ==================== */

@media (min-width: 1367px) and (max-width: 1390px) {
    .h1-title .elementor-heading-title {
        font-size: 50px !important;
    }
}

@media(max-width: 1366px) {
    .program-menu-item:not(:last-child)::after {
        bottom: -10px;
    }

    .scroll-heading-wrapper .scroll-heading-track .elementor-heading-title {
        padding-right: 40px;
    }

    .scroll-heading-wrapper .scroll-heading-track .elementor-heading-title::after {
        right: 20px;
    }

    .your-step-slider-main::after {
        width: calc(100% - 140px);
        left: 70px;
    }

    .contact-detail-item:not(:last-child)::after{
        bottom: -10px;
    }
}

@media (max-width: 1200px) {

    .common-details h1,
    .common-details h2,
    .common-details h3,
    .common-details h4,
    .common-details h5,
    .common-details h6,
    .common-details ul,
    .common-details ol {
        margin-bottom: 15px;
    }

    .common-details ul li,
    .common-details ol li {
        margin-bottom: 10px;
    }

    .banner-img img {
        clip-path: unset !important;
    }

    .scroll-heading-wrapper .scroll-heading-track .elementor-heading-title {
        padding-right: 30px;
    }

    .scroll-heading-wrapper .scroll-heading-track .elementor-heading-title::after {
        right: 15px;
    }

    .timeline-step:after {
        width: 30px !important;
        height: 30px !important;
        font-size: 16px
    }

    .timeline-step-inner:before {
        width: 55px !important;
        height: 55px !important
    }

    .timeline-step-inner:after {
        width: 80px !important;
        height: 80px !important
    }
}

@media (max-width: 1024px) {
    .contact-item svg path {
        fill: #051840 !important;
    }

    .contact-item:hover svg path {
        fill: #FFFFFF !important;
    }

    header .e-n-menu-wrapper {
        position: fixed !important;
        left: auto !important;
        top: 0 !important;
        right: -100% !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100vh !important;
        max-height: 100vh !important;
        z-index: 999 !important;
        transition: 0.5s all ease !important;
        -webkit-transition: 0.5s all ease !important;
        -moz-transition: 0.5s all ease !important;
        -ms-transition: 0.5s all ease !important;
        -o-transition: 0.5s all ease !important;
        display: block !important;
        padding: 120px 0px 30px !important;
        background: #FFFFFF !important;
        overflow-y: auto !important;
    }

    header .e-n-menu .e-n-menu-toggle[aria-expanded="true"]+.e-n-menu-wrapper {
        right: 0 !important;
    }

    header .e-n-menu .e-n-menu-toggle {
        z-index: 9999999999 !important;
    }

    .h-navigation-menu .e-n-menu-heading {
        row-gap: 0px !important;
    }

    .h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a {
        border-bottom: 1px solid #ddd;
    }

    .h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a {
        padding-top: 10px;
    }

    .h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a {
        padding-bottom: 10px;
    }

    .h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a {
        padding-left: 20px;
    }

    .h-navigation-menu .e-n-menu-heading li .e-n-menu-title a {
        width: 100%;
        transition: all 0.5s ease !important;
    }

    .h-navigation-menu .e-n-menu-heading li .e-n-menu-title a::after {
        bottom: -1px !important;
    }

    .h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a:hover::after {
        z-index: 1;
    }

    .h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a::before {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="470" height="342" viewBox="0 0 470 342" fill="none"><path d="M463.083 155.322L313.749 5.98853C309.726 2.10249 304.337 -0.0477998 298.743 0.000806453C293.15 0.0494127 287.799 2.29302 283.844 6.2484C279.889 10.2038 277.645 15.5544 277.596 21.148C277.548 26.7415 279.698 32.1303 283.584 36.1539L396.501 149.071H21.3333C15.6754 149.071 10.2492 151.319 6.24839 155.32C2.24761 159.32 0 164.747 0 170.405C0 176.062 2.24761 181.489 6.24839 185.489C10.2492 189.49 15.6754 191.738 21.3333 191.738H396.501L283.584 304.655C281.546 306.623 279.921 308.977 278.803 311.58C277.685 314.183 277.097 316.982 277.072 319.815C277.047 322.647 277.587 325.456 278.66 328.078C279.732 330.7 281.317 333.082 283.32 335.085C285.323 337.088 287.705 338.672 290.326 339.745C292.948 340.817 295.757 341.357 298.59 341.333C301.423 341.308 304.222 340.719 306.825 339.601C309.427 338.483 311.781 336.858 313.749 334.821L463.083 185.487C467.082 181.487 469.329 176.061 469.329 170.405C469.329 164.748 467.082 159.322 463.083 155.322Z" fill="%23051840"/></svg>');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        left: 10px;
        top: 50%;
        opacity: 0;
        transform: translate(-10px, -50%);
        transition: all 0.5s ease;
    }

    .h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a:hover::before,
    .h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title.e-current a::before,
    .h-navigation-menu .e-n-menu-item.current-menu-item .e-n-menu-title-container::before,
    .h-navigation-menu .e-n-menu-item.current-menu-parent .e-n-menu-title-container::before,
    .h-navigation-menu .e-n-menu-item.current_page_item .e-n-menu-title-container::before {
        opacity: 1;
        transform: translate(0, -50%);
    }

    .h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title a:hover,
    .h-navigation-menu .e-n-menu-heading li:not(:has(#header-btn)) .e-n-menu-title.e-current a,
    .h-navigation-menu .e-n-menu-item.current-menu-item .e-n-menu-title-container,
    .h-navigation-menu .e-n-menu-item.current-menu-parent .e-n-menu-title-container,
    .h-navigation-menu .e-n-menu-item.current_page_item .e-n-menu-title-container {
        padding-left: 35px !important;
    }

    .h-navigation-menu .e-n-menu-dropdown-icon {
        position: absolute !important;
        top: 50% !important;
        left: var(--arrow-left, 0px) !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: translateY(-50%) !important;
        transition: left 0.5s ease, transform 0.5s ease !important;
        z-index: 5;
        /* pointer-events: none !important; */
    }

    
    /* .h-navigation-menu .e-n-menu-title:hover .e-n-menu-dropdown-icon {
        transform: translate(14px, -50%) !important;
    } */

    #header-btn {
        display: block;
    }

    .your-step-slider-main::after {
        width: calc(100% - 132px);
        left: 66px;
    }

    #header-btn {
        position: relative;
        display: inline-flex !important;
        align-items: center;
        gap: 12px;
        padding: 5px 5px 5px 20px;
        background: #051840;
        color: #ffffff;
        border: 1px solid #051840;
        border-radius: 100px;
        overflow: hidden;
        isolation: isolate;
        transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;
        width: fit-content;
        flex-wrap: nowrap;
        flex-direction: row-reverse;
        flex-grow: 1;
        -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;
        -moz-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;
        -ms-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;
        -o-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;

        margin-top: 20px;
        margin-left: 10px;
    }

    /* White arrow circle */
    #header-btn::before {
        content: "";
        width: 36px;
        height: 36px;
        flex: 0 0 auto;
        border-radius: 50%;
        background-color: #ffffff;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="470" height="342" viewBox="0 0 470 342" fill="none"><path d="M463.083 155.322L313.749 5.98853C309.726 2.10249 304.337 -0.0477998 298.743 0.000806453C293.15 0.0494127 287.799 2.29302 283.844 6.2484C279.889 10.2038 277.645 15.5544 277.596 21.148C277.548 26.7415 279.698 32.1303 283.584 36.1539L396.501 149.071H21.3333C15.6754 149.071 10.2492 151.319 6.24839 155.32C2.24761 159.32 0 164.747 0 170.405C0 176.062 2.24761 181.489 6.24839 185.489C10.2492 189.49 15.6754 191.738 21.3333 191.738H396.501L283.584 304.655C281.546 306.623 279.921 308.977 278.803 311.58C277.685 314.183 277.097 316.982 277.072 319.815C277.047 322.647 277.587 325.456 278.66 328.078C279.732 330.7 281.317 333.082 283.32 335.085C285.323 337.088 287.705 338.672 290.326 339.745C292.948 340.817 295.757 341.357 298.59 341.333C301.423 341.308 304.222 340.719 306.825 339.601C309.427 338.483 311.781 336.858 313.749 334.821L463.083 185.487C467.082 181.487 469.329 176.061 469.329 170.405C469.329 164.748 467.082 159.322 463.083 155.322Z" fill="%23051840"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px 16px;
        position: relative;
        z-index: 2;
        transition: background-color 0.5s ease,
            background-image 0.5s ease;
    }

    /* Smooth white background from left to right */
    #header-btn::after {
        content: "";
        position: absolute;
        inset: 0;
        background: #ffffff;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.5s ease;
        z-index: -1;
        -webkit-transition: transform 0.5s ease;
        -moz-transition: transform 0.5s ease;
        -ms-transition: transform 0.5s ease;
        -o-transition: transform 0.5s ease;
    }

    #header-btn .e-n-menu-title-text {
        color: #FFFFFF;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    /* Hover */
    #header-btn:hover {
        color: #051840;
        background: #051840;
        border-color: #051840;
    }

    #header-btn:hover .e-n-menu-title-text {
        color: #051840;
    }

    #header-btn:hover::after {
        transform: scaleX(1);
    }

    #header-btn:hover::before {
        background-color: #051840;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="470" height="342" viewBox="0 0 470 342" fill="none"><path d="M463.083 155.322L313.749 5.98853C309.726 2.10249 304.337 -0.0477998 298.743 0.000806453C293.15 0.0494127 287.799 2.29302 283.844 6.2484C279.889 10.2038 277.645 15.5544 277.596 21.148C277.548 26.7415 279.698 32.1303 283.584 36.1539L396.501 149.071H21.3333C15.6754 149.071 10.2492 151.319 6.24839 155.32C2.24761 159.32 0 164.747 0 170.405C0 176.062 2.24761 181.489 6.24839 185.489C10.2492 189.49 15.6754 191.738 21.3333 191.738H396.501L283.584 304.655C281.546 306.623 279.921 308.977 278.803 311.58C277.685 314.183 277.097 316.982 277.072 319.815C277.047 322.647 277.587 325.456 278.66 328.078C279.732 330.7 281.317 333.082 283.32 335.085C285.323 337.088 287.705 338.672 290.326 339.745C292.948 340.817 295.757 341.357 298.59 341.333C301.423 341.308 304.222 340.719 306.825 339.601C309.427 338.483 311.781 336.858 313.749 334.821L463.083 185.487C467.082 181.487 469.329 176.061 469.329 170.405C469.329 164.748 467.082 159.322 463.083 155.322Z" fill="%23FFFFFF"/></svg>');
    }
}

@media(min-width: 576px) and (max-width:767px) {
    .program-menu-item:not(:last-child)::after {
        right: -10px;
        bottom: 0px;
        width: 1px;
        height: 100%;
        left: auto;
    }

    .focus-place-item::after {
        border-bottom: 0px !important;
    }

    .focus-place-item:nth-child(odd)::after {
        bottom: 0;
        right: -15px;
        width: 1px;
        height: 100%;
        background: #c3912e66;
        left: auto;
    }
}

@media (max-width: 767px) {

    .student-btn {
        clip-path: unset;
        background: #FFFFFF !important;
        border: 1px solid #fff !important;
    }

    .student-btn svg path {
        transition: all 0.5s ease !important;
    }

    .student-btn::after,
    .student-btn::before {
        display: none !important;
    }

    .student-btn:hover {
        background: transparent !important;
        border-color: #FFFFFF !important;
    }

    .student-btn:hover svg path {
        fill: #FFFFFF !important;
    }

    .program-post-bottom-block {
        height: auto !important;
    }

    .your-step-slider-main::after {
        display: none;
    }

    .timeline-step:after {
        left: -50px !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 12px
    }

    .timeline-step:before {
        left: -50px !important
    }

    .timeline-step-inner:before {
        left: -50px !important;
        width: 40px !important;
        height: 40px !important
    }

    .timeline-step-inner:after {
        left: -50px !important;
        width: 60px !important;
        height: 60px !important
    }

    .process-row:nth-child(odd) .process-content-card {
        order: 2;
        text-align: left;
        align-items: flex-start;
    }

    .process-row:nth-child(odd) .process-content-card * {
        text-align: left !important;
    }

    .process-row:nth-child(odd) .process-middle {
        order: 1;
    }

    .process-row:nth-child(odd) .process-blank-container {
        order: 3;
        display: none;
    }

    .process-row:nth-child(even) .process-blank-container {
        order: 3;
        display: none;
    }

    .process-row:nth-child(even) .process-middle {
        order: 1;
    }

    .process-row:nth-child(even) .process-content-card {
        order: 2;
        text-align: left;
    }

    .process-row:nth-child(even) .process-content-card * {
        text-align: left !important;
    }
}

@media (max-width: 592px) {
    #topbar-container {
        justify-content: center !important;
    }
}

@media (max-width: 575px) {

    .common-details .alignnone,
    .common-details .alignleft,
    .common-details .alignright,
    .common-details .aligncenter {
        float: none !important;
        display: block !important;
        margin: 20px auto !important;
        height: 320px !important;
    }

    .common-width-100 {
        width: 100% !important;
    }

    .common-grid-block {
        display: flex !important;
        flex-direction: column !important;
    }

    .top-bar-text {
        max-width: 100% !important;
    }

    #topbar-container {
        padding: 10px 0px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* .cmn-loop-grid-block .elementor-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    } */
}

@media (max-width: 425px) {
    .timeline-step-row {
        width: calc(100% - 60px) !important
    }

    .timeline-step-inner:after,
    .timeline-step-inner:before,
    .timeline-step:after,
    .timeline-step:before {
        left: -50px !important
    }
}

/* ==================== Responsive Style End ==================== */