html, body{
    padding: 0 ;
    margin: 0;
    background: #FFFCF7;
}
.container{
    max-width: 1316px;
}
section{
    position: relative;
}
.navbar{
    padding: 20px 0 ;
    background: #FFFCF7;
}
 .navbar .btn{
    border-radius: 69px;
    border: 1px solid rgba(135, 138, 143, 0.35);
    background: rgba(22, 22, 34, 0.69);
    padding: 5px 25px 5px 5px;
    color: #FEFBF5;
text-align: center;
font-family: Cabin;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 123%; /* 19.68px */
transition: all .3s;
 }


 .navbar .btn svg{
    margin-right: 25px;
 }
 .navbar .btn:hover{ 
    border: 1px solid #06E80A;
    background: #06E80A;
     
 }
 .banner{
    position: relative;
    height: calc(100vh - 85px);
 }
 .banner img{
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .banner::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(24, 24, 36, 0.50);
 }
 .banner::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(1deg, rgba(24, 24, 36, 0.50) -9.31%, rgba(47, 47, 75, 0.50) 38.5%, rgba(92, 92, 138, 0.00) 95.21%);
 }
 .bannercaption{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    padding-top: 170px;
 }
 .bannercaption span{
    color: #EAEAEA;
text-align: center;
font-family: "DM Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
 }
 .bannercaption h1{ 
 color: #FFF;
text-align: center;
font-family: 'ClashDisplay-Semibold';
font-size: 75.827px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
margin: 18px 0 30px;
}
.bannercaption .btn{ 
    border-radius: 6px;
border: 1px solid #FFF;
background: #01C156;
padding: 12px 28px 12px 18px;
color: #FFF;
text-shadow: 0px 1px 3px rgba(133, 160, 214, 0.07);
font-family: 'ClashDisplay-Medium';
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 120% */
letter-spacing: -0.4px;
   }
   .bannercaption .btn svg{ 
    margin-left: 35px;
   }
   .bannercaption p{ 
    color: #EAEAEA;
    text-align: center;
    font-family: "DM Sans", sans-serif;
    font-size: 20.018px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
   }
   .bannercaption p svg{ 
     margin-right: 10px;
   }
.service{
    padding: 75px 0;
}
.service_head{
    padding-bottom: 75px;
}
.service_head h3{
    color: #2F2F4B;
    font-family: 'ClashDisplay-Medium';
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 109%; /* 69.76px */
    text-transform: capitalize;
    max-width: 300px;
}
.service_head h3 b{
    color: #0A9246; 
}

.service_head p{
    color: #000;
    font-family: "DM Sans", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 186.667% */
text-transform: capitalize;
max-width: 650px;
margin-left: auto;
margin-bottom: 0;
}
.ser_left{
    border-radius: 18px;
 position: relative;
background:   linear-gradient(0deg, #E5C497 0%, #E5C497 100%) ; 
padding:35px 20px;
}
.ser_left::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/ser_bg.png');
    background-repeat: repeat;
}

.ser_left_data{
    position: relative;
    z-index: 1;
}

.ser_left_data1{
    margin-left: auto;
    max-width: 150px;
}
.ser_left_data1 h4{
    color: #FFF;
    font-family: "DM Sans", sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 34px; /* 106.25% */
text-transform: uppercase;
}
 .ser_left_dataimg{
    width: 100%;
    margin-top: -50px;
    margin-bottom: 50px;
 }
.ser_left_data2 img{
    min-width: 24px;
    height: 24px;
    margin-right: 10px;
}

.ser_left_data2 p{
   margin: 0;
   color: #FFF;
   font-family: 'ClashDisplay-Medium';
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 25px; /* 138.889% */
}
.ser_rht_list{
    border-radius: 8px; 
    border: 0.7px solid #E2E2E2; 
background: #FFF;
padding: 25px;
margin: 10px 0;
transition: all .3s;
}
.ser_rht_list:hover{ 
border: 0.7px solid #FF8544; 
}
.ser_rht_list h3{
    color: #FFA270;
    font-family: 'ClashDisplay-Semibold';
font-size: 32.168px;
font-style: normal;
font-weight: 600;
line-height: 29.152px; /* 90.625% */
}
.ser_rht_list h4{
    color: #000;
    font-family: "DM Sans", sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 136.364% */
text-transform: uppercase;
}
.ser_rht_list p{
    color: #626262;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 173.333% */
    text-transform: capitalize;
}
.ser_rht_list .btn{
    border-radius: 6px;
    background: #F26B23;
    padding: 5px 15px;
    color: #FFF;
    text-shadow: 0px 1px 3px rgba(133, 160, 214, 0.07);
    font-family: 'ClashDisplay-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: -0.28px;
    opacity: 0;
    transition: all .3s;
}
.ser_rht_list .btn svg{
   margin-left: 22px;
}
.ser_rht_list:hover .btn{ 
    opacity: 1; 
}


.counder_cntr{
    border-radius: 16px; 
    overflow: hidden;
    position: relative;

}
.counder_cntr img{
    width: 100%;
    height: 426px;
    object-fit: cover; 
}
.counder_cntr_cap{
    position: absolute;
    padding: 40px 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.counder_cntr_cap h2{
    max-width: 700px;
    color: #FFF;
    font-family: "DM Sans", sans-serif;
font-size: 44px;
font-style: normal;
font-weight: 500;
line-height: 126%; /* 55.44px */
text-transform: capitalize;
margin-left: 40px;
}
.counder_cntr_cap ul  {
    margin: 0 ;
  width: 400px;
    padding: 0;
}
.counder_cntr_cap ul li{
    border-radius: 19px;
border: 1px solid #FFC756;
background: #FFF;
padding: 26px 35px;
margin: 15px 0;
}
.counder_cntr_cap ul li h3{
    color: #FF6C03;
    font-family: 'ClashDisplay-Semibold';
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px; /* 53.571% */
    text-transform: uppercase;
    margin: 0;
}
.counder_cntr_cap ul li h4{ 
    font-family: 'ClashDisplay-Semibold';
    color: #2F2F4B; 
font-size: 29.455px;
font-style: normal;
font-weight: 600;
line-height: 126%;
text-transform: capitalize;
    margin: 0;
}
.counder_cntr_cap ul li h4 b{  
    color: #0A9246;  
font-weight: 600; 
}
.counder_cntr_cap ul li h5{ 
    font-family: 'ClashDisplay-Semibold';
    color: #2F2F4B; 
    font-size: 36.141px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.882px; /* 93.75% */
    text-transform: uppercase;
    margin: 0;
}
.counder_cntr_cap ul li span{ 
    color: #2F2F4B;
    font-family: "DM Sans", sans-serif;
    font-size: 18.071px;
    font-style: normal;
    font-weight: 500;
    line-height: 126%; /* 22.769px */
    text-transform: capitalize;
}
.counder_cntr_cap ul li p{
    max-width: 175px;
    width: 175px;
    color: #2F2F4B;
    font-family: "DM Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 126%; /* 20.16px */
text-transform: capitalize;
margin: 0;
}

.cta{
    padding: 100px 0;
}

.cta h3{
    color: #2F2F4B;
    font-family: "DM Sans", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 117%; /* 46.8px */
text-transform: capitalize;
max-width: 490px;
margin-bottom: 22px;
}
.cta h3 b{
    color: #0A9246; 
    font-weight: 500;
}

.cta .btn{
    border-radius: 6px;
background: #FF742A;
width: 196px; 
padding: 12px 41px 12px 42px;
color: #FFF;
text-shadow: 0px 1px 3px rgba(133, 160, 214, 0.07);
font-family: 'ClashDisplay-Medium';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
letter-spacing: -0.32px;
}

.cta .btn svg{
    margin-left: 5px;
}

.cta p{
    color: #000;
    font-family: "DM Sans", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 186.667% */
text-transform: capitalize;
margin: 0;
}
.stories{
    padding-bottom: 85px;
}
.story_video {
    position: relative;
}
.story_video video{
    width: 100%;
    object-fit: cover;
    height: 440px;
    border-radius: 15px; 
    object-position: top center;
}
.story_video iframe{
    width: 100%;
    object-fit: cover;
    height: 440px;
    border-radius: 15px; 
    object-position: top center;
}
.story_video_cap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 50px;
    z-index: 1;
}

.story_video_cap .btn  { 
color: #EEE;
font-family: "DM Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 10px; /* 62.5% */
}
.story_video_cap .btn svg{
    width: 36px;
height: 35px;
border-radius: 5px;
background-color: #fff;
padding: 10px;
margin-right: 5px; 
}
.story_video_cap h3{
    color: #1D1D1D;
    font-family: "DM Sans", sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 10px; /* 35.714% */
text-transform: uppercase;
margin-bottom: 15px;
text-align: right;
}
.story_video_cap h4{
    color: #1D1D1D;
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px; /* 50% */
    text-align: right;
}

.stories .slider-content{
    margin-bottom: 35px;
}
.story_video_thumb img{
    border-radius: 7px;
    object-fit: cover;
    width: 100%;
    height: 129px; 
}

.story_video_thumb  {
    margin: 0 10px; 
}
.stories h2{
    color: #2F2F4B;
    font-family: 'ClashDisplay-Medium';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 117%; /* 56.16px */
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 45px;
}
.stories .slick-arrow::before{
    display: none;
}
.stories h2 b{
    color: #0A9246; 
    font-weight: 500; 
}

.testimonials{
    padding: 30px 0 100px;
    background: url('../images/testbg.png');
    background-color: #F3FFE1;
}
 

.testimonials h3{
    color: #2F2F4B;
    font-family: "Clash Grotesk";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 117%; /* 56.16px */
    text-transform: capitalize; 
    margin-bottom: 45px;
    width: 297px;
}

.testimonials h3 b{
    color: #0A9246; 
    font-weight: 500; 
}


.testimonials .slick-slide{
    padding:  0 15px;
    
}

.testimonials .slick-arrow::before{
    display: none;
}
.testimonials .slick-arrow{
    background-color: #fff;
    width: 45px;
    height: 40px;
    left: unset;
    z-index: 2;
    bottom: -75px;
    top: unset;
    right: 0;
    position: absolute;
}
.testimonials .slick-arrow.slick-prev{ 
    right: 60px; 
}


.why_choose{
    padding: 140px 0 120px;
}

.choose-list{
    border-radius: 12px;
    background: url('../images/choo2.png');
    background-repeat: no-repeat;
    background-color: rgba(242, 107, 35, 0.16); 
    padding: 90px 50px 46px;
}

.choose-list h4{
    font-family: 'ClashDisplay-Medium';
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: 41px; /* 113.889% */
    background: linear-gradient(292deg, #F79D6D -22.37%, #FD9E33 49.2%, #FF7028 77.04%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 25px;
}

.choose-list p{
    color: #5A5959;
    font-family: 'ClashDisplay-Regular';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.choose-list img{
    width: 100%;
    height: 250px;
    object-fit: contain;
}
.choose-list .btn{
    display: flex;
width: 196px;
height: 48px;
padding: 12px 40px;
justify-content: center;
align-items: center;
flex-shrink: 0;
color: #2F2F4B;
text-shadow: 0px 1px 3px rgba(133, 160, 214, 0.07);
font-family: 'ClashDisplay-Medium';
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 171.429% */
letter-spacing: -0.28px;
border-radius: 6px;
background: #FFF;
margin: 0 auto;
}

.choose-list .btn svg{
    margin-left: 20px;
}

.choose-list2{ 
    background: url('../images/choo3.png');  
    background-repeat: no-repeat;
background-color: rgba(87, 242, 35, 0.16); 
}
.choose-list3{ 
    background: url('../images/choo1.png');  
    background-repeat: no-repeat; 
    background-color: rgba(35, 145, 242, 0.16);
}

.why_choose h5{
    color: #2F2F4B;
    font-family: "DM Sans", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 127%; /* 22.86px */
text-transform: capitalize;
text-align: center;
}
.why_choose h3{
    color: #2F2F4B;
text-align: center;
font-family: 'ClashDisplay-Medium';
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 127%; /* 60.96px */
text-transform: capitalize;
text-align: center;
margin-bottom: 60px;
}

.how_we{
    padding: 0 0 140px;
}

.how_we h3{
    color: #2F2F4B;
text-align: center;
font-family: 'ClashDisplay-Medium';
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 127%; /* 60.96px */
text-transform: capitalize;
}
.how_we h3 b{
    color: #0A9246; 
    font-weight: 500;
}
.how_we h5{
    color: #5C5C5C;
    text-align: center;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 186.667% */
    text-transform: capitalize;
    margin-bottom: 35px;
}

.how-we-cntr{
    border-radius: 12px;
background: linear-gradient(90deg, rgba(242, 107, 35, 0.30) -32.99%, rgba(255, 200, 167, 0.30) 123.5%, rgba(115, 115, 115, 0.00) 135.75%);
padding: 15px 35px;
}
.how_list{
    position: relative;
    padding: 15px;
    border-right: 1px dashed #FF8442;
    border-bottom: 1px dashed #FF8442;
}

.how_list span{
    position: absolute;
    right: 15px;
    top: 15px;
    color: rgba(0, 0, 0, 0.26);
    font-family: 'ClashDisplay-Semibold';

font-size: 36.141px;
font-style: normal;
font-weight: 600;
line-height: 33.882px; /* 93.75% */
text-transform: uppercase;
}
.how_list img{
    width: 120px;
    height: 135px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    mix-blend-mode: darken;
}

.how_list h4{
    color: #3B3C3C;
text-align: center;
font-family: "DM Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 127%; /* 20.32px */
text-transform: capitalize;
margin: 0 auto;
margin-top: 30px;
max-width: 260px;
height: 42px;
}

.how_list h4 b{
    color: #F26B23; 
font-weight: 600; 
}
.how-bor-r0{
    border-right: 0; 
}
.how-bor-b0 {
    border-bottom: 0;
}
.slider-works img {
    margin: 0 9px;
    width: calc(100% - 18px);
}
.slider-works .slick-list{
    padding-left: 0 !important;
    margin: 0 -9px;
}
.works h3{
    max-width: 270px;
    color: #2F2F4B;
    font-family: 'ClashDisplay-Medium';
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 114%; /* 54.72px */
text-transform: capitalize;
}
.works h3 b{
    color: #0A9246; 
    font-weight: 500; 
}
.works h5{
    color: #5C5C5C; 
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-transform: capitalize; 
}

.works .btn{
    border-radius: 5px;
border: 1px solid #EFEFEF;
background: #0A9246;
color: #FFF;
font-family: "DM Sans", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 127%; /* 20.32px */
text-transform: capitalize;
margin-right: 10px;
padding: 11px 23px;
text-decoration: none;
}
.works .btnlink{
    border-radius: 5px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    color: #1D252C;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 127%; /* 20.32px */
    text-transform: capitalize;
    padding: 11px 23px;
    text-decoration: none;
}
.slider-works{
    margin-top: 55px;
    padding-bottom: 55px;
}
.slider-works .slick-arrow::before{
    display: none;
}
.slider-works .slick-arrow {
    right: -10px;
    left: unset;
    bottom: -25px;
    top: unset;
    border-radius: 5px;
    border: 1px solid #BBB;
    background: #FFF;
    padding: 13px 23px;
    width: 55px;
    height: auto;
}
.slider-works .slick-arrow svg{
   display: block;
}
.slider-works .slick-arrow.slick-prev {
    right: 60px; 
}

footer{
    margin-top: 50px;
    border-top: 1px solid #484848;
    padding: 66px 0 40px;
}

.footer2{
    margin-top: 20px;
    border-top: 1px solid #48484885;
    padding: 35px 0 0;
}
.footer2 p{
    color: #5A5959;
    font-family: 'ClashDisplay-Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px; /* 83.333% */
}
footer img{
    width: 196px;
height: 61px;
object-fit: contain;
}

footer h4{
    color: #000;
    font-family: "DM Sans", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 114%; /* 22.8px */
text-transform: capitalize;
margin: 32px 0 0;
}

footer h5{
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 114%;
    text-transform: capitalize;
    margin: 15px 0  0;
}

footer h3{
    color: #0D1422;
    font-family: 'ClashDisplay-Regular';
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 163.9%; /* 24.585px */
text-transform: capitalize;
}
footer h3 a{
    display: inline-block;
    margin-left: 10px;
}


.fixed_cta{ 
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    padding: 12px;
max-width: 805px;
width: 100%;
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0 );
    border-radius: 3px;
background: rgba(0, 0, 0, 0.55);
backdrop-filter: blur(43.900001525878906px);
transition: all .3s;
}
.fixed_cta.scrolled{
    opacity: 1;
    visibility: visible;
}
.fixed_cta p{
    color: #FFF;
text-align: center;
font-family: "DM Sans", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
margin: 0;
}
.fixed_cta .btn{
    border-radius: 2px;
background: #FFF;
color: #000;
text-align: center;
font-family: Manrope;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 8px 20px;
text-decoration: none;
}
.fixed_cta .btnlink{
    border-radius: 2px;
background: #0A9246;
color: #FFF;
text-align: center;
font-family: Manrope;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 8px 20px;
text-decoration: none;
}

.enqform .modal-dialog {
    max-width: 1000px; 
}
.enqform .modal-body {
   padding: 25px;
   position: relative;
}
.enqform .modal-body .btn-close {
    
    position: absolute;
    right: 10px;
    top: 10px;
 }


 .enqform .modal-body .ser_left_dataimg { 
    height: 300px;
    object-fit: contain;
}


.enqform .modal-body h4 { 
  margin: 15px 0;
}

.enqform .modal-body .btn {
    border: 0;
    border-radius: 6px;
    background: #FF742A;
    width: 196px;
    padding: 12px 41px 12px 42px;
    color: #FFF;
    text-shadow: 0px 1px 3px rgba(133, 160, 214, 0.07);
    font-family: 'ClashDisplay-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.32px;
}
.fixed_whats {
    border-radius: 10px 0 0 10px;
    background: #0A9246;
    text-align: center;
    padding: 15px 15px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 10;
}
@media (max-width: 1100px) {

    .bannercaption h1 {
        font-size: 55px;
    }
    .ser_rht_list .btn svg {
        margin-left: 0px;
    }
    .ser_rht_list .btn { 
        padding: 5px 6px; 
        font-size: 13px; 
    }
    .counder_cntr_cap ul li { 
        padding: 20px 25px; 
    }
    .slider-thumb {
        max-width: 95%;
        margin: 0 auto;
    }


    .fixed_cta p { 
        font-size: 13px; 
    }
    .fixed_cta .btn { 
        font-size: 13px; 
    }
    .fixed_cta .btnlink { 
        font-size: 13px; 
    }

   
}



@media (max-width: 992px) {

    .choose-list { 

        padding: 30px 20px 26px;
    }
    .choose-list h4 { 
        font-size: 24px; 
        line-height: 31px; 
    }

}

@media (max-width: 768px) {

.bannercaption { 
    padding-top: 80px;
}

.bannercaption h1 {
    font-size: 36px;
}
.bannercaption .btn {
    font-size: 14px;
}
.bannercaption .btn svg {
    margin-left: 15px;
}
.bannercaption p {
    font-size: 14px;
}
.bannercaption p svg {
    margin-right: 15px;
    width: 25px;
    height: 25px;
}
.banner {
    position: relative;
    height: 450px;
}
.service {
    padding: 35px 0;
}

.service_head h3 { 
    font-size: 36px; 
    max-width: 200px;
}
.service_head p { 
    font-size: 14px; 
}
.service_head {
    padding-bottom: 35px;
}
.ser_left_data1 h4 { 
    font-size: 22px; 
    line-height: 26px; 
}
.ser_left_data2 p { 
    font-size: 14px; 
}
.ser_rht_list h3 { 
    font-size: 26px; 
}
.ser_rht_list p { 
    font-size: 14px; 
    line-height: 24px; 
}
.ser_rht_list h4 { 
    font-size: 18px; 
    line-height: 24px; 
}
.ser_rht_list .btn {
    opacity: 1;
    font-size: 15px;
}
.counder_cntr_cap h2 { 
    font-size: 28px; 
    margin-left: 20px;
}
.counder_cntr_cap ul li h3 { 
    font-size: 30px; 
}
.counder_cntr_cap ul li p { 
    font-size: 14px; 
}
.counder_cntr_cap ul li h4 { 
    font-size: 20px; 
}
.counder_cntr_cap ul li h5 { 
    font-size: 26px; 
}
.counder_cntr img { 
    height: 600px; 
}
.cta {
    padding: 40px 0;
}
.cta h3 { 
    font-size: 36px; 
}
.cta p { 
    font-size: 14px; 
    line-height: 26px; 
    margin: 15px 0 0;
}

.stories h2 { 
    font-size: 36px; 
    margin-bottom: 25px;
}
.story_video iframe { 
    height: 300px; 
}
.testimonials h3 { 
    font-size: 36px; 
}
.why_choose {
    padding: 50px 0;
}
.why_choose h3 { 
    font-size: 36px; 
    margin-bottom: 10px;
}
.choose-list { 
    margin: 15px 0;
}
.how_we h3 { 
    font-size: 36px; 
}
.how_list { 
    border-right: 0;
    border-bottom: 1px dashed #FF8442;
}
.how_we {
    padding: 0 0 40px;
}
.works h3 {
    max-width: 170px; 
    font-size: 36px; 
}
.works .btn { 
    font-size: 12px; 
    margin-right: 10px;
    padding: 11px 15px; 
}
.works .btnlink { 
    font-size: 12px; 
    padding: 11px 15px; 
}

footer { 
    text-align: center;
}
footer h4 { 
    font-size: 18px; 
}
footer h5 { 
    font-size: 14px; 
    line-height: 28px; 
    margin: 15px 0 0;
}

.justify-content-sm-end {
    justify-content: center !important;
}

.fixed_cta { 
    bottom: 0;
    left: 0;
    transform: translate(0, 0); 
}
.fixed_cta p { 
    display: none;
}
.fixed_cta .btn {
    font-size: 14px;
    width: 48%;
}
.fixed_cta .btnlink {
    font-size: 14px;
    width: 48%;
    padding: 10px 20px;
}
}
@media (max-width: 640px) {

.banner { 
    height: 550px;
}
}

@media (max-width: 420px) {
    
 .enqform .modal-body h4 {
    margin: 5px 0 10px;
    text-align: center;
    font-size: 18px;
}
 .enqform .form-label { 
    font-size: 12px;
}
 .enqform img{
height: 200px;
    width: 100%;
    object-fit: contain;
 }
 
 .enqform .g-3  {
    --bs-gutter-y: .5rem;
}

.enqform .modal-body .btn { 
    width: 140px; 
    font-size: 13px; 
    line-height: 16px; 
}
.enqform .form-control {
    height: 30px; 
}

}