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

:root {
    --primary-font: "Inter", sans-serif;
    --primary-color: #565661;
    --secondary-color: #0F0E24;
    --link-color: #C29E36;
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --duration: 1s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--primary-font);
    font-size: 17px;
    color: var(--primary-color);
    font-weight: 400;
    line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--secondary-color);
    line-height: 1;
    margin-bottom: 16px;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 45px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 20px;
}

h2 span {
    font-style: italic;
    font-weight: 500;
    color: #015A41;
}

@media(max-width: 991px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 28px;
    }
}


a {
    color: var(--link-color);
    text-decoration: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

p {
    margin-bottom: 16px;
}

form input,
form select,
form textarea {
    min-height: 48px;
    border: 1px solid #015A41;
    font-size: 15px;
    padding: 8px 20px;
    color: var(--primary-color);
    background-color: #F8FFFD;
    border-radius: 4px;
    outline: none;
    appearance: none;
    width: 100%;
}

.primary-btn {
    font-size: 16px;
    padding: 16px 30px;
    display: inline-block;
    transition: all .3s ease-in-out;
    background-color: #015A41;
    color: #fff;
    border-radius: 10px;
    line-height: 1;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    border: 0;
    cursor: pointer;
}

.primary-btn:hover {
    background: #DBB023;
}

.primary-btn:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #DBB023;
    border-radius: 50%;
    position: absolute;
    transition: 400ms;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.primary-btn:hover:after {
    transform: scale(12.5);
}

.primary-btn span {
    position: relative;
    z-index: 1;
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}

.inner-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

/* header css start   */
.header {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
    box-shadow: 0px 4px 14.5px 0px #00000045;
}

.header .row {
    justify-content: space-between;
    align-items: center;
}

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

.header .menu-section nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header .menu-section nav>ul {
    display: flex;
    gap: 20px;
}

.header .menu-section nav>ul>li {
    padding: 0 20px;
}

.header .menu-section nav>ul>li>a {
    padding: 12px 10px;
    display: inline-block;
    color: #514D49;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    transition: all .3s ease-in-out;
    position: relative;
}

.header .menu-section nav>ul>li:hover>a,
.header .menu-section nav>ul>li.active>a {
    border-color: #015A41;
    color: #015A41;
}

.header .menu-section nav>ul>li {
    position: relative;
}

.header .menu-section nav>ul>li>a:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    height: 2px;
    background: #015A41;
    transition: all .3s;
    left: 0;
    transform: scale(0);
    transform-origin: center;
}

.header .menu-section nav>ul>li:hover>a:after {
    transform: scale(1);
}

.header .menu-section nav>ul>li.has-child>a:after {
    display: none;
}

.header .menu-section nav>ul ul li a {
    display: block;
    padding: 5px 20px;
    color: #fff;
}

.header .menu-section .contact-btn {
    line-height: 0;
}

/* hero section  */
.hero-section {
    background: radial-gradient(50% 50% at 50% 50%, #2BA280 0%, #1F5848 100%);
    padding: 120px 0 0;
    position: relative;
}

.hero-section .content-section {
    width: 44%;
    margin-top: -22px;
}

.hero-section .form-section {
    width: 43%;
}

.hero-section .row {
    justify-content: space-between;
}

.hero-section .content-section h1 {
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
}

.hero-section .content-section h1 span {
    font-style: italic;
    color: #DBB023;
    font-weight: 600;
}

.hero-section .content-section p {
    color: #fff;
    font-size: 23px;
    font-weight: 400;
}

.hero-section .container {
    position: relative;
    z-index: 1;
}

.hero-section .hero-img {
    position: absolute;
    bottom: 0;
    left: -70px;
    width: 62%;
}

.form-wrapper .form-inner-section {
    position: relative;
    z-index: 1;
    padding: 37px 40px 18px;
    background: #fff;
    border-radius: 20px 20px 0 0;
}

.form-wrapper .form-inner-section h3 {
    color: #015A41;
    margin: 0 0 8px;
}

.form-wrapper .form-inner-section p {
    font-size: 16px;
    color: #5E5F68;
    margin-bottom: 23px;
}

.form-wrapper {
    position: relative;
}


.form-wrapper:before {
    content: "";
    position: absolute;
    width: 101%;
    height: 95%;
    top: -10px;
    left: 4px;
    background: #DBB023;
    z-index: 0;
    border-radius: 20px;
    transform: matrix3d(1, 0, 0, 0, -0.02, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.form-wrapper form .form-fields {
    margin-bottom: 16px;
}

.form-wrapper form>.column-2 {
    display: flex;
    gap: 20px;
}

.form-wrapper form>.column-2 .form-fields {
    width: 50%;
}

.form-wrapper form .primary-btn {
    width: 100%;
}

/* courses section  */
.our-courses {
    padding: 85px 0;
}

.our-courses .top_section .row {
    justify-content: center;
}

.our-courses .top_section .row h2 {
    margin-bottom: 23px;
}

.our-courses .main_section .row {
    gap: 20px;
    justify-content: space-between;
}

.our-courses .main_section .row .courses-item {
    width: calc(25% - 20px);
}

.our-courses .main_section .row .courses-item .content {
    border: 1px solid #92C8B9;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    padding: 16px 17px 26px;
    position: relative;
    top: -1px;
    transition: all .3s;
}

.our-courses .main_section .row .courses-item h4 {
    font-size: 21px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 14px;
}

.our-courses .main_section .row .courses-item .courses-duration {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
}

.our-courses .main_section .row .courses-item .price {
    margin-bottom: 20px;
}

.our-courses .main_section .row .courses-item .price p {
    color: #C29E36;
    font-size: 16px;
    margin-bottom: 7px;
    font-weight: 500;
}

.our-courses .main_section .row .courses-item .price span {
    font-size: 18px;
    color: #4E4E59;
    font-weight: 300;
}

.our-courses .main_section .row .courses-item .price span strong {
    color: #015A41;
    font-weight: 700;
}


.our-courses .main_section .row .courses-item a.btn.primary-btn {
    text-align: right;
    margin-left: auto;
    display: block;
    max-width: 116px;
    font-size: 14px;
    padding: 12px 18px;
}

.our-courses .main_section .row .courses-item:hover .content {
    background: #008761;
    border-color: #008761;
}

.our-courses .main_section .row .courses-item:hover .content * {
    color: #fff;
}

.our-courses .main_section .row .courses-item:hover .content * {
    fill: #fff;
}

/* certifications css  */
.certifications {
    padding: 111px 0 87px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.certifications .container {
    position: relative;
    z-index: 1;
}

.certifications .top_section {
    text-align: center;
    margin-bottom: 40px;
}

.certifications .top_section h2 {
    color: #fff;
    margin: 0;
}

.certifications .row {
    gap: 23px;
}

.certifications .row .certifications-item {
    width: calc(25% - 23px);
}

.certifications .top_section h2 span {
    color: #DBB023;
}

.certifications:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #015A41;
    opacity: 0.7;
}

.certifications .row .certifications-inner {
    background: #fff;
    border-radius: 8px;
    padding: 18px 21px 30px;
    height: 100%;
    transition: all .3s;
}

.certifications .row .certifications-inner {
    background: #fff;
    border-radius: 8px;
    padding: 18px 21px 30px;
    text-align: center;
    border: 2px solid transparent;
}

.certifications .row .certifications-inner img {
    margin-bottom: 11px;
}

.certifications .row .certifications-inner h5 {
    color: #3D4348;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 12px;
}

.certifications .row .certifications-inner p {
    margin-bottom: 0;
    line-height: 1.5;
}

.certifications .row .certifications-item:nth-child(1) img {
    margin-bottom: 30px;
}

.certifications .row .certifications-inner:hover {
    border: 2px solid #01a174;
}

/* credibility style  */
.credibility {
    padding: 75px 0 134px;
    position: relative;
    overflow: hidden;
}

.credibility .row {
    align-items: center;
}

.credibility .row .left-section {
    width: 50%;
    padding-right: 130px;
}

.credibility .row .left-section h2 {
    margin-bottom: 28px;
}

.credibility .row .right-section {
    width: 50%;
}

.credibility .row .left-section p {
    margin: 0;
    font-size: 21px;
    color: #3D4348;
    line-height: 1.4;
}

.credibility .row .stats-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: flex-end;
}

.credibility .row .stats-wrapper .stats-items {
    width: calc(50% - 42px);
    position: relative;
    background: #C29E36;
    border-radius: 16px;
    overflow: hidden;
    padding: 48px 35px 31px 26px;
}

.credibility .row .stats-wrapper .stats-items:after {
    content: "";
    position: absolute;
    width: 18px;
    left: auto;
    right: 0;
    transition: all .5s;
    background: #015A41;
    height: 100%;
    top: 0;
}

.credibility .row .stats-wrapper .stats-items:hover:after {
    width: 100%;
}

.credibility .row .stats-wrapper .stats-items .stats-inner {
    position: relative;
    z-index: 1;
}

.credibility .row .stats-wrapper .stats-items .stats-inner * {
    color: #fff;
}

.credibility .row .stats-wrapper .stats-items h2 span {
    font-style: normal;
}

.credibility .row .stats-wrapper .stats-items h2 {
    font-size: 42px;
    margin-bottom: 10px;
}

.credibility .row .stats-wrapper .stats-items h5 {
    font-size: 19px;
    margin: 0 0 7px;
    font-weight: 600;
    line-height: 1.3;
}

.credibility .row .stats-wrapper .stats-items p {
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    font-family: Inter;
}

.credibility .row .stats-wrapper .stats-items:nth-child(2),
.credibility .row .stats-wrapper .stats-items:nth-child(4) {
    transform: translateY(74px);
}

/* advantage crm */
.advantage-crm {
    padding: 87px 0 108px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.advantage-crm .top-section .title {
    width: 100%;
    text-align: center;
    max-width: 674px;
    margin: 0 auto 50px;
}

.advantage-crm .top-section .title h2 {
    margin-bottom: 12px;
    color: #fff;
}

.advantage-crm .top-section .title h2 span {
    color: #FAC222;
}

.advantage-crm .top-section .title p {
    color: #fff;
    font-size: 23px;
    margin: 0;
}

.advantage-crm .marque-section .marque-items {
    border-radius: 40px;
    min-width: 560px;
    backdrop-filter: blur(70px);
    padding: 36px 50px;
    overflow: hidden;
    width: 100%;
}

.advantage-crm .marque-section .marque-items:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, #2B7936, #DDB035);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}

.advantage-crm .marque-section .row {
    flex-wrap: nowrap;
    gap: 80px;
}

.advantage-crm .marque-section .marque-items img {
    margin-bottom: 18px;
}

.advantage-crm .marque-section .marque-items h4 {
    font-size: 24px;
    color: #FAC222;
    font-weight: 500;
    text-transform: capitalize;
}

.advantage-crm .marque-section .marque-items p {
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
}

.marque-section {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 80px;
}

.marque-section .marquee_group {
    animation: scroll-x 20s linear infinite;
}

/* ranking */
.top-ranking {
    padding: 115px 0 85px;
    position: relative;
    overflow: hidden;
}

.top-ranking .bg-section {
    background: linear-gradient(268.88deg, #E0CD90 0.83%, #FFFCC5 89.24%);
}

.top-ranking .bg-section .media-section {
    width: 50%;
    position: relative;
}

.top-ranking .bg-section .media-section img.img1 {
    position: absolute;
    bottom: 0px;
    left: -110px;
}

.top-ranking .bg-section .media-section img.bg-img {
    width: 411px;
    height: 493px;
    margin-left: auto;
    display: block;
    object-fit: cover;
    margin-top: -20px;
}

.top-ranking .bg-section .left-section {
    width: 50%;
    padding: 73px 0 32px 108px;
}

.top-ranking .bg-section .left-section h2 {
    font-size: 50px;
    margin-bottom: 21px;
    line-height: 1.2;
}

.top-ranking .bg-section .left-section p {
    font-size: 23px;
    font-weight: 600;
    color: #1A1717;
    margin-bottom: 15px;
}

.top-ranking .bg-section .left-section ul {
    display: flex;
    margin: 0 0 27px;
    padding: 0;
    list-style: none;
    gap: 47px;
}

.top-ranking .bg-section .left-section ul li {
    color: #1A1717;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 11px;
}

/* Global Learning */
.global-learning {
    padding-bottom: 72px;
}

.global-learning .top-section {
    text-align: center;
    margin-bottom: 57px;
}

.global-learning .content-section {
    width: 50%;
}

.global-learning .media-section {
    width: 50%;
}

.global-learning .media-section img {
    width: 100%;
    max-width: 511px;
    display: block;
    margin-left: auto;
}

.global-learning .content-section h4 {
    text-transform: uppercase;
    color: #424746;
    font-weight: 700;
    margin-bottom: 20px;
}

.global-learning .content-section .benefits-item {
    margin-bottom: 9px;
}

.global-learning .content-section .benefits-item .icon-section {
    min-width: 90px;
    height: 90px;
    border-radius: 90px;
    background: #085F46;
    display: flex;
    align-items: center;
    justify-content: center;
}

.global-learning .content-section .benefits-item {
    display: flex;
    gap: 21px;
    align-items: center;
}

.global-learning .content-section .benefits-item h6 {
    margin: 0;
    color: #3D4348;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.27;
}

/* Top Universities */
.top-universities {
    padding-bottom: 90px;
}

.top-universities .marque-section .row {
    flex-wrap: nowrap;
    gap: 152px;
}

.top-universities .marque-section .row .logo-item {
    min-width: 190px;
}

.top-universities .title-section {
    text-align: center;
}

.top-universities .title-section h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Meet Our Expert */
.meet-our-expert {
    background: #C29E36;
    position: relative;
    padding: 41px 48px 88px;
}

.meet-our-expert .top-section {
    background: #fff;
    padding: 50px 0 124px;
    text-align: center;
}

.meet-our-expert .top-section .container {
    max-width: 684px;
}

.meet-our-expert .top-section h2 {
    margin-bottom: 24px;
}

.meet-our-expert .top-section h5 {
    font-size: 29px;
    font-weight: 500;
    color: #3D4348;
}

.meet-our-expert .top-section h5 span {
    color: #C29E36;
    font-weight: 700;
}

.meet-our-expert .expert-wrapper {
    position: relative;
    margin-top: -80px;
}

.meet-our-expert .expert-wrapper .row {
    gap: 46px 43px;
    justify-content: space-between;
}

.meet-our-expert .expert-wrapper .items {
    width: calc(20% - 43px);
    text-align: center;
}

.meet-our-expert .expert-wrapper .items .img-section {
    width: 165px;
    border-radius: 200px;
    overflow: hidden;
    border: 6px solid #fff;
    transition: all .3s;
    margin: 0 auto 18px;
}

.meet-our-expert .expert-wrapper .items img {
    width: 100%;
}

.meet-our-expert .expert-wrapper .items .img-section:hover {
    border-color: #085F46;
}

.meet-our-expert .expert-wrapper .items h6 {
    font-size: 19px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}

.meet-our-expert .expert-wrapper .container {
    max-width: 1380px;
}

/* Leading Recruiters */
.top-universities.recruiters {
    padding-top: 101px;
    padding-bottom: 101px;
}

.top-universities.recruiters h2 {
    margin-bottom: 22px;
}

.top-universities.recruiters .marque-section .row {
    align-items: center;
}

/* Toggle Section */
.toggle-section .main-section h2 {
    color: #0F0E24;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}

.toggle-section .main-section>p {
    color: #565661;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.toggle-section .main-section .collapse-section {
    display: none;
}

.toggle-section .main-section {
    padding-bottom: 53px;
}

.toggle-section .main-section a#togglebtn {
    color: #C29E36;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-flex;
    gap: 10px;
    margin-top: 12px;
    align-items: center;
}

.toggle-section .main-section a#togglebtn span.less {
    display: none;
}

.toggle-section .collapse-item {
    background: #E9FFF9;
    padding: 20px;
}

.toggle-section .collapse-item:not(:last-child) {
    margin-bottom: 16px;
}

.toggle-section .collapse-item h4 {
    color: #070707;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 20px;
}

.toggle-section .collapse-item p {
    color: #565661;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 10px;
}

.toggle-section .collapse-item ul {
    margin-bottom: 14px;
}
.toggle-section .collapse-item ul li{
    position: relative;
    list-style: none;
    padding: 5px 0 5px 20px;
}
.toggle-section .collapse-item ul li:before{
    content: "";
    background: #c29e36;
    width: 7px;
    height: 7px;
    border-radius: 30px;
    position: absolute;
    left: 0;
    top: 14px;
}
.toggle-section .collapse-item ul li strong {
    color: #000;
}

.toggle-section .collapse-item p:last-child {
    margin: 0;
}


.toggle-section .collapse-item p strong {
    color: #000;
}

.toggle-section .collapse-item p.title {
    margin-bottom: 10px;
    margin-top: 20px;
}

.toggle-section .main-section.active a#togglebtn span.more {
    display: none;
}

.toggle-section .main-section.active a#togglebtn span.less {
    display: inline-block;
}

.toggle-section .main-section.active a#togglebtn svg {
    transform: rotate(180deg);
}

.toggle-section .our-counsellor {
    background: linear-gradient(269deg, #FAF9F3 0.83%, #EBEDEA 99.17%);
}

.toggle-section .our-counsellor .content-section {
    width: 50%;
    padding: 114px 0 84px 134px;
}

.toggle-section .our-counsellor .media-sectiion {
    width: 50%;
    display: flex;
}

.toggle-section .our-counsellor .media-sectiion img {
    background: url('../img/customer-care-img.jpg') lightgray 0px 0px / 109.035% 100% no-repeat;
    mix-blend-mode: multiply;
}

.toggle-section .our-counsellor .content-section h2 {
    margin-bottom: 29px;
    line-height: 1.16;
    font-size: 50px;
}

.toggle-section .our-counsellor .content-section h2 span {
    color: #000;
}

.toggle-section .our-counsellor .content-section .btn-wrapper {
    line-height: 0;
}

.toggle-section {
    padding-bottom: 63px;
}

/* Faq CSS  */
.faq {
    background: #F8F7EF;
    padding: 50px 0 78px;
    position: relative;
}

.faq .title {
    margin-bottom: 36px;
}

.faq h2 {
    margin: 0;
}

.faq .tab-section {
    width: calc(55% - 39px);
}

.faq .tab-content-section {
    width: calc(45% - 39px);
}

.faq .row {
    gap: 78px;
}

.faq .tab-content-section .tab-content.active {
    display: block;
}

.faq .tab-content-section .tab-content {
    display: none;
}

.faq .tab-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.faq .tab-section ul li.active a,
.faq .tab-section ul li a:hover {
    border-radius: 6px;
    background: #015A41;
    color: #fff;
    border-color: #015A41;
}

.faq .tab-section ul li a svg {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.faq .tab-section ul li a {
    padding: 20px;
    display: block;
    border-radius: 6px;
    margin-bottom: 12px;
    color: #38383B;
    border: 1px solid #C9C9C9;
    background: #fff;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    padding-right: 34px;
}

.faq .tab-section ul li.active a svg path,
.faq .tab-section ul li a:hover svg path {
    fill: #fff;
}

.faq .tab-section ul li.active a svg {
    transform: rotate(-90deg);
    transform-origin: top center;
    right: 20px;
}

.faq .tab-content-section .tab-content h5 {
    color: #015A41;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
}



/* footer css  */
.footer {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 64px 0 69px;
}

.footer:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: overlay;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), #015A41;
    background-color: #015A41;
}

.footer .row>div {
    flex: auto;
}

.footer .row {
    gap: 40px;
}

.footer .row .copyright-text p {
    margin: 0;
    color: #FFF;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.49;
}

.footer .footer-menu h5 {
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.footer .footer-menu ul {
    list-style: none;
}

.footer .footer-menu ul li a {
    color: #FFF;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: inline-block;
    margin-bottom: 20px;
}

.footer .footer-menu ul li:last-child a {
    margin: 0;
}

.footer .right-section .social-share {
    margin-bottom: 70px;
}

.footer .right-section .social-share ul {
    list-style: none;
    display: flex;
    gap: 11px;
}

.footer .right-section .social-share ul li a {
    display: flex;
    width: 35.304px;
    height: 35.304px;
    padding: 8.646px 12.969px;
    align-items: center;
    gap: 7.205px;
    border: 0.72px solid #FFF;
    border-radius: 50px;
    justify-content: center;
}

.footer .right-section .social-share ul li a i {
    color: #fff;
}

.footer .right-section p {
    color: #FFFCF4;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

.footer .right-section p a {
    color: #DBB023;
}

/* footer end here  */

/* about page css start here  */

.banner {
    padding: 178px 0;
}

.banner h1 {
    color: #FFF;
    font-family: "Inter";
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.banner h1 em {
    font-weight: 500;
}

.online-admissions {
    padding: 60px 0 95px;
}

.online-admissions h2 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 21px;
}

.online-admissions p {
    color: #57575C;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 10px;
}

.leaders .title {
    text-align: center;
    margin-bottom: 52px;
}

.leaders .title h2 {
    color: #015A41;
    font-family: "Inter";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.leaders .leaders-item {
    width: 25%;
}

.leaders .leaders-item .leaders-inner {
    padding: 23px 33px 80px;
    border-radius: 16px;
    transition: all .3s;
}

.leaders .leaders-item .leaders-inner:hover {
    background: #015A41;
}

.leaders .leaders-item .leaders-inner:hover * {
    color: #fff;
}

.leaders .leaders-item .img-wrapper {
    position: relative;
}

.leaders .leaders-item .img-wrapper .arrow-btn a {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.leaders .leaders-item .img-wrapper {
    margin-bottom: 43px;
}

.leaders .leaders-item h6 {
    color: #2A2A2F;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.leaders .leaders-item p {
    color: #484343;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.leaders {
    padding-bottom: 40px;
}

.popup-section {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}

.popup-section .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    left: 0;
    top: 0;
    z-index: 11;
    opacity: 0.6;
    transition: all .3s;
}

.popup-section .popup-inner {
    max-width: 1040px;
    border-radius: 16px;
    background: #fff;
    position: relative;
    z-index: 11;
    padding: 48px 55px 62px;
}

.popup-section .popup-inner .close-icon {
    position: absolute;
    right: 17px;
    top: 17px;
    cursor: pointer;
}

.popup-section .popup-inner .popup-items {
    display: none;
}

body.pop-open .popup-section {
    visibility: visible;
    opacity: 1;
}

.popup-section .popup-inner .popup-items.pop-active {
    display: block;
}

.popup-section .popup-inner .popup-items .row {
    gap: 60px;
}

.popup-section .popup-inner .popup-items .img-section {
    width: calc(45% - 30px);
}

.popup-section .popup-inner .popup-items .cntnt-section {
    width: calc(55% - 30px);
}

.popup-section .popup-inner .popup-items h3 {
    color: #2A2A2F;
    font-family: "Inter";
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 12px;
}

.popup-section .popup-inner .popup-items h4 {
    color: #636367;
    font-family: "Inter";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 14px;
}

.popup-section .popup-inner .popup-items p {
    margin: 0;
    color: #616062;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}


/* about page css end here  */

.banner.contact {
    padding: 130px 0 150px;
}

.contact-form .row {
    border-radius: 20px;
    border: 1px solid #015A41;
    background: #FFF;
    box-shadow: 12px 15px 21.8px 0 rgba(0, 0, 0, 0.15);
    margin-top: -50px;
    gap: 80px;
    padding: 40px;
}

.contact-form .row .left-section {
    width: calc(60% - 40px);
}

.contact-form .row .right-section {
    width: calc(40% - 40px);
}

.contact-form .map-section iframe {
    width: 100%;
    min-height: 360px;
    border-radius: 12px;
    margin-bottom: 40px;
}

.contact-form .mail_section {
    display: flex;
    align-items: center;
    gap: 21px;
}

.contact-form .mail_section .icon {
    width: 77px;
    height: 77px;
    border-radius: 80px;
    background: #015A41;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-form {
    padding-bottom: 87px;
}

.contact-form .mail_section span {
    display: block;
    color: #31302B;
    font-family: "Inter";
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
}

.contact-form .mail_section a {
    color: #015A41;
    font-family: "Inter";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
}

.contact-form .form-wrapper:before {
    display: none;
}

.contact-form .form-wrapper .form-inner-section {
    padding: 0px 20px;
}

.popup-section {
    padding: 0 20px;
}

a.back-to-top {
    position: fixed;
    right: 45px;
    bottom: -100px;
    display: flex;
    width: 57.5px;
    height: 57.5px;
    padding: 19.542px;
    justify-content: center;
    align-items: center;
    gap: 12.176px;
    border-radius: 439.706px;
    background: #FFF;
    box-shadow: 0 0 16.611px 0 rgba(0, 0, 0, 0.16);
    transition: all .3s;
    z-index: 9;
}

a.back-to-top.active {
    bottom: 20px;
}


/* course page css  */

.hero-section .inner-banner .content-section h1 {
    font-size: 46px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.hero-section .inner-banner .content-section p {
    font-size: 26px;
    margin-bottom: 7px;
}

.hero-section .inner-banner .hero-img {
    width: 66%;
}

.course-logo {
    padding: 85px 0;
}

.course-logo ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.course-logo ul li {
    text-align: center;
}

.course-logo ul li p {
    font-size: 18px;
    font-weight: 600;
    color: #3D4348;
    margin: 10px 0 0;
}

.program-specialization {
    background: url(../img/program-specialization-bg.jpg) 0 0 / cover no-repeat;
    padding: 85px 0;
    position: relative;
    overflow: hidden;
}

.program-specialization:before {
    content: "";
    background: rgba(255, 255, 255, .6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.program-specialization .title {
    text-align: center;
    margin-bottom: 30px;
}

.specialization-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 30px;
}

.program-col {
    border-radius: 8px;
    background: #127257;
    padding: 30px;
    max-width: 450px;
}

.program-col ul {
    list-style: none;
}

.program-col ul li {
    padding: 9px 0 9px 50px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
}

.program-col ul li:before {
    content: "";
    background: url(../img/arrow.png) 0 0 no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.program-col ul li:hover {
    background: var(--link-color);
    border-radius: 5px;
}

.course-highlight {
    padding: 85px 0 76px;
}

.highlight-wrap {
    background: #158767 url(../img/top-rank-bg.png) right bottom no-repeat;
    padding: 70px 0 0 90px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.highlight-wrap h2 {
    margin-bottom: 34px;
    color: #fff;
    font-weight: 600;
}

.highlight-wrap h2 span {
    font-style: italic;
    color: #fff;
    font-weight: 500;
}

.highlight-col {
    width: 63%;
}

.highlight-col ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.highlight-col ul li {
    width: 50%;
    margin-bottom: 20px;
}

.highlight-col ul li:last-child {
    margin-bottom: 0;
}

.highlight-col ul li span {
    font-size: 17px;
    color: #EBE5E5;
    font-weight: 600;
    text-transform: uppercase;
}

.highlight-col ul li span svg {
    vertical-align: middle;
    margin-right: 5px;
}

.highlight-col ul li span svg path {
    fill: #c29e36;
}

.highlight-col ul li p {
    margin: 0;
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
    font-weight: 600;
}

.price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.price-row .primary-btn {
    display: block;
}

.price-col {
    background: #fff;
    padding: 20px 44px;
    margin-left: 138px;
    position: relative;
    border-radius: 20px 20px 0 0;
}

.price-col:before {
    content: "";
    position: absolute;
    left: -20px;
    bottom: 0px;
    width: 20px;
    height: 20px;
    background-image: url('../img/left-corner.png');
    background-size: cover;
}

.price-col:after {
    content: "";
    position: absolute;
    right: -20px;
    left: auto;
    bottom: 0px;
    width: 20px;
    height: 20px;
    background-image: url('../img/right-corner.png');
    background-size: cover;
}

.price-col span {
    font-size: 20px;
    color: #212826;
    display: block;

}

.price-col span svg {
    vertical-align: middle;
    margin-right: 8px;
}

.price-col h3 {
    font-size: 40px;
    color: #158767;
    font-weight: 600;
    margin: 10px 0 5px;
}

.price-col p {
    margin: 0;
    font-size: 19px;
    color: #212826;
}

.price-col p strong {
    font-weight: 700;
}

.credibility.benefits-sec .row .stats-wrapper {
    flex-wrap: nowrap;
}

.benefits-sec .title {
    margin-bottom: 30px;
}

.credibility.benefits-sec .row .stats-wrapper .stats-items {
    min-width: 320px;
}

.credibility.benefits-sec .row .stats-wrapper .stats-items:nth-child(2),
.credibility.benefits-sec .row .stats-wrapper .stats-items:nth-child(4) {
    transform: inherit;
}

.credibility.benefits-sec {
    padding-top: 0;
}

.curriculum {
    position: relative;
    padding-top: 60px;
    padding-bottom: 85px;
}

.curriculum:after {
    background: url("../img/curriculum-bg.jpg") 0 0 / cover no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    height: 360px;
    left: 0;
    top: 0;
    z-index: 0;
}

.curriculum:before {
    content: "";
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #21302C 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 360px;
    z-index: 1;
}

.curriculum .title h2 {
    color: #fff;
    margin-bottom: 25px;
}

.curriculum .top-list {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    gap: 35px;
}

.curriculum .top-list li {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.curriculum .top-list li svg {
    vertical-align: middle;
    margin-right: 8px;
}

.curriculum .tab-section ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 7px;
}

.curriculum .tab-section ul li a {
    padding: 14px 40px;
    display: inline-block;
    border-radius: 10px;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #C29E36;
    line-height: 1;
    transition: all .3s;
}

.curriculum .tab-section ul li a:hover,
.curriculum .tab-section ul li.active a {
    background: #C29E36;
}

.curriculum .tab-section {
    margin-bottom: 20px;
}

.curriculum .tab-content-section .tab-content {
    width: 100%;
    display: none;
}

.curriculum .tab-content-section .tab-content.active {
    display: block;
}

.curriculum .tabber-section {
    position: relative;
}

.curriculum .tab-content-section .tab-content .row {
    gap: 50px;
}

.curriculum .tab-content-section .tab-content .semester-item {
    width: calc(50% - 25px);
}

.curriculum .tab-content-section .tab-content .semester-item {
    padding: 40px 43px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 1px 0px 26.1px 0px #0000001F;
}

.curriculum .tab-content-section .tab-content h6 {
    color: #2F3331;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}

.curriculum .tab-content-section .tab-content .semester-inner ul {
    list-style: none;
}

.curriculum .tab-content-section .tab-content .semester-inner>ul li {
    padding: 10px 20px;
    border-radius: 6px;
    border: 1px solid #158767;
    background: #F8FEF9;
    margin-bottom: 16px;
}

.curriculum .tab-content-section .tab-content .semester-inner>ul li:last-child {
    margin: 0;
}

.curriculum .tab-content-section .tab-content h5 {
    margin-top: 4px;
    color: #015A41;
    font-family: "Inter";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}

.curriculum .tab-content-section .tab-content ul+h5 {
    margin-top: 37px;
}

.curriculum .tab-content-section .tab-content .selected {
    background-image: url("../img/down-arrow.jpg");
    width: 100%;
    border-radius: 6px;
    border: 1px solid #158767;
    padding: 10px 20px;
    min-height: 48px;
    outline: none;
    margin-bottom: 5px;
    appearance: none;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 96% 50%;
    cursor: pointer;
}

.curriculum .tab-content-section .tab-content .accordion-content {
    border-radius: 6px;
    border: 1px solid #158767;
    background: #FFF;
    padding: 10px 20px;
    display: none;
    margin-top: 20px;
}

.curriculum .tab-content-section .tab-content .accordion-content strong {
    color: #000;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 12px;
}

.curriculum .tab-content-section .tab-content .accordion-content ul li {
    list-style: inside;
}

.curriculum .tab-content-section .tab-content .accordion-content ul li {
    list-style: inside;
    color: #3A3D3B;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
}


.curriculum .tab-content-section .tab-content .accordion-content.active {
    display: block;
}

.curriculum .tab-content-section .specialization-section .custom-dropdown ul {
    list-style: none;
    background: #fff;
    border: 1px solid;
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.curriculum .tab-content-section .specialization-section .custom-dropdown ul li {
    padding: 8px 20px;
    font-size: 15px;
    cursor: pointer;
}

.curriculum .tab-content-section .tab-content .semester-inner .custom-dropdown ul li:hover,
.curriculum .tab-content-section .tab-content .semester-inner .custom-dropdown ul li.active {
    background-color: #015A41;
    color: #fff;
}

.learning-experience .title {
    text-align: center;
    margin-bottom: 30px;
}

.learning-experience .row {
    display: flex;
    gap: 20px;
}

.experience-col {
    border-radius: 12px;
    border: 1px solid #C0E2C9;
    background: #FFF;
    padding: 25px 15px;
    max-width: 277px;
    width: 100%;
    transition: all .5s ease 0s;
}

.experience-col:hover {
    background: linear-gradient(180deg, #FFF 0%, #F2FFF5 100%);
    border-color: #085F46;
}

.experience-col .icon {
    background: #085F46;
    width: 90px;
    height: 90px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.experience-col h6 {
    font-size: 18px;
    color: #3D4348;
    font-weight: 600;
}

.experience-col p {
    color: #2D2F2C;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 1.5;
}

.program-fee {
    background: #C29E36;
    padding: 50px 0;
    margin-top: 75px;
}

.program-fee .title h2 {
    color: #fff;
}

.program-fee .title h2 span {
    font-style: italic;
    color: #fff;
}

.fee-row {
    display: flex;
    gap: 85px;
}

.fee-row .price-box {
    background: #fff;
    padding: 40px 53px;
    border-radius: 15px;
    flex: 40%;
}

.fee-row .price-box p {
    font-size: 20px;
    color: #212826;
    margin-bottom: 12px;
}

.fee-row .price-box p svg {
    vertical-align: middle;
    margin-right: 10px;
}

.fee-row .price-box h4 {
    font-size: 40px;
    color: #158767;
    font-weight: 900;
    margin-bottom: 12px;
}

.fee-row .price-box h4 span {
    font-weight: 600;
}

.fee-row .price-box small {
    font-size: 15px;
    color: #212826;
}

.price-box-right {
    flex: 51%;
    display: flex;
    gap: 16px;
    background: #185B48;
    border-radius: 15px;
    padding: 13px 14px;
}

.price-box-right .fee-col {
    flex: 50%;
    border-radius: 15px;
    background: #FEFBF3;
    padding: 40px 35px;
}

.price-box-right .fee-col p {
    font-size: 16px;
    margin-bottom: 0;
}

.price-box-right .fee-col h5 {
    font-size: 30px;
    color: #C29E36;
    margin: 5px 0;
    font-weight: 900;
}

.price-box-right .fee-col h5 span {
    font-weight: 600;
}


.scholarships table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
    font-family: Arial, sans-serif;
}

.scholarships thead {
    background-color: #17844d;
    color: #fff;
}

.scholarships th,
.scholarships td {
    padding: 15px 16px;
    text-align: left;
}

.scholarships td {
    padding: 20px 16px;
}

.scholarships tbody tr {
    border-bottom: 1px solid #e5e5e5;
}

.scholarships tbody tr:last-child {
    border-bottom: none;
}

.scholarships .dot {
    height: 10px;
    width: 10px;
    background-color: #17844d;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.scholarships .benefit {
    font-weight: bold;
}

.scholarships th:first-child {
    padding-left: 25px;
}

.scholarships th {
    color: #FFF;
    font-family: "Inter";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.scholarships .benifits-wrapper tbody tr td:first-child {
    padding-left: 20px;
}

.scholarships td {
    color: #000;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
}

.scholarships {
    padding: 73px 0 91px;
    position: relative;
}

.scholarships .top-section {
    text-align: center;
}

.scholarships .top-section h2 {
    color: #0F0E24;
    text-align: center;
    font-family: "Inter";
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 44px;
}

.scholarships .row {
    gap: 0 100px;
}

.scholarships .benifits-wrapper {
    width: calc(50% - 50px);
}

.scholarships .payment-option {
    width: calc(50% - 50px);
}

.scholarships .benifits-wrapper tbody tr {
    background: #EEF4F2;
    border-bottom-color: #D0D0D0;
}

.scholarships .payment-option .payment-inner-option {
    padding: 27px 60px 40px;
    border-radius: 22px;
    border: 1px solid #158767;
    background: #FFF;
    margin-bottom: 24px;
}

.scholarships .payment-option .payment-inner-option .icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #158767;
    border-radius: 100px;
    margin-bottom: 24px;
}

.scholarships .payment-option .payment-inner-option h4 {
    color: #015A41;
    font-family: "Inter";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 13px;
}

.scholarships .payment-option .payment-inner-option p {
    color: #444A48;
    font-family: "Inter";
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.scholarships .payment-option .payment-inner-option p strong {
    font-weight: 800;
}

.eligibility {
    padding: 65px 0 70px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 73%;
    background-color: #F0F9F3;
}

.eligibility .content-section {
    width: 60%;
}

.eligibility .content-section h2 {
    margin-bottom: 20px;
}

.eligibility .content-section h5 {
    color: #0F0E24;
    font-family: Inter;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.eligibility .content-section p:first-of-type {
    font-weight: 500;
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 44px;
}

.eligibility .content-section p:last-child {
    color: #36363D;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}

.learning-experience.type2 {
    padding: 60px 0 78px;
    background: #015A41;
    margin-bottom: 44px;
}

.learning-experience.type2 h2 {
    text-align: left;
    color: #FFF;
    font-family: Inter;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.learning-experience.type2 .title {
    margin-bottom: 44px;
}

.learning-experience.type2 h2 span {
    color: #fff;
    font-weight: 600;
}

.learning-experience.type2 .experience-col {
    background: #EBFEF9;
    border: 1px solid #EBFEF9;
}

.learning-experience.type2 .experience-col .icon {
    background: transparent;
    width: auto;
    height: auto;
    display: block;
    margin-bottom: 13px;
}

.learning-experience.type2 .experience-col h6 {
    color: #3D4348;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.learning-experience.type2 .experience-col p {
    color: #2D2F2C;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

section.toggle-section .get-in-touch {
    border-radius: 24px;
    background: linear-gradient(281deg, #448760 12.34%, #90E0A8 97.18%);
    padding: 50px 0 0px 102px;
}

section.toggle-section .get-in-touch .form-section {
    width: 44%;
}

section.toggle-section .get-in-touch .img-section {
    width: 56%;
    padding-left: 20px;
}

section.toggle-section .get-in-touch .row {
    align-items: flex-end;
}

.toggle-section.type2 {
    padding-bottom: 47px;
}

.credibility.benefits-sec .marque-section {
    gap: 40px;
}

.credibility.benefits-sec {
    padding-bottom: 100px;
}

.hero-section.course-banner .content-section {
    width: 48%;
}

.online-admissions h2:not(:first-of-type) {
    margin-top: 30px;
}

/* responsive css  */
@media(min-width: 992px) {
    .header .menu-section .menu-trigger {
        display: none;
    }

    .header .menu-section nav>ul ul {
        position: absolute;
        left: 0;
        top: 100%;
        border: 1px solid #DBB023;
        background: #015A41;
        min-width: 150px;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease-in-out;
        border-radius: 10px;
        overflow: hidden;
    }

    .header .menu-section nav>ul ul li a:hover {
        background: var(--link-color);
        color: #fff;
    }

    .header .menu-section nav>ul li:hover>ul {
        opacity: 1;
        visibility: visible;
    }
}

@media(max-width: 1199px) {
    .credibility .row .left-section {
        width: 40%;
        padding-right: 40px;
    }

    .credibility .row .right-section {
        width: 60%;
    }

    .top-ranking .bg-section .media-section img.bg-img {
        height: auto;
        width: 500px;
    }

    .top-ranking {
        padding: 80px 0;
    }

    .toggle-section .our-counsellor .media-sectiion {
        width: 65%;
        display: flex;
        justify-content: flex-end;
    }

    .toggle-section .our-counsellor .content-section {
        width: 35%;
        padding: 94px 0 84px 34px;
    }

    .highlight-col {
        width: 80%;
    }

    .highlight-wrap {
        padding: 50px 0 0 50px;
    }

    .learning-experience .row {
        gap: 18px;
    }

    .experience-col {
        padding: 15px;
        max-width: 23.5%;
    }
}

@media(max-width: 1024px) {

    .top-ranking .bg-section .media-section img.bg-img,
    .top-ranking .bg-section .media-section img.img1 {
        display: none;
    }

    .top-ranking .bg-section .left-section {
        width: 100%;
        padding: 50px;
    }

    .hero-section .inner-banner .content-section h1 {
        line-height: 1.2;
    }
}

@media(max-width: 991px) {
    .header .menu-section nav {
        display: none;
    }

    .menu-trigger span:nth-child(2) {
        margin: 8px 0;
    }

    .menu-trigger span:nth-child(2) {
        margin: 8px 0;
        width: 25px;
    }

    .menu-trigger {
        margin-left: 20px;
        cursor: pointer;
        width: 35px;
    }

    .menu-trigger span {
        display: block;
        width: 34px;
        background: #015A41;
        height: 2px;
        transition: all .3s;
    }

    .menu-open .menu-trigger span:nth-child(2) {
        width: 35px;
    }

    .menu-open .menu-trigger span {
        width: 25px;
    }

    .header .menu-section nav {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        background: #fff;
    }

    .menu-open .header .menu-section nav {
        display: block;
    }

    .header .menu-section nav>ul {
        display: block;
        padding: 20px 0;
        background: #075a41;
    }

    .header .menu-section nav>ul>li>a {
        color: #fff;
    }

    .header .menu-section nav>ul>li:hover>a,
    .header .menu-section nav>ul>li.active>a {
        color: #fff;
    }

    .header .menu-section nav>ul ul li a {
        color: #fff;
    }

    .header .menu-section nav ul ul {
        display: none;
    }

    .contact-form .row {
        display: block;
    }

    .contact-form .row .left-section {
        width: 100%;
    }

    .contact-form .row .right-section {
        width: 100%;
        margin-top: 50px;
    }

    .contact-form .form-wrapper .form-inner-section {
        padding: 0;
    }

    .leaders .leaders-item {
        width: calc(50% - 15px);
    }

    .leaders .row {
        gap: 15px;
    }

    .leaders .leaders-item .img-wrapper .arrow-btn a {
        right: 20px;
        bottom: 20px;
    }

    .hero-section .row {
        display: block;
    }

    .hero-section .content-section {
        width: 100%;
        margin-bottom: 40px;
    }

    .hero-section .form-section {
        width: 100%;
        padding-right: 10px;
    }

    .hero-section {
        padding: 80px 0 0;
    }

    .our-courses .main_section .row .courses-item {
        width: calc(50% - 10px);
    }

    .our-courses {
        padding: 60px 0;
    }

    .our-courses .main_section .row .courses-item .img-section img {
        width: 100%;
    }

    .certifications .row .certifications-item {
        width: calc(50% - 13px);
    }

    .certifications {
        padding: 60px 0 60px;
    }

    .certifications .row {
        justify-content: space-between;
    }

    .credibility .row .left-section {
        width: 100%;
        padding-right: 0;
    }

    .credibility .row .right-section {
        width: 100%;
    }

    .credibility .row .stats-wrapper .stats-items:nth-child(2),
    .credibility .row .stats-wrapper .stats-items:nth-child(4) {
        transform: unset;
    }

    .credibility .row .stats-wrapper .stats-items {
        width: calc(50% - 12px);
    }

    .credibility .row .stats-wrapper {
        justify-content: space-between;
        gap: 20px;

    }

    .credibility .row .left-section {
        margin-bottom: 30px;
    }

    .credibility {
        padding: 60px 0;
    }

    .advantage-crm .marque-section .marque-items {
        min-width: 400px;
        padding: 36px 30px;
    }

    .advantage-crm .marque-section .row {
        gap: 40px;
    }

    .marque-section {
        gap: 40px;
    }

    .top-ranking {
        padding: 50px 0;
    }

    .top-ranking .bg-section .left-section h2 {
        font-size: 32px;
    }

    .top-ranking .bg-section .left-section p {
        font-size: 20px;
    }

    .top-ranking .bg-section .left-section ul li {
        font-size: 16px;
    }

    .global-learning .content-section {
        padding-right: 20px;
    }

    .global-learning .content-section h4 {
        font-size: 22px;
    }

    .global-learning .content-section .benefits-item h6 {
        font-size: 16px;
    }

    .global-learning .content-section .benefits-item .icon-section {
        width: 60px;
        min-width: 60px;
        height: 60px;
    }

    .global-learning .content-section .benefits-item .icon-section img {
        width: 30px;
    }

    .top-universities .marque-section .row {
        gap: 80px;
    }

    .top-universities .marque-section .row .logo-item {
        min-width: 150px;
    }

    .meet-our-expert .expert-wrapper .items {
        width: calc(33% - 43px);
    }

    .meet-our-expert .expert-wrapper .row {
        justify-content: center;
    }

    .toggle-section .main-section h2 {
        font-size: 30px;
    }

    .popup-section .popup-inner .popup-items .row {
        gap: 25px;
    }

    .popup-section .popup-inner {
        padding: 30px 25px;
    }

    .popup-section .popup-inner .popup-items h3 {
        font-size: 26px;
        margin-bottom: 5px;
    }

    .popup-section .popup-inner .popup-items h4 {
        font-size: 20px;
    }

    .popup-section .popup-inner .popup-items p {
        font-size: 15px;
        line-height: 25px;
    }

    .toggle-section .our-counsellor .media-sectiion {
        display: none;
    }

    .toggle-section .our-counsellor .content-section {
        width: 100%;
        padding: 50px 30px;
    }

    .toggle-section .our-counsellor .content-section h2 {
        font-size: 40px;
    }

    .faq .row {
        gap: 30px;
    }

    .faq .tab-content-section {
        width: calc(45% - 20px);
    }

    .faq .tab-section {
        width: calc(55% - 20px);
    }

    .faq .tab-section ul li a {
        padding: 10px;
        font-size: 16px;
    }

    .faq .tab-content-section .tab-content h5 {
        font-size: 22px;
        line-height: 1.5;
    }

    .faq .title {
        margin-bottom: 20px;
    }

    .hero-section.course-banner .content-section {
        width: 100%;
    }

    .course-logo {
        padding: 60px 0;
    }

    .course-logo ul li p {
        font-size: 14px;
        margin: 5px 0 0;
    }

    .program-specialization {
        padding: 60px 0;
    }

    .program-col {
        padding: 20px;
    }

    .program-col ul li {
        padding: 9px 0 9px 40px;
        font-size: 14px;
    }

    .program-col ul li:before {
        width: 20px;
        height: 20px;
        background-size: 100%;
    }

    .course-highlight {
        padding: 60px 0;
    }

    .highlight-col {
        width: 100%;
    }

    .highlight-wrap {
        padding: 50px;
        padding-bottom: 0;
        background: #158767 url() right bottom no-repeat;
    }

    .price-col h3 {
        font-size: 30px;
    }

    .price-col p,
    .highlight-col ul li span {
        font-size: 16px;
    }

    .price-col span {
        font-size: 18px;
    }

    .highlight-col ul li p {
        font-size: 18px;
    }

    .highlight-col ul li svg {
        width: 20px;
    }

    .highlight-wrap h2 {
        margin-bottom: 20px;
        color: #fff;
        font-weight: 600;
    }

    .highlight-col ul {
        align-items: center;
    }

    .credibility.benefits-sec {
        padding-bottom: 60px;
    }

    .credibility .row .stats-wrapper .stats-items {
        padding: 20px;
    }

    .curriculum {
        padding-bottom: 60px;
    }

    .curriculum .top-list li svg {
        width: 16px;
        line-height: 0;
        height: auto;
    }

    .curriculum .top-list li {
        font-size: 16px;
        display: flex;
        align-items: center;
    }

    .curriculum .tab-section ul li a {
        padding: 10px 30px;
    }

    .curriculum .tab-content-section .tab-content .semester-item {
        padding: 20px;
    }

    .curriculum .tab-content-section .tab-content .semester-inner>ul li {
        padding: 5px 15px;
        font-size: 16px;
    }

    .experience-col {
        max-width: calc(50% - 18px);
    }

    .program-fee {
        margin-top: 60px;
    }

    .fee-row {
        gap: 50px;
    }

    .fee-row .price-box {
        padding: 30px;
    }

    .price-box-right .fee-col {
        padding: 15px;
    }

    .price-box-right .fee-col p {
        font-size: 14px;
    }

    .price-box-right .fee-col h5 {
        font-size: 24px;
    }

    .fee-row .price-box h4 {
        font-size: 32px;
    }

    .fee-row .price-box p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .fee-row .price-box p svg {
        width: 22px;

    }

    .scholarships {
        padding: 60px 0;
    }

    .scholarships .row {
        gap: 0 50px;
    }

    .scholarships .top-section h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .scholarships th {
        font-size: 18px;
    }

    .scholarships td {
        font-size: 14px;
        line-height: 21px;
        padding: 15px 10px;
    }

    .scholarships .benifits-wrapper {
        width: calc(50% - 25px);
    }

    .scholarships .payment-option {
        width: calc(50% - 25px);
    }

    .scholarships .payment-option .payment-inner-option {
        padding: 20px;
        margin-bottom: 20px;
    }

    .scholarships .payment-option .payment-inner-option p {
        font-size: 16px;
    }

    .scholarships .payment-option .payment-inner-option h4 {
        font-size: 22px;
    }

    .eligibility {
        padding: 60px 0;
    }

    .eligibility .content-section p:first-of-type {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .eligibility .content-section p:last-child {
        font-size: 16px;
    }

    .learning-experience.type2 {
        padding: 60px 0;
        margin-bottom: 60px;
    }

    .learning-experience.type2 .title {
        margin-bottom: 30px;
    }

    .learning-experience.type2 h2 {
        font-size: 30px;
    }

    section.toggle-section .get-in-touch .img-section {
        display: none;
    }

    section.toggle-section .get-in-touch .form-section {
        width: 100%;
    }

    section.toggle-section .get-in-touch {
        padding: 40px 40px 0;
    }
}

@media(max-width: 767px) {
    .banner h1 {
        font-size: 28px;
    }

    .form-wrapper .form-inner-section h3 {
        font-size: 24px;
    }

    .form-wrapper .form-inner-section p {
        font-size: 14px;
    }

    .contact-form .row {
        padding: 20px 20px;
    }

    .contact-form .map-section iframe {
        min-height: 56vw;
    }

    .contact-form .mail_section a {
        font-size: 16px;
    }

    .contact-form .mail_section span {
        font-size: 16px;
    }

    .contact-form .mail_section .icon {
        width: 50px;
        height: 50px;
    }

    .contact-form .mail_section .icon svg {
        width: 24px;
    }

    .contact-form {
        padding-bottom: 40px;
    }

    .banner.contact {
        padding: 80px 0 100px;
    }

    .banner {
        padding: 100px 0;
    }

    .online-admissions {
        padding: 40px 0;
    }

    .online-admissions p {
        font-size: 14px;
        line-height: 1.7;
    }

    .online-admissions h2 {
        font-size: 32px;
    }

    .leaders .title h2 {
        font-size: 32px;
    }

    .leaders .leaders-item .img-wrapper .arrow-btn a {
        right: 0;
        bottom: 0;
    }

    .popup-section .popup-inner .popup-items .row {
        flex-direction: column;
        gap: 20px;
    }

    .popup-section .popup-inner .popup-items .img-section {
        width: 100%;
    }

    .popup-section .popup-inner .popup-items .cntnt-section {
        width: 100%;
    }

    .popup-section .popup-inner .popup-items h4 {
        font-size: 18px;
    }

    .popup-section .popup-inner .popup-items p {
        font-size: 14px;
        line-height: 1.7;
    }

    .popup-section .popup-inner .popup-items h3 {
        font-size: 26px;
    }

    .popup-section .popup-inner .popup-items .img-section img {
        max-width: 320px;
    }
    .pop-open{
        overflow: hidden;
    }
    .popup-section .popup-inner {
        padding: 48px 28px 28px 28px;
        overflow-y: auto;
        max-height: calc(100vh - 60px);
    }

    .popup-section .popup-inner .close-icon {
        right: 10px;
        top: 10px;
    }

    .popup-section .popup-inner .popup-items .img-section img {
        width: 100%;
        max-width: 100%;
    }

    .credibility .row .stats-wrapper .stats-items h2 {
        font-size: 32px;
    }

    .credibility .row .stats-wrapper .stats-items h5 {
        font-size: 16px;
    }

    .credibility .row .stats-wrapper .stats-items p {
        font-size: 14px;
    }

    .credibility .row .left-section p {
        font-size: 14px;
    }

    .credibility .row .left-section h2 {
        margin-bottom: 18px;
    }

    .advantage-crm .marque-section .marque-items img {
        max-width: 70px;
    }

    .advantage-crm .top-section .title p {
        font-size: 18px;
        line-height: 1.5;
    }

    .advantage-crm {
        padding: 40px 0;
    }

    .advantage-crm .top-section .title {
        margin-bottom: 30px;
    }

    .advantage-crm .marque-section .row {
        gap: 20px;
    }

    .marque-section {
        gap: 20px;
    }

    .advantage-crm .marque-section .marque-items {
        min-width: 300px;
        padding: 20px;
    }

    .advantage-crm .marque-section .marque-items img {
        max-width: 50px;
    }

    .advantage-crm .marque-section .marque-items h4 {
        font-size: 20px;
    }

    .advantage-crm .marque-section .marque-items p {
        font-size: 14px;
    }

    .top-ranking {
        padding: 40px 0;
    }

    .top-ranking .bg-section .left-section {
        padding: 30px;
    }

    .top-ranking .bg-section .left-section p {
        font-size: 18px;
    }

    .top-ranking .bg-section .left-section ul {
        gap: 20px;
    }

    .top-ranking .bg-section .left-section ul li {
        font-size: 14px;
    }

    .top-ranking .bg-section .left-section ul li svg {
        width: 14px;
    }

    .global-learning .top-section {
        margin-bottom: 40px;
    }

    .global-learning .content-section {
        width: 100%;
        padding: 0 0 20px;
    }

    .global-learning .media-section {
        width: 100%;
    }

    .global-learning .media-section img {
        max-width: 100%;
    }

    .global-learning .content-section h4 {
        font-size: 16px;
    }

    .global-learning .content-section .benefits-item {
        gap: 12px;
    }

    .global-learning .content-section .benefits-item h6 br {
        display: none;
    }

    .global-learning .content-section .benefits-item h6 {
        font-size: 14px;
        text-transform: inherit;
    }

    .global-learning .content-section .benefits-item .icon-section {
        width: 50px;
        min-width: 50px;
        height: 50px;
    }

    .global-learning .content-section .benefits-item .icon-section img {
        width: 25px;
    }

    .meet-our-expert {
        padding: 40px 20px;
    }

    .top-universities.recruiters {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .toggle-section .main-section .collapse-section p {
        font-size: 14px;
    }

    .toggle-section .main-section a#togglebtn {
        font-size: 16px;
    }

    .toggle-section .main-section>p {
        font-size: 14px;
        line-height: 1.7;
    }

    .toggle-section .collapse-item {
        padding: 20px;
    }

    .toggle-section .collapse-item h4 {
        margin-bottom: 20px;
    }

    .toggle-section .collapse-item:not(:last-child) {
        margin-bottom: 20px;
    }

    a.back-to-top {
        width: 40px;
        height: 40px;
        padding: 5px;
        right: 20px;
    }

    a.back-to-top svg {
        width: 15px;
    }

    h2 {
        font-size: 26px !important;
    }

    .title {
        margin-bottom: 20px !important;
    }

    .leaders .leaders-item .img-wrapper .arrow-btn a {
        width: 40px;
        height: 40px;
    }

    .leaders .leaders-item .img-wrapper .arrow-btn a svg {
        width: 24px;
    }

    .certifications .top_section {
        margin-bottom: 25px;
    }

    .certifications .row .certifications-inner {
        padding: 15px;
    }

    .certifications .row .certifications-inner h5 {
        font-size: 16px;
    }

    .certifications .row .certifications-inner p {
        font-size: 14px;
    }

    .toggle-section .our-counsellor .content-section {
        width: 100%;
        padding: 30px 20px;
    }

    .toggle-section {
        padding-bottom: 40px;
    }

    .toggle-section .main-section {
        padding-bottom: 40px;
    }

    .top-universities.recruiters {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .faq .row {
        display: block;
    }

    .faq .tab-section {
        width: 100%;
        margin-bottom: 20px;
    }

    .faq .tab-content-section {
        width: 100%;
    }

    .faq {
        padding: 40px 0;
    }

    .faq .tab-content-section .tab-content h5 {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .faq .tab-section ul li a {
        padding: 10px;
        font-size: 14px;
        padding-right: 34px;
    }

    .faq .tab-section ul li a br {
        display: none;
    }

    .faq .tab-content-section .tab-content p:last-child {
        margin: 0;
    }


    .global-learning {
        padding-bottom: 40px;
    }

    .certifications,
    .our-courses {
        padding: 40px 0;
    }

    section.toggle-section .get-in-touch {
        padding: 30px 34px 0 25px;
    }

    .form-wrapper .form-inner-section {
        padding: 30px 20px 20px;
    }

    .form-wrapper .form-inner-section p {
        margin: 0 0 15px;
    }

    .learning-experience.type2 {
        margin-bottom: 40px;
        padding: 40px 10px;
    }

    .experience-col {
        max-width: calc(50% - 9px);
    }

    .eligibility {
        padding: 40px 0;
        background-image: unset !important;
    }

    .eligibility .content-section {
        width: 100%;
    }

    .scholarships {
        padding: 40px 0;
    }

    .scholarships .row {
        flex-direction: column;
        gap: 20px;
    }

    .scholarships .benifits-wrapper,
    .scholarships .payment-option {
        width: 100%;
    }

    .scholarships .payment-option .payment-inner-option .icon svg {
        width: 25px;
    }

    .scholarships .payment-option .payment-inner-option .icon {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }

    .fee-row {
        flex-direction: column;
        gap: 20px;
    }

    .program-fee {
        padding: 40px 0;
    }

    .experience-col .icon {
        width: 50px;
        height: 50px;
    }

    .experience-col .icon img {
        width: 25px;
    }

    .curriculum .tab-content-section .tab-content .row {
        gap: 20px;
    }

    .curriculum .tab-content-section .tab-content .semester-item {
        width: 100%;
    }

    .curriculum .tab-content-section .tab-content .semester-inner>ul li {
        padding: 5px 15px;
        font-size: 14px;
    }

    .curriculum {
        padding: 40px 0;
    }

    .curriculum .top-list {
        gap: 20px;
        flex-wrap: wrap;
    }

    .credibility.benefits-sec {
        padding-bottom: 40px;
    }

    .hero-section .inner-banner .content-section p {
        font-size: 20px;
    }

    .hero-section .inner-banner .content-section h1 {
        font-size: 40px;
    }

    .course-logo {
        padding: 40px 0;
    }

    .course-logo ul {
        gap: 14px;
        flex-wrap: wrap;
    }

    .course-logo ul li {
        width: calc(50% - 7px);
    }

    .specialization-row {
        flex-wrap: wrap;
    }

    .curriculum .tab-content-section .tab-content h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .curriculum .tab-content-section .tab-content ul+h5 {
        margin-top: 25px;
    }

    .curriculum .tab-content-section .tab-content .selected {
        padding: 5px 20px;
        min-height: 32px;
        font-size: 14px;
    }

    .scholarships .top-section h2 {
        margin-bottom: 20px;
    }

    .program-col {
        width: 100%;
        max-width: 100%;
    }

    .highlight-wrap {
        padding: 30px 30px 0;
    }

    .highlight-col ul {
        margin-bottom: 20px;
    }

    .highlight-col ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .highlight-col ul li p {
        font-size: 16px;
        padding-left: 29px;
    }

    .price-col {
        margin: 20px auto 0;
        width: 100%;
    }

    .curriculum .top-list {
        gap: 10px;
    }

    .eligibility .content-section h5 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .program-specialization {
        padding: 40px 0;
    }

    .course-highlight {
        padding: 40px 0;
    }

    .toggle-section.type2 {
        padding-bottom: 40px;
    }
}

@media(max-width: 575px) {
    body p {
        font-size: 14px !important;
    }

    .logo img {
        max-width: 160px;
    }

    .primary-btn {
        font-size: 14px;
        padding: 12px 20px;
    }

    .menu-trigger span {
        width: 26px;
    }

    .menu-trigger span:nth-child(2) {
        margin: 5px 0;
        width: 17px;
    }

    .header .menu-section nav>ul>li>a {
        font-size: 14px;
    }

    .our-courses .main_section .row .courses-item {
        width: 100%;
    }

    .certifications .row .certifications-item {
        width: 100%;
    }

    .global-learning .top-section {
        margin-bottom: 30px;
    }

    .top-universities .marque-section .row .logo-item {
        min-width: 100px;
    }

    .top-universities {
        padding-bottom: 40px;
    }

    .meet-our-expert .expert-wrapper .row {
        gap: 20px;
    }

    .meet-our-expert .expert-wrapper .items {
        width: calc(50% - 10px);
    }

    .meet-our-expert .expert-wrapper .items .img-section {
        width: 125px;
    }

    .meet-our-expert .top-section {
        padding: 40px 0 94px;
    }

    .meet-our-expert .top-section h5 {
        font-size: 16px;
    }

    .meet-our-expert .expert-wrapper .items h6 {
        font-size: 14px;
        line-height: 1.5;
    }

    .contact-form .mail_section .icon {
        width: 40px;
        height: 40px;
    }

    .contact-form .mail_section .icon svg {
        width: 18px;
    }

    .contact-form .mail_section {
        gap: 12px;
    }

    .contact-form .map-section iframe {
        margin-bottom: 20px;
    }

    .contact-form .row .right-section {
        margin-top: 30px;
    }

    .form-wrapper .form-inner-section h3 {
        font-size: 20px;
        margin: 0 0 5px;
    }

    .form-wrapper .form-inner-section p {
        margin-bottom: 15px;
    }

    form input,
    form select,
    form textarea {
        min-height: 38px;
        font-size: 13px;
        padding: 8px 12px;
    }

    .footer {
        padding: 35px 0;
    }

    .footer .footer-menu h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .footer .footer-menu ul li a {
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: 400;
    }

    .leaders .leaders-item .img-wrapper .arrow-btn a {
        right: 20px;
        bottom: 10px;
    }

    .leaders .leaders-item .leaders-inner {
        padding: 20px 30px;
    }

    .popup-section .popup-inner {
        padding: 48px 20px 28px;
    }

    .popup-section .popup-inner .popup-items h3 {
        font-size: 20px;
    }

    .popup-section .popup-inner .popup-items h4 {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .popup-section .popup-inner .popup-items h6 {
        font-size: 16px;
    }

    h2 {
        font-size: 24px !important;
    }

    h1 {
        font-size: 28px !important;
    }

    .form-wrapper .form-inner-section {
        padding: 25px 20px 18px;
    }

    .our-courses .main_section .row .courses-item h4 {
        font-size: 16px;
    }

    .our-courses .main_section .row .courses-item .content {
        padding: 15px;
    }

    .our-courses .main_section .row .courses-item .courses-duration {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .courses-duration svg {
        width: 14px;
    }

    .our-courses .main_section .row .courses-item .price span {
        font-size: 15px;
    }

    .our-courses .main_section .row .courses-item .price {
        margin-bottom: 12px;
    }

    .credibility {
        padding: 40px 0;
    }

    .top-ranking .bg-section .left-section {
        padding: 20px;
    }

    .global-learning .content-section .benefits-item .icon-section {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }

    .global-learning .content-section .benefits-item .icon-section img {
        width: 18px;
    }

    .top-universities .title-section h4 {
        font-size: 20px;
    }

    .toggle-section .main-section a#togglebtn {
        font-size: 14px;
        margin-top: 0;
    }

    .toggle-section .collapse-item {
        padding: 15px;
    }

    .toggle-section .collapse-item h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .toggle-section .collapse-item p {
        line-height: 24px;
    }

    .toggle-section .collapse-item p.title {
        margin-bottom: 0px !important;
        margin-top: 10px;
    }

    .top-universities .marque-section .row {
        gap: 50px;
    }

    .toggle-section .main-section .collapse-section {
        margin-bottom: 10px;
    }

    .program-col {
        padding: 15px 10px;
    }

    .price-col {
        padding: 20px;
    }

    .highlight-wrap {
        padding: 25px 20px 0;
    }

    .price-col h3 {
        font-size: 25px;
    }

    .price-col span svg {
        width: 22px;
        margin-right: 3px;
    }

    .price-col span {
        font-size: 16px;
    }

    .curriculum .tab-content-section .tab-content .accordion-content ul li,
    .curriculum .top-list li {
        font-size: 14px;
    }

    .experience-col {
        max-width: 100%;
    }

    .price-box-right {
        display: block;
    }

    .price-box-right .fee-col:not(:last-child) {
        margin-bottom: 15px;
    }

    .fee-row .price-box {
        padding: 20px;
    }

    .fee-row .price-box h4 {
        font-size: 25px;
    }

    .fee-row .price-box small {
        font-size: 14px;
    }

    .scholarships th {
        font-size: 16px;
    }

    .scholarships .payment-option .payment-inner-option h4 {
        font-size: 20px;
    }

    .learning-experience.type2 {
        padding: 40px 0;
    }

    .learning-experience.type2 .experience-col .icon {
        line-height: 0;
    }

    section.toggle-section .get-in-touch {
        padding: 30px 24px 0 15px;
    }
}

@media(max-width: 480px) {
    .header .row .logo img {
        width: 130px;
    }

    .header .menu-section .contact-btn {
        display: none;
    }

    .leaders .leaders-item {
        width: 100%;
    }

    .credibility .row .stats-wrapper .stats-items {
        width: 100%;
        padding: 28px;
    }

    .footer .row {
        gap: 25px;
    }

    .footer .right-section .social-share {
        margin-bottom: 25px;
    }

    .faq h2 span {
        display: block;
    }

    .faq h2 {
        line-height: 1.2;
    }
}


@keyframes scroll-x {
    from {
        transform: translateX(var(--scroll-start));
    }

    to {
        transform: translateX(var(--scroll-end));
    }
}