body{overflow-x:hidden;}
.navbar{border-bottom:1px solid #F5F5F5; font-size:16px;
}
html {
  scroll-behavior: smooth;
 }
.navbar button{background:#EC1C24;
color:#fff;
border:none;
padding:10px 20px;
border-radius:100px;
font-weight:bold;}
.sec2 h6{font-size:16px;}
.hero p{font-size:18px;}
.nav-item{padding-left:20px; padding-right:20px;}
.accordion-button{border:none;}
.accordion-collapse{border:none; border-bottom:1px solid #E5E5E5;}
.accordion-header{border-bottom:1px solid #E5E5E5;}
.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffffff;
}
.accordion-button::after{background:url('images/plus.svg');width: 1.5rem;
    height: 1.5rem;background-repeat: no-repeat;}
.accordion-button:not(.collapsed)::after{background:url('images/minus.svg');width: 1.5rem;
    height: 1.5rem;background-repeat: no-repeat;}
.accordion-button:focus{border:none;box-shadow:none;}
.hero{
	background: url('images/hero_bg.png');
	 background-size: 100% 100%;
    background-repeat: no-repeat;
    
	color:#000;
}
.sec5{
	background: url('images/testimonial_bg.png');
	 background-size: 100% 100%;
    background-repeat: no-repeat;
    color:#fff;
	height:auto;
	
}
.sec6 h6{font-size:16px;
}
.sec6 img{padding-left:5px;padding-right:5px;}
.sec6 h2{vertical-align:middle;}
.sec5 .row{padding-top:10%;}
.sec4{
	background: url('images/gradient.svg');
	background-position: right;
    background-repeat: no-repeat; 
	color:#000;
}
.content{ vertical-align:middle; }
.carousel-control-prev, .carousel-control-next{color:#fff;
width:20px; height:20px;opacity: 1;border: none;
    background: none;
	}
	
	
	.carousel-control-prev{
	position: absolute;
    top: 233px;
    left: 0px;}
	
	.carousel-control-next{
	position: absolute;
    top: 233px;
    left: 60px;}
.carousel h6{font-size:20px;}
.accordion-button{font-size:20px;}	
.accordion-body{font-size:16px;}
.sec4 h6{font-size:16px;}	
.works{background:#F9F9F9;
border-radius:12px;
height: 360px;
padding-top: 70px;
}
p{font-size:14px;}
h1,h2{font-family: 'Poppins', sans-serif;}
h1{font-size:64px;}
h2{font-size:48px;}
.brand_color {color:#EC1C24;}
body{font-family: 'Montserrat', sans-serif;}

.hero-img img{display: block;
    margin-left: auto;
    margin-right: auto }
	span{font-weight:600;}


nav button:focus{outline:none;}	
.navbar button:hover{background:#F55858;}
.nav-link:hover{color:#FB444B!important;}
.stat{background:#fff;border-radius:28px;}
.stat p{color:#2F435E;font-weight:600;margin-bottom:0;}


.sec6 h6{border-top:1px solid #F5F5F5}
.accordion img{margin-right:30px;}
.sec4{padding-top:50px;}	

.contact-form{padding-left:10%;}
.contact-form input,.contact-form textarea{border-radius:50px;}
.contact-form input,.contact-form textarea,.contact-form  label {padding-left:20px!important;}
.contact-form textarea{padding-top:40px!important;}
.navbar-light .navbar-toggler {
  
    border-radius: 8px;
    background: #fff;
}
.btn{background:#F55858!important;border-radius:50px;color:#fff;padding:10px 30px;}
.carousel-inner{height:500px;}
footer{
	
background: black;
color:#fff;}

.links{background:#E7ECF8; border-radius:28px;padding:20px;width: max-content;}
.mobile-img{display:none;}
.form-control:focus {
    border-color: #f5585808;
    box-shadow: 0 0 0 0.25rem rgb(255 228 228);
}
.btn:hover{color:#fff;}
.hero, .sec2, .sec3,.sec6{padding-left:10px; padding-right:10px;}
@media (max-width: 1600px) {
 .hero .row{padding-top:40px;} 
}

@media (max-width: 1200px) {
	.features_img, .contact_phone{width:90%;}
 .hero-txt img{margin-top:10px;width: 200px;}
  h1 {font-size: 60px;}
  h2{font-size: 30px;}footer img{width: 200px;}
  .sec2 p{width: 80%;display: inline-block;}
  .works{height:420px;}
}
@media (min-width: 991px){ 
.sec2 p,.sec3 .txt{width: 60%;display: inline-block;}
footer .txt2{width:88%;}
}

@media (max-width: 992px){
	
	.navbar-collapse{text-align:center;}
	.sec3 .w-100,.sec6 .w-100 {width:72%!important;} 
  .sec2 p { width: 100%;}
   h1 {font-size: 50px;}  
   .sec4 h2 {padding-top: 5%;}
}

@media (max-width: 767px) {
	
	.sec5{padding:10px;}
	.carousel-control-prev, .carousel-control-next {
    top: 304px;}
	.carousel-control-prev{
    left:10px;}
	.carousel-control-next{
     left:60px;}
   .contact-form{margin-bottom:50px;}
   
   .web-img{display:none;}
   .mobile-img{display:block;}
   .contact-form {padding-left: 4%;}
}
@media (max-width: 475px) {
	.works {
        height: 350px;
    }
	.hero {
    background-size: auto;}
   .sec4, .sec2, .sec3,.sec5 {padding-top:0!important;}
   .sec4 .row, .sec2 .row, .sec3 .row,.sec5 .row{margin-top:0!important;}
   footer img{display:block;padding:10px;}
}