/*---------------------------------------------------------------------

    File Name: style.css

---------------------------------------------------------------------*/





/*---------------------------------------------------------------------

    import Fonts

---------------------------------------------------------------------*/



@font-face {

    font-family: 'Cera';

    src: 

         url('fonts/Cera\ Pro\ Medium.otf') format('OpenType');

  }



/*****----------------------------------------

     1) font-family: 'Cera', sans-serif;  

----------------------------------------*****/



/*---------------------------------------------------------------------

    skeleton

---------------------------------------------------------------------*/



body {

    font-family: 'Cera',Arial,sans-serif !important;

    font-weight: 500;

    line-height: 1.5;

}



.row{

    padding-top: 0px !important;

}



.paddingtop{

    padding-top: 7% !important;

}



.paddingtop1{

    padding-top: 1% !important;

}



.paddingtop2{

    padding-top: 2% !important;

}



.paddingtop3{

    padding-top: 0% !important;

    margin-top: 2%;

}



.marginLeft{

    margin-left: 20%;

}

.marginLeft1{

    margin-left: -20%;

}





/*----------------------------

    Bootstrap Change

----------------------------*/



.card-title{

    font-size: 18px;

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

    color: #4f4f6f

}



.card img{

    width: 70% !important;

}



/*----------------------------

    header area

----------------------------*/



@media (min-width: 992px){

    .header_logo{

        /*background-size: auto;            */

    }



    .img_6week{

        margin-left: 50%;

    }

}



@media (min-width: 1260px){

    .header_logo{

        background-size: auto;            

    }

}





.header-text{

    color: #4f4f6f;

    font-size: 40px;

    font-weight: 700;

    padding: 111px 0 5px;

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

}



/*----------------------------

    navbar area

----------------------------*/





.navbar{

    min-height: auto;

    margin-bottom: auto;

}



@media( min-width:768px){

        .img_6week{

        margin-left: 25%;

    }



    .roadmap-image{

        margin-left: 50%;

    }

}

@media (max-width: 991px){

    .logo-image{

        right: 365px;

    }

    /* .img_6week{

        margin-left: 50%;

    } */



    .consumer_text

    {

        margin-top: 24%;

    }



    .stairs_para{

        position: absolute;

        top: 20%;

        font-size: 12px;

        left: 25%;

        color: white;

    }



    .step1_para{     

        position: absolute;

        bottom: -193%;

        left: -13%;

        font-size: 12px;

        width: 165px;

    }

    .step2_para{

        position: absolute;

        bottom: -158%;

        left: -10%;

        font-size: 10px;

        width: 165px;

    }



    .step3_para{

        position: absolute;

        top: 190%;    

    }



    .step4_para{

        position: absolute;

        margin-top: 39%;

        font-size: 10px;

        width: 130px;

    }



    .step5_para{

        position: absolute;

        margin-top: 19%;

        font-size: 11px;

        width: 130px;

    }



    .step6_para{

        position: initial;

        margin-top: 5%;

        font-size: 11px;

    }



    .step7_para{

        margin-left: 27%;

        font-size: 9px;

        padding-top: 29px;

    }



    .step7{

        margin-left: 15px;

        color: black;

    }





}



.navbar-collapse.collapse{

    display: inline-block !important;

}



@media (min-width: 992px){

    .collapse{

        display: block !important;

    }



    .name_age{

        font-size: 14px;

        padding-top: 2%;

    }



    .card-image{

    /* position: absolute; */

    /* top: -22%; */

    width:80%;

    left: 30%;

    border: 2px solid green;

    border-radius: 50%;

    }



    .banner_heading{

        font-size: 3.5rem;

        font-weight: 300;

        line-height: 1.0;

    }



    .stairs_para{

    position: absolute;

    top: 24%;

    left: 27%;

    color: white;



    }





    .step1_para{     

        position: absolute;

        bottom: -222%;

        left: -4%;

        font-size: 12px;

        width: 165px;

    }

    .step2_para{

        position: absolute;

        /* bottom: -226%; */

        left: -4%;

        top: 249%;

        font-size: 12px;

        width: 165px;

    }



    .step3_para{

        position: absolute;

        top: 206%;    

    }



    .step4_para{

        position: absolute;

        margin-top: 40%;

        font-size: 12px;

    }



    .step5_para{

        position: absolute;

        margin-top: 19%;

        font-size: 12px;

    }



    .step6_para{

        position: initial;

        margin-top: 10%;

    }



    .step7_para{

        margin-left: 30px;

        font-size: 12px;

        padding-top: 13px;

    }



    .step7{

        margin-left: 22px;

        color: black;

    }

}



.three_dots{

    text-align: left;

    margin-left: 1.7%

}

.three_dot_item{

    /* content: ''; */

    width: 10px;

    height: 10px;

    border-radius: 50%;

    display: inline-block;

    background-color: #01FFF7;

    margin-right: 5px;

}

.three_dot_item1{

    /* content: ''; */

    width: 10px;

    height: 10px;

    border-radius: 50%;

    display: inline-block;

    background-color: #00D9C8;

    margin-right: 5px;

}



.three_dot_item2{

    /* content: ''; */

    width: 10px;

    height: 10px;

    border-radius: 50%;

    display: inline-block;

    background-color: #00D9C8;

}



.navbar-toggler{

    margin-left: auto;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding: 1.5rem;

    color: #fff;

    font-size: medium;

}



.btn{

    font-weight: 700;

}



.border-radius-30{

    border-radius: 30px;

}



.border-radius-110{

    border-radius: 110px;

}



.background-yellow{

    background-color: #FFFF00;

}



.btnshadow{

    box-shadow: 6px 6px 10px lightslategrey;

}



.f-xl{

    font-size: x-large;

}



.text-logo{

    color: #099974;

}



.bg-logo{

    background-color: #51bba4;

}



.bg-logo1{

    background-color: #e8f9f5;

}



.mentor_background{

    background-color: #04A592;

    border-radius: 10px;

}



.mentor_background_secondary{

    background-color: #ffffff;

}



.newspaper-section{

    background: url(../images/home/02.webp);

    background-repeat: no-repeat;

    background-position: bottom;

    background-size: 100% 100%;

}



.mentor-heading{

    /* margin-left: 3%;

    margin-top: 6%; */
    margin-bottom:0px;

}



.mentor-image{

    width: 20%;

    position: absolute;

    top: 33%;

    left: 70%;

    /* border: 2px solid green; */

    border-radius: 50%;

}



.border-logo{

    border-color: #099974;

}



.container-fluid{

    font-family: 'Cera',Arial,sans-serif;

}





.container{

    font-family: 'Cera',Arial,sans-serif;

}



@media screen and (min-width: 251px) and (max-width: 400px){

    .shadowbg {



        box-shadow: 10px 10px 20px lightgrey;

        bottom: 120px !important;

    }

    .bg-logo{

        background-color: #51bba4;

        height: 100% !important;  

    }
    .timeline-horizontal .timeline-item::before{
        
            content: " ";
            height: 0;
            position: absolute;
            top: 22px;
            width: 0;
            z-index: 1;
            right: 30px;
            border: medium solid white;
            border-width: 10px 0 10px 10px;
            border-color: transparent transparent transparent white;
    }

}



.shadowbg{

    box-shadow: 10px 10px 20px lightgrey;

    bottom: 165px;

}



.navbar-expand-lg .partner .navbar-nav .nav-link {

    /*padding-right: 0.5rem;*/

    /*padding-left: 1.5rem;*/

    color: rgba(0,0,0,.5);

    /*font-size: 15px;*/

}



.navbar-brand{    

    font-size: 37px;

    font-family: 'Cera';

    color: #2db0b4 !important;

}



.navbar-light .navbar-brand{

    color:rgba(0,0,0,.9);

}





/*----------------------------

    banner area

----------------------------*/



.banner-font-size{

    font-size: 20px;

    padding: 5px 20px 5px 20px;

    font-weight: 700;

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

}

.banner-text{



    font-size: 16px; 

    font-weight: 600;

    color: #4f4f6f; 

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

}



.carousel-inner{

    width: 100% !important;

    top: -23px !important;

    overflow: hidden;

}



.logoimg{

    position: relative;

    width: 17%;

    left: 100px;

    margin: -273px 85px 0px 0px;

}





@media (min-width: 1202px){

    .logoimg{

        left: -234px;

        margin:120px 85px 0px 0px;

    }



    .img1{

        margin-top: 4%;

    }



    .roadmap-image{

        margin-left: 20%;

        width: 100%;

    }



    .newspaper-cutting{

        width: 95%;

    }

}



@media screen and (min-width: 1151px) and (max-width: 1201px){

    .logoimg{

        left: 125px;

        margin:-350px 85px 0px 0px;

    }

}



@media screen and (min-width: 1100px) and (max-width: 1150px){

    .logoimg{

        left: 125px;

        margin:-350px 85px 0px 0px;

    }

}



@media screen and (min-width: 1000px) and (max-width: 1100px){

    .logoimg{

        left: 116px;

        margin:-335px 85px 0px 0px;

    }

}









.banner-image{

    margin: 12px 0px 0px -2%; 

    width: auto;

}



/**-- logo image --**/



.logo-image{

    width: 14%;

    /*position: relative;*/

    top: 0px;

}



/**-- list icon --**/

.ul_heading{

    color: #51bba4;

    margin-left: 5px;

    font-weight: bold;

    /* padding-bottom: 20px; */

}











.sec8_row1{

    padding: 0% 3% 0% 0%;

    text-align:center;

    /* margin-top: 4%; */



}



ul{

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

    color: #4f4f6f;

    padding-left: 20px;

    font-size: 25px;

   

}



ul li::before {    

    color: red;  

    margin-right: 10px;

}



.ul_internship{

    list-style: none;

}

.ul_internship ::before{

    content: "\2022";

    color: #51bba4;

    margin-left: -1em;

}

.li_internship{

    margin-bottom: 10px;

    font-size: 16px;

    font-weight: bold;

}

/**-- button list --**/



.button_color_first{

    font-family: Cera,sans-serif;

    font-weight: 700;

    color: #000000;

    border: 3px solid rgb(75 186 191);

    border-radius: 0;

    padding: 10px 30px 10px 30px;

}



.btn-main{

    background-color:rgb(1 185 191); 

    border-radius: 0 !important; 

    color: #fff;   

    font-family: Cera,sans-serif;

}



.btn-secendory{

    background-color:#fff; 

    color: #000000;

    font-family: Cera,sans-serif; 

    border:3px solid rgb(75 186 191);

    border-radius: 0;   

    padding: 10px 30px 10px 30px;

    font-weight: 700;

}





/**-- etc list --**/



.quote{

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

    color: #4f4f6f;

    text-shadow: 1px 0px #4f4f6f;

}

.color-main{

    color: #2db0b4 !important;

    font-size: 20px;

}

.f-right{

    float: right

}

.zsd23 h2{

    color: #4f4f6f;

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

    font-weight: 700;

    font-size: xx-large;

}

.zsd23 p{

    font-size: 22px;

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

    font-weight: 700;

}

.zdh45{

    padding: 0 26px;

}



.zhfj23{

    color: #4f4f6f;  

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

}

.yellow_div_text{

    background: #fef042;

    border-radius: 10px;

    padding: 5px;

    color: #11225e;

    font-size: 22px;

}

.yellow_div{

    background: transparent;

    padding: 10px;

    text-align: center;

}



.slideshow {

  margin: auto;

  position: relative;

  width: auto;

  padding: 5% ​10% 5% 0%;

  /*height: 150px;*/

  /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);*/

}































































































































/**-- section 3 --**/



.sec3 {

    padding-top: 5%;

    font-family: 'Cera', sans-serif;

    font-weight: 700;

    word-spacing: 2px;

    letter-spacing: 1px;

}

.sec3 .row {

    background:url('../images/013.webp');

    padding-left: 10% !important;

    padding-top: 5% !important;

    color: #ffffff;

}

.sec3 .row button{

    color: #ffffff;

    font-family: 'Cera', sans-serif;

    font-weight: 700;

    background-color: transparent;

    border: 3px solid #ffffff;

    padding: 10px 30px 10px 30px;

    border-radius: 0px;

}



.sec3 h3{

    font-family: 'Cera', sans-serif;

    font-weight: 700;

    font-size: xx-large;

}





/**-- section 4 --**/



.sec4 .container{

    /*padding-top: 5%;*/

    font-family: 'Cera', sans-serif;

    font-weight: 700;

    word-spacing: 2px;

    letter-spacing: 1px;

}



.sec4 .text-center{

    color: #4a4444;

    font-family: 'Cera', sans-serif;

    font-weight: 700;

    word-spacing: 2px;

    letter-spacing: 1px;    

}



.sec4 h3{

    font-size: xx-large;

    font-weight: 700;

    font-family: 'Cera', sans-serif;

}



.sec4_row{

    padding: 0% 7% 0% 7%;

}



@media screen and (min-width: 321px) and (max-width: 991px){

    .sec4_row_right_img2{

        left: 171px;

    }

}



.sec4_row_right_img3{

    width: 30px;

    position: relative;

    left: 176px;

    top: 5px;

    z-index: 1;

}



.sec4_row_right_img4{

    width: 30px;

    position: relative;

    left: 184px;

    top: -4px;

    z-index: 1;

}



.sec4_row_mid_img{

    width: 420px;

    position: relative;

    left: -220px;

    top: -67px;

    z-index: 1;

}



.sec4_row_left span{

    margin-left: -34px;

}





/**-- section 5 --**/



.sec5{

    font-family: 'Cera', sans-serif;

    font-weight: 700;

    color: #4a4444;

    word-spacing: 2px;

    letter-spacing: 1px;

}





/**-- section 6 --**/



.sec6{

    font-family: 'Cera', sans-serif;

    font-weight: 700;

    color: #4a4444;

    word-spacing: 2px

}



/**-- section 8 --**/



.sec8{

    /*padding-top: 5%;*/

    word-spacing: 2px;

    padding-bottom: 7%;

}



.sec8 h2{

    font-size: xx-large;

    color: #4f4f6f;

    font-weight: 700;

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

    word-spacing: 2px;

    letter-spacing: 1.9px;

}



.sec8 h3{

    font-size: x-large;

    color: #171110;

    font-weight: 700;

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

    word-spacing: 2px;

}



.sec8_heading{

    font-size: xx-large;

    color: #171110;

    font-weight: 700;

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

    word-spacing: 2px;

}



.vcenter {

    display: inline-table;

    vertical-align: middle;

    float: none;

    text-align: center;

    border: 2px solid #82c0b5;

    padding: 2%;

    border-radius: 5%;

    margin: 10px 10px 40px 10px;

    font-size: large;

    box-shadow: 3px 3px 10px 0px #82c0b5;

}



.vcenter1 {

    width: 20%;

    position: relative;

    display: inline-table;

    vertical-align: middle;

    float: none;

    text-align: center;

    /* border: 2px solid white;

    padding: 2%; */

    border-radius: 2%;

    margin: 30px 10px 70px 10px;

    font-size: large;

    /* box-shadow: 3px 3px 10px 0px #eadbdb; */

}



.project-image{

    border: 1px solid #b4e8df;

    margin-top: 5%;

    margin-bottom: 5%;

}



.sec8_row{

        padding: 0% 3% 0% 0%;

        text-align:center;

}



.sec8_row .vertical{

    /*border:1px solid #000;*/

    padding: 2% 2% 5% 1%;

}



.sec8_row .vertical .img1{

    border:2px solid #82c0b5;

    /*max-width: 100%;*/

    /*height: auto;*/

    border-radius: 50%;

    position: relative;

    top: 12px;

    right: 25px;

}



.sec8_row .vertical .img2{

    border:2px solid #82c0b5;

    /*max-width: 100%;    */

    /*height: auto;*/

    border-radius: 10%;

    box-shadow: 5px 5px 15px 0px #d0d0d0;

}



/**-- section 9 --**/



.sec9 .row{

    background:url('../images/015.webp');

    /*padding-left: 10% !important;*/

    /*color: #4f4f6f;*/

    font-weight: 700;

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

    word-spacing: 2px;

}



.sec9 h3{

    font-weight: 700;

    font-size: 30px;

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

    word-spacing: 2px;

}



.sec9_font{

    font-size: 22px;

}



.sec9_font button{

    color: #ffffff;

    font-weight: 700;

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

    background-color: #48b2b3;

    border: 3px solid #ffffff;

    padding: 10px 30px 10px 30px;

    font-size: 20px;

    font-weight: 700;

}







/**-- section 10 --**/





.sec10{    

    padding-bottom: 5%;

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

    word-spacing: 2px;

}



.sec10 .container{

    /*padding-left: 5% !important;*/

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

}



.sec10 h2{

    font-weight: 700;

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

    word-spacing: 2px;

    color: #4f4f6f;

    font-size: xx-large;

}



.sec10 .row {

    padding-top: 3% !important;

}



.sec10_box1{

    -webkit-box-shadow: 5px 5px 20px rgb(234 236 238);

}



.sec10_box2{

    -webkit-box-shadow: 5px 5px 20px rgb(234 236 238);

}



.sec10_box3{

    width: 100%;

    -webkit-box-shadow: 5px 5px 20px rgb(234 236 238);

}



.sec10_box4{

    width: 100%;

    -webkit-box-shadow: 5px 5px 20px rgb(234 236 238);

}



.sec10_box5{

    -webkit-box-shadow: 5px 5px 20px rgb(234 236 238);

}







/**-- section 11 --**/





.sec11{    

    padding-top: 10%;

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

    word-spacing: 2px;

}



.sec11 .container{

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

}



.sec11_box1{

    padding: 5% 10% 5% 10%;

    color: #ffffff;

    text-align: center;

    background-image: linear-gradient(to top right, rebeccapurple, #02b2e6);

    border-radius: 5px;

}



.sec11_box2{

    padding: 5% 10% 5% 10%;

    color: #ffffff;

    text-align: center;

    background-image: linear-gradient(to top right, #8652ea, #5d32b1);

    border-radius: 5px;

}



@media screen and (min-width: 1260px){

    .sec11_row{

        padding: 3%;  

    }

}



@media screen and (min-width: 1230px) and (max-width: 1259px){

    .sec11_row{

        padding: 4%;  

    }

}



@media screen and (min-width: 1200px) and (max-width: 1229px){

    .sec11_row{

        padding: 5%;  

    }

}



@media screen and (min-width: 1120px) and (max-width: 1199px){

    .sec11_row{

        padding: 0%;  

    }

}



@media screen and (min-width: 240px) and (max-width: 991px){

    .sec11_row{

        padding: 0%;   

        margin-left: -68px;

    }

}





/**-- section 12 --**/





.sec12{    

    /*padding-bottom: 5%;*/

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

    word-spacing: 2px;

}



.sec12 .container{

    padding:5% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec12_row1{

    position: relative;

    z-index: 2;

}



.sec12_div{

    margin-top: -30px;

}



.sec12_row1 h2{

    background-image: linear-gradient(90deg, rebeccapurple, #02b2e6);

    text-align: center;

    color: #ffffff;

    padding: 3% 5% 3% 5%;

    border-radius: 5px;

}



.sec12_row2{

    text-align: center;

    color: #1f1919;

    border-radius: 5px 5px 0px 0px;

}



.sec12_box1{

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    padding: 8% 10% 1% 10%;

    margin: -3% -25px 1% 12%;

}



.sec12_box2{

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    padding: 6% 10% 3% 10%;

    margin: -3% -7% 0% 0%;

}



.sec12_box3{

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    padding: 6% 3% 3% 3%;

    margin: -3% -7% 0% 0%;

}



.sec12_column .col-sm-3{

    padding: 1%;

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    margin: 2px;

}



.sec12_column .col-sm-4{

    padding: 1%;

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    margin: 2px;

}



.sec12_column .col-md-4{

    padding: 1%;

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    margin: 2px;

}



.sec12_column .col-md-3{

    padding: 1%;

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    margin: 2px;

}





/**-- section 13 --**/





.sec13{    

    /*padding-bottom: 5%;*/

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

    word-spacing: 2px;

}



.sec13 .container{

    padding:5% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec13_row1{

    position: relative;

    z-index: 2;

}



.sec13_div{

    margin-top: -30px;

}



.sec13_row1 h2{

    background-image: linear-gradient(90deg, rebeccapurple, rebeccapurple);

    text-align: center;

    color: #ffffff;

    padding: 3% 5% 3% 5%;

    border-radius: 5px;

    font-size: 27px;

}



.sec13_column h3{

    font-size: 22px;

}



.sec13_row2{

    text-align: center;

    color: #1f1919;

    border-radius: 5px 5px 0px 0px;

}



.sec13_box1{

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    padding: 8% 10% 1% 10%;

    margin: -3% -25px 1% 12%;

}



.sec13_box2{

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    padding: 6% 10% 3% 10%;

    margin: -3% -7% 0% 0%;

}



.sec13_box3{

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    padding: 6% 3% 3% 3%;

    margin: -3% -7% 0% 0%;

}



.sec13_column .col-sm-3{

    padding: 1%;

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    margin: 2px;

}



.sec13_column .col-sm-2{

    padding: 1%;

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    margin: 2px;

}



.sec13_column .col-md-2{

    padding: 1%;

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    margin: 2px;

}



.sec13_column .col-md-3{

    padding: 1%;

    background-image: linear-gradient(#d6d6d6, #d6d6d6);

    margin: 2px;

}



/**-- section 14 --**/





.sec14{    

    /*padding-bottom: 5%;*/

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

    word-spacing: 2px;

}



.sec14 .container{

    padding:5% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec14_row1{

    position: relative;

    z-index: 2;

}

.sec14 hr{

    width: 15%;

    border: 2px solid #46b1b5;

}



/**-- section 15 --**/





.sec15{    

    /*padding-bottom: 5%;*/

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

    word-spacing: 2px;

}



.sec15 .container{

    padding:0% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec15_row1{

    position: relative;

    z-index: 2;

}



.sec15 hr{

    width: 15%;

    border: 2px solid #46b1b5;

}



.sec15 .vertical img{

    border-radius: 50%;

    border: 2px solid #ff1800;

    box-shadow: 3px 3px 10px 0px #ff1800;

}



.sec15 .vertical{

    font-size: small;

    margin-top: 5%;

}



.sec15 .vcenters{

    padding-top: 20%;

}





.sec15 .vcenter {

    display: inline-table;

    vertical-align: middle;

    float: none;

    text-align: center;

    border: 2px solid #ff1800;

    padding: 2%;

    border-radius: 5%;

    margin: 10px 10px 40px 10px;

    font-size: large;

    box-shadow: 3px 3px 10px 0px #ff1800;

}



/**-- section 16 --**/





.sec16{    

    padding-bottom: 5%;

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

    word-spacing: 2px;

}



.sec16 .container{

    padding:0% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec16_row1{

    position: relative;

    z-index: 2;

}

.sec16 hr{

    width: 15%;

    border: 2px solid #46b1b5;

}



.sec16_row1 .corner_vcenter {

    display: inline-table;

    vertical-align: middle;

    top: 50px;

    color: #000000;

    margin-bottom: 40px;

    float: none;

    text-align: center;

    background: #ffffff;

    padding: 20px;

    font-size: large;

}



.sec16_row1 .corner_vertical img{

    border-radius: 50%;

    border: 2px solid #4cb8b2;

    padding: 3%;

    box-shadow: 3px 3px 10px 0px #82c0b5;

    background-color: aliceblue;

    margin: -28% 1% 10% 1%;

}



.sec16_row1 .corner_vertical{

    

    box-shadow: 3px 3px 10px 0px #82c0b5;

    border: 2px solid #4cb8b2;

}



.sec16_row1 .corner_vertical hr{

    border: 2px solid #4cb8b2;

    width: 40%;



}



.sec16_row1 .position{

    margin: -12% 1% 1% 1%;

}

.sec16_row1 .item .row {

    width: 80%;

    margin: 0% 0% 0% 10%;

}

/**-- section 17 --**/





.sec17{    

    /*padding-bottom: 5%;*/

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

    word-spacing: 2px;

}



.sec17 .container{

    padding:0% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec17 .row {

    background:url('../images/corner/002.webp');

    /*padding-left: 11% !important;*/

    padding-top: 3% !important;

    color: #ffffff;

    text-align: center;

}

.sec17 .row button{

    color: #ffffff;

    font-family: 'Cera', sans-serif;

    font-weight: 700;

    background-color: transparent;

    border: 3px solid #ffffff;

    padding: 10px 30px 10px 30px;

    border-radius: 0px;

    float: left;

    margin: 9%;

}

.sec17 .heading{

    font-weight: 700;

    font-size: xx-large;

}



/**-- section 18 --**/





.sec18{    

    padding-bottom: 5%;

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

    word-spacing: 2px;

}





.sec18 .container{

    padding:0% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec18 .heading{

    font-weight: 700;

    font-size: xx-large;

    margin-top: 20%;

}



.carousel-control.left{

    background-image: linear-gradient(to right,rgb(255 255 255 / 50%) 0,rgba(0,0,0,.0001) 100%)

}



.carousel-control.right{

    background-image: linear-gradient(to right,rgb(255 255 255 / 50%) 0,rgba(0,0,0,.0001) 100%)

}



.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{

        color: black;

}



.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev{

        color: black;

}

.sec18 .bgimg{

    background: url('../images/corner/00.webp')no-repeat 50% 100%; 

    background-repeat: no-repeat;

    background-size: 52% 100%;

}

.sec18 .bgimg img{

    border-radius: 50%;

    position: relative;

    top: 8px;

    left: 40%;

}



/**-- section 19 --**/





.sec19{    

    /*padding-bottom: 5%;*/

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

    word-spacing: 2px;

}



.sec19 .container{

    padding:0% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec19 .heading{

    font-weight: 700;

    font-size: xx-large;

    margin-top: 20%;

}



.sec19 .sec19_row .bgimg{

    padding-top: 3%;

}





.sec19 .sec19_row .bgimg span{

    font-size: smaller;

    position: absolute;

    top: 35%;

    left:15%;

}





/**-- section 20 --**/





.sec20{    

    padding-bottom: 5%;

    padding-top: 5%;

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

    word-spacing: 2px;

}



.sec20 .container{

    padding:0% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec20 .heading{

    font-weight: 700;

    font-size: xx-large;

    margin-top: 20%;

}



.sec20_row .text{

    text-align: left;

    padding-left: 10%;

    font-size: large;

}





/**-- section 21 --**/





.sec21{    

    /*padding-bottom: 5%;*/

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

    word-spacing: 2px;

    background-color: #2EBDAC;

    margin-bottom: 5%;

}



.sec21 .container{

    padding:0% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec21 .heading h2{

    font-weight: 700;

    font-size: xx-large;

    margin-top: 4%;

    text-align: center;

    color: #ffffff;

}



.sec21 .heading {

    text-align: center;

    color: #ffffff;

    font-size: large;

    font-weight: 700;

}



.sec21 .text{

    color: #ffffff;

    font-weight: 700;

}



.sec21 .img img{

    padding: 8%;

    color: #ffffff;

}



.sec21 .download{

    text-align: center;

    padding: 3%;

}

.sec21 .download .btn{

    font-weight: 700;

    font-size: 22px;

    border: 2px solid #fff;

    background: #fdcc4d;

    border-radius: 0px;

}











/**-- section 19 --**/





.sec22{    

    /*padding-bottom: 5%;*/

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

    word-spacing: 2px;

}



.sec22 .container{

    padding:0% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec22 .heading{

    font-weight: 700;

    font-size: xx-large;

    margin-top: 20%;

}



.sec22 .sec22_row .bgimg{

    padding-top: 3%;

}





.sec22 .sec22_row .bgimg span{

    /*font-size: smaller;*/

    position: absolute;

    top: 50%;

    left:25%;

}





/**-- section 20 --**/





.sec23{    

    /*padding-bottom: 5%;*/

    padding-top: 5%;

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

    word-spacing: 2px;

}



.sec23 .container{

    padding:0% 0% 5% 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

    text-align: center;

}



.sec23 .heading{

    font-weight: 700;

    font-size: xx-large;

    margin-top: 20%;

}



.sec23_row .text{

    text-align: left;

    padding-left: 10%;

    font-size: large;

}



.sec23_row .align{

    text-align: left;

    border: 2px solid #e6e6e6;

    box-shadow: 3px 3px 10px 0px #82c0b5;

    margin: 1%;

}

.sec23_row .align hr{

    width: 90%;

    margin: 0px 0px 0px 10px;

    border: 2px solid #eee;

}



.sec23_row .main_div{

    margin-top: -13%;

    background: #fff;

    padding: 7% 0% 0% 8%;

}



.sec23_row .text_upper{

    padding: 2%;

}



.sec23_row .text_middle{

    padding: 2%;

}



.sec23_row .text_bottom{

    padding: 2%;

    color: #4cb8b2;

}



/**-- section 24 --**/





.sec24 .row{

    padding-left: 11% !important;

    /*padding-top: 5% !important;*/

    color: #453f47;

    font-weight: 700;

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

    word-spacing: 2px;

}



.sec24 h2{

    font-weight: 700;

    font-size: 35px;

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

    word-spacing: 2px;

    text-align: center;

}



.sec24 h3{

    font-weight: 700;

    font-size: 35px;

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

    word-spacing: 2px;

}



.sec24_font{

    font-size: 22px;

}



.sec24 button{

    color: #8a8a8a;

    font-weight: 700;

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

    background-color: #ffffff;

    border: 3px solid #48b2b3;

    padding: 10px 30px 10px 30px;

    font-size: 20px;

    font-weight: 700;

}





/**-- sec_footer --**/



.sec_footer > .container {

    padding-left: 5%;

    color: #3f3f42;

    font-weight: 700;

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

    word-spacing: 2px;

}



.sec_footer > div > hr {

    border: 2px solid #cacad0;

}



.sec_footer .row {

    /*padding-top: 7% !important;*/

    word-spacing: 2px;

}



.sec_footer .card1 .card-body{

    font-size: 14px;

    padding: 0px;

    padding-top: 10%;

}



.sec_footer .card1 img{

    width: 60%;

}



.sec_footer .card2 .text-left{

    padding-top: 5%;

}

.footer-ul{

    padding: 0;

}

.footer-list{

    list-style: none;

    line-height: 0.9;

}



.footer-anchor{

    font-size: 14px;

    color: #333;

}



.footer-anchor:hover{

    

    color: #333;

}



.sec_footer .card2 .card-title{

    font-size: 22px;

    color: #4a4444;

}



.sec_footer .card2 .card-body{

    font-size: 14px;

    padding: 0px;

    padding-top: 3%;

}



.sec_footer .card3 .card-body{

    font-size: 14px;

    padding: 0px;

}



.sec_footer .card4 .card-body{

    font-size: 14px;

    padding: 0px;

    padding-top: 3%;

}



.sec_footer .card4 .card-title{

    font-size: 22px;

    color: #4a4444;

}



.sec_footer .card4 .text-left{

    padding-top: 5%;

}





/**-- footer --**/

.thank-you-footer{

   
}

.footer > div > div > div{

    /*background-color: #28b0b5;*/

    color: #fff;

    padding: 1%;

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

}



.footer > div > div{

    padding-top: 7% !important;

}



.whatsapp-icon{

    position: fixed;

    right: 20px;

    bottom: 20px;

    z-index: 1;

}

.fixed-btn{

    position: fixed;

    bottom: 20px;

    right: 80px;

    font-size: 20px;

    z-index: 1000;

    color: #000;

}

.btn-success{

    color: #fff;

    background-color: #5cb85c;

    border-color: #4cae4c;

}



.border-logo:focus{

    border-color:#099974;

}
.perks-section {
    background: url(../images/home/02.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 40px 0px;
    color: #fff;
}
.perks-heading {
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
}
.perk-main-box {
    padding: 50px 0px;
}
.perk-main-box .perk-box {
    font-size: 18px;
    padding-left: 40px;
}
.perk-main-box .perk-box .icon {
    float: left;
    margin-right: 15px;
    margin-top:20px;
}
.perk-main-box .perk-box .fa {
    background: yellow;
    color: #000;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
}
.glimpse-section{padding:40px 0px; }
.glimpse-box {
    min-height: 500px;
    border-radius: 10px;
    background: #e8e8e8;
}
.glimpse-box .glimpse-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    height: 150px;
}
.glimpse-box .glimpse-person {
    position: absolute;
    top: 125px;
    left: 50px;
    width: 76%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
}
.glimpse-box .glimpse-person .user-details {
    padding: 10px 20px;
    margin-left: 80px;
}
.glimpse-box .glimpse-person .user-details .user-name {
    font-weight: bold;
}
.glimpse-box .glimpse-desc {
    padding: 15px;
    padding-top: 60px;
}
.glimpse-box .glimpse-desc .achievements {
    margin-top: 15px;
}
.glimpse-box .glimse-subheading {
    font-size: 12px;
    margin-bottom: 10px;
    height: 40px;
    overflow: hidden;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.glimpse-box .glimse-heading {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top:15px;
}
.glimpse-box .glimpse-desc ul {
    font-size: 13px;
    margin-left:15px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.glimpse-section{ padding:40px 0px; }
.glimpse-section .heading{font-size: 30px; margin-bottom:40px; font-weight:bold;; text-align:center; font-family: 'PT Sans', sans-serif; }
.p-projects{
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin:20px;
}
.p-projects-carousel .owl-prev, .testimonial-carousel .owl-prev {
    position: absolute;
    top: 50%;
    padding: 15px 21px;
    border-radius: 50%;
    color: #6c757d;
    font-size: 15px;
    left: -4%;
}
.p-projects-carousel .owl-next, .testimonial-carousel .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 15px 21px;
    border-radius: 50%;
    color: #6c757d;
    font-size: 15px;
    right: -4%;
}
.perk-box .text{ display:grid; font-size: 21px; }
.perk-box .text span{ font-size: 18px;}
.testimonial-carousel img{ width:100%; }
.testimonial-section{ padding-bottom:50px; }
.testimonial-section img{ transition: ease-in }
.testimonial-section img:hover{ box-shadow:0px 0px 15px -4px #000;}
.mentor-section{ padding:40px 0px; }
.mentor-section .heading{ margin-bottom:40px; }
.mentor-section .m-img img{ border-radius:50%; }
.mentor-section .m-name{ font-size: 22px; margin-top:25px; }
.mentor-section .m-img{ margin-bottom:20px; }
.mentor-section .m-desc{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.mentor-section .m-box{ border:solid 1px #e8e8e8; min-height: 525px; padding:20px}
.steps {
    position: relative;
    margin-top: 32px;
  }
  .steps::after {
    content: "";
    position: absolute;
    width: 3px;
    background-color:#51bba4;
    opacity: 0.4;
    top: 0;
    bottom: 0;
    left: 50%;
  }
  
  .steps .content p {
    color: #fff;
    font-size: 16px;
  }
  
  .steps .content h2 {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    margin-top:0px;
  }
  
  .steps-container {
    position: relative;
    background-color: inherit;
    width: calc(50% + 32px);
  }
  
  .steps-container .content {
    padding: 15px;
    background-color: #51bba4;
    position: relative;
    border-radius: 0px 0px 80px 0px;
    box-shadow: 0px 16px 27px rgb(0 11 30 / 10%);
  }
  
  .steps .steps-container:nth-child(even) {
    left: calc(50% - 32px);
    flex-direction: row-reverse;
  }
  
  .steps-container {
    display: flex;
  }
  
  .steps .steps-container .date {
    font-weight: 900;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top:25px;
    width: 62px;
    height: 62px;
    background-color: var(--primary);
    border-radius: 50%;
    flex-shrink: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 777;
  }
  
  .step-line {
    width: 40px;
    background-color: #51bba4;
    height: 3px;
    margin-top: 55px;
    opacity: 0.4;
    flex-shrink: 0;
  }
  
  @media (max-width: 767px) {
    .steps::after {
      left: 32px;
    }
    .steps-container {
      left: 0;
      flex-direction: row-reverse;
      width: auto;
      margin-bottom: 16px;
    }
    .steps .steps-container:nth-child(even) {
      left: 0;
    }
  }