/* Section 1: Hero Section */

.sec1{

    padding-top: 30px;

    padding-bottom: 30px;

}

.sec1-h{

    margin-bottom: 15px;

}

.sec1-p{

    margin-bottom: 15px;

    line-height: 25px;

}

.sec1-primary_cta{

    display: none;

}

@media (min-width: 744px) {

    .sec1 {

        padding-bottom: 30px;

    }

    .sec1 .container{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;

        -webkit-box-align: start;

            -ms-flex-align: start;

                align-items: flex-start;

    }

    .sec1-h{

        max-width: 600px;

    }

    .sec1-p{

        max-width: 520px;

    }

    .sec1-cta_wrap{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

            -ms-flex-direction: row;

                flex-direction: row;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        gap: 20px;

    }

    .sec1-primary_cta{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }

}

@media (min-width: 1024px) {

    .sec1 .container{

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

    }

    .sec1-h{

        max-width: 850px;

        text-align: center;

    }

    .sec1-p{

        text-align: center;

        max-width: 650px;

        line-height: 27px;

        margin-bottom: 30px;

    }

    .sec1 {

        padding-top: 50px;

        padding-bottom: 50px;

    }

}

@media (min-width: 1200px) {

    .sec1-h{

        max-width: 880px;

    }

}



/* Homepage Portfolio */

.sec2{

    position: relative;

    height: 280px;

    margin-left: 16px;

    overflow: hidden;

}

.sec2-container{

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    gap: 15px;

}

/* Portfolio Box */

.sec2-pbox-a{

    height: 100%;

    height: 100%;

}

.sec2-pbox{

    padding: 12px 10px 15px 10px;

    height: 100%;

    width: 250px;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

}





.sec2-pbox-bg{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    overflow: hidden;

}

.sec2-pbox-bg-overlay{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    background: -o-linear-gradient(top, transparent 50%, rgba(2, 4, 4, 0.75) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(2, 4, 4, 0.75)));

    background: linear-gradient(to bottom, transparent 50%, rgba(2, 4, 4, 0.75) 100%);

    z-index: -5;

}

.sec2-pbox-bg-img{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    -o-object-fit: cover;

       object-fit: cover;

    -o-object-position: center;

       object-position: center;

    z-index: -6;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.sec2-pbox:hover{

    cursor: pointer;

}

.sec2-pbox:hover .sec2-pbox-bg-img{

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

}

.sec2-pbox-service_cat{

    font-size: 12px;

    font-family: "Avenir", "Lato", sans-serif;

    font-weight: 400;

    line-height: 1.25;

    color: rgba(255, 255, 255, 0.8);

    font-style: normal;



    padding: 4px 10px;

    border-radius: 15px;

    background-color: rgba(29, 35, 80, 0.6);

    border: 1px solid #8D91C7;

}

.sec2-pbox-title{

    font-family: "gelica", sans-serif;

    font-size: 20px;

    font-weight: 400;

    font-style: normal;

    color: #fff;

    line-height: 1.25;

}

@media (min-width: 1024px) {

    .sec2{

        height: 300px;

        margin-left: 20px;

    }

    .sec2-container{

        gap: 10px;

    }

    .sec2-pbox-service_cat{

        font-size: 14px;

    }

    .sec2-pbox{

        width: 280px;

    }

    .sec2-pbox-title{

        font-size: 22px;

    }

    .sec2-pbox{

        padding: 15px 15px 20px 15px;

    }

}

@media (min-width: 1200px) {

    .sec2{

        height: 360px;

    }

    .sec2-container{

        gap: 20px;

    }

    .sec2-pbox{

        width: 320px;

    }

    .sec2-pbox-title{

        font-size: 24px;

    }

    .sec2-pbox{

        padding: 20px 15px 30px 15px;

    }

}

@media (min-width: 1728px) {

    .sec2{

        height: 400px;

    }

    .sec2-pbox{

        width: 380px;

    }

}



/* Adjust container for Swiper */

.sec2-swiper {

    width: 100%;

    height: 100%;

}

.swiper-slide {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: unset !important;

}

/* Swiper navigation buttons */

.swiper-button-next,

.swiper-button-prev {

    color: #fff !important;

    text-shadow: 0 0 3px rgba(2, 4, 4, 0.8);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    z-index: 10;

}

.swiper-button-next::after,

.swiper-button-prev::after {

    font-size: 25px !important;

}

.swiper-button-prev{

    left: -5px !important;

}

@media (min-width: 744px) {

    .swiper-button-next::after,

    .swiper-button-prev::after {

        font-size: 31.25px !important;

    }

    .swiper-button-prev{

        left: 0px !important;

    }

}

@media (min-width: 1024px) {

    .swiper-button-next::after,

    .swiper-button-prev::after {

        font-size: 39.06px !important;

    }

}



/* Section 3: Company logos */

.sec3{

    margin-top: 50px;

    margin-bottom: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 20px;

}

.sec3-h{

    text-align: center;

    font-size: 22.5px;

    font-weight: 400;

}

.sec3-logo_wrap{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    row-gap: 15px;

    -webkit-column-gap: 20px;

       -moz-column-gap: 20px;

            column-gap: 20px;

}

.sec3-logo{

    height: 100px;

}

@media (min-width: 744px) {

    .sec3-logo_wrap{

        row-gap: unset;

        -webkit-column-gap: unset;

           -moz-column-gap: unset;

                column-gap: unset;

        gap: 30px;

    }

}

@media (min-width: 1024px) {

    .sec3{

        margin-top: 80px;

        margin-bottom: 85px;

        gap: 50px;

    }

    .sec3-logo_wrap{

        gap: 60px;

    }

    .sec3-logo{

        height: 120px;

    }

    .sec3-h{

        font-size: 31.25px;

    }

}

@media (min-width: 1200px) {

    .sec3{

        margin-bottom: 100px;

        gap: 50px;

    }

    .sec3-logo_wrap{

        gap: 100px;

    }

    .sec3-logo{

        height: 150px;

    }

}



/* =====Section 4===== */

.sec4{

    margin-bottom: 60px;

}

.sec4 .container{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 30px;

}

.sec4-h{

    margin-bottom: 25px;

}

/* Box */

.sec4-content_wrap-sub{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 20px;

}

.sec4-content_wrap-sub-box{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    gap: 15px;

}

.sec4-content_wrap-sub-box-icon{

    height: 40px;

}



.sec4-content_wrap-sub-box-last{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 5px;

}

.sec4-content_wrap-sub-box-last-h{

    font-size: 20px;

    font-weight: 700;

}

.sec4-content_wrap-sub-box-last-p{

    color: rgba(2, 4, 4, 0.6);

}

/* =Image Wrap= */

.sec4-img_wrap{

    position: relative;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

}

.sec4-img_wrap-arrow{

    position: absolute;

    z-index: -1;

    height: 30px;

    left: 80px;

    bottom: 75px;

}

/* After */

.sec4-img_wrap-after_wrap{

    position: relative;

    z-index: -3;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 0;

    width: 80%;

}

.sec4-img_wrap-after_wrap-img{

    height: 225px;

    width: 100%;

    border: 2px solid #B1DDF3;

    border-bottom: 0;

    -o-object-fit: cover;

       object-fit: cover;

    -o-object-position: center;

       object-position: center;

}

.sec4-img_wrap-after_wrap-text{

    background-color: #B1DDF3;

    padding-top: 5px;

    padding-bottom: 5px;

    width: 100%;

    text-align: center;

    font-weight: 400;

    font-size: 20px;

    color: rgba(2, 4, 4, 0.8);

}

/* Before */

.sec4-img_wrap-before_wrap{

    position: absolute;

    left: 0;

    bottom: 50px;

    z-index: -2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 0;

}

.sec4-img_wrap-before_wrap-img{

    height: 100px;

    width: 115px;

    border: 1px solid #B1DDF3;

    border-bottom: 0;

    -o-object-fit: cover;

       object-fit: cover;

    -o-object-position: center;

       object-position: center;

}

.sec4-img_wrap-before_wrap-text{

    background-color: #B1DDF3;

    padding-top: 4px;

    padding-bottom: 4px;

    width: 100%;

    text-align: center;

    font-weight: 400;

    font-size: 16px;

    color: rgba(2, 4, 4, 0.8);

}

@media (min-width: 744px) {

    .sec4 .container{

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        gap: 40px;

    }

    .sec4-img_wrap{

        width: 600px;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

    }

    .sec4-img_wrap-after_wrap-img {

        height: 380px;

        width: 500px;

    }



    .sec4-img_wrap-before_wrap-img {

        height: 160px;

        width: 200px;

    }

    .sec4-img_wrap-before_wrap{

        bottom: 60px;

    }

    .sec4-img_wrap-after_wrap{

        width: unset;

    }

    .sec4-img_wrap-arrow {

        left: 170px;

        bottom: 100px;

        height: unset;

        width: 80px;

    }

}

@media (min-width: 1024px) {

    .sec4 {

        margin-bottom: 80px;

    }

    .sec4-content_wrap-sub-box-last-h {

        font-size: 23px;

    }

    .sec4-content_wrap-sub {

        gap: 30px;

        max-width: 640px;

    }

    .sec4-content_wrap-sub-box{

        gap: 20px;

    }

    .sec4-content_wrap-sub-box-last{

        gap: 6px;

    }

    .sec4-content_wrap-sub-box-icon {

        height: 45px;

    }



    .sec4-content_wrap{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

    }

    .sec4 .subhead-ltol .subhead-double_slash:first-of-type {

        display: block;

    }

}

@media (min-width: 1200px) {

    .sec4 {

        margin-bottom: 100px;

    }

    .sec4 .container {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

            -ms-flex-direction: row-reverse;

                flex-direction: row-reverse;

        width: 100%;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        gap: unset;

    }

    .sec4-content_wrap{

        max-width: 585px;

        margin-left: 5px;

    }

    .sec4-img_wrap{

        width: 560px;

        -webkit-box-pack: end;

            -ms-flex-pack: end;

                justify-content: flex-end;

    }

    .sec4-img_wrap-after_wrap-img {

        width: 480px;

    }

    .sec4-img_wrap-before_wrap-img {

        width: 180px;

    }

    .sec4-img_wrap-arrow {

        left: 140px;

    }



    .sec4-content_wrap{

        -webkit-box-align: start;

            -ms-flex-align: start;

                align-items: flex-start;

    }

    .sec4 .subhead-ltol .subhead-double_slash:first-of-type {

        display: none;

    }

    .sec4-content_wrap-sub {

        max-width: unset;

    }

}

@media (min-width: 1512px) {

    .sec4 .container {

        max-width: 1310px;

    }

    .sec4-content_wrap {

        max-width: 625px;

    }

    .sec4-img_wrap {

        width: 600px;

    }

    .sec4-img_wrap-before_wrap-img {

        width: 200px;

    }

    .sec4-img_wrap-arrow {

        left: 170px;

    }

}



/* =====Our Services Section===== */

.sec6{

    padding-bottom: 50px;

    margin-bottom: 50px;

    position: relative;

}

.sec6-bg{

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 250px;

    background-color: #E6E8F4;

    z-index: -5

}

.sec6 .container{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}

.sec6-h{

    text-align: center;

    margin-bottom: 30px;

}

.sec6-services_wrap{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 30px;

}

/* Service Box */

.sec6-service{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 0;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;

}

.sec6-service-img{

    width: 100%;

    height: 350px;

    /* object-fit: cover;

    object-position: center; */



    position: relative;

    overflow: hidden;

}

.sec6-service-img-bg{

    position: absolute;

    z-index: 0;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    -o-object-fit: cover;

       object-fit: cover;

    -o-object-position: center;

       object-position: center;



    -webkit-transform: scale(1);



        -ms-transform: scale(1);



            transform: scale(1);

    -webkit-transition: -webkit-transform 0.3s ease;

    transition: -webkit-transform 0.3s ease;

    -o-transition: transform 0.3s ease;

    transition: transform 0.3s ease;

    transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.sec6-service:hover .sec6-service-img-bg{

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

}

.sec6-service-content{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 8px;



    background-color: #1C2250;

    padding: 10px 15px 15px;

}

.sec6-service-head_wrap{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    gap: 10px;

    -webkit-transition: gap 0.3s ease;

    -o-transition: gap 0.3s ease;

    transition: gap 0.3s ease;

}

.sec6-service:hover .sec6-service-head_wrap{

    gap: 12px;

}

.sec6-service-h{

    color: #fff;

    font-weight: 400;

}

.sec6-service-h_arrow{

    height: 12px;

    width: 8px;

}

.sec6-service-p{

    color: rgba(255, 255, 255, 0.8);

}

@media (min-width: 744px) {

    .sec6{

        margin-bottom: 60px;

    }

    .sec6-services_wrap{

        max-width: 470px;

    }

    .sec6-h {

        margin-bottom: 40px;

    }

    .sec6-service-img {

        width: 100%;

        height: 400px;

    }

    .sec6-bg{

        height: 300px;

    }

    .sec6-service-content {

        padding: 15px 20px 20px;

    }

    .sec6-service-head_wrap {

        gap: 10px;

    }

}

@media (min-width: 1024px) {

    .sec6-service-p{

        font-size: 18px;

    }

    .sec6-h{

        font-size: 31.25px;

    }

    .sec6-service-h{

        font-size: 25px;

    }

}

@media (min-width: 1200px) {

    .sec6{

        margin-bottom: 80px;

    }

    .sec6-services_wrap{

        display: -ms-grid;

        display: grid;

        -ms-grid-columns: 1fr 16px 1fr 16px 1fr;

        grid-template-columns: repeat(3, 1fr);

        gap: 16px;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        max-width: unset;

    }

    .sec6-bg{

        height: 380px;

    }

    .sec6-service-content{

        height: 100%;

    }

}

@media (min-width: 1512px) {

    .sec6{

        padding-bottom: 80px;

    }

    .sec6 .container{

        max-width: 1360px;
        padding: 50px 0;

    }

    .sec6-services_wrap {

        gap: 35px;

    }

    .sec6-service-img {

        height: 430px;

    }

    .sec6-service-head_wrap{

        gap: 12px;

    }

    .sec6-service:hover .sec6-service-head_wrap{

        gap: 15px;

    }

}

@media (min-width: 1728px) {

    .sec6 .container{

        max-width: 1430px;
        padding: 70px 0;

    }

    .sec6-services_wrap {

        gap: 40px;

    }

    .sec6-service-img {

        height: 450px;

    }

}



/* =====Meet Evyn Section===== */

.sec7{

    margin-bottom: 50px;

}

.sec7 .container{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 30px;

}

.sec7-content-h{

    margin-bottom: 15px;

}

.sec7-content-para_wrap{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    width: 100%;

    gap: 12px;

}

.sec7-content-para_wrap p strong{

    font-weight: 900;

}

.sec7-img{

    width: 100%;

    -o-object-fit: cover;

       object-fit: cover;

    -o-object-position: center;

       object-position: center;

}

@media (min-width: 744px) {

    .sec7-content{

        max-width: 610px;

    }

    .sec7-img{

        height: 600px;

    }

}

@media (min-width: 1024px) {

    .sec7 .container{

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

    }

    .sec7-img{

        width: 600px;

    }

    .sec7-content {

        max-width: 720px;

    }

}

@media (min-width: 1200px) {

    .sec7 .container{

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

            -ms-flex-direction: row;

                flex-direction: row;

        gap: unset;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

    }

    .sec7-img{

        width: 550px;

        height: unset;

    }

    .sec7-content {

        max-width: 580px;

    }

}

@media (min-width: 1512px) {

    .sec7 .container{

        max-width: 1320px;

    }

    .sec7-content {

        max-width: 650px;

    }

    .sec7-img{

        width: 600px;

    }

}

/* University Info */

.sec7-uniinfo-sec{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    gap: 15px;

    margin-top: 20px;

}

.sec7-uniinfo-single-logo{

    height: 51px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border-radius: 5px;

    border: 0.5px solid rgba(29, 35, 80, 0.4);

}

.sec7-uniinfo-single-logo-img.cia{

    height: 35px;

    margin-left: 8px;

    margin-right: 8px;

}

.sec7-uniinfo-single-logo-img.ksu{

    height: 35px;

    margin-left: 11px;

    margin-right: 11px;

}

.sec7-uniinfo-single-details{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 1px;

    padding-left: 7px;

    position: relative;

    margin-top: 5px;

}

.sec7-uniinfo-single-details::before{

    position: absolute;

    content: "";

    top: 0;

    bottom: 0;

    left: 0;

    width: 2px;

    background-color: rgba(141, 145, 199, 0.6);

}

.sec7-uniinfo-single-details-degree{

    font-size: 12px;

    font-family: "Avenir";

    font-weight: 300;

    font-style: normal;

    color: rgba(2, 4, 4, 0.6);

}

.sec7-uniinfo-single-details-expertise{

    font-size: 11px;

    font-family: "Avenir";

    font-weight: 700;

    font-style: normal;

    color: rgba(2, 4, 4, 0.8);

}

@media (min-width: 744px) {

    .sec7 {

        margin-bottom: 60px;

    }

    .sec7 .container {

        gap: 40px;

    }

    .sec7-uniinfo-single-logo-img.cia{

        height: 45px;

        margin-left: 19px;

        margin-right: 19px;

    }

    .sec7-uniinfo-single-logo-img.ksu{

        height: 52px;

        margin-left: 17px;

        margin-right: 17px;

    }

    .sec7-uniinfo-single-logo {

        height: 70px;

    }

    .sec7-uniinfo-single-details-degree {

        font-size: 14px;

    }

    .sec7-uniinfo-single-details-expertise {

        font-size: 13px;

    }

    .sec7-uniinfo-single-details{

        padding-left: 11px;

        margin-top: 10px;

    }

    .sec7-uniinfo-single-details::before{

        width: 3px;

    }

    .sec7-uniinfo-sec{

        gap: 20px;

    }

}

@media (min-width: 1024px) {

    .sec7 {

        margin-bottom: 80px;

    }

    .sec7 .container {

        gap: 80px;

    }

}



/* ======FAQ section===== */

.faq-sec{

    margin-bottom: 60px;

}

.faq-sec .container{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}

.faq-sec-h{

    margin-bottom: 10px;

    text-align: center;

    font-weight: 400;

}



.faq {

    margin: 0 auto;

}

.faq-item {

    border-bottom: 1px solid rgba(2, 4, 4, 0.25);

    padding: 25px 0;

}

.faq-question {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    /* justify-content: space-between; */

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    cursor: pointer;

    font-size: 18px;

    gap: 12px;

}

.faq-question:hover .faq-question-text {

    color: #8D91C7;

}

.faq-answer {

    max-height: 0;

    overflow: hidden;

    -webkit-transition: max-height 0.3s ease;

    -o-transition: max-height 0.3s ease;

    transition: max-height 0.3s ease;

    font-size: 16px;

    color: #555;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 12px;

    margin-left: 28px;

}

.faq-answer p:first-of-type{

    margin-top: 15px;

}

.faq-answer.open {

    max-height: 700px; /* Set a reasonable max height */

}

.toggle-icon {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 20px;

    height: 20px;

    margin-top: 2px;

}

.toggle-icon .line {

    background-color: #8D91C7;

    display: block;

    position: absolute;

    width: 16px;

    height: 2px;

}

.toggle-icon.plus .vertical {

    -webkit-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

            transform: rotate(90deg);

}

.faq-question-text{

    font-size: 20px;

    font-weight: 500;

    color: rgba(2, 4, 4, 0.8);

    -webkit-transition: color 0.2s ease;

    -o-transition: color 0.2s ease;

    transition: color 0.2s ease;

}

@media (min-width: 744px) {

    .faq-sec{

        margin-bottom: 80px;

    }

}

@media (min-width: 1024px) {

    .faq-sec{

        margin-bottom: 100px;

    }

    .faq{

        max-width: 700px;

    }

    .faq-sec-h {

        margin-bottom: 20px;

    }

    .faq-item {

        padding: 20px 0;

    }

    .faq-question-text {

        font-size: 22px;

    }

    .faq-answer{

        gap: 15px;

    }

    .faq-answer p:first-of-type{

        margin-top: 18px;

    }

    .faq-question{

        gap: 20px;

    }

    .faq-answer{

        margin-left: 38px;

    }

    .toggle-icon .line {

        width: 18px;

    }

}