/**************************************
                General
**************************************/
:root {
    --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --animation-duration: 1s;
  }

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html {
    font-size: 100%;
    box-sizing: inherit;
    scroll-behavior: smooth;
    height: -webkit-fill-available;
}
html.lenis, html.lenis body {
    height: auto;
  }
  
  .lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }
  
  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }
  
  .lenis.lenis-stopped {
    overflow: hidden;
  }
  
  .lenis.lenis-smooth iframe {
    pointer-events: unset;
  }
html::-webkit-scrollbar {
    width: 6px;
    background-color: #45D8A3;
}

html::-webkit-scrollbar-thumb {
    background-color: #EEEE39;
    border-radius: 50rem;
}

a,
button {
    cursor: pointer;
    border: none;
    outline: none;
    user-select: none;
    background: none;
    box-shadow: none;
}

ol,
ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

body {
    font-size: 18px;
    font-family: 'Manrope Regular';
    font-weight: normal;
    color: #161616;
    counter-reset: my-sec-counter;
}

a,
a:hover,
a:focus {
    color: #96FFD9;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Manrope Bold';
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

main {
    overflow: clip;
}

img {
    max-width: 100%;
    height: auto;
    transition: all .5s;
}

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

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.text-center {
    text-align: center;
}

.container-fluid {
    padding: 0 70px;
}
@media(prefers-reduced-motion: no-preference){
    @view-transition{
        navigation: auto;
    }
}
::view-transition-group(*){
    animation-duration: 2s;
}

/* Popup */
.popup,
.end-popup,
.end-university-popup {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.64);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 999999;
    opacity: 0;
    transform: translateY(10px);
    z-index: -1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
}

.popup.show,
.end-popup.show,
.end-university-popup.show {
    opacity: 1;
    transform: translateY(0px);
    z-index: 999999;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    -webkit-transition: opacity 0.5s ease, transform 0.5s ease;
    -moz-transition: opacity 0.5s ease, transform 0.5s ease;
    -ms-transition: opacity 0.5s ease, transform 0.5s ease;
    -o-transition: opacity 0.5s ease, transform 0.5s ease;
}

.popup .popup__content,
.end-popup .popup__content,
.end-university-popup .popup__content {
    width: 50%;
    padding: 0px;
    background: white;
    color: black;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    z-index: 99999;
}

.popup .popup__content .close,
.end-popup .popup__content .close,
.end-university-popup .popup__content .close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    display: block;
    width: 40px;
    height: 40px;
    opacity: 1;
    color: #ffffff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border-radius: 50% 10px 50% 50%;
    flex-direction: column;
    gap: 5px;
    background-color: #45D8A3;
    transition: all .5s;
    z-index: 9;
}

.popup .popup__content .close:hover{
    background-color: #060761;
}

.popup .popup__content .close:hover span,
.end-popup .popup__content .close:hover span,
.end-university-popup .popup__content .close:hover span {
    background-color: #FFF;
}

.popup .popup__content .close span,
.end-popup .popup__content .close span,
.end-university-popup .popup__content .close span {
    cursor: pointer;
    position: fixed;
    width: 20px;
    height: 3px;
    background: #ffffff;
}

.popup .popup__content .close span:nth-child(1),
.end-popup .popup__content .close span:nth-child(1),
.end-university-popup .popup__content .close span:nth-child(1) {
    transform: rotate(45deg);
}

.popup .popup__content .close span:nth-child(2),
.end-popup .popup__content .close span:nth-child(2),
.end-university-popup .popup__content .close span:nth-child(2) {
    transform: rotate(135deg);
}

.left {
    background: url(../img/animate-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: start;
    justify-content: center;
    padding-top: 20px;
}

.right {
    padding: 30px;
    text-align: left;
}
.end-popup,
.end-university-popup {
    .popup__content{
        width: 90%;
        .form-group{
            display: block;
            text-align: left;
            margin-bottom: 0;
        }
        .contact-form{
            padding: 30px;
            padding-top: 40px;
        }
        .form-control::placeholder{
            color: #999;
        }
        select.form-control{
            padding-block: 14px;
        }
        .title{
            margin-bottom: 25px;
        }
        h4{
            font-family: 'Manrope SemiBold';
            font-size: 22px;
            color: #000;
            line-height: normal;
            font-weight: normal;
            text-align: left;
        }

    }
}
.end-popup .popup__content .close:hover{
    background-color: #060761;
}
.end-university-popup .popup__content .close:hover{
    background-color: #060761;
}
.end-university-popup{
    .popup__content{
        width: 50%;
    }
}
label{
    font-family: 'Manrope SemiBold';
    color: #150050;
    font-size: 18px;
    line-height: normal;
    font-weight: normal;
    margin-bottom: 5px;
    display: block;
}


/**************************************
                Helper Class
**************************************/

.sec-gap {
    padding: 60px 0;
}

.pb-80 {
    padding-bottom: 60px;
}

.mb-20 {
    margin-bottom: 20px;
}

p {
    color: #161616;
    font-family: 'Manrope Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 172.222%;
}

  
.title {
    color: #150050;
    font-size: 45px;
    font-style: normal;
    font-weight: normal;
    font-family: 'Manrope Bold';
    line-height: 65%;
    position: relative;
    margin-bottom: 45px;
}
.section-title {
    color: #150050;
    font-family: 'Manrope Extra Bold';
    font-size: 40px;
    font-style: normal;
    font-weight: normal;
    line-height: 117.5%;
    margin-bottom: 15px;
}
.dec{
    color: #222;
    font-family: 'Manrope Extra Bold';
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    line-height: 128.571%;
}
.small-line {
    width: 68px;
    height: 2px;
    background-color: rgb(237, 143, 0);
    display: inline-block;
    margin-left: 6px;
    margin-top: 20px;
    margin-bottom: 24px;
}

.btn-group{
    display: flex;
    align-items: center;
    gap: 20px;
}
  
.primary-btn {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    font-family: 'Manrope Bold';
    line-height: 83.333%;
    padding: 15px 23px;
    border-radius: 60px;
    border: none;
    background-color: #45D8A3;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

  
.primary-btn:before,
.primary-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    background: #1d2e60;
    z-index: -1;
    transition: all .35s;
}

.primary-btn:before {
    opacity: .5;
}

.primary-btn:after {
    transition-delay: .2s;
}

.primary-btn:hover:before,
.primary-btn:hover:after {
    top: 0;
}

.primary-btn:hover {
    color: #ffffff;
}

.primary-btn:focus {
    color: currentColor;
}


.secondary-btn {
    background: #FFF;
}


.form-control {
    font-family: 'Manrope Bold';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #000000;
    padding: 17px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #110053;
    outline: none;
}

.form-control:focus {
    border-color: #d84514;
}

form .btn-group {
    justify-content: center;
}

form .primary-btn {
    padding: 16px 50px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
}

form .primary-btn:hover {
    background: rgb(29, 46, 96);
    color: #ffffff;
}

.form-group {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    .form-icon{
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        pointer-events: none;
    }
    > span:not(.form-icon),
    span.wpcf7-form-control-wrap {
        width: 100%;
    }
}

input,
input:focus {
    outline: none;
    box-shadow: none !important;
}

.form-control::placeholder {
    color: #150050;
    font-style: normal;
    font-weight: normal;
    line-height: 93.75%;
}

.italic {
    font-style: italic;
}

/**************************************
         Animation
**************************************/
/* Keyframes */
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-30px);
    }
}
@keyframes spin {
    0%{
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(-25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes zoomReverseIn {
    0% {
        opacity: 0;
        transform: scale(1.25);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        transform: perspective(90vw) rotateY(67.50deg);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* Animations */
[data-animation] {
    opacity: 0;
    animation-timing-function: var(--animation-timing-function);
    animation-fill-mode: both;
    animation-duration: var(--animation-duration);
    will-change: transform, opacity;
}

/* Disable animation of the children */
.animations-disabled,
.animations-disabled [data-animation] {
    animation: none !important;
    opacity: 1 !important;
}

/* Slide Animations */
.slideInUp {
    animation-name: slideInUp;
}

.slideInDown {
    animation-name: slideInDown;
}

.slideInLeft {
    animation-name: slideInLeft;
}

.slideInRight {
    animation-name: slideInRight;
}

/* Fade Animations */
.fadeIn {
    animation-name: fadeIn;
}

/* Zoom Animations */
.zoomIn {
    animation-name: zoomIn;
}

.zoomReverseIn {
    animation-name: zoomReverseIn;
}

/* Flip Animations */
.flipInY {
    animation-name: flipInY;
}

.flipOutY {
    animation-name: flipInY;
    animation-direction: reverse;
}
/*******************************
	Menu
*******************************/
.call-email{
    display: flex;
    align-items: center;
    gap: 20px;
}

.flex-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

header.sticky {
    background: #FFF;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    animation: slideDown 0.45s ease-out;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    padding-block: 13px;
    #menu{
        box-shadow: unset;
    }
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.serch-box {
    position: relative;
    margin-left: 40px;
}

.serch-box span {
    position: absolute;
    left: 0;
    top: 0;
    height: 62px;
    width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.serch-box input {
    width: 287px;
    height: 62px;
    padding: 14px;
    border-radius: 60px;
    border: 1px solid #393939;
    background: rgba(217, 217, 217, 0.10);
    backdrop-filter: blur(20px);
    color: #A8A8A8;
    font-family: 'Work Sans';
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    padding-left: 52px;
}

.serch-box input::placeholder {
    color: #C0C0C0;
}

.main-menu {
    display: flex;
    align-items: center;
}

header {
    position: fixed;
    left: 0;
    right: 0;
    top: 26px;
    z-index: 999;
    transition: ease-in-out .4s;
}
.main-header{
padding-inline: 20px;
}
nav {
    position: relative;
    margin: 0 auto
}
.main-btn-group{
    .primary-btn{
        width: 160px;
    }
}
#menu,
#menu .main-menu ul,
#menu .main-menu ul li,
#menu .main-menu ul li a,
#menu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFF;
    border-radius: 90px;
    padding-inline: 13px;
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.13);
}

#menu>.main-menu>ul>li {
    float: left;
    padding-inline: 10px;
}

#menu>.main-menu>ul>li>a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    padding: 25px 2px;
    display: inline-block;
    color: #121212;
    font-family: 'Manrope Medium';
    font-size: 17px;
    font-style: normal;
    font-weight: normal;
    line-height: 76.471%;
}

  
#menu>.main-menu>ul>li>a:hover::after,
#menu .main-menu ul li.current-menu-item a::after {
    width: 80%;
}
.hamburger{
    display: none;
}
#menu>.main-menu>ul>li:hover>a,
#menu .main-menu ul li.current-menu-item a {
    color: #45D8A3;
}
#menu>.main-menu>ul>li:hover,
#menu .main-menu ul li.current-menu-item:hover,
#menu .main-menu ul li.current-menu-item,
#menu .main-menu ul li.has-sub.current-menu-item:hover {
    background: #e9cba400 !important;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease
}


#menu>.main-menu>ul>li.has-sub>a::before {
    top: 27px;
    right: -10px;
    transition: all .4s;
    content: "";
    position: absolute;
    z-index: 11;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    transform: rotate(225deg);
}

#menu>.main-menu>ul>li.has-sub:hover>a::before,
#menu>.main-menu>ul>li.has-sub.current-menu-item>a::before {
    border-top-color: #45D8A3;
    border-left-color: #45D8A3;
}

/* #menu>.main-menu>ul>li.has-sub:hover>a::before {
    transform: rotate(-316deg);
    top: 36px;
} */

#menu .main-menu ul ul {
    position: absolute;
    left: -9999px;
    box-shadow: 0px 12px 10px 0px #0000004f;
    width: auto;
    background: #45D8A3;
}

#menu .main-menu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: #FFF;
    transition: all .25s ease
}


#menu li:hover>ul {
    left: auto
}

#menu li:hover>ul>li {
    height: 40px;
    display: flex;
    align-items: center;
}

#menu ul ul ul {
    margin-left: 100%;
    top: 0
}

#menu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 10px 20px;
    width: auto;
    font-size: 19px;
    line-height: 19px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    white-space: nowrap;
}

#menu .main-menu ul ul li:last-child>a,
#menu .main-menu ul ul li.last-item>a {
    border-bottom: 0
}

#menu .main-menu ul ul li:hover a,
#menu .main-menu ul ul li:hover {
    color: #fff;
    background-color: #45D8A3;
}

#menu .main-menu ul ul li .has-sub> a:after {
    position: absolute;
    top: 13px;
    right: 11px;
    width: 8px;
    height: 8px;
    display: block;
    content: '';
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(-45deg);
    transition: all .4s;
}


#menu .main-menu ul ul li.has-sub:hover,
#menu .main-menu ul li.has-sub ul li.has-sub ul li:hover {
    background: #363636
}

#menu ul ul ul li.active a {
    border-left: 1px solid #333
}

#menu>.main-menu>ul>li.has-sub>ul>li.active>a,
#menu .main-menu>ul ul>li.has-sub>ul>li.active>a {
    border-top: 1px solid #333
}

#menu .main-menu ul li.current-menu-item ul li a {
    color: #000;
}

#menu .main-menu ul li.current-menu-item ul li a:hover {
    color: #ffffff;
}

@media screen and (max-width:992px) {
    #menu .main-menu ul li.current-menu-item ul li a {
        color: #ffffff;
    }
    nav {
        width: 100%
    }
    #menu {
        width: 100%
    }
    #menu ul {
        width: 100%;
        display: none;
    }
    #menu .main-menu {
        width: 100%;
        position: fixed;
        height: 100% !important;
        background-color: #060761;
        transform: translateX(-100%);
        transition: all .4s;
        top: 78px;
        left: 0;
    }
    .main-menu {
        align-items: start;
    }
    #menu .main-menu.open {
        transform: translateX(0%);

    }
    #menu .main-menu ul li {
        width: 100%;
        border-top: 1px solid #4444442e;
    }

    #menu .main-menu ul li:hover {
        background: #363636
    }

    #menu .main-menu ul ul li,
    #menu li:hover>ul>li {
        height: auto
    }
    #menu .main-menu ul li a{
        width: 100%;
        border-bottom: 0;
        color: #ffffff;
    }
    #menu .main-menu ul ul li a{
        color: #FFF;
    }
    #menu .main-menu ul ul li{
        background: unset;
    }
    #menu>.main-menu>ul>li {
        float: none
    }
    #menu ul ul li a {
        padding-left: 25px
    }

    #menu ul ul li:hover {
        background: #45D8A3;
    }

    #menu ul ul ul li a {
        padding-left: 35px
    }

    #menu ul ul li a {
        color: #ddd;
        background: none
    }

    #menu ul ul li:hover>a,
    #menu ul ul li.active>a {
        color: #fff
    }

    #menu .main-menu ul ul {
        box-shadow: none;
        background: #ffffff4d;
    }

    #menu .main-menu ul ul,
    #menu .main-menu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
        top: 0;
        transform: unset;
        height: auto;
    }

    #menu .main-menu ul ul.open {
        transform: unset;
    }

    #menu>ul>li.has-sub>a:after,
    #menu>ul>li.has-sub>a:before,
    #menu ul ul>li.has-sub>a:after,
    #menu ul ul>li.has-sub>a:before {
        display: none
    }

    #menu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }

    .hamburger {
        width: 55px;
        height: 48px;
        position: absolute;
        right: 10px;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
        display: block;
    }

    .hamburger:after {
        position: absolute;
        top: 24px;
        right: 10px;
        display: block;
        height: 14px;
        width: 35px;
        border-top: 2px solid #060761;
        border-bottom: 2px solid #060761;
        content: '';
    }

    .hamburger:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 12px;
        right: 10px;
        display: block;
        height: 2px;
        width: 35px;
        background: #060761;
        content: '';
    }

    .hamburger.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 35px;
        background: #060761;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .hamburger.menu-opened:before {
        top: 23px;
        background: #060761;
        width: 35px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #menu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 20px;
        top: 0;
        display: block;
        border-left: 0;
        height: 50px;
        width: 60px;
        cursor: pointer;
        background: #ffffff2f;
    }

    .flex-box{
        margin-right: 70px;
    }
    /* #menu .submenu-button.submenu-opened {
      background:#1b268600;
  } */

    #menu ul ul .submenu-button {
        height: 34px;
        width: 40px
    }

    #menu .submenu-button:after {
        position: absolute;
        top: 17px;
        right: 24px;
        width: 10px;
        height: 10px;
        display: block;
        content: '';
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        transition: all .4s;
    }
    #menu>.main-menu>ul>li.has-sub>a::before{
            display: none;
        }

    #menu ul ul .submenu-button:after {
        top: 11px;
        right: 19px;
    }

    #menu ul ul .submenu-button.submenu-opened:after {
        top: 16px;
    }

    #menu .submenu-button.submenu-opened:after {
        transform: rotate(-135deg);
        top: 20px;
    }


    #menu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #menu .submenu-button.submenu-opened:before {
        display: none
    }

    #menu ul ul ul li.active a {
        border-left: none
    }

    #menu>ul>li.has-sub>ul>li.active>a,
    #menu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none
    }
    header.sticky {
        padding-block: 3px;
    }
    #menu>.main-menu>ul>li:hover>a, #menu .main-menu ul li.current-menu-item a {
        color: #45D8A3;
        scale: unset;
    }
    header.sticky{
        #menu .main-menu{
            top: 67px;
        }
    }
}
.uk-header.usa-heade {
    #menu>.main-menu>ul>li {
        padding-inline: 8px;
    }
}
.menu-white {
    position: relative;
    background: #FFF;
    box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.06);
}


.menu-white #menu>.main-menu>ul>li>a {
    color: #1E1E1E;
}

.menu-white #menu>.main-menu>ul>li:hover>a,
.menu-white #menu .main-menu ul li.current-menu-item a {
    color: #95C12B;
}

.menu-white #menu>.main-menu>ul>li.has-sub>a::before {
    border-top: 1px solid #1E1E1E;
    border-left: 1px solid #1E1E1E;
}

.menu-white #menu>.main-menu>ul>li.has-sub:hover>a::before,
.menu-white #menu>.main-menu>ul>li.has-sub.current-menu-item>a::before {
    border-top-color: #95C12B;
    border-left-color: #95C12B;
}


.menu-white .serch-box input {
    border: 1px solid #D6D6D6;
    background: rgba(217, 217, 217, 0.10);
    backdrop-filter: blur(7.5px);
}
.fixed-btn {
    position: fixed;
    top: 53%;
    right: 35px;
    z-index: 8;
    width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    .wp{
        width: 64px;
        height: 64px;
    }
    .chatbot{
        width: 51px;
        height: 51px;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #FFF;
    }
    a{
        &:hover{
            scale: 1.1;
        }
    }
}
.enq-btn {
    position: fixed;
    top: 20%;
    right: 5px;
    height: 38px;
    font-weight: normal;
    text-align: center;
    z-index: 9;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    border-radius: 0px;
    overflow: clip;
    display: flex;
    border-radius: 0px;
    background: #ed8f00;
    border-radius: 4px;
    box-shadow: -4px -4px 0px #ffffff;
}
.enq-btn::after, .enq-btn::before {
    content: '';
    content: '';
    position: absolute;
    z-index: -1;
    background: #1d2e60;
    inset: 0;
    scale: 1 0;
    transition: scale 450ms;
    transform-origin: top;
}
.enq-btn:hover::after, .enq-btn:focus-visible::after {
    scale: 1 1;
    transform-origin: right;
}
.fc:hover, .fw:hover {
    transform: scale(1.2);
}
.enq-btn a {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 37px;
    color: #fff;
    padding: 0 13px;
    font-weight: 100;
}
/******************************
            Banner  
*******************************/
.banner{
    position: relative;
   .banner-bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: -7px;
   }
   .container{
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
   }
    h1{
        color: #FFF;
        font-family: 'Manrope Bold';
        font-size: 45px;
        font-style: normal;
        font-weight: normal;
        line-height: 126.667%;
        margin-bottom: 15px;
    }
    .banner-content{
        margin-top: 60px;
    }
    .banner-img{
        z-index: 1;
        position: absolute;
        bottom: -6px;
        right: -50px;
        text-align: right;
        .banner-girl-bg{
            position: absolute;
            bottom: 60px;
            right: 0;
            z-index: -1;
        }
    }
    p{
        color: #FFF;
        font-family: 'Manrope Bold';
        font-size: 21px;
        font-style: normal;
        font-weight: normal;
        line-height: 128.571%;
        margin-bottom: 40px;
    }
    .primary-btn{
        &::before,
        &::after{
            background: #FFDF2B;
        }
        &:hover{
            color: #000;
        }
    }
}
/******************************
            Facility 
*******************************/
.facilities{
    padding: 30px 0;
    position: relative;
    z-index: 2;
    .pink-vector{
        position: absolute;
        top: 40px;
        left: 200px;
        animation: bounce 6s infinite ease-in-out, wiggle 4s infinite ease-in-out;
    }
    .facilities-box{
        display: flex;
        align-items: flex-start;
        border-radius: 30px;
        background: #FFDF2B;
        padding: 31px 18px;
        gap: 15px;
        transition: all 0.5s;
        .facilities-icon{
            width: 59px;
            height: 59px;
            background: #FFF;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            padding: 10px;
        }
        .facilities-text{
            width: 80%;
        }
        h3{
            color: #000;
            font-family: 'Manrope Extra Bold';
            font-size: 21px;
            font-style: normal;
            font-weight: normal;
            line-height: 128.571%;
            margin-bottom: 5px;
        }
        p{
            margin-bottom: 0;
            line-height: 133.333%;
        }
        &:hover{
            scale: 1.0001;
            transform: translateY(-10px);
            box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.233);
        }
    }
}
/******************************
        Boarding
*******************************/
.boarding-school {
    background: url(../img/boarding-banner.webp);
    padding: 100px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: end;
    background-repeat: no-repeat;
    background-size: 56%;
    background-position: -17%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    &::after{
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(270deg, #150050, #150050, transparent);
        z-index: -1;
    }
    h2,p{
        color: #fff;
    }
    .primary-btn{
        &::before,
        &::after{
            background: #FFDF2B;
        }
        &:hover{
            color: #000;
        }
    }
}
/******************************
        Service
*******************************/
.services{
    overflow: clip;
    position: relative;
    padding: 40px 0;
    .pink-vector{
        position: absolute;
        top: 90px;
        right: 341px;
        animation: bounce 8s infinite ease-in-out, wiggle 4s infinite ease-in-out;
    }
    .pink-vector-bottom{
        position: absolute;
        bottom: 5px;
        left: 217px;
        animation: bounce 8s infinite ease-in-out, wiggle 4s infinite ease-in-out;
    }
    .vector-yellow{
        position: absolute;
        top: 170px;
        left: 205px;
        animation: spin 10s infinite linear;
    }
    .scroll-service{
        padding-left: 300px;
    }
    .dec{
        margin-bottom: 40px;
    }
    .scroll-service {
      position: sticky;
      top: 0;
      display: flex;
      align-items: center;
    }
    .all-services{
      display: flex;
      position: relative;
      padding-bottom: 50px;
      transform: translateX(0);
      will-change: transform;
    }
    .service-item{
        border-radius: 30px;
        background: #96FFD9;
        padding: 70px;
        min-width: 60vw;
        height: 100%;
        margin-inline: 14px;
        &:nth-child(2n){
            background: #B1D0FF;
        }
    }
    .bg-white{
    background: #FFF;
    min-width: 20vw;
}
    h3{
        color: #150050;
        font-family: 'Manrope Bold';
        font-size: 40px;
        font-style: normal;
        font-weight: normal;
        line-height: 67.5%;
        margin-bottom: 36px;
    }
    ul{
        li{
            position: relative;
            color: #000;
            font-family: 'Manrope Bold';
            font-size: 21px;
            font-style: normal;
            font-weight: normal;
            line-height: 47.619%;
            margin-bottom: 25px;
            padding-left: 20px;
            transition: all 0.5s;
            &::before {
                content: '✓';
                position: absolute;
                left: 0;
            }
            &:hover{
                transform: translateX(10px);
            }
        }
    }
    .btn-group{
        margin-top: 30px;
    }
    .service-img-content{
        position: relative;
        z-index: 1;
        .service-small{
            position: absolute;
            top: -38px;
            right: -124px;
            width: 200px;
            height: auto;
        }
        .vector-hat{
            position: absolute;
            top: -40px;
            right: 52px;
            background-color: #FFDF2B;
            width: 80px;
            height: 80px;
            padding: 15px;
            border-radius: 50%;
            animation: bounce 8s infinite ease-in-out, wiggle 4s infinite ease-in-out;
        }
        .tringle{
            position: absolute;
            left: -95px;
            top: 70px;
            z-index: -1;
            animation: bounce 5s infinite ease-in-out, wiggle 4s infinite ease-in-out;
        }
        .twister-arrow{
            position: absolute;
            bottom: -15px;
            left: -83px;
            animation: bounce 9s infinite ease-in-out, wiggle 4s infinite ease-in-out;
            z-index: -1;
        }
        .tringle-pink{
            position: absolute;
            right: -90px;
            bottom: 27%;
            animation: spin 9s infinite linear;
        }
    }
}
/******************************
        Join Today 
*******************************/
.join-today{
    background: #060761;
    position: relative;
    .vector-yellow{
        position: absolute;
        top: -22px;
        left: 60%;
        animation: spin 10s infinite linear;
    }
    .vector-yellow-bottom{
        position: absolute;
        bottom: -22px;
        left: 80%;
        animation: spin 8s infinite linear;
    }
    .join-today-img-content{
        position: relative;
        z-index: 1;
        .join-today-girl{
            width: 100%;
            height: 100%;
            object-fit: cover;
            margin-bottom: -5px;
        }
        .yellow-bg{
            position: absolute;
            bottom: 10px;
            left: -20px;
            z-index: -1;
            height: auto;
            animation: bounce 9s infinite ease-in-out, wiggle 4s infinite ease-in-out;
        }
        .rec-green{
            position: absolute;
            top: 171px;
            right: 92px;
            z-index: -2;
            animation: bounce 7s infinite ease-in-out, wiggle 4s infinite ease-in-out;
        }
        .tringle-orange{
            position: absolute;
            left: -61px;
            bottom: 75px;
            animation: bounce 5s infinite ease-in-out, wiggle 4s infinite ease-in-out;
        }
    }
    .join-today-text-content{
        position: relative;
        h4{
            color: #FFDF2B;
            font-family: 'Manrope Bold';
            font-size: 25px;
            font-style: normal;
            font-weight: normal;
            line-height: 68%;
            margin-bottom: 30px;
        }
        .section-title{
            color: #FFF;
            margin-bottom: 30px;
            color: #FFF;
            font-size: 45px;
            font-style: normal;
            font-weight: normal;
            line-height: 57px; /* 126.667% */
        }
        h5{
            color: #EAEAEA;
            font-family: 'Manrope Bold';
            font-size: 25px;
            font-style: normal;
            font-weight: normal;
            line-height: 68%;
            margin-bottom: 30px;
        }
        p{
            color: #FFF;
            line-height: 150%;
        }
        .line-twister{
            position: absolute;
            top: -80px;
            right: 0;
            animation: bounce 4.5s infinite ease-in-out, wiggle 4s infinite ease-in-out;
        }
    }
    .primary-btn{
        &::before,
        &::after{
            background: #FFDF2B;
        }
        &:hover{
            color: #000;
        }
    }
}
/* *************************************************
# Student Assistance & Support
************************************************ */
.student-assistance{
    padding-top: 100px;
    position: relative;
    .vector-lamp{
        position: absolute;
        left: 285px;
        top: 215px;
        animation: bounce 8s infinite ease-in-out, wiggle 4s infinite ease-in-out;
    }
    .vector-pink{
        position: absolute;
        right: 275px;
        top: 200px;
        animation: spin 10s infinite linear;
    }
    .service-rectangular{
        position: absolute;
        top: 95px;
        left: 95px;
        animation: bounce 5s infinite ease-in-out, wiggle 4s infinite ease-in-out;
    }
    }
.support-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    flex-wrap: wrap;
    counter-reset: box-counter;
    margin: 0 auto;
  }
  
  .support-box {
    width: 45%;
    border-radius: 8px;
    text-align: left;
    position: relative;
    counter-increment: box-counter;
  }
  .support-box .section-title{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .support-box .section-title::before {
    content: counter(box-counter);
    position: relative;
    background: #45D8A3;
    color: #000000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Manrope Bold';
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
  }
  
  .divider {
    width: 1px;
    background: #150050;
    align-self: center;
    height: 89.696px;
    position: absolute;
    left: 50%;
    z-index: 1;
    transform: rotate(45deg);
  }
  

.sldeshow {
    position: relative;
    height: 330px;
    overflow: hidden;
    .plane{
        position: absolute;
        left: 47%;
        z-index: 1;
        bottom: 182px;
    }
  }
  .mb-100{
    margin-bottom: 100px;
  }
  .slideshow-img {
    background: url(../img/animate-bg.webp) repeat-x;
    position: absolute;
    top: 0;
    right: 0;
    width: 300%;
    height: 100%;
    animation: movingRight 20s linear infinite;
  }
  
  @keyframes movingRight {
    0% {
      right: 0;
    }
    100% {
      right: -100%;
    }
  }
  /**********************
    About
  **********************/
  .about{
    position: relative;
    .green-star{
        position: absolute;
        top: 35px;
        right: 235px;
        animation: bounce 5s infinite ease-in-out, wiggle 4s infinite ease-in-out;
    }
    .vector-yellow{
        position: absolute;
        left: 52%;
        bottom: 40px;
        animation: spin 10s infinite linear;
    }
    .primary-btn{
        background: #0E0655;
        color: #fff;
        &::after,&::before{
            background: #45D8A3;
        }
    }
  }
  .about-img-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    position: relative;
    z-index: 1;
    img{
        border-radius: 30px;
    }
    .img-left{
        width: 288px;
        height: 318px;
    }
    .img-right{
        width: 288px;
        .small-img{
            margin-bottom: 40px;
        }
    }
    .rec-b-yellow{
        position: absolute;
        z-index: -1;
        bottom: -30px;
        left: 130px;
        border-radius: 0;
        animation: bounce 5s infinite ease-in-out, wiggle 4s infinite ease-in-out;
    }
    .rec-green{
        position: absolute;
        z-index: -1;
        top: 160px;
        left: 250px;
        border-radius: 0;
        animation: bounce 10s infinite ease-in-out, wiggle 10s infinite ease-in-out;
    }
}
/******************************
        Test Preparation
*******************************/
.test-preparation{
    background: #96FFD9;
    .dec{
        color: #222;
        margin-bottom: 30px;
    }
    .test-preparation-slider{
        margin-bottom: 100px;
        .slick-list{
            margin: 0 -15px;
        }
        .slick-slide{
            margin: 0 15px;
        }
        
    }
    .test-item{
        .test-item-content{
            background: #FFF;
            padding: 30px 14px;
            border-radius: 30px;
            margin-bottom: -23px;
        }
        img{
            margin-bottom: 20px;
        }
        h5{
            margin-bottom: 7px;
            color: #000;
            font-family: 'Manrope Bold';
            font-size: 21px;
            font-style: normal;
            font-weight: normal;
            line-height: 128.571%;
        }
        p{
            line-height: 133.333%;
        }
        .btn-group{
            margin-left: 10px;
        }
        .primary-btn{
            background: #0E0655;
            color: #fff;
            &::after,&::before{
                background: #d84514;
            }
        }
    }
}
.slick-arrow {
    width: 35px;
    height: 35px;
    z-index: 1;
    background: #0E0655;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border-radius: 50%;
}
.slick-arrow::before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid;
    border-left: 1px solid;
    display: inline-block;
    transform: rotate(135deg);
    margin-right: 5px;
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    color: #FFF;
}
.slick-arrow.slick-prev::before {
    transform: rotate(316deg);
    margin-left: 8px;
}
.slick-arrow:hover,
.slick-arrow:focus {
    background-color: #d93a35;
    box-shadow: 0px 0px 10px 0px #fff;
}
.slick-arrow:hover::before {
    color: #FFF;
}

/******************************
        Top partners
*******************************/
.top-partner{
    margin-top: -95px;
    .section-title{
        color: #161616;
        text-align: center;
        font-family: 'Manrope SemiBold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 125%;
    }
}
.partner-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 50px;
    border-radius: 60px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    gap: 30px;
    img{
        mix-blend-mode: luminosity;
    }
}
/******************************
        Studets
*******************************/
.students{
    position: relative;
    .vector-pink{
        position: absolute;
        top: 50px;
        right: 200px;
        animation: spin 10s infinite linear;
    }
}
.flip-box {
    background-color: transparent;
    width: auto;
    height: 444px;
    perspective: 1000px;
    border-radius: 30px;
    overflow: hidden;
  }
  
  .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  .flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
  }
  
  .flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-box-front {
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .front-content{
        padding: 30px;
        background: linear-gradient(0deg, #000 0%, rgba(102, 102, 102, 0.00) 100%);
        position: absolute;
        z-index: 1;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: end;
        h3{
            color: #FFF;
            font-family: 'Manrope Bold';
            font-size: 21px;
            font-style: normal;
            font-weight: normal;
            line-height: 27px;
        }
        p{
            color: #fff;
        }
    }
  }
  
  .flip-box-back {
    background-color: #e63b3d;
    transform: rotateY(180deg);
    padding: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    p{
        color: #fff;
    }
  }
  .student-slider{
    .slick-list{
        margin: 0 -10px;
    }
    .slick-slide{
        margin: 0 10px;
    }
  }
/******************************
        Features
*******************************/
.mb-40{
    margin-bottom: 40px;
}
.feature-article{
    position: relative;
    .vector-pink{
        position: absolute;
        left: 150px;
        top: 180px;
        animation: bounce 5s infinite ease-in-out, wiggle 4s infinite ease-in-out;
    }
    .vector-pinkstar{
        position: absolute;
        bottom: 50px;
        left: 245px;
        filter: brightness(0) saturate(100%) invert(56%) sepia(12%) saturate(2374%) hue-rotate(287deg) brightness(86%) contrast(85%);
        animation: spin 10s infinite linear;
    }
    .vector-star{
        position: absolute;
        top: 85px;
        right: 274px;
        filter: brightness(0) saturate(100%) invert(29%) sepia(35%) saturate(1957%) hue-rotate(259deg) brightness(88%) contrast(88%);
        animation: spin 8s infinite linear;

    }
    .primary-btn{
        background: #0E0655;
        color: #fff;
        &::after,&::before{
            background: #d84514;
        }
    }
    .blog-btn{
        background: transparent;
        color: #0E0655;
        &:hover{
            scale: 1.05;
            &::before,
            &::after{
                display: none;
            }
        }
    }
}
.blog-list{
    padding: 22px;
    border-radius: 30px;
    background: #EEEE39;
    display: flex;
    align-items: center;
    gap: 50px;
    .blog-img{
        width: 304px;
        height: 302px;
        border-radius: 30px;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    
    .blog-content {
        width: 56%;
        padding-left: 25px;
    }
}
.blog-date{
    margin: 0;
    font-family: 'Manrope SemiBold';
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}
.blog-title a{
    color: #000;
    font-family: 'Manrope Bold';
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 2px;
}
.blog-left-img {
    border-radius: 30px;
    height: 100%;
    overflow: hidden;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.blog-gride{
    padding: 16px 30px;
    border-radius: 30px;
    background: #FFDF2B;
    height: 100%;
    .icon{
        text-align: right;
    }
}
.bg-light-green{
    background: #96FFD9;
}
/******************************
        world-map
*******************************/
.world-map{
    position: relative;
    .global-rectangle{
        position: absolute;
        top: 90px;
        right: 160px;
        animation: bounce 5s infinite ease-in-out, wiggle 4s infinite ease-in-out;
    }
}
.country-item-content{
    display: flex;
    align-items: center;
    gap: 3px;
    border-radius: 60px;
    border: 1px solid #000;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 3px;
    p{
        margin: 0;
        color: #0E0655;
        font-weight: normal;
        font-family: 'Manrope Bold';
        line-height: 105.556%;
    }
}
.country-slider{
    margin-top: 50px;
    .slick-list{
        margin: 0 -10px;
    }
    .slick-slide{
        margin: 0 10px;
    }
    .slick-arrow{
        background: transparent;
        &::before{
            color: #000;
        }
    }
    .slick-next{
        right: -50px;
    }
    .slick-prev{
        left: -50px;
    }
}
/******************************
        FAQ
*******************************/
.faq{
    position: relative;
    .vector-pink{
        position: absolute;
        top: 50px;
        right: 130px;
        animation: spin 10s infinite linear;
    }
    .rectangular{
        position: absolute;
        bottom: 30%;
        left: 100px;
        animation: bounce 5s infinite ease-in-out, wiggle 4s infinite ease-in-out;
    }
    .dec{
        color: #222;
    }
    .section-title{
        margin-top: 30px;
    }
}
  .accordion__item {
    margin: 10px auto;
    transition: .5s
  }
  
  .accordion__item:hover {
    transform: translateY(-5px)
  }
  
  .accordion__item .accordion__title {
    position: relative;
    display: block;
    padding: 10px 30px 10px 0px;
    margin-bottom: 4px;
    color: #000;
    font-size: 21px;
    text-decoration: none;
    font-family: 'Manrope Bold';
    border-radius: 3px;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer;
    border-bottom: 2px solid #000;
    font-weight: normal;
  }
  
  .accordion__title::after {
    content: '+';
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0px;
    top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
  }
  
  .accordion__title.accordion-active::after {
    transform: rotate(180deg);
    content: '-';
  }
  
  .accordion__item .accordion-active {
    border-color: #fff;
  }
  
  .accordion__item .accordion__title .accordion__arrow {
    position: absolute;
    top: 13px;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 20px;
    font-weight: normal;
    margin-right: 5px;
    background-color: #c9c9c9;
    border-radius: 50%;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
  }
  
  .accordion__item .accordion__content {
    font-family: 'Manrope Regular';
    padding: 10px 12px;
    padding-left: 0;
    line-height: 150%;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 18px;
    display: none;
    border-bottom: 1px solid #959595;
  }
  /******************************
        Booking
*******************************/
.booking{
    background: #FFEEC3;
    position: relative;
    .vector-yellow{
        position: absolute;
        top: -22px;
        left: 50%;
        animation: spin 10s infinite linear;
    }
    .booking-img{
        z-index: 1;
        .booking-boy{
            margin-bottom: -5px;
        }
        position: relative;
        .rectangular-sky-blue{
            position: absolute;
            top: 140px;
            left: 0;
            z-index: -1;
            animation: bounce 5s infinite ease-in-out, wiggle 4s infinite ease-in-out;
        }
        .rectangular-yellow{
            position: absolute;
            bottom: 128px;
            right: -60px;
            z-index: -1;
            animation: bounce 8s infinite ease-in-out, wiggle 9s infinite ease-in-out;
        }
        .triple-lines{
            position: absolute;
            top: 34.5%;
            right: 58px;
            z-index: -2;
            animation: bounce 12s infinite ease-in-out, wiggle 4s infinite ease-in-out;
        }
        .green-star{
            position: absolute;
            top: 185px;
            right: -30px;
            animation: spin 10s infinite linear;
        }
    }
    .form-control{
        border-radius: 7px;
        border: 1px solid #110053;
        background: #FFF;
        padding: 17px 10px;
        color: #150050;
        font-weight: normal;
        font-size: 16px;
        &::placeholder{
            color: #150050;
            font-family: 'Manrope Bold';
            font-size: 16px;
            font-style: normal;
            font-weight: normal;
            line-height: 93.75%;
        }
    }
    label{
        color: #150050;
        font-family: 'Manrope Bold';
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        line-height: 125%;
    }
    form{
        input[type="checkbox"]{
            width: 20px;
            height: 19px;
            border-radius: 3px;
            border: 2px solid #150050;
            background: #FFF;
        }
        .btn-group{
            justify-content: start;
            .primary-btn{
                padding: 13px 30px;
            }
        }
    }
}
/******************************
        Footer
*******************************/
footer{
    background: #0F0D1B;
    padding-top: 60px;
    padding-bottom: 20px;
    p,a{
        color: #C8C6D3;
        font-size: 15px;
    }
    .footer-logo{
        margin-bottom: 25px;
    }
    .social-links{
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 40px;
        img{
            transition: all 0.5s;
            &:hover{
                scale: 1.2;
            }
        }
        
    }
    .lisence{
        margin-top: 50px;
    }
    ul{
        li{
            margin-block: 15px;
        }
    }
    .footer-title{
        color: #FFF;
        font-family: 'Manrope Bold';
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        line-height: 90%;
    }
    .copyright{
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        a{
            color: #FAB200;
            text-decoration: underline;
        }
    }
}
/******************************************
           Inner Pages
********************************************/
/* Blog Page */
.inner-banner{
    .banner-content{
        text-align: center;
    }
}
.blog-listing{
    position: relative;
    .pink-vector {
        position: absolute;
        top: 20%;
        left: 150px;
        animation: bounce 6s infinite ease-in-out, wiggle 4s infinite ease-in-out;
        z-index: -1;
    }
    .vector-yellow {
        position: absolute;
        bottom: 20%;
        right: 150px;
        animation: spin 10s infinite linear;
    }
    ul{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        li a{
            color: #000;
            font-family: 'Manrope Medium';
            font-size: 12px;
            font-style: normal;
            font-weight: normal;
            line-height: 168.75%;
            padding: 8px 20px;
            border-radius: 60px;
            background: #FFF;
            box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
            transition: 0.5s;
            cursor: pointer;
            display: inline-block;
            &:hover{
                background: #45D8A3;
                color: #1d2e60;
            }
        }
    }
}
.blog-category-item{
    margin-bottom: 40px;
}
.blog-card-img{
    border-radius: 22px;
    overflow: hidden;
    margin-bottom: 20px;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: -5px;
    }
}
.date{
    display: inline-block;
    color: #919191;
    font-family: 'Manrope SemiBold';
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 10px;
}
.blog-card-text{
    padding-top: 0;
    padding: 10px;
    h4{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 116.667%;
        margin-bottom: 5px;
    }
    p{
        line-height: 133.333%;
    }
}
.blog-btn{
    color: #000;
    font-family: 'Manrope Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    &:hover{
        color: #0E0655;
        text-decoration-line: underline;
        transform: translateX(10px);
        scale: 1.1;
    }
}
.blog-card{
    &:hover{
        h4{
            color: #45D8A3;
        }
        .blog-card-img{
            img{
                scale: 1.1;
            }
        }
    }
}
/* ==========================================================================
   WordPress Posts Pagination
   ========================================================================== */
.navigation.pagination {
    margin-top: 50px;
    width: 100%;
}
.navigation.pagination .screen-reader-text {
    display: none;
}
.navigation.pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.navigation.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    height: 46px;
    padding: 0 16px;
    border-radius: 50px;
    background: #FFFFFF;
    color: #060761;
    font-family: 'Manrope SemiBold', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out;
}
.navigation.pagination .page-numbers:hover {
    background: #45D8A3;
    border-color: #45D8A3;
    color: #060761;
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(69, 216, 163, 0.4);
}
.navigation.pagination .page-numbers.current {
    background: #060761;
    border-color: #060761;
    color: #FFFFFF;
    font-weight: 700;
    box-shadow: 0 6px 20px rgba(6, 7, 97, 0.3);
    cursor: default;
    transform: none;
}
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
    padding: 0 22px;
    font-size: 15px;
    background: #F8FAFC;
    letter-spacing: 0.3px;
}
.navigation.pagination .page-numbers.prev:hover,
.navigation.pagination .page-numbers.next:hover {
    background: #45D8A3;
    border-color: #45D8A3;
    color: #060761;
}
.navigation.pagination .page-numbers.dots {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #94A3B8;
    cursor: default;
    min-width: 30px;
    padding: 0;
}

/* Test Peparation Page */
.test-banner{
    border-radius: 0 0 53px 46px;
    background: linear-gradient(262deg, #3D95A8 0.27%, #70AEE3 99.73%);
    padding-block: 200px;
    box-shadow: 0px 20px 2px 5px #f3f3f3;
    .banner-content{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 40px;
        h1{
            width: 80%;
            text-align: left;
        }
    }
}
.banner-icon{
    width: 173px;
    height: 173px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border-radius: 50%;
    outline: 9px solid #ffffff5b;
}
.test-listing{
    padding-top: 20px;
    background: #f3f3f3;
    form{
        padding: 30px 20px;
        border-radius: 24px;
        background: #F5EBD3;
        margin-bottom: 40px;
        .form-group{
            margin-bottom: 0;
        }
        input[type="checkbox"] {
            width: 20px;
            height: 19px;
            border-radius: 3px;
            border: 2px solid #150050;
            background: #FFF;
        }
        .wpcf7-acceptance label,
        .wpcf7-list-item label {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            cursor: pointer;
            margin-bottom: 0;
        }
        .wpcf7-acceptance input[type="checkbox"],
        .wpcf7-list-item input[type="checkbox"] {
            flex-shrink: 0;
            margin-top: 4px;
        }
        .wpcf7-list-item {
            margin-left: 0;
            margin-right: 0;
        }
    }
    .title{
        font-size: 25px;
        margin-bottom: 20px;
    }
    label{
        font-size: 17px;
    }
}
.test-category-item{
    ul{
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #FFF;
        margin-bottom: 30px;
        padding-inline: 20px;
        li{
            color: #000;
            font-family: 'Manrope Medium';
            font-size: 16px;
            font-style: normal;
            font-weight: normal;
            line-height: 168.75%;
            transition: 0.5s;
            cursor: pointer;
            padding: 20px 10px;
            border-bottom: 2px solid #FFF;
            &:hover{
                border-bottom: 2px solid #45D8A3;
                color: #45D8A3;
            }
        }
    }
}
.test-category-item ul li.active{
    border-bottom: 2px solid #45D8A3;
    color: #45D8A3;
}
.tab-content{
    border-radius: 16px;
    background: #FFF;
    padding: 50px 30px;
    span{
        display: flex;
        color: #919191;
        font-family: 'Manrope SemiBold';
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        margin-bottom: 10px;
        gap: 7px;
    }
    h3{
        color: #150050;
        font-family: 'Manrope Extra Bold';
        font-size: 28px;
        font-style: normal;
        font-weight: normal;
        line-height: 125.429%;
        margin-bottom: 10px;
    }
    table{
        width: 100%;
        border-radius: 24px;
        background: #FFF;
        box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.05);
        padding: 10px;
        border-spacing: 0;
        margin-bottom: 20px;
        th, td{
            text-align: left;
            padding: 20px 10px;
            border-bottom: 1px solid #EEEEEE;
            border-right: 1px solid #EEEEEE;
            color: #000;
            font-family: 'Manrope Medium';
            font-size: 16px;
            font-style: normal;
            font-weight: normal;
            line-height: 120%;
        }
        th{
            padding: 20px;
            border: none;
        }
        a{
            color: #0033A2;
            text-decoration: underline;
        }
        thead{
            border-radius: 8px;
            background: #EDEFFB;
            tr{
                th:first-child{
                    border-radius: 10px 0 0 10px;
                }
            }
            tr{
                th:last-child{
                    border-radius: 0 10px 10px 0;
                }
            }
        }
        tbody{
            tr:last-child{
                td{
                    border-bottom: none;
                }
            }
            tr{
                td:last-child{
                    border-right: none;
                }
            }
        }
    }
    ul{
        margin-bottom: 10px;
        li{
            color: #161616;
            font-family: 'Manrope Regular';
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
            line-height: 177.778%;
        }
    }
}
.tab-content { 
    display: none;
}
.tab-content.active { 
    display: block;
}
.major-update{
    border-radius: 10px;
    background: #F3F4FE;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.maj-up-icon{
    width: 59px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border-radius: 50%;
}
.maj-up-text{
    h4{
        color: #150050;
        font-family: 'Manrope Extra Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 112.5%;
        margin-bottom: 5px;
    }
    p{
        margin-bottom: 0;
    }
}
.getintouch-box{
    border-radius: 26px;
    overflow: hidden;
    position: relative;
    background: #2A3265;
    .now-bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: -5px;
    }
    .testi-girl{
        position: absolute;
        bottom: 0;
        left: 20px;
    }
}
.getintouch-content{
    position: absolute;
    width: 100%;
    height: auto;
    top: 40px;
    left: 0;
    text-align: center;
    padding-inline: 20px;
    .now-bg{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    h4{
        color: #FFF;
        text-align: center;
        font-family: 'Manrope Bold';
        font-size: 32px;
        font-style: normal;
        font-weight: normal;
        line-height: 128.125%;
        margin-bottom: 20px;
        a{
            color: #FAB200;
            text-decoration: underline;
        }
    }
    .btn-group{
        justify-content: center;
    }
}
/* Blog Details Page */
.blog-details{
    margin-top: 50px;
    padding-bottom: 0;
    position: relative;
    .twister-arrow {
        position: absolute;
        top: 20%;
        left: 200px;
        animation: bounce 9s infinite ease-in-out, wiggle 4s infinite ease-in-out;
        z-index: -1;
    }
    .vector-yellow {
        position: absolute;
        bottom: 0;
        right: 300px;
        animation: spin 10s infinite linear;
    }
    h1{
        color: #000;
        font-family: 'Manrope Extra Bold';
        font-size: 41px;
        font-style: normal;
        font-weight: normal;
        line-height: 141.463%;
    }
    .social-links{
        display: flex;
        align-items: center;
        justify-content: start;
        gap:15px;
        margin-bottom: 15px;
        img{
            filter: brightness(0) saturate(100%) invert(0%) sepia(23%) saturate(6351%) hue-rotate(82deg) brightness(89%) contrast(91%);
        }
        a:hover{
            scale: 1.1;
        }
    }
}
.blog-details-content{
    .section-title{
        font-size: 28px;
        color: #000;
    }
}
.blog-detl-img{
    border-radius: 10px;
    overflow: hidden;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 1 / 0.43;
        margin-bottom: -5px;
    }
}
.side-blog{
    padding-top: 40px;
    ul{
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 10px;
        flex-wrap: wrap;
        margin-bottom: 30px;
        li{
            padding: 8px 15px;
            border-radius: 60px;
            border: 1px solid #B1B1B1;
            background: #FFF;
            cursor: pointer;
            transition: 0.5s;
            a{
                color: #000;
                font-family: 'Manrope Medium';
                font-size: 16px;
                font-style: normal;
                font-weight: normal;
                line-height: 168.75%;
            }
            &:hover{
                background: #45D8A3;
                border-color: #45D8A3;
            }
        }
    }
    form{
        padding: 20px 10px;
        border-radius: 24px;
        background: #060761;
        .form-group{
            margin-bottom: 0;
        }
        .title{
            font-size: 27px;
            color: #FFF;
            text-align: center;
            line-height: 120%;
            margin-bottom: 10px;
        }
        label{
            color: #E3E2E6;
            font-size: 14px;
        }
        .form-control{
                padding: 14px 10px;
        }
    }
}
.sub-title{
    color: #000;
    font-family: 'Manrope Extra Bold';
    font-size: 31px;
    font-style: normal;
    font-weight: normal;
    line-height: 187.097%;
    margin-bottom: 20px;
}
.art-c-img{
    border-radius: 22px;
    overflow: hidden;
    margin-bottom: 10px;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: -5px;
    }
}
.art-c-text{
    h4{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 116.667%;
    }
}
.article-card:hover{
    h4{
        color: #45D8A3;
    }
    .art-c-img{
        img{
            scale: 1.1;
        }
    }
}
/* Contact Us Page */
.contact-banner{
    position: relative;
    .banner-bg{
        margin-bottom: -5px;
    }
    .container{
        z-index: 1;
    }
    .banner-content{
        text-align: left;
        margin-top: 70px;
    }
    &::after{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        inset: 0;
        background: linear-gradient(270deg, rgba(110, 121, 189, 0.11) 0%, #473C6E 100%);
    }
}
.contact-us-dtls{
    .title{
        font-size: 40px;
        line-height: 100%;
        margin-bottom: 20px;
    }
    form{
        label{
            color: #150050;
            font-size: 17px;
            line-height: 117.647%;
        }
        input[type="checkbox"] {
            width: 20px;
            height: 19px;
            border-radius: 3px;
            border: 2px solid #150050;
            background: #FFF;
        }
        .wpcf7-acceptance label,
        .wpcf7-list-item label {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            cursor: pointer;
            margin-bottom: 0;
        }
        .wpcf7-acceptance input[type="checkbox"],
        .wpcf7-list-item input[type="checkbox"] {
            flex-shrink: 0;
            margin-top: 4px;
        }
        .wpcf7-list-item {
            margin-left: 0;
            margin-right: 0;
        }
        .btn-group{
            justify-content: start;
        }
    }
}
.us-dtls-card{
    padding-block: 20px;
    h4{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 29px;
        font-style: normal;
        font-weight: normal;
        line-height: 127.586%;
    }
    p,a{
        color: #150050;
        margin-bottom: 0;
    }
    a:hover{
        color: #45D8A3;
    }
}
.map{
    iframe{
        width: 100%;
        height: 510px;
        border-radius: 22px;
        border: none;
    }
}
/* Service Page */
.service-banner{
    .container{
        align-items: end;
    }
    .banner-content{
        height: 100%;
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 0;
    }
}
.service-banner-img{
    img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        margin-bottom: -7px;
    }
}
.service-world-map{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.our-service-destination{
    position: relative;
    .service-world-map-bg{
        width: 90%;
        height: auto;
        object-fit: contain;
    }
}
.service-line{
    width: 80%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.osd-icons{
    position: absolute;
    left: 20px;
    top: 27%;
}
.osd-card{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    p{
        color: #000;
        font-family: 'Manrope Regular';
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        line-height: 100%;
        transition: 0.4s;
    }
    &:hover{
        p{
            color: #45D8A3;
        }
        .osd-icon{
            img{
                transform: rotateY(180deg);
            }
        }
    }
}
.osd-icon{
    position: relative;
    width: 78px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 3px solid #2A3265;
    background: #F5F5F5;
    margin-bottom: 10px;
    &::before{
        position: absolute;
        content: '';
        width: 27px;
        height: 27px;
        background: #45D8A3;
        border-radius: 50%;
        left: -5px;
        top: -2px;
        display: flex;
        align-items: center;
        justify-content: center;
        counter-increment: my-sec-counter 1;
        content: counter(my-sec-counter);
    }
}
.our-service-content{
    ul{
        list-style: disc;
        padding-left: 20px;
        li{
            margin-bottom: 5px;
            color: #000;
            font-family: 'Manrope Medium';
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
            line-height: 211.111%;
        }
    }
}
.service-side-bar{
    ul{
        border-radius: 20px;
        border: 1px solid #FFF0E8;
        background: #FFF;
        box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.10);
        padding: 15px;
        margin-bottom: 30px;
        li{
            a{
                display: flex;
                align-items: center;
                justify-content: start;
                padding-block: 10px;
                margin-block: 5px;
                gap: 10px;
                color: #000;
                font-family: 'Manrope SemiBold';
                font-size: 20px;
                font-style: normal;
                font-weight: normal;
                line-height: 100%;
                white-space: nowrap;
                img{
                    display: inline-block;
                }
                &:hover{
                    color: #45D8A3;
                    img{
                        transform: rotateY(180deg);
                    }
                }
            }
        }
    }
    ul li:last-child{
        a{
            img{
                border-bottom: none;
            }
        }
    }
    form{
        border-radius: 24px;
        background: #F5EBD3;
        padding: 20px 11px;
        .form-group{
            margin-bottom: 0;
        }
        label{
            font-size: 14px;
        }
        .title{
            text-align: center;
            font-size: 25px;
            margin-bottom: 17px;
        }
    }
}
.potential{
    background: #E5EFFD;
}
.potential-card{
    border-radius: 18px;
    background: #FFF;
    padding: 10px;
}
.pc-img{
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 15px;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;

    }
}
.pc-text{
    h4{
        color: #000;
        font-family: 'Manrope Extra Bold';
        font-size: 21px;
        font-style: normal;
        font-weight: normal;
        line-height: 128.571%;
        margin-bottom: 10px;
    }
    p{
        line-height: 150%;
    }
}
.potential-slider{
    .slick-slide{
        margin: 0 15px;
    }
    .slick-list{
        margin: 0 -15px;
    }
}
.service-today{
    background: #FFF;
    .join-today-text-content {
        .section-title {
                color: #150050;
        }
        p{
            color: #161616;
        }
    }
}
.cities{
    background: #FFFCF4;
    .section-title{
        margin-bottom: 40px;
    }
}
.cities-card{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
    border: 1px solid #C2C2C2;
    background: #FFF;
    padding: 10px;
    gap: 20px;
    height: 100%;
    transition: 0.5s;
    &:hover{
        transform: translateY(-10px);
        box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.13);
        h4, h5{
            color: #1d2e60;
        }
        .cities-card-img{
            img{
                scale: 1.1;
            }
        }
    }
}
.cities-card-img{
    border-radius: 28px;
    overflow: hidden;
    height: 100%;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: -5px;
        transition: 0.5s;
    }
}
.cities-card-text{
    width: 60%;
    h4{
        color: #000;
        font-family: 'Manrope Extra Bold';
        font-size: 21px;
        font-style: normal;
        font-weight: normal;
        line-height: 128.571%;
    }
    h5{
        color: #151515;
        font-family: 'Manrope Bold';
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        line-height: 150%;
    }
    p{
        margin-bottom: 0;
    }
}
/* About Page */
.about-story{
    position: relative;
    .service-rectangular{
        position: absolute;
        width: 5%;
        top: 95px;
        left: 95px;
        animation: 5s ease-in-out 0s infinite normal none running bounce, 4s ease-in-out 0s infinite normal none running wiggle;
    }
}
.about-story-img{
    border-radius: 30px;
    overflow: hidden;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: -5px;
    }
    &:hover{
        img{
            scale: 1.1;
        }
    }
}
.counter{
    .container{
        border-radius: 14px;
        background: #F2F3FD;
        padding-block: 40px;
    }
}
.counter-item {
    position: relative;
    padding-left: 120px;
    &:hover{
        h3{
            color: #45D8A3;
        }
    }
}
.counter-item .counter-icon {
    width: 67px;
    height: 67px;
    position: absolute;
    left: 13%;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}
.counter-item h3 {
    color: #000;
    font-family: 'Manrope Bold';
    font-size: 37px;
    font-style: normal;
    font-weight: normal;
    line-height: 72.973%;
    margin-bottom: 20px;
}
.counter-item p {
    color: #797979;
    font-family: 'Manrope Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 66.667%;
}
.counter-item:hover .counter-icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.miss-text{
    padding-right: 40px;
}
.about-mission-vision-content{
    .row{
        padding-block: 30px;
    }
    .row:first-child{
        border-radius: 23px;
        background: #E9FBF5;
        margin-bottom: 50px;
    }
    .row:last-child{
        border-radius: 23px;
        background: #FDF6E5;
        .miss-text{
            padding-left: 60px;
            padding-right: 0;
        }
    }
}
.miss-img{
    position: relative;
    padding: 30px;
    z-index: 1;
    .bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.back-yellow{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    animation: 7s ease-in-out 0s infinite normal none running bounce, 4s ease-in-out 0s infinite normal none running wiggle;
}
.rit{
    left: unset;
    right: 0;
    rotate: 90deg;
}
.director-message{
    background: #DDFFF3;
}
.message-box{
    background: #FFF;
    border-radius: 24px;
    padding: 50px;
    p{
        font-size: 20px;
        color: #1C1C1C;
    }
}
.p-bold{
    font-family: 'Manrope Bold';
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    line-height: 154.545%;
}
.director-info{
    display: flex;
    align-items: start;
    gap: 40px;
    .logo{
        padding-top: 20px;
    }
}
.info-left{
    position: relative;
    p{
        color: #161616;
        font-family: 'Manrope Medium';
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        line-height: 110%;
    }
    &::after{
        position: absolute;
        content: '';
        width: 1px;
        height: 66px;
        background: #150050;
        right: -27px;
        top: 10%;
    }
}
.info-name{
    color: #150050;
    font-family: 'Manrope Bold';
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
    line-height: 84.375%;
    margin-bottom: 16px;
}
.info-right{
    .logo{
        img{
            filter: brightness(0) saturate(100%) invert(10%) sepia(44%) saturate(5659%) hue-rotate(255deg) brightness(75%) contrast(124%);
        }
    }
}
.about-certificate{
    background: #FFFCF4;
}
.about-cer-box{
    border-radius: 21px;
    border: 1px solid #B8B8B8;
    overflow: hidden;
    transition: 0.5s;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* &:hover{
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        scale: 1.01;
    } */
}
.slick-slide{
    margin: 0 20px;
}
.slick-list{
    margin: 20px -20px;
}
.slick-dots {
    bottom: -50px;
    li {
        width: 11px;
        height: 11px;
        margin-inline: 8px;
        border-radius: 50%;
        background: #D9D9D9;
    }
    .slick-active {
        background: #FAB200;
        outline-offset: 3px;
        outline: 2px solid #FAB200;
    }
    li button {
        opacity: 0;
        width: 100%;
    }
}
.about-faq{
    .section-title{
        margin-top: 0;
    }
}
.about-office{
    background: #F0F9FF;
    iframe{
        width: 100%;
        height: 100%;
        border-radius: 35px;
        border: 0;
    }
}
.about-journey{
    padding-inline: 150px;
    .section-title{
        margin-bottom: 80px;
    }
    .row{
        justify-content: space-between;
        .col-lg-3:nth-child(5){
            transform: translateX(72%);
        }
        .col-lg-3:nth-child(6){
            transform: translateX(-77%);
        }
    }
}
.journey-box{
    text-align: center;
    h3{
        color: #2A3265;
        font-family: 'Manrope Bold';
        font-size: 40px;
        font-style: normal;
        font-weight: normal;
        line-height: 67.5%;
        margin-bottom: 15px;
    }
    &:hover{
        h3{
            color: #FAB200;
        }
    }
}
.journey-box-icon{
    width: 70px;
    height: 70px;
    padding: 15px;
    border-radius: 50%;
    background: #2A3265;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-inline: auto;
    display: none;
}
.yellow-icon{
    background: #FAB200;
}
.journey-img-box{
    padding-inline: 50px;
    margin-bottom: 20px;
}
.office-left{
    border-radius: 13px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    padding: 30px 12px;
    ul{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 20px;
        li{
            padding: 8px 20px;
            border-radius: 20px;
            border: 1px solid #EAEAEA;
            background: #F8F8F8;
            cursor: pointer;
            transition: 0.5s;
            &:hover,&.active{
                background: #45D8A3;
                color: #150050;
            }
        }
    }
}
.search-input{
    width: 100%;
    border-radius: 6px;
    border: 1px solid #F0F0F0;
    background: #F4F4F4;
    padding: 16px 34px;
    &::placeholder{
        color: #797979;
        font-family: 'Manrope Regular';
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        line-height: 75%;
    }
}
.search-box{
    position: relative;
    margin-bottom: 20px;
    span{
        display: block;
        position: absolute;
        left: 10px;
        top: 12px;
    }
}
.location-content{
    padding-right: 5px;
    max-height: 468px;
    overflow-y: auto;
    scrollbar-width: thin;
}
.location-content::-webkit-scrollbar {
    width: 7px;
    background: #F3F3F3;
}
.location-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #6C6C6C;
}
.location-box{
    border-radius: 14px;
    border: 1px solid #F0F0F0;
    background: #F9F9F9;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-bottom: 13px;
    padding: 10px;
}
.location-icon{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}
.location-txt{
    width: 100%;
    h5{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        line-height: 133.333%;
        margin-bottom: 5px;
    }
    p, a{
        color: #3A3A3A;
        font-size: 16px;
        margin-bottom: 5px;
    }
}
.high-education-box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    img{
        transition: 0.5s;
        &:hover{
            scale: 1.1;
        }
    }
}
/* Boading Page */
.boading-banner {
    .banner-content{
        text-align: left;
        width: 60%;
        p{
            margin-bottom: 20px;
            font-family: 'Manrope Semibold';
        }
        h1 {
            font-size: 65px;
            line-height: 113.846%;
            width: 80%;
        }
    }
}
.boading-card{
    border-radius: 6px;
    background: #F0F0F0;
    overflow: hidden;
    height: 100%;
    transition: 0.5s;
    &:hover{
        transform: translateY(-10px);
    }
}
.bc-text{
    text-align: center;
    padding: 16px;
    h4{
    color: #000;
    font-family: 'Manrope Bold';
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    line-height: 109.571%;
    }
}
.boading-global{
    background: #28B2A6;
    position: relative;
    .primary-btn {
        background: #0E0655;
        color: #fff;
        &::after,&::before{
            background: #d84514;
        }
    }
    .section-title,p{
        color: #fff;
    }
    img{
        position: absolute;
        right: 0;
        height: 100%;
        top: 0;
        object-fit: cover;
        width: 50%;
    }
    .col-lg-6{
        padding-right: 3%;
    }
}
.boading-international{
    background: #0A1E33;
    img{
        right: auto;
        left: 0;
    }
    .col-lg-6{
        padding-left: 3%;
        padding-right: 0;
    }
    .primary-btn {
        background: #ffffff;
        color: #000000;
        &::after,&::before{
            background: #d84514;
        }
        &:hover{
            color: #fff;
        }
    }
}
.ms-auto{
    margin-left: auto;
}
.boarding-card {
  flex: 1 1 300px;
  color: #fff;
  text-align: center;
  padding: 40px 30px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.boarding-card h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fff;
}

.boarding-card p {
  line-height: 1.6;
  color: #fff;
}

.boarding-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.navy {
  background: #182848; /* deep navy */
}

.teal {
  background: linear-gradient(90deg, #0099a8, #00b8c4);
}

.purple {
  background: #2d1954;
}
.cta{
    background: #27AAE1;
    .section-title,p{
        color: #fff;
    }
    .primary-btn {
        background: #0E0655;
        color: #fff;
        &::after,&::before{
            background: #d84514;
        }
    }
}
.find-box{
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    &:hover{
        .find-txt{
            &::after{
                background: linear-gradient(0deg, rgba(28, 117, 188, 0.90) 0%, rgba(28, 117, 188, 0.90) 100%);
            }
        }
        p{
            opacity: 1;
        }
    }
}
.find-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: -5px;
}
.find-txt{
    position: absolute;
    inset: 0;
    border-radius: 7px;
    padding: 20px 10px;
    transition: 0.5s;
    z-index: 1;
    &::after{
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.48) 100%);
        transition: background 0.8s;
        z-index: -1;
    }
    h4{
        color: #FFF;
        font-family: 'Manrope Extra Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 120.833%;
        position: relative;
        margin-bottom: 20px;
        transition: 0.5s;
        &::before{
            position: absolute;
            content: '';
            width: 34px;
            height: 2px;
            background: #45D8A3;
            left: 0;
            bottom: -9px;
        }
    }
    p{
        color: #FFF;
        line-height: 120.889%;
        opacity: 0;
        transition: 0.7s;
    }
}

.find-slider{
    .slick-dots{
        li {
            width: 10px;
            height: 10px;
        }
        .slick-active{
            background: #2A3265;
            outline: none;
        }
    }
}
.medium{
    background: #28B2A6;
}
.medium-box{
    border-radius: 33px;
    overflow: hidden;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: -5px;
    }
}
.medium-text{
    .section-title, p{
        color: #FFF;
    }
    .primary-btn{
        background: #FFF;
    }
}
.boading-world-map{
    p{
        color: #595959;
    }
    .container{
        background: #F7F7F7;
        padding: 80px 30px;
    }

}
.ideal-box{
    border-radius: 6px;
    overflow: hidden;
    background: #150050;
    transition: 0.5s;
    img{
        border-radius: 6px;
        width: 100%;
        height: 100%;
    }
    &:hover{
        transform: translateY(-10px);
    }
}
.ideal-txt{
    border-radius: 0 0 6px 6px;
    padding: 15px;
    p{
        color: #FFF;
        text-align: center;
        font-family: 'Manrope Bold';
        font-size: 21px;
        font-style: normal;
        font-weight: normal;
        line-height: 109.524%;
        margin-bottom: 0;
    }
}
.boading-class{
    .container{
        background: url(../img/boading-class-education.webp) no-repeat;
        background-size: cover;
        padding: 100px 80px;
        border-radius: 25px;
        position: relative;
        z-index: 1;
        &::before{
            position: absolute;
            content: '';
            inset: 0;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0.34) 40.53%, rgba(102, 102, 102, 0.00) 100%);
            z-index: -1;
            border-radius: 25px;
        }
    }
    .section-title, p{
        color: #FFF;
    }
}
.ideal-location-slider{
    .slick-slide{
        margin-block: 20px;
    }
}
/* UK Home Page */
.uk-banner{
    position: relative;
    .banner-content{
        h5{
            color: #FAB200;
            font-family: 'Manrope Bold';
            font-size: 30px;
            font-style: normal;
            font-weight: normal;
            line-height: 90%;
        }
        h1{
            font-size: 65px;
        }
    }
}
.banner-bottom{
    width: 100%;
    height: 7%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #00000038;
    .container{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
.bottom-box{
    display: flex;
    align-items: center;
    gap: 15px;
    background: #00000069;
    height: 100%;
    padding-inline: 20px;
    p{
        font-size: 20px;
        margin-bottom: 0;
        transition: 0.5s;
    }
    &:hover{
        img{
            transform: rotateY(180deg);
            filter: brightness(0) saturate(100%) invert(73%) sepia(44%) saturate(549%) hue-rotate(104deg) brightness(92%) contrast(92%);
        }
        p{
            color: #45D8A3;
        }
    }
}
.uk-miss-vis-box{
    border-radius: 32px;
    border: 2px solid #C3C5D5;
    background: #FFF;
    text-align: center;
    padding: 30px 10px;
    transition: 0.5s;
    h4{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 112.5%;
        margin-bottom: 10px;
        transition: 0.5s;
    }
    &:hover{
        background: #45D8A3;
        border: 2px solid #150050;
        h4, p{
            color: #150050;
        }
    }
}
.uk-miss-vis-icon{
    width: 100px;
    height: 100px;
    background: #FFF3D5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    margin-inline: auto;
    margin-bottom: 16px;
}
.uk-counter{
    background: #F8F4E9;
    .container{
        background: transparent;
    }
    .counter-item {
        position: relative;
        padding-left: 0;
        text-align: center;
        h3{
            font-size: 40px;
        }
        p{
            margin-bottom: 0;
            color: #150050;
        }
        &::after{
            content: '';
            position: absolute;
            width: 1px;
            height: 38px;
            background: #150050;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
    }
    .col-lg-3:last-child{
        .counter-item{
            &::after{
                display: none;
            }
        }
    }
}
.uk-hill{
    background: #150050;
    .primary-btn{
        background: #FFF;
    }
}
.uk-hill-content{
    padding: 30px;
    background: #EBEBF6;
    height: 100%;
}
.uk-hill-img{
    height: 100%;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.uk-tabs{
    ul{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-bottom: 30px;
        li{
            color: #828282;
            font-family: 'Manrope Medium';
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
            line-height: 170%;
            padding: 10px 20px;
            border-radius: 60px;
            border: 1px solid #fff;
            transition: 0.5s;
            cursor: pointer;
        }
    }
}
.uk-tabs ul li:hover,
.uk-tabs ul li.active{
    border-radius: 30px;
    border: 1px solid #150050;
    background: #F5EBD3;
    color: #000;
}
.uk-course-box{
    border-radius: 24px;
    border: 1px solid #EAEAEA;
    background: #FDF9F2;
    height: 100%;
    transition: 0.5s;
    &:hover{
        transform: translateY(-10px);
    }
}
.uk-course-img{
    border-radius: 24px;
    width: 100%;
}
.uk-course-text{
    padding: 14px;
    h4{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 19px;
        font-style: normal;
        font-weight: normal;
        line-height: 133.333%;
        margin-bottom: 10px;
    }
    ul{
        margin-bottom: 10px;
        li{
            color: #000;
            font-family: 'Manrope SemiBold';
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
            line-height: 150%;
            padding-left: 30px;
            position: relative;
            margin-bottom: 10px;
            transition: 0.5s;
            &::before{
                position: absolute;
                content: '';
                width: 21px;
                height: 21px;
                background: url(../img/tick-blue.webp) no-repeat;
                background-size: contain;
                left: 0;
                top: 4px;
            }
            &:hover{
                transform: translateY(-5px);
                color: #0E0655;
            }
        }
    }
    .primary-btn{
        background: #0E0655;
        color: #FFF;
    }
    .primary-btn:before, .primary-btn:after {
        background: #d84514;
    }
}
.uk-course-content {
    display: none;
}
.uk-course-content.active {
    display: block;
}
.what-we-do{
    position: relative;
    padding: 190px 0;
    ul{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 25px;
        li{
            text-align: center;
            width: 48%;
            border-radius: 20px;
            border: 1px solid #969696;
            background: #EBF1FF;
            color: #161616;
            font-family: 'Manrope SemiBold';
            font-size: 24px;
            font-style: normal;
            font-weight: normal;
            line-height: 129.167%;
            padding: 27px;
            transition: 0.5s;
            &:hover{
                background: #2A3265;
                color: #FFF;
            }
        }
    }
}
.what-we-do-img-box{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    &::before{
        content: '';
        position: absolute;
        border-radius: 196.5px;
        background: #45D8A3;
        width: 637.052px;
        height: 286.231px;
        transform: rotate(-20.534deg);
        z-index: -2;
        top: 156px;
        right: -175px;
    }
}
.uk-study{
    background: #F9F6EF;
}
.uk-study-tabs{
    ul{
        li{
            color: #000;
            font-family: 'Manrope Regular';
            font-size: 21px;
            font-style: normal;
            font-weight: normal;
            line-height: 290.476%;
            border-radius: 60px;
            text-align: center;
            cursor: pointer;
            margin-bottom: 10px;
            transition: 0.5s;
        }
    }
}
.uk-study-tabs ul li:hover,
.uk-study-tabs ul li.active{
    background: #FFF;
    color: #2A3265;
}

.uk-study-content-img{
    border-radius: 32px;
    overflow: hidden;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: -5px;
    }
}
.uk-study-content {
    display: none;
}
.uk-study-content.active {
    display: block;
}
.partner-universities-box{
    text-align: center;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    &:hover{
        img{
            scale: 1.1;
        }
    }
}
.partner-universities{
    .row{
        position: relative;
        &::before{
            position: absolute;
            content: '';
            width: 100%;
            height: 1px;
            opacity: 0.5;
            background: linear-gradient(90deg, #FFF 0%, #313131 47.6%, #FFF 100%);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .col:nth-child(6),
        .col:nth-child(7),
        .col:nth-child(8),
        .col:nth-child(9),
        .col:nth-child(10),
        .col:nth-child(11),
        .col:nth-child(12){
            &::after{
                display: none;
            }
        }
    }
    .row .col{
        position: relative;
        &::after{
            position: absolute;
            content: '';
            width: 1px;
            height: 100%;
            opacity: 0.5;
            background: linear-gradient(180deg, #FFF 0%, #313131 47.6%, #FFF 100%);
            right: 0;
            top: 53%;
        }
    }
}
.great-future{
    background: #F6F6F6;
}
.great-future-box{
    padding-left: 33%;
    padding-right: 20px;
    padding-block: 20px;
    .section-title{
        color: #151515;
    }
    ul{
        padding-left: 23px;
        margin-bottom: 10px;
        li{
            color: #000;
            font-family: 'Manrope SemiBold';
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
            line-height: 266.667%;
            list-style-type: disc;
        }
    }
}
.greate-futute-box-img{
    height: 100%;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.uk-student-say{
    .container{
        padding-inline: 60px;
    }
}
.students-say-slider{
    border-radius: 20px;
}
.students-say-img{
    height: 100%;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.students-say-box-content{
    border-radius: 0 20px 20px 0;
    padding: 24px;
    background: #F5F5F5;
    p{
        font-size: 24px;
    }
    span{
        display: block;
        width: 35px;
        height: 1px;
        background: #000;
        margin-bottom: 10px;
    }
}
.profile{
    p{
        font-size: 18px;
    }
}
.profile-title{
    color: #150050;
    font-family: 'Manrope Bold';
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 135%;
}
.students-say-slider{
    .slick-dots{
        text-align: right;
        padding-right: 54px;
        bottom: 25px;
        li {
            width: 10px;
            height: 10px;
        }
        .slick-active{
            background: #2A3265;
            outline: none;
        }
    }
}
.uk-faq{
    background: #FFFBF2;
    .section-title{
        margin-top: 0;
    }
}
.uk-header{
    top: 0;
    padding-block: 20px;
    #menu>.main-menu>ul>li {
        padding-inline: 9px;
    }
    &::after{
        content: '';
        position: absolute;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.00) 100%);
        top: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        transition: 0.5s;
    }
    #menu {
    background: #ffffff00;
    border-radius: 0;
    padding-inline: 13px;
    box-shadow: none;
}
#menu>.main-menu>ul>li>a{
    color: #fff;
}
#menu>.main-menu>ul>li.has-sub>a::before{
    border-top: 1px solid;
    border-left: 1px solid;
}
#menu>.main-menu>ul>li:hover>a, #menu .main-menu ul li.current-menu-item a {
    color: #FAB200;
}
.primary-btn{
    background: #fff;
}
&.sticky {
    background: #150050;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 63%);
    &::after{
        display: none;
    }
}
.hamburger:before{
    background: #fff;
}
.hamburger:after {
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}
.hamburger.menu-opened{
    &::after{
        border-bottom: transparent;
    }
}
}
.uk-inner-banner{
    &::after{
        content: '';
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(29, 29, 29, 0.86) 0%, rgba(0, 0, 0, 0.04) 57.41%);
        top: 0;
        left: 0;
    }
    .container{
        z-index: 1;
    }
}
.uk-footer{
    background: #1D1C20;
    .social-links{
        margin-block: 60px;
    }
    .bottom-menu{
        a{
            color: #fff;
            text-decoration: none;
            &:hover{
                color: #FAB200;
            }
        }
    }
}
.white-header{
    background: #FFF;
    box-shadow: 0 17px 34px -13px rgba(0, 0, 0, 0.15);
}
.white-header.sticky{
    box-shadow: 0 17px 34px -13px rgba(0, 0, 0, 0.15);
}
.uk-universities-item {
    border-radius: 23px;
    border: 1px solid #D8D8D8;
    background: #F5F5F5;
    padding: 8px;
    h4{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 91.667%;
        margin-bottom: 7px;
    }
}
.uk-universities-content {
    padding: 10px;
    ul{
        margin-bottom: 20px;
        li{
            position: relative;
            padding-left: 25px;
            border-bottom: 1px dashed #ADADAD;
            padding-block: 5px;
            display: flex;
            justify-content: space-between;
            &:last-child{
                border-bottom: none;
            }
            span:last-child{
                width: 112px;
            }
            &::before{
                content: '';
                background-image: url(../img/check-mark.webp);
                width: 20px;
                height: 20px;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                background-repeat: no-repeat;
            }
        }
    }
    .primary-btn{
        background: #FAB200;
        color: #000;
        display: inline-block;
        &:hover{
            color: #fff;
        }
    }
}
.universiti-logo {
    height: 143px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 23px;
    background: #FFF;
}
.card-title{
    color: #161616;
font-family: 'Manrope Bold';
font-size: 24px;
font-style: normal;
font-weight: normal;
line-height: normal;
margin-bottom: 15px;
}
.uk-universities-filter{
    .form-control {
    border-radius: 10px;
    border: 1px solid #D7D7D7;
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.10);
    padding: 12px 10px;
    font-family: 'Manrope Regular';
    font-weight: normal;
    line-height: 166.667%;
    &::placeholder{
        color: #767676;
    }
}
.primary-btn{
        border-radius: 10px;
        background: #FAB200;
        box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.10);
        width: 100%;
    }
}
.ondemand {
    border-radius: 2px;
    background: #F8F3E9;
    padding: 16px;
    border-left: 4px solid #45D8A3;
    margin-top: 40px;
    h3{
        color: #150050;
        font-family: 'Manrope Bold';
        font-size: 21px;
        font-style: normal;
        font-weight: normal;
        line-height: 85.714%;
        margin-bottom: 10px;
    }
    .primary-btn{
        display: inline-block;
    }
    p{
        line-height: 150%;
    }
}
.career-counselling-about{
    img{
        border-radius: 52px;
    }
}
.uk-cc-service{
    background: #F9F6EF;
}
.uk-service-item {
    border-radius: 24px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    padding: 10px;
    height: 100%;
    .card-title{
        margin-bottom: 5px;
    }
    .primary-btn{
        background: #0E0655;
        color: #fff;
    }
}
.uk-service-item-img{
    width: 100%;
    border-radius: 24px;
}
.how-it-work-item {
    transition: all .5s;
    padding: 12px;
}
.how-it-work-item:hover {
    border-radius: 21px;
    background: #FFF;
    box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.25);
    
}
.uk-cc-success-stories{
    .students-say-box {
    border-radius: 20px;
    background: #45D8A3;
    padding: 20px;
}
.students-say-img {
    img {
        border-radius: 20px;
    }
}
.students-say-box-content {
    background: #f5f5f500;
    img{
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(198deg) brightness(101%) contrast(102%);
    }
    p,h5{
        color: #fff;
    }
    span{
        background: #fff;
    }
}
.students-say-slider {
    .slick-dots {
        text-align: center;
        padding-right: 0;
        bottom: -35px;
    }
}
.students-say-slider {
    & .slick-dots {
        .slick-active {
            background: #FAB200;
            outline: none;
        }
    }
}
}
.uk-cc-booking{
    background: #F8F3E6;
    .vector {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
}
.booking-img{
    img{
        margin-bottom: -5px;
        margin-top: -60px;
    }
}
}
.uk-cc-faq{
.accordion__item {
    margin: 19px auto;
    transition: .5s;
    border-radius: 9px;
    background: #FFF;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.11);
    padding: 20px;
}
.accordion__item .accordion__content,
.accordion__item .accordion__title{
    border: 0;
}
}
.gallery-banner{
    .banner-content{
        padding-bottom: 20px;
        justify-content: end;
    }
}
.gallery-item{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 295px;
    .gp-img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    a{
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.40);
        opacity: 0;
        scale: .8;
        display: flex;
        align-items: center;
        justify-content: center;
        img{
            width: 50px;
        }
    }
    &:hover{
        a{
            scale: 1;
            opacity: 1;
        }
    }
    .play-icon{
        width: 59.488px;
        height: 59.488px;
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .5s;
        img{
            width: auto;
            height: auto;
        }
        &:hover{
            background: #45D8A3;
        }
    }
    &.video{
        a{
            opacity: 1;
            scale: 1;
        }
    }
}
.gallery-page{
    .test-category-item {
    & ul {
        justify-content: center;
        gap: 10px;
        li {
            padding: 10.2px 28px;
            border-radius: 60px;
            border: 1px solid #CECECE;
            background: #F3F3F3;
            color: #150050;
            &.active{
                background: #45D8A3;
                color: #000;
            }
        }
    }
}
}
.uk-courses-item {
  border-radius: 20px;
background: #FFF;
box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.11);
padding: 10px;
height: 100%;

.course-img {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.course-img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 20px;
}

.badge {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #fff;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
}

.course-content {
  padding: 10px;
}

.course-content h3 {
  font-size: 28px;
  margin-bottom: 5px;
  font-family: 'Manrope Bold';
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.course-content h4 {
  color: #FAB200;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: 'Manrope Bold';
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.course-content p{
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.course-info {
  display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 16px 0;
border-top: 1px solid #D7D7D7;
padding-top: 14px;
}
.info {
    position: relative;
    padding-left: 25px;
    img{
        position: absolute;
        left: 0;
        top: 6px;
        width: 20px;
        height: auto;
    }
}
.info h5 {
  font-weight: normal;
font-family: 'Manrope SemiBold';
display: block;
margin-bottom: 0;
font-size: 17px;
}

.info p {
  margin: 0;
  font-size: 17px;
}



.primary-btn {
    width: 100%;
    padding: 17px 23px;
    background-color: #FAB200;
}
.primary-btn.outline {
  border: 1px solid #DADADA;
  background: transparent
}
}
.course-menu {
    border-radius: 20px;
    border: 1px solid #FFF0E8;
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.10);
    padding: 15px;
    li{
        border: 1px solid #ffffff;
        background: #FFF;
        font-size: 20px;
        font-family: 'Manrope SemiBold';
        padding: 10px 17px;
        border-bottom: 1px solid rgb(184 184 184 / 20%);
        transition: all .5s;
        color: #000;
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
        &:hover,
        &.active{
            border-radius: 20px;
            box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.10);
            border-color: #FFF0E8;
            transform: translateY(-5px) scale(1.04);
            color: #45D8A3;
        }
    }
}
.uk-courses-list {
  display: none;
}

.uk-courses-list.active {
  display: block;
}
.uk-courses-details-banner{
    .banner-content{
        h1{
            margin-bottom: 12px;
        }
        h5{
            margin-bottom: 24px;
        }
        p{
            margin-bottom: 24px;
            img{
                filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
            }
        }
        .primary-btn{
            background: #FAB200;
            color: #000;
            &.secondary-btn{
                border: 1px solid #ffffff;
                background: transparent;
                color: #ffffff;
                &:hover{
                    color: #000;
                }
            }
        }

    }
}
.uk-courses-details-content {
    border-radius: 17px;
    background: #F6F6F6;
    padding: 24px 12px;
    h2{
        margin-bottom: 2px;
    }
    h3{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 87.5%;
        margin-bottom: 8px;
    }
    ul{
        padding-left: 24px;
        margin-bottom: 15px;
        li{
            font-family: 'Manrope SemiBold';
            margin-bottom: 10px;
            &:before{
                content: '✔';
                color: #45D8A3;
                display: inline-block;
                width: 1em;
                margin-left: -1em;
            }
        }
    }
    h4{
        color: #151515;
        font-family: 'Manrope Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 125%;
        margin-bottom: 4px;
    }
    .module {
        border-radius: 20px;
        border: 1px solid #D4D4D4;
        background: #FFF;
        padding: 18px 8px;
        margin-top: 22px;
        margin-bottom: 50px;
        .col-lg-4{
            border-right: 1px solid #D5D5D5;
        }
        .row .col-lg-4:last-child{
            border-right: none;
        }
        h4{
            color: #000;
            font-size: 20px;
            line-height: 140%;
            border-bottom: 1px solid #E0E0E0;
            padding-bottom: 15px;
            margin-bottom: 10px;
        }
    }
    .module-head {
        clip-path: polygon(0% 0%, 100% 0%, 93.179% 50%, 100% 100%, 0% 100%, 0% 0%);
        background: #45D8A3;
        color: #fff;
        display: inline-block;
        padding: 7px 17px;
        padding-right: 23px;
        margin-bottom: 20px;
    }

.course-table-wrapper {
  background: #fff;
  border-radius: 20px;
  padding: 0px;
  border: 1px solid #D4D4D4;
  overflow: hidden;
  margin-bottom: 25px;
}

.course-table {
  width: 100%;
  border-collapse: collapse;
}
thead{
    background: #F7F6F9;
}
.course-table th {
  text-align: left;
  padding: 18px 22px;
  font-weight: 600;
  font-family: 'Manrope SemiBold';
  color: #000000;
  font-size: 18px;
  border-bottom: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  &:last-child{
    border-right: none;
  }
}

.course-table td {
  padding: 18px 22px;
  color: #555;
  border-bottom: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  &:last-child{
    border-right: none;
  }
}

.course-table tbody tr:last-child td {
  border-bottom: none;
}
.course-table tbody tr:hover {
  background: #fafafa;
}

}
.uk-course-details-sidebar {
    border-radius: 17px;
    background: #F6F8FF;
    padding: 26px 20px;
    h4{
        color: #150050;
        font-family: 'Manrope Bold';
        font-size: 23px;
        font-style: normal;
        font-weight: 700;
        line-height: 78.261%;
        margin-bottom: 40px;
    }
    h5{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 94.737%;
        margin-bottom: 10px;
    }
    p{
        line-height: 150%;
    }
    .uk-cd-info-list {
    margin-bottom: 19px;
    &:last-child{
        margin-bottom: 0;
    }
    }
}
.uk-related-courses{
    margin-top: 50px;
    .title-md{
        margin-bottom: 30px;
    }
    .course-content{
        h3{
            color: #000;
        }
        p{
            margin: 0;
        }
    }
    .uk-courses-item:hover{
        h3{
            color: #FAB200;
        }
        .course-img{
            img{
                transform: scale(1.1);
            }
        }
    }
}
.uk-courses-details{
    padding-bottom: 12px;
}
.title-md{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 87.5%;
        margin-bottom: 8px;
    }
/********  UK Universities Details  ********/
.university-details-header{
    position: relative;
    background: #FFF;
    &::after{
        display: none;
    }
    .primary-btn {
        background: #45D8A3;
    }
    &.sticky {
        background: #FFF;
    }
    #menu>.main-menu>ul>li>a {
        color: #171717;
    }
}
.university-details{
    padding-top: 0;
    h1{
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 15px;
    }
    .date{
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 20px;
        margin-bottom: 20px;
        padding-left: 80px;
    }
}
.university-category-item{
    .tabs{
        margin-right: 40px;
    }
}
.overview-tablinks{
    width: 100%;
    border-radius: 60px;
    border: 1px solid #CCC;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Manrope Bold';
    font-size: 17px;
    padding: 13px 24px;
    cursor: pointer;
    transition: 0.5s;
}
.overview-tablinks.active,
.overview-tablinks:hover{
    border-radius: 60px;
    background: #45D8A3;
    color: #000;
}
.img-cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: -10px;
}
.university-details-img{
    display: block;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}
.university-details-img-content{
    position: absolute;
    border-radius: 25px;
    background: linear-gradient(180deg, rgba(28, 117, 188, 0.80) 0%, rgba(39, 170, 225, 0.80) 100%);
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    h5{
        position: absolute;
        bottom: 30px;
        color: #FFF;
        font-family: 'Manrope Bold';
        font-size: 22px;
        font-style: normal;
        font-weight: normal;
        line-height: 168.182%;
    }
}
.university-details-logo{
    position: absolute;
    left: 15px;
    top: 8px;
}
.mb-25{
    margin-bottom: 25px;
}
.university-play-btn{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #45D8A3;
    outline: 6px solid #45d8a354;
}
.overview-logo{
    width: 326px;
    height: 296px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: #FFF;
    box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.11);
    float: left;
    margin-right: 22px;
}
.overview-content{
    display: none;
    h2, h3, h4{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 30px;
        font-style: normal;
        font-weight: normal;
        line-height: 50%;
        margin-bottom: 24px;
        position: relative;
        display: inline-block;
        &::after{
            content: '';
            position: absolute;
            left: 0;
            bottom: -15px;
            width: 27px;
            height: 1px;
            background: #FAB200;
        }
    }
    h3{
        font-size: 26px;
    }
    h4{
        font-size: 24px;
    }
    .table-container {
        margin-top: 25px;
        background: #F7F7F7;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        border-radius: 15px;
        border-left: 2px solid #FAB200;
        overflow: hidden;
        margin-bottom: 50px;
    }
    table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #ECECEC;
        border-radius: 15px;

    }
    th, td {
        padding: 10px;
        padding-left: 25px;
        text-align: left;
        border-bottom: 1px solid #ddd;
        font-size: 17px;
        a{
            color: #000;
            &:hover{
                color: #FAB200;
            }
        }
    }
    th {
        width: 30%;
        border-right: 1px solid #C5C5C5;
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 17px;
        font-style: normal;
        font-weight: normal;
        line-height: 100%;
    }
    tr:hover {
        background-color: #f1f1f1;
    }
    ul, ol{
        margin-bottom: 40px;
        li{
            color: #000;
            font-family: 'Manrope Regular';
            font-size: 17px;
            font-style: normal;
            font-weight: normal;
            line-height: 41px;
            position: relative;
            padding-left: 24px;
            &::before{
                content: '';
                position: absolute;
                left: 0;
                top: 14px;
                width: 14px;
                height: 14px;
                background: url(../img/university-details-ul-li-arrow.webp) no-repeat;
                background-size: contain;
            }
        }
    }
    ol{
        list-style-type: decimal;
        padding-left: 20px;
        li{
            padding-left: 0;
            &::before{
                display: none;
            }
        }
    }
}
.overview-content.active{
    display: block;
}
.overview-content .uk-courses-item {
    h3 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 5px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        position: static !important;
        color: #000 !important;
        &::after {
            display: none !important;
        }
    }
    h4 {
        color: #FAB200 !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        position: static !important;
        &::after {
            display: none !important;
        }
    }
    .info h5 {
        font-size: 17px !important;
        line-height: 1.2 !important;
        margin-bottom: 0 !important;
        position: static !important;
        display: block !important;
        &::after {
            display: none !important;
        }
    }
    p {
        line-height: 1.5 !important;
    }
}
.overview-img{
    border-radius: 29px;
    overflow: hidden;
    float: right;
    margin-left: 20px;
}
.gateway{
    padding: 25px;
    border-radius: 22px;
    background: #FFF7E3;
    position: relative;
    margin-bottom: 30px;
    h2{
        color: #141414;
        font-family: 'Manrope Bold';
        font-size: 40px;
        font-style: normal;
        font-weight: normal;
        line-height: 107.5%;
        margin-bottom: 20px;
        width: 60%;
        &::after{
            display: none;
        }
    }
    img{
        position: absolute;
        right: 10px;
        height: 100%;
        bottom: 0;
    }
}
.uk-connect-banner{
    &::after{
        display: none;
    }
}
/******* UK Universities connect details ******/
.uk-university-connect-dtls{
    .section-title, .title{
        color: #1F1F1F;
        margin-bottom: 0;
        margin-top: 0;
    }
    .form-control{
        border-radius: 7px;
        border: 1px solid #CFCFCF;
        background: #FFF;
    }
    .form-control::placeholder{
        color: #767676;
    }
    form {
        label {
            color: #989898;
        }
    }
    form .primary-btn {
        padding: 19px 31px;
        color: #000;
        cursor: pointer;
        display: inline-block;
        background: #FAB200;
        &:hover{
            background: #2A3265;
            color: #FFF;
        }
    }
    .us-dtls-card{
        display: flex;
        align-items: center;
        gap: 70px;
        margin-bottom: 20px;
        border-bottom: 1px solid #CCC;
        height: 110px;
        margin-bottom: 0;
        h4{
            width: 20%;
            font-size: 24px;
        }
        p{
            width: 70%;
            color: #171717;
        }
        p a{
            color: #171717;
            &:hover{
                color: #FAB200;
            }
        }
    }
    .row{
        .col-lg-6:first-child{
            padding-right: 100px;
        }
    }
}
.get-title{
    margin-top: 48px;
    color: #171717;
    font-family: 'Manrope SemiBold';
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 127.778%;
    margin-bottom: 16px
}
.contact-social-links{
    display: flex;
    align-items: center;
    gap: 12px;
    a{
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #2A3265;
        &:hover{
            background: #FAB200;
        }
    }
}
.uk-map{
    margin-bottom: 100px;
}

/* USA Location */
.usa-header{
    .primary-btn{
        border-radius: 8px;
        background: #45D8A3;
    }
}
    .usa-inner-banner{
        & .banner-content {
        h1 {
            font-size: 48px;
        }
        p {
        color: #FFF;
        font-family: 'Manrope SemiBold';
        font-size: 22px;
        font-style: normal;
        font-weight: normal;
        line-height: 140%;
        margin-bottom: 20px;
    }
    .search-box{
        position: relative;
        .primary-btn{
            position: absolute;
            top: 5px;
            right: 5px;
            border-radius: 6px;
        }
    }
    }
    }
.usa-courses-listing{
    
    .uk-courses-item {
        margin-bottom: 20px;
        box-shadow: none;
    padding: 10px;
    height: auto;
    border-radius: 16px;
    border: 1px solid #EEE;
    background: #F8F8F8;
    .course-img {
        position: relative;
        overflow: hidden;
        border-radius: 16px;
        height: 270px;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
        .course-content h4 {
        margin-bottom: 7px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #8D8D8D;
        font-family: 'Manrope Medium';
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
    }
        .course-info {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
        margin: 0;
        border-top: 0;
        padding-bottom: 16px;
        padding-top: 10px;
        img {
            top: 3px;
        }
    }
    .primary-btn{
        width: auto;
        border-radius: 10px;
    }
    p{
        line-height: 150%;
    }
}
.title-md{
    margin-bottom: 20px;
    font-size: 27px;
}
.section-title{
    margin-bottom: 33px;
    color: #161616;
    font-size: 34px;
}
.filters{
  padding:20px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 0 10px rgba(0,0,0,.08);
}

.filter-box{
  border-bottom:1px solid #eee;
  padding-bottom:15px;
  margin-bottom:20px;
  &:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.filter-box h3{
  margin-bottom:12px;
  font-size: 20px;
}

.check-item{
  display:flex;
  justify-content:space-between;
  padding:10px 12px;
  cursor:pointer;
  border-radius:6px;
  font-size: 17px;
}
.check-item:has(input:checked) {
  background: #f3f3f3;
}
.check-item:hover{
  background:#f3f3f3;
}

.check-item input{
  accent-color:#f6a400;
}

.subject-dropdown{
  position:relative;
}

.search-box{
  display:flex;
  border:1px solid #ddd;
  border-radius:8px;
  overflow:hidden;
  cursor:pointer;
  margin-bottom: 4px;
}

.search-box input{
  flex:1;
  padding:10px;
  border:none;
  outline:none;
}

.search-btn{
  border: none;
cursor: pointer;
width: 36.836px;
height: 32.134px;
border-radius: 6px;
background: linear-gradient(0deg, #FAB200 0%, #FAB200 100%), #FFF;
margin-top: 1px;
margin-right: 2px;
}

.subject-list{
  width:100%;
  background:#fff;
  border:1px solid #eee;
  border-radius:10px;
  margin-top:10px;
  max-height:220px;
  overflow-y:auto;
  padding-right: 10px;
  .check-item input {
        accent-color: #45D8A3;
    }
    .check-item:has(input:checked) {
  background: #EEFFF9;
}
}
}
.usa-inner-banner,.usa-course-details{
    .primary-btn{
        border-radius: 8px;
    }
}
.usa-course-details{
    .uk-courses-details-content{
        padding: 0;
        background: transparent;
    }
.ondemand {
    border-left: 4px solid #FAB200;
    .primary-btn{
        background: #FAB200;
    }
}
.uk-course-details-sidebar {
    background: #F6F6F6;
}
}
.usa-application-process-banner{
    .primary-btn{
        background: #FAB200;
    }
}
.usa-application-process-form{
    label{
        color: #150050;
        font-family: 'Manrope Bold';
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 93.75%;
        display: block;
        margin-bottom: 11px;
    }
    & form {
        & .btn-group {
            .primary-btn {
                padding: 17px 40px;
            }
        }
    }
    .primary-btn{
        border-radius: 8px;
        color: #000;
    }
}
.process-box{
    border-radius: 28px;
    border: 1px solid #E9E9E9;
    background: #F9F9F9;
    padding: 30px;
    .process-img{
        border-radius: 28px;
        overflow: hidden;
        height: 100%;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .primary-btn{
        border-radius: 8px;
    }
}
.usa-our-process{
    .course-menu {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    padding: 0;
    li {
        background: #FFF;
        font-size: 17px;
        font-family: 'Manrope SemiBold';
        padding: 7px 16px;
        border-bottom: 1px solid rgb(184 184 184 / 20%);
        transition: all .5s;
        color: #555555;
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        border-radius: 12px;
        border: 1px solid #E8E8E8;
        margin-bottom: 10px;
        height: 54px;
        img{
            filter: grayscale(1);
        }
        &:hover, &.active {
            border-radius: 20px;
            box-shadow: none;
            border-color: #FFF0E8;
            transform: none;
            color: #000;
            border-radius: 12px;
            border: 1px solid #150050;
            background: #FEFAF2;
            img{
                filter: unset;
            }
        }
    }
}
}
/******************************************
        USA Folder
********************************************/
/* University Details Page */
.usa-inner-banner{
    .col-lg-7{
        display: flex;
        align-items: center;
        gap: 30px;
        padding-bottom: 100px;
    }
    .banner-content{
        margin-top: 0;
    }
    .banner-logo{
        width: 204px;
        height: 186px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 18px;
        background: #FFF;
        box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.11);
    }
}
.usa-university-details-banner::after{
    position: absolute;
    content: '';
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.00) 100%);
}
.usa-university-details{
    padding-bottom: 60px;
    margin-top: 0;
    .container{
    background: #F6FAFF;
        margin-top: -210px;
        padding-inline: 20px;
        border-radius: 16px;
        position: relative;
        z-index: 2;
    }
    .university-category-item {
        border-radius: 8px;
        border: 1px solid #EBEBEB;
        background: #FFF;
        padding: 20px;
        h4 {
            color: #000;
            font-family: 'Manrope Bold';
            font-size: 20px;
            font-style: normal;
            font-weight: normal;
            line-height: 50%;
            margin-bottom: 35px;
            position: relative;
            display: inline-block;
            &::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: -15px;
                width: 27px;
                height: 1px;
                background: #FAB200;
            }
        }
        .overview-tablinks{
            color: #676767;
            font-family: 'Manrope Regular';
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
            line-height: 227.778%;
            padding: 0;
            background: none;
            border: none;
            text-align: left;
            margin-bottom: 0;
            transition: 0.6s;
        }
        .overview-tablinks.active{
            color: #2A2A2A;
            font-family: 'Manrope SemiBold';
        }
        .overview-tablinks:hover{
            color: #2A2A2A;
        }
    }
}
.usa-gateway{
    background: #E9E9E9;
    .primary-btn{
        border-radius: 10px;
    }
}
.usa-boading-class{
    background: url(../img/usa/boading-class-education2.webp) no-repeat;
    background-size: cover;
    position: relative;
    .container{
        background: transparent;
        padding: 65px 0;
        &::before{
            display: none;
        }
    }
    &::before{
        position: absolute;
        content: '';
        inset: 0;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.30) 41%, rgba(102, 102, 102, 0.00) 100%);
    }
    .primary-btn {
        background: #FAB200;
        color: #000;
        border-radius: 8px;
        &:hover{
            color: #FFF;
        }
    }
}
.usa-univercity-banner.banner{
    background: #FAB200;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
    .container{
        .banner-content{
            margin: 0;
        }
        position: relative;
        h1,p{
            color: #000;
        }
        p{
            margin: 0;
        }
    }
}
.usa-universities-listing{
    
.filter-card{
    width:100%;
    background:white;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.filter-header{
    background:#3d336b;
    color:white;
    padding:14px;
    font-weight:bold;
}

.filter-title{
    padding: 11px 22px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    color: #0F0F0F;
    font-family: 'Manrope SemiBold';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    position: relative;
}
.filter-group {
    position: relative;
    &::after{
        content: '';
        border-bottom: 1px solid #A1A1A1;
        left: 20px;
        right: 20px;
        bottom: 0;
        position: absolute;
    }
    &:last-child{
        &::after{
            display: none;
        }
    }
}
.filter-list{
    list-style:none;
    padding:0 14px 14px;
    overflow:auto;
    display:none;
}

.filter-group.active .filter-list{
    display:block;
}

.filter-list li{
    padding:8px 14px;
    border-radius:20px;
    cursor:pointer;
    color: #434343;
    transition: all .5s;
    &:hover{
        border-radius: 40px;
        background: #FFF;
        box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.11);
    }
}

.filter-list li.active{
    background:#eee;
}

}
.usa-uni-list{
    border-radius: 20px;
    border: 1px solid #CECECE;
    background: #FFF;
    box-shadow: 0 15px 24px 0 rgba(0, 0, 0, 0.13);
    padding: 20px 40px;
    margin-bottom: 30px;
    h4 a{
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px; 
        margin-bottom: 10px;
    }
    p{
        color: #626262;
    }
    .primary-btn{
        width: 179px;
        height: 48px;
        background: #FAB200;
        &.secondary-btn{
            background: transparent;
            border: 1px solid #C4C4C4;
            margin-top: 15px;
        }
    }
}
.text-end{
    text-align: right;
}
.top-bar{
    padding:14px 0;
}
.course-count {
    background: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}
.top-container{
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 20px;
}

.total-count{
    color: #000;
font-family: 'Manrope SemiBold';
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%;
}

.sort-box{
    font-size:20px;
    color: #626262;
}

.sort-box select{
    border:none;
    background:transparent;
    font-size:20px;
    font-weight:500;
    cursor:pointer;
    outline:none;
}
.usa-contact-page{
    .primary-btn{
        border-radius: 8px;
        margin-top: 15px;
    }
}
.usa-contact-address{
    .container{
        background: #FFFDEF;
        padding: 30px;
        margin-bottom: 50px;
    }
}
.usa-why-chooose-img{
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    &::after{
        position: absolute;
        content: '';
        inset: 0;
        border-radius: 8px;
        background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 18.4%, rgba(21, 0, 80, 0.47) 68.98%);
    }
}
.usa-why-choose-box{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.06);
    transition: 0.6s;
    height: 100%;
    &:hover{
        box-shadow: 0 4px 13px 0 rgb(0 0 0 / 40%);
        .usa-why-chooose-img{
            img{
                scale: 1.1;
            }
            .usa-why-choose-icon{
                img{
                    transform: rotateY(180deg)
                }
            }
        }
    }
}
.usa-why-choose-icon{
    width: 52px;
    height: 52px;
    background: #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 4px solid rgba(255, 255, 255, 0.59);
    position: absolute;
    left: 15px;
    bottom: 10px;
    z-index: 2;
}
.usa-why-chooose-content{
    padding: 10px 12px;
    padding-bottom: 20px;
    h3{
        color: #150050;
        font-family: 'Manrope Bold';
        font-size: 25px;
        font-style: normal;
        font-weight: normal;
        line-height: 108%;
        margin-bottom: 10px
    }
    p{
        font-size: 16px;
        line-height: 137.5%;
    }
    .primary-btn{
        font-size: 16px;
        color: #272727;
        border-radius: 8px;
        background: #FAB200;
        &:hover{
            color: #FFF;
        }
    }
}
.section-title-black{
    color: #222;
}
.usa-step-card{
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.08);
    padding: 15px;
    margin-top: 18px;
    display: flex;
    align-items: start;
    gap: 15px;
    transition: 0.6s;
    img{
        width: 99px;
        height: 99px;
        border-radius: 50%;
    }
    h3{
        color: #150050;
        font-family: 'Manrope Bold';
        font-size: 26px;
        font-style: normal;
        font-weight: normal;
        line-height: 142.308%;
    }
    p{
        line-height: 155.556%;
    }
    &:hover{
        scale: 1.01;
        box-shadow: 0 4px 13px 0 rgb(0 0 0 / 38%);
    }
}
.usa-step-img{
    img{
        width: 100%;
        margin-top: auto;
        border-radius: 64px 0 0 0;
    }
}
.usa-importance{
    .container{
        padding-inline: 50px;
    }
}
.usa-importance-box{
    border-radius: 20px;
    background: #150050;
    padding: 10px;
    padding-right: 0;
}
.usa-importance-img{
    border-radius: 20px;
    overflow: hidden;
}
.usa-importance-card{
    display: flex;
    align-items: start;
    gap: 20px;
    margin-bottom: 30px;
    transition: 0.5s;
    h3{
        color: #FFF;
        font-family: 'Manrope Bold';
        font-size: 26px;
        font-style: normal;
        font-weight: normal;
        line-height: 142.308%;
        margin-bottom: 3px;
        transition: 0.5s;
    }
    p{
        color: #FFF;
        line-height: 155.556%;
        margin-bottom: 0;
        transition: 0.5s;
    }
    &:hover{
        scale: 1.01;
        .usa-importance-icon{
            img{
                transform: rotateY(180deg);
            }
        }
    }
}
.usa-importance-icon{
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.74);
    padding: 20px;
    position: relative;
    z-index: 1;
    &::after{
        position: absolute;
        content: '';
        width: 67px;
        height: 67px;
        left: 50%;
        top: 50%;
        transform: translate(-52%, -50%);
        background: #150050;
        border-radius: 50%;
        border: 2px dashed #FFF;
        z-index: -1;
    }
}
.usa-important-card-content{
    width: 83%;
}
.usa-importance-content{
    padding: 20px;
    height: 100%;
    .usa-importance-card:last-child{
        margin-bottom: 0;
    }
}
.usa-benefits{
    background: #F8F3E6;
    position: relative;
    .section-title{
        width: 85%;
    }
    .col-lg-9{
        padding-right: 60px;
    }
    .uk-service-item{
        height: auto;
        border-radius: 12px;
        background: #FFF;
        box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.08);
        transition: 0.5s;
        img{
            border-radius: 12px;
        }
        .card-title{
            font-size: 26px;
            color: #150050;
        }
        p{
            line-height: 155.556%;
        }
        &:hover{
            scale: 1.01;
        }
    }
}
.usa-benefits-girl{
    position: absolute;
    right: 70px;
    bottom: 0;
    width: 690px;
}
.usa-cc-faq{
    .accordion__title-text::before {
        content: "Q. ";
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        line-height: 128.571%;
    }
    .accordion__item {
        border-radius: 0;
        box-shadow: none;
        
        padding: 0;
        padding-inline: 20px;
    }
    .accordion__item .accordion__title{
        padding: 17px 30px 17px 0px;
        border-bottom: 1px solid #A6A6A6;
        border-radius: 0;
        transition: 0.6s;
    }
    .accordion__item .accordion__title.accordion-active {
        border-bottom: 0;
        padding: 17px 30px 0 0;
    }
    .accordion__item.accordion-item-active{
        border-radius: 10px;
        background: #FAB200;
    }
}
.usa-cc-class{
    background: url(../img/usa/boading-class-education3.webp) no-repeat;
    background-size: cover;
    &::before {
        background: linear-gradient(90deg, rgba(21, 0, 80, 0.42) 30.77%, rgba(102, 102, 102, 0.00) 58.65%);
    }
}
/* scholarship */
.uk-banner.usa-scholarship-banner{
        & .banner-content{
            padding-right: 10%;
            h1{
       font-size: 55px;
    }
    .primary-btn{
        border-radius: 8px;
        background: #FAB200;
    }
        }
    
}
.new-life{
    .primary-btn{
        border-radius: 8px;
        background: #FAB200;
    }
    img{
        margin-bottom: -5px;
    }
}
.study-abroad {
    background: #2A3265;
    .section-title{
        color: #fff;
    }
    .uk-courses-item {
    .primary-btn{
        width: auto;
        border-radius: 8px;
        padding: 17px 46px;
    }
}
}
.scholar-card{
      padding: 50px 14px 18px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 18px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin-top: 30px;


.flag{
  position:absolute;
  top:-30px;
  left:25px;
  width:70px;
  height:70px;
  border-radius:50%;
  overflow:hidden;
  border-radius: 71.5px;
    border: 2px solid #FFF;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
}

.flag img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.scholar-card h3{
  margin-top:20px;
  margin-bottom:15px;
  font-size:22px;
  color:#222;
}

.scholar-list{
  list-style:none;
  padding:0;
  margin:0;
}

.scholar-list li{
  margin:10px 0;
}

.scholar-list li a{
  text-decoration: none;
color: #166DBE;
font-size: 17px;
transition: .3s;
position: relative;
padding-left: 17px;
font-family: 'Manrope Medium';
line-height: 184.059%;
}

.scholar-list li a::before{
  content:"›";
  font-size:22px;
  color: #166DBE;
  position: absolute;
  left: 0;
}

.scholar-list li a:hover{
  transform:translateX(5px);
  text-decoration: underline;
}

.others{
  color:#888;
  margin-top:15px;
}
}
.apply-scholarship {
    border-radius: 16px;
    background: #150050;
    overflow: hidden;
    img{
        width: 100%;
    }
    form{
        padding: 15px;
    }
    .form-group{
        display: block;
    }
    label{
        color: #FFF;
        font-family: 'Manrope Bold';
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 15px;
        margin-bottom: 10px;
        display: block;
    }
    h3{
    color: #FFF;
    font-family: 'Manrope Extra Bold';
    font-size: 38px;
    font-style: normal;
    font-weight: 800;
    line-height: 47px;
    text-align: center;
    width: 50%;
    margin-inline: auto;
    margin-top: -122px;
    margin-bottom: 25px;
}
}
.scholar-faq {
    background: #F9F6EF;
    .accordion__item .accordion__title {
    border-bottom: 0;
}
.accordion__item .accordion-active {
    border-color: #a6a6a600;
}
.accordion__item{
    border-bottom: 1px solid #A6A6A6;
}
.section-title {
    color: #000000;
}
}
.usa-connect-banner{
    .col-lg-7 {
        padding-bottom: 0;
    }
}
.usa-course-details-banner{
    .col-lg-7{
        padding-bottom: 0;
    }
}
.application-boading-class{
    .primary-btn{
        border-radius: 8px;
    }
}
.usa-courses-banner{
    &::after {
        display: none;
    }
}
.usa-courses-header{
    &::after{
        display: none;
    }
}
/* USA Home PAge */
.uk-home-banner{
    .container{
        position: absolute;
    }
    .banner-content{
        h1{
            font-size: 85px;
            line-height: 101.176%;
        }
        p{
            font-family: 'Manrope SemiBold';
        }
    }
    .banner-girl{
        position: absolute;
        bottom: 0;
        right: 15%;
    }
}
.yellow-back-btn{
    background: #FAB200;
    border-radius: 8px;
    padding: 18px 28px;
}
.usa-launch-content{
    .section-title{
        color: #222;
    }
}
.usa-counter{
    background: #F4F4F4;
    padding-block: 60px;
    .counter-item {
        h3 {
            color: #000;
            .plus{
                color: #FAB200;
            }
        }
    }
}
.find-usa-degree{
    background: url(../img/usa/find-usa-bg.webp) no-repeat;
    background-size: cover;
    padding-block: 90px;
}
.find-usa-box{
    background: #FFF;
    padding: 40px;
    ul{
        padding-left: 30px;
        li{
            list-style-type: disc;
            &::marker {
                color: #110053;
                font-size: 24px;
            }
            a{
                color: #2A3265;
                font-family: 'Manrope Medium';
                font-size: 20px;
                font-style: normal;
                font-weight: normal;
                line-height:  230%;
                text-decoration-line: underline;
                text-decoration-style: solid;
                text-decoration-skip-ink: auto;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
                transition: 0.5s;
                &:hover{
                    color: #FAB200;
                }
            }
        }
    }
}
.find-usa-card{
    text-align: center;
    img{
        margin-bottom: 5px;
        transition: 0.5s;
    }
    p{
        color: #2A3265;
        font-size: 20px;
        font-family: 'Manrope SemiBold';
        line-height: 112.5%;
        transition: 0.5s;
    }
    &:hover{
        img{
            filter: brightness(0) saturate(100%) invert(76%) sepia(25%) saturate(5159%) hue-rotate(0deg) brightness(102%) contrast(104%);
            transform: rotateY(180deg);
        }
        p{
            color: #FAB200;
        }
    }
}
.usa-abroad-study{
    counter-reset: section;
    .row{
        position: relative;
        z-index: 1;
        .col{
            position: relative;
            &::after{
                position: absolute;
                content: '';
                width: 37px;
                height: 37px;
                background: url(../img/usa/abroad-usa-arrow.webp) no-repeat;
                background-size: contain;
                right: 0;
                top: 13.5%;
            }
        }
        .col:nth-child(4),
        .col:nth-child(5),
        .col:nth-child(6){
            &::after{
                top: 17%;
            }
        }
        .col:nth-child(3){
            &::after{
                top: 75%;
                right: -30px;
                rotate: 90deg;
            }
        }
        .col:last-child{
            &::after{
                display: none;
            }
        }
        &::after {
            position: absolute;
            content: '';
            width: 115%;
            height: 56%;
            background: url(../img/usa/abroad-usa-lines.webp) no-repeat;
            background-size: 100%;
            right: -15px;
            top: 42%;
            transform: translateY(-50%);
            z-index: -1;
        }
    }
}
.usa-abroad-study-card{
    text-align: center;
    margin-bottom: 70px;
    &:hover{
        .usa-abroad-study-icon {
            img{
                transform: rotateY(180deg);
            }
        }
        .usa-abroad-study-content{
            h3{
                color: #FAB200;
            }
            &::after {
                color: #FAB200;
            }
        }
    }
}
.usa-abroad-study-icon{
    width: 139px;
    height: 139px;
    background: #150050;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    outline: 12px solid rgba(21, 0, 80, 0.10);
    position: relative;
    margin-inline: auto;
    margin-bottom: 60px;
    &::after{
        position: absolute;
        content: '';
        width: 163px;
        height: 163px;
        background: transparent;
        border-radius: 50%;
        border: 1px dashed #000;
    }
}
.usa-abroad-study-content{
    position: relative;
    h3{
        color: #150050;
        font-family: 'Manrope Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 112.5%;
        transition: 0.4s
    }
    &::after{
        position: absolute;
        counter-increment: section;
        content: counter(section);
        color: #000;
        font-family: 'Manrope Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 112.5%;
        left: 50%;
        transform: translateX(-50%);
        top: -30px;
        transition: 0.4s
    }
}
.usa-graduate{
    background: #060761;
    .section-title{
        color: #fff;
    }
}
.usa-graduate-card{
    border: 1px solid #060761;
    &:hover{
        .usa-graduate-content{
            background: #0B0C38;
            transition: 0.4s;
            h3, p{
                color: #fff;
            }
        }
        .explore-btn{
            color: #fff;
            img{
                filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(82deg) brightness(97%) contrast(98%);
            }
        }
    }
}
.usa-graduate-content{
    background: #FFF;
    padding: 25px;
    transition: 0.5s;
    h3{
        color: #150050;
        font-family: 'Manrope Bold';
        font-size: 25px;
        font-style: normal;
        font-weight: normal;
        line-height: 108%;
        margin-bottom: 8px;
        transition: 0.5s;
    }
    p{
        line-height: 144.444%;
        transition: 0.5s;
    }
}
.explore-btn{
    color: #272727;
    font-family: 'Manrope Bold';
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 93.75%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    transition: 0.4s;
}
.graduate-usa-img{
    width: 100%;
    height: 314px;
    object-fit: cover;
    margin-bottom: -2px;
}
.usa-universities{
    background: #F4FBFF;
}
.usa-higher-education{
    background: url(../img/usa/higher-education-usa-bg.webp) no-repeat;
    background-size: cover;
    .section-title{
        color: #fff;
    }
}
.usa-higher-education-card{
    position: relative;
    h3{
        width: 70%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
        display: inline-block;
        text-align: center;
        color: #FFF;
        font-family: 'Manrope SemiBold';
        font-size: 18px;
        font-style: normal;
        font-weight: normal;
        line-height: 150.444%;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 46.74%, rgba(102, 102, 102, 0.00) 100%);
        padding: 10px 50px;
        span{
            font-family: 'Manrope Extra Bold';
            font-size: 24px;
        }
    }
    &:hover{
        h3{
            width: 100%;
        }
    }
}
.student-essentials-img{
    position: relative;
    text-align: center;
    height: 100%;
    overflow: hidden;
    p{
        width: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
        color: #FFF;
        font-family: 'Manrope Bold';
    }
    &:hover{
        img{
            scale: 1.1;
        }
    }
}
.student-essentials-content{
    padding-right: 50px;
}
.usa-student-testimonial-img{
    border-radius: 30px;
    overflow: hidden;
}
.usa-student-testimonial-box{
    position: relative;
    z-index: 1;
    &::after{
        position: absolute;
        content: '';
        width: 90%;
        height: 110%;
        background: #FAB200;
        border-radius: 16px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }
}
.usa-student-testimonial-content{
    padding-right: 50px;
    padding-left: 40px;
    p{
        font-family: 'Manrope Medium';
        font-size: 25px;
        line-height: 164%;
    }
    .profile {
        margin-top: 25px;
    }
}
.usa-student-testimonial-slider{
    .slick-track{
        padding-block: 35px;
    }
    .slick-slide {
        margin: 0 10px;
    }
    .slick-dots {
        li {
            width: 8px;
            height: 8px;
            margin-inline: 5px;
            border-radius: 50%;
            background: #D9D9D9;
        }
        .slick-active {
            background: #150050;
            outline: none;
        }
        li button {
            opacity: 0;
            width: 100%;
        }
    }
}
.usa-book-form{
    background: url(../img/usa/usa-book-form-bg.webp) no-repeat;
    background-size: cover;
    .section-title{
        color: #fff;
    }
}
.usa-book-form-box{
    .form-control{
        border-radius: 7px;
        border: 1px solid #FFF;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        background: transparent;
        color: #FFF;
    }
    .form-control::placeholder{
        color: #FFF;
    }
    .form-group{
        margin-bottom: 12px;
    }
    .form-control option{
        color: #000;
    }
    form .primary-btn{
        width: 100%;
        border-radius: 8px;
        background: #FAB200;
        color: #000;
        padding: 18px 50px;
        &:hover{
            background: #FFDF2B;
        }
    }
}
/* UK Application Process */
:root {
            --color1: #F04C00; 
            --color2: #1C75BC; 
            --color3: #150050;
            --color4: #45D8A3; 
            --color5: #FAB200; 
            --color6: #27AAE1;
            --color7: #34495E;
        }
.application-process{
    padding-block: 70px;
    .section-title{
        margin-bottom: 8px;
    }
    .main-wrapper {
            padding-inline: 90px;
            margin: 0 auto;
            display: flex;
            flex-direction: column-reverse; /* Step 01 at bottom, 07 at top */
            gap: 12px;
            .process-list:not(:last-child){
            margin-top: -240px;
        }
        .process-list{
            margin-left: auto;  
        }
    }

        /* Precise Staircase Offsets */
        .row-1 { width: 99%; }
        .row-2 { width: 84%; }
        .row-3 { width: 70%; }
        .row-4 { width: 56%; }
        .row-5 { width: 42%; }
        .row-6 { 
            width: 28%;
         }
            .row-7 {
                margin-left: auto;
                width: 13%;
            }

        /* Step Box Styling */
        .step-box {
                width: 217px;
        height: 84px;
        display: flex;
        align-items: center;
        position: relative;
        flex-shrink: 0;
        color: #FFF;
        font-family: 'Manrope Bold';
        font-size: 32px;
        font-style: normal;
        font-weight: normal;
        line-height: 28px;
        clip-path: polygon(85.319% 0%, 0% 0%, 0% 100%, 85.319% 100%, 100% 50%, 85.319% 0%);
        text-align: left;
        padding-left: 30px;
        margin-top: 10px;
        margin-bottom: 15px; 
        }

       

        /* Floating Icons */
        .icon-top {
            position: relative;
        }

        /* Text Content */
        .info-text {
            width: 217px;
            flex-shrink: 0;
        }

        .info-text h4 {
            margin: 0;
            text-transform: capitalize;
            color: #000;
            font-family: 'Manrope Bold';
            font-size: 19px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            margin-bottom: 8px;
        }

        .info-text p {
        color: #161616;
        font-family: 'Manrope Regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        }

        /* Progress Bar Area */
        .bar-container {
            flex-grow: 1;
            display: flex;
            align-items: center;
        }

        .bar-rail {
            height: 10px;
            background: #ededed;
            border-radius: 10px;
            width: 100%;
            overflow: hidden;
        }

        .bar-fill {
            height: 100%;
            border-radius: 10px;
        }

        /* Right Side Caption */
        .right-caption {
        text-align: right;
        font-family: 'Manrope Bold';
        color: #000;
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 10px;
        }
        
        /* Colors and Widths */
        .bg1 { background: var(--color1); } .f1 { width: 33%; background: var(--color1); }
        .bg2 { background: var(--color2); } .f2 { width: 42%; background: var(--color2); }
        .bg3 { background: var(--color3); } .f3 { width: 48%; background: var(--color3); }
        .bg4 { background: var(--color4); } .f4 { width: 40%; background: var(--color4); }
        .bg5 { background: var(--color5); } .f5 { width: 49%; background: var(--color5); }
        .bg6 { background: var(--color6); } .f6 { width: 66%; background: var(--color6); }
        .bg7 { background: var(--color7); } .f7 { width: 85%; background: var(--color7); }

}
.start-your-application{
    .container{
        background: #F9F6EF;
        padding-top: 50px;
        padding-bottom: 100px;
    }
    label {
    color: #150050;
    font-family: 'Manrope Bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    display: block;
    margin-bottom: 10px;
}
.form-control{
border-radius: 7px;
&::placeholder{
    color: #939393;
}
}
}
.partner-with-us-banner{
    h1 {
        color: #150050;
    }
    p{
        color: #262626;
    }
    .secondary-btn{
        border: 2px solid #150050;
        color: #150050;
    }
 
.banner-content {
        margin-top: -40px;
    }
}
.partner-with-us-tabs{
    .course-menu {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
        li {
        font-size: 16px;
        padding: 8px 17px;
        transition: all .5s;
        color: #040307;
        display: inline-block;
        align-items: center;
        cursor: pointer;
        border-radius: 60px;
        border: 2px solid #150050;
        background: #F5F2FF;
        min-width: 192px;
        text-align: center;
        margin: 0 6px;
                &:hover, &.active {
            border-radius: 60px;
            box-shadow: none;
            border-color: #150050;
            transform: unset;
            color: #ffffff;
            background: #150050;
        }
    }
}
.process-box {
    border: 0;
    padding: 44px;
    border-radius: 23px;
    background: #FBF8EF;
    .primary-btn{
        border-radius: 60px;
    }
    h4{
    color: #150050;
    font-family: 'Manrope Bold';
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin-block: 10px;
    }
}
}
.join-gee-bee{
    .title-md {
    line-height: 115.625%;
    margin-bottom: 17px;
}
}
.partner-with-us-cta{
    .container{
        background: #060761;
        padding: 25px 90px;
        .primary-btn{
            background: #fff;
            color: #000;
            &::after,
            &::before{
                background: #45D8A3;
            }
        }
        p span{
            color: #45D8A3;
            cursor: pointer;
        }
    }
}
.australia-courses{
    background-color: #fff;
    .section-title{
        color: #0D0D0D;
    }
    p{
        color: #161616;
    }
    & .uk-courses-item {
        border-radius: 20px;
        border-width: 2px;
        border-style: solid;
        border-color: rgb(234, 234, 234);
        border-image: initial;
        background: rgb(255, 255, 255);
        box-shadow: none;
        padding: 20px;
        .course-img img {
        width: 100%;
        height: 274px;
        object-fit: cover;
        border-radius: 20px;
    }
    }
    .courses-meta {
    border-radius: 6px;
        background: #45D8A3;
        display: inline-flex;
        gap: 8px;
        padding: 8px;
        margin-bottom: 10px;
        color: #000;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    span{
        display: flex;
        align-items: center;
        gap: 5px;
    }
    }
}
.why-study-in-australia{
    padding-bottom: 100px;
    .wsa {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 43%;
}
.col-lg-7 {
    .para{
    margin-bottom: 60px;
}
.col-md-6{
    padding-right: 10%;
    h3{
        margin-bottom: 17px;
    }
    img{
        margin-bottom: 14px;
    }
}
}
}
.book-free-consult{
    background-image: url(../img/usa/australia-book-free-consult.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding-block: 70px;
    .section-title{
        color: #fff;
        text-align: center;
    }
    .container{
        padding-inline: 15%;
    }
    .primary-btn{
        width: 100%;
        border-radius: 8px;
        background: #FAB200;
        color: #272727;
    }
    .form-control{
        border: 1px solid #fff;
        color: #fff;
        background: transparent;
        & option{
            color: #000;
        }
    }
    ::placeholder{
        color: #fff;
    }

}
.upcoming-intakes{
    .section-title{
        color: #0D0D0D;
    }
    .col-lg-4{
        border-right: 1px solid #CECECE;
    }
    .row .col-lg-4:last-child{
        border-right: 0;
    }
}
.up-intaks{
    text-align: center;
    padding-inline: 10%;
    img{
        width: 292px;
        height: 292px;
        border-radius: 50%;
        object-fit: cover;
        margin-inline: auto;
        margin-bottom: 29px;
    }
    h3{
        margin-bottom: 20px;
    }
}
.cost-study {
  background: #F9F6EF;
  padding: 80px 20px;
  .section-title{
    color: #0D0D0D;
  }
  
}

.cost-study .container {
  text-align: center;
}


.cost-study .short-name h3 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #0D0D0D;
  width: 50%;
    margin-inline: auto;
}

.cost-study .short-name p {
  max-width: 80%;
    margin: 0 auto 20px;
    color: #161616;
    text-align: center;
    font-family: 'Manrope Bold';
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    &.normal{
    font-family: 'Manrope Regular';
    font-weight: normal;
  }
}

.cost-study hr {
  margin: 40px auto;
  border: none;
  border-top: 1px solid #ddd;
  width: 80%;
}

/* TABLE */
.cost-study .table-wrap {
  margin-top: 30px;
}

.cost-study .table-wrap table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  text-align: left;
}

/* HEADER */
.cost-study .table-wrap thead {
  background: #45D8A3;
}

.cost-study .table-wrap thead th {
      padding: 14px 25px;
    text-align: left;
    color: #000;
    font-family: 'Manrope Extra Bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
}

/* BODY */
.cost-study .table-wrap tbody tr {
  border-bottom: 1px solid #eee;
}

.cost-study .table-wrap tbody tr:last-child {
  border-bottom: none;
}

.cost-study .table-wrap tbody td {
  padding: 25px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    border: 1px solid #C5C5C5;
}
.cost-living{
    background: #fff;
.table-wrap thead {
    background: #150050;
}
.table-wrap thead th {
    color: #fff;
}
}
.visa-section {
  font-family: 'Poppins', sans-serif;
}

.visa-section .container {
  max-width: 1200px;
  margin: auto;
}

/* GRID */
.visa-section .visa-grid {
  display: flex;
}

/* COMMON */
.visa-section .visa-item {
  width: 50%;
  padding: 80px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* LEFT SIDE */
.visa-section .visa-left {
  background: url(../img/usa/australia-student-visa.webp) center/cover no-repeat;
  color: #fff;
  p{
    color: #fff;
  }
}

/* RIGHT SIDE */
.visa-section .visa-right {
  background: #f5a700;
  color: #000;
}

/* HEADING */
.visa-section .short-name h2 {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 20px;
}

.visa-section .short-name p {
  line-height: 1.7;
  margin-bottom: 25px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/* BUTTON */
.visa-section .short-name .primary-btn {
  border-radius: 8px;
  background: #f5a700;
}


/* RIGHT BTN */
.visa-section .visa-right .btn {
  background: transparent;
  color: #000;
  border: 1px solid #000;
  &:hover{
    color: #fff;
    border-color: #fff;
  }
}

/* HOVER */
.visa-section .short-name .btn:hover {
  transform: translateY(-2px);
}

/* HIGHLIGHT NUMBER */
.visa-section .highlight {
  background: #ff4d4d;
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
}
.vid-testi-item-box{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    z-index: 0;
    height: 606px;
    .img-cover{
        object-position: center;
    }
    &:hover{
        .play-btn{
            scale: 1.1;
            box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.103);
        }
    }
}
.vid-testi-item-content{
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 20px;
    border-radius: 20px;
    background: rgba(93, 89, 89, 0.26);
    backdrop-filter: blur(25px);
    padding: 25px 30px;
    opacity: 0;
    transition: 0.5s;
    h3{
        color: #FFF;
        font-family: 'Manrope Bold';
        font-size: 30px;
        font-style: normal;
        font-weight: normal;
        line-height: normal;
    }
    p{
        font-size: 20px;
        color: #FFF;
    }
    .play-btn{
        position: absolute;
        top: -40px;
        right: 40px;
        width: 88px;
        height: 88px;
        background: #060761;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        transition: 0.4s;
        img{
            margin-left: 10px;
        }
    }
}
.vid-testi-slider {
    position: relative;
    z-index: 200;
    width: 100%;
    .slick-slide:after {
        content:'';
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,.5);
        border-radius: 20px;
    }
    .slick-center:after {
        opacity: 0;
    }
    .slick-arrow{
        border-radius: 0;
        background: none;
        width: 20px;
        height: 35px;
        &::before{
            content: '';
            width: 100%;
            height: 100%;
            inset: 0;
            background-size: contain;
            border: none;
            background: url(../img/usa/vid-testi-arrow.webp) no-repeat;
            transform: rotate(0);
        }
    }
    .slick-arrow.slick-prev{
        left: -55px;
        &::before{
            transform: rotate(180deg);
        }
    }
    .slick-next {
        right: -55px;
    }
}
.vid-testi-item.slick-slide {
  transition: transform .4s;
  position: relative; 
}
.vid-testi-item.slick-slide {
  transform: scale(0.6) translate(1025px, 70px);
}
.vid-testi-item.slick-slide.slick-center + .slick-slide {
  transform: scale(0.8) translate(-350px, 30px);
  z-index: 10;
}
.vid-testi-item.slick-slide.slick-center + .slick-slide + .vid-testi-item.slick-slide {
  transform: scale(0.6) translate(-1025px, 70px);
  z-index: 5;
}
.vid-testi-item.slick-slide.slick-active {
  transform: scale(0.8) translate(350px, 30px);
}
.vid-testi-item.slick-slide.slick-center {
  transform: scale(1);
  z-index: 30;
  .vid-testi-item-box{
        z-index: 2;
    }
  .vid-testi-item-content{
    opacity: 1;
  }
}
.vid-testi-item {
  will-change: transform;
}
.vid-testi-item.slick-slide {
  transition: transform 0.6s ease, opacity 0.6s ease;
}
.explore-graduation{
    background: url(../img/usa/find-usa-bg.webp) no-repeat;
    background-size: cover;
    padding-block: 90px;
}
.explore-gra-card{
    border-radius: 12px;
    background: #FFF;
    padding: 30px;
    h5{
        color: #060761;
        font-family: 'Manrope Regular';
        font-size: 19px;
        font-style: normal;
        font-weight: normal;
        line-height: 121.053%;
        margin-bottom: 6px;
    }
    h3{
        color: #000;
        font-family: 'Manrope SemiBold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 116.667%;
        margin-bottom: 10px;
    }
    .primary-btn {
        width: auto;
        border-radius: 8px;
        padding: 17px 46px;
        background-color: #FAB200;
    }
}
.explore-dtls{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.lifestyle-card{
    display: block;
    border-radius: 12px;
    overflow: hidden;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: -6px;
    }
    &:hover{
        img{
            scale: 1.05;
        }
    }
}
.mb-30{
    margin-bottom: 30px;
}
.lifestyle-culture{
    .row{
        .col:nth-child(1),
        .col:nth-child(3),
        .col:nth-child(5){
            transform: translateY(85px);
        }
    }
}
.pay-less-box{
    background: url(../img/usa/pay-less-bg.webp) no-repeat;
    background-size: cover;
    padding-block: 70px;
    display: flex;
    align-items: center;
    justify-content: end;
    .section-title{
        color: #FFF;
        margin-bottom: 40px;
    }
    .primary-btn {
        width: auto;
        border-radius: 8px;
        padding: 17px 46px;
        background-color: #FAB200;
    }
}
.pay-less-box-content{
    width: 40%;
    margin-right: 250px;
}
/******************************************
             Responsive 
********************************************/
@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}
@media (max-width: 1600px),
(max-width: 1560px) {
    .fixed-btn {
        top: 50%;
        right: 20px;
    }
    .banner {
        .banner-img{
            right: 0;
            .banner-girl {
                width: 80%;
            }
            .banner-girl-bg{
                width: 80%;
                bottom: 40px;
            }
        }
    }
    .facilities {
        .pink-vector {
            left: 55px;
        }
    }
    .services {
        .service-item{
            min-width: 70vw;
        }
        .bg-white{
            min-width: 15vw;
        }
        .scroll-service {
            padding-left: 160px;
        }
        .vector-yellow {
            left: 85px;
        }
        .pink-vector-bottom {
            bottom: 3px;
        }
    }
    .student-assistance {
        .vector-lamp {
            left: 125px;
        }
        .service-rectangular {
            top: 40px;
            left: 20px;
        }
    }
    .flip-box {
        height: 333px;
    }
    .feature-article {
        .vector-pink {
            left: 75px;
        }
        .vector-star {
            right: 125px;
        }
        .vector-pinkstar {
            left: 95px;
        }
    }
    .faq {
        .vector-pink {
            right: 75px;
        }
    }
    .blog-listing {
        .pink-vector {
            left: 30px;
        }
        .vector-yellow {
            right: 70px;
        }
    }
    .what-we-do {
        padding: 105px 0;
    }
    .what-we-do-img-box{
        width: 37%;
        &::before {
            width: 549.052px;
            top: 118px;
            right: -197px;
        }
    }
    .great-future-box {
        padding-left: 20%;
    }
    .university-details {
        margin-top: 0;
    }
    .usa-benefits-girl {
        right: -90px;
    }
    .usa-boading-class {
        .container {
            padding: 30px 0;
        }
    }
    .usa-university-details-banner{
        .col-lg-7 {
            padding-bottom: 50px;
        }
    }
    .usa-university-details {
        .container {
            margin-top: -115px;
            padding-bottom: 50px;
        }
    }
    .service-banner-img {
        text-align: right;
        img {
            width: 80%;
        }
    }
    .vid-testi-item-box {
        height: 576px;
    }
    .vid-testi-slider {
        .slick-next {
            right: -25px;
        }
        .slick-arrow.slick-prev {
            left: -25px;
        }
    }


}
@media (max-width: 1536px) {
    .application-process {
    .step-box {
        width: 176px;
        height: 70px;
        font-size: 24px;
        padding-left: 23px;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .info-text{
        width: 176px;
    }
    .info-text h4,.right-caption {
        font-size: 15px;
    }
}
}
@media (max-width: 1440px),
(max-width: 1366px) {
    .popup .popup__content{
        width: 60%;
    }
    .title{
        font-size: 40px;
    }
    .form-control{
        padding: 12px 8px;
    }
    .sec-gap{
        padding: 40px 0;
    }
    p{
        font-size: 16px;
    }
    .primary-btn{
        font-size: 17px;
        padding: 13px 20px;
    }
    .section-title{
        font-size: 36px;
    }
    .dec{
        font-size: 18px;
    }
    .logo{
        width: 220px;
    }
    #menu{
        padding-inline: 7px;
    }
    #menu>.main-menu>ul>li>a{
        font-size: 15px;
        padding: 20px 2px;
    }
    #menu>.main-menu>ul>li.has-sub>a::before {
        top: 21px;
    }
    #menu ul ul li a{
        font-size: 17px;
    }
    header.sticky{
        padding-block: 8px;
    }
    .banner {
        h1 {
            font-size: 40px;
        }
        p {
            font-size: 19px;
            margin-bottom: 25px;
        }
        .banner-img {
            .banner-girl-bg {
                width: 68%;
                bottom: 40px;
            }
            .banner-girl {
                width: 68%;
            }
        }
    }
    .facilities {
        .pink-vector {
            left: 38px;
            width: 3%;
        }
        & .facilities-box {
            padding: 24px 11px;
            h3 {
                font-size: 19px;
            }
            p{
                font-size: 15px;
            }
        }
    }
    .services {
        h3 {
            font-size: 36px;
            margin-bottom: 33px;
        }
        ul {
            li {
                font-size: 18px;
                margin-bottom: 20px;
            }
        }
        .pink-vector {
            width: 3%;
            right: 188px;
        }
        .scroll-service {
            padding-left: 120px;
        }
        .service-item {
            min-width: 72vw;
            padding: 60px;
        }
        .vector-yellow {
            left: 70px;
        }
        h3 {
            line-height: 103.5%;
        }
        .bg-white {
            min-width: 10vw;
        }
        .pink-vector-bottom {
            width: 3%;
        }
        .service-img-content {
            .service-small {
                right: -114px;
                width: 170px;
            }
            .tringle {
                left: -72px;
                width: 45%;
            }
            .vector-hat {
                right: 40px;
                width: 70px;
                height: 70px;
            }
            .twister-arrow {
                left: -72px;
                width: 45%;
            }
            .tringle-pink{
                width: 28%;
            }
        }
    }
    .join-today {
        .join-today-img-content{
            .yellow-bg{
                width: 70%;
            }
            .rec-green{
            top: 181px;
            right: 89px;
            width: 35%;
        }
        .tringle-orange {
            bottom: 30px;
        }
        }
        & .join-today-text-content {
            .line-twister {
                top: -40px;
                right: -39px;
                width: 12%;
            }
            h4 {
                font-size: 23px;
                margin-bottom: 20px;
            }
            .section-title {
                margin-bottom: 20px;
            }
            h5 {
                font-size: 23px;
                margin-bottom: 20px;
            }
        }
    }
    .student-assistance {
        padding-top: 60px;
        .service-rectangular {
            top: 50px;
            width: 8%;
        }
        .vector-lamp {
            top: 185px;
        }
        .vector-pink {
            right: 60px;
            width: 3%;
        }
    }
    .test-preparation {
        & .test-item {
            img {
                margin-bottom: 15px;
            }
            h5{
                font-size: 18px;
            }
        }
        .test-preparation-slider{
            .slick-list{
                margin: 0 -10px;
            }
            .slick-slide{
                margin: 0 10px;
            }
        }
    }
    .partner-list {
        img {
            width: 12%;
        }
    }
    .flip-box {
        height: 270px;
    }
    .flip-box-front {
        .front-content {
            padding: 20px;
        }
    }
    .flip-box-back{
        p{
            line-height: 142.222%;
        }
    }
    .student-slider{
        .slick-list{
            margin: 0 -5px;
        }
        .slick-slide{
            margin: 0 5px;
        }
    }
    .feature-article {
        .vector-pink {
            left: 50px;
            width: 3%;
        }
        .vector-pinkstar {
            left: 70px;
        }
        .vector-star {
            right: 75px;
        }
    }
    .blog-date{
        font-size: 14px;
    }
    .blog-title {
        font-size: 20px;
    }
    .blog-list {
        justify-content: space-between;
        padding: 15px;
        .blog-img {
            width: 232px;
            height: 230px;
            border-radius: 30px;
            overflow: hidden;
        }
    }
    .accordion__item .accordion__title {
        font-size: 18px;
    }
    .accordion__item .accordion__content{
        font-size: 16px;
    }
    .faq{
        .rectangular {
            bottom: 25%;
        }
        .vector-pink{
            right: 53px;
            width: 3%;
        }
    }
    .booking {
        .form-control {
            padding: 13px 8px;
            font-size: 14px;
            &::placeholder{
                font-size: 14px;
            }
        }
        label{
            font-size: 14px;
        }
        .rectangular-sky-blue {
            top: 155px;
            left: 22px;
            width: 36%;
        }
        .rectangular-yellow {
            bottom: 124px;
            right: -67px;
            width: 36%;
        }
        .green-star {
            right: -80px;
        }
        .booking-img{
            .triple-lines {
                top: 35.5%;
                right: 35px;
                width: 14%;
            }
        }
    }
    .fixed-btn {
        right: 15px;
        top: 50%;
    }
    .blog-listing {
        & ul {
            li {
                font-size: 14px;
            }
        }
        .pink-vector {
            left: 30px;
        }
        .vector-yellow {
            right: 60px;
        }
    }
    .blog-card-img {
        margin-bottom: 10px;
    }
    .blog-card-text {
        span {
            font-size: 15px;
        }
        h4 {
            font-size: 20px;
        }
    }
    .blog-btn{
        font-size: 15px;
    }
    .service-side-bar {
        & ul {
            & li {
                & a {
                    font-size: 16px;
                    padding-block: 7px;
                    img {
                        width: 14%;
                    }
                }
            }
        }
        form{
            .title{
                font-size: 20px;
            }
        }
    }
    .osd-card{
        margin-bottom: -7px;
        p{
            font-size: 10px;
        }
    }
    .osd-icon {
        width: 68px;
        height: 68px;
        margin-bottom: 10px;
        &::before{
            width: 20px;
            height: 20px;
        }
    }
    .our-service-content {
        ul {
            li {
                margin-bottom: 0px;
                font-size: 16px;
            }
        }
    }
    .pc-text{
        h4{
            font-size: 18px;
            margin-bottom: 5px;
        }
    }
    .potential-slider{
        .slick-slide{
            margin: 0 10px;
        }
        .slick-list{
            margin: 0 -10px;
        }
    }
    .service-today {
        .join-today-text-content {
            .section-title {
                font-size: 38px;
            }
        }
    }
    .cities-card-text {
        h4 {
            font-size: 19px;
        }
        h5 {
            font-size: 14px;
        }
        p{
            line-height: 148.222%;
        }
    }
    .banner-icon {
        width: 143px;
        height: 143px;
        padding: 15px;
    }
    .test-category-item {
        & ul {
            li {
                font-size: 15px;
                padding: 15px 5px;
            }
        }
    }
    .major-update {
        padding: 20px;
    }
    .maj-up-text {
        h4 {
            font-size: 20px;
        }
    }
    .tab-content {
        table {
            th, td {
                padding: 15px 10px;
                font-size: 15px;
            }
        }
        ul{
            li{
                font-size: 16px;
            }
        }
        h3{
            font-size: 24px;
        }
    }
    .test-listing {
        .title {
            font-size: 20px;
            text-align: center;
        }
        label{
            font-size: 15px
        }
    }
    .getintouch-box {
        .testi-girl {
            position: absolute;
            bottom: 0;
            left: 0px;
        }
    }
    .getintouch-content {
        h4 {
            font-size: 26px;
        }
    }
    
    .blog-details {
        h1 {
            font-size: 34px;
        }
        .twister-arrow{
            left: 30px;
        }
    }
    .date {
        font-size: 14px;
    }
    .sub-title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .side-blog {
        & ul {
            gap: 6px;
            & li {
                padding: 5px 10px;
                a {
                    font-size: 14px;
                }
            }
        }
        form {
            .title {
                font-size: 22px;
                color: #FFF;
                text-align: center;
                line-height: 120%;
                margin-bottom: 10px;
            }
        }
    }
    .art-c-text {
        h4 {
            font-size: 20px;
        }
    }
    .side-blog {
        & form {
            .form-control {
                padding: 10px 10px;
            }
        }
    }
    .contact-us-dtls {
        .title {
            font-size: 36px;
        }
    }
    .us-dtls-card {
        h4 {
            font-size: 24px;
        }
    }
    .map {
        iframe {
            height: 460px;
        }
    }
    .boarding-school {
        padding: 70px;
    }
    .about-story {
        .service-rectangular {
            left: 15px;
        }
    }
    .counter-item {
        padding-left: 100px;
    }
    .counter-item .counter-icon {
        width: 57px;
        height: 57px;
    }
    .counter-item h3 {
        font-size: 28px;
    }
    .counter-item p{
        font-size: 15px;
    }
    .about-mission-vision-content {
        & .row:last-child {
            .miss-text {
                padding-left: 40px;
            }
        }
    }
    .message-box {
        p {
            font-size: 18px;
        }
    }
    .info-name {
        font-size: 24px;
        /* margin-bottom: 8px; */
    }
    .info-left {
        p {
            font-size: 18px;
        }
    }
    .director-info {
        .logo {
            padding-top: 8px;
        }
    }
    .journey-box {
        h3 {
            font-size: 32px;
            margin-bottom: 10px;
        }
    }
    .about-journey {
        padding-inline: 75px;
    }
    .search-input {
        padding: 13px 30px;
        &::placeholder{
            font-size: 16px;
        }
    }
    .search-box {
        span {
            left: 9px;
            top: 9px;
        }
    }
    .office-left {
        & ul {
            li {
                padding: 6px 17px;
                font-size: 14px;
            }
        }
    }
    .location-box {
        gap: 5px;
        margin-bottom: 13px;
        padding: 6px;
    }
    .location-txt {
        h5 {
            font-size: 17px;
        }
        p, a {
            font-size: 14px;
        }
    }
    .location-icon{
        width: 18px;
        height: 18px;
        margin-top: 3px;
    }
    .location-content {
        max-height: 400px;
    }
    .counter {
        .container {
            padding-block: 30px;
        }
    }
    .boading-banner {
        & .banner-content {
            h1 {
                font-size: 50px;
            }
        }
    }
    .bc-text {
        h4 {
            font-size: 17px;
        }
    }
    .boarding-card {
        padding: 30px 20px;
    }
    .find-txt{
        padding: 10px;
        h4{
            font-size: 18px;
        }
    }
    .ideal-txt {
        p {
            font-size: 18px;
        }
    }
    .uk-banner {
        & .banner-content {
            h5 {
                font-size: 20px;
            }
            h1 {
                font-size: 45px;
            }
        }
    }
    .banner-bottom{
        bottom: -2px;
    }
    .bottom-box{
        gap: 8px;
        img{
            width: 25px;
            height: 25px;
        }
        p{
            margin-bottom: 0;
            font-size: 15px;
        }
    }
    .uk-miss-vis-icon {
        width: 80px;
        height: 80px;
        padding: 18px;
        margin-bottom: 12px;
    }
    .uk-miss-vis-box {
        padding: 20px 10px;
        h4 {
            font-size: 20px;
            margin-bottom: 8px;
        }
    }
    .uk-counter {
        & .counter-item {
            h3 {
                font-size: 30px;
            }
        }
    }
    .uk-tabs {
        & ul {
            li {
                font-size: 15px;
                padding: 5px 15px;
            }
        }
    }
    .uk-course-text {
        padding: 11px;
        h4 {
            font-size: 16px;
            margin-bottom: 10px;
        }
        & ul {
            li {
                font-size: 15px;
                padding-left: 20px;
                margin-bottom: 10px;
                &::before {
                    width: 15px;
                    height: 15px;
                    left: 0;
                    top: 3px;
                }
            }
        }
    }
    .what-we-do {
        padding: 85px 0;
        & ul {
            gap: 16px;
            & li {
                font-size: 19px;
                padding: 20px;
            }
        }
    }
    .what-we-do-img-box {
        width: 34%;
        &::before {
            width: 520.052px;
            top: 99px;
            right: -204px;
        }
    }
    .uk-study-tabs {
        & ul {
            li {
                font-size: 17px;
                margin-bottom: 6px;
            }
        }
    }
    .partner-universities-box{
        padding: 10px;
        height: 100%;
        img{
            width: 55%;
        }
    }
    .great-future-box {
        padding-left: 18%;
    }
    .great-future-box {
        & ul {
            li {
                font-size: 15px;
                line-height: 227.667%;
            }
        }
    }
    .students-say-box-content {
        p {
            font-size: 19px;
        }
    }
    .profile{
        p{
            font-size: 14px;
        }
    }
    .profile-title{
        font-size: 17px;
    }
    .uk-universities-content {
    padding: 3px;
}
body {
    font-size: 14px;
}
.uk-universities-content {
    & ul {
        & li {
            span:last-child {
                width: 90px;
            }
        }
    }
}

.uk-universities-item {
    h4 {
        font-size: 18px;
    }
}

.card-title {
    font-size: 20px;
}

.ondemand {
    h3 {
        font-size: 16px;
    }
    p {
        font-size: 14px;
    }
}

.uk-universities-listing {
    .primary-btn {
        font-size: 15px;
        padding: 13px 20px;
    }
}

.uk-universities-content {
    & ul {
        & li {
            padding-left: 20px;
            &::before {
                background-size: 16px;
                background-position: center left;
            }
        }
    }
}
.uk-university-connect-dtls {
    & .us-dtls-card {
        h4 {
            font-size: 20px;
        }
    }
}
.course-menu {
    li {
        font-size: 16px;
        img{
            width: 35px;
        }
    }
}
.uk-courses-item {
    .course-content h3 {
        font-size: 24px;
    }
    .course-content h4 {
        font-size: 15px;
    }
    .info {
        img {
            width: 18px;
        }
    }
}
.uk-course-details-sidebar {
    padding: 20px 15px;
    h4 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    h5 {
        font-size: 17px;
    }
}
.uk-courses-details-content {
    .module-head {
        margin-bottom: 10px;
    }
    h3 {
        font-size: 28px;
    }
    h4 {
        font-size: 22px;
    }
    ul {
        padding-left: 12px;
        margin-bottom: 5px;
    }
    & .module {
        h4 {
            font-size: 17px;
        }
    }
}
.university-details {
    h1 {
        img{
            width: 55px;
        }
    }
    .date {
        font-size: 16px;
    }
}
.university-details-img-content {
    h5 {
        bottom: 19px;
        font-size: 18px;
    }
}
.overview-logo {
    width: 280px;
    height: 240px;
    padding: 15px;
    margin-right: 17px;
}
.overview-tablinks {
    font-size: 16px;
    margin-bottom: 15px;
}
.overview-content {
    th {
        width: 35%;
    }
    ul, & ol {
        li {
            font-size: 16px;
        }
    }
}
.overview-img{
    width: 46%;
}
.gateway {
    h2 {
        font-size: 36px;
    }
}
.usa-why-chooose-content {
    padding: 10px 10px;
    h3 {
        font-size: 19px;
    }
    p {
        font-size: 14px;
    }
    .primary-btn {
        font-size: 14px;
    }
}
.usa-step-card {
    padding: 10px;
    img {
        width: 88px;
        height: 88px;
    }
    h3 {
        font-size: 22px;
    }
}
.usa-importance-card {
    gap: 15px;
    margin-bottom: 20px;
    h3 {
        font-size: 20px;
    }
    p{
        font-size: 15px;
    }
}
.usa-importance-icon {
    width: 66px;
    height: 66px;
    padding: 15px;
    &::after {
        width: 57px;
        height: 57px;
    }
}
.usa-importance-content {
    padding: 15px;
}
.usa-benefits {
    .col-lg-9 {
        padding-right: 10px;
    }
    & .uk-service-item {
        .card-title {
            font-size: 22px;
        }
        p{
            font-size: 15px;
        }
    }
}
.usa-benefits-girl{
    width: 575px;
}
.usa-cc-faq {
    .accordion__title-text::before {
        font-size: 17px;
    }
}
    .usa-university-details {
        .container {
            margin-top: -155px;
        }
    }
    .usa-university-details-banner{
        .banner-content{
            h1{
                font-size: 38px;
            }
            p{
                font-size: 18px;
                img{
                    width: 14px;
                }
            }
        }
    }
    
.usa-inner-banner {
    .banner-logo {
        width: 140px;
        height: 120px;
        padding: 10px;
    }
}
.usa-university-details {
    & .university-category-item {
        padding: 15px;
        h4 {
            font-size: 18px;
        }
        .overview-tablinks {
            font-size: 15px;
        }
    }
}
.usa-inner-banner{
    .banner-content{
        padding-top: 50px;
        h1{
            font-size: 46px;
        }
        p {
            font-size: 18px;
        }
    }
}
.usa-courses-listing {
    .section-title {
        font-size: 26px;
    }
    .title-md {
        font-size: 23px;
    }
    .filters {
        padding: 12px;
    }
    .uk-courses-item {
        .info{
            padding-left: 20px;
            img {
                width: 16px;
            }
        }
        .course-info {
            gap: 1px;
            padding-bottom: 10px;
            padding-top: 5px;
        }
        .info h5 {
            font-size: 15px;
        }
    }
    .uk-courses-item {
        .course-content h4 {
            font-size: 15px;
        }
        .course-content {
            padding: 5px;
        }
    }
    .check-item {
        font-size: 15px;
    }
}
    .apply-scholarship {
        h3 {
            font-size: 28px;
        }
    }
    .scholar-card {
        padding: 50px 10px 18px;
        .scholar-list li a {
            font-size: 13px;
        }
    }
    .form-control{
        font-size: 15px;
    }
    .uk-banner.usa-scholarship-banner {
        & .banner-content {
            h1 {
                font-size: 44px;
            }
        }
    }
    .uk-courses-details-banner {
        & .banner-content {
            padding-top: 0;
            h1 {
                font-size: 45px;
            }
        }
    }
    .get-title {
        font-size: 20px;
    }
    .usa-inner-banner {
    & .banner-content {
        h1{
            font-size: 38px;
        }
        & .search-box {
            .primary-btn {
                top: 3px;
                right: 3px;
            }
        }
    }
}
.uk-home-banner {
    & .banner-content {
        h1 {
            font-size: 65px;
        }
    }
    .banner-girl {
        width: 304px;
    }
}
.yellow-back-btn {
    padding: 15px 20px;
}
.find-usa-card {
    img {
        width: 35%;
    }
    p {
        font-size: 15px;
    }
}
.find-usa-box{
    ul {
        & li {
            &::marker {
                font-size: 20px;
            }
            a {
                font-size: 16px;
            }
        }
    }
}
.usa-abroad-study-icon {
    width: 119px;
    height: 119px;
    padding: 30px;
    &::after {
        width: 143px;
        height: 143px;
    }
}
.usa-abroad-study {
    & .row {
        & .col {
            &::after {
                width: 30px;
                height: 30px;
                top: 17.5%;
            }
        }
        &::after {
            width: 110%;
            height: 54%;
            top: 44%;
            right: 0;
        }
        .col:nth-child(4), & .col:nth-child(5), & .col:nth-child(6) {
            &::after {
                    top: 22%;
                    rotate: 180deg;
            }
        }
    }
}
.usa-abroad-study {
    & .row {
        & .col:nth-child(3) {
            &::after {
                top: 80%;
                right: -13px;
            }
        }
    }
}
.usa-abroad-study-card {
    margin-bottom: 14px;
}
.usa-abroad-study-content {
    h3 {
        font-size: 20px;
    }
    &::after {
        font-size: 20px;
    }
}
.graduate-usa-img{
    height: 240px;
}
.usa-graduate-content {
    padding: 15px;
    h3 {
        font-size: 21px;
    }
}
.explore-btn {
    font-size: 14px;
}
.usa-higher-education-card {
    h3 {
        font-size: 14px;
        span{
            font-size: 20px;
        }
    }
}
.student-essentials-img {
    p {
        bottom: 10px;
    }
}
.usa-student-testimonial-content {
    p {
        font-size: 21px;
    }
}
.usa-book-form-box {
    form .primary-btn {
        padding: 14px 50px;
    }
}
.application-process {
        .step-box {
            width: 154px;
            height: 64px;
            font-size: 22px;
        }
        .info-text p {
        font-size: 14px;
        line-height: 20px;
    }
            .info-text {
            width: 154px;
        }
                .info-text h4, .right-caption {
            font-size: 13px;
        }
    }
    .australia-courses {
        & .uk-courses-item {
            padding: 15px;
        }
    }
    .study-abroad {
        & .uk-courses-item {
            .primary-btn {
                width: auto;
                padding: 13px 30px;
            }
        }
    }
    .cost-study .short-name h3 {
        font-size: 24px;
    }
    .cost-study .table-wrap thead th {
        font-size: 18px;
    }
    .lifestyle-culture {
        & .row {
            .col:nth-child(1), .col:nth-child(3), .col:nth-child(5) {
                transform: translateY(75px);
            }
        }
    }
    .pay-less-box-content {
        width: 43%;
        margin-right: 150px;
    }
    .explore-gra-card {
        h5 {
            font-size: 17px;
        }
        h3 {
            font-size: 20px;
        }
        .primary-btn {
            padding: 13px 30px;
        }
    }
    .vid-testi-item-box {
        height: 506px;
    }
    label {
        font-size: 15px;
    }
    .end-popup, .end-university-popup {
        & .popup__content {
            .contact-form {
                padding: 20px;
                padding-top: 30px;
            }
            select.form-control{
                padding-block: 10px;
            }
        }
    }
    .end-popup, .end-university-popup {
        & .popup__content {
            h4 {
                font-size: 18px;
            }
        }
    }
}
@media (max-width: 1024px){

    .section-title {
        font-size: 32px;
    }
    .dec {
        font-size: 16px;
    }
    p{
        font-size: 15px;
    }
    .primary-btn {
        font-size: 14px;
        padding: 11px 18px;
    }
    .popup .popup__content {
        width: 80%;
    }
    .logo {
        width: 190px;
    }
    #menu {
        padding-inline: 9px;
    }
    #menu>.main-menu>ul>li>a {
        font-size: 13px;
        padding: 20px 0px;
    }
    #menu>.main-menu>ul>li.has-sub>a::before {
        right: -8px;
        width: 5px;
        height: 5px;
    }
    #menu>.main-menu>ul>li {
        padding-inline: 8px;
    }
    #menu ul ul li a{
        font-size: 16px;
    }
    
    .banner{
        height: 560px;
        h1 {
            font-size: 34px;
        }
        p{
            font-size: 17px;
        }
        .banner-img {
            bottom: -4px;
            .banner-girl-bg {
                width: 65%;
            }
            .banner-girl{
                width: 65%;
            }
        }
    }
    .facilities {
        padding: 20px 0;
        .pink-vector {
            left: 5px;
        }
        & .facilities-box {
            .facilities-icon {
                width: 49px;
                height: 49px;
                padding: 12px;
            }
            h3{
                font-size: 17px;
            }
            p{
                font-size: 14px;
            }
        }
    }
    .services {
        padding: 10px 0;
        .vector-yellow {
            left: 6px;
            top: 40px;
        }
        .scroll-service {
            padding-left: 65px;
        }
        .service-item {
            min-width: 78vw;
            padding: 40px;
        }
        h3 {
            font-size: 30px;
            margin-bottom: 23px;
        }
        ul {
            li {
                font-size: 16px;
                margin-bottom: 18px;
            }
        }
        .service-img-content {
            .service-small{
                right: -87px;
                width: 130px;
                top: -21px;
            }
            .vector-hat {
                right: 30px;
                width: 50px;
                height: 50px;
                padding: 10px;
                top: -11px;
            }
            .tringle {
                left: -51px;
                width: 40%;
            }
            .twister-arrow {
                left: -53px;
                width: 40%;
            }
        }
    }
    .all-services{
        flex-wrap: wrap;
        gap: 30px;
    }
    .bg-white{
        display: none;
    }
    .join-today {
        & .join-today-text-content {
            .line-twister {
                right: -14px;
            }
            h4 {
                font-size: 20px;
                margin-bottom: 10px;
            }
            .section-title {
                font-size: 36px;
                margin-bottom: 10px;
            }
            h5 {
                font-size: 19px;
                margin-bottom: 20px;
            }
        }
    }
    .student-assistance {
        padding-top: 30px;
        .vector-lamp {
            top: 139px;
        }
    }
    .support-box .section-title::before {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
    .partner-list {
        img {
            width: 11%;
        }
    }
    .about {
        .green-star {
            right: 20px;
        }
        .vector-yellow {
            bottom: 17px;
        }
        .about-img-box{
            .rec-b-yellow {
                width: 45%;
            }
            .rec-green {
                left: 169px;
            }
        }
    }
    .students {
        .vector-pink {
            right: 30px;
        }
    }
    .world-map {
        .global-rectangle {
            width: 7%;
            right: 68px;
        }
    }
    .blog-list {
        padding: 10px;
    }
    .feature-article {
        .vector-pink {
            left: 4px;
            width: 3%;
        }
        .vector-pinkstar {
            bottom: 25px;
        }
        p{
            line-height: 147.222%;
        }
        .blog-btn{
            font-size: 17px;
        }
    }
    .blog-date {
        font-size: 12px;
    }
    .blog-title {
        font-size: 18px;
    }
    .faq {
        .vector-pink {
            right: 5px;
        }
        .rectangular {
            bottom: 28%;
            width: 11%;
            left: 35px;
        }
    }
    .accordion__item .accordion__title {
        font-size: 17px;
    }
    .accordion__item .accordion__content {
        font-size: 14px;
    }
    .accordion__title::after{
        top: 11px;
    }
    .booking {
        padding-block: 10px;
        .form-control {
            padding: 9px 5px;
        }
        .vector-yellow {
            left: 60%;
        }
        .booking-img {
            .booking-boy {
                margin-bottom: -23px;
            }
            .green-star {
                top: 112px;
                right: -40px;
                width: 12%;
            }
            .triple-lines {
                top: 41.5%;
                right: 40px;
                width: 10%;
            }
            .rectangular-yellow {
                right: -29px;
                width: 25%;
            }
            .rectangular-sky-blue {
                top: 140px;
                left: 24px;
                width: 35%;
            }
        }
    }
    .form-group {
        .form-icon {
            right: 5px;
        }
    }
    footer{
        .footer-logo {
            width: 240px;
            margin-bottom: 10px;
        }
        .social-links{
            margin-bottom: 20px;
        }
        .footer-title{
            font-size: 18px;
        }
        p, a{
            font-size: 14px;
        }
    }
    .inner-banner{
        height: auto;
        .banner-content {
            margin-top: 100px;
        }
    }
    .blog-card-img {
        margin-bottom: 0px;
    }
    .blog-listing {
        & ul {
            li {
                font-size: 12px;
                padding: 6px 15px;
            }
        }
        .pink-vector{
            display: none;
        }
        .vector-yellow {
            display: none;
        }
    }
    .blog-card-text {
        span {
            font-size: 14px;
            margin-bottom: 5px;
        }
        h4 {
            font-size: 17px;
        }
    }
    .blog-btn {
        font-size: 14px;
    }
    .service-banner{
        height: 450px;
        .banner-content{
            margin-top: 0;
        }
    }
    .service-side-bar {
        & ul {
            & li {
                & a {
                    font-size: 14px;
                    padding-block: 6px;
                    img {
                        width: 13%;
                    }
                }
            }
        }
        form {
            .title {
                font-size: 18px;
            }
            label {
                font-size: 12px;
            }
        }
    }
    .osd-card{
        margin-bottom: -23px;
    }
    .osd-icons {
        left: 14px;
        top: 26%;
            &::before{
            width: 17px;
            height: 17px;
        }
    }
    .osd-icon {
        width: 62px;
        height: 62px;
        margin-bottom: 5px;
    }
    .pc-img{
        margin-bottom: 8px;
    }
    &::before{
        width: 17px;
        height: 17px;
    }
    .potential-slider{
        .slick-slide{
            margin: 0 7px;
        }
        .slick-list{
            margin: 0 -7px;
        }
    }
    .our-service-content {
        & ul {
            li {
                font-size: 15px;
            }
        }
    }
    .service-today {
        & .join-today-text-content {
            .section-title {
                font-size: 32px;
                margin-bottom: 5px;
                line-height: 36px;
            }
        }
    }
    .cities-card-text {
        h4 {
            font-size: 17px;
        }
        h5 {
            font-size: 13px;
        }
        p{
            font-size: 13px;
        }
    }
    .banner-icon {
        width: 113px;
        height: 113px;
        padding: 15px;
    }
    .test-banner{
        padding-block: 150px;
        .banner-content {
            margin-top: 55px;
        }
    }
    .test-category-item {
        & ul {
            padding-inline: 10px;
            li {
                font-size: 13px;
                padding: 15px 5px;
            }
        }
    }
    .tab-content {
        padding: 40px 20px;
        span {
            font-size: 14px;
        }
        h3{
            font-size: 20px;
        }
        table {
            th, td {
                padding: 10px;
                font-size: 14px;
            }
        }
        ul {
            li {
                font-size: 15px;
            }
        }
    }
    .major-update {
        padding: 15px;
    }
    .test-listing {
        .title {
            font-size: 17px;
        }
        label {
            font-size: 13px;
        }
        form{
            margin-bottom: 30px;
        }
    }
    .getintouch-content {
        h4 {
            font-size: 22px;
        }
    }
    .blog-details {
        h1 {
            font-size: 29px;
        }
        .twister-arrow {
            left: -6px;
            width: 7%;
        }
        .vector-yellow{
            right: 200px;
        }
    }
    .blog-details-content {
        .section-title {
            font-size: 22px;
        }
    }
    .sub-title {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .side-blog {
        & ul {
            & li {
                a {
                    font-size: 12px;
                }
            }
        }
        form{
            .title{
                font-size: 18px;
            }
        }
    }
    .date{
        margin-bottom: 5px;
    }
    .art-c-text {
        h4 {
            font-size: 18px;
        }
    }
    .contact-us-dtls {
        .title {
            font-size: 28px;
        }
    }
    .us-dtls-card {
        h4 {
            font-size: 21px;
        }
    }
    .map {
        iframe {
            height: 390px;
        }
    }
    .about-story {
        .service-rectangular {
            left: 2px;
            width: 3%;
            top: 32px;
        }
    }
    .message-box {
        padding: 40px;
    }
    .row-2 {
        padding-inline: 50px;
    }
    .search-box {
        margin-bottom: 10px;
    }
    .office-left {
        padding: 20px 12px;
        & ul {
            li {
                font-size: 11px;
            }
        }
    }
    .search-input {
        &::placeholder{
            font-size: 13px;
        }
    }
    .location-txt {
        h5 {
            font-size: 15px;
        }
        p, a {
            font-size: 12px;
        }
    }
    .boading-banner {
        & .banner-content {
            h1 {
                font-size: 40px;
            }
        }
    }
    .find-txt {
        h4 {
            font-size: 21px;
        }
    }
    .boading-class {
        .container {
            padding: 70px 40px;
        }
    }
    .boading-world-map {
        .container {
            padding: 60px 30px;
        }
    }
    .uk-banner {
        height: 650px;
        & .banner-content {
            h1 {
                font-size: 47px;
            }
            h5 {
                font-size: 16px;
            }
        }
    }
    .banner-bottom {
        bottom: 0;
    }
    .bottom-box{
        p {
            font-size: 14px;
        }
    }
    .what-we-do-img-box {
        width: 36%;
        &::before {
            width: 471.052px;
            height: 197.231px;
            top: 67px;
            right: -214px;
        }
    }
    .what-we-do {
        padding: 30px 0;
    }
    .uk-study-tabs {
        & ul {
            li {
                font-size: 15px;
                margin-bottom: 4px;
                line-height: 268.476%;
            }
        }
    }
    .great-future-box {
        padding-left: 11%;
    }
    .uk-student-say {
        .container {
            padding-inline: 40px;
        }
    }
    .students-say-box-content{
        img{
            width: 10%;
        }
    }
    .uk-universities-content {
        & ul {
            & li {
                font-size: 12px;
            }
        }
    }
    .uk-cc-booking {
        & .booking-img {
            img {
                margin-bottom: -15px;
            }
        }
    }
    .uk-cc-booking {
        .vector {
            width: 40%;
        }
    }
    .uk-connect-banner{
        height: auto;
    }
    .uk-university-connect-dtls {
        & .row {
            .col-lg-6:first-child {
                padding-right: 25px;
            }
        }
    }
    .uk-inner-banner{
        height: auto;
    }
    .uk-courses-item {
        .course-info {
            gap: 10px;
        }
    }
    .uk-course-details-sidebar {
        h4 {
            line-height: 115.261%;
        }
    }
    .ondemand {
        padding: 12px;
        margin-top: 30px;
    }
    .universiti-logo {
        height: 110px;
        padding: 20px;
    }
    .university-details-img {
        border-radius: 15px;
    }
    .university-details-img-content {
        border-radius: 15px;
    }
    .university-play-btn {
        width: 40px;
        height: 40px;
        outline: 4px solid #45d8a354;
        padding: 14px;
    }
    .university-details-img-content {
        h5 {
            font-size: 15px;
        }
    }
    .university-category-item {
        .tabs {
            margin-right: 0px;
        }
    }
    .overview-content {
        ul, ol {
            margin-bottom: 30px;
        }
        th {
            width: 40%;
        }
        th, td {
            padding: 10px;
            padding-left: 15px;
        }
        .table-container {
            margin-top: 20px;
            margin-bottom: 30px;
        }
    }
    .overview-img {
        width: 38%;
        border-radius: 19px;
        margin-left: 10px;
    }
    .gateway {
        padding: 20px;
        h2 {
            font-size: 30px;
        }
    }
    .usa-importance {
        .container {
            padding-inline: 0;
        }
    }
    .usa-importance-icon {
        width: 56px;
        height: 56px;
        padding: 15px;
        &::after {
            width: 47px;
            height: 47px;
        }
    }
    .usa-importance-card {
        margin-bottom: 8px;
        p {
            font-size: 14px;
        }
    }
    .usa-benefits {
        .col-lg-9 {
            padding-right: 0;
        }
        .uk-service-item {
            padding: 6px;
            .card-title {
                font-size: 20px;
            }
            p{
                font-size: 12px;
            }
        }
    }
    .usa-benefits-girl {
        width: 500px;
        right: -160px;
    }
    .usa-boading-class {
        .container {
            padding: 0px 0;
        }
    }
    .usa-university-details {
        .container {
            margin-top: -120px;
        }
    }
    .usa-inner-banner {
        .col-lg-7 {
            gap: 20px;
        }
    }
    .usa-application-process-banner{
        height: 350px;
    }
    .usa-courses-banner{
        height: 400px;
        .banner-content{
            h1{
                font-size: 38px;
            }
        }
    }
    .usa-inner-banner {
        & .banner-content {
            & .search-box {
                .primary-btn {
                    top: 6px;
                    right: 5px;
                }
            }
        }
    }
    .usa-courses-listing {
    & .uk-courses-item {
        .course-img {
            height: 230px;
        }
    }
}
 .banner.usa-univercity-banner{
        height: auto;
    }
    .usa-universities-listing {
        .filter-title {
            padding: 10px;
        }
        .filter-list {
            padding: 0 10px 10px;
        }
    }
    .total-count {
        font-size: 16px;
    }
    .sort-box{
        font-size: 16px;
    }
    .sort-box select {
        font-size: 16px;
    }
    .usa-connect-banner{
        .banner-content{
            padding-top: 70px;
        }
    }
    .uk-banner.usa-scholarship-banner {
        & .banner-content {
            h1 {
                font-size: 38px;
            }
        }
    }
    .usa-uni-list {
            padding: 20px 20px;
        .primary-btn {
            width: 149px;
            height: 44px;
        }
    }
    .gallery-banner{
        height: 360px;
    }
    .course-menu {
        padding: 10px;
        li {
            font-size: 14px;
            padding: 8px 12px;
            img {
                width: 30px;
            }
        }
    }
    .uk-courses-details-banner {
        & .banner-content {
            h1 {
                font-size: 35px;
            }
        }
    }
    .university-details {
        .date {
            padding-left: 70px;
        }
    }
    .usa-university-details-banner {
        height: 450px;
        .col-lg-7{
            padding-bottom: 40px;
        }
        & .banner-content {
            padding-top: 0;
            h1 {
                font-size: 32px;
            }
        }
    }
    .usa-university-details {
        & .university-category-item {
            .overview-tablinks {
                font-size: 17px;
            }
        }
    }
    .service-banner-img {
        img {
            margin-bottom: -4px;
        }
    }
    .uk-home-banner {
        & .banner-content {
            h1 {
                font-size: 60px;
            }
        }
    }
    .usa-abroad-study-icon {
        width: 109px;
        height: 109px;
        padding: 30px;
        &::after {
            width: 133px;
            height: 133px;
        }
    }
    .usa-abroad-study {
        .row {
            &::after {
                width: 115%;
                height: 55%;
                right: 0;
                top: 45%;
            }
        }
        .row {
            .col:nth-child(3) {
                &::after {
                    top: 77%;
                    right: -15px;
                    rotate: 90deg;
                }
            }
        }
    }
    .usa-abroad-study {
        & .row {
            & .col:nth-child(4), & .col:nth-child(5), & .col:nth-child(6) {
                &::after {
                    top: 17%;
                }
            }
        }
    }
    .usa-abroad-study-card {
        margin-bottom: 0;
    }
    .usa-graduate-content {
        h3 {
            font-size: 19px;
        }
    }
    .usa-higher-education-card {
        h3 {
            width: 80%;
            span {
                font-size: 19px;
            }
        }
    }
    .usa-student-testimonial-content {
        padding-right: 40px;
        padding-left: 30px;
    }
    .australia-courses {
        .courses-meta {
            font-size: 14px;
        }
    }
    .up-intaks {
        img {
            width: 192px;
            height: 192px;
            margin-bottom: 19px;
        }
    }
    .cost-study .short-name p {
        font-size: 19px;
    }
    .cost-study .table-wrap thead th {
        text-wrap: nowrap;
    }
    .pay-less-box-content {
        width: 46%;
        margin-right: 050px;
    }
    .pay-less-box {
        padding-block: 60px;
    }
    .vid-testi-item-box {
        height: 466px;
    }
    .vid-testi-slider {
        .slick-next {
            right: 0px;
        }
        .slick-arrow.slick-prev {
            left: -0px;
        }
    }
    .end-university-popup {
        .popup__content {
            width: 70%;
        }
    }
}
@media (max-width: 992px){
    #menu {
        padding-block: 9px;
    }
    #menu>.main-menu>ul>li>a {
        font-size: 19px;
        padding: 20px 0px;
    }
    .fixed-btn{
        top: 85%;
    }
    .banner{
        height: 715px;
        h1 {
            font-size: 38px;
        }
        p{
            font-size: 19px;
        }
        .btn-group {
            justify-content: center;
        }
        .container{
            align-items: flex-start;
        }
        .banner-content {
            margin-top: 170px;
            text-align: center;
        }
        .banner-img {
            display: inline-block;
            .banner-girl{
                width: 60%;
            }
            .banner-girl-bg{
                width: 60%;
            }
        }
    }
    .service-img-content{
        display: flex;
        justify-content: center;
    }
    .services {
        .pink-vector {
            right: 78px;
        }
        .scroll-service {
            padding-left: 0px;
        }
        & .service-img-content {
            .service-small {
                right: 20px;
                width: 190px;
                top: -75px;
            }
            .tringle {
                left: 42px;
                width: 25%;
            }
            .tringle-pink {
                width: 15%;
                right: 0;
            }
            .vector-hat {
                right: 193px;
            }
            .twister-arrow {
                left: 47px;
                width: 23%;
            }
        }
    }
    .join-today{
        .row{
            .col-lg-7{
                order: -1;
            }
        }
        .join-today-text-content{
            margin-top: 50px;
            text-align: center;
            .btn-group{
                justify-content: center;
            }
        }
        .join-today-img-content{
            margin-left: 50px;
            .join-today-girl{
                width: 70%;
            }
            .yellow-bg {
                width: 40%;
            }
            .tringle-orange {
                bottom: unset;
                top: 50px;
                left: -28px;
            }
            .rec-green {
                top: 199px;
                right: 301px;
                width: 25%;
            }
        }
    }
    .student-assistance{
        .box-t{
            font-size: 22px;
        }
        .vector-pink {
            top: 146px;
        }
    }
    .top-partner {
        margin-top: -80px;
    }
    .about {
        .green-star {
            right: 3px;
        }
        .vector-yellow {
            left: 44%;
        }
        .about-img-box {
            .rec-b-yellow {
                left: 76px;
            }
            .rec-green {
                left: 85px;
                top: 70px;
            }
        }
    }
    .flip-box {
        height: 324px;
    }
    .country-slider {
        .slick-next {
            right: -38px;
        }
        .slick-prev {
            left: -38px;
        }
    }
    .blog-left-img{
    display: flex;
    justify-content: center;
}
.feature-article {
    .vector-pinkstar {
        left: 13px;
        bottom: -22px;
    }
}
.faq{
    .col-lg-5{
        text-align: center;
    }
    .rectangular {
        bottom: unset;
        top: 60px;
        width: 11%;
        left: 35px;
    }
}
    .booking{
        padding-block: 25px;
        .form-control {
            padding: 12px 5px;
        }
        .booking-img {
            margin-left: 50px;
            .booking-boy {
                margin-bottom: -31px;
                width: 55%;
            }
            .rectangular-yellow {
                right: 220px;
                width: 20%;
                bottom: 93px;
            }
            .triple-lines {
                top: 39.5%;
                right: 314px;
                width: 7%;
            }
            .rectangular-sky-blue{
                width: 20%;
            }
            .green-star {
                right: 86px;
                width: 12%;
            }
        }
    }
    footer {
        .f-top {
            text-align: center;
        }
        .footer-logo{
            margin-inline: auto;
        }
        .social-links{
            justify-content: center;
        }
    }
    .inner-banner{
        height: 220px;
        .banner-content {
            margin-top: 100px;
        }
    }
    .blog-listing {
        ul {
            justify-content: center;
            gap: 7px;
        }
    }
    .blog-category-item {
        margin-bottom: 20px;
    }
    .service-banner {
        height: 702px;
    }
    .service-side-bar {
        & ul {
            display: flex;
            flex-wrap: wrap;
            & li {
                width: 50%;
                & a {
                    font-size: 17px;
                    img {
                        width: 15%;
                    }
                }
            }
        }
        form {
            padding: 30px 22px;
            .title{
                font-size: 24px;
            }
        }
    }
    .our-service-destination {
        .service-world-map-bg {
            width: 100%;
        }
    }
    .service-line {
        width: 100%;
    }
    .osd-card {
        margin-bottom: 28px;
        p {
            font-size: 12px;
        }
    }
    .pc-text {
        h4 {
            font-size: 17px;
            margin-bottom: 5px;
        }
    }
    .service-today {
        & .join-today-text-content {
            margin-top: 20px;
        }
    }
    .test-banner {
        padding-block: 120px;
        height: auto;
        h1{
            font-size: 32px;
        }
        .banner-content{
            gap: 20px;
        }
    }
    .banner-icon {
        width: 93px;
        height: 93px;
        padding: 15px;
        outline-width: 6px;
    }
    .test-listing {
        .title {
            font-size: 24px;
        }
    }
    .test-category-item {
        & ul {
            flex-wrap: wrap;
            justify-content: center;
            padding-block: 20px;
            gap: 5px;
            border-radius: 15px;
            margin-bottom: 10px;
            li{
                font-size: 15px;
                padding: 6px 15px;
                background: #f3f3f3;
                border-radius: 50rem;
            }
        }
    }
    .test-category-item ul li.active {
        color: #FFF;
        background: #45D8A3;
    }
    .getintouch-box {
        .now-bg {
            height: 700px;
        }
        .testi-girl {
            left: 25%;
        }
    }
    .blog-details{
        .twister-arrow{
            top: 15%;
        }
    }
    .blog-details-content {
        .section-title {
            font-size: 20px;
        }
    }
    .side-blog{
       padding-top: 0;
    }
    .sub-title {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .us-dtls-card {
        padding-block: 10px;
    }
    .map {
        iframe {
            height: 310px;
        }
    }
    .boarding-school {
        padding: 36px;
    }
    .about-banner {
        .container {
            align-items: end;
            padding-bottom: 2px;
        }
        .banner-content {
            margin-top: 0;
        }
    }
    .about-story{
        .service-rectangular {
            display: none;
        }
        .row{
            .col:last-child{
                order: -1;
            }
        }
    }
    .about-story-img {
        border-radius: 15px;
    }
    .counter-item .counter-icon {
        left: 10%;
    }
    .counter-item {
        padding-left: 110px;
    }
    .miss-text {
        padding-inline: 20px;
    }
    .about-mission-vision-content{
        .row:last-child{
            .col:last-child{
                order: -1;
            }
        }
    }
    .about-mission-vision-content {
        & .row:last-child {
            .miss-text {
                padding-inline: 20px;
            }
        }
    }
    .about-journey {
        padding-inline: 40px;
        .section-title {
            margin-bottom: 40px;
        }
        .row{
            justify-content: center;
            .col-lg-3:nth-child(5){
                transform: unset;
            }
            .col-lg-3:nth-child(6){
                transform: unset;
            }
            .col-lg-3{
                order: 0;
            }
        }
        .row .col-lg-3:nth-of-type(5) {
            order: 2;
        }
        .row .col-lg-3 {
            order: 3;
        }
        .row .col-lg-3:nth-of-type(6) {
            order: 2;
        }
        .row .col-lg-3:nth-of-type(1) { order: 1; }
        .row .col-lg-3:nth-of-type(2) { order: 3; }
        .row .col-lg-3:nth-of-type(3) { order: 5; }
        .row .col-lg-3:nth-of-type(5) { order: 2; }
        .row .col-lg-3:nth-of-type(6) { order: 4; }
        
        .timeline-img{
            display: none;
        }
        .journey-box-icon{
            display: flex;
        }
    }
    .about-cer-box {
        border-radius: 11px;
    }
    .about-office {
        iframe {
            border-radius: 15px;
            height: 300px;
        }
    }
    .high-education-box {
        flex-wrap: wrap;
        gap: 20px;
        img{
            width: 25%;
        }
    }
    .boading-banner{
        height: 400px;
        .container{
            align-items: center;
        }
        .banner-content{
            width: 70%;
            text-align: left;
            .btn-group{
                justify-content: start;
            }
            h1 {
                font-size: 36px;
            }
            p {
                font-size: 17px;
            }
        }
    }
    .boading-global {
        img {
            position: relative;
            height: 100%;
            width: 90%;
            left: 50%;
            transform: translateX(-50%);
        }
    }
    .boading-global {
        .col-lg-6 {
            padding-right: 0;
            padding-top: 10px;
        }
    }
    .boading-international {
        .col-lg-6 {
            padding-left: 0;
            padding-right: 0;
        }
    }
    .boarding-card {
        padding: 20px 10px;
    }
    .boarding-card h3 {
        font-size: 1.2rem;
        margin-bottom: 8px;
    }
    .boarding-card p{
        line-height: 1.3;
    }
    .medium-box{
        border-radius: 15px;
    }
    .boading-world-map {
        .container {
            padding: 40px 20px;
        }
    }
    .boading-class {
        .container {
            padding: 60px 30px;
        }
    }
    .uk-banner{
        height: 550px;
        .container{
            align-items: center;
        }
        .banner-content{
            text-align: left;
            margin-top: 0;
            h1 {
                font-size: 36px;
            }
            p{
                font-size: 16px;
            }
            .btn-group{
                justify-content: start;
            }
        }
    }
    .banner-bottom {
        /* bottom: 40px; */
        height: 16%;
        .container {
            flex-wrap: wrap;
            justify-content: center;
        }
    }
    .bottom-box{
        width: 50%;
        height: 50%;
        justify-content: center;
        p{
            font-size: 14px;
        }
    }
    .uk-counter {
        .col-lg-3:nth-child(2) {
            .counter-item::after{
                display: none;
            }
        }
    }
    .uk-tabs {
        & ul {
            flex-wrap: wrap;
            li{
                width: 30%;
                text-align: center;
            }
        }
    }
    .what-we-do-img-box {
        display: none;
    }
    .uk-study-tabs {
        & ul {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
            li{
                width: 20%;
                margin-bottom: 0;
            }
        }
    }
    .uk-study-content-img {
        border-radius: 12px;
    }
    .partner-universities {
        & .row {
            &::before {
                display: none;
            }
        }
        & .row .col{
            &::after{
                display: none;
            }
        }
    }
    .great-future-box {
        padding-left: 9%;
        padding-right: 10px;
        padding-block: 10px;
    }
    .uk-student-say {
        .container {
            padding-inline: 0;
        }
    }
    .uk-hill{
        .row{
            .col:last-child{
                order: -1;
            }
        }
    }
    .uk-hill-content {
        padding: 20px;
    }
    .uk-inner-banner {
    height: auto;
    .container {
    align-items: center;
    padding-top: 15%;
}
}
.uk-banner.uk-inner-banner.career-counselling-banner {
    height: 460px;
}
.order-1{
    order: -1;
}
    .uk-cc-booking {
        & .booking-img {
            margin-left: 0;
            img {
                margin-bottom: -30px;
                margin-top: 0;
            }
        }
        .vector{
            width: 80%;
            height: 55%;
            top: unset;
            bottom: 0;
        }
    }
    .uk-cc-faq {
        .accordion__item {
            padding: 15px;
        }
    }
    .accordion__item .accordion__title {
        margin-bottom: 0;
    }
    .uk-university-connect-dtls {
        .us-dtls-card {
            height: 80px;
        }
    }
    .contact-social-links {
        a {
            width: 40px;
            height: 40px;
            padding: 10px;
        }
    }
    .uk-map {
        margin-bottom: 50px;
    }
    .get-title{
        margin-top: 28px;
        margin-bottom: 15px;
    }
    .uk-courses-details-banner {
        height: 350px;
        .container {
            padding-top: 10%;
        }
    }
    .uk-courses-details-content {
        padding: 14px 10px;
        .module-head {
            padding: 4px 10px;
            padding-right: 23px;
        }
        .module {
            margin-bottom: 30px;
            h4 {
                font-size: 15px;
            }
        }
        h3 {
            font-size: 26px;
        }
        h4 {
            font-size: 20px;
        }
    }
    .uk-course-details-sidebar {
        .uk-cd-info-list {
            margin-bottom: 15px;
        }
    }
    .date{
        img{
            width: 17px;
        }
    }
    .university-details-img {
        border-radius: 10px;
    }
    .university-play-btn {
        width: 55px;
        height: 55px;
        outline: 6px solid #45d8a354;
        padding: 0;
    }
    .university-details-img-content {
        border-radius: 10px;
        h5 {
            font-size: 18px;
            bottom: 35px;
        }
    }
    .university-category-item {
        .tabs {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
        }
    }
    .overview-tablinks {
        width: 48%;
        margin-bottom: 0;
    }
    .university-details-header{
        .hamburger:before {
            background: #060761;
        }
        .hamburger:after {
            border-top: 2px solid #060761;
            border-bottom: 2px solid #060761;
        }
        #menu>.main-menu>ul>li>a {
            color: #FFF;
        }
    }
    .uk-banner.uk-inner-banner.career-counselling-banner.usa-cc-banner{
        height: 300px;
        &::after {
            background: linear-gradient(90deg, rgba(29, 29, 29, 0.86) 0%, rgb(0 0 0 / 44%) 57.41%);
        }
    }
    .usa-step{
        .row{
            .col:last-child{
                order: -1;
            }
        }
    }
    .usa-importance {
        .container {
            padding-inline: 20px;
        }
    }
    .usa-importance-box {
        padding: 10px;
    }
    .usa-importance-content {
        padding-block: 20px;
        padding-inline: 10px;
    }
    .usa-importance-card {
        margin-bottom: 15px;
    }
    .usa-benefits-girl {
        display: none;
    }
    .usa-benefits {
        & .uk-service-item {
            p {
                font-size: 12px;
                margin-bottom: 0;
            }
        }
    }
    .usa-cc-faq {
        .section-title {
            margin-top: 0px;
        }
        .accordion__item {
            padding: 0;
            padding-inline: 20px;
        }
        .accordion__item .accordion__title {
            padding: 10px 30px 15px 0px;
        }
        .accordion__title-text::before {
            font-size: 16px;
        }
    }
    .boading-class.usa-boading-class {
        .container{
            padding: 0;
        }
    }
    .usa-application-process-banner{
        height: 350px;
        .container {
            padding-top: 10%;
        }
        .banner-content{
            padding-top: 0;
            text-align: center;
        }
    }
    .usa-courses-banner{
        height: 350px;
        .container{
            padding-top: 10%;
        }
        .banner-content{
            text-align: center;
            padding-top: 0;
            h1{
                font-size: 38px;
                margin-bottom: 10px;
            }
        }
    }
    .usa-courses-listing {
        & .uk-courses-item {
            .course-info {
                gap: 10px;
                grid-template-columns: 1fr 1fr 1fr;
            }
        }
    }
    .usa-uni-list {
        .primary-btn {
            width: 149px;
            height: 42px;
        }
    }
    .universiti-logo {
        padding: 5px;
    }
    .usa-uni-list {
        margin-bottom: 10px;
        padding: 10px 20px;
    }
    .usa-uni-list {
        & .primary-btn {
            &.secondary-btn {
                margin-top: 9px;
            }
        }
    }
    .usa-univercity-banner.banner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .uk-banner.usa-scholarship-banner {
        height: 400px;
    }
    .new-life{
        padding-top: 10px;
        padding-bottom: 30px;
        .row{
            .col-lg-6:last-child{
                order: -1;
            }
            .col-lg-6:first-child{
                text-align: center;
                background: #fab20047;
                padding: 20px;
                .btn-group{
                    justify-content: center;
                }
            }
        }
    }
    .usa-course-details-banner{
        .container {
            padding-top: 1%;
        }
    }
    .apply-scholarship {
        h3 {
            margin-top: -150px;
            margin-bottom: 95px;
        }
    }
    .gallery-banner{
        height: 560px;
        .banner-content{
            padding-bottom: 0;
        }
    }
    .service-banner-img {
        img {
            width: 100%;
        }
    }
    .usa-university-details-banner {
        height: 400px;
        .col-lg-7 {
            padding-bottom: 80px;
        }
    }
    .about-banner{
        height: 600px;
    }
    .uk-home-banner {
        .banner-content {
            margin-top: 130px;
        }
        .banner-girl {
            width: 245px;
        }
    }
    .usa-launch {
        .row{
            .col:last-child{
                order: -1;
            }
        }
    }
    .usa-launch-img{
        img{
            width: 100%;
        }
    }
    .usa-counter {
        padding-block: 20px;
    }
    .find-usa-degree {
        padding-block: 50px;
    }
    .find-usa-card {
        p {
            font-size: 16px;
        }
    }
    .usa-abroad-study {
        & .row {
            &::after {
               display: none;
            }
            .col{
                &::after {
                    display: none;
                }
            }
        }
    }
    .graduate-usa-img {
        height: 236px;
    }
    .usa-higher-education-card{
        .img-cover {
            margin-bottom: -5px;
        }
    }
    .usa-student-testimonial-box{
        padding: 20px;
        .row{
            .col-lg-5{
                order: -1;
            }
        }
        &::after {
            width: 100%;
            height: 100%;
        }
    }
    .usa-student-testimonial-content {
        padding-right: 0;
        padding-left: 0;
        padding-top: 20px;
    }
    .usa-student-testimonial-slider {
        .slick-track {
            padding-block: 0;
        }
    }
    .application-process {
    .main-wrapper {
        padding-inline: 40px;
        margin: 0 auto;
        display: grid;
        gap: 32px;
        grid-template-columns: 1fr 1fr 1fr;
        .process-list:not(:last-child) {
            margin-top: 0;
        }
        .process-list {
            margin-left: auto;
            width: 100%;
            padding: 0;
        }
                .info-text {
            width: 100%;
        }
    }
            .info-text h4, .right-caption {
            font-size: 16px;
        }
}
.partner-with-us-banner {
    height: auto;
    .banner-content {
        margin-top: -40px;
    }
    .container{
        position: relative;
        padding-top: 200px;
    }
    .banner-bg{
        position: absolute;
    }
}
.partner-with-us-tabs,.join-gee-bee {
    text-align: center;
    .process-box {
        text-align: center;
    }
    .btn-group{
        justify-content: center;
    }
}
.partner-with-us-cta {
    .container {
        text-align: center;
    }
    .btn-group{
        justify-content: center;
    }
}
.why-study-in-australia {
    .wsa {
        position: relative;
        width: 100%;
    }
}
.book-free-consult {
    .container {
        padding-inline: 5%;
    }
}
.upcoming-intakes {
    .row .col-lg-4:nth-child(2){
        border-right: 0;
    }
}
.cost-study .short-name h3 {
    width: 90%;
}
.visa-section .visa-grid{
    flex-direction: column;
}
.visa-section .visa-item {
    width: 100%;
    padding: 40px;
}
.lifestyle-culture {
    & .row {
        .col:nth-child(4) {
            transform: translateY(-75px);
        }
        .col:nth-child(5) {
            transform: translateY(0);
        }
    }
    .row.mb-100{
        margin-bottom: 0;
    }
}
.mb-30 {
    margin-bottom: 25px;
}
.pay-less-box {
    justify-content: center;
        background-position: right;

}
    .pay-less-box-content {
        width: 60%;
        text-align: center;
        margin-right: 0;
        .btn-group{
            justify-content: center;
        }
    }
        .vid-testi-item-box {
        height: 426px;
    }
    .vid-testi-item-content {
        h3 {
            font-size: 25px;
        }
        p {
            font-size: 16px;
        }
        .play-btn {
            width: 70px;
            height: 70px;
            padding: 24px;
        }
    }
    .vid-testi-slider {
        .slick-next {
            right: -30px;
        }
        .slick-arrow.slick-prev {
            left: -30px;
        }
    }
    .end-university-popup {
        .popup__content {
            width: 80%;
        }
    }

}
@media (max-width: 575px){
    .sec-gap {
        padding: 20px 0;
    }
    .logo {
        width: 140px;
    }
    #menu .main-menu {
        top: 67px;
    }
    header.sticky {
        padding-block: 4px;
        #menu .main-menu{
            top: 57px;
        }

    }
    .flex-box{
        margin-right: 60px;
    }
    .primary-btn {
        font-size: 13px;
    }
    .section-title{
        font-size: 22px;
        margin-bottom: 5px;
    }
    .dec{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .fixed-btn {
        right: 5px;
        top: 80%;
        .wp {
            width: 50px;
            height: 50px;
        }
        .chatbot{
            width: 40px;
            height: 40px;
            padding: 8px;
        }
    }
    header{
        top: 15px;
    }
    .banner {
        height: 535px;
        .banner-content{
            margin-top: 100px;
        }
        h1{
            font-size: 28px;
        }
        p{
            font-size: 15px;
        }
        .banner-girl-bg{
            width: 55%;
        }
        .banner-girl{
            width: 55%;
        }
    }
    .facilities {
        .facilities-box {
            padding: 11px 11px;
            border-radius: 10px;
        }
        .pink-vector {
            display: none;
        }
    }
    .services {
        .dec {
            margin-bottom: 20px;
        }
        .pink-vector {
            display: none;
        }
        .pink-vector-bottom{
            display: none;
        }
        h3 {
            font-size: 22px;
            margin-bottom: 18px;
        }
        ul {
            li {
                font-size: 14px;
                margin-bottom: 16px;
            }
        }
        .btn-group {
            margin-top: 20px;
        }
        .vector-yellow {
            left: 6px;
            top: 3px;
            width: 30px;
        }
        .service-item {
            padding: 20px;
        }
        .all-services {
            gap: 20px;
        }
        .service-img-content {
            .service-big{
                width: 60%;
            }
            .tringle {
                left: 20px;
                width: 22%;
                top: 40px;
            }
            .service-small {
                right: -4px;
                width: 110px;
                top: -38px;
            }
            .tringle-pink {
                width: 15%;
                right: -5px;
                bottom: 25%;
            }
            .vector-hat {
                right: 89px;
                width: 40px;
                height: 40px;
            }
            .twister-arrow{
                left: 16px;
                width: 23%;
                bottom: -15px;
            }
        }
    }
    .join-today {
        .join-today-text-content {
            h4 {
                font-size: 14px;
                margin-bottom: 5px;
            }
            .section-title {
                font-size: 26px;
                margin-bottom: 5px;
            }
            h5 {
                font-size: 16px;
                margin-bottom: 10px;
                line-height: 110%;
            }
            p {
                line-height: 130%;
            }
        }
        .join-today-img-content{
            .yellow-bg {
                left: -10px;
            }
            .join-today-girl {
                width: 80%;
            }
            .tringle-orange {
                top: 66px;
                left: -50px;
                width: 20%;
            }
            .rec-green {
                top: 67px;
                right: 10px;
                width: 23%;
            }
        }
    }
    .student-assistance{
        .mb-100 {
            margin-bottom: 60px;
        }
        .vector-lamp {
            left: 9px;
            width: 9%;
            top: 150px;
        }
        .service-rectangular {
            display: none;
        }
        .vector-pink {
            right: 60px;
            width: 8%;
        }
    }
    .support-box {
        width: 100%;
    }
    .divider{
        display: none;
    }
    .support-list{
        gap: 5px;
    }
    .slideshow-img {
        animation: movingRight 7s linear infinite;
    }
    .test-preparation {
        padding-inline: 20px;
        .test-item {
            h5 {
                font-size: 16px;
            }
            .test-item-content{
                padding: 20px 14px;
            }
        }
        .test-preparation-slider{
            margin-bottom: 140px;
        }
    }
    .partner-list {
        padding: 10px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        border-radius: 20px;
        img {
            width: 23%;
        }
    }
    .top-partner {
        margin-top: -115px;
        .section-title{
            font-size: 18px;
        }
    }
    .about{
        .green-star {
            right: unset;
            left: 0;
        }
        .about-img-box{
            gap: 15px;
            .rec-b-yellow {
                left: 100px;
                width: 35%;
                bottom: -9px;
            }
            .rec-green {
                left: 100px;
                top: 104px;
            }
        }
    }
    .flip-box {
        height: 409px;
        border-radius: 10px;
    }
    .student-slider{
        padding-inline: 20px;
    }
    .students {
        .vector-pink {
            display: none;
        }
    }
    .world-map {
        .global-rectangle {
            display: none;
        }
    }
    .country-slider{
        padding-inline: 60px;
        .slick-prev {
            left: 0px;
        }
        .slick-next {
            right: 0px;
        }

    }
    .feature-article {
        .vector-pink {
            left: 4px;
            width: 10%;
        }
        .blog-btn{
            font-size: 16px;
        }
    }
    .blog-left-img{
        border-radius: 10px;
    }
    .blog-list{
        border-radius: 10px;
        gap: 15px;
        flex-direction: column;
        .blog-content{
            width: 100%;
            padding-left: 0;
        }
        .blog-img{
            width: 100%;
            height: 230px;
            border-radius: 10px;
            order: -1;
        }
    }
    .blog-gride{
        border-radius: 10px;
        padding: 16px 12px;
    }
    .blog-title {
        font-size: 16px;
    }
    .faq {
        .rectangular {
            display: none;
        }
        .vector-pink {
            width: 10%;
        }
        .accordion__item .accordion__title {
            font-size: 16px;
        }
    }
    .booking{
        .section-title{
            font-size: 23px;
            text-align: center;
        }
        .form-control {
            padding: 12px 5px;
        }
        form {
            input[type="checkbox"] {
                width: 30px;
                height: 29px;
            }
            .btn-group{
                justify-content: center;
            }
        }
        .booking-img {
            display: none;
            .triple-lines {
                top: 44.5%;
                right: 146px;
                width: 7%;
            }
        }
    }
    footer {
        padding-top: 20px;
        text-align: center;
        .footer-logo {
            width: 180px;
            margin-bottom: 10px;
        }
        .social-links {
            margin-bottom: 10px;
        }
        p{
            margin-bottom: 10px;
        }
        .lisence {
            margin-top: 15px;
        }
        ul {
            li {
                margin-block: 5px;
            }
        }
        .footer-title {
            font-size: 16px;
        }
        .copyright{
            flex-direction: column;
            justify-content: center;
            p{
                margin-bottom: 5px;
            }
        }
    }
    .right {
        padding: 15px;
        text-align: left;
    }
    .title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .sldeshow{
        height: 180px;
        .plane{
            bottom: 120px;
        }
    }
    .slideshow-img {
        top: unset;
        bottom: 0;
        background-size: contain;
    }
    .inner-banner{
        height: 185px;
        .banner-content {
            margin-top: 80px;
        }
    }
    .blog-listing {
        & ul {
            li {
                width: auto;
                font-size: 14px;
                padding: 0;
                text-align: center;
            }
        }
    }
    .blog-card-img {
        border-radius: 10px;
    }
    .blog-card-text {
        h4 {
            font-size: 18px;
        }
        p{
            margin-bottom: 10px;
        }
    }
    .inner-banner.service-banner{
        overflow: hidden;
        height: 430px;
        .banner-content{
            margin-top: 0;
            display: block;
            height: auto;
            p{
                margin-bottom: 0;
            }
        }
        .container{
            align-items: end;
        }
    }
    .inner-banner.about-banner {
        height: 360px;
        .banner-content{
            margin-top: 50px;
            h1{
                margin-bottom: 5px;
            }
            p{
                margin-bottom: 0;
            }
        }
        .container{
            overflow: hidden;
        }
    }
    .service-banner-img {
        height: 100%;
        display: flex;
        align-items: end;
        img{
            width: auto;
            height: auto;
            margin-bottom: -2px;
        }
    }
    .service-side-bar {
        ul {
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 30px;
            li{
                width: 100%;
                a{
                    font-size: 15px;
                    img{
                        width: 13%;
                    }
                }
            }
        }
        form {
            .title {
                font-size: 20px;
            }
        }
    }
    .service-line {
        display: none;
    }
    .osd-card {
        margin-bottom: -25px;
    }
    .osd-icons {
        left: 0;
        top: 8%;
    }
    .potential{
        padding-bottom: 40px;
    }
    .potential-slider{
        .slick-next {
            right: -8px;
        }
        .slick-prev {
            left: -8px;
        }
    }
    .service-today {
        & .join-today-img-content {
            .rec-green {
                top: 85px;
                right: 130px;
                width: 23%;
            }
        }
    }
    .cities {
        .section-title {
            margin-bottom: 15px;
        }
    }
    .cities-card{
        border-radius: 10px;
        gap: 10px;
    }
    .cities-card-img {
        border-radius: 10px;
    }
    .test-banner {
        padding-block: 170px;
        height: auto;
        box-shadow: 0px 12px 2px 5px #f3f3f3;
        border-radius: 0 0 15px 15px;
        .banner-content{
            flex-direction: column;
            align-items: center;
            margin-top: 95px;
            h1{
                width: 100%;
                text-align: center;
            }
        }
    }
    .test-category-item {
        ul {
            gap: 8px;
            li {
                font-size: 12px;
            }
        }
    }
    .tab-content {
        padding: 20px 10px;
    }
    .maj-up-text {
        h4 {
            font-size: 18px;
        }
    }
    .major-update{
        padding: 10px;
        flex-direction: column;
        text-align: center;
    }
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .tab-content {
        & table {
            th, td {
                padding: 10px;
                font-size: 15px;
                white-space: nowrap;
            }
        }
    }
    .test-listing {
        .title {
            font-size: 20px;
        }
    }
    .blog-details {
        h1 {
            font-size: 22px;
        }
        .vector-yellow {
            right: 150px;
            bottom: -22px;
        }
    }
    .date {
        font-size: 13px;
    }
    .blog-details {
        & .social-links {
            gap: 10px;
            img {
                width: 70%;
            }
        }
        .twister-arrow{
            display: none;
        }
    }
    .blog-details-content {
        .section-title {
            font-size: 18px;
        }
    }
    .sub-title {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .side-blog{
        ul{
            margin-bottom: 10px;
        }
    }
    .contact-us-dtls {
        .title {
            font-size: 24px;
            margin-bottom: 5px;
        }
    }
    .us-dtls-card {
        padding-block: 5px;
        h4 {
            font-size: 18px;
        }
    }
    .map {
        iframe {
            height: 250px;
        }
    }
    .contact-banner{
        h1{
            margin-bottom: 5px;
        }
    }
    .getintouch-box {
        .testi-girl {
            left: 0%;
        }
    }
    .boarding-school {
        padding: 30px;
        text-align: center;
        background-size: cover;
        &::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(359deg, #150050e3, #150050d9, #1500508c);
            z-index: -1;
        }
    .btn-group{
        justify-content: center;
    }
        h2, p {
        margin-bottom: 10px;
    }
    }
    .about-banner {
        .banner-content {
            margin-top: 0px;
        }
    }
    .about-story-img {
        border-radius: 8px;
    }
    .counter-item .counter-icon {
        width: 37px;
        height: 37px;
    }
    .counter-item {
        padding-left: 46px;
        margin-block: 20px;
    }
    .counter-item .counter-icon {
        left: 0;
    }
    .counter-item h3 {
        font-size: 21px;
        margin-bottom: 10px;
    }
    .counter-item p {
        font-size: 12px;
    }
    .counter {
        .container {
            padding-block: 20px;
            border-radius: 0;
        }
    }
    .back-yellow {
        width: 30%;
    }
    .miss-img{
        padding: 10px;
    }
    .about-mission-vision-content {
        .row {
            padding-block: 10px;
        }
        .row:first-child,
        .row:last-child {
            border-radius: 0;
        }
        .row:first-child{
            margin-bottom: 15px;
        }
        .row:last-child{
            .miss-text {
                padding-inline: 7px;
            }
        }
    }
    .miss-text {
        padding-inline: 7px;
    }
    .message-box {
        padding: 15px;
        border-radius: 14px;
        p {
            font-size: 15px;
        }
    }
    .info-name {
        font-size: 17px;
        margin-bottom: 7px;
    }
    .director-info {
        gap: 20px;
    }
    .info-left{
        p{
            margin-bottom: 1px;
        }
        &::after {
            height: 46px;
            right: -15px;
            top: 6%;
        }
    }
    .about-journey {
        .section-title {
            margin-bottom: 20px;
        }
    }
    .journey-box {
        padding-inline: 30px;
        h3 {
            font-size: 26px;
            margin-bottom: 10px;
        }
        p{
            line-height: 147.222%;
        }
    }
    .journey-box-icon {
        width: 60px;
        height: 60px;
    }
    .location-icon {
        width: 16px;
        height: 16px;
        margin-top: 2px;
    }
    .location-content {
        max-height: 360px;
    }
    .high-education-box {
        gap: 10px;
        img {
            width: 40%;
        }
    }
    .boading-banner{
        height: 300px;
        .banner-content{
            width: 100%;
            h1{
                width: 100%;
                font-size: 28px;
                margin-bottom: 5px;
            }
            p {
                font-size: 15px;
                margin-bottom: 10px;
            }
        }
        .banner-bg{
            object-position: left;
        }
    }
    .bc-text {
        padding: 7px;
        h4 {
            font-size: 14px;
        }
    }
    .boading-global {
        img {
            width: 95%;
        }
    }
    .boarding-card h3 {
        font-size: 1.1rem;
        margin-bottom: 5px;
    }
    .find-slider{
        .slick-slide{
            margin: 0 10px;
        }
        .slick-list{
            margin: 0 -10px;
        }
        .slick-dots {
            bottom: -30px;
        }
    }
    .boading-global {
        .col-lg-6 {
            text-align: center;
            .btn-group{
                justify-content: center;
            }
        }
    }
    .find-txt {
        h4 {
            font-size: 18px;
        } 
        p {
            line-height: 144.889%;
        }
    }
    .medium-text{
        text-align: center;
        .btn-group{
            justify-content: center;
        }
    }
    .boading-world-map {
        .container {
            padding: 20px;
        }
    }
    .ideal-location-slider {
        padding-inline: 20px;
        .slick-prev{
            left: -10px;
        }
        .slick-next{
            right: -10px;
        }
    }
    .ideal-txt{
        padding: 10px;
    }
    .boading-class {
        .container {
            padding: 20px 15px;
            border-radius: 0;
            background-position: left;
            &::before{
                border-radius: 0;
                background: linear-gradient(90deg, rgba(0, 0, 0, 0.34) 79%, rgba(102, 102, 102, 0.00) 100%);
            }
        }
    }
    .uk-banner{
        height: 480px;
        .banner-bg{
            object-position: left;
        }
        & .banner-content {
            text-align: center;
            margin-top: 0;
            h5 {
                font-size: 12px;
            }
            h1 {
                font-size: 28px;
                margin-bottom: 5px;
            }
            p {
                font-size: 14px;
                margin-bottom: 9px;
            }
            .btn-group{
                justify-content: center;
            }
        }
    }
    .banner-bottom{
        height: 20%;
    }
    .bottom-box{
        width: 100%;
        height: 33%;
        p {
            font-size: 13px;
        }
        img {
            width: 20px;
            height: 20px;
        }
    }
    .uk-hill-content {
        padding: 10px;
    }
    .uk-tabs {
        position: sticky;
        top: 58.8px;
        z-index: 1;
        padding: 10px 0;
        background: #FFF;
        border-bottom: 1px solid #ddd;
      }
    .uk-tabs {
        & ul {
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 3px;
            li{
                /* width: 45%; */
                line-height: 130%;
                font-size: 12px;
            }
        }
    }
    .what-we-do {
        padding: 20px 0;
    }
    .what-we-do {
        & ul {
            gap: 10px;
            & li {
                font-size: 14px;
                padding: 18px;
                width: 100%;
                border-radius: 10px;
            }
        }
    }
    .uk-study{
        position: relative;
    }
    .uk-study-tabs {
        & ul {
            gap: 5px;
            li {
                width: auto;
                padding: 10px 20px;
                line-height: 138.476%;
            }
        }
    }
    .great-future{
        .row{
            .col:last-child{
                order: -1;
            }
        }
    }
    .great-future-box {
        padding-left: 3%;
        padding-right: 10px;
        ul {
            li {
                font-size: 14px;
                line-height: 190.667%;
            }
        }
    }
    .students-say-box-content {
        border-radius: 0 10px 10px 0;
        padding: 12px;
        p{
            font-size: 16px;
        }
    }
    .profile-title {
        font-size: 16px;
    }
    .profile{
        p{
            font-size: 14px;
        }
    }
    .uk-universities-filter {
    .form-control {
        padding: 9px 10px;
        font-size: 14px;
    }
}
    .uk-universities-listing {
        .primary-btn {
            font-size: 14px;
            padding: 13px 20px;
        }
    }
    .universiti-logo {
    height: 90px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
}
    .uk-universities-item {
        h4 {
            font-size: 14px;
        }
        ul {
        margin-bottom: 10px;
        li{
            font-size: 10px;
            &::before {
            background-size: 14px;
            background-position: center left;
        }
        span:last-child {
            width: 63px;
        }
        }
    }
    .primary-btn {
            font-size: 12px;
            padding: 13px 20px;
        }
    }
    .uk-universities-content {
        padding: 0px;
    }
    .uk-inner-banner {
    height: 200px;
    .banner-bg {
    object-position: center;
}
    .container {
    align-items: center;
    padding-top: 15%;
    justify-content: center;
}
    &::after {
        background: radial-gradient(#0000007d, #00000057, transparent);
    }
}
.uk-header {
    top: 0;
    padding-block: 0;
        &::after {
        height: 50px;
    }
}
.uk-cc-booking {
    .vector {
        display: none;
    }
}
    .uk-banner.uk-inner-banner.career-counselling-banner {
        height: 320px;
    }
    .career-counselling-about {
        img {
            border-radius: 22px;
        }
    }
    .how-it-work-item {
        text-align: center;
        background: #F9F6EF;
        border-radius: 10px;
        img{
            width: 55px;
        }
    }
    .card-title {
        font-size: 17px;
    }
    .uk-cc-success-stories {
        .students-say-img{
            img{
                border-radius: 10px;
            }
        }
        .students-say-box {
            border-radius: 10px;
            padding: 10px;
        }
    }
    .uk-cc-faq {
        .accordion__item {
            padding: 10px;
        }
    }
    .uk-connect-banner{
        position: relative;
        .container {
            align-items: center;
            padding-top: 15%;
            background: radial-gradient(#0000009e, #0000004f);
        }
    }
    .uk-university-connect-dtls {
        & .us-dtls-card {
            height: auto;
            gap: 10px;
            h4 {
                width: 30%;
                font-size: 16px;
            }
        }
    }
    .uk-university-connect-dtls {
        form .primary-btn {
            padding: 15px 21px;
        }
    }
    .get-title{
        margin-top: 15px;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .contact-social-links {
        a {
            width: 35px;
            height: 35px;
            padding: 10px;
        }
    }
    .uk-map {
        margin-bottom: 20px;
    }
    .course-menu {
        border-radius: 10px;
        & li {
            font-size: 15px;
            img {
                width: 33px;
            }
            &:hover, &.active {
                border-radius: 10px;
            }
        }
    }
    .uk-courses-item {
        .course-img img {
            border-radius: 10px;
        }
    }
    .uk-courses-item {
        .course-content {
            padding: 5px;
        }
        .course-content h3 {
            font-size: 20px;
        }
        .course-content h4 {
            font-size: 14px;
        }
        .info h5 {
            font-size: 15px;
        }
        .info p {
            font-size: 14px;
            line-height: 123.222%;
        }
        .course-info {
            gap: 5px;
        }
        .info{
            margin-bottom: 5px;
            img {
                top: 2px;
                width: 16px;
            }
        }
    }
    .uk-courses-banner{
        .container{
            background: radial-gradient(#00000052, #00000059);
        }
    }
    .uk-courses-details-banner {
        height: 250px;
        .container {
            background: radial-gradient(#00000052, #00000059);
        }
        .banner-content{
            text-align: left;
            h5 {
                margin-bottom: 8px;
            }
            p {
                img {
                    width: 13px;
                }
            }
            .btn-group {
                justify-content: left;
                gap: 10px;
            }
        }
    }
    .uk-courses-details-content{
        border-radius: 10px;
        padding: 10px 8px;
        h3 {
            font-size: 19px;
        }
        h4 {
            font-size: 16px;
        }
        .module {
            border-radius: 10px;
            padding: 10px 6px;
            margin-bottom: 20px;
            h4{
                padding-bottom: 8px;
            }
        }
        .course-table-wrapper {
            border-radius: 10px;
            overflow-x: auto;
            margin-bottom: 15px;
        }
        .course-table th {
            font-size: 15px;
            padding: 10px 10px;
            white-space: nowrap;
        }
        .course-table td {
            padding: 10px 10px;
            white-space: nowrap;
        }
        ul{
            margin-bottom: 20px;
            padding-left: 16px;
        }
    }
    .uk-course-details-sidebar {
        padding: 15px 10px;
        h4 {
            font-size: 18px;
            margin-bottom: 20px;
        }
        h5 {
            font-size: 15px;
            margin-bottom: 5px;
        }
    }
    .ondemand {
        padding: 10px;
        margin-top: 20px;
    }
    .uk-courses-item {
        border-radius: 10px;
        padding: 10px;
        .course-img {
            border-radius: 10px;
        }
    }
    .uk-related-courses {
        .title-md {
            font-size: 24px;
            margin-bottom: 10px;
        }
    }
    .contact-us-dtls {
        & form {
            label {
                font-size: 14px;
            }
        }
    }
    .university-banner{
        .container {
            background: radial-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.35));
        }
    }
    .uk-universities-item {
        border-radius: 10px;
    }
    .universiti-logo {
        border-radius: 10px;
    }
    .university-details {
        h1 {
            gap: 8px;
            margin-bottom: 10px;
            img {
                width: 44px;
            }
        }
        .date {
            font-size: 13px;
            margin-bottom: 10px;
            padding-left: 0;
            img {
                width: 15px;
            }
        }
    }
    .mb-25 {
        margin-bottom: 8px;
    }
    .overview-tablinks {
        font-size: 14px;
        width: 46%;
        padding: 10px 14px;
    }
    .university-category-item {
        .tabs {
            gap: 7px;
        }
    }
    .overview-logo {
        width: 150px;
        height: 110px;
        padding: 15px;
        border-radius: 10px;
        margin-right: 10px;
    }
    .overview-content {
        h2{
            font-size: 22px;
        }
        th, td{
            font-size: 14px;
            white-space: nowrap;
        }
        .table-container {
            overflow-x: auto;
        }
        ul, & ol {
            li {
                font-size: 14px;
                padding-left: 21px;
                line-height: 20px;
                margin-bottom: 10px;
                &::before {
                    top: 5px;
                    width: 10px;
                    height: 10px;
                }
            }
        }
        h3 {
            font-size: 20px;
        }
        h4 {
            font-size: 18px;
        }
    }
    .overview-img {
        width: 100%;
        border-radius: 10px;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .gateway {
        padding: 20px;
        height: 250px;
        border-radius: 10px;
        img {
            height: auto;
            right: 5px;
            width: 315px;
        }
        h2 {
            width: 100%;
            margin-bottom: 10px;
        }
    }
    .uk-banner.uk-inner-banner.career-counselling-banner.usa-cc-banner {
        height: 200px;
    }
    .usa-why-chooose-content {
        h3 {
            margin-bottom: 5px;
        }
        .primary-btn {
            font-size: 13px;
        }
    }
    .usa-step-img {
        img {
            border-radius: 34px 0 0 0;
        }
    }
    .usa-step-card {
        padding: 10px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
        h3 {
            font-size: 18px;
        }
    }
    .mb-40 {
        margin-bottom: 20px;
    }
    .usa-importance-card {
        gap: 10px;
        h3 {
            font-size: 15px;
        }
    }
    .usa-importance-icon {
        width: 46px;
        height: 46px;
        padding: 12px;
        &::after {
            width: 40px;
            height: 40px;
            border-width: 1px;
        }
    }
    .usa-important-card-content {
        width: 80%;
    }
    .usa-importance {
        .container {
            padding-inline: 10px;
        }
    }
    .usa-importance-box{
        padding: 5px;
    }
    .usa-importance-content {
        padding-block: 10px;
        padding-inline: 5px;
    }
    .usa-benefits {
        & .uk-service-item {
            .card-title {
                font-size: 16px;
            }
            p {
                font-size: 13px;
            }
        }
    }
    .uk-cc-faq {
        .accordion__item .accordion__title {
            padding: 0 20px 10px 0px;
        }
        .accordion__item .accordion__title.accordion-active {
            padding: 5px 30px 0 0;
        }
        .accordion__item {
            margin: 5px auto;
        }
        .accordion__item .accordion__content {
            padding: 5px 6px;
        }
        .accordion__title-text::before {
            font-size: 14px;
        }
        .accordion__title::after {
            top: 3px;
        }
    }
    .boading-class.usa-boading-class {
        .container {
            padding: 15px;
            text-align: center;
            .btn-group{
                justify-content: center;
            }
        }
    }
     .usa-inner-banner {
        .col-lg-7 {
            gap: 10px;
            flex-direction: column;
        }
        .banner-content{
            p{
                img{
                    width: 12px;
                }
            }
        }
    }
    .usa-university-details {
        .container {
            margin-top: 0;
        }
    }
    .usa-university-details-banner{
        height: 330px;
        .banner-content{
            text-align: center;
            .btn-group{
                justify-content: center;
            }
        }
        .col-lg-7 {
            padding-bottom: 10px;
        }
    }
    .usa-university-details {
        .container {
            padding-inline: 10px;
        }
        .university-category-item {
            padding: 10px;
            h4 {
                margin-bottom: 25px;
            }
            .overview-tablinks{
                font-size: 14px;
            }
            .tabs{
                gap: 5px 7px;
                li{
                    width: 48%;
                }
            }
        }
    }
    .overview-content {
        ol {
            li {
                padding-left: 0;
            }
        }
    }
    .usa-boading-class {
        &::before {
            background: linear-gradient(90deg, rgb(0 0 0 / 40%) 41%, rgb(102 102 102 / 43%) 100%);
        }
    }
    .usa-application-process-banner{
        height: 250px;
    }
    .usa-our-process {
        & .course-menu {
            li {
                font-size: 15px;
            }
        }
    }
    .process-box {
        padding: 10px;
    }
    .title-md {
        font-size: 22px;
    }
    .usa-courses-banner {
        height: 300px;
        .form-control{
            font-size: 14px;
        }
    }
    .usa-courses-listing {
        .section-title {
            font-size: 22px;
            margin-bottom: 13px;
        }
        .title-md {
            font-size: 19px;
        }
        .filters{
            padding: 10px;
        }
        .filter-box h3 {
            font-size: 16px;
        }
        .uk-courses-item {
            .course-info {
                gap: 10px;
                grid-template-columns: 1fr 1fr;
            }
        }
    }
        .usa-inner-banner {
        .banner-content {
            padding-top: 0;
        }
    }
    .usa-univercity-banner.banner {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .top-container {
        padding: 0;
    }
    .total-count {
        font-size: 14px;
    }
    .sort-box{
        font-size: 14px;
    }
    .sort-box select {
        font-size: 14px;
    }
    .usa-universities-listing {
        .filter-title { 
            font-size: 16px;
        }
        .filter-list li {
            padding: 8px 8px;
        }
        
    }
    .usa-uni-list{
        .uk-universities-content {
            text-align: center;
        }
        .universiti-logo {
            margin-bottom: 0;
            img{
                height: 100%;
            }
        }
        h4 {
            font-size: 20px;
        }
        .primary-btn {
            width: 100%;
        }
    }
    .usa-connect-banner{
        height: 200px;
        .banner-content{
            text-align: center;
        }
    }
    .uk-banner.usa-scholarship-banner {
        & .banner-content {
            padding-right: 0;
            h1 {
                font-size: 26px;
            }
        }
    }
    .uk-banner.usa-scholarship-banner {
        height: 230px;
    }
    .new-life {
        & .row {
            .col-lg-6:first-child {
                padding: 10px;
            }
        }
    }
    .apply-scholarship {
        h3 {
            font-size: 26px;
            line-height: 33px;
            margin-top: -90px;
            margin-bottom: 20px;
        }
    }
    .usa-univercity-banner.banner {
        & .container {
            h1{
                font-size: 24px;
                margin-bottom: 5px;
            }
        }
    }
    .gallery-banner{
        height: 310px;
    }
    .gallery-page {
        & .test-category-item {
            & ul {
                margin-bottom: 0px;
                padding-block: 0px;
                li {
                    padding: 6.2px 19px;
                }
            }
        }
    }
    .gallery-item {
        .play-icon {
            width: 49.488px;
            height: 49.488px;
            padding: 18px;
        }
    }
    .usa-inner-banner {
        .banner-logo {
            width: 110px;
            height: 95px;
            padding: 10px;
            border-radius: 10px;
        }
    }
    .uk-home-banner {
        height: 560px;
        & .banner-content {
            margin-top: 70px;
            h1 {
                font-size: 36px;
            }
        }
    }
    .usa-counter {
        padding-block: 10px;
    }
    .find-usa-degree {
        padding-block: 20px;
    }
    .find-usa-box {
        padding: 15px;
    }
    .find-usa-card {
        p {
            font-size: 14px;
        }
    }
    .find-usa-box {
         ul {
            padding-left: 20px;
            li {
                a {
                    font-size: 14px;
                }
                &::marker {
                    font-size: 14px;
                }
            }
        }
    }
    .usa-abroad-study-icon {
        width: 89px;
        height: 89px;
        padding: 20px;
        outline-width: 8px;
        margin-bottom: 45px;
        &::after {
            width: 107px;
            height: 107px;
        }
    }
    .usa-abroad-study-content {
        &::after {
            font-size: 14px;
            top: -23px;
        }
        h3 {
            font-size: 14px;
        }
    }
    .usa-student-testimonial-slider {
        .slick-dots {
            bottom: -35px;
        }
    }
    .usa-graduate-content {
        padding: 10px;
        padding-bottom: 15px;
    }
    .graduate-usa-img {
        height: 228px;
    }
    .usa-higher-education-card {
        .img-cover {
            margin-bottom: -4px;
        }
        h3 {
            bottom: 0;
            padding: 6px 50px;
        }
    }
    .student-essentials-img {
        p {
            bottom: 0;
        }
    }
    .usa-student-testimonial-img {
        border-radius: 10px;
    }
    .usa-student-testimonial-box {
        padding: 10px;
        &::after {
            border-radius: 10px;
        }
    }
    .usa-student-testimonial-content {
        img{
            width: 30px;
            margin-bottom: 5px;
        }
        p {
            font-size: 14px;
        }
    }
    .application-process {
        .main-wrapper {
            padding-inline: 15px;
            margin: 0 auto;
            display: grid;
            gap: 32px;
            grid-template-columns: 1fr 1fr;
        }
        .info-text h4, .right-caption {
            font-size: 14px;
        }
                .step-box {
            width: 145px;
            height: 55px;
            font-size: 20px;
        }
    }
    .inner-banner.partner-with-us-banner {
        height: auto;
        .container {
            position: relative;
            padding-top: 110px;
        }
        h1 {
            font-size: 24px;
        }
                & .banner-content {
                    margin-bottom: 12px;
            p {
                margin-bottom: 12px;
            }
        }
    }
    .partner-with-us-tabs {
    & .course-menu {
        li {
            font-size: 14px;
            min-width: 140px;
            margin: 4px 6px;
        }
    }
}
.partner-with-us-tabs {
    .process-box {
        border: 0;
        padding: 18px;
        border-radius: 23px;
    }
}
.main-header {
    padding-inline: 10px;
}
.why-study-in-australia {
    & .col-lg-7 {
        .para {
            margin-bottom: 20px;
        }
        .row{
            padding-inline: 15px;
        }
        .col-md-6{
            background: #15005014;
            padding: 15px;
            h3 {
                margin-bottom: 5px;
            }
        }
    }
}
    .book-free-consult {
        padding-block: 25px;
    }
    .up-intaks {
        h3 {
            margin-bottom: 5px;
        }
    }
    .cost-study {
        padding: 20px 10px;
    }
    .cost-study .short-name p {
        max-width: 100%;
        font-size: 15px;
        line-height: 22px;
    }
    .cost-study hr {
        margin: 10px auto;
    }
    .cost-study .short-name h3 {
        font-size: 18px;
        width: 100%;
    }
    .cost-study .table-wrap tbody td {
        padding: 15px;
        font-size: 15px;
    }
    .cost-study .table-wrap thead th {
        padding: 8px 10px;
    }
    .cost-study .table-wrap {
        margin-top: 20px;
        overflow-x: auto;
    }
    .visa-section .visa-item {
        width: 100%;
        padding: 15px;
    }
    .visa-section .short-name h2{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .lifestyle-culture {
        & .row {
            .col:nth-child(1), .col:nth-child(3), .col:nth-child(5) {
                transform: translateY(0);
            }
            .col:nth-child(4) {
                transform: translateY(0);
            }
        }
        .row.mb-100 {
            margin-bottom: 20px;
        }
    }
    .mb-30 {
        margin-bottom: 15px;
    }
    .pay-less-box-content {
        width: 90%;
    }
    .pay-less-box {
        padding-block: 30px;
    }
    .explore-graduation {
        padding-block: 30px;
    }
    .explore-gra-slider{
        .slick-next {
            right: -10px;
        }
        .slick-prev {
            left: -10px;
        }
    }
    .vid-testi-item-box {
        height: 366px;
    }
    .vid-testi-item-content {
        padding: 10px 15px;
        border-radius: 10px;
        h3 {
            font-size: 20px;
        }
        p {
            font-size: 15px;
        }
        .play-btn {
            width: 60px;
            height: 60px;
            padding: 21px;
            img {
                margin-left: 5px;
            }
        }
    }
    .vid-testi{
        padding-bottom: 40px;
    }
    .vid-testi-slider {
        .slick-arrow {
            top: 107%;
            left: 60%;
        }
        .slick-arrow.slick-prev {
            left: 30%;
        }
    }
    .vid-testi-item-content {
        .play-btn {
            right: 20px;
        }
    }
    .australia-courses {
        & .uk-courses-item {
            padding: 10px;
        }
    }
    .visa-section .short-name p {
        margin-bottom: 15px;
        max-width: 100%;
    }
    label {
        font-size: 14px;
    }
    .end-popup{
        & .popup__content {
            width: 90%;
            height: 90dvh;
            .contact-form {
                padding: 10px;
                padding-top: 20px;
                height: 90dvh;
                overflow: auto;
            }
        }
    }
    .end-university-popup {
        .popup__content {
            width: 90%;
        }
    }
}

}