@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body{
  margin:0;
  padding:0;
  font-family: "Montserrat", sans-serif;
  color: #a42c2d;
 }

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;
}
i {
    font-style: normal;
}

/*my css*/

.blink-gold {
  font-weight: 700;
  text-align: center;
  background: linear-gradient(
    90deg,
    #ffffff,
    #FFD700,
    #ffffff,
    #FFC107
  );
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: goldBlink 1.5s infinite;
}

@keyframes goldBlink {
  0% {
    background-position: 0% 50%;
    opacity: 0.7;
  }
  50% {
    background-position: 100% 50%;
    opacity: 1;
  }
  100% {
    background-position: 0% 50%;
    opacity: 0.7;
  }
}



/* top section start */
.top-section{
  background: #a52c2c;
  overflow: hidden;
}
.top-left p{
    font-size: 19px;
    display: block;
    text-transform: capitalize;
    font-weight: 600;
    padding: 9px 0 0px;
    color: #ffffff;
}
.top-right p {
    font-size: 20px;
    display: block;
    text-transform: capitalize;
    font-weight: 600;
    padding: 9px 15px 9px;
    background: #080808;
    position: relative;
    clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);
    color: #ffffff;
}
/* top section end*/


/* head logo section start */
.head-section{
  background: #000;
  position: relative;
  z-index: 1;
}
.head-section:before {
    content: "";
    background: url(../images/dots.png) repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    animation: move-twink-back 160s linear infinite;
}
.head-section:after {
    content: "";
    background: url(../images/star.png) repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -2;
}

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
} 
.head-align{
  align-items: center;
  justify-content: center;
}
.head-align1{
  align-items: end;
  justify-content: center;
}
.head-left1{
  text-align: center;
}
.head1{
    padding: 0;
    text-align: center;
}
.head2 ul li{
   
display: inline-block;
   
padding: 10px 12px 15px;
}
.head2 ul li i{
    display: inline-block;
    position: relative;
    font-size: 22px;
    color: #fcb239;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    line-height: 48px;
    text-align: center;
    animation: blk 1s infinite;
}
@keyframes blk{
  0%{
     box-shadow: 0 0 0 6px #fcb139;
  }
  50%{
     box-shadow: 0 0 0 6px #ffc9644a;
  }
  100%{
     box-shadow: 0 0 0 6px #ffffff2b;
  }
}
.head2 a{
    display: block;
    font-size: 21px;
    color: white;
    font-weight: 600;
}

.head2 p{
    font-size: 19px;
    color: #000000;
    /*background: #a52c2c;*/
    background:#fed001;
    text-align: center;
    padding: 8px 15px 6px;
    font-weight: 600;
}

/* head logo section end */


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

/* awards section start */
.award-title p{
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 0 0 10px;
}
.award-1{
    padding: 12px;
}
.award-2 img{
  width:100%;
}

/* awards section end */


/* line section start */
.line1 p{
   font-size: 22px;
   font-weight: 700;
   line-height: 30px;
   color: #000000;
   padding: 10px 12px 9px;
   text-align: center;
   background: #fcb239;
}
/* line section end */



/* about us section start */
.about-design{
  background: #000;
  position: relative;
  z-index: 0;
}
.about-design:before {
    content: "";
    background: url(../images/dots.png) repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    animation: move-twink-back 160s linear infinite;
}
.about-design:after {
    content: "";
    background: url(../images/star.png) repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -2;
}
.about-title{
  padding: 0 0 15px;
  text-align: center;
}
.about-title span{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    color: #fff;
    background: #a42c2d;
    padding: 6px 15px 5px;
    letter-spacing: 1px;
}
.about-title strong{
  font-weight: 700;
  color: #fcb239;
  font-size: 60px;
  text-transform: uppercase;
  display: block;
  line-height: 85px;
  padding: 3px 0 0;
}
.about p{
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
  padding: 8px 0;
  font-size: 15px;
}
.about p b{
  color: #fcb239;
  font-weight: 500;
}
.about ul {
  padding: 5px 0;
}
.about ul li{
  font-size: 15px;
  background-color: #a42c2d;
  color: #fff;
  margin: 5px 0px;
  padding: 7px 15px 7px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  border-radius: 30px;
}
.other-services{
  background-color: #a42c2d;
  position: relative;
  z-index: 1;
  padding: 0 12px;
}
.other-services:after {
    content: "";
    background: url(../images/star.png) repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -2;
}
.why-us-head ul{
  padding: 15px 0 0;
}
.why-us-head ul li{
    color: #000000;
    font-size: 16px;
    padding: 12px 22px 11px 34px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    margin: 8px 2px;
    border-radius: 10px;
    background: #ffffff;
    position: relative;
    text-align: left;
}
.why-us-head ul li:before{
    position: absolute;
    background: #e6e6e600 30%;
    top: 0px;
    left: 8px;
    color: #a42c2d;
    font-size: 26px;
    content: "\223f";
    font-family: 'Glyphicons Halflings';
}

.img-1{
  padding: 12px;
}
.img-2 img{
  
width: 100%;
  
border-radius: 30px;
  
box-shadow: 5px 5px 0px #fcb239;
}
/* about us section end */


/* best services section start */
.best-services{
  
background: #fcb239;
}
.best-services1{
  padding: 12px;
  text-align: center;
}
.best-services3 img{
  max-width: 300px;
  border-radius: 50%;
  border: 9px solid #ffffff;
  margin: 0 auto;
  border-top: 0;
  }
.best-services4 strong{
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  background: #ffffff;
  display: block;
  padding: 8px 12px 7px;
  border-radius: 40px;
}
.best-services4 p{
  line-height: 30px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  padding: 15px;
}

.best-services5 a{
  display: inline-block;
  font-size: 20px;
  color: #ffffff;
  padding: 5px 15px 5px;
  border-radius: 10px;
  background: #0e772a;
  position: relative;
  z-index: 5;
  font-weight: 500;
}
/* best services section end */



/* testimonials section start*/
.testimonials-design1{
  padding: 12px;
}
.testimonials-design2{
  
padding: 15px;
  
border: 1px dashed #fcb239;
}
.testimonials-design3{
}
.testimonials-design3 strong{
  text-transform: uppercase;
  float: right;
  font-weight: 700;
}
.testimonials-design3 span{
  display: inline-block;
  padding: 0 4px;
}
.testimonials-design3 span b .bi{
  color: #fcb239;
  width: 18px;
  height: 18px;
}

.testimonials-design4 p{
  font-weight: 500;
  line-height: 30px;
  color: #000000;
  font-size: 15px;
  padding: 0 0 15px;
  text-align: center;
}


/* testimonials section end */


/* counter section start */
.counter-1{
  padding: 12px;
  text-align: center;
}
.counter-2{
  border-radius: 20px;
  padding: 5px 12px 0;
  overflow: hidden;
  border: 1px dashed #fcb239a8;
}
.counter-2 .love_count {
  font-size: 45px;
  font-weight: 700;
  color: #fcb239;
  padding: 0 0 2px;
}
.counter-2 i{
  color: #ffffff;
  font-size: 62px;
  font-weight: 200;
  display: block;
}
.counter-2 p{
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  padding: 6px 15px 3px;
  background: #fcb239;
  display: inline-block;
  margin: 12px 0 0;
  border-radius: 15px 15px 0 0;
}
.love_count:after{
  content: "+";
  right: 0;
}
/* counter section end */

/* other servcies section start */
.other-services1{
  padding: 12px;
  text-align: center;
}
.other-services3 img{
  border-radius: 50%;
  border: 2px dashed #ffffff;
  padding: 12px;
  }
.other-services4{
  padding: 12px;
  border: 2px dashed #ffffff;
  border-radius: 12px;
  margin: 20px 0 0;
}
.other-services4 p{
  color: #fff;
  font-size: 15px;
  padding: 10px 0;
  text-transform: capitalize;
  line-height: 30px;
}
.other-services4 strong{
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
  position: relative;
  color: #fcb239;
  padding: 7px 0 0;
}


.other-services4 a{
    display: inline-block;
    font-size: 20px;
    color: #ffffff;
    padding: 5px 15px 5px;
    border-radius: 10px;
    background: #0e772a;
    position: relative;
    z-index: 5;
    font-weight: 500;
}
/* other servcies section end */

/* footer section start */

.footer-contact1{
  padding: 12px;
  text-align: center;
}
.footer-contact2 span{
  height: 100px;
  width: 100px;
  color: #ffffff;
  line-height: 122px;
  border-radius: 60%;
  text-align: center;
  display: block;
  margin: 0 auto 30px;
  box-shadow: 0 0 0 15px #fcb239;
  position: relative;
  z-index: 0;
}
.footer-contact2 span:before {
    content: '';
    width: 8px;
    height: 152px;
    bottom: -142px;
    display: inline-block;
    position: absolute;
    background: #fcb239;
    border-radius: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
.footer-contact2 span i{
  font-size: 44px;
  font-weight: 600;
}

.footer-contact2 a{
   display: block;
   padding: 8px 12px 7px;
   font-size: 16px;
   font-weight: 700;
   color: #000;
   margin: 60px 0 0;
   text-transform: uppercase;
   background: #fcb239;
   border-radius: 10px;
   position: relative;
   z-index: 9;
}

.footer-chat a {
   display: block;
   padding: 25px 20px;
   font-size: 38px;
   font-weight: 900;
   color: #ffffff;
   background: #0e772a;
   text-transform: capitalize;
   border-radius: 20px;
}
.footer-chat a i{
   font-size: 135px;
}
.footer-chat a p{
   padding: 15px 0 0;
   font-size: 22px;
   font-weight: 700;
   text-transform: capitalize;
   line-height: 35px;
}
/* footer section end */


/* copy section start */
.footer-copy{
  background: #fcb239;
}
.copy-right p{
  color: #000000;
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
  padding: 15px 0 0;
}
.copy-right span{
  font-size: 15px;
  font-weight: 700;
  padding: 5px 0 12px;
  display: block;
}
/* copy section end */



#callbook {
  background:green;
  bottom: 0;
  height: 38px;
  left: 0;
  position: fixed;
  display: none;
  right: 0;
  z-index: 999999;
}
#callbook
  ul{padding: 0px;
}
#callbook
  ul li {
  background: #e50000;
  position: relative;
  padding: 7px 6px 7px;
  width:50%;
  list-style:none;
  float:left;
  text-align: center;
}
#callbook
  ul li:last-child{
  background: #00a100;
}
#callbook
  ul li a span {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  top: 0px;
  text-transform: uppercase;
}
.abs{
  float:right;
  width:25%;
}

@media (max-width: 767px){
i{display: block;}
  .copy-right span {padding-bottom: 50px;}
  .about-title strong {font-size: 35px;padding: 0;line-height: 65px;}
  .footer-contact1:nth-child(2){order: 3;}
  #callbook {display:block;}
.other-services4 strong{font-size: 18px;}
.award-title p {font-size: 28px;}
.head2 p {font-size: 14px;line-height: 24px;}
.line1 p {font-size: 15px;line-height: 24px;}
.head2 ul li {padding: 12px 7px;}
.why-us-head ul li { font-size: 13px;padding: 12px 10px 11px 33px;margin: 5px 1px;}
.about-title span {font-size: 12px;}
.head-left1{ padding: 0 12px !important;}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .best-services4 strong {font-size: 17px;}
  .footer-contact1:nth-child(2){order: 3;}
  .award-title p {font-size: 32px;}
  .line1 p {font-size: 18px;line-height: 28px;}
.about-title strong {font-size: 52px;}
.head2 p {font-size: 15px;line-height: 26px;}
.head-left1{padding: 0 !important;}



}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .other-services4 a {font-size: 17px;}
  .other-services1 {padding: 12px 6px;}
.other-services4 strong {font-size: 17px;}
.best-services4 strong {font-size: 15px;}
.footer-contact2 a {font-size: 15px;}
.head2 ul li i {font-size: 18px;width: 40px;height: 40px;line-height: 42px;}
.head2 a {font-size: 18px;}
.top-right p {font-size: 19px;}
.line1 p { font-size: 17px;padding: 6px 12px 6px;}
.award-title p {font-size: 40px;}
.head2 p { font-size: 18px;line-height: 28px;}


}




@media only screen and (min-width: 1201px) and (max-width: 1340px) {
.head2 p {font-size: 17px;}
.top-right p {font-size: 19px;}
.line1 p {font-size: 20px;}
.other-services4 strong {font-size: 18px;}
.other-services1 {padding: 12px 10px;}
}


@media (max-width: 575px) and (min-width: 0px) {
  .about-title strong {font-size: 27px;line-height: 52px;}
  .about-title span {font-size: 10px;}
  .footer-chat a {font-size: 32px;}
  .footer-chat a i {font-size: 110px;}
  .footer-chat a p {font-size: 18px;line-height: 29px;}
  .top-right p {font-size: 16px;padding: 8px 15px 7px;}
  .footer-contact2 span:before{height: 96px;bottom: -83px;}
  .head2 a {font-size: 17px;}
  .head2 ul li i{width: 35px;height: 35px;line-height: 37px;font-size: 16px;}
  .head2 ul li {padding: 12px 6px;}
  .award-title p {font-size: 22px;}
  .top-left p {font-size: 17px;}
  .about-design .row{padding-top: 15px !important;}
  


}



@media (max-width: 420px) and (min-width: 0px) {
  .top-right p {font-size: 12px;padding: 6px 15px 5px;}
  .about-title strong {line-height: 32px;font-size: 22px;}
  .about-title span {line-height: 16px;}
  .footer-chat a {font-size: 26px; padding: 12px 10px 8px;}
  .why-us-head ul li {font-size: 15px;display: block;}
  .best-services4 strong {font-size: 15px;padding: 6px 6px 5px;}
  .top-left p {font-size: 17px;padding: 10px 0 0px;}
  .head2 a {font-size: 14px;padding: 6px 0;}
  .head2 ul li i {width: 32px;height: 32px;line-height: 33px;font-size: 14px;}
  .head2 ul li{padding: 10px 6px 8px;}
  .img-1 {padding: 6px;}
  .award-sec, .testiomonials-section{padding: 30px 0 !important;}



}