@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');
body{
  margin:0;
  padding:0;
  font-family: "Fredoka", sans-serif;
}
a{
  text-decoration: none;
}
a:focus, a:hover {
    text-decoration: none;
}
img{
  max-width: 100%;
}

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

.bi {
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentcolor;
}

/* top header section start */
.top-sec{
    padding: 0 12px;
    background: linear-gradient(338deg, #9a0303, #460000, #9a0303);
    background-size: 200% 200%;
    animation: gradientMove 2s ease infinite;
}
.top-sec-2{
    padding: 0;
    text-align: center;
}
.top-line1{
    padding: 0;
    text-align: center;
}
.top-line2 span{
    color: #000000;
    font-size: 31px;
    font-weight: 500;
    padding: 3px 15px 6px;
    text-transform: capitalize;
    display: block;
    background: #ffff00;
    border-radius: 0 0 16px 0;
}
.top-mark{
  padding:0;
}
.top-mark1 p {
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ffffff;
    padding: 9px 5px 8px;
    text-align: center;
}
.top-icon{
    padding: 0;
    text-align: center;
}
.head-fee-result{
  padding: 0;
  text-align: center;
}
.head-fee-result span {
    font-size: 33px;
    width: 33%;
    display: inline-block;
    animation: blkk 0.8s infinite;
    text-transform: capitalize;
    font-weight: 800;
    font-family: "Archivo Narrow", sans-serif;
    padding: 2px 10px 3px;
}
 @keyframes blkk{
  0%{color: #fff;}
  50%{color: #ffff00;}
  100%{color: #fff;}
} 

.head-fee-result1{
  padding: 0;
  text-align: center;
  animation: blkk1 1s infinite;
  display: none;
}
.head-fee-result1 span {
    font-size: 33px;
    width: 50%;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 800;
    font-family: "Archivo Narrow", sans-serif;
    padding: 2px 10px 3px;
}
 @keyframes blkk1{
  0%{background: #e10303; color:#ffffff;}
  50%{background: yellow;color:#000000;}
  100%{background: #e10303;color:#ffffff;}
} 

/* top header section end*/



/* head section start */
.head-section1{
  padding: 0 12px;
}
.head-align{
  align-items: center;
}
.head-logo1{
  padding: 0 0 0 115px;
  text-align: center;
}
.head-logo2 img{
  padding: 0;
  width: 610px;
}
.head-right{
  padding: 5px 0 15px 15px;
  text-align: center;
}
.head-line{
  display: flex;
  background: #ffff00;
}
.head-line a{
  color: #000000;
  padding: 3px 15px 0;
  text-transform: capitalize;
  font-size: 30px;
  display: inline-block;
  font-family: "Archivo Narrow", sans-serif;
  font-weight: 700;
  width: 40%;
}
.head-line a i{
  color: #ef9f4c;
  padding: 0 1px 0 0;
  font-size: 28px;
}
.head-line span{
  background: #9a0303;
  color: #ffffff;
  font-weight: 600;
  display: block;
  padding: 13px 15px 10px;
  font-size: 19px;
  width: 60%;
}
.head-right1 ul {
    align-items: center;
    justify-content: space-evenly;
    padding: 0;
    display: none;
}

.head-right1 ul li {
  color: #FFF;
  padding: 0 0 5px;
}

.head-right1 ul li i {
  color: #430fa5;
  font-size: 19px;
}

.head-right1 ul li span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding: 0;
  text-align: center;
  text-transform: capitalize;
  color: #080808;
}
/* head section end */



/* head lines section start */
.head-line-1{
  background: #9a0303;
}
.head-line-2 {
    padding: 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9999;
}
.head-line-2 p{
    font-weight: 500;
    font-size: 24px;
    padding: 22px 15px 22px;
    color: #000;
    text-transform: capitalize;
    text-align: center;
    width: 100%;
}
.head-line-2 span{
    font-size: 24px;
    border: 5px solid #ffff00;
    border-radius: 50%;
    background-color: #9a0303;
    position: relative;
    width: 64px;
    height: 60px;
    line-height: 47px;
    font-weight: 600;
    text-align: center;
}
.head-line-2 span i{
    font-size: 19px;
    background-color: #ffff00;
    position: relative;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-weight: 600;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    padding: 0;
    animation: texclrr .6s infinite;
}
.head-line-2:after {
    content: "";
    position: absolute;
    /* left: -45px; */
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 35px);
    margin: auto;
    background-color: #ffffff;
    z-index: -1;
    border-radius: 50px;
}
@keyframes texclrr{
    0%{color: #000000;}
    50%{color: #000000;}
    100%{color:#e10303;}
}
/* head lines section end */


/* header image section start */
.header-img img{
  width: 100%;
}
/* header image section end */


/* about us section start */
.about-heading{
  text-align: center;
}
.about-heading strong{
  font-weight: 800;
  color: #9a0303;
  font-size: 65px;
  text-transform: capitalize;
  display: block;
  font-family: "Archivo Narrow", sans-serif;
  margin: -14px 0 0;
}
.about-heading p{
  font-weight: 500;
  padding: 6px 12px 7px;
  color: #000000;
  font-size: 32px;
  text-transform: capitalize;
  border-radius: 50px;
  margin: -20px 0 0;
  position: relative;
  background: #ffff00;
  nfinite;
}
.aboutus-section1{
  padding: 0px 45px 50px;
  background: #ffffff;
  position: relative;
  z-index: 9;
}
.about-us-content{
}
.about-us-content p{
    font-size: 17px;
    font-weight: 400;
    line-height: 34px;
    color: #2f2f2f;
    padding: 9px 0;
    text-align: justify;
}
.about-us-content p strong{
    color: #000000;
    font-weight: 500;
}
.about-us-content ul{
  padding: 7px 0 8px;
}
.about-us-content ul li{
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: 400;
    line-height: 34px;
    color: #2f2f2f;
    padding: 2px 0;
}
.about-us-content ul li:before {
    color: #9a0303;
    text-align: center;
    font-size: 19px;
    padding: 0px 10px 0 0px;
    content: "\e139";
    display: inline-block;
    font-family: "Font Awesome 7 Free";
    font-weight: 600;
}
/* about us section end */


/* other services section start */
.srv-heading{
  text-align: center;
}
.srv-heading strong{
  font-weight: 800;
  color: #9a0303;
  font-size: 65px;
  text-transform: capitalize;
  display: block;
  font-family: "Archivo Narrow", sans-serif;
  margin: -14px 0 0;
}
.srv-heading p{
  font-weight: 500;
  padding: 6px 12px 7px;
  color: #161616;
  font-size: 27px;
  text-transform: capitalize;
}
.other_srv{
  padding: 90px 0 0 0;
}
.other_srv1{
  padding: 50px 12px 0;
}
.other_srv2{
  padding: 0 0 31px;
  border-radius: 46px;
  background: linear-gradient(338deg, #9a0303, #460000, #9a0303);
  background-size: 200% 200%;
  animation: gradientMove 2s ease infinite;
}
.other_srv3{
    padding: 0;
}
.other-service-img{
    background: #fff;
    background-size: 200% 200%;
    animation: gradientMove 2s ease infinite;
    font-size: 35px;
    font-weight: 700;
    line-height: 204px;
    width: 220px;
    height: auto;
    margin: 0 auto 10px;
    border-radius: 30px 30px 200px 200px;
    position: relative;
    padding: 31px 15px 14px;
    transform: translateY(-18px);
}
.other-service-img img{
   border-radius: 50%;
}
.other-service-img:after {
    background: #3c114d;
    border-radius: 50px 0 0 0;
    left: 173px;
}
.other-srv-text{
  padding: 0;
  text-align: center;
}
.other-srv-text span{
  font-weight: 500;
  display: block;
  text-transform: capitalize;
  font-size: 30px;
  color: #ffff00;
  line-height: 28px;
  padding: 10px 5px 12px;
  background: linear-gradient(338deg, #9a0303, #460000, #9a0303);
  background-size: 200% 200%;
  animation: gradientMove 2s ease infinite;
  font-family: "Archivo Narrow", sans-serif;
}
.other-srv-text p{
  padding: 10px 22px 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
  color: #ffffff;
}
/* other services section end */


/* add section start */
.tagline-sec {
  
  -
  index: 1;
  padding: 20px 0px;
  background: linear-gradient(338deg, #9a0303, #460000, #9a0303);
  background-size: 200% 200%;
  animation: gradientMove 2s ease infinite;
}

.tagline-sec .tag-col .tag-p1 {
    font-size: 28px;
    padding: 20px 20px 20px;
    border: 1px dashed #ffff00;
    animation: blink 0.5s alternate infinite;
    line-height: 37px;
    text-align: center;
}
@keyframes blink {
  0% {
    color: #fff;
  }
  50% {
    color: #ffff00;
  }
  100% {
    color: #5b0101;
  }
}
.srv-call {
    padding: 20px 0px;
    display: block;
    text-align: center;
}
.srv-call a {
  position: relative;
  transition: 0.4s ease-in-out;
  color: #000000;
  padding: 5px 25px;
  border-radius: 90px;
  font-weight: 700;
  font-size: 34px;
  z-index: 1;
  font-family: "Archivo Narrow", sans-serif;
  display: inline-block;
}

.srv-call a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 0 auto;
  -webkit-transform: scale(1);
  transform: scale(1);
  background: #ffff00;
  border-radius: inherit;
  z-index: -1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.srv-call a:hover {
  background: #ffff00;
  /* box-shadow: 0px 0px 6px #ffffff5c; */
}

.srv-call a:hover::before {
  -webkit-transform: scale(0);
          transform: scale(0);
}
/* add section end */

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




/* why us section start */
.why-us-left{
  padding: 12px;
}
.why-us-left1{
  padding: 0;
}
.bottom-list{
  background: #590101;
}
.srv-list-1 ul li{
   color: #ffffff;
   font-size: 21px;
   font-weight: 400;
   text-transform: capitalize;
   margin: 0 0 18px;
   padding: 12px 0 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   border-radius: 50px;
   background: linear-gradient(338deg, #9a0303, #460000, #9a0303);
   background-size: 200% 200%;
   animation: gradientMove 2s ease infinite;
}
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.srv-list-1 ul li:before{
    color: #ffff00;
    font-size: 24px;
    font-weight: 600;
    content: "\e139";
    font-family: "Font Awesome 7 Free";
    display: inline-block;
    padding: 2px 0px 0 20px;
    position: absolute;
    left: 0;
}
.srv-list-1 ul li:after{
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 0;
    padding: 2px 20px 0 0px;
    color: #ffff00;
    font-size: 24px;
    font-weight: 600;
    content: "\e139";
    font-family: "Font Awesome 7 Free";
}
.why-us-right{
  padding: 12px;
  text-align: center;
}
.why-text{
  padding: 0 0 18px;
  font-size: 17px;
  font-weight: 400;
  line-height: 34px;
  color: #2f2f2f;
}
.why-chat{
  background: #119502;
  padding: 20px 15px;
}
.why-chat a{
  font-size: 28px;
  font-weight: 600;
  background: #ffffff;
  text-transform: uppercase;
  border=r: 4;
  display: inline-block;
  border-radius: 50px;
  color: #000;
  padding: 12px 27px;
}
/* why us section end */

/* testimonial section start */
.testi-1{
  padding: 12px;
  text-align: center;
}
.testi-2{
  padding: 15px;
  border-radius: 15px;
  background: linear-gradient(338deg, #9a0303, #460000, #9a0303);
  background-size: 200% 200%;
  animation: gradientMove 2s ease infinite;
}
.testi-3 {
    padding: 11px;
    position: relative;
}
.testi-box {
    border-radius: 15px;
    background: yellow;
}
.testi-box p {
    font-size: 17px;
    font-weight: 400;
    line-height: 31px;
    color: #1a1a1a;
    padding: 15px;
}
.testi-info strong {
    color: #ffffff;
    font-size: 25px;
    font-weight: 100;
    text-transform: capitalize;
    display: block;
    padding: 12px 0 4px;
    text-align: left;
    font-family: "Archivo Narrow", sans-serif;
}
.testi-info ul {
    display: flex;
    justify-content: space-between;
}
/* testimonial section end */


/* top services section start */
.topservices1{
  text-align: center;
  padding: 12px;
  position: relative;
}
.srv-img {
    border-radius: 20px;
    margin: 0 auto;
}
.topservices2 img{
    border-radius: inherit;
}
.service-name {
    position: absolute;
    padding: 5px 20px 6px;
    width: 78%;
    top: 37%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(315%);
    color: #ee0218;
    background: #ffff00;
    border-radius: 50px;
    font-weight: 500;
    font-size: 20px;
    transition: 0.8s linear;
    text-transform: capitalize;
}
.topservices2 a {
   position: absolute;
   padding: 5px 20px 6px;
   width: 78%;
   top: 37%;
   left: 0;
   right: 0;
   margin: 0 auto;
   transform: translateY(315%);
   color: #e10303;
   background: #ffff00;
   border-radius: 50px;
   font-weight: 500;
   font-size: 20px;
   transition: 0.8s linear;
   text-transform: capitalize;
}
.topservices2:hover .service-name {
    transform: translateY(-40%);
    background: linear-gradient(338deg, #9a0303, #460000, #9a0303);
    color: #fff;
}
/* top services section end*/


/* counter section start */
.counter-section{
  background: linear-gradient(338deg, #9a0303, #460000, #9a0303);
  background-size: 200% 200%;
  animation: gradientMove 2s ease infinite;
}
.counter-section1{
   padding: 50px 8px;
}
.counter-1{
  padding: 0 12px 12px;
}
.counter-2{
  padding: 12px;
  box-shadow: 0 0 10px #410101;
  border-radius: 0 0 500px 50px;
  background: #410101;
}
.counter-2 .love_count {
  font-size: 45px;
  font-weight: 500;
  color: #fff;
}
.counter-2 p{
  color: #ffff00;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
}
.why-line span{
  color: #ffffff;
  font-size: 22px;
  line-height: 28px;
  display:block;
  font-weight: 500;
  padding: 22px 0 0;
}
/* counter section end */


/* copyright section start */
.contact-section{
    padding: 0 0 20px;
}
.contact-section-1{
}
.footer-flex{
  align-items: center;
}
.contact-1{
    padding: 12px;
    text-align: center;
}
.contact-2{
}
.contact-3{
    padding: 20px 0;
    background: url(../images/ws-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #fff;
}
.book-img{
  position: relative;
}
.book-img img{
  position: relative;
  z-index: 0;
}

.book-text p{
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  text-transform: capitalize;
  padding: 10px 0 0;
}
.contact-icon{
    width: 125px;
    height: 125px;
    line-height: 125px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto 10px;
    position: relative;
    z-index: 8;
    border: 11px solid #ffff00;
    color: #e10303;
}
.contact-icon i{
    font-size: 44px;
    font-weight: 600;
    color: #e10303;
}
.contact-2  a{
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color: #ffffff;
    display: block;
}
.contact-2 span {
    padding: 12px 0 0;
    font-size: 21px;
    font-weight: 500;
    line-height: 32px;
    color: #ffffff;
    display: block;
}
.copyryt{
   text-align: center;
   background: linear-gradient(338deg, #9a0303, #460000, #9a0303);
   background-size: 200% 200%;
   animation: gradientMove 2s ease infinite;
}
.disclaimer{
    font-size: 13px;
    font-weight: 200;
    line-height: 23px;
    padding: 15px 0 0;
    color: #ffffff;
}
.copyryt1{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #ffff00;
    text-align: center;
    padding: 8px 0 15px;
    display: block;
}
/* copyright section end */


#callbook {
  bottom: 10px;
  height: 45px;
  left: 0;
  position: fixed;
  display: none;
  right: 0;
  z-index: 999999;
  margin: 0 auto;
  width: 95%;
}
#callbook
  ul{padding: 0px;
}
#callbook
  ul li {
  background: red;
  position: relative;
  padding: 7px 6px 7px;
  width:50%;
  border-radius: 50px;
  float:left;
  text-align: center;
}
#callbook
  ul li:last-child{
  background: #02af02;
}
#callbook
  ul li a span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  top: 0px;
  text-transform: uppercase;
}






@media (max-width: 767px){
.top-line2 span {border-radius: 0;}
.head-fee-result{display: none;}
.head-fee-result1{display: block;}
.top-mark1 p {padding: 6px 0 9px;}
.head-logo1 {padding: 0 15px 0;}
.head-fee-result span:nth-child(1){display: none;}
.head-fee-result span{width: 50%;font-size: 34px;}
.head-line a {font-size: 25px;padding: 5px 15px 0;} 
.head-line span {font-size: 16px;}
.head-line a i {font-size: 23px;}
.head-line-2 p {font-size: 17px;}
.why-us-right {padding: 0 15px 12px;}
.why-chat a { font-size: 25px;}
.srv-heading strong, .about-heading strong {font-size: 57px;}
.srv-heading p {font-size: 25px;}
.tagline-sec .tag-col .tag-p1 {font-size: 25px;}
.about-heading p {font-size: 19px;}
.service-name, .topservices2 a {font-size: 20px;width: 90%;}
.copyryt1 {padding: 8px 0 62px;}
.head-right1 ul{display:flex;}
.award1:nth-child(3){order: 1;}
.about-us-content p{text-align: left;}
#callbook {display:block;}


}


@media only screen and (min-width: 768px) and (max-width: 991px) {
.head-logo1 {padding: 0 15px 0;}
.head-fee-result span:nth-child(1){display: none;}
.head-fee-result span{width: 50%;font-size: 27px;}
.top-line2 span {font-size: 24px;}
.head-line-2 p {font-size: 17px;}
.why-us-right {padding: 0 15px 12px;}
.about-heading p {padding: 5px 12px 7px;font-size: 25px;}
.award1:nth-child(3){order: 1;}

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.top-line2 span {font-size: 24px;}
.head-fee-result span {font-size: 26px;}
.head-logo1 {padding: 0 0 0 15px;}
.head-line a {font-size: 25px;padding: 5px 15px 0;} 
.head-line span {font-size: 16px;}
.head-line a i {font-size: 23px;}
.other_srv1 {padding: 80px 10px 0;}
.other-srv-text span {font-size: 29px;}
.srv-call a {padding: 10px 20px;font-size: 30px;}

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

@media (max-width: 575px) and (min-width: 0px) {
.head-fee-result1 span:nth-child(2){display: none;}
.head-line{display: block;}
.head-fee-result1 span{width: 100%;padding: 2px 10px 3px;}
.top-line2 span {font-size: 26px;}
.head-line a {font-size: 30px;width: 100%;padding: 2px 15px 2px;}
.head-line span {font-size: 20px;width: 100%;padding: 11px 15px 10px;}
.head-line a i {font-size: 28px;}
.head-line-2 p {font-size: 15px;}
.srv-heading strong, .about-heading strong {font-size: 45px;}
.srv-heading p {font-size: 21px;}
.tagline-sec .tag-col .tag-p1 {font-size: 20px;padding: 6px;}
.about-heading p {font-size: 16px;margin: 0;}
.srv-call a {padding: 3px 25px;font-size: 26px;}
.tagline-sec {padding: 5px 0px 20px}
.why-chat a {font-size: 19px;}
.top-mark1 p { font-size: 16px;}
}



@media (max-width: 420px) and (min-width: 0px) {
.top-mark1 p {font-size: 14px;}
.top-line2 span {font-size: 22px;}
.head-line span {font-size: 15px;padding: 10px 8px 7px;}
.head-line-2 p {font-size: 11px;}
.head-line a {font-size: 27px;}
.head-line a i {font-size: 25px;}
.srv-heading strong{font-size: 34px;}
.about-heading strong {font-size: 45px;}
.srv-heading p {font-size: 18px;}
.tagline-sec .tag-col .tag-p1 {line-height: 24px;}
.about-heading p {font-size: 14px;margin: 0;}
.why-chat {padding: 15px 15px;}
.why-chat a {font-size: 14px;padding: 11px 15px;}
.srv-list-1 ul li {font-size: 17px;margin: 0 0 15px;}
.srv-list-1 ul li:before {padding: 2px 0px 0 12px;font-size: 20px;}
.srv-list-1 ul li:after {padding: 2px 12px 0 0px;font-size: 20px;}
.other-srv-text span {font-size: 26px;padding: 7px 5px 8px;}
.head-line-2 span {width: 54px;height: 53px;line-height: 35px;}
}