/*@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');*/
body{font-family: 'Lato', sans-serif;font-size: 18px;color: #000;font-family: 'Lato', sans-serif;}
html {scroll-behavior: smooth;}
.bg-white{background: #fff;}
.sec-padding{padding: 40px 0;}
h2{font-family: 'Poppins', sans-serif;font-size: 50px;font-weight: 700;line-height: 55px;letter-spacing: 0em;text-align: left;}
.clr-red{color: #F80000;}
a:hover{text-decoration: none;}
header{position:absolute;width: 100%;padding-top: 20px;z-index: 99;}
h1{position: absolute;font-family: 'Poppins', sans-serif;font-size: 102px;font-weight: 800;top: 15%;}
h1 span{background: #fff;padding: 5px 30px;display: block;color: #000;}
.logo-top{margin-top: 24px;width: 300px;}
.banner-head{margin-top: -18%;}
.work-div{position: absolute;bottom:5%; }
.work-div p{background: #000;color: #fff;font-weight: 900;font-size: 30px;font-family: 'Lato', sans-serif;display: inline-block;padding: 5px;margin-bottom: 5px;}
/*.banner .work-btn{transition: 0.5s ease-in-out;border: 1px solid #F80000;font-family:'Roboto', sans-serif; font-weight: 700;font-size: 20px; color: #fff; background: #F80000;position: absolute;bottom: 2%;padding: 5px 18px;border-radius: 10px;}*/
.banner .work-btn{transition: 0.5s ease-in-out;border: 1px solid #F80000;font-family:'Roboto', sans-serif; font-weight: 700;font-size: 20px; color: #fff; background: #F80000;position: absolute;bottom: 30%;padding: 5px 18px;border-radius: 10px;right: 20%;}
.banner .work-btn:hover, .work-section .talk-btn:hover{background: #fff;color: #F80000;border: 1px solid #fff;}
.talk-div{position: absolute;right: 5%;top: 44%;}
.talk-div span{display: block;font-size: 30px; font-weight: 700;font-family:'Poppins', sans-serif;background: #fff; color: #000;padding: 0 10px;}
.qr-code-img-1{margin-bottom: 30px;margin-left: 70px;}
.talk-text, .talk-text i{font-size: 20px !important;font-weight: 700;margin-top: -20px;}
/*Work section start*/
.work-section{background-image: url(../img/work-banner.webp);background-repeat: no-repeat;background-size: 100% 100%;}
.work-section .work-row{padding: 20% 0 6.7% 0;}
.work-text{padding:74px 30px;}
.work-text h3{padding-top: 54px;font-family:'Poppins', sans-serif;font-size: 40px;font-weight: 700;line-height: 55px;letter-spacing: 0em;text-align: left;border-bottom: 1px dashed #F80000;}
#workSlider, .client-row{background: #C6B183;}
.work-section h5{font-family: Poppins;font-size: 22px;font-weight: 700;line-height: 27px;letter-spacing: 0em;text-align: left;}
.client-row h5, #workSlider h5{font-family: 'Poppins';font-style: normal;font-weight: 700;font-size: 20px;line-height: 121.69%;}
.client-row .col-md-4, .we-do-row .col-md-4{border: 1px dashed #FFFFFF;padding: 20px;}
.client-row h3, #workSlider h3{font-family: 'Poppins';font-style: normal;font-weight: 700;font-size: 55px;line-height: 116.69%;color: #fff;margin-bottom: 0;margin-top: 20px;}
.client-row p, #workSlider p{font-family: 'Lato';font-style: normal;/*font-weight: 800;*/font-size: 18px;line-height: 130%;color: #000;margin-bottom: 0;}
.client-row span, #workSlider span{font-family: Lato;font-size: 18px;font-weight: 400;line-height: 24px;letter-spacing: 0px;text-align: left; color: #fff;}
.client-row h4, #workSlider h4{font-family: Poppins;font-size: 132px;font-weight: 700;line-height: 154px;letter-spacing: 0em;text-align: left;color: #fff;}
.client-row h4{margin: 0;}
.ellipse1{position: absolute; left: 30%; top: 47%; width: 50px;z-index: 9;}
.ellipse2{position: absolute; left: 63.5%; top: 47%; width: 50px;z-index: 9;}
.work-section .talk-btn{transition: 0.5s ease-in-out;border: 1px solid #F80000;font-family: Lato;font-size: 20px;font-weight: 700;letter-spacing: 0em;text-align: left;background: #F80000;border-radius: 10px;color: #fff;display: inline-block;margin-top: 20px;padding: 8px 30px;text-align: right;margin-right: 13%;}
.impact-section{background-image: url(../img/impact-banner.webp);padding:200px 0 30px;background-repeat: no-repeat;background-size: 100% 100%;color: #fff;}
.impact-section p{font-family: Poppins;font-size: 18px;font-weight: 700;line-height: 27px;letter-spacing: 0em;position: absolute;
    top: 56.5%; width: 50%;left: 0;right:0;margin:0 auto;transform: translateY(-50%);color: #000;}
.what-we-do-section h6{color: #F80000;font-family: Poppins;font-size: 18px;font-weight: 700;letter-spacing: 0em;text-align: left; text-transform: uppercase;margin-bottom: 30px;}
.we-do-row .row{background: #EAD9B3;}
.what-we-do-section{position: relative;padding: 30px 0;}
.what-we-do-section .what-img{position: absolute;bottom: 0;right: 0;}
.img2-class{position: absolute;right: 0;top: 0;}
.img3-class{position: absolute;right: 0;bottom: 0;}
.showcase-section{background: #000;margin-bottom: 30px;}
.video,.wrapper{height:100%;width:100%}
.video{object-fit:fill;cursor:pointer}
.wrapper{position:relative}
.playpause{background-image:url(video-play-btn.png);background-repeat:no-repeat;width:54px;height:54px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-size:contain;background-position:center;cursor:pointer}
.testi-section{background-image: url(../img/testi-banner-1-min.jpg);padding: 40px 0 15px;background-repeat: no-repeat;background-size: 100% 100%;color: #fff;}
.testi-div{background: #ECDDBA;color: #000;font-family: Lato;font-size: 18px;padding:20px;font-weight: 700;line-height: 29px;letter-spacing: 0px;text-align: justify;min-height: 400px;}
/*.testi-section .slick-prev{left: -112.5%;}*/
.testi-section .slick-prev{left: -35px;}
.testi-div h3{font-family:Poppins;font-size:36px;font-weight:900;line-height:50px;letter-spacing:0;text-align:left}
.testi-section .slick-prev:before, .testi-section .slick-next:before{font-size: 30px;opacity: 1;}
.form-section .form-control{border: none;border-bottom: 1px solid #000;border-radius: 0;padding-left: 0;padding-bottom: 12px;margin-bottom: 30px;}
.form-control:focus{box-shadow: none;}
.submit-btn{border:1px solid #ED1C24;cursor: pointer;transition: 0.5s ease-in-out;font-family: Roboto;font-size: 22px;font-weight: 700;letter-spacing: 0em;text-align: left;background: #ED1C24;color: #fff;padding: 5px 25px;margin-top: 15px;display: inline-block;}
.submit-btn:hover, .submit-btn:focus{color: #ED1C24;background: transparent;}
.form-img1{position: absolute; right: -15%;top: 20%;}
.form-img2{position: absolute; left: -15%;top: 20%;}
::-webkit-input-placeholder{font-family:Lato;font-size:22px;font-weight:400;line-height:31px;letter-spacing:0;text-align:left;color:#000!important}
::-moz-placeholder{font-family:Lato;font-size:22px;font-weight:400;line-height:31px;letter-spacing:0;text-align:left;color:#000!important}
:-ms-input-placeholder{font-family:Lato;font-size:22px;font-weight:400;line-height:31px;letter-spacing:0;text-align:left;color:#000!important}
:-moz-placeholder{font-family:Lato;font-size:22px;font-weight:400;line-height:31px;letter-spacing:0;text-align:left;color:#000!important}
#workSlider{text-align: center;}
#workSlider h5{text-align: center;}
#workSlider .carousel-item{padding: 40px;min-height: 300px;}
.carousel-indicators li{height: 10px;width: 10px;border-radius: 50%;}
.cstudy-btn{font-family: Poppins;font-size: 20px;font-weight: 700;line-height: 25px;letter-spacing: 0em;color: #F80000;background: #fff;margin-top: 20px;border-radius: 5px;display: inline-block;padding: 5px 30px;}
.header-mbl .menu-button{position:absolute;top:40px;right:15px;width:22px;height:6px;background:url(../img/menu-btn.png) no-repeat;z-index:9}
.overlay{display:none;width:100%;height:100vh;position:fixed;top:0;right:0;left:0;bottom:0;background-color:#fff;z-index:99}
.overlay nav{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay nav ul{list-style:none;padding-inline-start:0}
.overlay ul li{padding:20px}.overlay li a{text-decoration:none;color:#000;font-size:18px;letter-spacing:2.5px}
.overlay .close-button{position:absolute;top:40px;right:15px;background:url(../img/close-btn.png) no-repeat;width:20px;height:20px;z-index:999}
.last-black-strip {background-color: #000;padding: 10px 0 5px;text-align: center;}
.last-black-strip p{color: #fff;}
#look-reason h5{text-transform: uppercase;}
.testi-section .slick-prev, .testi-section .slick-next{width: 32px;height: 32px;}
.testi-section .slick-next{right: -35px;}
.modal-design-info{padding-right: 0 !important;}
/*fixed buttons*/
.fixed-right-icons{position:fixed;right:0;top:35%;display:flex;justify-content:center;align-items:center;flex-direction:column}
/*.fixed-right-icons i.fa{color:#fff;height:30px;width:30px;text-align:center;line-height:30px;margin:2px 0}*/
.fixed-right-icons .fa-phone{background-color:#F80000}
.fixed-right-icons .fa-whatsapp{background-color:#25d366}
.red-btn{position:fixed;z-index:99;top:60%;transform:rotate(-90deg);right:-39px;font-family:'Mukta',sans-serif;font-weight:600;font-size:14px;background:#F80000;text-transform:uppercase;padding:10px;color:#fff!important}
.footer_btn{background-color:#F80000;position:fixed;bottom:0;width:100%;z-index:99999999}
.footer_btn .col-6:nth-child(1){border-right:1px solid #fff}
.footer_btn a{color:#fff;font-size:18px;padding:10px 0;display:block}

/**/
.banner-form{width: 35%; position: absolute; right: 50px;top: 135px;background: #fff;padding: 30px;}
textarea{resize: none;}
::-webkit-input-placeholder{font-family:Lato;font-size:14px;font-weight:400;line-height:31px;letter-spacing:0;text-align:left;color:#000!important}
::-moz-placeholder{font-family:Lato;font-size:14px;font-weight:400;line-height:31px;letter-spacing:0;text-align:left;color:#000!important}
:-ms-input-placeholder{font-family:Lato;font-size:14px;font-weight:400;line-height:31px;letter-spacing:0;text-align:left;color:#000!important}
:-moz-placeholder{font-family:Lato;font-size:14px;font-weight:400;line-height:31px;letter-spacing:0;text-align:left;color:#000!important}
.banner-form .form-control{border: none;border-bottom: 1px solid #000;border-radius: 0;padding-left: 0;padding-bottom: 12px;margin-bottom: 15px;}
.banner-form h2{font-family: 'Poppins', sans-serif; font-size: 30px; font-weight: 700; line-height: 55px; letter-spacing: 0em; text-align: left;}
select{font-size: 14px; font-family:Lato;  border: none !important; border-bottom: 1px solid #000 !important; border-radius: 0 !important; color: #000; padding: 0 !important;font-weight: 400;}
.fixed-right-icons i.fa{color: #fff; height: 40px;  width: 40px; text-align: center; line-height: 37px; margin: 2px 0; font-size: 25px;}

/**/
.video-sec{padding: 30px 0 50px 0;}
.video-div{width: 85% !important;display: block !important; margin: 0 auto;}
.video-sec h4{font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700;margin-bottom: 20px;min-height: 50px;}
.video-sec .slick-prev:before,.video-sec .slick-next:before{color: #f80000;}
.video-sec .slick-prev,.video-sec  .slick-next{top: 60% !important;}
.video-sec .slick-prev{left: 0 !important;z-index: 999;}
.video-sec .slick-next{right: 0 !important;z-index: 999;}
#video-slider .carousel-indicators li{background-color: red;margin-right: 10px;}
#video-slider .carousel-indicators{bottom: -60px;}




.video-section .item{
  opacity:0.4;
  transition:.4s ease all;
  margin:0 20px;
  transform:scale(.8);
}

@media(max-width:1000px){
  .video-section .item{margin:0; transform:scale(.9)}
}

.video-section .active .item{
  opacity:1;
  transform:scale(1);
} 


.video-section .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.video-section video{
  max-width:100%;
  height:auto;
}
/*CSS FOR FAQ Section Start*/
.panel-title a {
    font-size: 20px;
    color: #000000 !important;
	font-family: Poppins !important;
}
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
	font-size:20px !important;
    content:"\f068" !important;
    padding-right: 5px;
	color:#000000 !important;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067" !important;
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.faq-hd{color: #F80000;}
.panel.panel-default {
    background-color: #ecddba8c;
    padding: 15px 20px;
}
.cta-btn .talk-btn {
    transition: 0.5s ease-in-out;
    border: 1px solid #F80000;
    font-family: Lato;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
    background: #F80000;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    padding: 8px 30px;
    text-align: right;
}
.talk-section{
	margin-bottom: 40px;
}
@media (max-width: 767px) {
    .cta-btn .talk-btn {
        font-size: 15px;
    }
}
/*CSS FOR FAQ Section End*/