@import url('../css2');

body{
    margin:0;
    padding:0;
    color: #7d0209;
    font-family: 'Nunito', sans-serif;
}

/*#082e04*/
.main{
    margin: 0 auto;
    padding: 0;
    width: 95%;
}
/*#fed43a*/
a{
    color: #000;
    text-decoration: none;
}
a:focus, a:hover {
    color: #000;
    text-decoration: none;
}
img{
    max-width: 100%;
}
h1{margin:0px;}
h2{margin:0px;}
h3{margin:0px;}
h4{margin:0px;}
h5{margin:0px;}
h6{margin:0px;}
/*#182C44*/

/* START HEADER SECTION */

/* start top head section*/

/* start top head section*/


.tophead-section{
  padding:0;
  background: #7d0209;
}
.tophead-section1{
  padding: 0;
  color:#fff;
display: flex;justify-content: center;align-items: center;}

.tophead-left{
  padding: 0px 0;
}
.tophead-left1{
  padding:0px;
}
.tophead-left1 .span-1{
    font-size: 20px;
    padding: 10px 20px;
    display:inline-block;
    text-transform: capitalize;
    font-weight: 800;
    color: #fff;
    background: #1f8e17;
    margin: 0px;
}
.tophead-left1 .span-1 a{
  color:#fff;
}
.tophead-left1 .span-2{
    font-size: 22px;
    padding: 0px 0px 0 10px;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
    margin: 6px 0 0 0;
    display: inline-block;animation: neon .08s ease-in-out infinite alternate;
  }
@keyframes neon {
  from {
    text-shadow:
    0 0 6px rgb(255 192 2),
    0 0 30px rgb(255 255 255),
    0 0 12px rgb(255 192 0),
    0 0 21px rgb(255 192 0),
    0 0 34px rgb(255 192 0),
    0 0 54px rgb(255 192 0);
  }
  to {
    text-shadow:
    0 0 6px rgb(218 218 193),
    0 0 30px rgb(255 254 249),
    0 0 12px rgb(241 241 197),
    0 0 22px rgb(255 192 0),
    0 0 38px rgb(255 229 148),
    0 0 60px rgb(255 192 1);
  }
}




.tophead-right{
  padding: 0 0px;
}
.tophead-right1{
  padding: 0px;
  text-align: right;
  color: #fff;
}

.tophead-right1 span{
  margin: 0;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 700;
  padding: 0px 15px 0 0;
}
.tophead-right1 a{
  color:#000;
  background:#ffc000;
  font-size: 18px;
  display: inline-block;
  padding: 12px 15px;
  text-transform:uppercase;
  text-decoration: none;
  font-weight: 800;
}
.tophead-right1 .call{
  font-size: 41px;
  display:none;
color: #ffc000;background: transparent;padding: 0px 0 0;}
/* end top head section*/
/* start head section */

.head{
  padding: 0;
}
.head-1{
  padding:10px;
}


.head-text{
  
  
  padding: 0 0 20px 0;
  text-align: center;
}
.head-text p{
  color: #000;
  font-size: 29px;
  text-transform: uppercase;
  margin:0;
  padding: 0 0 5px 0;
  font-weight: 500;
}
.head-text p b{
  font-weight: 700;
  color: #7e020a;
}
.head-text span{
  color: #000;
  font-size: 21px;
  margin:0;
  font-weight: 800;text-transform: capitalize;
}
/* end head section */
/* start head section */

.head-section{
   background: #7d0209;
  padding:0;
}
.head-section1{
  padding: 10px 0  0;
  background:#fff;
}

.head-1{
  padding: 0;
  text-align: center;
}
.head-logo1{
  padding: 10px 0 0;
}
.head-logo2{
  padding: 0;
}

.head-right1{
  padding: 10px 0;
}
.head-right2{
  padding: 0;
}
/* end head section */

/* start header image section */

.header-image{
    padding: 0;
    border-top: 7px solid;
}
.header-image img{
    width: 100%;
}
/* end header image section */

/* END HEADER SECTION */


/* start top services section */

.topservices-section{
  padding: 0;
}
.topservices-section1{
  padding: 50px 30px;
}
.topservices-head{
  padding: 0;
  text-align: center;
}
.topservices-head p{
  color: #000;
  text-transform: capitalize;
  margin:0;
  font-weight: 500;
  font-size: 16px;
}
.topservices-head strong{
  font-weight: 600;
  text-transform: uppercase;
  font-size: 40px;
}
.top-services{
  padding: 40px 0 0;
}

.top-services1{
  padding: 10px;
}
.top-services2{
  padding: 0;
  border: 1px solid #d7d7d7;
}
.top-services3{
  padding: 0;
}
.top-services3 img{
  /* border-bottom-right-radius: 160px; */
  /* border-bottom-left-radius: 160px; */
  /* border-bottom:3px solid; */
  min-width: 100%;
}
.top-services4{
  padding: 20px 23px;
  text-align:center;
}
.top-services4 p{
  color: #000;
  margin:0;
  padding: 10px 0 0 0;
  font-weight: 400;
  line-height: 31px;
  font-size: 16px;
}
.top-services4 strong{
  font-weight: 800;
  text-transform: capitalize;
  font-size: 25px;
}
.top-services4 a{
  color:#fff;
  background:#00a300;
  padding: 8px 10px;
  display: block;
  width: fit-content;
  font-size: 17px;
  margin: 10px auto 0;
  text-transform: uppercase;
  font-weight: 700;
}
.top-services4 a i{
  animation: pulsate 0.5s infinite ease-out;
}

/* end top services section*/


/* start about us section*/

.aboutus-section{
  padding: 0;
}
.aboutus-section1{
  padding: 50px 30px 40px;
}
.topservices-head1{
   padding: 10px 0 0;
   text-align: center;
}
.topservices-head1 p{
  color: #000000;
  font-size: 20px;
  padding: 0px 0 0px 0px;
  margin: -8px 0 0 0;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
}
.topservices-head1 strong{
  font-weight: 800;
  font-size: 34px;
  text-transform: uppercase;
}

.aboutus-content1{
  padding: 14px 0px 0;
}
.aboutus-content2 {
  padding: 10px 0;
  /* text-align: center; */
}
.aboutus-content2 img{
   height: 400px;
   float:right;
   padding: 12px;
}

.aboutus-content2 p{
  color: #222;
  text-align: left;
  margin:0;
  font-weight: 400;
  text-align: left;
  font-size: 15px;
  line-height: 32px;
  padding: 6px 0;
}
.aboutus-content2  p strong{
  color: #7d0209;
  font-weight: 800;
}
.aboutus-content2 ul{
  text-align: left;
  padding: 10px 0 11px;
  margin: 0;
  list-style: none;
}
.aboutus-content2 ul li{
  margin:0;
  font-size: 14px;
  padding: 14px 3px 0px 0px;
  color: #222;
  text-transform: capitalize;
  border-bottom: 2px solid #fa0;
  font-weight: 500;
  border-radius: 0px 0 0 10px;
  line-height: 27px;
}
.aboutus-content2 li:before {
    color: #7d0209;
    content: "\f684";
    background: #fa0;
    font-weight: 900;
    display: inline-block;
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 9px;
    margin: 0 17px 0 0;
    font-family: "Font Awesome 6 Pro";
}
.aboutus-content2 span{
    font-size: 20px;
    font-weight: 900;
    border-bottom: 4px solid #fa0;
    padding: 8px 0 6px;
    border-radius: 0px;
    display: inline-block;
    text-transform: capitalize;
}

/* end about us section*/


/* start case solve section*/
.casesolve_section1{
    padding:0;
    background: #fcc100;
}
.casesolve_section2{
    padding: 60px 0px 60px;
}
.case_solve1{
    padding: 30px 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.case-1{
    padding: 10px;
}
.case-2{
    padding: 0;
    text-align: center;
    border-right: 1px solid #000000;
}
.case-2a{border:0;}
.case-2 i{
  font-size: 60px;
  margin:0;
}
.case-2 .counting{
    color: #05070f;
    font-size: 67px;
    font-weight: 800;
    margin: 0;
    text-transform: capitalize;
}
.case-2 p{
    color: #7d0209;
    font-size: 21px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 14px 0;
}


/* end case solve section*/
/* start best services section */

.bestservices-section{
  padding: 0;
}
.bestservices-section1{
  padding: 50px 30px;
}
.best-services{
  padding: 40px 0 0 0;
}

.best_services1{
  padding: 10px 15px;
}
.best_services2{
  padding: 0px;
}
.best_services3{
  padding:0;
  transition:0.5s ease-in-out;
  overflow:hidden;
}
.best_services3 img{
  transition:0.8s ease-in-out;
}
.best_services2:hover .best_services3 img{
    transform: scale(1.4);
    transition:0.8s ease-in-out;
}
.best_services4{
  margin: 0;
  padding: 20px 20px 30px;
  text-align: center;
  background:#fff;
  box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 14%);
  border-radius: 0px 0px 48px 48px;
}
.best_services4 strong{
    text-transform: capitalize;
    font-size: 27px;
    font-weight: 800;
    margin: 0;
}
.best_services4 p{
    color: #222;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    padding: 7px 0px 10px;
    margin: 0;
}
.best_services4 a{
  color:#fff;
  background:#00a300;
  padding: 8px 10px;
  display: block;
  width: fit-content;
  font-size: 18px;
  margin: 10px auto 0;
  text-transform: uppercase;
  font-weight: 700;
}
.best_services4 a i{
  animation: pulsate 0.5s infinite ease-out;
}

/*end best services section*/

/* start testimonials section */
.testimonials-section1{
  padding: 0;
}
.testimonials-section2{
  padding: 50px 30px;
}
.testimonials{
  padding: 40px 0 0 0;
}

.testimonials-1{
  padding: 10px;
}
.testimonials-2{
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
  background: #fff;
  padding: 30px 30px;
  text-align: left;
}
.testimonials-3{
  padding: 0 0 10px 0;
}
.testimonials-3 p{
  color: #222;
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
  margin: 0;
}
.testimonials-4{
  padding: 20px 0 0 0;
  display: flex;
  justify-content: center;
  border-top: 1px solid #c0c0c0;
  align-items: center;
}
.testimonials-4 .img-testi{
  padding: 0;
  width: 25%;
}
.img-testi img{
  border-radius: 0%;
  height: 90px;
  border: 5px solid;
}

.testi-content{
  width: 45%;
  padding: 0;
}

.testi-content strong{
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 800;
  margin: 0;
  display: block;
}
.testi-content p{
  color: #000;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 800;
  display: inline-block;
  padding: 0px 0 0;
  margin: 0;
}
.testi-star{
  width: 35%;
  padding: 0;
  text-align: center;
}
.testi-star i{
  color: #ffb000;
  font-size: 18px;
  margin: 0 3px;
}
/* end testimonials section */

/* start form section */


.form-section1{
  padding: 50px 30px;
  background: #fcc100;
}
.form-left1{
  padding: 10px;
}
.form-left2{
  padding: 0;
}
.form-head{
  padding: 0px;
  text-align: left;
}
.form-head strong{
  font-size: 44px;
  color: #7d0209;
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
}
.form-head  p{
  color: #000;
  font-size: 18px;
  margin: -6px 0 0 0;
  font-weight: 500;
  text-transform: capitalize;
}
.form-fill{
  padding: 0px;
}
.contac-r {
    padding: 40px 0px 0px;
    margin: 0px 0 0 0;
    text-align: left;
}
.form-group {
    padding: 6px 15px 5px  0px;
    padding-bottom: 12px;
}
.form-control:focus {
    border-color: #00000000;
    border: 0;
    background-color: #1b1b1b00;
    outline: 0;
    border: 1px solid #ffffff;
    box-shadow: none;
    color: #000000;
}
.custom_btn {
    z-index:9999;
}
.btn-group{
  text-align:center;
  width: 100%;
}
input.form-control {
    color: #000000;
    font-weight: 500;
    height: 60px;
}
.form-control {
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    border:0;
    border: 1px solid #000000;
    border-radius: 0;
    font-size: 14px;
}
textarea.form-control {
    height: 78px;
    font-weight: 500;
    color: #fff;
}
.btn-group>.btn:first-child {
       margin-left: 0;
       margin: 3px 0 0 0;
       padding: 12px 26px;
       color: #fff;
       font-size: 14px;
       border: 0px solid #777;
       background: #7d0209;
       border-radius: 0;
       text-transform: uppercase;
       transition: 0.7s;
       font-weight: 400;
       width: 100%;
}
.btn-group>.btn:first-child:hover{
  color: #ffb750;
  transition: 0.7s;
}
.form-group  .place::-webkit-input-placeholder{
  color: #000000;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -0px;
}

.form-right1{
  padding: 20px 20px;
}
.formright2{
  border-radius: 7px;
  padding: 20px 20px;
  box-shadow: 0 0 1px #000;
  background: #7d0209;
}
.right-head strong{
}
.form-details{
  padding: 16px 0 0;
}
.form-details ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}
.form-details ul li {
    padding: 10px 0 21px;
    margin: 0;
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
    margin: 0;
    font-weight: 400;
    padding: 4px 0;
    line-height: 30px;
}
.form-details ul li a {
  text-decoration: none;
  display: flex;
  justify-content: left;
  align-items: center;
}
.form-details ul li i{
  color: #fcc100;
  font-size: 20px;
  padding: 0 10px 0 0;
}
.right-head strong{
  color: #fcc100;
}
.right-head p{
  color:#fff;
}
/* end form section */


/* start footer section*/

.footer-section{
  padding: 0;
  background:#fff;
  border-top: 1px dashed#1f142d;
}
.footer-section1{
  padding: 50px 30px;
  text-align: center;
}
.footer-section1 img{

}
.footer-section1 ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-section1 ul li{
  display: inline-block;
  padding: 5px;
}
.footer-section1 ul li a{
  color: #de5656;
  text-decoration: none;
}
.footer-section1 li a i{
  height: 49px;
  width: 49px;
  line-height: 49px;
  border: 2px solid #fcc100;
  color: #7d0209;
  margin: 0;
  border-radius: 50%;
  font-size: 20px;
  padding: 0;
  text-align: center;
}
.footer-section1 li a:hover i{
  background: #fcc100;
  border-color: #fcc100;
  color:#000;
}
.copy-right{
    padding: 20px 0 10px;
    border-top: 1px dashed;
    margin-top: 20px;
}
.copy-right p{
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    padding: 10px 0 0 0;
}
.copy-right span{
  color: #1f142d;
  font-size: 17px;
  font-weight: 500;
  display: block;
  line-height: 29px;
}
.footer-nav{
  padding: 16px 0 26px;
  text-align: center;
}
.footer-nav ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-nav ul li{
    padding: 1px 38px;
    border-right: 2px solid #e1e1e1;
    color: #1F152D;
    padding: 10px 33px 7px 33px;
    font-size: 21px;
    border-radius: 20px 20px 0px 0px;
    text-transform: uppercase;
    font-weight: 800;
}
.footer-nav ul li:last-child{
  border:0;
}
.footer-nav ul li a{
  color: #1F152D;
}
.footer-nav ul li a:hover{
  color: #de5656;
}
/* end footer section */




/*end disclimer*/
#callbook {
  background:green;
  bottom: 0;
  left: 0;
  position: fixed;
  display: none;
  right: 0;
  z-index: 100;
}
#callbook ul{
  padding: 0px;
  margin: 0;
}
#callbook ul li {
  position: relative;
  padding: 10px 0;
  list-style:none;
  text-align: center;
}
#callbook ul li a{
  display:block;
}
#callbook ul li a span {
  color: #fff;
  font-size: 31px;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  margin: 0 0 0 7px;
}
#callbook ul li a i{
  color: #fff;
  position: relative;
  font-size: 33px;
}    
#callbook ul li a i{
  animation: pulsate 0.5s infinite ease-out;
}
@keyframes pulsate {
  0% {transform: scale(0.9, 0.9); opacity: 1;}
  50% {transform: scale(1.2, 1.2); opacity: 1;}
  100% {transform: scale(0.9, 0.9); opacity: 1;}
}



@media (max-width: 767px){
  body{text-align: center;}
  .tophead-section1{display:block;}
  .tophead-right1{text-align:center;}
  .tophead-right1 span{display:none;}
  .tophead-left1 .span-1{display:none;}
  .tophead-right1 .call{display:block;}
  .tophead-right1 a{display:none;}
  .tophead-left1 .span-2{padding:0;margin:0;}
  .tophead-section1{padding:5px 0;}
  .aboutus-section1{padding: 50px 0px 40px;}
  .topservices-section1{padding: 30px 0px;}
  .top-services1{width:50%;}
  .casesolve_section2{padding:30px 0;}
  .case-1{width:50%;}
  .bestservices-section1{padding: 30px 0px;}
  .best_services1{width:50%;}
  .testimonials-section2{padding: 30px 00px;}
  .form-section1{padding: 30px 0px;}
  .form-group{padding:0;}
  .form-right1 { padding: 20px 10px;}
  .footer-section1{padding: 30px 0px 60px;}
  .footer-nav ul li {padding: 10px 9px 7px 9px;font-size: 12px;}
  .footer-nav{padding:10px 0;}
  .best_services4 {padding: 20px 10px 20px;}
  .top-services4 {padding: 20px 14px;}
  .top-services4 strong{font-size: 23px;}
  .case-1:nth-child(2) .case-2{border:0;}
  .best_services4 strong{font-size: 23px;}



   
    #callbook {display:block;}





}

@media only screen and (min-width: 768px) and  (max-width:991px) {
  .tophead-right1 span{display:none;}
  .tophead-left1 .span-1{display:none;}
  .tophead-right1 .call{display:block;}
  .tophead-right1 a{display:none;}
  .tophead-left1 .span-2{padding:0;margin:0;font-size: 25px;}
  .tophead-section1{padding:5px 0;}
  .best_services4 {padding: 20px 10px 20px;}
  .case-2{border:0;}

    
    

}

@media only screen and (min-width: 991px) and  (max-width:1200px) {
.tophead-right1 span{display:none;}
  .tophead-left1 .span-1{display:none;}
  .tophead-right1 .call{display:block;}
  .tophead-right1 a{display:none;}
  .tophead-left1 .span-2{padding:0;margin:0;font-size: 25px;}
  .tophead-section1{padding:5px 0;}
  .testi-star i{font-size: 16px;margin: 0 2px;}
  .testi-content strong{font-size: 18px;}
  .testi-content{padding:0 0 0 10px;}
  .best_services4 strong{font-size:20px;}
  .top-services4 {padding: 20px 10px;}
  .top-services4 a{font-size: 15px;}
  .top-services4 strong{font-size: 20px;}
  .case-2 p{font-size: 16px;}
  .right-head strong{font-size: 37px;}


}
@media only screen and (min-width: 1200px) and  (max-width:1300px) {
  .top-services4 {padding: 20px 13px;}
  .top-services4 strong {font-size: 20px;}
  .best_services4 strong {font-size: 20px;}
}

@media only screen and (min-width: 1300px) and  (max-width:1400px){

}

@media (max-width: 575px) and (min-width: 0px){
  .top-services1{width:100%;}
  .case-1{width:100%;}.case-2{border:0;}
  .best_services1{width:100%;}
  .testimonials-4{display:block;text-align:center;}
  .testimonials-4 .img-testi{width:100%;}
  .testi-content{width:100%;}
  .testi-star{width:100%;}
  .testimonials-2{text-align:center;padding:20PX 10PX;}
  .head-text p{font-size:20px;}
  .head-text span{display:none;}
  .form-head strong{font-size: 30px;}
 
  

}

@media (max-width: 420px) and (min-width: 0px){
  .tophead-left1 .span-2{font-size:20px;}
  .tophead-right1 .call{font-size:34px;}.case-2{border:0;}
  .tophead-section1{padding:15px 0 5px;}
  #callbook ul li a span{font-size: 21px;}
  #callbook ul li a i{font-size: 21px;}



}