@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body{
  margin:0;
  padding:0;
  font-family: "Open Sans", sans-serif;
}

a{
  text-decoration: none;
}
a:focus, a:hover {
    text-decoration: none;
}
img{
  max-width: 100%;
}

ul{
  margin:0px;
  padding:0px;
}
li{margin:0px;
  padding:0px;
  list-style: none;
}

p{
  margin:0px;
  padding:0px;
}
.bi {
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentcolor;
}





@font-face {
  font-family: "Persian-BWw2G";
  src:
    local("Persian-BWw2G"),
    url("../fonts/Persian-BWw2G.otf") format("opentype") tech(color-COLRv1),
    url("../fonts/Persian-BWw2G.otf") format("opentype"),
    url("../fonts/Persian-BWw2G.woff") format("woff");
}


/* top section start */
.top-mark1 {
  text-align: center;
  background: #a70101;
}

.top-mark2{
  color: #ffffff;
  font-size: 19px;
  padding: 12px 0px 5px;
  font-weight: 600;
  text-transform: capitalize;
  text-shadow: 0 0 17px #f6ff00;
}
.top-mark2 p{
  color: #ffd800;
  font-size: 25px;
  padding: 7px 0px 5px;
  font-weight: 500;
  text-transform: capitalize;
  text-shadow: 0 0 #f6ff00;
}
/* top section end */

/* head section start */
.head-logo1, .head-right1{

padding: 0 32px;
}
.head-design{
  align-items: center;
  justify-content: space-between;
  padding-right: 0;
}
/* head section end */


/* top line section start */
.top-line{
  background: #ffd800;
}
.top-line1 p{
   
font-size: 18px;
   
font-weight: 700;
   
line-height: 29px;
   
color: #000000;
   
padding: 10px 0 6px;
   
text-transform: capitalize;
   
text-align: center;
}
/* top line section end */

/* banner section start */
.banner img{
  width: 100%;
}
/* banner section end */

/* services section start */
.services{
  background: url(../images/srv-bg.jpg) no-repeat;
  background-size: cover;
}
.services-1{
  padding: 12px 12px 20px;
}
.services-2{
  padding: 45px 0 0;
  position: relative;
  z-index: 1;
}
.services-2:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 18px;
    top: -13px;
    right: 0px;
    bottom: inherit;
    left: 0px;
    margin: 0 auto;
    border-radius: 50%;
    background: #ffd800;
    z-index: -1;
}
.services-2:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 15%;
    top: 0px;
    right: 0px;
    bottom: inherit;
    left: 0px;
    margin: 0 auto;
    background: #ffd800;
    z-index: -1;
}
.services-2 img {
  border-radius: 50%;
  border: 12px solid #ffd800;
  border-bottom: 0;
}
.services-3{
  
background: #ffd800;
  
padding: 12px 12px 18px;
  
margin: -30px 0 0;
  
position: relative;
  
border-radius: 15px;
}
.services-3 strong {
    font-size: 22px;
    font-weight: 800;
    text-transform: capitalize;
    display: block;
    color: #b22121;
}
.services-3 p{
   font-size: 17px;
   font-weight: 500;
   line-height: 29px;
   color: #000000;
   padding: 5px 0 15px;
}
.services-3 a{
   color: #ffffff;
   padding: 5px 15px 6px;
   display: inline-block;
   font-size: 17px;
   margin: 0 auto;
   border-radius: 58px;
   background: #a70101;
   text-transform: capitalize;
   font-weight: 600;
}
/* services section end */



/* about us section start */
.about-us-section{
  
background: #ffd800;
}
.about-title{
    text-align: center;
}
.about-title span{
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    color: #b22121;
    padding: 6px 20px 6px;
    background: #fff;
    display: inline-block;
    margin: -15px 0 0;
    border-radius: 30px;
}
.about-title strong{
    text-transform: capitalize;
    font-size: 75px;
    color: #a70101;
    font-weight: 200;
    font-family: "Persian-BWw2G";
    display: block;
    position: relative;
}
.service-title strong{
    color: #ffd800;
}
.service-title span{
    color: #ffffff;
    background: #b22121;
    padding: 5px 20px 6px;
    font-weight: 600;
}

.service1-title span{
    color: #b22121;
    padding: 6px 20px 6px;
    font-weight: 700;
    background: #ffd800;
}
.about-us-content p{
    padding: 6px 0;
    text-align: justify;
    font-size: 17px;
    font-weight: 500;
    line-height: 34px;
    color: #000000;
}
.about-us-content p strong, .about-us-content p a{color: #b22121;font-weight: 600;}
.about-us-content ul{
  padding: 12px 0;
}
.about-us-content ul li{
    position: relative;
    padding: 9px 12px 9px 27px;
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    border-radius: 30px;
}
.about-us-content ul li b{
    font-weight: 700;
    color: #000000;
    display: block;
    padding: 0 0 5px;
    text-transform: capitalize;
    font-size: 18px;
}
.about-us-content ul li:before {
    font-size: 21px;
    display: inline-block;
    content: "\f762";
    font-family: "Font Awesome 6 Pro";
    color: #b22121;
    padding: 0 5px 0 0;
    position: absolute;
    left: 0;
    font-weight: 600;
}
/* about us section end */


/* add line section start */
.add-line{
 background: #a70101;
 padding: 12px 0;
}
.add-line1{
  
text-align: right;
}
.add-line1 p{
   
font-size: 22px;
   
font-weight: 600;
   
line-height: 31px;
   
color: #ffffff;
   
padding: 9px 0 10px;
   
text-transform: capitalize;
   
text-align: left;
}

.add-line1 a{
   
font-size: 19px;
   
font-weight: 700;
   
color: #ffffff;
   
padding: 6px 20px 8px;
   
background: #b22121;
   
border-radius: 50px;
   
text-transform: capitalize;
   
text-align: center;
   
display: inline-block;
}
/* hindi line section end */


/* award section start */
.awards-section{
  
background: #ffd800;
}
.award1{
  padding: 10px;
}
.award2 img{
    width: 100%;
}
/* award section end */




/* our services section start */
.services-design1{
   padding: 12px;
   text-align: center;
}
.services-design2{
  text-align: center;
  padding: 0 15px 20px;
  background: #a70101;
  border-radius: 20px;
}
.services-design3 img{border-radius: 40px 40px;border: 8px solid #ffd800;border-top: 0;}
.services-design2 strong{
   font-size: 22px;
   font-weight: 700;
   color: #ffd800;
   text-transform: capitalize;
   display: block;
   padding: 10px 0 5px;
   line-height: 30px;
}
.services-design2 p{
   font-size: 17px;
   font-weight: 400;
   line-height: 29px;
   color: #ffffff;
}

.services-design2 a{
  padding: 5px 16px 5px;
  display: inline-block;
  font-size: 18px;
  text-transform: capitalize;
  margin: 0 auto;
  border-radius: 0 0 15px 15px;
  color: #b22121;
  background: #ffffff;
  font-weight: 700;
}
/* our services section end  */



/* whatsapp testimonials section start */
.chat-img1{
  padding: 12px;
  text-align: center;
}
.chat-img2 img{
  width: 100%;
  border-radius: 30px;
}
/* whatsapp testimonials section end */

/* start top services section */

.topservices-1{
  padding: 12px 10px 35px;
}
.topservices-2{
  border-radius: 50% 50% 20px 20px;
  background: #ffd800;
  position: relative;
  z-index: 1;
  padding: 0 0 30px;
}
.topservices-2:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    right: 0px;
    bottom: 16px;
    left: 0px;
    margin: 0 auto;
    border-radius: 50%;
    background: #a70101;
    z-index: -1;
}
.topservices-2:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 15%;
    right: 0px;
    bottom: inherit;
    left: 0px;
    margin: 0 auto;
    background: #a70101;
    z-index: -1;
}
.topservices-2 img{
  border-radius: 50%;
  border: 10px solid #ffffff;
  width: 90%;
}
.topservices-2 strong{
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  display: block;
  color: #b22121;
  padding: 8px 12px 7px;
  line-height: 21px;
  background: #fff;
  margin: 12px 0 0px;
}
.topservices-2 a{
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  text-transform: capitalize;
  display: block;
  color: #000000;
  padding: 7px 10px 12px;
  line-height: 22px;
}
.topservices-2 a i{
  display: block;
  font-style: normal;
}
/* end top services section */



/* testimonials section start */
.testimonials{
  position:relative;
  z-index:9;
}
.testimonials1{
  padding: 12px;
  text-align: center;
}
.testimonials2{
  padding: 25px 15px 15px;
  border: 1px solid #a7010114;
  background: #a7010114;
  position: relative;
}

.testi-img{
  position: relative;
  z-index: 1;
}
.testi-img span i{
  border-radius: 50%;
  font-size: 100px;
  color: #a701010f;
  position: absolute;
  top: -90px;
  left: 0;
  margin: 0 auto;
  right: 0;
  z-index: -1;
}
.testimonials3 p{
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
  color: #434343;
  padding: 12px 0 25px;
}
.testimonials3 strong{
  font-size: 18px;
  display: inline-block;
  text-transform: capitalize;
  font-weight: 500;
  color: #ffffff;
  background: #a70101;
  padding: 3px 18px;
  border-radius: 30px;
}
.testimonials3 span{
  font-size: 15px;
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  color: #c10c19;
  letter-spacing: 1px;
}
/* testimonials section end */



/* footer section start */
.footer-section{
    padding: 0;
    background: #820707;
}
.footer-about{
    padding: 12px;
}
.footer-about1{
    padding: 0px;
}
.about-footer{
    padding: 10px 15px;
    background: #ffd800;
    text-align: center;
    border-radius: 25px;
}
.about-footer p{
        font-weight: 700;
        color: #000000;
        padding: 5px;
        font-size: 19px;
}
.about-footer p i{
  display: block;
  font-size: 19px;
  padding: 0 0 2px;
  color: #b22121;
  text-transform: capitalize;
  font-weight: 700;
}


.footer-serv1{
    padding: 12px;
}
.list p{
       color: #ffeb00;
       font-size: 25px;
       font-weight: 700;
       text-transform: capitalize;
       padding: 0 0 7px;
}

.list{
    padding: 5px;
}
.list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
 .list ul li{
        color: #fff;
        font-size: 16px;
        padding: 2px 0%;
        line-height: 31px;
        text-transform: capitalize;
}


.footer-serv3{
    padding: 12px;
}
.footer-serv4{
    padding: 0;
}
.footer-serv4 p{
        font-size: 16px;
        line-height: 27px;
        padding: 15px 0 0 0;
        color: #ffffff;
        font-weight: 400;
        text-align: justify;
}
.disclaimer p{
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    padding: 30px 0 15px;
    text-align: center;
    color: #ffffff;
    border-bottom: 1px solid #ffffff14;
    margin: 0 0 25px;
}
.copyryt1 a{
    font-size: 18px;
    font-weight: 700;
    color: #b22121;
    padding: 6px 20px 7px;
    display: inline-block;
    text-align: center;
    background: #ffd800;
    border-radius: 50px;
    text-transform: capitalize;
}
.copyryt1 p{
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #ffffff;
    padding: 5px 0;
    display: block;
    text-align: right;
}
/* footer section end */



#callbook {
  background: #ffffff;
  bottom: 0;
  height: 52px;
  left: 0;
  position: fixed;
  display: none;
  right: 0;
  z-index: 999999;
}
#callbook ul{padding: 0px;
}
#callbook ul li {
  background: red;
  position: relative;
  padding: 5px 6px 5px;
  width: 50%;
  float:left;
  text-align: center;
}
#callbook
  ul li:last-child{
  background: #00c915;
}
#callbook
  ul li a span {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  top: 0px;
  text-transform: capitalize;
}





@media (max-width: 767px){
.call-footer a {height: 80px;font-size: 35px;width: 80px; line-height: 82px;}
.add-line {padding: 5px 0 15px;}
.add-line1, .copyryt1, .copyryt1 p {text-align: center;}
.add-line1 p{text-align: center;}
.copyryt1 p{padding: 15px 0 12px;}
#callbook {display:block;}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
.head-logo1, .head-right1 {padding: 0 5px;}
.call-footer a {height: 80px;font-size: 35px;width: 80px; line-height: 82px;}
.add-line {padding: 5px 0 15px;}
.add-line1 {text-align: center;}
.add-line1 p{text-align: center;}

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {
.head-logo1, .head-right1 {padding: 0 15px;}
.head-right2 ul li span {font-size: 16px;padding: 8px 18px 10px;}
.head-right2 ul li a {font-size: 16px;padding: 8px 16px 8px;}
.top-col3 p {padding: 12px 0px 5px;}
.top-col2 p {padding: 0px 0 6px;text-align: center;}
.head-right1 p {font-size: 26px;padding: 0px 0 2px;}
.srv-title p {font-size: 22px;}
.why-title p {font-size: 32px;}
.why-heading strong {font-size: 29px;}
.otherservices2 ul li a {font-size: 14px;padding: 6px 12px 5px;}
.main-services1:nth-child(2) {padding: 0 12px 0 12px;}
.main-services1:nth-child(1) {padding: 0 12px 0 0px;}
.topservices-2 strong {font-size: 17px;}
.services-design2 strong {font-size: 21px;}
.services-3 strong {font-size: 21px;}
.add-line1 p {font-size: 19px;}
.add-line1 a {font-size: 17px;}
}




@media only screen and (min-width: 1201px) and (max-width: 1340px) {}


@media (max-width: 575px) and (min-width: 0px) {
.head-logo1, .head-right1 {padding: 0 12px;}
.top-line1 p{font-size: 16px;line-height: 24px;}
.top-mark2 p {font-size: 19px;}
.about-title strong{font-size: 60px;}
.about-title span{font-size: 16px;}
.add-line {padding: 5px 0 15px;}
.add-line1 p{font-size: 19px;line-height: 26px;}
.add-line1 a{font-size: 18px;}
}



@media (max-width: 420px) and (min-width: 0px) {
.top-mark2 {font-size: 16px;}
.top-mark2 p {font-size: 12px;}
.top-line1 p{font-size: 14px;line-height: 21px;}
.about-title strong{font-size: 46px;}
.about-title span{font-size: 15px;line-height: 20px;}
.add-line {padding: 5px 0 15px;}
.add-line1 p{font-size: 17px;line-height: 23px;}
.add-line1 a{font-size: 16px;}
.services-3 strong {font-size: 20px;}

}