@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    /* Background Color */
    --bg-black: #090b3c;
    --bg-white: #fff;
    --bg-light-white: #fcfcfc;
    --bg-light-2: #f2f7fa;
    --bg-dark-green: #0e9d80;
    --bg-features-1: #fff6d6;
    --bg-features-2: #ebdcf9;
    --bg-features-3: #ddf5fc;
    --bg-features-4: #dcf6e8;
    --bg-features-5: #f8e4e1;
    --bg-features-6: #fbffd4;
    
    

    /* Text Color */
    --text-black: #000;
    --text-white: #fff;
    --text-dark-gray: #4c535d;
    --text-light-2: #798089;
    --text-light-3: #5e5e72;
    --text-light-4: #A0A0A0;
    --text-dark-green: #12c4a0;
    --text-orange: #ff5d2a;
    --text-yellow: #ffc100;

    /* Fonts */
    --primary-font: Quicksand;
    --secondary-font: 'Poppins', sans-serif;
    --normal-font-weight: 400;
    --bold-font-weight: 700;
}

body {
    font-family: var(--primary-font);
    font-weight: var(--normal-font-weight);
    background-color: var(--bg-white);
}

/* Custom CSS */
.learn-more-btn {
    background-color: #000080;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-white) !important;
    padding: 12px 20px !important;
    border-radius: 10px;
    border: 2px solid #000080;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
    display: inline-block;
    text-decoration: none;
    transition: 0.7s;
}

.btn-extra-header {
    color: white;
    background-color: #000080;
    border: 2px solid var(--text-dark-gray);
}

/* 2 Navbar */
.header_wrapper .navbar{
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.header_wrapper .navbar-brand img{
    max-width:180px;
    height:auto;  
}
.header_wrapper .menu-navbar-nav{
    width: 70%;
    display: flex;
    justify-content: center;
}   
.header_wrapper .nav-item{
    margin:0 9px;
}
.header_wrapper .nav-item .nav-link{
    font-weight: 550;
    font-size: 16px;
    color:white;
    line-height: 1;
} 

.header-scrolled {
    position: fixed;
    margin-top: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #000080;
    -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .05);
    box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .05);
}
.header-scrolled .navbar-brand img { 
    width:190px;
    height: auto;
    animation: animated 0.1s ease-in-out;
} 
@keyframes animated {
    0% {
        width:210px;
    }
    50% {
        width:200px;
    }
    100% {
        width:190px;
    }
}
/*.header-scrolled .nav-item .nav-link{
    font-size: 17px; 
    color: #000;
}*/
.header-scrolled .nav-item .nav-link {color: #fff;}
.header-scrolled .nav-item .nav-link.active {color: #cc9f4c;}

/* 3 Banner */
.banner_wrapper{
    width: 100%;
    padding: 100px 0 125px;
    background-size: cover; 
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(90deg, #000080 50%, #cc9f4c 50%);
    height: 100vh;
    overflow: hidden;
    display: block;
    position: relative;
}
.logoContainer {
    height: 180px;
    margin: 5vh auto;
    margin-top: 15%;
}

.banner_wrapper h1 {
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 60px;
    font-family: 'Slim-Joe';
    text-transform: uppercase;
    color: white;
    font-family: var(--secondary-font);
}


.banner_wrapper .content {
    position: relative;
    color: white;
    text-align: center;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    vertical-align: center;
    line-height: 1.7;
    top: 44%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
a.scroll-arrow {
    font-size: 25px;
    /* color: white; */
    width: 50px;
    line-height: 52px;
    border-radius: 50%;
    height: 50px;
    border: 1px solid white;
    display: block;
    margin: 30px auto;
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 1029;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .9;
    background-color: white;
}
a.scroll-arrow i {
    width: 100%;
}
.fa {
    width: 18px;
    text-align: center;
}

.cc_head {cursor: pointer;}
.cc_content {display: ; margin-top: 15px;}

/*/BANNER/*/
.banner {position: relative; z-index: 99;}
.banner_other {display: block; height: 200px; overflow: hidden; position: relative;}
.banner_home {display: block; height: auto; overflow: hidden; position: relative;}
.banner_home video {height: 100%; width: 100%; object-fit: cover;}
.banner_other .banner_info h5 {font-size: 72px; font-weight: 800; color: #fff; position: relative; margin-bottom: 0; text-shadow: 2px 0px 8px #09122b;}
.banner_other .banner_info h5 span {font-size: 180%; font-weight: 800; color: #fff; position: absolute; left: -59px; z-index: -1; top: -46px; opacity: 0.05; letter-spacing: 10px;}

.banner_img {height: 100%; width: 100%; transition: all 0.5s;}
.banner_img img {width: 100%; object-fit: cover; transform: scale(1.0); transition: all 14s;}

.banner_info {position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: grid; align-items: center; background-color: transparent; text-align: left; z-index: 99;}
.banner_info h3 {font-size: 54px; font-weight: 700; color: #fff; margin-bottom: 30px; opacity: 0; left: -70%; position: relative; letter-spacing: 100px; white-space: nowrap; transition: all 0.8s;}

.slick-prev, .slick-next {z-index: 90;}
.slick-prev {left: 10px !important;}
.slick-next {right: 20px !important;}
.slick-prev:before, .slick-next:before {font-size: 32px !important;}

/*-----About section start------*/
/* 5 About */
.about_wrapper{
    padding:25px 8%; 
}
/*.about_wrapper .features_subtitle{*/
/*    font-family: var(--secondary-font);*/
/*    font-size: 20px;*/
/*    font-weight: 600;*/
/*    line-height: 1.5;*/
/*    color: #000080;*/
/*}*/
.about_wrapper .about_title {
    font-family: var(--secondary-font);
    font-weight: 800;
    font-size: 34px;
    line-height: 1.25;
    max-width: 1000px;
    margin-bottom: 25px;
    color:#0f0e0e;
}
.about_wrapper .about_text{ 
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
    max-width: 700px;
    color: #4a4d4f;

}
.about_wrapper .innovate{
    background:var(--bg-light-2);
    padding:80px 0; 
}
.about_wrapper .projects{
    padding:30px 0;
}
.about_wrapper .projects h2{
    color: #e8d57b;
    font-family: Poppins;
    font-weight: 800;
    font-size: 50px;
    line-height: 1.5;
    margin-bottom:0;
}
.about_wrapper .projects p{ 
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5; 
    color: #222;
}
.img-fluid1{
    width: 65%;
    margin-left: 28%;
}

/*----Courses section start-----*/
/* 6 Features */
.features_wrapper{
    padding:25px 0;
    background:var(--bg-light-2);
}
/*.features_wrapper .features_subtitle{ */
/*    font-size: 25px;*/
/*    font-weight: 800;*/
/*    line-height: 1.5;*/
/*    margin-bottom: 5px;*/
/*    color: #000080;*/
/*}*/
.features_wrapper .features_title{
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 25px;
    color: var(--text-black);
}
/*.features_wrapper h3{*/
/*    font-family: var(--secondary-font);*/
/*    font-size: 20px;*/
/*    font-weight:var(--bold-font-weight);*/
/*    line-height: 1.5;*/
/*    margin-bottom: 20px;*/
/*    color: var(--text-black);*/
/*}*/
.features_wrapper .features_text{ 
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5; 
    color: #222;
}
.features_wrapper .ft-1{
    background:var(--bg-features-1);
    padding:30px;
    border-radius: 15px;
}
.features_wrapper .ft-1:before{
    content: url(../images/consultancy.png);
    position: absolute;
    display: block;
    margin-top: -70px;
}
.features_wrapper .ft-2{
    background:var(--bg-features-2);
    padding:30px;
    border-radius: 15px;
}
.features_wrapper .ft-2:before{
    content: url(../images/solutions.png);
    position: absolute;
    display: block;
    margin-top: -70px;
}
.features_wrapper .ft-3{
    background:var(--bg-features-3);
    padding:30px;
    border-radius: 15px;
}
.features_wrapper .ft-3:before{
    content: url(../images/simple.png);
    position: absolute;
    display: block;
    margin-top: -70px;
}
.features_wrapper .ft-4{
    background:var(--bg-features-4);
    padding:30px;
    border-radius: 15px;
}
.features_wrapper .ft-4:before{
    content: url(../images/book.png);
    position: absolute;
    display: block;
    margin-top: -70px;
}
.features_wrapper .ft-5{
    background:var(--bg-features-5);
    padding:30px;
    border-radius: 15px;
}
.features_wrapper .ft-5:before{
    content: url(../images/book.png);
    position: absolute;
    display: block;
    margin-top: -70px;
}
.features_wrapper .ft-6{
    background:var(--bg-features-6);
    padding:30px;
    border-radius: 15px;
}
.features_wrapper .ft-6:before{
    content: url(../images/coach.png);
    position: absolute;
    display: block;
    margin-top: -70px;
}
.features_wrapper .ft-7{
    background:var(--bg-features-1);
    padding:30px;
    border-radius: 15px;
}
.features_wrapper .ft-7:before{
    content: url(../images/idea.png);
    position: absolute;
    display: block;
    margin-top: -70px;
}
.features_wrapper .ft-8{
    background:var(--bg-features-2);
    padding:30px;
    border-radius: 15px;
}
.features_wrapper .ft-8:before{
    content: url(../images/read.png);
    position: absolute;
    display: block;
    margin-top: -70px;
}
.features_btn{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*----Coaching method section start-----*/
.col_count_2 {
    column-count: 1;
}

.col_count_2 li{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5; 
    color: #222;
}


/*----offered coursed section start-----*/
.col_count_3 li{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5; 
    color: #222;
}



/* Testimonial CSS */
.testimonial{
    padding:1rem 0 3rem;
}
.features_subtitle{
    color: #000080;
    font-size: 30px;
    font-weight: 600;
    font-family: var(--secondary-font);
}
.username h3{
    color: #000080;
}
.testimonial .testimonial-wrapper{
    box-shadow: 0 0 0.563rem 0 rgb(0 0 0  / 5%);
    background:var(--bg-white);
    margin:auto;
    padding:1rem 5rem;
    border:0.063rem solid var(--text-light-4);
    border-radius: 0.625rem;
    text-align: center;
}
.testimonial .testimonial-wrapper img{
    border-radius: 100%;
    width:5rem;
    height:5rem;
    margin:1.25rem auto;
    object-fit:cover;
    background-color:var(--bg-white);
    border:0.063rem solid var(--bg-light-white);
}

.testimonial .testimonial-wrapper span{
    color:var(--text-gray);
    font-size: 1rem;
    text-transform: uppercase;
    margin:1rem 0;
    display:block;
}
.testimonial .testimonial-wrapper p{
    color:var(--text-gray);
    font-size: 1rem;
    font-weight: 300;
}
.testimonial .carousel-indicators [data-bs-target]{
    background-color:red;
    width:2.5rem;
    height:0.313rem;
}
.testimonial .carousel-control-next-icon,
.testimonial .carousel-control-prev-icon{
    background: transparent;
}
.testimonial .carousel-indicators{
    bottom:-3rem;
}
.testimonial .slider-icon{
    font-size: 30px;
    font-weight: 600;
    color: red;
}
.testimonial .carousel-control-prev{
    left:-8.75rem;
}
.testimonial .carousel-control-next{
    right:-8.75rem;
}

/*----footer section start-----*/
.footer-heading{
    color:#e8d57b;
}

/*---on-page scroll animation---*/
.reveal{
    position: relative;
    transform: translateY(50px);
    opacity: 0;
    transition: all 2s ease;
}
.reveal.active{
    transform: translateY(0px);
    opacity: 1;
}


/*/FONT-SIZE/*/
.fs_10 {font-size: 10px !important;}
.fs_11 {font-size: 11px !important;}
.fs_12 {font-size: 12px !important;}
.fs_13 {font-size: 13px !important;}
.fs_14 {font-size: 14px !important;}
.fs_15 {font-size: 15px !important;}
.fs_16 {font-size: 16px !important;}
.fs_17 {font-size: 17px !important;}
.fs_18 {font-size: 18px !important;}
.fs_19 {font-size: 19px !important;}
.fs_20 {font-size: 20px !important;}
.fs_22 {font-size: 22px !important;}
.fs_24 {font-size: 24px !important;}
.fs_26 {font-size: 26px !important;}
.fs_28 {font-size: 28px !important;}
.fs_30 {font-size: 30px !important;}
.fs_32 {font-size: 32px !important;}
.fs_34 {font-size: 34px !important;}
.fs_36 {font-size: 36px !important;}
.fs_38 {font-size: 38px !important;}
.fs_40 {font-size: 40px !important;}

.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_600 {font-weight: 600;}
.fw_700 {font-weight: 700;}
.fw_800 {font-weight: 800;}
.fw_900 {font-weight: 900;}

.sir {height: 100px; width: 100px; object-fit: contain; border-radius: 100%; border: 4px solid #fff;}
.teacher {display: flex; align-items: center; justify-content: center; margin: auto;}
.teacher span {height: 1px; width: 70px; background-color: #fff; display: block;}
.success_story {grid-gap: 10px;}
.success_story h5 {margin-bottom: 0; background-color: #000080; padding: 10px; font-size: 24px; font-weight: 800; color: #fff; text-align: center; width: 42px;}
.success_story h6 {margin-bottom: 0;}
.success_story h5.counter2 {width: 55px;}

.numb_status {border: 2px solid #222; background-color: #ddd; padding: 15px; text-align: center;}
.numb_status h5 {color: #000080; font-size: 23px; font-weight: 900; margin: 0;}
.numb_status ul {display: flex; align-items: center; justify-content: center; grid-gap: 8px; list-style: none; margin: 12px 0; padding: 0;}
.numb_status ul li i {color: #fcb632; font-size: 20px;}
.numb_status h6 {color: #222; font-size: 19px; font-weight: 900; margin: 0;}

.iframes {padding: 40px 0;}
.iframes iframe {width: 100%; height: 230px;}

.btncls {display: block; width: 100%; padding: 20px 15px; border-radius: 8px; text-align: center; font-size: 20px; font-weight: 600; text-decoration: none; background-color: #eee; color: #222; position: relative;}
.btncls:after {content: ""; position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #22222229; border-radius: 8px;}

.fix_sec {position: fixed; left: 0; top: -100%; width: 100%; height: 100vh; background-color: #000000a8; z-index: 9999; display: grid; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: opacity 0.5s;}
.fix_content {width: 900px; height: auto; max-height: 100vh; overflow-y: auto; overflow-x: hidden; background-color: #fff; border-radius: 10px;}
.fix_heading {padding: 20px 15px; position: sticky; top: 0; background-color: #000080; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between; width: 100%; color: #fff;}
.fix_heading h6 {margin-bottom: 0; color: #fff;}
.fix_heading i {cursor: pointer;}
.fix_para {padding: 15px;}

.fix_sec_open {visibility: visible; opacity: 1; top: 0;}
.cc_head i {display: none;}

.text-justify {text-align: justify;}

.about_wrapper {position: relative; background-image: linear-gradient(90deg, #dadaf0 70%, #f9e5c3 70%)}
.about_wrapper .sir_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; background-image: url('../images/pabitra.png'); background-position: right bottom; background-repeat: no-repeat; background-size: 42%; transition: all 2s;}
.about_wrapper .sir_bg_animate {height: 100vh; left: -40%; background-size: contain; background-color: #dadaf0;}

.fix_para ul li {color: #222; font-weight: 700;}

.footer {background-color: #000080;}

.panel_members {text-align: center; display: grid; justify-content: center;}
.panel_members .img {height: 100px; width: 100px; overflow: hidden; margin: auto; border-radius: 50%;}
.panel_members .img img {height: 100%; width: 100%; object-fit: cover;}

.contact_plate p {font-weight: 600; color: #222;}
.contact_plate a {text-decoration: none; font-weight: 600; color: #000080;}
.iframe {height: 300px; width: 100%;}
.iframe iframe {height: 100%; width: 100%;}

.img_cft {height: 450px; width: 100%; object-fit: contain;}

@media only screen and (max-width:1200px) {
    /*.about_wrapper .sir_bg {background-size: 56%; background-position: 750px bottom;}*/
}

@media only screen and (max-width:992px) {
    .about_wrapper .sir_bg {background-position: center bottom; z-index: -1; opacity: 0.25; background-size: contain;}
    .about_wrapper .sir_bg_animate {left: 0; opacity: 1; z-index: 1;}
}

@media only screen and (max-width:768px) {
    .about_wrapper {padding: 8% 1%;}
    .fix_content {width: 100%;}
    .carousel-control-next, .carousel-control-prev {display: none;}
    .navbar-toggler {padding: .25rem .75rem 0;}
    .navbar-collapse.show {background-color: #000080;}
    .navbar-nav .nav-item {margin: 5px 0;}
    .img_cft {height: auto; margin-bottom: 10px;}
}

@media only screen and (max-width:576px) {
    .about_wrapper {padding: 15% 1%;}
    .success_story h5 {font-size: 15px; padding: 8px; width: 30px;}
    .numb_status h5 {font-size: 20px;}
    .numb_status ul li i {font-size: 16px;}
    .numb_status h6 {font-size: 17px;}
    .numb_status ul {margin: 8px 0;}
    .iframes iframe {height: 200px;}
    .banner_wrapper h1 {font-size: 36px;}
}







