@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');
body{
    padding: 0;
    margin: 0;
    font-family: 'Heebo', sans-serif;
    color: #fe1800;
}
.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;
}



/* top head section start */
.top-head{
    padding:0;
    background: #feec05;
}
.top-head-1{
    padding:0;
}
.bg-r {
    width: 100%;
    background: #f9150e;
    position: relative;
    clip-path: polygon(4% 0%, 96% 0%, 100% 100%, 0% 100%);
    color:#ffffff;
    font-size: 23px;
    padding: 12px 40px 10px;
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
    animation: texcc .9s linear infinite;
}
@keyframes  texcc
{
    0%{color:#fff;}
    50%{color: #ffffff;}
    100%{color: #f9150e;}
}
/* top head section end */


/* header section start */
.header-logo{
    padding: 0;
}
.header-logo-1{
  padding:0;
  display: flex;
  align-items: center;
}
.header-logo-left{
  padding:0;
}
.header-logo-left-1{
  padding: 10px;
  text-align: center;
}
.header-logo-right{
  padding:0;
}
.header-logo-right-1{
  padding: 0px 12px;
  text-align:center;
}
.head-right2{
    padding:0;
}
.head-list{
  padding: 0;
}
.head-list ul{
  padding: 0;
}
.head-list ul li{
  padding: 0 5px;
  color: #000000;
  font-size: 25px;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-block;
}

.head-list ul li i{
  padding: 0 8px 0 0;
  color: #f9150e;
}

.head-list ul li a{
  color: #000000;
  font-size: 30px;
  display: inline-block;
  font-weight: 800;
  padding: 0px 8px;
  text-transform: capitalize;
  text-align: center;
}
.head-bottom{
    padding:0;
    display: flex;
    align-items: center;
}
.head-left{
    padding:0;
}
.head-left-1{
    padding:0;
    position: relative;
}
.head-left-1 p i{
    color: #0a780e;
    font-size: 53px;
    font-weight: 600;
}
.head-left-1 p{
    display: inline-block;
}
.head-left-1 ul{
    display: inline-block;
}
.head-left-1 ul li{
  padding: 0 5px 2px;
  color: #313131;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  display:block;
}
.head-left-1 ul li:nth-child(2){
  padding: 7px 12px 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  background: #fe1800;
  border-radius: 30px;
}
.head-right{
    padding:0;
}
.head-right-1{
    color: #000000;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 700;
    padding: 10px 12px 8px;
    background: #feec06;
    border-radius: 50px;
}
/* header section end */

/* mark-section start*/
.mark-section1{
    padding: 0;
    background: #fe1800;
    color: #fff;
}
.mark-section2{
    color: #ffffff;
    font-size: 25px;
    text-transform: capitalize;
    padding: 12px 0 0;
    font-weight: 600;
}
.mark-section1:before {
    content: "";
    position: absolute;
    top: -34px;
    left: 0px;
    border-top: 17px solid transparent;
    border-right: 17px solid #fe1800;
    border-bottom: 17px solid#fe1800;
    border-left: 17px solid transparent;
}
.mark-section1:after {
    content: "";
    position: absolute;
    top: -34px;
    right: 0px;
    border-top: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #fe1800;
    border-left: 17px solid #fe1800;
}
/* mark-section end */



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



/* about us section start */
.aboutus-section{
  padding: 0;
}
.aboutus-section1{
  padding: 50px 0;
}
.aboutus-heading{
  padding: 0 0 35px;
  text-align: center;
}
.aboutus-heading strong{
  font-size: 55px;
  position: relative;
  display: inline-block;
  font-weight: 900;
  text-transform: capitalize;
  padding: 0 0px;
}
.aboutus-heading p{
  display: block;
  font-size: 17px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  background: #feec06;
  width: fit-content;
  margin: 0 auto;
  border-radius: 50px;
  padding: 5px 15px 2px;
}
.aboutus-heading strong:before{
  height: 1px;
  width: 100%;
  margin: -5px auto 0;
  background: #7e7e7e;
  display: inline-block;
  position: absolute;
  content:"";
  bottom: 0;
  left: 0;
}
.aboutus-heading strong:after{
  height: 8px;
  width: 90px;
  position: absolute;
  content:"";
  bottom: -3px;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: #feec06;
  display: inline-block;
  border-radius: 50px;
}
.about-design{
  padding: 0;
}
.about-design p{
  color: #2f2f2f;
  font-size: 16px;
  line-height: 31px;
  padding: 7px 0;
  font-weight: 400;
  text-align: justify;
}
.about-design p strong{
  color: #fe1800;
  text-transform: capitalize;
  font-weight: 500;
}
.about-design ul{
  padding: 8px 0;
}
.about-design ul li{
  padding: 3px 0;
  font-size: 16px;
  line-height: 23px;
  text-transform: capitalize;
  font-weight: 400;
  color: #2f2f2f;
  display: flex;
  align-items: center;
}

.about-design ul li:before{
  content: "\f801";
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  background-image: linear-gradient(#feec06, #ffffff);
  height: 32px;
  width: 32px;
  color: #fe1800;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  border-radius: 50%;
  line-height: 31px;
  margin: 0px 8px 0 0;
}
/* about us section end */




/* main services section start */
.mainsrv-sec{
    padding:0;
}
.mainsrv-sec-1{
    padding:0;
}
.mainsrv-contant{
    padding: 0;
}
.services1{
  padding: 12px;
}
.services2{
  padding: 0 0 18px;
  text-align: center;
  border: 1px solid #feec06;
  border-radius: 0 35px 0 35px;
  border-top: 0;
}
.services3{
    padding: 0 15px;
    text-align: center;
    background: #feec06;
    border-radius: 0 35px 0 35px;
}
.services3 img{
    border-radius: 0 35px 0 35px;
    width: 100%;
}
.service4{
  padding: 16px 0 0;
  text-align: center;
}
.service4 strong{
  font-size: 20px;
  font-weight: 600;
  background: #fe1800;
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  padding: 5px 5px 1px;
}
.service4 p{
  color: #2f2f2f;
  font-size: 16px;
  line-height: 28px;
  padding: 8px 15px 10px;
  font-weight: 400;
}
.service4 a{
  display: inline-block;
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  padding: 5px 15px 3px;
  background: #000;
  border-radius: 50px;
}
/* main services section end */


/* srv list section start */
.srvlist-sec{
  padding: 50px 0;
}
.srvlist-sec-1{
  padding: 0px 0 15px;
}
.srvlist-sec-2{
  padding:30px 0 0;
}
.srvlist-left{
  padding:0 0 15px;
}
.srvlist-left-1{
  padding: 0;
}
.srv-list{
  padding: 10px;
}
.srv-list-1{
  padding: 0px 12px 12px;
  position: relative;
  z-index: 1;
  border-radius: 0;
  background: #feec0638;
  text-align: center;
}

.srv-list-1 p{
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    padding: 6px 12px 3px;
    text-align: center;
    background: #fe1800;
    display: inline-block;
}
.srv-list-1 ul {
  padding: 23px 0 0;
}
.srv-list-1 ul li {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 15px;
    text-transform: capitalize;
    text-align: left;
    padding: 6px 0;
}
.srv-list-1 ul li:before {
    content: "\f12";
    font-family: "Font Awesome 7 Free";
    font-weight: 600;
    height: 30px;
    width: 30px;
    color: #fe1800;
    display: inline-block;
    font-size: 17px;
    text-align: center;
    border-radius: 50%;
    line-height: 31px;
    margin: 0px 8px 0 0;
    background: #feec06;
}
.srvlist-right{
  padding:0;
}
.srvlist-right-1{
  padding: 0;
}
.awards-1{
    padding: 12px;
}
.awards-2{
  padding:0;
}
.awards-2 img{
  width:100%;
}
.contact-number{
  padding: 12px 12px 0;
}
.contact-number a{
  color: #ffffff;
  display: flex;
  font-size: 38px;
  font-weight: 800;
  align-items: center;
  justify-content: space-evenly;
  gap: 10px;
  text-transform: uppercase;
  background: #0a780e;
}
.contact-number span{
  color: #0a780e;
  width: 80px;
  height: 80px;
  line-height: 77px;
  background: #ffff;
  border-radius: 50%;
  font-size: 42px;
  font-weight: 400;
  =: 0 0 0px 15px #ffffff42;
  border: 4px solid #ffffff;
}
/* srv list section end */


/* why choose section start */
.choose-sec-1{
    padding: 0 0 50px;
}

.choose-left{
    padding:0;
}
.choose-left-1{
    padding:0;
}
.choose-contant{
    padding: 15px 0 0;
}
.choose-1{
    padding: 20px 10px;
}
.choose-2{
    padding: 0;
    text-align: center;
}
.choose-icon {
    display: inline-block;
    background: transparent;
}
.choose-icon:before{
    content: '';
    width: 92%;
    background: #fe1800;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 12px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.choose-icon:after{
    content: '';
    width: 73%;
    background: #ffffff;
    height: 71%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    margin: 0 auto;
    transition: 0.5s;
    right: 0;
    border-radius: 122px 122px 0 0;
}
.choose-icon i{
    font-size: 48px;
    color: #000000;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #feec06;
    border-radius: 50% 50% 0 0;
    margin: -27px 0 0;
}
.choose-text{
    padding: 25px 0 0;
}
.choose-text p{
   color: #ffffff;
   font-size: 20px;
   font-weight: 600;
   text-transform: capitalize;
   padding: 3px 0 3px;
}
.choose-right{
    padding:0;
}
.choose-right-1{
    padding: 0;
}

.services-1{
  padding: 0 15px 20px;
}
.services-2{
  padding: 0 0 21px;
  text-align: center;
  background: #feec06;
  border-radius: 0 0 146px 146px;
  border-top: 0;
}
.services-3{
    padding: 12px 12px 12px;
    text-align: center;
    background: #ffffff;
    border-radius: 0 0 146px 146px;
}
.services-3 img{
    border-radius: 0 0 146px 146px;
    width: 100%;
}
.service-4{
  padding: 16px 0 0;
  text-align: center;
}
.service-4 strong{
  font-size: 22px;
  font-weight: 700;
  display: block;
  text-transform: capitalize;
}
.service-4 p{
  color: #000;
  font-size: 16px;
  line-height: 28px;
  padding: 2px 15px 10px;
  font-weight: 400;
}
.service-4 a{
  display: inline-block;
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  padding: 5px 15px 3px;
  background: #000000;
  border-radius: 50px;
}
/* why choose section end */





/* best services section start */

.best-service-sec{
  padding:0;
}
.best-service-sec-1{
  padding: 50px 0;
}
.best-service-content{
  padding: 0;
}
.best-srv-1{
  padding: 12px;
}
.best-srv-2{
  padding: 0;
  text-align:center;
}
.best-srv-img:after {
  content: "";
  border-top: 43px solid #feec06;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  position: absolute;
  bottom: 42px;
  left: 50%;
  transition: all 0.3s linear 0s;
  transform: translate(-50%, 2%);
}
.best-srv-img-1{
  max-width: 215px;
  max-height: 215px;
  margin: 0 auto 40px;
  padding:10px;
  position: relative;
  transition:.4s all ease-in-out;
  background: #feec06;
  overflow:hidden;
  border-radius: 25px;
}

.best-srv-img-1 img {
  width: 100%;
  object-fit: cover;
  border: 8px solid #ffffff;
  border-radius: 50%;
}
.box-inner-hover{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.2s ease 0s;
}

.best-srv-text{
  padding: 0;
}
.best-srv-text p{
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  padding: 7px 20px 3px;
  background: #fe1800;
  display: inline-block;
  border-radius: 50px;
}
/* best services section end */



/* testimonial section start */
.testi-sec{
    padding: 50px 0;
    background: #feec0626;
}
.testi-sec-1{
    padding: 0;
}
.testi-content{
  padding: 0;
}
.testi-1{
  padding: 12px 12px;
}
.testi-2{
  padding:0;
  text-align:center;
 }
.testi-3{
  padding: 0;
}
.testimonial {
    padding:0;
    text-align: center;
    position: relative;
    transition: all 0.7s ease 0s;
}

.pic{
    padding: 0;
    width: 130px;
    height: 130px;
    margin: 0px auto 2px;
    left: 0;
    right: 0;
    position: relative;
    z-index: 1;
}

.pic img {
    display: block;
    width: 100%;
    border: 5px solid #fe1800;
    padding: 5px;
    border-radius: 50%;
}
.testi-text{
    
padding: 0;
}
.testi-name{
    padding: 0 0 0;
    transform: translateY(14px);
}

.testi-name p{
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ffffff;
    padding: 5px 15px 3px;
    display: inline-block;
    background: #000000;
}
.description{
    color: #000;
    background: #fe1800;
    border-radius: 0px;
    padding: 25px 10px 3px;
}
.description span{
   font-size: 16px;
   font-weight: 600;
   color: #feec06;
   text-transform: uppercase;
   padding: 2px 0 4px;
   display: block;
   letter-spacing: 4px;
}
.description p{
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}
.description .line{
    width: 163px;
    height: 5px;
    background: #000000;
    margin: 0 auto;
    transform: translateY(8px);
}
/* testimonial section end */


/* copyright section start */

.copyright-section {
  padding: 0;
  background: #fe1800;
}
.copyright-section1 {
  padding:0;
}
.dis-1 {
  padding:0;
  text-align: center
}
.dis-1 p {
  font-size: 13px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 200;
  padding: 14px 0 0;
}
.copy-1 {
  padding: 0;
  text-align: center;
}
.copy-1 p{
  padding: 5px 0 11px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
  background: #fe1800;
}
/* copyright section end */


#callbook {
    background: #00000087;
    bottom: 0;
    height: 46px;
    left: 0;
    position: fixed;
    display: none;
    right: 0;
    z-index: 100;
    padding: 0 5px;
}

#callbook ul {
    padding: 0;
    display: flex;
}

#callbook ul li {
    background: #ff0000;
    position: relative;
    padding: 6px 10px 4px;
    width: 50%;
    float: left;
    text-align: center;
    display: inline-block;
    margin: 5px 2px;
}

#callbook ul li a{
    animation: wiggle .3s infinite alternate;
    display: inline-block;
}
@keyframes wiggle {
  
  0% { transform: rotate(-2deg); }
   25% { transform: rotate(-1deg); }
   50% { transform: rotate(0deg); }
   75% { transform: rotate(1deg); }
   100% { transform: rotate(2deg); }
     
}
#callbook ul li a span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
}

#callbook ul li a i {
    color: #fff;
    position: relative;
    top: 0;
    padding: 0 5px 0 0;
    font-size: 17px
}

#callbook ul li a i {
    animation: pulsate .5s ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulsate {
    0% {
        transform: scale(.9, .9);
        opacity: 1
    }
    50% {
        transform: scale(1.2, 1.2);
        opacity: 1
    }
    100% {
        transform: scale(.9, .9);
        opacity: 1
    }
}






@media (max-width: 767px){
.bg-r {font-size: 18px;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);line-height: 30px;padding: 8px 10px 5px;}
.header-logo-1{display:block;z-index: 30;background: #fff;}
.head-list {padding: 0;}
.head-list ul li {font-size: 20px;}
.head-list ul li a {font-size: 24px;}
.aboutus-heading strong {font-size: 48px;}
.head-right-1 {border-radius: 0;margin: 5px 0 0;}
.head-left-1 ul li:nth-child(2) {}
.header-logo-left-1 {padding: 8px 0px 0;}
.header-logo-right-1 {padding: 0px 0px 0;}
.mark-section2 {font-size: 20px;}
.contact-number a {font-size: 35px;}
.head-bottom{display: block;}
.copy-1 p {padding: 12px 0 50px;}
.service4 strong {font-size: 18px;}
.about-design p{text-align: left;}
.contact-number{padding: 12px 0 0;}
#callbook {display: block;}
}

@media only screen and (min-width: 767px) and (max-width:991px){
.bg-r {font-size: 20px;padding: 10px 25px 5px;line-height: 32px;}
.header-logo-1{display:block;}
.head-list {padding: 0;}
.header-logo-left-1 {padding: 10px 10px 2px;}
.header-logo-right-1 {padding: 0px 12px 12px;}
.head-list ul li a {font-size: 29px;}
.head-right-1 {font-size: 17px;padding: 10px 8px 8px;}
.choose-1 {padding: 37px 0px 26px;}
.choose-text p {font-size: 20px;}
}

@media only screen and (min-width: 991px) and (max-width:1200px){
.bg-r {font-size: 17px;}
.mark-section2 {font-size: 21px;}
.head-list ul li {font-size: 18px;}
.head-list ul li a {font-size: 22px;}
.head-left-1 ul li {font-size: 11px;padding: 0 5px 4px;}
.head-right-1 {font-size: 13px;padding: 10px 8px 8px;}
.head-left-1 ul li:nth-child(2) {font-size: 15px;}
.head-left-1 p i {font-size: 40px;}
.services1 {padding: 12px 8px;}
.service4 strong {font-size: 15px;}
.service-4 strong {font-size: 20px;}
.services-1 {padding: 0 6px 20px;}
.srv-list {padding: 15px 7px;}
.srv-list-1 p {font-size: 16px;}
.srv-list-1 ul li {font-size: 15px;}
.best-srv-text p {font-size: 15px;padding: 7px 15px 4px;}
}




@media only screen and (min-width:1200px) and  (max-width:1340px){
.head-list ul li {font-size: 24px;padding: 0;}
.head-list ul li a {font-size: 28px;}
.head-left-1 ul li {font-size: 13px;}
.head-right-1 {font-size: 15px;}
.service4 strong {font-size: 19px;}
.bg-r {font-size: 20px;padding: 12px 40px 8px;}
.head-left-1 p i {font-size: 45px;}
.head-left-1 ul li:nth-child(2) {font-size: 14px;}

}



@media (min-width:0) and (max-width:600px){

.head-list ul li {font-size: 17px;padding: 0;}
.head-list ul li a {font-size: 19px;}
.services1 {padding: 12px 8px;}
.service4 strong {font-size: 15px;}
.srv-list {width: 100%;padding: 10px 0;}
.srv-list-1 p {font-size: 19px;}
.srv-list-1 ul li {}
.awards-1 {padding: 12px 6px;}
.choose-right-1 {padding: 0;}
.best-srv-text p {font-size: 15px;padding: 7px 15px 4px;}
.services-1 {padding: 0 0 20px;width: 100%;}
.testi-1 {width: 100%;padding: 12px 0;}
.contact-number a {font-size: 26px;}
.aboutus-heading strong {font-size: 40px;}
.testi-sec {padding: 15px 0;}
.best-service-sec-1 {padding: 30px 0 15px;}
.srvlist-sec {padding: 22px 0 12px;}
.choose-sec-1 {padding: 0 0 15px;}
}


@media (min-width: 290px) and (max-width:490px){
.mark-section2 {font-size: 18px;padding: 7px 0 0;}
.bg-r {font-size: 15px;line-height: 25px;}
.head-bottom{display:block;}
.head-list ul li {display: block;font-size: 20px;}
.head-list ul li a {font-size: 28px;padding: 0;}
.head-left-1 ul li {padding: 0;}
.head-left-1 p i {font-size: 42px;position: absolute;top: 22px;}
.head-list ul {padding: 0;}
.head-right-1 {font-size: 15px;padding: 8px 10px 5px;}
.head-right {padding: 7px 0 0;}
.aboutus-section1 {padding: 20px 0 30px;}
.about-design {padding: 0;}
.aboutus-heading strong {font-size: 28px;padding: 2px 0 2px;}
.aboutus-heading p {font-size: 12px;}
.aboutus-heading span:before {width: 36px;}
.aboutus-heading span {width: 39%;}
.mainsrv-contant {padding: 15px 0 0}
.services1{width:100%;padding: 10px 0;}
.service4 strong {font-size: 20px;}
.srv-list{width:100%;}
.awards-1{width:100%;padding: 12px 0;}
.srv-list-1 p {font-size: 18px;}
.srvlist-sec-2 {padding: 0 0 0;}
.choose-sec-2 {padding: 12px 0 8px;}
.choose-icon i {font-size: 42px;width: 92px;height: 92px;line-height: 92px;}
.choose-right{width:100%;}
.best-service-content {padding: 0px 0 0;}
.best-srv-1{width:100%;padding: 10px 0;}
.choose-1{width: 100%;padding: 20px 0;}
.testi-content {padding: 20px 0 0;}
.testi-sec-1 {padding: 37px 0 10px;}
.dis-1 p {font-size: 13px;}
.contact-number a {font-size: 20px;}
.contact-number span {width: 44px;height: 44px;line-height: 42px;font-size: 25px;border: 3px solid #ffffff;}
}