@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    color: #ff2121;
}

.main {
    width: 90%;
    padding: 0;
    margin: 0 auto;
    border: 0px solid;
}

a {
    color: #000;
    text-decoration: none;
}

a:focus, a:hover {
    color: #000;
    text-decoration: none;
}

img {
    max-width: 100%;
}


ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

p {
    margin: 0;
}

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

/* header section start */
.header-logo {
    padding: 0;
}
.header-logo-1 {
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.head-line{
    padding:0;
}
.head-line p{
    background: #840c0c;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
    text-align: center;
    font-size: 23px;
    font-weight: 500;
    color: #ffff00;
    padding: 9px 10px 10px;
    text-transform: capitalize;
}
.header-logo-left {
    padding: 0 15px;
}
.header-logo-left-1 {
    padding: 0;
    text-align: center;
}
.header-logo-left-1 p{
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 8px;
    text-transform: capitalize;
}
.header-logo-left-1 span{
    background: #840c0c;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    padding: 9px 15px 9px;
    display: block;
    text-transform: capitalize;
}
.header-logo-center {
    padding: 0;
}
.header-logo-center-1 {
    padding: 0px 0;
    text-align: center;
}
.header-logo-center-1 img {
    
}
.header-logo-right {
    padding: 0 15px;
}
.header-logo-right-1 {
    padding: 0;
    text-align: center;
}
.header-logo-right-1 p{
        font-size: 18px;
        font-weight: 600;
        color: #ff2121;
        padding: 0 0 8px;
        text-transform: capitalize;
}
.header-logo-right-1 span{
    background: #840c0c;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    padding: 9px 15px 9px;
    display: block;
    text-transform: capitalize;
}
/* header section end */




/* top section start */
.tophead-section{
  padding:0;
  background: #eeff19;
}
.tophead-section:after{
  content:"";
  position:absolute;
  bottom:-50px;
  left:0;
  right:0px;
  margin:0 auto;
  width:100px;
  /* border-top: 50px solid #ff4f03; */
  border-left:50px solid transparent;
  border-right:50px solid transparent;
  border-bottom:0px solid transparent;
  z-index:9;
}
.tophead-section1{
  padding: 0;
}
.tophead-1{
  padding: 0px;
  text-align: center;
}
.tophead-1 .top-line{
  padding: 0;
}
.tophead-1 .top-line p{
  color: #840c0c;
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  padding: 12px 0;
}
.tophead-2{
  padding: 10px;
}
.tophead-2{
  padding: 0;
  text-align: center;
}
.top-left{
  width: 50%;
  background: #840c0c;
  padding: 10px;
  margin: 0 auto;
}
.top-left p{
  font-size: 21px;
  font-weight: 500;
  color: #ffffff;
  text-transform: capitalize;
  animation:texxclr 4s infinite;
}

@keyframes texxclr{
  0%{transform:translateX(20px);}
  50%{transform:translateX(-20px);}
  100%{ transform:translateX(20px);}
}

/* top section end */




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



/* main services section start */
.main-srv-sec-1 {
    padding: 0;
}

.main-srv-sec-2 {
    padding: 60px 0;
}

.main-srv-sec-content {
    padding: 0 0 25px;
}
.main-srv-mn {
    padding: 15px;
}

.main-srv-inr {
    padding: 0;
}

.main-serv-bx {
    text-align: center;
}
.ser-txt {
    background: #fff;
    margin: 0 15px 30px;
    padding: 22px 15px 15px;
    border-radius: 10px;
    border: 1px solid #840c0c1c;
    position:relative;
    animation: float 3s ease-in-out infinite;
}
.ser-txt span {
    font-weight: 600;
    background: #840c0c;
    color: #eeff19;
    border-radius: 30px;
    padding: 8px 20px;
    font-size: 18px;
    display: inline-block;
}

.ser-txt p {
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    padding: 12px 0 0;
    color: #272727;
}


.serv-img img{
    border-radius: 50%;
    background: #eeff19;
    padding: 22px;
}

/* main services section end */



/* about us section start */
.about-us-sec{
  padding:0 0 0;
}
.about-us-sec-1{
  padding: 0;
}
.about-us-title{
  padding: 0 0 5px;
  text-align: center;
}
.about-us-title p{
    font-size: 70px;
    color: #840c0c;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Poppins";
}
.about-us-title strong:before {
    position: absolute;
    content: url(../images/star-line.png);
    top: 2px;
    left: -65px;
    content: "";
}
.about-us-title strong{
  font-size: 18px;
  font-weight: 600;
  padding: 6px 15px 5px;
  display:inline-block;
  text-transform: capitalize;
  background: #eeff19;
}
.about-us-content{
  padding: 0;
}
.about-us-content p{
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
    padding: 9px 0;
    color: #272727;
    text-align: justify;
}
.about-us-content p strong{
  color: #ff2121;
  font-weight: 500;
}
.about-us-content span{
  font-weight: 600;
  font-size: 20px;
  color: #840c0c;
  padding: 9px 0 0;
  display: block;
}
.about-us-content ul{
  padding: 8px 0;
}

.about-us-content ul li{
    line-height: 27px;
    padding: 0px 0 9px;
    display: flex;
    align-items: self-start;
    font-size: 15px;
    font-weight: 500;
    color: #272727;
}
.about-us-content ul li:before{
  content: "\f33c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  font-size: 19px;
  color: #ff2121;
  padding: 0;
  display: inline-block;
  margin: 0 8px 0 0;
}
/* about us section end */



/* why us section start */
.why-sec{
    padding: 60px 0;
}
.why-sec-1{
    padding: 0;
}
.why-list{
    padding: 0 0 15px;
    text-align: right;
}
.why-list ul {
   display: inline-block;
   position: relative;
}
.why-list ul li{
    width: 46%;
    margin-bottom: 5px;
    margin-right: 12px;
    margin-top: 8px;
    background: #eeff19;
    clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
    color: #840c0c;
    padding: 10px 0;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 700;
}
.why-list ul li:nth-child(2), .why-list ul li:nth-child(3){
  background: #840c0c;
  color: #ffffff;
  font-weight: 500;
}
.why-0{
    padding: 0;
}
.why-1{
    padding: 0;
}
.why-2{
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}
.why-2 span{
   font-size: 28px;
   font-weight: 700;
   line-height: 35px;
   text-transform: uppercase;
   display: block;
}
.why-2 p{
   font-size: 15px;
   font-weight: 500;
   line-height: 29px;
   padding: 6px 0 0;
   color: #272727;
   text-align: justify;
}
.why-bg-img {
    position: absolute;
    top: 0px;
    z-index: -1;
    left: 0;
}
.why-bg-img img{
    
width: 100%;
}
/* why us section end */



/* service section start */
.srv-sec-1{
    padding: 0 0 60px;
}
.srv-sec-2{
    padding: 0;
}
.srv-sec-3{
    padding: 11px 0 0;
}
.srv-left{
    padding: 0;
}
.srv-left-1{
    padding: 0;
}
.srv-right{
    padding: 0;
}
.srv-right-1{
    padding: 0;
}
.srv-1{
    padding: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.srv-1 li:nth-child(1){
   width: 70%;
   padding: 0 0 0 0;
}
.srv-1 li span{
    font-size: 20px;
    font-weight: 600;
    display: block;
}
.srv-1 li p{
    text-align: justify;
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
    padding: 4px 0 0;
    color: #272727;
}
.srv-1 li img{
   border-radius: 50%;
}
/* service section end */


/* service list section start */
.ser-list{
    padding:0;
    background: #eeff19;
}
.ser-list-left{
    padding:0;
}
.ser-list-left-1{
    padding:0;
}
.ser-list-right{
    padding: 0 99px 0 18px;
}
.ser-list-right-1{
    padding:0;
}
.srv-list-1{
  padding: 15px;
}

.srv-list-1 ul li {
    position: relative;
    background-color: #ffffff;
    margin: 12px 0;
    padding: 15px 40px 13px 15px;
    border-radius: 50px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    border-right: 0px;
    display: flex;
    align-items: center;
    color: #000;
}
.srv-list-1 ul li:after {
    position: absolute;
    right: 0;
    width: 45px;
    background: #ff2121;
    height: 45px;
    line-height: 45px;
    content: "\f34c";
    font-family: "Font Awesome 6 Pro";
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 21px;
    border-radius: 50px;
}
.other-srv{
    padding:0;
}
.other-srv-1{
    padding:0;
}
.other-srv-2 {
    background: #eeff19;
    padding: 15px;
    margin: -200px 0 0;
    border-radius: 20px;
    text-align: center;
}
.other-srv-img img{
    border-radius: 10px;
    width: 100%;
}
.other-srv-call a i{
    position: relative;
    top: -36px;
    width: 80px;
    height: 80px;
    line-height: 82px;
    display: inline-block;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-size: 37px;
    color: #ff2121;
    font-weight: 600;
    box-shadow: 0 0 0px 11px #840c0c;
    margin: -7px auto;
}
.other-srv-call span{
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    background: #ff0000;
    display: inline-block;
    padding: 8px 22px 8px;
    font-weight: 600;
    border-radius: 50px;
}

.other-srv-call p{
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    padding: 12px 0 0;
    color: #000000;
}
/* service list section end */



/* testimonial section start */
.testimonials {
    padding: 0;
}
.testimonials1 {
    padding: 60px 0;
}
.testi {
    padding: 0;
}
.testi-1 {
    padding: 15px;
}
.testi-2 {
    padding: 0;
    text-align: center;
}
.testi-outer{
        width: 100%;
        background: linear-gradient(360deg, #840c0c 66%, #ffffff 50%);
        padding: 0 0 48px 45px;
}
.inr-box{
    background: #ffff;
    margin: 0 auto;
    top: 8%;
    position: relative;
    padding: 0 0 45px 20px;
    box-shadow: 0 0 10px #ffffff61;
}
.inr-box span{
    color: #ff2121;
    font-weight: 600;
    font-size: 18px;
    display: block;
    text-align: left;
    text-transform: capitalize;
}
.inr-box p{
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
    padding: 5px 0 15px;
    color: #272727;
    text-align: justify;
}

.star{
    padding: 0;
    position: absolute;
    left: 14px;
    color: #eeff19;
    z-index: 999;
    bottom: 16%;
    font-size: 15px;
}

.testi-outer img{
    position: absolute;
    bottom: 0px;
    right: 20px;
    border-radius: 50%;
    border: 3px solid #eeff19;
    padding: 6px;
}
ul.star li {margin: -9px 0px;padding: 5px 0;}

/* testimonial section end */


/* award section start */
.awards-section{
  padding: 0 0 60px;
}
.awards-right-1{
    padding: 0;
}
.awards-1 {
  padding: 10px;
}
.awards-2 {
  padding: 0px;
}
.awards-2 img{
  width: 100%;
}
/* award section end */

/* contact section start */
.contact-section{
    padding: 22px 0;
    background: #840c0c;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.contact-section:before {
    content: "CONTACT INFO";
    position: absolute;
    opacity: 0.039;
    font-size: 152px;
    line-height: 152px;
    text-transform: uppercase;
    color: #eeff19;
    font-weight: 600;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    bottom: -19px;
    z-index: -1;
}
.contact-section-1{
    padding: 0;
    z-index: 1;
}
.contact-section-2{
    padding: 0;
    display: flex;
    align-items: center;
}
.contact-1{
    padding: 15px 0;
}
.contact-2{
    padding: 0;
    text-align: center;
}
.cta-box {
    background: #eeff19;
    border-radius: 0 30px 30px 0;
}
.cta-box.right{
    border-radius: 30px 0 0 30px;
}
.cta-box-1{
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0 -80px 0 0;
    padding: 0 0 0 15px;
}
.cta-box.right .cta-box-1{
    justify-content: center;
}
.cta-detail a {
    color: #000000;
    font-weight: bold;
    font-size: 29px;
    display: block;
    padding: 4px 10px 1px;
}
.cta-icon{
    width: 100px;
    height: 100px;
    line-height: 89px;
    background: #eeff19;
    border-radius: 50%;
    position: absolute;
    margin: 0 auto;
    border: 8px solid #ffffff;
    font-size: 41px;
    right: 0;
}
.cta-box.right .cta-icon{
    right: inherit;
    left: 0;
}
.about-txt{
    padding: 15px 20px;
}
.about-txt-1{
    padding: 0;
}
.about-txt-1 p{
    padding: 12px 0 0;
    line-height: 25px;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: #fff;
}
/* contact section end */




/* copyright section start */
.copy-right{
    padding:0;
}
.disclimer{
    padding: 20px 15px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    color: #282828;
    background: #eeff19;
}
.copyryt{
  padding:0;
}
.copyryt span{
    font-size: 14px;
    font-weight: 600;
    color: #ff2121;
    text-align: center;
    padding: 8px 0 0;
    display: inline-block;
}
/* copyright section end */


#callbook {
    background: green;
    bottom: 0;
    height: 45px;
    left: 0;
    position: fixed;
    display: none;
    right: 0;
    z-index: 9999;
}
#callbook ul {
    padding: 0px;
}
#callbook ul li {
    border-bottom: 1px solid #fff;
    background: red;
    position: relative;
    padding: 11px 0;
    width: 50%;
    float: left;
    text-align: center;
}
#callbook ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
}
#callbook ul li a span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
#callbook ul li a i {
    color: #fff;
    padding: 0 5px 0 0;
    font-size: 16px;
}
#callbook ul li a i {
    animation: pulsate 0.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 0.5s ease-out;
    -webkit-animation-iteration-count: infinite;
}
@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){
.head-line p {font-size: 16px;line-height: 24px;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);padding: 9px 12px 10px;}
.header-logo-1{display: block;}
.header-logo-left-1 p, .header-logo-right-1 p {padding: 0 0 2px;}
.header-logo-center-1 {padding: 5px 22px;}
.tophead-1 .top-line p{font-size: 16px;line-height: 21px;padding: 10px 0 9px;}
.top-left {width: 100%;}
.top-left p {font-size: 20px;}
.about-us-title p {font-size: 55px;}
.about-us-title strong {font-size: 16px;}
.about-heading{padding: 1px 25px 0;}
.main-srv-mn {padding: 25px 0 10px;}
.srv-1 {padding: 0;}
.other-srv-2 {position: relative;margin: -50px 0 0;}
.ser-list-right {padding: 0 25px 0;}
.why-bg-img {position: relative;display: inline-block;padding: 25px 0 0;}
.contact-section-2{display: block;}
.contact-section:before {font-size: 75px;bottom: -39px;}
.cta-box-1, .cta-box.right .cta-box-1{margin: 0;padding: 15px 0 5px;display: block;}
.cta-box, .cta-box.right {border-radius: 28px;}
.cta-box-1{margin: 0;padding: 5px 0 15px;display: block;}
.cta-detail a {padding: 2px 0;font-size: 45px;}
.cta-icon{position: relative;}
.contact-1 {padding: 5px 15px;}
.copyryt span {padding: 8px 0 45px;}
.awards-1:nth-child(4){display: none;}
.awards-1 {width: 100%;padding: 10px 0;}
.why-bg-img{opacity: 1;position: relative;padding: 0;}
.why-2 {border-radius: 0;padding:  0;}
.why-list {text-align: left;padding: 15px 0;}
.why-sec-1 {display: flex;flex-direction: column-reverse;}
.ser-list{display: flex;flex-direction: column-reverse;}
.srv-sec-1 {padding: 0 0 90px;}
#callbook {display: block;}


}

@media only screen and (min-width: 767px) and (max-width:991px){
.head-line p {font-size: 16px;line-height: 23px;}
.header-logo-center {padding: 10px 5px;}
.header-logo-1{flex-direction:row-reverse;}
.header-logo-right{display: none;}
.tophead-1 .top-line p{font-size: 17px;line-height: 25px;padding: 12px 0 10px;}
.top-left {width: 80%;}
.header-logo-left-1 span {font-size: 15px;}
.header-logo-left-1 p {font-size: 17px;padding: 0 0 6px;}
.about-heading{padding:1px 35px 0;}
.ser-txt span {font-size: 16px;}
.ser-list-right {padding: 0 30px 0 18px;}
.other-srv-2 { margin: -29px 0 0;}
.other-srv-call span {font-size: 18px;}
.srv-1 {padding: 0;}
.srv-list-1 ul li:after {height: 46px;line-height: 44px;font-size: 26px;}
.contact-1:nth-child(3){display: none;}
.contact-section:before {font-size: 79px;}
.contact-section:before {font-size: 95px;bottom: -30px;}
.why-bg-img{opacity: 1;position: relative;}
.why-2 {border-radius: 0;padding:  0;}
.why-list {text-align: left;padding: 15px 0;}
.why-sec-1 {display: flex;flex-direction: column-reverse;}
.ser-list{display: flex;flex-direction: column-reverse;}
.srv-sec-1 { padding: 0 0 60px;}


}

@media only screen and (min-width: 991px) and (max-width:1200px){
.head-line p {font-size: 19px;}
.tophead-1 .top-line p {font-size: 17px;padding: 10px 0 8px;}
.header-logo-left-1 span, .header-logo-right-1 span {font-size: 13px;padding: 7px 10px 6px;}
.header-logo-left-1 p {font-size: 14px;padding: 0 0 5px;}
.header-logo-right-1 p{font-size: 13px;padding: 0 0 5px;}
.top-left p {font-size: 16px;}
.main-srv-mn {padding: 15px 0;}
.ser-txt span {font-size: 15px;}
.ser-list-right {padding: 0 60px 0 18px;}
.about-txt {padding: 0 20px;}
.cta-icon {width: 90px;height: 90px;line-height: 79px;border: 8px solid #ffffff;font-size: 36px;}
.contact-section:before {font-size: 126px;}
.prov-cal-div p {font-size: 16px;}
.prov-cal-div a {font-size: 45px;}
.other-srv-call span {font-size: 18px;line-height: 23px;}
.cta-detail a {font-size: 25px;}
.about-txt {padding: 0 20px;}
.cta-icon {width: 90px;height: 90px;line-height: 79px;border: 8px solid #ffffff;font-size: 36px;}
.contact-section:before {font-size: 126px;}
.serv-img img { width: 280px;}
}




@media only screen and (min-width:1200px) and  (max-width:1330px){
.header-logo-left-1 span, .header-logo-right-1 span {font-size: 16px;}
.header-logo-left-1 p , .header-logo-right-1 p{font-size: 16px;padding: 0 0 5px;}
.ser-txt span {font-size: 17px;}
.cta-detail a { font-size: 30px;}
.other-srv-call span {font-size: 17px;}
}



@media (min-width:0) and (max-width:600px){
.tophead-2 {padding: 0;}
.top-left p {font-size: 15px;}
.about-us-title p {font-size: 49px;}
.testi-1 {padding: 10px 0 20px;}
.contact-section:before {font-size: 60px;bottom: -49px;}
.about-txt {padding: 0;}
.srv-1{display: block;text-align: center;}
.srv-1 li:nth-child(1) {width: 100%;text-align: center;}
.srv-list-1 {padding: 22px 15px 15px;}
.ser-list-right {padding: 0 15px 0;}
.srv-left-1, .srv-1 li p {text-align: center;}
.cta-detail a {padding: 2px 0;font-size: 42px;}
.why-2 span {font-size: 27px;}
.other-srv-call span {font-size: 18px;line-height: 24px;}
}


@media (min-width: 290px) and (max-width:490px){
.tophead-1 .top-line p {font-size: 14px;line-height: 20px;}
.header-logo-left, .header-logo-right{padding: 0;}
.header-logo-left-1 span, .header-logo-right-1 span {font-size: 15px;padding: 6px 10px 6px;}
.header-logo-left-1 p, .header-logo-right-1 p{font-size: 15px;padding: 0 0 6px;line-height: 19px;}
.header-logo-center-1 { padding: 5px 0;}
.head-line p {font-size: 13px;padding: 8px 12px 8px;line-height: 19px;}
.tophead-2 {padding: 0;}
.top-left p {font-size: 15px;}
.about-us-title p {font-size: 32px;}
.contact-section:before {font-size: 40px;bottom: -49px;}
.srv-list-1 {padding: 22px 15px 15px;}
.ser-list-right {padding: 0 15px 0;}
.srv-left-1, .srv-1 li p {text-align: center;}
.cta-detail a {padding: 10px 0 0;font-size: 20px;}
.other-srv-call span {font-size: 16px;line-height: 23px;}
.about-us-title strong {font-size: 14px;line-height: 18px;}
.ser-txt {margin: 0 0px 30px;}
.ser-txt span { font-size: 16px;}
.why-list ul li { width: 100%;margin-top: 4px;padding: 9px 0;}
}


/* Costom css slider */


.slider {
    width: 100%;
   
    margin: auto;
    overflow: hidden;
}

.slides {
    display: flex;
    transition: transform 0.5s ease;
}

.slide {
    min-width: 100%;
    box-sizing: border-box;
}

.slide img {
    width: 100%;
    height: auto;
}

/* Optional: Add dots or arrows for navigation */
.dots {
    text-align: center;
    position: relative;
    bottom: 20px;
}

.dot {
    display: inline-block;
    margin: 0 5px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #bbb;
    cursor: pointer;
}

.dot.active {
    background-color: #717171;
}