body{

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

}

.container{

    max-width: 1212px !important;



}

.modal-backdrop { 

    background-color: unset;

}

a{

    cursor: pointer;

    text-decoration: none;

}

section{

    overflow: hidden;

}

.sage-navbar{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 1;

    padding: 0;

}



.sage-navbar .navbar-brand{

    border-radius: 5px;

    background: #0C7ABF; 

    padding: 64px 12px 33px;

}

.sage-navbar .wht-icon{

background-color:  #0B1A27;

width: 38px;

height: 38px;

border-radius: 38px;

padding: 7px;

text-align: center; 

display: inline-block;

margin-left: 15px;

line-height: 20px;



}

.sage-navbar .wht-icon svg{ 

    width: 20px;

    height: 20px; 

    

    }

 .sage-navbar .call-icon{

    background-color:  #EE7E16;

    width: 38px;

    height: 38px;

    border-radius: 38px;

    padding: 7px;

    text-align: center; 

    display: inline-block; 

    margin-left: 15px;

    line-height: 20px;

}

.sage-navbar .call-icon svg{ 

    width: 20px;

    height: 20px; 

    

    }

.sage-navbar .btn{

    border-radius: 27px;

border: 1.4px solid #0B1A27;

padding: 20px 25px;

color: #0B1A27;

text-align: center;

font-family: Poppins;

font-size: 16px;

font-style: normal;

font-weight: 500;

line-height: 16px; /* 100% */  

transition: all .3s;





margin-left: 20px;

}



.sage-navbar .btn:hover{ 

border: 1.4px solid #0c7abf; 

color: #fff; 

background: #0c7abf;

}



.sage-navbar .btn:hover svg path{  

    fill: #fff;  

    }

    

.banner-sec{

    position: relative;

    padding: 150px 0 100px;

}

.banner-right{

    position: relative;

}

.banner-sec .arrow{

    border-radius: 5px;

background: #EE4A16;

width: 100px;

height: 100px;

position: absolute;

right: -35px;

bottom: -25px;

line-height: 100px;

text-align: center;

}

.banner-sec img{

    margin-left: auto;

    display: block;

}



.banner-left{

    max-width: 448px;

}



.banner-sec span{

    color: #EE5716;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 600;

line-height: 16px; /* 100% */

letter-spacing: 0.32px;

text-transform: uppercase;

}

.banner-sec h1{

    color: #0E2335;

    font-family: Manrope;

    font-size: 46px;

    font-style: normal;

    font-weight: 700;

    line-height: 53px; /* 115.217% */

    text-transform: uppercase;

}



.banner-sec p{

    color: #5B5F62;

font-family: Manrope;

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 26px; /* 185.714% */

margin-bottom: 22px;

}



.banner-sec .form-label{

    color: #2D325B;

    font-family: Manrope;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px; /* 106.667% */

    text-transform: uppercase;

}





.banner-sec form{

    max-width: 400px;

}











.banner-sec .form-control{

    color: #8D8D8D;

font-family: Manrope;

font-size: 13px;

font-style: normal;

font-weight: 400;

line-height: 16px; /* 123.077% */

text-transform: capitalize;

border-radius: 5px;

border: 1px solid #C4C4C4;

background: rgba(255, 255, 255, 0.53);





height: 50px;

padding:17px 22px  ;

}



.banner-sec .btn{ 

    border: 0;

    border-radius: 5px;

    background: linear-gradient(90deg, #2678B7 0%, #C1353B 100%);

    backdrop-filter: blur(2px);

padding: 11px 13px;

height: 50px;

display: block;

position: relative;

width: 100%;

color: #FFF;

font-family: Manrope;

font-size: 18px;

font-style: normal;

font-weight: 700;

line-height: 18px; /* 100% */

text-transform: uppercase;

line-height: 150%; /* 24px */

transition: all .3s;

}

.banner-sec .btn:hover{  

    background: linear-gradient(180deg, #2678B7 0%, #C1353B 100%); 

}

.banner-sec .btn svg{ 

position: absolute; 

top: calc(50% - 18.5px);

right: 13px;

}



@keyframes mouse {

    from {

        opacity: 1;

        top: 30px;

    }

    to {

        opacity: 0;

        top: 75px;

    }

}

 

.help-sec{

    padding: 20px 0 50px;

}



.help-cntr{

    border-radius: 5px;

background: linear-gradient(180deg, #1E598A 0%, #CD5889 72.9%, #B93841 100%);

padding: 75px 100px 0;

}









.help-title{

    text-align: center;

}

.help-title span{

    color: #FFF;

font-family: "Public Sans";

font-size: 13px;

font-style: normal;

font-weight: 300;

line-height: normal;

text-transform: uppercase;

}

.help-title h3{

    color: #FFF;

text-align: center;

font-family: Manrope;

font-size: 46px;

font-style: normal;

font-weight: 500;

line-height: 56px; /* 121.739% */

max-width: 725px;

margin: 25px auto 73px;

}

.help-video{

    border-radius: 8px;

    max-width: 1002px;

    margin: 0 auto;

    position: relative;

}



.help-video label{

    border-radius: 100px;

background: #161B45;

padding: 7px 22px ;

position: absolute;

top: 25px;

left: 25px;

}

.help-video label img{

    width: 53px;

    height: 22px;

}

.video-cap{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 50px 40px;

}

 

.video-cap .play-btn{

    color: #FFF;

    font-family: Manrope;

    font-size: 15px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}

.video-cap .play-btn svg{

   margin-right: 12px;

}



.vid-txt{

    border-radius: 42px;

border: 0.5px solid #FFF;

background: rgba(255, 255, 255, 0.02);

backdrop-filter: blur(8.550000190734863px);

}





.vid-txt span{

 

color: #FFF;

font-family: "Public Sans";

font-size: 15px;

font-style: normal;

font-weight: 400;

line-height: normal;

padding: 16px 23px;

display: inline-block;

}



.vid-txt a{

    display: inline-block;

    color: #FFF !important;

font-family: "Public Sans";

font-size: 15px;

font-style: normal;

font-weight: 600;

line-height: normal;

padding: 16px;

border-left: 1px solid #fff;



    }

    

    .vid-txt a svg{

        display: inline-block;

        margin-left: 14px;

    

        }

.achivers-sec{

    padding: 60px 0 80px;

}



.archive-list{

    width: 228px; 

    text-align: center;

    margin: 33px 0;

}





.archive-list img{

    width: 228px;

height: 210px;

object-fit: cover;

border-radius: 5px;

display: block;

margin-bottom: 16px;

}



.archive-list h4{

    color: #2D3134;

text-align: center;

font-family: Manrope;

font-size: 20px;

font-style: normal;

font-weight: 500;

line-height: 26px; /* 130% */

margin-bottom: 5px;

}



.archive-list span{

    color: #848484;

text-align: center;

font-family: Inter;

font-size: 14px;

font-style: normal;

font-weight: 500;

line-height: 26px; /* 185.714% */

display: block;

margin-bottom: 12px;

}

.archive-list label{

    border-radius: 38px;

background: #EE5716;

color: #FFF;

text-align: center;

font-family: Inter;

font-size: 14px;

font-style: normal;

font-weight: 700;

line-height: 26px; /* 185.714% */

padding: 5px 30px;

display: inline-block;

}

.achivers-sec h3{

    color: #2D3134;

    font-family: Manrope;

    font-size: 46px;

    font-style: normal;

    font-weight: 500;

    line-height: 56px; /* 121.739% */

    text-align: center;

}



.achivers-sec p{

    color: #5B5F62;

text-align: center;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 25px; /* 156.25% */

max-width: 420px;

margin: 0 auto 25px;

}



.load-more{

    color: #0B1A27 !important;

    text-align: center;

    font-family: Poppins;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px; /* 100% */

    border-radius: 27px;

    border: 1.4px solid #0B1A27;

    padding: 18px 25px;

    margin-top: 40px;

    transition: all .3s;

}

.load-more svg{

    display: inline-block;

    margin-left: 6px;

}



.load-more:hover{ 

    border: 1.4px solid #0c7abf; 

    color: #fff!important; 

    background: #0c7abf;

    }

    

    .load-more:hover svg path{  

        fill: #fff;  

        }





.discover-sec {

    background: #FCEEE6;

}

.disc-left{

position: relative;

}

.disc-left img{

    width: 100%;

    }

.disc-left-cap{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    

background: rgba(0,0,0,.4

);

padding: 65px 44px 65px 100px;

}



.disc-left-cap svg{

    margin-left: auto;

    display: block;

}



.disc-left-cap h4{

    color: #FFF;

    font-family: Manrope;

    font-size: 36px;

    font-style: normal;

    font-weight: 700;

    line-height: 46px; /* 127.778% */

    margin: 50px 0 200px;

    max-width: 400px;

}







.disc-left-cap a{

    border-radius: 100px;

    background: linear-gradient(90deg, #2678B7 0%, #C1353B 100%);

    backdrop-filter: blur(2px);

    padding: 22px 42px;

    color: #FFF !important;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 400;

display: inline-block;

line-height: 8px; /* 50% */

transition: all .3s;

}

.disc-left-cap a:hover{ 

    background: linear-gradient(180deg, #2678B7 0%, #C1353B 100%); 

}

.disc-left-cap a svg{

    display: inline-block;

    margin-left: 33px;

}



.disc-right{

    padding:0 72px;

}



 



.disc-right-top p{

    color: #0A090E;

    font-family: "Public Sans";

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px; /* 143.75% */

    margin: 0;

}



.disc-right-top img{

     max-width: 231px;

     height: auto;

}

.disc-right hr{

    border: 0;

    background: linear-gradient(90deg, rgba(217, 217, 217, 0.00) 0%, #D9D9D9 53%, rgba(115, 115, 115, 0.00) 100%);

    width: 100%;

    height: 1px;

    margin: 0 0 25px;

}



.client-list img{ 

width: 94px;

object-fit: contain;

height: 31px;

margin: 35px 0;

}







.meet-sec{

    padding: 100px 0 70px;

}

.meet-left{

    max-width: 385px;

}

.meet-left span{

    border-radius: 23px;

border: 1px solid #AFE2CF;

background: #0CBF94;

padding: 6px 16px;

}

.meet-left h3{

     margin: 22px 0 45px;

     color: #161B45;

font-family: "DM Sans";

font-size: 46px;

font-style: normal;

font-weight: 500;

line-height: 51px; /* 110.87% */

}



.meet-left p{

    color: #5B5F62;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 26px; /* 162.5% */

}



.meet-list{

    padding: 23px 26px 32px;

    border-radius: 10px;

background: #FFF8D1;

max-width: 329px;

margin: 0 auto;

}

.meet-list img{

    width: 276px;

    height: 205px;

    border-radius: 10px;

    object-fit: cover;

    margin-bottom: 30px;

}

.meet-list h4{

    color: #0F2137;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 800;

line-height: 16px; /* 100% */

letter-spacing: 0.32px;

text-transform: uppercase;

}



.meet-list p{

    color: #0F1F37;

font-family: Manrope;

font-size: 14px;

font-style: normal;

font-weight: 500;

line-height: 19px; /* 135.714% */

letter-spacing: 0.28px;

}



.meet-list p svg{

   display: inline-block;

}



.coatching-sec{

    padding: 60px 0 100px;

}



.coatch-head span{

    color: #FFF;

    font-family: "Public Sans";

    font-size: 11px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px; /* 318.182% */

    border-radius: 23px;

border: 1px solid #E2D6AF;

background: #C3BE40;

width: 90px;

    display: inline-block;

    text-align: center;

    height: 30px;

}

.coatch-head h3{

    color: #282C12;

    font-family: Manrope;

    font-size: 48px;

    font-style: normal;

    font-weight: 500;

    line-height: 112%; /* 53.76px */

    margin: 13px 0 0;

    max-width: 260px;

}



.coatch-head p{

    position: relative;

     color: rgba(40, 44, 18, 0.66);

     font-family: Manrope;

     font-size: 16px;

     font-style: normal;

     font-weight: 400;

     line-height: 150%; /* 24px */

     padding-left: 40px;

     max-width: 450px;

}

.coatch-head p::after{

    content: ""; 

    position: absolute;

    background: #3A3A3A;

    width: 1px;

height: 71px;

left: 0;

top: 0;

}

.coatch-head a{

    border-radius: 100px;

background: linear-gradient(90deg, #2678B7 0%, #C1353B 100%);

backdrop-filter: blur(2px);

color: #FFF !important;

font-family: "Public Sans";

font-size: 20px;

font-style: normal;

font-weight: 400;

padding: 20px 25px;

line-height: 8px; /* 40% */

display: inline-block;

transition: all .3s;

}

.coatch-head a:hover{ 

background: linear-gradient(180deg, #2678B7 0%, #C1353B 100%); 

}





.coatch-head a svg{

   display: inline-block;

   margin-left: 15px;

}



.coach-left{

    margin-top: 23px;

    padding-right: 40px;

    border-right: 1px solid #DBD6CE;

}



.coach-left h4{

    color: #EE5716;

    font-family: Manrope;

    font-size: 60px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-top: 40px;

    margin-bottom: 14px;

}

.coach-left p{

    color: #262A12;

    font-family: Manrope;

    font-size: 25px;

    font-style: normal;

    font-weight: 400;

    line-height: 21px; /* 84% */

    text-transform: capitalize;

}



.testimonial-sec{

    padding: 100px 0; 

    background: linear-gradient(180deg, #EAFFF5 0%, #FFF 100%);

}



.testimonial-sec .container{

    max-width: 1440px !important;

}



.test-head{

    max-width: 90%;

    margin: 0 auto 15px;

}



.test-head span{

    border-radius: 23px;

border: 1px solid #AFE2C0;

background: #0CBF3E;

color: #FFF;

font-family: "Public Sans";

font-size: 11px;

font-style: normal;

font-weight: 400;

line-height: 35px; /* 318.182% */

padding: 8px 15px;

}



.test-head h3{ 

    color: #161B45;

font-family: "DM Sans";

font-size: 46px;

font-style: normal;

font-weight: 500;

line-height: 51px; /* 110.87% */

margin: 16px 0 19px;

}



.test-head p{

    color: #5B5F62;

    font-family: Manrope;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px; /* 162.5% */

}

.test-head a{ 

    margin-left: auto;

    border-radius: 100px;

    background: linear-gradient(90deg, #2678B7 0%, #C1353B 100%);

    backdrop-filter: blur(2px);

    color: #FFF !important;

    font-family: "Public Sans";

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    padding: 20px 25px;

    line-height: 8px; /* 40% */

    display:  block;

    width: 292px;

    }

    

    .test-head a svg{

       display: inline-block;

       margin-left: 15px;

    }







    .testimonial-sec .slick-list {

        padding-left: 0px!important; 

    }



    







    .test-list  {

        border-radius: 5px;

        overflow: hidden;

        position: relative;

        margin: 0 25px 0 0;

    }

    .test-list::after  {

        display: none;

        content: "";

        position: absolute;

        z-index: 1;

        left: 0;

        bottom: 0;

        width: 100%;

        height: 137px;

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

background: linear-gradient(180deg, rgba(252, 252, 252, 0.00) -6.79%, rgba(227, 227, 229, 0.05) 15.45%, rgba(9, 12, 31, 0.48) 52.16%, #050612 99.62%);

backdrop-filter: blur(2px);

opacity: 0;

transition: all .3s;

    }

    .test-list:hover::after  {

       

opacity: 1;

    }



    .test-list .test-info{

        position: absolute;

        left: 0;

        bottom: 0;

        width: 100%;

        padding: 20px 17px;

        z-index: 2;

        opacity: 0;

        transition: all .3s;

    }



    .test-list .test-info h5{

        color: #FFF;

font-family: Manrope;

font-size: 20px;

font-style: normal;

font-weight: 600;

margin: 0;

line-height: 26px; /* 130% */

    }

    .test-list .test-info p{

        color: #FFF;

font-family: Manrope;

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 26px;

margin: 0;

    }



    .test-list .test-info p b{ 

font-weight: 500; 

    }



    .test-list:hover .test-info{ 

        opacity: 1; 

    }







.test-list img{

    width: 100%;

    height: 431px;

    object-fit: cover;

}



.test-list svg {

   position: absolute;

   top: 16px;

   left: 16px;

}







.contact-sec .container{

    border-radius: 5px;

background: #FFE7DD;

padding: 78px 46px;

}



.contact-left span{

    color: #575455;

font-family: "DM Sans";

font-size: 13px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 19.5px */

text-transform: uppercase;

}

.contact-left h3{

    color: #161B45;

    font-family: "DM Sans";

    font-size: 48px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 48px */

    margin: 12px 0 9px;

}

.contact-left p{

    color: #575455;

    font-family: "DM Sans";

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 150%; /* 24px */

}

.contact-left form{

    margin-top: 25px;

}





.contact-left .form-label{

    color: #575455;

font-family: "DM Sans";

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 24px */

margin-top: 10px;

}





.contact-left .form-control{

    border-radius: 5px;

    border: 1px solid rgba(22, 27, 69, 0.57);

    border-radius: 5px;

background: #FFE7DD;

color: #ABABAB;

font-family: "DM Sans";

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 21px */

height: 50px;

}



.contact-left .form-select{

    border-radius: 5px;

    border: 1px solid rgba(22, 27, 69, 0.57);

    border-radius: 5px;

background: #FFE7DD;

color: #ABABAB;

font-family: "DM Sans";

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 21px */

height: 50px;

}





.contact-left .btn{

    margin-top: 20px;

    border-radius: 5px;

    background: linear-gradient(90deg, #2E74B0 0%, #BB373F 100%);

    color: #FFF;

font-family: "DM Sans";

font-size: 18px;

font-style: normal;

font-weight: 500;

border: 0;

line-height: 35px; /* 27px */

position: relative;

width: 100%;

text-align: left;

padding: 15px 45px;

transition: all .3s;

}

.contact-left .btn:hover{ 

    background: linear-gradient(180deg, #2E74B0 0%, #BB373F 100%); 

}

.contact-left .btn svg{

   display:  block;

   position: absolute;

   right: 25px;

   top: 10px;

}



.con-span1{

    position: relative;

    color: #FFF;

text-align: center;

font-family: Inter;

font-size: 13.563px;

font-style: normal;

font-weight: 500;

line-height: 20px; /* 147.465% */

border-radius: 9999px;

background: #F66F4D;

box-shadow: 0px 0px 0px 0px #FFF inset, 0px 0px 0px 1px #FFF inset;

padding: 2px 12px 3px 11px;

}



.con-span1::after{

    content: ""; 

    position: absolute;

    right: 0;

    bottom: -29px;

    background-image: url("../images/cal1.png");

    background-repeat: no-repeat;

    width: 29px;

    height: 27px;

}



.con-span2::after{

    content: "";

    position: absolute;

    left: 0;

    top: -29px;

    background-image: url("../images/cal2.png");

    background-repeat: no-repeat;

    width: 29px;

    height: 27px;

}



.con-span2{

    color: #FFF;

text-align: center;

font-family: Inter;

font-size: 13.563px;

font-style: normal;

font-weight: 500;

line-height: 20px; /* 147.465% */

border-radius: 9999px;

background: #19D284;

box-shadow: 0px 0px 0px 0px #FFF inset, 0px 0px 0px 1px #FFF inset;

padding: 2px 12px 3px 11px;

position: relative;

display: block;

margin-left: auto;

width: 180px;

}

.cont-calc{

    margin: 0 auto;

    max-width: 393px;

}



.cal-slider{

    margin: 50px 0;

}



.cal-slider .slick-prev{

    font-size: 0;

    border: 0;

    background: unset;

    width: 25px;

    height: 25px;

    position: absolute;

    top: 43px;

    left: 40px;

}

.cal-slider .slick-next{

    font-size: 0;

    border: 0;

    background: unset;

    width: 25px;

    height: 25px;

    position: absolute;

    top: 43px;

    right: 40px;

}

.cal-slider button.slick-disabled{

    display: none;

 }

.datepicker td, .datepicker th { 

    width: 20px;

    height: 45.2px; 

    border-radius: 50%; 

}

.datepicker thead tr:first-child th, .datepicker tfoot tr th {

    cursor: pointer;

    color: #009BFE;

}



.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {

    background-color: #19D284;

     

}

.datepicker table tr td.active.active{

    background-color: #19D284;

}

.faq-sec{

    padding: 100px 0;

}





.faq-sec .container {

   max-width: 1213px;

   padding: 90px 150px;

   border-radius: 13px;

background: #EFFFF3;

}



.faq-title {

    text-align: center;

}



.faq-title span {

    color: rgba(49, 60, 98, 0.44);

font-family: Inter;

font-size: 14px;

font-style: normal;

font-weight: 500;

line-height: 20px; /* 142.857% */

letter-spacing: 0.98px;

}





.faq-title h3 {

    color: #212957;

font-family: Manrope;

font-size: 48px;

font-style: normal;

font-weight: 600;

line-height: 55px; /* 114.583% */

margin: 4px 0 8px;

}

.faq-title p {

color: #212957;

font-family: Manrope;

font-size: 18px;

font-style: normal;

font-weight: 400;

line-height: 29.5px; /* 163.889% */

}





.faq-list{

margin: 22px 0;

max-width: 225px;

}



.faq-list svg{

    border-radius: 17.651px;

background: linear-gradient(180deg, #2E73AF 0%, #B93840 100%);

display: flex;

width: 35.301px;

height: 35.301px;

padding: 9.014px 9.019px 8.637px 8.632px;

justify-content: center;

align-items: center;

}



.faq-list h4{

    color: #212957;

font-family: Inter;

font-size: 14.709px;

font-style: normal;

font-weight: 600;

line-height: 22.063px; /* 150% */

margin: 14px 0 5px;

}



.faq-list p{

    color: #212957;

font-family: Manrope;

font-size: 13px;

font-style: normal;

font-weight: 400;

line-height: 17.651px; /* 135.774% */

}





.faq-cta{

    border-radius: 11.767px;

background: #F66F4D;

display: flex;

padding: 23.534px 45px 23.534px 42px;

justify-content: space-between;

align-items: center;

align-self: stretch;

}





.faq-list-cntr{

    max-width:900px;

    margin: 0 auto;

}





.faq-cta h4{

    color: #FFF;

font-family: Manrope;

font-size: 20px;

font-style: normal;

font-weight: 600;

line-height: 22.063px; /* 110.316% */

}

.faq-cta p{

    color: #FFF;

    font-family: Manrope;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 20.592px; /* 171.603% */

    margin: 0;

}

.faq-cta a{

    border-radius: 10px;

background: #FFF;

color: #161B45;

font-family: Manrope;

font-size: 16px;

font-style: normal;

font-weight: 600;

padding: 12px 27px;

line-height: 20px; /* 125% */

width: 150px;

text-align: center;

display: inline-block;

}



footer{

    border-top: 1px solid #DEDEDE;

    background: #FCFFEE;

}

footer hr{

    border:0;

    background: #DEDEDE;

    width: 100%;

    height: 1px;

    margin: 0;

    opacity: 1;

}

.foot-right{

    padding: 25px 0 25px 60px;

    border-left: 1px solid #D6D0BF ;

}

.foot-right h4{

    color: #232E30;

    font-family: "Manrope";

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: 31px; /* 206.667% */

    text-transform: uppercase;

}

.foot-right p{

    color: rgba(16, 31, 53, 0.70);

font-family: Manrope;

font-size: 15px;

font-style: normal;

font-weight: 500;

line-height: normal;

letter-spacing: 0.3px;

padding-left: 30px;

position: relative;

}

.foot-right p svg{

    position: absolute;

    left: 0;

    top: 2px;

}



.foot2{

    padding: 15px 0;

}



.foot2 p{

    color: #101F35;

font-family: Manrope;

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 125.188%; /* 17.526px */

letter-spacing: 0.42px;

margin: 0;

}



.foot2 h5{

    color: #101F35;

font-family: Manrope;

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 125.188%; /* 17.526px */

letter-spacing: 0.42px;

text-align: right;

margin: 0;

}



.foot2 h5 a{

    color: #101F35; 

    display: inline-block;

    margin-left: 55px;

}

















.web-dis-block{

    display: block;

}

.web-dis-none{

    display: none;

}



.modal-enquiry .modal-content {

    height: 100%;

    background: unset;

    border: 0;

    border-radius: 25px 0px 0px 25px;

    background: rgb(255 247 219 / 51%);

    backdrop-filter: blur(44.099998474121094px);

}



.modal-enquiry .banner-form-sec{

    background: unset;

}



.modal-enquiry .banner-form-sec h3 {

 

    color: #0E2335;

    font-family: Manrope;

    font-size: 30px;

    font-style: normal;

    font-weight: 700;

    line-height: 36px;

    text-transform: uppercase;

}



.modal.fade.modal-enquiry .modal-dialog { 



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

      transition: transform 0.3s ease-out;

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

     -webkit-transform: translate(50px, 0px);

     transform: translate(50px, 0px) ;

  } 

  

  .modal.show.modal-enquiry .modal-dialog {

    -webkit-transform: none;

    transform: none;

  }



  .modal-enquiry .form-control{

  background: unset;

    border-radius: 5px;

    border: 1px solid rgba(22, 27, 69, 0.57);

    height: 50px;

    color: #ABABAB;

    font-family: "DM Sans";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 150%;

}

  .modal-enquiry .form-label {

    color: #2D325B;

    font-family: Manrope;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

    text-transform: uppercase;

}



.modal-enquiry .btn {

    border: 0;

    border-radius: 5px;

    background: linear-gradient(90deg, #2678B7 0%, #C1353B 100%);

    backdrop-filter: blur(2px);

    padding: 11px 13px;

    height: 50px;

    display: block;

    position: relative;

    width: 100%;

    color: #FFF;

    font-family: Manrope;

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 18px;

    text-transform: uppercase;

    line-height: 150%;

    transition: all .3s;

}



.chat-block {
    transition: .25s;
    position: fixed;
    z-index: 1000;
    right: 4%;
    background: rgba(201, 255, 225, 0.85);
    -webkit-backdrop-filter: blur(4.5px);
    backdrop-filter: blur(4.5px);
    border-radius: 27px;
    width: 50px;
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    grid-gap: 20px;
    animation: pulse2 2s infinite;
    -webkit-animation: pulse2 2s infinite;
    opacity: 1;
    bottom: 25%
  }
   
  
  .chat-block-item,.chat-block-item.chat-block-phone {
    position: relative
  }
  
  .chat-block-item {
    transition: .25s
  }
  
  @keyframes pulse2 {
    0% {
        box-shadow: 0 0 0 0 #fbb32f
    }
  
    to {
        box-shadow: 0 0 0 17px #fbb32f01
    }
  }
  
  .stick-btn-call {
    background-color: #fff;
    color: #000;
    moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin-top: 15px
  }
    

@media (max-width: 1366px) {

    .container{

        max-width: 90% !important;

    }

}



@media (max-width: 1200px) {

    .container{

        max-width: 90% !important;

    }

     

}



@media (max-width: 992px) {



    .sage-navbar .navbar-brand { 

        padding: 25px 12px;

    }

    .banner-sec h1 { 

        font-size: 36px; 

        line-height: 43px; 

    }

    .archive-list {

        max-width: 22%; 

    }

    .archive-list img {

       width: 100%;

    }

    .disc-right {

        padding: 0 32px;

    }

    .disc-right-top img {

        max-width: 180px; 

    }

    .client-list img { 

        margin: 15px 0;

    }

    .disc-left-cap h4 { 

        font-size: 24px; 

        line-height: 36px;

        margin: 25px 0 40px;

        max-width: 400px;

    }

    .disc-left-cap { 

        padding: 65px 44px 65px 60px;

    }

    .meet-left h3 {

        margin: 22px 0 45px; 

        font-size: 30px; 

        line-height: 36px;

    }

    .coatch-head h3 { 

        font-size: 36px; 

        margin: 13px 0 0;

    }

    .coatch-head a { 

        font-size: 16px; 

    }

    .coach-left h4 { 

        font-size: 44px; 

    }

    .test-head h3 { 

        font-size: 36px; 

        line-height: 44px; 

    }

    .contact-left h3 { 

        font-size: 36px; 

    }

    .faq-title h3 { 

        font-size: 36px; 

    }

}





@media (max-width: 767px) {



.mob-dis-block{

    display: block !important;

}

.mob-dis-none{

    display: none;

}

.disc-left img{

    height: 400px;

    object-fit: cover;

}

 

.banner-left {

    max-width: 448px;

    text-align: center;

    margin: 25px auto;

}

.banner-sec .form-label {

    text-align: left;

    display: block;

}

.banner-sec form {

    max-width: 400px;

    margin: 0 auto;

}

.help-cntr { 

    padding: 35px 20px 0;

}

.help-title h3 { 

    font-size: 28px; 

    line-height: 37px; 

    margin: 25px auto 73px;

}

.vid-txt { 

    display: none;

}

.help-video label { 

    top: 15px;

    left: 15px;

}



.video-cap { 

    padding: 20px 15px;

}

.video-cap .play-btn svg { 

    width: 24px;

}



.achivers-sec h3 { 

    font-size: 36px; 

}

.archive-list {

    max-width: 300px;

    margin: 35px auto;

}

.disc-left img {

    height: 400px;

    object-fit: cover;

    width: 100%;

}



.achivers-sec {

    padding: 40px 0 ;

}

.disc-right {

    padding: 20px;

}



.meet-list img { 

    height: 155px; 

}

section{

    padding: 30px 0;

}



.test-list img { 

    height: 280px; 

}



.cont-calc {

    margin: 25px auto 0; 

}

.faq-sec {

    padding: 30px 0;

}



.faq-sec .container { 

    padding: 30px 40px; 

}

.faq-list {

    margin: 22px auto;

    max-width: 325px;

}



.faq-cta {

    text-align: center;

    display: block;

}

footer { 

    padding: 30px 0;

}



footer img{

    display: block;

    margin: 0 auto;

}

.foot-right {

    padding: 25px 0 25px;

    border-left: 0;

    text-align: center;

}

.foot-right p { 

    padding-left: 0; 

}



.foot-right p svg {

    position: unset;

    left: 0;

    top: 0px;

}



.foot2 p { 

    text-align: center;

}



.foot2 h5 { 

    text-align: center;

}



.foot2 h5 a { 

    margin:0 20px;

}



.disc-left-cap {

    padding: 65px 22px;

    text-align: center;

}

.meet-list {

    padding: 15px; 

}

.coach-left h4 {

    font-size: 38px;

}



.contact-sec .container { 

    padding: 40px 20px;

}

.contact-left .btn { 

    padding: 15px 25px; 

}



.test-head { 

    margin: 0 auto 45px;

}

.test-head a { 

    font-size: 16px; 

    width: 292px;

    margin: 0 auto;

}

.sage-navbar .navbar-brand {

    padding: 12px 12px;

}





.banner-sec {

    position: relative;

    padding: 75px 0 35px;

}



.help-sec {

    padding: 20px 0 25px;

}





















}



@media (max-width: 500px) {

    .container {

        max-width: 93% !important;

    }



    .achivers-sec h3 {

        font-size: 30px;

    }

    .meet-sec {

        padding: 50px 0 26px;

    }

    .coatching-sec {

        padding: 60px 0 50px;

    }

    .testimonial-sec {

        padding: 50px 0; 

    }

    .banner-sec h1 {

        font-size: 29px;

        line-height: 43px;

    }

    .coatch-head h3 {

        font-size: 30px;

        margin: 13px 0;

    }

    .coach-left p { 

        font-size: 18px; 

        line-height: 21px; 

    }

    .test-head h3 {

        font-size: 30px;

        line-height: 36px;

    }

    .contact-left h3 {

        font-size: 30px;

    }

}