@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');



body{
  margin:0;
  padding:0;
  color: #000000;
  font-family: "Outfit", sans-serif;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover{
  color:#000;
}
: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;
}
.main{
  margin: auto;
  padding: 0;
  width: 92%;
}
a{
  color: #000000;
  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;}

.bi {
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentcolor;
}
p{
  margin:0;
}
/*font-family: 'Milonga', serif;*/


/*linear-gradient(to left, #ed1432, #670d34)*/
/* linear-gradient(0deg, #fd8729 0%, #f9bd01 100%) (yellow)*/
/* #fe7c01 yellow */


/* START HEADER SECTION */

/* start top head section */

.tophead-section{
  background: #fcfd01;
  color: #fff;
  padding: 0;
}
.design-tophead{
  justify-content:center;
  align-items:center;
}
.top-call1 a i{
  font-size: 43px;
  display: inline-block;
  color: #013f1a;
  margin: 6px auto 0;
  line-height: 57px;
  padding: 0;
  animation: animate 0.8s linear infinite;
}
.top-call1{
  padding:0 20px;
}
.top-call1 a{
  padding: 0px 0 12px;
  background: #fff;
  text-align: center;
  display:block;
  border-radius: 0 0 90px 90px;
}
@keyframes animate
{
    0%, 25% {
        text-shadow:0 0 15px #013f1a; }
    25%, 50% {
        text-shadow: none;
    }
    50%, 75% {
      text-shadow:0 0 30px #013f1a;
            }
    75%, 100% {
        text-shadow:0 0 15px #013f1a;
    }
}
.tophead-center1 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  color: #ff0000;
}

/* end top head section*/

/* start head section */

.head-section{
  padding: 0px 0 0;
  background: #fcfd01;
}
.div-center{
  justify-content:center;
  align-items:center;
}
.head-logo1{
  width: 47%;
}
.head-right1{
  width: 53%;
}
.head-list2 p{
   font-size: 17px;
   line-height: 28px;
   text-align: center;
   font-weight: 600;
   padding: 0;
   color: #323232ee;
   text-transform: capitalize;
}
.head-list2 a{
  color: #000000;
  display:inline-block;
  font-weight: 600;
  font-size: 45px;
  border-radius: 40px;
}
/* end head section */

/* start head line section  */

.headline-section{
  padding: 0 0px;
  background: #fcfd01;
}
.headline-section1{
  padding: 10px 0 10px;
  background: #fcfd01;
  text-align:center;
  border-radius: 70px;
  z-index: 99;
  position: relative;
}
.headline-section1 p{
  color: #dc3301;
  font-size: 30px;
  margin:0;
  display: inline-block;
  font-weight: 700;
  text-transform: capitalize;
  padding: 0 20px;
  animation:blk 0.9s infinite ease-in;
}
@keyframes blk{
  0%{color:#fcfd01;}
  100%{color:#ff0000;}
}
/* end head line section  */

/* start header section */

.header-section img{
   width:100%;
   margin: -20px 0 0;
}


/* end header section */




/* start services section  */

.services-section{
  padding: 120px 0 30px;
  position:relative;
  z-index: 9;
}
.services-1{
  padding: 15px;
}
.services-2{
  background: #fff;
  padding: 0;
}

.services-3 img{width: 100%;border-radius: 30px;border: 4px solid #ff0000;}
.services-4 strong{
  font-weight: 700;
  text-transform: capitalize;
  font-size: 31px;
  padding: 10px 0 0;
  position: relative;
  color: #0d6730;
  transition: 0.3s ease-in;
  display: block;
}
.services-4{
  padding: 0 0px 10px 0px;
}
.services-4 p{
  font-size: 17px;
  color: #323232;
  font-weight: 400;
  line-height: 30px;
  padding: 0;
}
.services-5 a{
  background: #fff600;
  color: #000000;
  font-size: 20px;
  padding: 5px 26px 5px 26px;
  font-weight: 600;
  transition: 0.3s ease-in;
  display: block;
  border-radius: 90px;
  width: fit-content;
  text-transform: uppercase;
  margin: 0 auto 0;
}
.services-5 a i{
  color: #ff0000;
  padding: 0 0 0 8px;
  font-size: 20px;
}
.services-list ul{
  padding: 10px 20px;
  background: url(../images/bg-muslim.jpg) no-repeat;
  position:relative;
  z-index:9;
  background-size: cover;
  margin: 0;
}
.services-list ul:before{
  background: linear-gradient(45deg, #013f1bd9, #027633e0);
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  right:0;
  top:0;
  z-index:-9;
}
.services-list ul li{
   margin: 15px 0 0;
   font-weight: 500;
   font-size: 17px;
   color: #000000;
   text-transform: capitalize;
   position: relative;
   text-align: center;
   background: #fff600;
   display: block;
   padding: 14px 0px 10px 12px;
   border-radius: 58px;
}
.services-list ul li:before{
  height: 20px;
  width: 20px;
  background: #ff0000;
  border-radius:50%;
  content:"";
  position:absolute;
  top: 15px;
  right: 8px;
  transition:5s ease-in-out;
}
.services-list ul li:hover:before{
  right:auto;
  left:0;
  background: #0d6730;
  transition:1s ease-in-out;
}

.services-list strong{
  font-size: 30px;
  display: block;
  text-align: center;
  color: #ffffff;
  padding: 15px 0 0;
  text-transform: capitalize;
}
.awards-heading strong{
  font-size: 57px;
  display: block;
  font-weight: 500;
  padding: 0px 0 0 0px;
  margin: -24px 0 0 20px;
  color: #0d6730;
  text-transform: capitalize;
  font-family: "Berkshire Swash", serif;
}
.awards-heading p{
  color: #f00;
  font-size: 19px;
  padding: 8px 30px 8px;
  background: #fff600;
  text-transform: capitalize;
  font-weight: 600;
  width: fit-content;
  border-radius: 30px;
}
/* end services section  */


/* start about us section  */
.aboutu-us{
  padding: 60px 0 60px;
  position:relative;
}
.border-about{
  padding: 55px;
  background: radial-gradient(#fff60063, #bbffd770);
  /* box-shadow: 0 0 8px #c8c8c89e; */
}
.aboutus-heading strong{
  font-size: 57px;
  display: block;
  font-weight: 500;
  padding: 0px 0 0 0px;
  margin: -0px 0 -32px 0px;
  color: #053819;
  text-transform: capitalize;
  font-family: "Berkshire Swash", serif;
}
.aboutus-heading p{
      color: #f00;
      font-size: 19px;
      padding: 13px 40px 4px;
      background: #fff600;
      text-transform: capitalize;
      font-weight: 600;
      width: fit-content;
      border-radius: 40px;
      margin: 0 auto;
}
.content-design{
}
.content-design p{
  color: #444444;
  text-align: left;
  padding: 3px 0 10px;
  line-height: 30px;
  font-size: 16px;
}
.content-design p strong{
  color: #ff0000;
  font-weight: 600;
}
.content-design ul{
  padding: 16px 0px 16px 0px;
  margin: 0;
  list-style: none;
}
.content-design  ul li{
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
  border-radius: 40px;
  border: 1px solid #fff600;
  margin: 0 20px 15px 0px;
  display: inline-block;
  padding: 12px 20px 12px 59px;
  position: relative;
}
.content-design ul li:before{
  margin: 0 auto;
  position: absolute;
  left: 16px;
  font-size: 28px;
  color: #ff0000;
  font-weight: 600;
  top: 4px;
  content: "\f699";
  text-align: center;
  border-radius: 50%;
  transform: rotate(322deg);
  font-family: "Font Awesome 6 Pro";
}
/* end about us section  */


/* start our services section */

.our-services{
  margin: 10px 0 0;
}
.services-design1{
   padding: 35px 10px 36px 10px;
}
.services-design2{
   padding: 2px 10px 20px;
   border-radius: 190px 190px 0 0;
   text-align: center;
   background: #fff600;
}

.services-design3{
   padding: 0;
}
.services-design3 img{
   margin: 0;
   border-radius: 50%;
   border: 8px solid #fff;
}
.services-design4{
   padding: 20px 0 30px;
   background: #fffeea;
   position: relative;
   z-index: 9;
   overflow: hidden;
}
.services-design4 strong{
   font-size: 20px;
   font-weight: 700;
   color: #ff0000;
   padding: 0 10px;
   text-transform: capitalize;
   margin: 0;
   display: block;
}
.services-design4 p{
   color: #000;
   padding: 4px 10px 35px 10px;
   font-size: 15px;
   margin: 0;
   line-height: 28px;
}
.services-design4 a{
  color: #000000;
  padding: 7px 7px;
  display: inline-block;
  position: absolute;
  left: 0;
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
  z-index: -9;
  background: #fff600;
  margin: -19px auto  0;
  right: 0;
  height: 160px;
  width: 150px;
  border-radius: 50%;
}
.services-design4 a i{display:block;}
/* end our services section */

/* start why choose us section */

.whychoose-section{
  padding: 0;
}
.whychoose-section1{
  padding: 130px 0px 0px;
}

.whychoose-left1{
  padding: 0px 20px 0 0px;
}
.whychoose-left2{
  padding: 20px 20px 20px;
  background: #093c1d;
  border-radius: 30px;
}
.choose-head img{
  border-radius: 50%;
  height: 220px;
  border: 9px solid #fbfd0038;
  margin: 0 auto;
  display: block;
}
.choose-head strong{
  color: #ffffff;
  font-size: 17px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
}
.choose-head p{
  font-size: 33px;
  font-weight: 400;
  font-family: "Berkshire Swash", serif;
  text-transform: capitalize;
  display: block;
  margin: 10px 0 0;
  color: #fbfd00;
}
.design-line{

}
.design-line span{
  height: 2px;
  margin: 0px 41px 0 0px;
  width: 73px;
  background: #f7f900;
  display: inline-block;
  position: relative;
}
.design-line .design-1{
  margin: 0px 0px 0 30px;
}
.design-line .design-1:before{
  right: -18px;
  left: auto;
}
.design-line span:before {
  background: #036c33;
  border: 6px solid #f7f900;
  height: 20px;
  width: 20px;
  position: absolute;
  content: "";
  left: -18px;
  top: -8px;
  border-radius: 50%;
}
.whychoose{
  padding: 0px 0 00;
  text-align: center;
}
.whychoose p{
  color: #fff;
  margin: 0;
  font-size: 15px;
  line-height: 28px;
  padding: 0;
}
.whychoose span{
  font-size: 40px;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
  margin: 0px 0 0;
  color: #fbfd00;
}
.whychoose a{
  color: #fff;
  font-size: 36px;
  margin: 0;
  font-weight: 600;
  padding: 0px 0 0;
  display: block;
}


.whychoose-right1{
  padding: 0 0px;
}
.whychoose-right2{
  padding: 0px 0 0;
}

.pick-1{
  padding: 0 10px 20px;
}
.pick-2{
  padding: 20px 20px 30px;
  background: #fbfd00;
  text-align: center;
  border-radius: 20px;
}
.pick-2 strong{
  font-size: 29px;
  margin: 0px 0 10px;
  color: #ff0000;
  font-weight: 600;
  border-bottom: 2px solid #fd0106;
  text-transform: capitalize;
  display: block;
}
.pick-2 p{
  color: #000000;
  line-height: 30px;
  margin: 0;
  text-transform: capitalize;
  font-weight: 600;
  padding: 0px 0 19px 0;
  font-size: 27px;
}
.pick-2 span{
  display: block;
  background: #043518;
  height: 90px;
  width: 90px;
  line-height: 92px;
  font-size: 39px;
  text-align: center;
  color: #fbfd00;
  border-radius: 50%;
  margin: 0px auto;
  position: relative;
  z-index: 9;
}
.pick-11{
  margin: 0px 0 0;
  padding: 50px 10px 0;
}
.pick-11 .pick-2 span{margin-bottom: 20px;}
.pick-11 .pick-2{margin:-0px 0 0;padding: 40px 20px 20px;}
.pick-2 span:before{
  background: #05361824;
  height: 105px;
  width: 105px;
  position: absolute;
  content:"";
  left: -7px;
  top: -7px;
  margin: 0 auto;
  right: 0;
  border-radius: 50%;
  z-index: -9;
}

/* end why choose us section */










/* start testimonials section */

.testimonials{
  position:relative;
  z-index: 9;
  padding: 40px 0 50px;
  background: linear-gradient(2deg, #fff600, transparent);
}
.client {
  margin: 40px 0 0;
}
.testimonials1{
  padding: 30px;
}
.testimonials2{
  padding: 0px 0px 0px;
  position: relative;
  border-radius: 10px;
  border-bottom: 3px solid #ff0000;
}
.testimonials3{
}
.testimonials3 strong{
  background: #053819;
  padding: 0px 0 35px 0px;
  display: block;
  text-align: center;
}
.testimonials3 strong p{
  font-size: 20px;
  background: #fff600;
  text-transform: capitalize;
  color: #f00;
  font-weight: 500;
}
.testimonials3 strong i{
  color: #ff0;
  margin: 7px 0 0;
  font-style: normal;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
}
.testimonials3 span{
  padding: 0;
  display: block;
  margin: -28px 0 0;
}
.testimonials3 span img{
  border: 6px solid #fff600;
  border-radius: 50%;
}
.testimonials4 p{
  color: #000000;
  font-weight: 400;
  padding: 9px 0px 13px;
  line-height: 31px;
  font-size: 16px;
}
.testimonials4 {
  position: relative;
  padding-bottom: 12px;
  z-index: 9;
}
.testimonials4 span{
  display: block;
  padding: 0;
  color: #fff;
  position: absolute;
  opacity: 6%;
  text-align: center;
  bottom: 0;
  right: 0;
  z-index: -9;
}
.testimonials4 span i{
  font-size: 175px;
  color: #000000;
}
.testimonials4 i {
  color: #053819;
  padding: 6px 5px 6px 5px;
}
.testimonials4 i b{
  display:inline-block;
  padding: 1.2px;
}
.testimonials4 i b {
  height:1.2rem;
  width:1.2rem
}

/* end testimonials section */

/* start footer section  */

.call-footer{
   font-size: 59px;
   display: block;
   color: #053819;
   padding: 60px 0 0;
   font-weight: 700;
}
.call-footer strong{
   color: #f00;
   font-size: 75px;
   display: block;
   font-family: "Berkshire Swash", serif;
   font-weight: 500;
   text-transform: capitalize;
}
.footer{background: #053819;padding: 30px 0;}
.copy-right span{
  color: #ffffff;
  font-size: 15px;
  line-height: 25px;
  display: block;
  margin: 0;
  font-weight: 400;
}
.copy-right p{
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #fff714;
  padding: 7px 0 0 0;
}
.copy-right{
  border-top: 1p solid #ff88b0;
}
/* end footer section  */

#callbook {
  background:green;
  bottom: 0;
  height: 40px;
  left: 0;
  position: fixed;
  display: none;
  right: 0;
  z-index: 999999;
}
#callbook ul{
  padding: 0px;
}
#callbook ul li {
  background:red;
  position: relative;
  padding: 8px 0px;
  width:50%;
  list-style:none;
  float:left;
  text-align: center;
}
#callbook ul li:last-child{
  background: #038303;
}
#callbook ul li a span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  top: 0px;
}



.tophead-left2 {
    font-size: 62px;
    text-transform: capitalize;
    color: #ff0000;
    padding: 0;
    font-weight: 600;
    line-height: normal;
    margin: 31px 0 0px 0;
}


@media (max-width: 767px){
  body{text-align: center;}
  .whatsapp-chat{display: none;}
  .head-logo1{width:100%;}
  .head-right1{width:100%;}
  .top-call1{padding:0;}
  .head-list2 p{display:none;}
  .headline-section1{padding:0;}
  .headline-section1 p{font-size: 25px;padding: 0 10px;}
  .header-section img{margin:0;}
  .aboutu-us:before{width:100%;}
  .services-list strong{font-size:25px;}
  .services-list{padding:30px 0 0;}
  .aboutu-us {padding: 20px 0 0px;}
  .aboutus-heading p{font-size: 14px;border-radius: 0;padding: 13px 12px 4px;}
  .services-design4 a{width:90%;}
  .testimonials1 {padding: 10px;}
  .our-services {margin: 50px 0 0;}
  .footer{padding:30px 0 60px;}
  .call-footer strong{font-size: 35px;}
  .testimonials1:last-child{width:100%;}
  .pick-2 strong{font-size: 21px;}
  .whychoose-right2{padding:30px 0 0;}
  .border-about {padding: 15px;}
  .aboutus-heading strong {font-size: 50px;}
   .top-call1 a i{font-size: 35px;line-height: 27px;}
  .top-call1 a{border-radius: 0 0 190px 190px;}
  .services-section {padding: 60px 0 30px;}
  .testimonials {padding: 20px 0 50px;}

  #callbook {display:block;}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .whatsapp-chat{display: none;}
  .head-logo1{width:100%;}
  .head-right1{width:100%;}
  .top-call1{padding:0;}
  .aboutu-us:before{width:90%;}
  .services-4 strong{font-size: 24px;}
  .services-list{padding:30px 0 0;}
  .top-call1 a i{font-size: 35px;line-height: 27px;}
  .top-call1 a{border-radius: 0 0 190px 190px;}
  .tophead-center1{font-size: 20px;}
  .head-list2 p{font-size: 15px;}
  .headline-section1 p{font-size: 24px;}
  .testimonials1:last-child{width:100%;}
  

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .services-list strong{font-size:25px;}
  .services-4 strong{font-size: 22px;}
  .aboutu-us:before{width:70%;}
  .services-design4 a{width:90%;}
  .our-services {margin: 0px 0 0;}
  .whychoose a{font-size: 28px;}
  .pick-2 strong{font-size: 23px;}
  .choose-head p{font-size: 25px;}
  .whychoose-left2 {padding: 20px 14px 20px;}

  
}
@media only screen and (min-width: 1201px) and (max-width: 1340px) {
  .aboutu-us:before{width:70%;}
  

}

@media (max-width: 575px) and (min-width: 0px) {
  .headline-section1 p{padding: 0 5px 0 0;font-size: 22px;}
  .head-list2 a{display:block;font-size: 35px;border-radius:0;padding: 0 10px;}
  .head-list2 p{font-size: 14px;line-height: 25px;}
  .top-call{display:none;}
  .awards-heading strong{margin: -24px 0 0 0px;font-size: 42px;}
  .awards-heading p{border-radius:0;font-size: 15px;padding: 6px 14px 8px;}
  .services-1 {padding: 20px 0px;}
  .services-list{padding: 30px 0px 0;}
  .call-footer{font-size: 33px;}
  .call-footer strong{font-size: 25px;font-family: revert;font-weight: 800;}
  .copy-right p{font-size: 14px;}
  .whychoose a{font-size: 29px;}
  .services-list ul li:before{height: 13px;width: 13px;top: 16px;}
  .services-list ul li{padding: 10px 0px 8px 12px;}
  .services-4 strong{font-size: 25px;}
  .content-design ul{padding:0;}
  .tophead-left2{font-size: 33px;margin: 21px 0 0px 0;}

  
}
@media (max-width: 420px) and (min-width: 0px) {
  .top-call{display:none;}
  .head-list2 a{display:block;font-size: 29px;border-radius:0;padding: 0 10px;}
  .head-list2 p{font-size: 14px;line-height: 25px;}
  .headline-section1 p{font-size: 17px;padding: 0 2px 0 0;}
  .content-design ul li{font-size: 14px;display: block;padding: 12px 0px 12px 35px;margin: 0 0px 15px 0px;}
  .content-design ul li:before{font-size: 19px;transform: rotate(355deg);left: 10px;top: 10px;}
  .aboutus-heading strong{font-size: 41px;}

}