@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap');

body {

}



html {

    scroll-behavior: smooth;

}





@media (min-width: 1200px){

    .container, .container-lg, .container-md, .container-sm, .container-xl {

        max-width: 1464px;

    }



}



.dropdown:hover > .dropdown-menu {

    display: block;

}



.dropdown-item:hover > .dropdown-menu {

    display: block;

}









.count-section {
    padding: 50px;
    background: #f1f1f1;
    text-align: center;
}



.count-box h2 {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 700;

    font-size: 40px;

    line-height: 50px;

    /* identical to box height */





    color: #000000;

    margin-bottom: 0;

}



.count-box h5 {

    font-family: 'Hanken Grotesk';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 30px;

    /* identical to box height */



    margin-bottom: 0;

    color: #000000;

}



.titleimg{

    height: 52px;

}



.just {

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.theme-btn {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    background: #faa73f;
    padding: 10px 20px;
    width: fit-content;
    border-radius: 10px;
    display: inline-block;
    transition: all 200ms ease-in-out;
}







    .theme-btn:hover {

        background: #000;

        color: #fff !important;

        transform: scaleX(0.95) scaleY(0.95);

    }



.theme-btn-default {

    font-family: 'Hanken Grotesk';

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 23px;

    color: #202020;

    border: none;

    border-bottom: none;

    background: transparent;

    padding: 10px 5px;

    width: fit-content;

    display: inline-block;

    transition: all 200ms ease-in-out;

    margin-right: 30px;

}



.hamburger-btn span {

    display: inline-block;

    position: absolute;

    left: 0;

    background: #7a7a7a;

    height: 2px;

    width: 25px;

    opacity: 1;

    z-index: 1;

    border-radius: 10px;

}



.hamburger-btn {

    width: 34px;

    height: 24px;

    position: relative;

    cursor: pointer;

    background: transparent;

    border: 0;

    outline: 0;

    transition: all 0.3s ease-out 0s;

}





    .hamburger-btn span:nth-child(1) {

        top: 0;

        background: #1a2989;

    }



.hamburger-btn span:nth-child(2) {

    top: 10px;

    width: 14px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}



    .hamburger-btn span:nth-child(3) {

        top: 20px;

        right: 0;

        left: 0;

        background: #00A650;

    }



    .theme-btn-default:hover {

        color: #01a651;

        border-bottom: 2px solid transparent;

        background: transparent;

    }



.hamburger-btn:hover span:nth-child(1) {

    left: 10px;

}



.hamburger-btn span:nth-child(2) {

    top: 10px;

    width: 14px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}



.hamburger-btn:hover span:nth-child(3) {

    left: 10px;

}



button:focus {

    outline: 1px dotted;

    outline: none;

}





.dropdown-item {

    font-family: 'Hanken Grotesk';

    padding: 10px 20px;

}



 .navbar-expand-md .navbar-nav .dropdown-menu {

    position: absolute;

    border: none;

}



.dropdown-toggle:after {

    content: '';

    position: absolute;

    width: 100%;

    transform: scaleX(0);

    height: 2px;

    bottom: -23px;

    left: 0;

    background-color: #1a2989;

    transform-origin: bottom right;

    transition: transform 0.25s ease-out;

    border: none !important;

}





.dropdown-menu {

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);

    transform: translateY(10px);

    transition: transform .3s ease-in-out,opacity .3s ease-in-out;

    padding: 0px;

    border: 0px;

    background-color: #fff;

    border-radius: 0 0 10px 10px;

    padding: 2px 0 6px;

}



.nav-link {

    font-family: 'Hanken Grotesk';

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 26px;

    margin-right: 0px;

    /* identical to box height */





    color: #000000 !important;

}

.navbar-nav .navbtn {
    align-items: center;
    display: flex;
}



.navbar{

    background: #fff;

}



a:hover {

    color: #0056b3;

    text-decoration: none !important;

}



/*.carousel-caption {

    position: absolute;

    right: auto;

    bottom: 30%;

    left: 12%;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: left;

}*/

.carousel-caption {
    position: relative;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}



    .carousel-caption h2 {

        font-family: 'Hanken Grotesk';

        font-style: normal;

        font-weight: 700;

        font-size: 60px;

        line-height: 78px;

        color: #FFFFFF;

    }





    .carousel-indicators{

        display: none;

    }



    .carousel-caption p {

        font-family: 'Inter';

        font-style: normal;

        font-weight: 400;

        font-size: 20px;

        line-height: 35px;

        /* or 175% */





        color: #FFFFFF;

    }



.vision-section {

    position: relative;


}

.vision-box {

    background: #FFFFFF;

    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.08);

    border-radius: 10px;

    padding: 20px 20px;

    text-align: left

}

.card-body {

    

    padding: 40px;

}



.welcome-section p, .about-section  p{

    /*margin-bottom: 15px;*/

}



.vision-box h4 {

    font-family: 'Hanken Grotesk';

    font-style: normal;

    font-weight: 600;

    font-size: 20px;

    line-height: 33px;

    /* identical to box height */



    text-align: left;

    color: #000000;

}



.vision-box p {

    text-align: left;

}



.title {

    font-family: 'Hanken Grotesk';

    font-style: normal;

    font-weight: 600;

    font-size: 32px;

    color: #000000;

}



.subtitle {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #faa73f;
}





p {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    color: #212529;

    margin-bottom: 0;

}

.pb-50{

    padding-bottom: 50px;

}



.mb-40{

    margin-bottom: 40px;

}



.facilities-section {
    padding: 50px 0;
    background: #F2F4F8;
}



.fixed-top {

    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);

}



.objectives-section {

    padding: 100px 0;

    background: url(../images/obj-bg.jpg);

    background-attachment: fixed;

}



.fac-box img {

    border-radius: 10px 10px 0px 0px;

}



.fac-box .content {

    background: #FFFFFF;

    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07);

    border-radius: 0px 0px 10px 10px;

}



.fac-box {

    border-radius: 10px;

    margin-bottom: 30px;

}



.fac-box h5{

    font-family: 'Hanken Grotesk';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 30px;

    /* identical to box height */

    padding: 15px;

    text-align: center;

    color: #000000;

}



.objectives-section h5 {

    color: #000;

    font-family: 'Hanken Grotesk';
    margin-bottom: 0;

}





.gallery-section{

    padding: 50px 0

}

.objectives-section h2 {

    color: #fff;

}



ul.obj-list {

    list-style: none;

    padding-inline-start: 0px;

    padding-top: 30px;

}





.obj-list li {

    display: flex;

    margin-bottom: 20px;

}



.obj-list li:nth-child(3) {

    display: flex;

    margin-bottom: 0px;

}





    .obj-list li .image {

        background: #FFFFFF;

        border-radius: 10px;

        margin-right: 20px;



    }



    .obj-list li .image img{

        height: 60px;

    }



    .obj-list li h5 {

        color: #FFFFFF;

    }



    .obj-list li p {
        color: #8d8d8d;
    }


.obj-list.bg-w li h5 {
    color: #000;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 18px;
}

.include-box h3 {

    color: #000;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 20px;
}


.include-box p {
    color: #8d8d8d
}





/* Slick Slider */



.slick-prev, .slick-next {

    position: absolute;

    top: 135%;

    font-size: 1.8rem;

}



.slick-prev {

    left: 0;

}



.slick-next {

    right: 0;

}



.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}



    .slick-list:focus {

        outline: none;

    }



    .slick-list.dragging {

        cursor: pointer;

        cursor: hand;

    }



.slick-slider .slick-track,

.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}



    .slick-track:before,

    .slick-track:after {

        display: table;

        content: '';

    }



    .slick-track:after {

        clear: both;

    }



.slick-loading .slick-track {

    visibility: hidden;

}



.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}



[dir='rtl'] .slick-slide {

    float: right;

}



.slick-slide img {

    display: block;

    border-radius: 10px;
    height: 70px;
}



.slick-slide.slick-loading img {

    display: none;

}



.slick-slide.dragging img {

    pointer-events: none;

}



.slick-initialized .slick-slide {

    display: block;

}



.slick-loading .slick-slide {

    visibility: hidden;

}



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

    display: none;

}



.trigger .slide {

    transition: filter .4s;

    margin: 0px 40px;

}



.fas {

    color: #96bd0b;

}



.slick-prev {

    left: 0;

}



.slick-prev, .slick-next {

    position: absolute;

    top: 45%;

    font-size: 1.8rem;

    cursor: pointer;

}





.slick-slider .element {

    height: 100px;

    width: 100px;

    background-color: #000;

    color: #fff;

    border-radius: 5px;

    display: inline-block;

    margin: 0px 10px;

    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;

    font-size: 20px;

}



.slick-slider .slick-disabled {

    opacity: 0;

    pointer-events: none;

}





.section {

    max-width: 1464px;

    margin: 0 auto;

}





.admission-section {
    padding: 50px 0;
    background: #F2F4F8;
}





    .admission-section h4 {

        font-family: 'Hanken Grotesk';

        font-style: normal;

        font-weight: 700;

        color: #000000;

    }





    .admission-section h2 {

        font-family: 'Hanken Grotesk';

        font-style: normal;

        font-weight: 700;

        color: #000000;

    }





.aflexend {

    align-self: flex-end;

}





footer{

    padding: 20px 0;



}



    footer p {

        color:#848484 ;

    }



    .copyrights p{

        font-family: 'Hanken Grotesk';

    }



        .copyrights p a {

            color: #848484;

        }



.rellink li {

    color: #848484;

    font-family: inter;

    margin-bottom: 12px;

    margin-left: 30px;

}



.rellink span {

    position: absolute;

    margin-left: -33px;

    color: #1a2989;

}



ul li{

    list-style:none;

}



ul{

    padding-inline-start: 0px;

}





.float-right{

    float: right;

}





footer h4 {

    font-family: 'Hanken Grotesk';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 26px;

    /* identical to box height */

    margin-bottom: 20px;

    color: #000000;

}





footer ul li a {

    font-family: Inter;

    color: #848484;

    font-family: inter;

    

}



footer ul li {

    margin-bottom: 12px;

}



hr {

    border-top: 1px solid #B8B8B8;

}





.vec1 {

    position: absolute;

    left: 0;

    margin-top: -56px;

}



.vec2 {

    position: absolute;

    right: 0;

    margin-top: -56px;

}





a:hover {

    color: #00A650;

}



.breadcrumb-section {

    background-size: cover;

    background-position: center center;

    position: relative;

    z-index: 1;

    background: #FFEDA5;

    padding: 70px;

    margin-top: 88px;

}





    .breadcrumb-section h1 {

        font-family: 'Hanken Grotesk';

        font-style: normal;

        font-weight: 800;

        font-size: 40px;

        line-height: 50px;

        color: #000000;

    }





    .breadcrumb-section h5 {

        font-family: 'Hanken Grotesk';

        font-style: normal;

        font-weight: 700;

        font-size: 20px;

        line-height: 30px;

        color: #1a2989;

    }



        .breadcrumb-section h5 a {

            color: #1a2989;

        }



    .breadcrumb-section h5 a:hover {

        color: #00A650;

    }



    .about-section{

        padding: 50px 0;

    }





.nav-link {

   

    display: inline-block;

    position: relative;

    color: #0087ca;



    }





    .nav-link:after {

        content: '';

        position: absolute;

        width: 100%;

        transform: scaleX(0);

        height: 2px;

        bottom: -23px;

        left: 0;

        background-color: #1a2989;

        transform-origin: bottom right;

        transition: transform 0.25s ease-out;

    }



    .nav-link:hover:after {

        transform: scaleX(1);

        transform-origin: bottom left;

    }





.contact-detail {

/*    box-shadow: 0px 0px 25px rgb(85 85 85 / 10%);

    background-color: #Fff;*/

    padding: 20px;
}


.cntbox {
    box-shadow: 0px 0px 25px rgb(85 85 85 / 10%);
    background-color: #Fff;
    padding: 30px;
    border-radius: 15px;
}



    .contact-detail h5 {

        font-family: Hanken Grotesk, sans-serif;

        font-weight: 700;

    }



.contact-detail span {
    margin-right: 15px;
    color: #faa73f;
}



.disflex {

    display: flex;

}



.contact-detail p {

    margin-left: 40px;

}





.contact-detail li{

    margin-bottom: 20px;

}





.contact-section {

    padding: 100px 0 50px 0;

    background: #f6f6f6

}



.contact img {

    border-radius: 10px 10px 0px 0px;

    box-shadow: 0px 0px 25px rgb(85 85 85 / 10%);

}





.mb-30{

    margin-bottom: 30px;

}



.input-contain {

    position: relative;

}



input, select {

    font-family: 'Inter' !important;

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    padding: 13px 13px;

    width: 100%;

}



input, .placeholder-text, select, option {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    padding: 13px 13px;

    width: 100%;

    margin-bottom: 30px !important;

    border: 2px solid #cbcbcb;

    border-radius: 5px;

    background: #ffffff;

}



.placeholder-text {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    border: 3px solid transparent;

    background-color: transparent;

    display: flex;

    align-items: center;

    pointer-events: none;

}



input:focus + .placeholder-text .text, :not(input[value=""]) + .placeholder-text .text {

    background-color: #fff;

    font-size: 16px;

    line-height: 24px;

    color: #1a2989;

    transform: translate(0, -100%);

}



.text {

    transform: translate(0);

    transition: transform 0.15s ease-out, font-size 0.15s ease-out, background-color 0.2s ease-out, color 0.15s ease-out;

}



.text {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    padding: 0 0.5rem;

    background-color: transparent;

    color: #999999;

}





.mb-50{

    margin-bottom: 50px;

}





.contact-form-section {

    padding: 100px 0;

    background: #fff;

}





.filter-button {

    font-size: 18px;

    border: 1px solid #42B32F;

    border-radius: 5px;

    text-align: center;

    color: #42B32F;

    margin-bottom: 30px;

}



    .filter-button:hover {

        font-size: 18px;

        border: 1px solid #42B32F;

        border-radius: 5px;

        text-align: center;

        color: #ffffff;

        background-color: #42B32F;

    }



.btn-default:active .filter-button:active {

    background-color: #42B32F;

    color: white;

}



.port-image {

    width: 100%;

}



.gallery_product {

    margin-bottom: 30px;

}



.gallery-detail-section{

    padding: 50px 0;

}



.w-100{

    width: 100%;

}



.pro-box {

    display: flex;

    background: #f6f6f6;

    border-radius: 10px;

    margin-bottom: 70px;

}



    .pro-box.right img {

        border-radius: 0px 10px 10px 0px;

    }



.pro-box .col-md-4{

    padding: 0;

}





.mb-20{

    margin-bottom: 20px;

}



.desig {

    font-family: 'Inter';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    color: #1a2989;

}



.pro-box .cont-sec{

    padding: 0 40px;

}



.pro-box img{

    border-radius: 10px 0px 0px 10px;

}





.teacher-card {

    border-radius: 15px;

    border: 2px solid #dfdfdf;

    margin-bottom: 30px;

}



    .teacher-card:hover {

        box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.08);

    }







.teacher-card .card-heading {

    text-align: center;

    font-family: 'Hanken Grotesk';

    font-weight: 700;

}



    .teacher-card img {

        border-radius: 13px 13px 0 0;

    }



    .teacher-card .card-text {

        text-align: center;

    }





.event-card {

    border-radius: 15px;

    border: 2px solid #dfdfdf;

    margin-bottom: 30px;

}



.event-card:hover {

    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.08);

}







    .event-card .card-heading {

        text-align: left;

        font-family: 'Hanken Grotesk';

        font-weight: 700;

        font-size: 25px !important;

    }



.event-card img {

    border-radius: 13px 13px 0 0;

}



    .event-card .card-text {

        text-align: left;

    }





.brd-15{

    border-radius: 15px;

}





.activity-box{

    margin-bottom: 30px;

}





    .activity-box .cont {

        position: absolute;

        padding: 10px 20px;

        bottom: 50px;

        background: #1a2989;

        color: #fff;

    }





    .activity-box .cont h4{

        font-family: 'Hanken Grotesk';

        font-size: 20px;

        margin-bottom: 0;

    }







    @media(max-width: 480px){

        .vision-section {

            position: relative;

            top: 0;

            padding: 50px 0;

        }

        .vision-box {

           

            margin-bottom: 25px;

        }

        .count-box {

            margin-bottom: 30px;

        }



        .copyrights p{

            text-align: center !important;

        }

        .vec1 {

            position: absolute;

            left: -57px;

            margin-top: -56px;

            display: none;

        }



        .vec2 {

            position: absolute;

            right: -45px;

            margin-top: -21px;



        display: none;

        }



        .admission-section h2 {

           

            font-size: 24px;

        }

        .admission-section h4 {

            

            font-size: 20px;

        }



        .admission-section .text-right{

            text-align: center !important;

        }



        .admission-section .aflexend {

            align-self: auto;

            margin-top: 20px;

        }



        .gallery-section .aflexend {

            align-self: auto;

        }





        .mb-40{

            margin-bottom: 20px;

        }



        .obj-list li .image {

           

            height: fit-content;

        }

        .breadcrumb-section h1 {

            font-size: 30px;

            line-height: 40px;

        }

        .breadcrumb-section h5 {

           

            font-size: 17px;

            line-height: 30px;

        }

        .breadcrumb-section {

            

            padding: 70px 20px;

        }

        .pro-box img {

            border-radius: 0;

        }

        .pro-box {

            border-radius: 0;

        }



        .pro-box .cont-sec{

            padding: 50px 20px;

        }



            .pro-box.right img {

                border-radius: 0;

            }

        .nav-link:after{

            display: none;

        }



        .contact-form-section .mb-30 {

            margin-bottom: 30px;

            margin-top: 30px;

        }



        .slide-section {

            margin-top: 88px;

        }

        .deskhide{

            display: block !important

        }

        .mobhide {

            display: none !important

        }

        .mobflex {

            display: none !important;

        }

        .carousel-caption h2 {

            

            font-size: 30px;

            line-height: 40px;

        }

        .carousel-caption p {

            

            font-size: 16px;

            line-height: 25px;

        }

        .theme-btn-default {

            font-family: 'Hanken Grotesk';

            font-style: normal;

            font-weight: 500;

            font-size: 16px;

            line-height: 23px;

            color: #202020;

            border: none;

            border-bottom: none;

            background: transparent;

            padding: 10px 5px;

            width: fit-content;

            display: inline-block;

            transition: all 200ms ease-in-out;

            margin-right: 10px;

        }



        .carousel-caption p br{

            display: none;

        }

        .theme-btn {

            

            font-size: 14px;

            line-height: 14px;

        }

        .objectives-section .subtitle {

            margin-top: 30px;

        }

        .slick-prev {

            left: 15px;

        }



        .slick-next {

            right: 15px;

        }



        .nav-link {

            width: 100%;

        }

    }





    @media(min-width: 768px){

        .deskhide {

            display: none !important

        }



        .mobhide {

            display: block !important

        }

        .mobflex{

            display: flex !important;

        }



    }





    footer iframe{

        width: 100%;

    }



    .contact-form-section iframe{

        width: 100%

    }





.navbar-light .navbar-toggler {

    color: rgb(253 102 25);

    border-color: rgba(0,0,0,0);

}



.navbar-toggler {

    font-size: 25px;

}



#gototop {

    display: inline-block;

    background-color: #00a650;

    width: 40px;

    height: 40px;

    text-align: center;

    border-radius: 0px;

    position: fixed;

    bottom: 85px;

    right: 30px;

    transition: background-color .3s, opacity .5s, visibility .5s;

    opacity: 0;

    visibility: hidden;

    z-index: 1000;

}



    #gototop::after {

        content: "\e5ce";

        font-family: Material Symbols Outlined;

        font-weight: normal;

        font-style: normal;

        font-size: 25px;

        line-height: 40px;

        color: #fff;

    }







#gototop:hover {

    cursor: pointer;

    background-color: #1a2989;

}



    #gototop:active {

        background-color: #1a2989;

    }



    #gototop.show {

        opacity: 1;

        visibility: visible;

    }







    @media(max-width: 768px){

        .navbar-expand-md .navbar-nav .dropdown-menu {

            position: relative;

            border: none;

            box-shadow: none;

            background: #f9f9f9;

            border-radius: 0;

            margin-bottom: 10px;

        }

        .nav-dropdown .link.dropdown-toggle::after {

            display: block;

            margin-top: -0.1667em;

            position: absolute;

            right: 1.3333em;

            top: 50%;

        }

        

        span.menu-closed {

            position: absolute;

            float: right;

            right: 35px;

            margin-top: -35px;

        }

            span.menu-closed:before {

                content: "\f107";

                display: block;

                color: #000;

                font-size: 16px;

                font-family: "FontAwesome";

            }

            span.menu-closed.menu-open:before {

                content: "\f106";

            }



        ul.sub-menu.hide {

            display: none !important;

        }



        ul.sub-menu.show {

            display: block !important;

        }

        .carousel-caption {

            position: absolute;

            right: auto;

            bottom: 21%;

            left: 0%;

            width: fit-content;

            z-index: 10;

            padding-right: 20px;

            padding-left: 20px;

            padding-top: 20px;

            padding-bottom: 20px;

            color: #fff;

            text-align: left;

        }

        .carousel-control-next, .carousel-control-prev{

            display: none;

        }

    }





.objectives-section p {
    color: #747474;
}


.btext {
    background: #ffdb70;
    position: absolute;
    width: fit-content;
    padding: 0px 10px;
    border-radius: 0 0 10px 10px;
    /* margin-right: auto; */
    float: right;
    margin-top: -106px;
    color: #000;
}


.pb-20{
    padding-bottom: 20px;
}


.insta {
    background: #E1306C;
}



.fb {

    background: #4267B2;

}



.social-link {

    display: flex;

    padding: 0px !important;

}

.social-link li{

    margin-right: 10px;

}

    .social-link li i {

        background: #1a2989;

        padding: 14px;

        height: 42px;

        width: 42px;

        text-align: center;

        border-radius: 50%;

        color: #fff;

        transition: .4s ease-in-out;

    }



    .social-link li:hover i {

        color: #fff;

        transform: scale(1.05);

        background: #00a54f;

    }



ul.adm-list li {

    font-family: Inter;

    margin-bottom: 10px;

    margin-left: 30px;

}





    ul.adm-list li span {

        color: #1a2989;

        position: absolute;

        margin-left: -30px;

    }





span.red {

    color: red;

}





button{

    border: none !important

}





.contact-detail a {

    color: #212529;

}



.contact-detail a:hover {

    color: #00A650;

}





.contact-detail .disflex p {

    margin-left: 0px;

}



.colorbox {

    background: #1a2989;

    padding: 33px 0;

    border-radius: 60px 0;

}





    .colorbox h3 {

        font-family: 'Hanken Grotesk';

        color: #fff;

        margin-bottom: 0;

        line-height: 40px;

    }





.mt-50 {

    margin-top: 50px;

    line-height: 44px;

}



.dropdown-menu {

    top: 95% !important;



}

    .colorbox i {

    font-size: 100px;

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

    right: 40px;

    top: 40px;

    position: absolute;

}



@media (min-width: 1401px) and (max-width: 1600px) {

    .vec1 {

        position: absolute;

        left: -70px;

        margin-top: -56px;

        z-index: 1;

    }



    .vec2 {

        position: absolute;

        right: -80px;

        margin-top: -54px;

    }

}



@media (min-width: 1180px) and (max-width: 1300px) {

    .vec1 {

        position: absolute;

        left: -95px;

        margin-top: -56px;

        z-index: 1;

    }



    .vec2 {

        position: absolute;

        right: -95px;

        margin-top: -54px;

    }

}


.video-container {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;

}

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 15px;
    }


    .videosection .col-md-3{
        margin-bottom: 30px;
    }

.yt {
    background-color: #CD201F;
}

.testi-section {
    padding: 100px 0;
    background: #eaf9ff;
}


.slick-prev,
.slick-next {
    position: absolute;
    top: 135%;
    font-size: 1.8rem;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: "";
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    margin: auto;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    margin: 0 15px;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slide {
    transition: filter 0.4s;
}

.fas {
    color: #96bd0b;
}

.slick-prev {
    /*left: -40px;*/
}

.slick-prev,
.slick-next {
    position: relative;
    top: 40%;
    font-size: 22px;
    display: block !important;
    background: #fff;
    padding: 10px 10px;
    border-radius: 50%;
    z-index: 1;
    color: #0095d9;
    cursor: pointer;
    border: 1px solid #D9D9D9;
}

.dispflex {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.slider .card {
    width: fit-content;
}

.slick-prev:hover,
.slick-next:hover {
    background: #0095d9;
    color: #fff;
}


.testi-box {
    background: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
    transition: .3s ease;
}

.flex {
    display: flex;
}

.client {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

.obj-list.bg-w li h5 {
    color: #000;
}


.pt-50{
    padding-top: 50px;

}


.include-box {
    background: #fff;
    border-radius: 15px;
    display: flex;
    padding: 25px 15px;
    margin-bottom: 40px;
    transition: .3s ease !important;
    align-items: center;
}


.exchange-table table tbody tr td .country-flag img {
    max-width: 32px;
    margin-right: 10px;
    display: inline-block;
}

.exchange-table table tbody tr td span.text-green {
    color: #47a447;
}

 .exchange-table table thead tr th {
    padding: 10px 15px;
    color: #fff;
    font-weight: 600;
    vertical-align: middle;
    background-color: #000;
    width: 25%;
}

.exchange-table table{
    background: #fff;
    font-family: Inter
}

.exchange-table {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    margin-top: 30px;
}

.table {
    margin-bottom: 0 !important;
}


.tabs {
    width: 100%;
}

.tab-nav {
    display: flex;
    background: #f0f0f0;
}

.nav-item {
    display: block;
    padding: 16px;
    cursor: pointer;
}


    .nav-item.selected {
        font-weight: bold;
        background: #fff;
    }


.tab {
    display: none;
    padding: 16px;
}
    .tab.selected {
        display: block;
    }


.tab-pag {
    padding: 0 16px;
    display: flex;
    justify-content: flex-end;
}

.pag-item {
    display: block;
    padding: 12px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 8px;
}
    .pag-item:last-child {
        margin-right: 0;
    }

    .pag-item.hidden {
        display: none;
    }


input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 7px !important;
    line-height: 1;
}

form .disflex {
    align-items: center;
    gap: 8px;
    margin-right: 20px;
}

label {
   font-family: Inter
}

.include-box img {
    height: 80px;
    margin-right: 15px;
}

.carousel-item{
    margin-top: 97px;
}