:root { --color-primary: #fee61c; --color-secondary: #14243f; --color-secondary-light: #e3eaf8; --color-tertery: rgb(13 86 163); }

body { margin: 0 auto; /* font-size: 0.95rem; */ overflow-x: hidden; line-height: 23px; font-family: "Inter", sans-serif; font-optical-sizing: auto; /* color: #333; */ -webkit-font-smoothing: antialiased; /* font-weight: 400; */ -webkit-text-size-adjust: 100%; background: #f8f8f8; }
a:hover, a:focus { color: #034eb7 }

.ftr-lnks ul, .service-list ul, address ul, li, ul { list-style-type: none }
.text-tertery { color: #163368; }
a { color: inherit; text-decoration: none }
    a:hover { text-decoration: none; }
.tbl-style { display: table; width: 100%; }
.table-cell { display: table-cell; vertical-align: middle; }
.left { float: left; }
.right { float: right; }
p { line-height: 1.6rem; margin-bottom: 0px; }
h4, h3 { font-weight: 600; }
h1, h2, .h2 { font-size: 3rem; font-weight: 700; /* letter-spacing: 1px; */ color: #000; /* text-transform: unset; */ margin-bottom: 2rem; }
.hd-underline { color: #000; font-weight: 700; position: relative; margin-bottom: 1.8rem; font-size: 2.5rem }
    .hd-underline > span { color: #000; position: relative; z-index: 1; }
        .hd-underline > span:after { content: ''; height: 15px; width: 100%; position: absolute; left: 0px; bottom: 6px; background: var(--color-primary); z-index: -1; }
.nopadding { padding: 0px !important; }
/* ul, li {list-style-type: decimal;padding: 0px} */
.alert { display: block; padding: 8px 15px; margin-top: 10px; }
:before, :after { font-family: 'FontAwesome'; font-style: normal; }


.max-line-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.max-line-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.max-line-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.max-line-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.max-line-5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.max-line-6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.max-line-7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.max-line-8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }





/* Heading Cont start */
.sub-heading-md { font-size: clamp(16px, 1.8vw,19px); text-align: start; font-weight: 400; color: #000; }

/* Heading Cont End */

.carousel-control-next, .carousel-control-prev { height: 80px; line-height: normal; width: 40px; }
.carousel-control-prev-icon, .carousel-control-next-icon { background: none; height: 50px; width: 50px; }
    .carousel-control-prev-icon:before, .carousel-control-next-icon:before { color: #000; font-size: 3rem }
    .carousel-control-prev-icon:before { content: "\f104" }
    .carousel-control-next-icon:before { content: "\f105" }

.btn { border-radius: 8px; padding: 12px 16px; font-size: 1.1rem; font-weight: 500; }
    .btn.btn-solid { background: var(--color-primary); color: #000; }
        .btn.btn-solid:hover { background: transparent; color: var(--color-primary); border: 1px solid var(--color-primary); }
    .btn.btn-outline { border: 2px solid var(--color-primary); background: transparent; color: var(--color-primary) }
        .btn.btn-outline:hover { background: var(--color-primary); color: #000 }


    .btn.btn-primary { background: var(--color-primary); color: #000; }
        .btn.btn-primary:hover { background: transparent; color: var(--color-primary); border: 1px solid var(--color-primary); }
    .btn.btn-outline-primary { border: 2px solid var(--color-primary); background: transparent; color: var(--color-primary) }
        .btn.btn-outline-primary:hover { background: var(--color-primary); color: #000 }

    .btn.btn-secondary { background: var(--color-secondary); color: #fff; }
        .btn.btn-secondary:hover { background: transparent; color: var(--color-secondary); border: 1px solid var(--color-secondary); }
    .btn.btn-outline-secondary { border: 2px solid var(--color-secondary); background: transparent; color: var(--color-secondary) }
        .btn.btn-outline-secondary:hover { background: var(--color-secondary); color: #fff }

.btn-row { display: flex; gap: 10px; align-items: center; }

.heading-theme1 .small-title { font-size: clamp(1.1rem, 2.5vw,1.3rem); font-weight: 400; margin-bottom: 9px; text-align: center; }
.top-header { background: rgba(0,0,0,0.7); color: #d0cec1; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9; font-size: 13px; }
    .top-header .navbar { padding: 0px; }
        .top-header .navbar a:hover { color: var(--color-primary) }
        .top-header .navbar a .fa .far { display: inline-block; /* background:#fde51c; */ width: 20px; /* padding: 2px 1px; */ text-align: center; /* transform:scale(1.8); */ font-size: 1rem; /* color: #fde51c; */ margin-right: 7px; position: relative; /* top: -2px; */ text-align: right; }
        .top-header .navbar .nav-item { position: relative }
            .top-header .navbar .nav-item + .nav-item { margin-left: 20px }
                .top-header .navbar .nav-item + .nav-item:before { content: ''; position: absolute; left: -9px; top: 0px; height: 100%; width: 1px; background: rgba(255,255,255,0.2); }
.login-links .nav-item > a { color: var(--color-primary); text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: ease all 0.5s }
    .login-links .nav-item > a:hover { color: #fff; transition: ease all 0.5s; }
    .login-links .nav-item > a:after { content: ''; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 0px; background: var(--color-primary); opacity: 0; visibility: hidden; transition: ease all 0.3s; margin: 0px auto }
    .login-links .nav-item > a:hover:after { width: 100%; opacity: 1; visibility: visible; transition: ease all 0.3s; }

/*header Start*/
.header { padding: 10px 00px; /* box-shadow: 0 0 4px 0 #aaa; */ position: absolute; z-index: 10; left: 0px; right: 0px; top: 33px; width: 100%; transition: ease all 0.5s }
    .header .navbar-brand img { height: 66px; }
    .header .navbar { padding: 0px }
.navbar-nav .nav-link { color: #fff; padding-top: .3rem; padding-bottom: .3rem; }
.navbar-expand-lg .navbar-nav .nav-link { padding: 1.5rem 1rem; padding-right: 1rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.8); font-size: 14px; position: relative; /* z-index: 10; */ }
    .navbar-expand-lg .navbar-nav .nav-link::before, .navbar-expand-lg .navbar-nav .nav-link::after { content: ""; background: #ffffff; width: 5px; height: 5px; border-radius: 50%; position: absolute; bottom: 14px; left: 0%; opacity: 0; -ms-filter: 0; -webkit-transition: 0.4s; transition: 0.4s; margin: 0 2px; }
    .navbar-expand-lg .navbar-nav .nav-link::after { right: 0%; padding: 0px; border: 0px; left: inherit }
    .navbar-expand-lg .navbar-nav .nav-link:hover::after { visibility: visible; opacity: 1; -ms-filter: 1; right: 50%; background: var(--color-primary); }
    .navbar-expand-lg .navbar-nav .nav-link:hover::before { visibility: visible; opacity: 1; -ms-filter: 1; left: 50%; background: var(--color-primary); }
    .navbar-expand-lg .navbar-nav .nav-link:hover { color: var(--color-primary) }
.navbar-expand-lg .navbar-nav .nav-item:last-child > .nav-link { padding-right: 0px }
.header.sticky { position: fixed; top: 0px; background: rgba(0,0,0,0.9); padding: 0px; transition: ease all 0.5s; box-shadow: 5px 0px 5px 2px rgba(0,0,0,0.2); }
    .header.sticky .navbar-brand img { height: 41px; }
    .header.sticky .navbar-expand-lg .navbar-nav .nav-link { padding-top: 20px; padding-bottom: 20px }

@media screen and (min-width:992px) {
    .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .dropdown-menu { display: block; padding: 0px; /* z-index: 15; */ background: rgb(254, 230, 28); }
        .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .dropdown-menu .dropdown-item:hover + .dropdown-menu,
        .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .dropdown-menu .dropdown-item + .dropdown-menu:hover { display: block; padding: 0px; /* z-index: 15; */ background: #c5b001; top: var(--topSpace); left: 100%; }
    /* top: 38px; */
}

@media screen and (max-width:1400px) {
    .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .dropdown-menu .dropdown-item:hover + .dropdown-menu,
    .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .dropdown-menu .dropdown-item + .dropdown-menu:hover { left: -94%; }

    .navbar-expand-lg .navbar-nav .dropdown-item + .dropdown-menu:before { left: 100% !important; border-left: 15px solid #c5b001 !important; border-right-color: transparent !important; }
}

.navbar-expand-lg .navbar-nav .dropdown-menu { top: 57px; border-radius: 1px; background: rgb(254, 230, 28); /* border-top: 4px solid var(--color-primary); */ /* border-bottom: 4px solid var(--color-primary); */ left: -50px; min-width: 230px; }
.dropdown-menu .dropdown-item { padding: 10px 15px; /* padding-bottom:10px; */ border-bottom: 1px solid #e4cc04; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #060606; }
    .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus { background: #fff; box-shadow: none; outline: none }
.navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle:hover:after, .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle:hover:before { display: none }
.navbar-expand-lg .navbar-nav .dropdown-menu:before { content: ''; width: 0; left: 40%; top: -14px; position: absolute; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 14px solid rgb(254, 230, 28); }
.navbar-expand-lg .navbar-nav .dropdown-item + .dropdown-menu:before { top: 0; left: -12%; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #c5b001; border-bottom-color: transparent; }
.navbar-expand-lg .navbar-nav .nav-item.dropdown:hover .nav-link:before, .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover .nav-link:after { display: none }

#home .nav-home,
#about .nav-about,
#products .nav-product,
#products .nav-service,
#services .nav-service,
#career .nav-career,
#events .nav-events,
#open-a-branch .nav-open-a-branch,
#countries .nav-countries,
#pricing .nav-pricing,
#webinar .nav-events,
#global-student-mobility .nav-global-student-mobility,
#ecbme .nav-ecbme,
#contact .nav-contact { color: var(--color-primary) }
    #home .nav-home::after,
    #about .nav-about::after,
    #products .nav-product::after,
    #products .nav-service::after,
    #services .nav-service::after,
    #career .nav-career::after,
    #events .nav-events::after,
    #webinar .nav-events::after,
    #global-student-mobility .nav-global-student-mobility::after,
    #ecbme .nav-ecbme::after,
    #open-a-branch .nav-open-a-branch::after,
    #countries .nav-countries::after,
    #pricing .nav-pricing::after,
    #contact .nav-contact::after { visibility: visible; opacity: 1; -ms-filter: 1; right: 50%; background: var(--color-primary); }
    #home .nav-home::before,
    #about .nav-about::before,
    #products .nav-product::before,
    #products .nav-service::before,
    #services .nav-service::before,
    #career .nav-career::before,
    #contact .nav-contact::before,
    #countries .nav-countries::before,
    #events .nav-events::before,
    #webinar .nav-events::before,
    #global-student-mobility .nav-global-student-mobility::before,
    #ecbme .nav-ecbme::before,
    #open-a-branch .nav-open-a-branch::before,
    #pricing .nav-pricing::before { visibility: visible; opacity: 1; -ms-filter: 1; left: 50%; background: var(--color-primary); }

/*header Start*/

/*Slick Slider Start*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
    .slick-list:focus { outline: none; }
    .slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
    .slick-track:before,
    .slick-track:after { display: table; content: ''; }
    .slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev,
.slick-next { font-size: 3rem; /* line-height: 0; */ position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus { color: transparent; outline: none; background: transparent; }
        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before { opacity: 1; }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev { left: -25px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-prev:before { content: '←'; }
[dir='rtl'] .slick-prev:before { content: '→'; }

.slick-next { right: -25px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.slick-next:before { content: '→'; }
[dir='rtl'] .slick-next:before { content: '←'; }

.slick-disabled { pointer-events: none }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; /* bottom: -25px; */ display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
    .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
        .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
            .slick-dots li button:hover,
            .slick-dots li button:focus { outline: none; }
                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before { opacity: 1; }
            .slick-dots li button:before { font-size: 16px; line-height: 20px; position: absolute; top: 0px; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        .slick-dots li.slick-active button:before { opacity: .75; color: black; }

/*Slick Slider End*/

/*Banner start*/
.services-bg { background-color: #e7edfb !important; background-repeat: no-repeat; }
.sec-banner { position: relative }
    .sec-banner > figure { margin: 0px; height: 700px; overflow: hidden; position: relative; }
        .sec-banner > figure:after { content: ''; height: 100%; width: 100%; position: absolute; left: 0px; background-color: rgba(0,0,0,0.3) }
        .sec-banner > figure > img { width: 100%; height: 110%; object-fit: cover; }
.banner-cont { position: absolute; left: 0px; top: 11rem; width: 100%; right: 0px; /* height: 100%; */ }
    .banner-cont > div { display: flex; align-items: center; gap: 2rem; }
    .banner-cont .banner-text-cont { /* position: absolute; */ /* left: 10%; */ /* bottom: 35%;padding-top: 17%; */ width: 54%; }
        .banner-cont .banner-text-cont .ani { position: relative; }
            .banner-cont .banner-text-cont .ani::after { content: ''; position: absolute; top: 0; left: -20%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.18) 50%, transparent 100%); transform: skewX(-15deg); animation: shimmerSweep 4s ease-in-out 1.5s infinite; }
        .banner-cont .banner-text-cont > h1 { color: #fff; text-shadow: 0px 0px 4px rgba(0,0,0,0.2); font-size: 2.6rem; margin-bottom: 1rem; /* letter-spacing: 1px; */ /* -webkit-clip-path: polygon(10% 0, 100% 0, 100% 53%, 75% 100%, 0 100%, 0 21%); */ /* clip-path: polygon(10% 0, 100% 0, 100% 53%, 75% 100%, 0 100%, 0 21%); */ text-transform: uppercase; font-weight: 900; display: inline-block; /* width: inherit; */ }
            .banner-cont .banner-text-cont > h1 > span { color: var(--color-primary) }
        .banner-cont .banner-text-cont > p { color: #fff; text-align: justify; /* border-top: 1px solid rgba(255,255,255,0.2); */ /* padding-top: 20px; */ font-size: 0.9rem; }
    .banner-cont .banner-img-cont { position: relative; }
.hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(212, 168, 67, 0.10); border: 1px solid rgba(212, 168, 67, 0.28); color: var(--color-primary); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.42rem 1rem; border-radius: 100px; margin-bottom: 1.5rem; animation: heroFadeUp 0.7s cubic-bezier(.22, 1, .36, 1) 0.3s forwards; }
    .hero-badge .badge-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--color-primary); animation: badgeDot 2s ease-in-out infinite; }
    .hero-badge .text { flex: 1; }
.hero-notif { position: absolute; top: -40px; right: 0; background: rgba(17,36,80,0.92); backdrop-filter: blur(12px); border: 1px solid rgba(34,197,94,0.25); border-radius: 10px; padding: 0.65rem 1rem; width: 210px; opacity: 0; animation: notifEntrance 0.7s cubic-bezier(.22,1,.36,1) 1.6s forwards,notifFloat 9s ease-in-out 2.6s infinite; z-index: 3 }
.notif-row { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }
.notif-icon { width: 28px; height: 28px; border-radius: 8px; background: rgba(34,197,94,0.15); display: flex; align-items: center; justify-content: center; font-size: 0.8rem }
.notif-text { font-size: 0.72rem; font-weight: 600; color: #fff; line-height: 1.3; }
.notif-sub { font-size: 0.67rem; color: rgba(255,255,255,0.45); line-height: 1.2; padding-top: 3px; }

.banner-cont .banner-img-cont > figure { margin: 0px; text-align: right }
    .banner-cont .banner-img-cont > figure img { width: 94%; }
.x_row-separator { position: absolute; width: 100%; left: 0; z-index: 1; line-height: 0; bottom: -1px; }
    .x_row-separator svg { fill: #F8F8F8; height: 50px; width: 100%; }

.inner-page .sec-banner > figure { height: 20rem; }
.section-cont > section { padding: 5rem 0px }

#index_canvas { width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; z-index: 1; overflow: visible; z-index: 1; pointer-events: none; }
#opening_spacer { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: auto; background: none; -moz-transition: all 500ms cubic-bezier(0.39, 0.12, 0.22, 0.97); -o-transition: all 500ms cubic-bezier(0.39, 0.12, 0.22, 0.97); -webkit-transition: all 500ms cubic-bezier(0.39, 0.12, 0.22, 0.97); transition: all 500ms cubic-bezier(0.39, 0.12, 0.22, 0.97); -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none }
    #opening_spacer #opening_greetings { position: absolute; top: 136px; left: 70px; z-index: 1; color: #fff; letter-spacing: 0; font-family: "Avenir Next LT Pro","Avenir Next Cyr W00 Demi"; font-weight: normal }
        #opening_spacer #opening_greetings h1 { font-size: 250%; line-height: 0.92 }
        #opening_spacer #opening_greetings p.h1_str { margin-top: 1.4em; font-size: 66%; line-height: 1.25; margin-bottom: 1em }
        #opening_spacer #opening_greetings #clicktoscroll { font-size: 40% }

@media screen and (max-width: 568px) {
    #opening_spacer #opening_greetings { left: 20px; font-size: 135% }
}

@media screen and (min-width: 568px) {
    #opening_spacer #opening_greetings { left: 70px; font-size: 200% }

    /* .ht-box-images{height: 9.375rem;} */

}

@media screen and (min-width: 768px) {
    #opening_spacer #opening_greetings { font-size: 310% }
}


@media screen and (min-width: 1440px) {
    #opening_spacer #opening_greetings { font-size: 350%; left: 50%; margin-left: -650px }
}

#opening_spacer.close { top: -100% }
/*Banner End*/

.link-more:after, .link-more:before { content: ''; position: absolute; transition: transform .5s ease; }
.link-more { font-weight: 600; padding: 10px 20px; color: #0d2668; display: inline-block; overflow: hidden; position: relative }
    .link-more:hover { text-decoration: none !important }
    .link-more:before, .link-more:after { left: 0; width: 100%; height: 1px; background: #0d2668; }
    .link-more:before { bottom: 0; transform: translateX(-100%); }
    .link-more:after { top: 0; transform: translateX(100%); }
    .link-more:hover:before, .link-more:hover:after, .image-box-wrap:hover .link-more:before, .image-box-wrap:hover .link-more:after { transform: translateX(0); }

.content figure > img { max-width: 480px; }
figure.pull-right { padding-left: 30px; padding-bottom: 10px }
/*Notes Start*/
.notes { padding: 35px 0px; background: var(--color-primary); font-weight: 600; font-size: 16px; }
    .notes p { line-height: 30px; }
    .notes .tbl-style .table-cell:last-child { width: 25%; text-align: right; }
.btn-border { padding: 15px 30px; border: 2px solid #0f3a5d; font-size: 24px; border-radius: 5px; display: inline-block; color: #0f3a5d; font-weight: 600; }
    .btn-border:hover { background: #0f3a5d; color: var(--color-primary); }
/*Notes End*/

/* product card start */

.product-setion { padding: 1rem 0 !important; }
.product-card { position: relative; }
.img-card { position: relative; transition: all .9s; overflow: hidden; margin-bottom: 0px; }
    .img-card img { border-radius: 15px 15px 0px 0px; width: 100%; }
.product-content { bottom: 10%; left: 0px; background: transparent; padding: 0; background: #fff; padding: 9px 11px; min-height: 66px; /* max-width: 307px; */ width: 100%; border-radius: 0px 0px 15px 15px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); }
    .product-content h4 { font-size: 17px; }

.concept-section { padding-bottom: 5rem !important; padding-top: 0rem !important; }

/* product card end */

/* Feature Start */
.feature-card-cont { background: rgba(255,255,255,1); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); /* padding: 3rem; */ border-radius: 1.2rem; margin-top: -9rem; position: relative; z-index: 1; overflow: hidden; }
.feature-card { background: #fff; border-top: 1px solid rgba(0,0,0,0.1); /* border-radius: 20px; */ font-size: 1rem; /* font-weight: 600; */ display: flex; justify-content: center; align-items: center; display: flex; flex-direction: column; text-align: center; position: relative; padding: 1.8rem; color: #444; border-left: 1px solid rgba(0,0,0,0.1); margin: -1px; }
    .feature-card .count { /* background: #fff; */ color: var(--color-secondary); padding: 1px 4px; font-size: clamp(1.3rem,2.5vw,1.6rem); font-weight: 700; margin-bottom: 8px; /* position: absolute; */ /* top: -0.8rem; */ }
    .feature-card .info { font-size: clamp(14px, 1.5vw, 16px); }
/* Feature End */

/* sec why xera Start */
.why-feature { display: flex; gap: 1.2rem; padding: 1.2rem 0; border-bottom: 1px solid #EEE8DE; }
    .why-feature:hover .why-icon::after { transform: scale(1.5); /* color: #fff; */ }
    .why-feature .why-icon { width: 46px; height: 46px; background: rgba(11,29,58,0.07); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--color-secondary); font-size: 1.1rem; position: relative; overflow: hidden; }
    .why-feature:hover .why-icon { color: var(--color-primary) }
    .why-feature .why-icon i { z-index: 1; }
    .why-feature .why-icon::after { content: ''; inset: 0; background: var(--color-secondary); transform: scale(0); overflow: hidden; border-radius: 50%; position: absolute; z-index: 0; transition: transform 0.4s cubic-bezier(.22, 1, .36, 1); }
.why-feature-title { font-weight: 600; /* font-size: 0.95rem; */ color: #000; margin-bottom: 4px; }
.why-feature-text { font-size: 0.9rem; color: #555; /* line-height: 1.6; */ }

.why-visual { background: #0B1D3A; border-radius: 20px; padding: 2.5rem; overflow: hidden; position: relative; }
    .why-visual::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgb(157 146 54 / 50%), transparent); animation: scanLine 3s ease-in-out infinite; border-radius: 20px 20px 0 0 }

.earnings-display { text-align: center; padding: 2rem 0; border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 1.5rem }
.earnings-label { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.8); margin-bottom: 0.5rem; }
.earnings-val { font-weight: 800; font-size: 3rem; color: var(--color-primary); line-height: 1; }
.earnings-sub { font-size: 0.78rem; color: rgba(255,255,255,0.8); margin-top: 4px; }
.why-stat-row { display: flex; justify-content: space-between; padding: 0.7rem 0.6rem; border-bottom: 1px solid rgba(255,255,255,0.06); border-left: 2px solid transparent; transition: ease all 0.3s; }
    .why-stat-row:hover { border-left: 2px solid #fee61c; background: rgba(255,255,255,0.1); }
        .why-stat-row:hover .why-stat-val { color: #fee61c; }
    .why-stat-row:last-child { border-bottom: none; }
.why-stat-name { font-size: 0.82rem; color: rgba(255,255,255,0.55); }
.why-stat-val { font-weight: 600; font-size: 0.9rem; color: #fff; }
    .why-stat-val .badge-green { background: rgba(74,222,128,0.15); color: #4ADE80; font-size: 0.68rem; padding: 2px 8px; border-radius: 100px; margin-left: 6px }
/* sec why xera End*/

/* sec achivement Start */
.achievements-section { padding: 80px 0; border-top: 1px solid #E8E0D4; border-bottom: 1px solid #E8E0D4; }
.achieve-card { text-align: center; padding: 1.5rem; border: 1px solid #ddd; border-radius: 20px; }
.achieve-num { font-weight: 700; font-size: clamp(2.4rem,4.5vw,2.4rem); color: #0B1D3A; line-height: 1 }
.achieve-label { font-size: 0.9rem; color: gray; margin-top: 6px; }
/* sec achivement end */

/* Sec Programs Start */
.program-card { border-radius: 24px; overflow: hidden; }
/* Sec Programs End */

/* Sec Marketing Start */
.sec-marketing { }
.market-card { /* border: 1px solid #D9D9D9; */ border-radius: 13px; margin-bottom: 5px; padding: 1.8rem; background-color: #fff; margin: 10px 15px; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); /* margin-top: 10px; */ /* margin-bottom: 10px; */ }
    .market-card .card-header { display: flex; justify-content: space-between }
        .market-card .card-header .medium { font-size: 21px; font-weight: 600; margin-bottom: 2px; color: #000; }
        .market-card .card-header .small { font-size: 15px; font-weight: 300; margin-bottom: 6px; color: #000; }
        .market-card .card-header .big { font-size: 28px; font-weight: 700; margin-bottom: 1px; color: #000; }
    .market-card .des { font-size: 13px; text-align: start; margin-bottom: 3px; margin-top: 7px }
    .market-card .card-ftr p { margin-bottom: 10px; font-size: 12px; color: gray }
    .market-card .card-ftr button { font-size: 14px; border-radius: 5px; padding: 8px 12px; font-weight: 500; color: #fff; border: none; }
.pink { background: #FD116F !important; }
.pink-txt { color: #FD116F !important; }
.royal-blue { background: #2B55DD !important; }
.royal-blue-txt { color: #2B55DD !important; }
.aqua { background: #06A6B8 !important; }
.aqua-txt { color: #06A6B8 !important; }
.green { background: #199421 !important; }
.green-txt { color: #199421 !important; }
/* Sec Marketing End */



/* Program Services Start*/
.yellow-card-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem; margin-top: 2rem; }
.yellow-card { font-size: clamp(16px, 1.2vw, 18px); background: #FEE61C; border-radius: 20px; padding: 20px 15px; text-align: center; color: #000; width: 100%; height: 105px; display: flex; justify-content: center; align-items: center; position: relative; }
    .yellow-card:hover .border-bg { transform: translate(0px); }
    .yellow-card .border-bg { position: absolute; width: 100%; height: 100%; border-radius: 20px; border: 1px solid #000; transform: translate(-8px, -8px); transition: transform 0.3s ease-in-out; }
/* Program Service End */
/* Section Mobile App Start */
.sec-mobile-app { position: relative }
    .sec-mobile-app .left-frame { position: absolute; left: 0px; bottom: 0px }
    .sec-mobile-app .right-frame { position: absolute; right: 0px; top: 0px }
/* Section Mobile App End */

/* section universities Start */
.slick-track { display: flex; height: auto; }
.slick-slide { height: inherit; }
.university-slider .slick-slide > div { padding: 0 6px; height: 100%; }
    .university-slider .slick-slide > div > div { height: 100%; }
.select-country-row { padding: 16px 18px; background: #F3F3F3; border-radius: 16px; display: flex; gap: 0.7rem; align-items: center; overflow-x: scroll; }
    .select-country-row::-webkit-scrollbar { display: none }
    .select-country-row .country-pill { background: #fff !important; padding: 12px; border-radius: 50px; border: 1px solid #E0E0E0 !important; display: flex !important; gap: 8px; align-items: center; max-height: 49px; width: fit-content; cursor: pointer; }
        .select-country-row .country-pill.active { background: #FFF7B5; border: 1px solid #F4DA00; box-shadow: 0px 4px 4px 0px var(--color-primary)A6 }
.country-pill .country-img { width: 20px; height: 20px; border-radius: 20px; }
.country-pill .country-name { font-size: clamp(0.875rem, 0.875rem + 0.25vw, 0.9rem); font-weight: 400; color: #000; margin-bottom: 0px; text-align: start; line-height: 1.2; text-wrap-mode: nowrap; }
.university-wrapper { margin-top: 1.5rem; overflow: hidden; }
    .university-wrapper .university-card { background: #fff; border: 1px solid #DDDDDD; border-radius: 16px; /* overflow: hidden; */ position: relative; height: 100%; overflow: hidden; margin-bottom: -5px; }
        .university-wrapper .university-card:after { content: ''; position: absolute; bottom: 0px; box-shadow: inset 0 -46px 15px rgba(0, 0, 0, 0.8); height: 100px; width: 100%; }
    .university-wrapper .university-badge { position: absolute; top: 1rem; margin-bottom: 0px; border-radius: 0px 10px 10px 0px; padding: 0px 10px; background: var(--color-primary); }
        .university-wrapper .university-badge.green-badge { background: var(--bs-success); color: #fff }
        .university-wrapper .university-badge span { font-size: 12px; font-weight: 600; }
    .university-wrapper .university-card .card-content { padding: .7rem; position: absolute; bottom: 0px; width: 100%; z-index: 9; }
    .university-wrapper .university-card .card-header img:not(.university-logo) { object-fit: cover; max-width: 100%; height: 252px; /* max-height: 202px; */ width: 100%; border-radius: 16px 16px 0px 0px; filter: blur(0.5px); }
    .university-wrapper .university-card .card-content .title { font-size: .9rem; color: #fff; font-weight: 400; overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; */ /* -webkit-line-clamp: 1; */ /* -webkit-box-orient: vertical; */ margin: 0px; }
    .university-wrapper .university-card .card-content .sub-title { font-size: 0.825rem; /* margin-bottom: 10px; */ color: #D4A843; width: fit-content; padding: 2px 10px; border-radius: 24px; /* margin-top: 1rem; */ background: rgb(212 168 67 / 19%); }
    .university-wrapper .university-card .card-content .des { font-size: 0.938rem; font-weight: 400; text-align: start; color: #000000B2 }
    .university-wrapper .university-card .university-image-frame { }
        .university-wrapper .university-card .university-image-frame .university-logo { width: 2.625rem; height: 2.625rem; border-radius: 50%; object-fit: contain; box-shadow: 0px 0px 5px 0px #333333; position: absolute; top: 1rem; right: 1rem; }
/* section universities End */

/* section CTA Start */
.sec-cta { background: var(--color-primary); }
    .sec-cta .cta-cont { }
        .sec-cta .cta-cont .white-card { border: 1px solid var(--color-primary); background: #fff; padding: 12px 16px; border-radius: 16px; display: flex; gap: 10px; align-items: center }
.xera-img-frame { margin: 0px; position: relative; }
    .xera-img-frame .ellipse { position: absolute; left: 0px; bottom: 0px; }
.disc-list { line-height: 1.5; padding-left: 1rem; }
    .disc-list li { list-style-type: disc; font-weight: 500 }

/* section CTA End */

/* Section Earning Step Start */
.sec-earning-step { background: url('../images/girl-with-backpack-walking-up-stairs.webp') no-repeat center center; background-size: cover; background-color: #0A101F; }
.earning-step-wrapper { display: flex; color: #fff; justify-content: space-between; align-items: center; }
    .earning-step-wrapper .step-cont { display: flex; gap: 0.8rem; }
        .earning-step-wrapper .step-cont .count { width: 45px; height: 45px; border-radius: 50px; background: var(--color-primary); color: #000; font-weight: 600; display: flex; justify-content: center; align-items: center; font-size: 1.3rem; }
.step-cont .data { max-width: 220px; }
    .step-cont .data .data-title { font-size: 18px; margin-bottom: 10px; font-weight: 500; }
    .step-cont .data .data-des { font-size: 13px; font-weight: 300; text-align: start; margin-bottom: 0px; line-height: normal }

/* Section Earning Step End */

.processing-contact-us-bg { background-color: #0c2667; background-image: url(../images/bg-contact-sec.jpg); background-repeat: no-repeat; background-position: top right; padding: 8rem 0px; background-size: contain; }
.conact-us-wrap-one .heading { position: relative; padding-left: 34px; font-weight: 700; line-height: 1.4; font-size: 2.5rem; letter-spacing: 1px; }
.conact-us-wrap-one .sub-heading { margin-top: 15px; /* font-size: 18px; */ margin-left: 34px; color: rgba(255,255,255,0.8); line-height: 1.6rem; }
.conact-us-wrap-one .heading::before { content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 94%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--color-primary); }
.contact-info-two .call-us { color: var(--color-primary); }
    .contact-info-two .call-us a:hover { color: #fff }
.contact-info-two .heading { color: rgba(255,255,255,0.8); }
.contact-info-two .icon { color: #fff; font-size: 4rem; line-height: normal; }
.contact-info-two .btn-secondary:hover { background: #d2a98e; color: #ffffff; }
.contact-us-section-wrappaer { margin-top: 5rem; }
/*About us start*/
.sec-about { padding: 5rem 0px; /* padding-top: 6rem; */ text-align: center; padding-bottom: 4rem; }
    .sec-about h2, .about .h2 { margin-top: 0px; }
    .sec-about p { /* font-size: 1rem; */ color: #555; text-align: justify; }
        .sec-about p .subtitle { font-size: 18px; font-weight: 700 }

/*About us end*/

/*Admision List Start*/
.sec-application-list { padding-bottom: 5rem; text-align: center }
/* .sec-application-list h4 { margin-bottom: 2rem; } */
.admlist-box { -webkit-box-shadow: 0 18px 40px rgba(51,51,51,0.1); box-shadow: 0 0px 10px rgba(51,51,51,0.1); text-align: center; background: #ffffff; border-radius: 5px; padding: 15px; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); margin-top: 40px; margin-bottom: 10px; }
    .admlist-box .adm-stu { margin: 0px auto; margin-top: -45px; box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.1); margin-bottom: 16px; height: 80px; width: 80px; border-radius: 50%; border: 5px solid #ffffff; }
        .admlist-box .adm-stu img { height: 100%; width: 100%; border-radius: 50%; }
    .admlist-box .adm-uni { font-weight: 500; line-height: 20px; color: #10388e; height: 47px; vertical-align: middle; }
    .admlist-box .adm-count { font-weight: 700; font-size: 120%; margin-bottom: 15px; }
        .admlist-box .adm-count > span { font-size: 20px }
    .admlist-box .adm-prog { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0px; margin-top: 5px; margin-bottom: 10px }
.sec-application-list .carousel-control-prev { left: -30px }
.sec-application-list .carousel-control-next { right: -30px }
.sec-application-list .slick-slide { padding: 0px 10px }
.carousel-control-next, .carousel-control-prev { top: 30% }

@media (min-width: 768px) {

    /* show 3 items */
    .sec-application-list .carousel-inner .active,
    .sec-application-list .carousel-inner .active + .carousel-item,
    .sec-application-list .carousel-inner .active + .carousel-item + .carousel-item,
    .sec-application-list .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item { display: block; }

    .sec-application-list .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .sec-application-list .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .sec-application-list .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .sec-application-list .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item { transition: none; }

    .sec-application-list .carousel-inner .carousel-item-next,
    .sec-application-list .carousel-inner .carousel-item-prev { position: relative; transform: translate3d(0, 0, 0); }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -25%; z-index: -1; display: block; visibility: visible; }

    /* left or forward direction */
    .sec-application-list .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .sec-application-list .carousel-item-next.carousel-item-left + .carousel-item,
    .sec-application-list .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .sec-application-list .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .sec-application-list .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; }

    /* farthest right hidden item must be abso position for animations */
    .sec-application-list .carousel-inner .carousel-item-prev.carousel-item-right { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible; }

    /* right or prev direction */
    .sec-application-list .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .sec-application-list .carousel-item-prev.carousel-item-right + .carousel-item,
    .sec-application-list .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .sec-application-list .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .sec-application-list .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; visibility: visible; }
}

/*Admision List End*/


.love-work { padding: 40px 0px; background: #16467b; text-align: center; color: #fff; }
    .love-work p { padding: 0px 150px; margin-top: 20px; font-size: 16px; }
    .love-work h3 { color: #fff; font-size: 48px; font-weight: 700; letter-spacing: 1px }
        .love-work h3 .love { font-size: 20px; display: inline-block; position: relative; padding: 15px; z-index: 0 }
            .love-work h3 .love:after { content: "\f004"; font-family: FontAwesome; position: absolute; font-size: 60px; color: #d85a4b; z-index: -1; top: -5px; left: 5px; }
.our-clients { padding: 80px 0px; text-align: center; margin: 0px auto; }
    .our-clients h2 { margin-top: 0px; margin-bottom: 30px; }
    .our-clients img { margin-top: 10px; }

    .our-clients .logo-box { background: #eee; padding: 20px; text-align: center; }
    .our-clients .logo-cont { width: 90%; margin: 0px auto; }
.logo-cont ul { padding: 0px; margin: 0px; }
    .logo-cont ul li { display: inline-block; width: 19% }

.sec-partner-university { padding: 5rem 0px; background: #e7edfb; text-align: center }
    .sec-partner-university .slick-slider figure { height: 110px; width: 110px; /* background:#fff; */ text-align: center; display: block; margin: 0px auto; }
        .sec-partner-university .slick-slider figure img { width: 100%; height: 100%; object-fit: contain; background: #fff; padding: 15px; border-radius: 2px; margin: 0px auto; border-radius: 5px }
.slick-next:before { content: "\f0da"; color: #000 }
.slick-prev:before { content: "\f0d9"; color: #000 }
.slick-dots li button:before { content: "\f111" }

.sec-partner-university.country { background: #f8f8f8; }
    .sec-partner-university.country .slick-slider figure { width: 85px; height: 85px; position: relative }
        .sec-partner-university.country .slick-slider figure img { padding: 0px; border-radius: 50%; border: 7px solid #ddd; background: none; }
    .sec-partner-university.country .slick-slider figcaption { font-size: 13px; color: #777; display: block; text-align: center; line-height: 14px; margin-top: 6px; }

/* Old Testomonials Css Start */
/* .sec-testimonials { padding: 8rem 0px; text-align: center; position: relative; padding-top: 0px; }
.testimonial-cont { background: #fff; padding: 4rem; box-shadow: 0 18px 40px rgba(51,51,51,0.1); border-radius: 5px; }
.sec-testimonials .testimonial-caption { padding: 0px 8% }
    .sec-testimonials .testimonial-caption .fa { font-size: 20px; display: inline-block; background: #0c2667; height: 60px; line-height: 58px; width: 60px; border-radius: 50%; color: #fff; margin-bottom: 12px; }
    .sec-testimonials .testimonial-caption h3 { color: #555; font-size: 16px; }
        .sec-testimonials .testimonial-caption h3 span { display: block; font-size: 14px; font-weight: 400; color: #999; text-align: justify }
    .sec-testimonials .testimonial-caption p { height: 150px; margin: 0px auto; margin-top: 20px; width: 100%; }
    .sec-testimonials .testimonial-caption figure { text-align: center }
        .sec-testimonials .testimonial-caption figure > img { overflow: hidden; object-fit: cover; height: 60px; width: 60px; border-radius: 50%; margin: 0px auto; } */

/* Old Testomonials Css End */

/* Section Testomonials Start */
.sec-testimonials .testimonial-caption { background: #bfcde54d; border-radius: 16px; padding: 2rem; margin: 0px 7px; border-left: 4px solid #14243f; height: 100%; position: relative; }
    .sec-testimonials .testimonial-caption .tm-quort { font-size: 3rem; color: #14243f; line-height: 1; font-family: Georgia, serif; }
    .sec-testimonials .testimonial-caption .tm-text { font-size: 0.9rem; line-height: 1.8; margin-bottom: 1rem; font-style: italic; letter-spacing: 0.5px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
    .sec-testimonials .testimonial-caption .tm-authore { font-weight: 700; font-size: 0.9rem; margin-bottom: 0px; }
    .sec-testimonials .testimonial-caption .tm-country { font-size: 0.76rem; color: #8898AA; }
/* Section Testomonials End */

.social-list { margin: 0px }
    .social-list > li { display: inline-block }
        .social-list > li > a { font-size: 16px; margin-right: 10px }
            .social-list > li > a:hover { color: var(--color-primary) }
.socials { padding: 30px 0px; background: var(--color-primary); text-align: center; position: relative; overflow: hidden }
    .socials ul { padding: 0px }
        .socials ul li { list-style: none; display: inline-block; padding: 0px 20px; }
            .socials ul li a { font-size: 40px; color: #000; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
                .socials ul li a:hover { color: #fff; text-shadow: 2px 2px 4px #000000; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.footer { padding-top: 6rem; padding-bottom: 10px; position: relative; color: #ccc; overflow: hidden; background: #000; margin-top: 5rem; }
    .footer .x_row-separator svg { transform: rotateX(127deg); fill: #f8f8f8; width: 101%; }
    .footer .x_row-separator { top: -11px; bottom: inherit; }
.ftr-form { padding: 0px 15px; }
    .ftr-form:before { content: ''; height: 100%; width: 1px; background: rgba(255,255,255,0.1); position: absolute; left: -10px; }
    .ftr-form h3 { margin-top: 0px; color: var(--color-primary) }
    .ftr-form input[type=text], .ftr-form input[type=number], .ftr-form textarea { background: transparent; padding: 9px 18px; border-radius: 2px; width: 100%; border: 0px; margin-bottom: 15px; border: 1px solid #555; color: rgba(255,255,255,0.8) }
    .ftr-form input[type=button] { /* background: var(--color-primary); */ /* padding: 5px 15px; */ /* border: 0px; */ /* color: #000; */ /* border-radius: 3px; */ /* font-weight: 600; */ height: 3rem; line-height: 3rem; }
.ftr-lnks { margin-bottom: 30px; }
    .ftr-lnks h4 { color: #fff; font-size: 1rem; }
    .ftr-lnks ul { padding: 0px; list-style-type: none; }
        .ftr-lnks ul li { padding: 4px 0px; }
        .ftr-lnks ul a { font-size: 14px; color: #aaa; line-height: 17px; display: block; }
            .ftr-lnks ul a:hover { color: var(--color-primary); }
.cp-rt { /* margin-top: 20px; */ font-size: 13px; color: #777; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 2rem; }


.background-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; overflow: hidden; }
    .background-wrapper .background { height: 100%; width: 100%; }

.background--particles { overflow: hidden; width: 120%; height: 120%; }

/*Inner pages start*/

.inner-page p { text-align: justify; }
    .inner-page p a { font-weight: 600 }
        .inner-page p a:hover { text-decoration: underline }
.inner-page h2, .inner-page h1 { font-size: 40px; }
.bnr-heading { position: relative; /* border-top: 1px solid #ddd; */ /* border-bottom: 1px solid #ddd; */ /* text-align: center; */ /* color: #ffffff; */ /* margin-bottom: 30px; */ /* background-size: 100%; */ /* background-image: url('../images/bg-05.jpg'); */ /* height: 250px; */ /* padding-top: 190px; */ /* text-align: left; */ text-align: center; margin-top: -46px; margin-bottom: 4rem; }

    .bnr-heading img { width: 100%; }
    .bnr-heading h1, .bnr-heading h2, .heading h1 { /* font-size: inherit; */ /* color: #000; */ /* text-transform: uppercase; */ /* font-weight: 900 !important; */ position: relative; z-index: 2; padding-bottom: 0px; margin-bottom: -8px; background: #fff; display: inline-block; padding: 1rem 3rem; border-radius: 5px; box-shadow: 0 18px 40px rgba(51,51,51,0.1); }
    .bnr-heading p { text-align: center; /* color: #777; */ }
.aboutus h4, h1.type1 { font-size: 28px; text-align: center; color: #0c2667; padding-bottom: 30px; border-bottom: 1px dashed #ddd; line-height: 50px; margin-bottom: 40px; margin-top: 0px; font-weight: 700; }
.aboutus h2 { font-size: 28px; font-weight: 700; }

.app-slider { max-width: 12rem !important; width: 100% !important; display: inline-block !important; border-radius: 15px !important; }
.lp-banner { padding-top: 2rem !important; }

.services-pg p { color: #555; font-size: 15px; }
.services-pg h3 { margin-bottom: 20px; font-weight: 700; color: #333; font-size: 26px; border-bottom: 3px solid var(--color-primary); display: inline-block; padding-bottom: 5px; }
.service-list { /* padding-right: 40px; */ border-right: 1px solid #ddd; /* position: sticky; */ /* top: 0px; */ height: 100%; }
    .service-list ul { list-style-type: none; padding-left: 0px; position: sticky; top: 70px; }
        .service-list ul li a { border-bottom: 1px solid #ddd; padding: 12px 0px; display: block; font-size: 15px; font-weight: 600; position: relative; color: #777; }
        .service-list ul li:last-child a { border-bottom: 0px; }
        .service-list ul li a:hover { color: #0c2667 }
        .service-list ul li.active a:after { /* content: ''; */ position: absolute; bottom: 0px; height: 3px; background: var(--color-primary); width: 100%; left: 0px; }
        .service-list ul li.active a:before { content: ''; position: absolute; top: 0px; height: 100%; background: var(--color-primary); width: 4px; right: -2px; z-index: 2; }
        .service-list ul li.active a { color: #0c2667; /* border: 0px; */ }
/*Inner pages end*/

.service-cont .row + .row { margin-top: 8rem; }
.service-cont .left-sec { padding: 2.5rem; padding-right: 7%; position: relative; padding-top: 4rem; }
    .service-cont .left-sec:after { content: ''; position: absolute; background: #fff; width: 150%; height: 96%; top: 20px; left: 0px; z-index: -1; box-shadow: 0 18px 40px rgba(51,51,51,0.1); border-radius: 5px; }
.service-cont .right-sec { padding: 2.5rem; padding-left: 7%; padding-top: 2rem; position: relative; padding-top: 4rem; }
    .service-cont .right-sec:after { content: ''; position: absolute; background: #fff; width: 150%; height: 96%; top: 20px; right: 0px; left: -50%; z-index: -1; box-shadow: 0 0px 18px 0px rgb(51 51 51 / 10%); border-radius: 5px; /* padding-left: 25%; */ }
.service-cont .service-image { margin: 0px; }
.service-image > img { width: 100% }
.service-cont .order-md-1 figure { text-align: right }

.service-info h3 { font-weight: 700; margin-bottom: 2rem; color: #0c2667; }
.service-info .bullet-list.md { font-weight: 300; }
.white-box { background: #fff; box-shadow: 0 18px 40px rgba(51,51,51,0.1); border-radius: 5px; padding: 2rem }
/*Contact us start*/
address ul { list-style-type: none; padding-left: 0px; }
    address ul li { padding: 11px; position: relative; padding-left: 49px; line-height: 25px; }
        address ul li strong { font-weight: 500 }
        address ul li .fa { position: absolute; left: 0px; font-size: 1.3rem; top: 12px; background: var(--color-primary); color: #000; display: inline-block; border-radius: 50%; line-height: 40px; height: 40px; width: 40px; text-align: center; /* box-shadow: 0 0px 5px 3px rgba(51,51,51,0.1); */ }
            address ul li .fa.fa-envelope-o { font-size: 1.2rem; }
.get-in-tch p { font-size: 14px; text-align: left; }

.cont-form { background: #fff; padding: 30px; /* border: 1px solid #ddd; */ border-radius: 5px; box-shadow: 0 18px 40px rgba(51,51,51,0.1); }
    .cont-form .form-group { margin-bottom: 2rem }
    .cont-form h6 { font-weight: 600; text-transform: uppercase; color: #aaa; font-size: 14px; letter-spacing: 1px; }
    .cont-form .form-control { font-size: inherit; box-shadow: none; border-radius: 0px; border: 0px; border-bottom: 1px solid #ddd; padding-left: 0px; padding-right: 0px; }
        .cont-form .form-control.err { border-bottom: 1px solid #c12e2e; }
    .cont-form label { /* font-size: 14px; */ }

/*Plans and Pricing Start*/
.tbl-package { border: 0px; box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.2); border-radius: 10px; max-width: 100%; border-radius: 30px; margin: 0px auto; }
    .tbl-package th, .tbl-package td { border: 0px; padding: 10px 5px; box-shadow: -6px 0 5px 0px rgba(0,0,0,0.1); }
    .tbl-package th { background: #0c2667; border: 0px; color: #fff; text-transform: uppercase; font-size: 1.3rem; letter-spacing: 1px; padding: 29px 15px; width: 16%; text-align: center; }
    .tbl-package tr th:first-child { width: 36%; padding-left: 25px; border-radius: 30px 0px 0px 0px; text-align: left; }
    .tbl-package tr th:last-child { border-radius: 0px 30px 0px 0px }
    .tbl-package tr:nth-child(odd) td { background-color: #e6e8f4; }
    .tbl-package td { text-align: center; font-weight: 600; font-size: 16px; /* z-index: 1; */ /* position: relative; */ }
        .tbl-package td small { line-height: 16px; display: block; color: #777 }
    .tbl-package tr td:first-child { text-align: left; padding-left: 25px; font-weight: 400; font-size: 14px; }
    .tbl-package tr:last-child td:first-child { border-radius: 0px 0px 0px 30px }
    .tbl-package tr:last-child td:last-child { border-radius: 0px 0px 30px 0px; }
    .tbl-package td .btn-plan { transition: ease all 0.5s; border: 0px; font-size: 1.1rem; border: 2px solid #0c2667; text-transform: uppercase; background: #0c2667; color: #fff; font-weight: 700; padding: 8px 20px; border-radius: 2px; letter-spacing: 1px; cursor: pointer; display: inline-block; }
        .tbl-package td .btn-plan:hover { transition: ease all 0.5s; background: #fff; color: #0c2667; border: 2px solid #0c2667; box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.3); }
    .tbl-package td .txt-amnt { white-space: nowrap; }
        .tbl-package td .txt-amnt .fa { font-size: 85% }
    .tbl-package th.col-recmd { transform: scaleY(1.1); /* box-shadow: 0 0 25px 0px rgba(0,0,0,0.1); */ /* z-index: 15; */ /* position: relative; */ background: var(--color-primary); color: #000; }
    .tbl-package td.col-recmd { background: #fff9c9 !important }

    .tbl-package tr.tr-total td:first-child { font-weight: 600; text-transform: uppercase; font-size: 16px }
    .tbl-package .tr-total td { font-size: 1.5rem; font-weight: 700; color: #040404; background: #f5e662 !important }
        .tbl-package .tr-total td .old-price { font-size: 16px; display: inline-block; position: relative; color: #d41c1c; font-weight: 600; padding: 0px 5px; }
            .tbl-package .tr-total td .old-price:after { content: ''; height: 1px; background: #d41c1c; width: 100%; position: absolute; left: 0px; top: 47%; }
        .tbl-package .tr-total td small { font-size: 12px; margin-top: 2px; display: inline-block; margin-right: -20px; position: relative; top: -3px; left: -2px; }
/*Plans and Pricing End*/

.feedback-form, .overlay { z-index: 100; position: fixed }
.feedback-form { top: 20%; right: 0 }
.cnt-form { transition: all .4s; padding: 20px; margin-right: -300px; /* background: #eee; */ /* border: 1px solid #eee; */ border-radius: 3px 0 0 3px; width: 300px; box-shadow: 0 16px 20px rgba(51,51,51,0.1); }
    .cnt-form h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.8rem; }
    .cnt-form.active { margin-right: 0px; /* z-index: 101; */ }
.feedback-form .cont-form .form-group { margin-bottom: 1.2rem; }
.feedback-form .cont-form .btn.btn-solid { height: 2.5rem; line-height: 2.5rem; font-size: 1rem; }
.feedback-form .pull_feedback { background: var(--color-primary); display: block !important; width: 134px; float: right; text-align: center; font-size: 14px; font-weight: 500; position: absolute; top: 80px; padding: 8px; left: 0; transform: rotate(90deg); transform-origin: left top 0; color: #000; border-radius: 0 0 5px 5px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }

/*-----  Number datalist Start   -----*/
.sticky-aside-cont { z-index: 100; position: fixed; }
.sticky-aside-cont { top: 20%; right: 0 }
.sticky-aside-cont-inner { transition: all .4s; padding: 20px; margin-right: -320px; background: #fff; /* border: 1px solid #eee; */ border-radius: 3px 0 0 3px; width: 320px; box-shadow: 0 0px 20px rgba(51,51,51,0.1); }
    .sticky-aside-cont-inner h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.8rem; /* margin-left: -20px; */ text-transform: uppercase; }
    .sticky-aside-cont-inner.active { margin-right: 0px }
.sticky-aside-cont .sticky-aside-cont-inner .form-group { margin-bottom: 1.2rem; }
.sticky-aside-cont .pull_sticky-aside { background: #549c03; display: block !important; width: 50px; float: right; text-align: center; font-size: 14px; font-weight: 500; position: absolute; top: 20px; padding: 8px; left: -46px; /* transform: rotate(90deg); */ transform-origin: left top 0; color: #000; border-radius: 25px 0 0px 25px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; }
    .sticky-aside-cont .pull_sticky-aside:hover .fa { transform: rotate(360deg); transition: ease all 0.5s }
    .sticky-aside-cont .pull_sticky-aside .fa { font-size: 18px; height: 30px; width: 30px; display: inline-block; background: #fff; line-height: 30px; border-radius: 50%; transition: ease all 0.5s; }
.sticky-aside-cont-inner ul li strong { font-weight: 600 }
.sticky-aside-cont-inner ul li { padding: 8px 0px; border-bottom: 1px solid #ddd; /* font-size: 13px; */ }
    .sticky-aside-cont-inner ul li a { color: inherit }
.sticky-aside-cont-inner ul { /* padding:0px 10px */ }

.float-btn { position: fixed; width: 50px; height: 50px; line-height: 55px; bottom: 20px; left: 20px; background-color: #25d366; color: #fff; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px #999; z-index: 100; }
    .float-btn:hover { background: var(--color-primary); color: #000 }

@media screen and (min-width:767px) {

    .sticky-aside-cont-inner:hover { margin-right: 0px; /* z-index: 100; */ }
}
/*-----  Number datalist End   -----*/

.flow-diagram { margin: 2rem 0px }
    .flow-diagram ul > li > div { /* display: block; */ /* background:#ccc; */ border-radius: 25px 0px; border: 1px solid rgba(0,0,0,0.1); height: 100%; margin: auto 0px; vertical-align: middle; padding: 15px 10px; text-align: center; position: relative; /* font-weight: 600; */ display: flex; text-align: center; color: #fff; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2); }
        .flow-diagram ul > li > div > span { margin: auto; /* margin-bottom:auto; */ display: block; text-align: center; }
    .flow-diagram ul > li + li { }
    .flow-diagram ul > li > div:after { content: "\f178"; position: absolute; font-size: 2rem; right: -33px; top: 45%; transform: translateY(-50%); color: #6e5fa9; transform: scaleY(1.4); }
    .flow-diagram.theme-red ul > li > div:after { color: #bd9b53 }
    .flow-diagram ul > li:last-child > div:after { display: none }

.bullet-list > li { position: relative; padding: 2px 0px; padding-left: 1.5rem; }
    .bullet-list > li .fa { position: absolute; left: 0px; top: 7px; color: #163368; }
.bullet-list.md { font-size: 1rem; font-weight: 600; }

.overflow-hidden { overflow: hidden; }
/*20Aug22 updated by Rohit*/


@media screen and (max-width:991px) {
    .banner-cont .banner-img-cont { position: absolute; top: 20% !important; }
    .banner-cont { padding-top: 7rem !important; }
    .team-card .image-box-wrap .box-image { width: 100% !important; }
    .team-card .image-box-wrap { flex-wrap: wrap; }
    .wow { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; }
    .header { z-index: 999; top: 23px; }
    /*20Aug22 updated by Rohit*/
    .navbar .navbar-collapse, .navbar-toggler + .navbar-collapse { position: fixed; top: 0px; width: 100%; height: 100%; background: var(--color-primary); /* left: 0px; */ z-index: 99; padding: 2rem; padding-top: 5rem; display: block; /* width: 0px; */ right: -100%; visibility: hidden; /* opacity: 0; */ transition: ease all 0.5s; }
        .navbar .navbar-collapse.show, .navbar .navbar-collapse.show { /* display: block */ /* width: 100%; */ right: 0px; visibility: visible; /* opacity: 1; */ transition: ease all 0.5s; overflow-y: scroll !important; overflow-x: hidden; }
    .navbar-expand-lg .navbar-nav .nav-link { color: #000 !important; font-size: 16px; font-weight: 700; border-bottom: 1px solid rgba(0,0,0,0.3); }
        .navbar-expand-lg .navbar-nav .nav-link > i { font-size: 1rem; margin-left: 5px; transition: ease all 0.3s }
            .navbar-expand-lg .navbar-nav .nav-link > i:before { content: "\f078" }
        .navbar-expand-lg .navbar-nav .nav-link.active > i { transform: rotate(180deg); transition: ease all 0.3s }
    .header .navbar-brand img { height: 50px }
    .navbar-toggler { padding: 0px; position: relative; z-index: 9999; margin-top: -6px; }
        .navbar-toggler:active, .navbar-toggler:focus { outline: none }
        .navbar-toggler .navbar-toggler-icon { position: relative; width: 2.1rem; height: 28px; }
            .navbar-toggler .navbar-toggler-icon > span { display: block; position: absolute; height: 4px; width: 70%; right: 0px; background: #fff; top: 12px; }
            .navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after { content: ''; position: absolute; width: 100%; height: 4px; background: #fff; right: 0px; top: 0px; transform: inherit; transition: ease all 0.3s; }
            .navbar-toggler .navbar-toggler-icon:after { top: inherit; bottom: 0px; width: 90%; transform: inherit }

        .navbar-toggler.active .navbar-toggler-icon > span { display: none }
        .navbar-toggler.active .navbar-toggler-icon:before, .navbar-toggler.active .navbar-toggler-icon:after { content: ''; position: absolute; width: 105%; height: 4px; background: #040404; right: 0px; top: 10px; transition: ease all 0.3s; }
        .navbar-toggler.active .navbar-toggler-icon:after { /* top: 0px; */ transform: rotate(-45deg); }
        .navbar-toggler.active .navbar-toggler-icon:before { transform: rotate(45deg) }

    .navbar-expand-lg .navbar-nav .nav-link::before, .navbar-expand-lg .navbar-nav .nav-link::after, .navbar-expand-lg .navbar-nav .dropdown-menu:before { display: none }


    .navbar-expand-lg .navbar-nav .dropdown-menu { background: none; box-shadow: none; border: 0px; }
    .dropdown-menu .dropdown-item { margin-left: 2rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0px; letter-spacing: 1px; font-size: 1rem; font-weight: 600; }
        .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus { background: none }
        .dropdown-menu .dropdown-item:first-child { padding-top: 12px; }
    .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus { color: #000; background: #d4be06 }
    #home .nav-home, #about .nav-about, #products .nav-product, #services .nav-service, #career .nav-career, #contact .nav-contact, #events .nav-events, #webinar .nav-events { color: #000; background: #d4be06 }
    #home .nav-home, #about .nav-about, #crm .nav-product, #career .nav-career, #contact .nav-contact, #products .nav-service, #open-a-branch, #countries .nav-countries, .nav-open-a-branch, #pricing .nav-pricing { color: #000; font-weight: 700; /* background: #d4be06 */ }


    .banner-cont .banner-text-cont { position: absolute; left: 40px; top: 40%; transform: translateY(-18%); width: 45%; }
        .banner-cont .banner-text-cont > h1 { font-size: 3rem }
    .banner-cont .banner-img-cont { bottom: inherit; top: 45%; transform: translateY(-50%); right: 40px; width: 41%; }
    /* .sec-banner > figure { max-height: 600px } */
    .x_row-separator svg { height: 50px }
    /* .sec-service { margin-top: -6rem } */
    .sec-service { margin-top: 0rem; }


    .ht-box-images .image-box-wrap { padding: 25px 30px; display: flex; flex-direction: column; }
        .ht-box-images .image-box-wrap .box-image { width: 25%; padding-right: 1rem; }
            .ht-box-images .image-box-wrap .box-image img { /* width:100%; */ height: 80px; }

    h1, h2, .h2 { font-size: 2rem }
    .sec-about, .processing-contact-us-bg, .sec-testimonials, .sec-partner-university, .sec-application-list { padding: 4rem 0px; }
    .sec-partner-university { padding-bottom: 7rem; }
    .testimonial-cont { /* margin-top: -5rem; */ }
    .processing-contact-us-bg { background-size: contain }
    .conact-us-wrap-one .heading { font-size: 2rem }

    .testimonial-cont { /* padding: 2rem; */ }
    .carousel-control-next, .carousel-control-prev { width: 40px }
    .footer { margin-top: 4rem; }
        .footer .x_row-separator { top: -12px }
    .ftr-lnks h4 { font-size: 1rem }
    .ftr-form:before { left: 10px; width: calc(100% - 30px); height: 1px; top: 23px; }
    .ftr-form { padding: 0px; padding-top: 3rem }
    .ftr-lnks { margin-bottom: 0px; }
    .ftr-form h3 { font-size: 1.2rem }

    .service-cont .left-sec { padding-right: 3% }
    .service-cont .right-sec { padding-left: 3% }
    .service-info h3 { font-size: 1.5rem; margin-bottom: 1rem; }

    .tbl-cont1 { overflow-x: auto }
}
/* mobile */
@media screen and (max-width:767px) {
    .app-slider { max-width: 8rem !important; width: 100% !important; height: 15rem !important; display: inline-block !important; border-radius: 15px !important; }
    .mockup-slider { padding: 10px; }
    .mbbs-abroad-heading .hd-underline { margin-bottom: 0rem !important; }
    .banner-cont { top: 4rem }
        .banner-cont .banner-text-cont > h1 { font-size: 2rem }
        .banner-cont .banner-text-cont > p { font-size: 14px }
    .ht-box-images .image-box-wrap .box-image img { /* height: 80px; */ }
    .ht-box-images .image-box-wrap { padding: 20px; display: block; }
        .ht-box-images .image-box-wrap .box-image { padding-right: 1.2rem; display: block; margin-bottom: 25px; }
        .ht-box-images .image-box-wrap .content .box-images-arrow { margin-top: 17px }
        .ht-box-images .image-box-wrap .box-heading { font-size: 1.2rem }
    .testimonial-cont { /* padding: 25px 15px; */ }
    .sec-testimonials .testimonial-caption p { width: 100% }



    .inner-page .sec-banner > figure { max-height: 180px }
    .inner-page h2, .inner-page h1 { font-size: 2rem }
        .inner-page h1.type1 { font-size: 1.2rem; line-height: normal }
    .inner-page h3, .inner-page .h3 { font-size: 1.2rem }
    .inner-page img.img-responsive { width: 100%; margin-bottom: 1rem }
    .inner-page .hd-underline { margin-bottom: 1.2rem; font-size: 1.5rem; }

    .service-cont .row + .row { margin-top: 2rem; }
    .service-cont .right-sec { padding: 20px; padding-left: 20px; /* margin: 0px; */ }
    .service-cont .right-sec, .service-cont .left-sec { padding: 20px; margin: 0px; }
    .service-info { padding-top: 20px }
    .service-cont .left-sec:after { width: 100%; right: 0px; left: 0px }

    .bnr-heading { margin-bottom: 1rem; }
    .footer { margin-top: 4rem }

    .sec-application-list { padding-top: 0px }
        .sec-application-list h4 { font-size: 20px }

    .flow-diagram ul > li { margin-bottom: 2rem }
        .flow-diagram ul > li > div:after { content: "\f175"; right: 50%; top: inherit; bottom: -30px; transform: scaleY(1.1); font-size: 1.7rem; }

    .tbl-package th { font-size: 1rem; padding: 15px 10px; }
    .tbl-package tr td:first-child { padding-left: 10px; min-width: 200px; }
    .tbl-package td .txt-amnt { white-space: normal }
    .tbl-package .tr-total td small { margin: 0px; top: 5px; display: block }

    .sticky-aside-cont .pull_sticky-aside { left: -48px; }

    .team-card .image-box-wrap .box-image { width: 100%; }

    .section-cont > section { padding: 3rem 0px }
    .btn-row { flex-direction: column; }
        .btn-row.banner-btn { flex-direction: row; }
    .feature-card-cont { margin-top: -3rem; }
    .btn-row.banner-btn { gap: 7px; }
        .btn-row.banner-btn .btn { padding: 8px; font-size: 0.8rem; }
    .xera-img-frame img:not(.ellipse) { width: 300px; }
    .hero-notif { right: 0; }
    .hero-badge { margin: 1rem 0rem; line-height: 1.4; font-size: 11px; display: flex !important }
    .why-visual { padding: 1rem }
        .why-visual .why-stat-row .why-stat-name, .why-visual .why-stat-row .why-stat-val { flex: 1; }
        .why-visual .why-stat-row .why-stat-val { text-align: center; }
    .why-feature .why-icon { width: 40px; height: 40px; }
        .why-feature .why-icon + div { flex: 1; }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .sec-cta .cta-cont .white-card { width: fit-content; }
        .sec-cta .cta-cont .white-card img { width: 30px; height: 30px; }
        .sec-cta .cta-cont .white-card p { font-size: 13px; }
    .yellow-card-wrapper { grid-template-columns: repeat(2, 1fr); }
    .testimonial-slider .slick-list.draggable { padding: 0px !important; }
    .app-store-btn, .play-store-btn { width: 120px; }
}

@media screen and (max-width:599px) {
    .banner-cont .banner-text-cont { width: 80%; left: 20px; }
    .banner-cont .banner-img-cont { display: none }
    .sec-banner > figure { max-height: 600px }

    .hd-underline { font-size: 1.6rem }
    .slick-next { right: -5px; z-index: 99 }
    .slick-prev { left: -5px; z-index: 99 }
    figure.pull-right { padding: 1rem 0px }
    .content figure > img { max-width: 100%; }
    .bullet-list > li .fa { top: 6px }

    .x_row-separator svg { height: 56px; }
}


.gallery img { border-radius: 5px; }
.sl-wrapper .sl-image img { border-radius: 5px; }

/* .gallery img {height: 233px; object-fit: cover; transition:ease all 0.5s} */


/*======== Galler START=========*/


.gallery a { position: relative; overflow: hidden; display: block; margin-bottom: 20px; border-radius: 5px; }
    .gallery a:after { content: ''; position: absolute; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); transition: ease all 0.5s; opacity: 0; visibility: hidden; width: 100%; height: 100%; }
    .gallery a:hover:after { transition: ease all 0.5s; opacity: 1; visibility: visible; }
.gallery figure { overflow: hidden; margin: 0px; }
.gallery img { height: 233px; object-fit: cover; transition: .5s ease; }
.gallery a:hover img { transition: ease all 0.5s; transform: scale(1.1) }
.gallery a:before { content: "\f002"; position: absolute; left: 0px; /* top: 0px; */ right: 0px; margin: auto; color: #fff; font-size: 2rem; transition: ease all 0.5s; opacity: 0; visibility: hidden; /* width: 100%; */ /* height: 100%; */ z-index: 9; display: flex; align-items: center; justify-content: center; height: 100%; }
.gallery a:hover:before { transition: ease all 0.5s; opacity: 1; visibility: visible; }
/*======== Galler END=========*/

/*======== Webinar START =========*/
.event--card { border-radius: 5px; box-shadow: -2px 0 11px #0000001a; overflow: hidden; }
.event--content { padding: 15px; }
.event--image figure { margin: 15px; margin-bottom: 0; overflow: hidden; position: relative; }
    .event--image figure:before { content: ""; position: absolute; width: 100%; bottom: 0px; left: 0px; height: 100%; box-shadow: inset 0 -100px 50px -68px #040404b3; z-index: 1; }
    .event--image figure figcaption { position: absolute; right: 5px; bottom: 5px; background: #f9e11b; padding: 2px 10px; color: #000000; border-radius: 5px; z-index: 1; font-weight: 500; font-size: 13px; }
.event--image .event--img { height: 158px; object-fit: cover; width: 100%; }
.event--time { display: grid; grid-template-columns: 75px 1fr; align-items: center; border-radius: 50px; border: 1px solid #ddd; background: #fdf5f5; margin-bottom: 1.3rem; }
    .event--time p { font-size: 14px; }
.event--day { --val: 66px; width: var(--val); height: var(--val); border-radius: 50%; background: red; display: flex; align-items: center; justify-content: center; text-align: center; border: 7px solid rgb(255,157,157); flex-direction: column; color: white; }
    .event--day h4 { font-size: .9rem; }
    .event--day h5 { font-size: 1.4rem; }
.event--content .txt-live { display: none; }
.event--content h3 { margin-bottom: 1rem; min-height: 45px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.1rem; }
.event--content p { color: black; font-weight: 600; }


@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 red }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 0, 0,0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}

@keyframes notifEntrance {
    from { opacity: 0; transform: translate(-10px,-10px) scale(0.9); }
    to { opacity: 1; transform: translate(0,0) scale(1); }
}

@keyframes notifFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes badgeDot {
    0%,100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(212,168,67,0.5); }
    50% { transform: scale(1.5); box-shadow: 0 0 0 5px rgba(212,168,67,0); }
}

@keyframes scanLine {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(510px); opacity: 0; }
}

@keyframes shimmerSweep {
    0% { left: -30%; opacity: 1; }
    60% { left: 120%; opacity: 1; }
    100% { left: 130%; opacity: 0; }
}

.live .event--day { transform: scale(1); animation: pulse 1s infinite; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); }
.live .event--content .txt-live { display: inline-block; }

/*======== Webinar END =========*/

/*======== sec-country-slider START =========*/
.sec-country-slider { padding-top: 5rem; padding-bottom: 3rem; background: none; }
/* .sec-country-slider .slick-slider figure img { border-radius:50%; box-shadow: 0 18px 40px rgb(51 51 51 / 10%); padding: 7px;} */
/* .sec-country-slider.sec-partner-university.country .slick-slider figure img { border-color: white;} */
/*======== sec-country-slider END =========*/

/*========  START =========*/
.btn-small { height: 2.6rem; font-size: 1rem; line-height: 2.6rem; font-weight: 500; }
.btn-sm { height: 2rem !important; font-size: .9rem !important; line-height: 2rem !important; font-weight: 500 !important; }
.object-cover { object-fit: cover; }
/*======== END =========*/

/*----- Status box Start -----*/
.status-box { background: #fff; border-radius: 5px; box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); padding: 20px; display: block }
    .status-box h5 { font-size: 1.1rem !important; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .status-box figure { width: 4rem; height: 4rem; background: #ccc; border-radius: 50%; /* padding: 16px; */ margin: 0px; text-align: center; display: flex; align-items: center; justify-content: center; }
        .status-box figure img { filter: brightness(0) invert(1); }
    .status-box.bg-red figure { background: #C71C22 }
    .status-box.bg-green figure { background: #70ad2d }
    .status-box.bg-blue figure { background: #033C73 }
    .status-box.bg-orange figure { background: #DD5600 }
    .status-box.bg-red { border-bottom: 2px solid #C71C22 }
    .status-box.bg-green { border-bottom: 2px solid #70ad2d }
    .status-box.bg-blue { border-bottom: 2px solid #033C73 }
    .status-box.bg-orange { border-bottom: 2px solid #b54802 }
    .status-box.bg-yellow { border-bottom: 2px solid #ffe400 }
    .status-box figure img { width: 51%; }
    .status-box h4 { font-size: 2rem; margin-bottom: 3px; color: #333; }
        .status-box h4 small { font-size: 18px }
    .status-box p { font-size: 0.85rem; font-weight: var(--font-weight-semi-bold); color: #666; }
        .status-box p:last-child { margin-bottom: 0px; }
/*----- Status box End -----*/

/*----- Country code Start -----*/
.country-code-box { display: grid; grid-template-columns: 104px 1fr; gap: 10px; }
/*----- Country code End -----*/
/*--------- open a branch ------ */
.branch-heading { font-size: 1.25rem; font-weight: 500; }
/*----- Program interest Begin -----*/
.box-cont { height: 100%; border-radius: 5px; transition: all .2s ease-out; padding: 1rem; border: 2px solid #eef0f6; background-color: #fff; }
    .box-cont:hover { transform: translateY(-10px); background-color: var(--color-primary); border-color: var(--color-primary); }
    .box-cont .box-content { gap: 0.8rem; }
    .box-cont figure img { height: 50px; }
    .box-cont h3, .box-cont .h3 { font-size: 1.1rem; font-weight: 600; }
.lp-img { box-shadow: 10px 20px 20px 0px rgb(0 0 0 / 20%); border: 10px solid #333; border-radius: 10px; }
.btn-sm { height: 2.2rem; font-size: 1rem; line-height: 2.2rem; font-weight: 500; }
/*----- Program interest End -----*/

.colon-symbol { position: relative; }
    .colon-symbol:before { position: absolute; content: ":" !important; left: -8px; top: 0; }


/* xera branches start  */
.branch-card { gap: 7px; }
.location-img { max-width: 60% !important; height: auto; }
#xeraBranch .status-box { height: 170px; border-radius: 10px; box-shadow: none; }
#xeraBranch .branch-contact-no:hover { color: inherit; }
#xeraBranch .branch-contact-no:visited { color: inherit; }

.branch-tabs .status-box { MarGIN: 0.5rem; }
.branch-tabs nav > .nav-tabs .nav-item { color: #000; border-radius: 10px 10px 0 0; padding: 1rem 0.5rem; font-weight: 600; }
.branch-tabs nav > .nav-tabs .nav-link.active { background: #0c26670d; border-bottom: 1px solid #ebedf0; }
.branch-tabs .nav-tabs { border-bottom: 1px solid #dee2e6; font-size: 1rem; }
.branch-tabs .tab-content { border: 1px solid #dee2e6; border-top: none; border-radius: 0 0 10px 10px; background: #0c26670d; }
/*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
.branch-tabs .btn { border-radius: 5px; }


/* Student section  */
/* .student-img{background-color: var(--color-primary);   border-radius: 10px 160px 10px 160px;} */
body.home-pg > section + section { padding: 5rem 0px; }
.student-img img { border-radius: 10px 160px 10px 160px; }
.data-img-1 img { border-radius: 10px 160px 10px 160px; }
.data-img-2 img { border-radius: 160px 10px 160px 10px; }
/* border-radius: 10px 160px 10px 160px; */
.service-content { font-size: 1rem; }
.service-bg .bullet-list > li { padding-left: 1.7rem; }
.unique-sec
.partners-sec { background: #faebd7 !important; }
.bg-light-brown { background-color: antiquewhite !important; }
.unique-sec .bullet-list > li { position: relative; padding: 10px 0px; padding-left: 2rem; }
    .unique-sec .bullet-list > li .fa { position: absolute; left: 0px; top: 12px; color: #163368; }

.sec-banner .mbbs-abroad-figure::after { background-color: rgb(0 0 0 / 48%) !important; }
/* country page start */
.country-img img { border: 15px solid var(--color-primary); border-radius: 5px; background: #fff }
.country-page-sec .bullet-list.md { font-weight: 300; }
;
/* country page end */
@keyframes float-bob-y { 0%
{ transform: translateY(-20px) }
50% { transform: translateY(-10px) }
to { transform: translateY(-20px) }
}
.float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; }
/* xera branches end  */
.max-line-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

@media screen and (max-width:1100px) {
    .event--image figure { margin: 10px; }
    .event--content { padding: 10px; }
    .event--day { --val: 60px; border-width: 5px; }
    .event--time { grid-template-columns: 65px 1fr; }
        .event--time p { font-size: 13px; padding-right: 15px; }
}
/* Tablet */
@media screen and (max-width:991px) {
    .event--time p { padding-right: 0px; }
    .branch-heading { font-size: 0.9rem; }
    .earning-step-wrapper { flex-direction: column; gap: 1.4rem }
        .earning-step-wrapper .arrow { transform: rotate(91deg) }
    .team-card .image-box-wrap .box-image { width: 35%; }
    .team-card .image-box-wrap .content { width: 100%; padding-left: 0; }
    .team-card .image-box-wrap .box-image img { width: 100%; height: 180px; height: 100% !important; }
    .xera-img-frame { bottom: 0px !important; }
        .xera-img-frame .ellipse { left: 16%; transform: translateX(-54px); }
    /* object-fit: contain !important; */
}

@media screen and (max-width:1024px) {
    .banner-cont { top: 9rem; }
}
/* Only Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .team-card .image-box-wrap .box-image img { object-fit: contain !important; }
    .xera-img-frame .ellipse { transform: translateX(-30px); }
}

/* Laptop View */
@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .xera-img-frame { bottom: -36px !important }
    .disc-list { margin-bottom: 1.7rem; }
}

.team-card .content h3 { font-size: 1.2rem; margin-top: 1rem; }
.team-card .content .designation-name { font-weight: 500; font-size: .9rem; display: inline-block; color: #0d2668; line-height: 20px; }
.team-card .image-box-wrap { padding: 30px; display: flex; }
    .team-card .image-box-wrap .box-image img { max-height: 260px; border-radius: 5px; width: 100%; height: 200px; text-align: center; object-fit: cover; }
    .team-card .image-box-wrap .box-image { margin-bottom: 20px; margin-bottom: 0; }
.team-card .content { width: 80%; padding-left: 1.5rem; }
.team-card .image-box-wrap .box-image { width: 20%; }

.implement-sec { background-color: #0c2667 !important; background-repeat: no-repeat; }
.rounded-card { margin-bottom: 35px; background-color: #fff; width: 150px; line-height: 1; box-shadow: 10px 20px 20px 0px rgb(0 0 0 / 20%); height: 150px; /* padding: 28px; */ padding: 39px 0; border-radius: 50%; }
.content-card { height: 100%; padding: 30px; background: white; box-shadow: 1px 7px #fecc00; border-radius: 10px; }
.implement-sec .card { margin-top: -84px; border: 10px solid #0c2667 !important; border-radius: 19px; margin-bottom: 30px; }

.implement-sec .bullet-list > li .fa { font-size: 1.3rem; }
.google-play-btn { height: 50px; border-radius: 5px; }


.sec-about { padding: 6rem 0px; background: rgb(255, 255, 255); }
    .sec-about h3 { font-weight: 700; /* color: #ddd; */ }
    .sec-about p { color: rgb(85, 85, 85); text-align: justify; }
        .sec-about p .subtitle { font-size: 18px; font-weight: 700; }

.sec-features .ht-box-images:hover .image-box-wrap .default-image img { filter: inherit; }
.sec-features .ht-box-images .image-box-wrap { box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%); background: rgb(255, 255, 255); border-radius: 20px; padding: 20px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; overflow: hidden; position: relative; height: 100%; }
    .sec-features .ht-box-images .image-box-wrap .box-image { position: relative; margin-bottom: 20px; }
        .sec-features .ht-box-images .image-box-wrap .box-image img { transition: all 0.5s ease 0s; width: auto; }
    .sec-features .ht-box-images .image-box-wrap .box-heading { font-size: 1.1rem; font-weight: 600; opacity: 0.8; color: inherit; }
.sec-features .ht-box-type-icon .ht-box-images .image-box-wrap::before { content: ""; height: 140px; width: 150px; border-radius: 50px; background: linear-gradient(94.66deg, #f5434533 7.54%, #dfa6074f 100%);; position: absolute; left: -25px; top: -59px; transform: rotate(15deg); }
.sec-features .ht-box-type-icon .ht-box-images .image-box-wrap .box-image img { opacity: 0.8; height: 50px; }

.no-university-found { width: 100%; text-align: center; padding: 60px 20px; color: #888; font-size: 16px }
.img-playstore { border-radius: 5px; height: 50px; }
.img-style { background: white; border-radius: 10px; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%); padding: 2rem; }
.ht-box-images { height: 100% }