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

body{
  margin:0;
  padding:0;
  color: #00163d;
  font-family: 'DM Sans', sans-serif;

}
.main{
  margin: auto;
  padding: 0;
  width: 92%;
}

a{
    color: #000;
    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;
}
/*#ff6d24*/
/*font-family: 'Berkshire Swash', cursive;
*/


/* START HEADER SECTION  */

/* start top head section  */

.tophead-section{
  padding: 0;
  background: linear-gradient(to right, #00163d, #0d293c);
}
.tophead-section1{
  padding: 15px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tophead-left1{
  padding: 0px;
}
.tophead-left2{
  padding: 0px;
}
.tophead-left2 .call-head{
 color: #fff;
 display: none;
 font-size: 25px;
 font-weight:600;
 text-shadow: 0 0 12px #fff;
}
.tophead-left2 p{
  color: #fff;
  font-size: 15px;
  margin: 0;
  padding: 0;
  font-weight: 500;
}
.tophead-left2 p i{

color: #f50;
}
.tophead-left2 p span{
}

.tophead-right1{
  padding: 0;
}
.tophead-right2{
  padding: 0;
}

/* end top head sectio  */


/* start head section  */

.head-section{
  padding: 0;
}
.head-section1{
  padding: 13px 0 18px;
}

.head-logo1{
  width: 36%;
  padding: 0px;
}
.head-logo2{
  padding: 0px;
}
.head-logo2 a{
  display:block;
}


.head-right1{
  padding: 0px 0px 0px 0px;
  width: 64%;
}
.head-right2{
  padding: 0px;
}
.head-contact{
  display: flex;
  padding: 10px;
  width: 85%;
  justify-content: end;
  align-items: center;
  float: right;
  margin: -32px 0 0;
  background: #fff;
  border-radius: 40px 0px 0px 40px;
  /* box-shadow: 0 0 12px #c8c8c8; */
}
.head-contact ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.head-contact ul li{
  padding: 5px 10px 5px 0px;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
}
.head-contact li a{font-size: 23px;display: inline-block;font-weight: 600;}
.head-contact li a i{
  color: #a30000;
  font-size: 24px;
}
.head-contact li .contact{
  background: #00b800;
  color: #fff;
  padding: 8px 15px 4px;
  border-radius: 50px;
  font-size: 15px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.head-contact li:nth-child(3){
  padding:4px 0;
}
.award-head1{
  padding: 0px 0 0 0;
  text-align: right;
}
.award-head1 ul{
  padding:0;
  margin:0;
  list-style:none;
}
.award-head1 ul li{
  display:
  inline-block;
  padding: 0 20px;
  text-align: center;
}
.award-head1 li img{
  border-radius: 50%;
}
.award-head1 li p{
  color: #7b7b7b;
  text-align: center;
  font-size:15px;
  margin:0;
  font-weight: 500;
  text-transform:
  uppercase;
}
/* end head section  */

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

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
              transform: translate3d(0, 0, 0);
    }
}

.carousel-control b .glyphicon{
  opacity:1;
  color: #ffffff;
  text-shadow: none;
  border-radius: 0px 0px 0px 0px;
  top: 26px;
  font-size: 23px;
  transition: 0.9s ease-in-out;
  left: 10px;
  right: auto;
}
.carousel-control b{
  background: #ff5601;
  border-radius: 0px 0px 0px 0px;
  left: 0;
  position: absolute;
  transition: 0.9s ease-in-out;
  top: 55%;
  right: 0;
  line-height: 47px;
  padding: 4px 0px 4px 0px;
  height: 64px;
  width: 34px;
  border: 0px solid;
  border-left: 0;
}
.right b{right: 0;padding: 4px 0px 4px 1px;left: auto;}
.right b .glyphicon-chevron-right{left: 0px;right: 0;margin-right: 0;}
.carousel-control{
  opacity:1;
}
.carousel-control:focus, .carousel-control:hover {
    opacity:1;
}




.carousel-control .glyphicon:hover{
  color: #fff;
  border-top: 0;
  transition: 0.9s ease-in;
}
.carousel-control.left{
  background-image:none;
}
.carousel-control.right{
  background-image:none;
 
}
.carousel-control {
  position: absolute;
  top: -64px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 8%;
}
/* end slider section */

/* END HEADER SECTION  */


/* start about us section  */

.aboutus-section{
  padding: 0;
}
.aboutus-section1{
  padding: 80px 0 100px 0;
}
.aboutus-heading{
  padding: 0;
  text-align: center;
}
.aboutus-heading strong{
  background: -webkit-linear-gradient(90deg, #00163d, #0d293c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-size: 55px;
  text-transform: capitalize;
  font-weight: 500;
  font-family: 'Berkshire Swash', cursive;
  margin: -10px 0 0;
}
.aboutus-heading p{
  color: #980601;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.aboutus-heading .moon{
   margin: 0 auto;
   width: 40%;
   position: relative;
}
.moon img{
  height: 39px;
}
.moon:before{
 content:"";
 background: #980601;
 padding:0;
 height: 1px;
 top: 18px;
 width: 47%;
 left: 0;
 position:absolute;
}
.moon:after{
 content:"";
 background: #980601;
 padding:0;
 height: 1px;
 top: 18px;
 width: 47%;
 right: 0;
 position:absolute;
}
.aboutus-content{
  padding: 40px 40px 40px;
  text-align: center;
  background: #fff9de;
  box-shadow: 0 0 20px 3px #f5f5f5;
  border-radius: 20px;
  border: 1px solid #04a29e1f;
  margin: 44px 0 0;
}
.aboutus-content p{
 font-size: 16px;
 margin: 0;
 line-height: 32px;
 padding: 12px 0 0;
 font-weight: 400;
 color: #222;
}
.aboutus-content p strong{
 color: #000000;
 text-transform: capitalize;
}
.aboutus-content span{
 font-size: 30px;
 text-transform: capitalize;
 font-weight: 700;
 color: #086a70;
 display: block;
 padding: 10px 0;
}
.aboutus-content ul{
 padding:0;
 margin: 20px 0 20px;
 list-style:none;
}
.aboutus-content ul li{
 display:inline-block;
 color: #000000;
 padding: 15px 16px 15px 46px;
 margin: 7px 6px;
 font-size: 17px;
 font-weight:500;
 text-transform: capitalize;
 background:#fdd001;
 position:relative;
}
.aboutus-content ul li:before{
 background: url(../images/sun.png) no-repeat;
 height:45px;
 width:45px;
 position:absolute;
 content:"";
 display: flex;
 left:0;
 animation: rotateAnimation 6s linear infinite;
 top: 7px;
 justify-content: center;
 align-items: center;
}

@keyframes rotateAnimation {
  from {transform: rotateY(0deg);}
  to {transform: rotateY(360deg);}
}
/* end about us section  */


/* start services section  */

.services-section{
  padding: 0;
  position:relative;
  background: linear-gradient(to right, #00163d, #0d293c);;
}
.services-section:before{
 background:url(../images/bg-services.png);
 content:"";
 position:absolute;
 left: 0;
 width:100%;
 height:100%;
 opacity: 0.1;
}
.services-section1{
  padding: 0;
}

.services-left1{
  padding: 50px 20px;
  text-align: center;
  background: #fdd001;
  width: 40%;
}
.services-left2{
  padding: 0px;
}
.services-heading{
  padding: 0;
}
.services-heading strong{
  font-family: 'Berkshire Swash', cursive;
  font-weight: 500;
  font-size: 39px;
  color: #a90000;
  text-transform: capitalize;
}
.services-heading p{
  margin: 0;
  color: #fff;
  padding: 3px 10px;
  font-size: 19px;
  border-radius: 140px;
  text-transform: capitalize;
  line-height: 34px;
  font-weight: 500;
  background: -webkit-linear-gradient(90deg, #00163d, #0d293c);
}
.services-provide-text{
  padding: 20px 0 0 0;
}
.services-provide-text p{
  color: #000000;
  font-size: 15px;
  line-height: 31px;
  text-transform: capitalize;
  font-weight: 400;
  margin: 0;
}
.services-provide-text a{
  background: #fff;
  display: block;
  border-radius: 80px;
  font-size: 30px;
  color: #000000;
  font-weight: 800;
  padding: 7px 10px;
  margin: 30px 0 0;
}

.services-right1{
  padding: 10px;
  width: 59%;
}
.services-right2{
  padding: 10px;
}
.services-1{
  padding: 25px 10px;
}
.services-2{
  padding: 15px 15px 0;
  background: linear-gradient(to right, #fdd001 20%, #ffffff 0%);
  border-radius: 20px 20px 0 20px;
}
.services-3{
  padding: 0px;
  width: 34%;
}
.services-3 img{

border-radius: 20px;
}
.services-4{
  padding: 10px 0px 10px 20px;
  position: relative;
  width: 65%;
}
.services-4 p{
 color: #000;
 font-size: 15px;
 line-height: 30px;
 margin: 0;
 padding: 10px 0 10px;
 font-weight: 500;
}
.services-4 strong{
 font-family: 'Berkshire Swash', cursive;
 font-weight: 500;
 font-size: 31px;
 line-height: 26px;
 color: #a90000;
 text-transform: capitalize;
}
.services-4 a{
 position: absolute;
 width: 49%;
 background: #fdd001;
 border-radius: 40px;
 text-align: center;
 float: right;
 right: 0;
 bottom: -17px;
 font-weight: 600;
 color: #000000;
 padding: 7px 10px;
 font-size: 18px;
 text-transform: capitalize;
 text-shadow: 0 0 8px white;
}
.services-4 a i{
  
}
/* end service section  */

/* start services list section  */

.serviceslist-section{
  padding: 0;
  background: #fdd001;
}
.serviceslist-section1{
  padding: 50px 0;
}
.bottom-services{
  padding: 0px;
}
.bottom-services1{
  padding: 10px;
}
.bottom-services2{
  padding: 0px;
}
.bottom-services2 ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.bottom-services2 ul li{
  padding: 4px 10px 4px 0px;
  position: relative;
  font-size: 17px;
  text-align: left;
  color: #000000;
  text-transform: capitalize;
  margin: 22px 0 0px;
  background: linear-gradient(to right, #fdd001 31%, #243d50 30%);
  font-weight: 500;
  border-radius: 50px;
  z-index: 9;
  display: flex;
  justify-content: left;
  align-items: center;
}
.bottom-services2 ul li:before{
 content:"";
 position:absolute;
 background: #fdd001;
 height: 93%;
 width: 99.5%;
 line-height: 85px;
 z-index: -9;
 border-radius: 50px;
}
.bottom-services2 li img{
  animation: rotateAnimation 6s linear infinite;
  padding: 0 0 0 13px;
}

/* end services list section */


/* start other services section */

.otherservices-section{
  padding:0;
}
.otherservices-section1{
  padding: 100px 0px 50px;
}
.other-services{
  padding: 40px 0 0 0;
}
.other-services1{
  padding: 20px;
}
.other-services2{
  padding: 0;
  border: 1px solid #dedede;
  background-color: #fff;
  border-radius: 50% 50% 0 0;
  text-align: center;
}
.other-services3{
   padding: 0;
}
.other-services3 img{border-radius: 190px 190px 0 0;width: 100%;}
.other-services4{
  padding: 0px 20px 40px;
  text-align: center;
  background: #fff;
}
.other-services4 strong{
    margin: -22px 0 0 0;
    color: #fff;
    padding: 12px 21px;
    font-size: 32px;
    display: block;
    font-family: 'Berkshire Swash', cursive;
    text-transform: capitalize;
    line-height: 34px;
    font-weight: 400;
    background: -webkit-linear-gradient(90deg, #00163d, #0d293c);
}
.other-services4 p {
   color: #000;
   padding: 17px 0 15px 0;
   font-size: 16px;
   margin: 0;
   line-height: 34px;
   font-weight: 400;
}
.other-services4 a{
  background: linear-gradient(0deg, #f6cb06 0%, #d15f01 100%);
  display: inline-block;
  padding: 9px 30px 10px 30px;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 17px;
  border-radius: 30px;
  position: absolute;
  left: 12px;
  bottom: -14px;
  color: #Fff;
}
.call-icon{
 padding: 0px;
}
.call-icon1{
 right: 12px;
 left: auto;
 height: 60px;
 font-size: 23px;
 line-height: 46px;
 width: 60px;
 border-radius: 50%;
 position: absolute;
 bottom: -20px;
 background: #080c21;
 z-index: 9;
 display: flex;
 justify-content: center;
 align-items: center;
}
.call-icon1 a{
 display: block;
 position:relative;
}
.call-icon1 a:before{
 animation: rotation 15s infinite linear;
 color: #e02f10;
 height: 43px;
 font-size: 14px;
 width: 43px;
 background: #fff;
 line-height: 40px;
 border-radius: 50%;
 position:absolute;
 content:"";
 left: -10px;
 top: 2px;
 right: 0px;
 margin: 0 auto;
 z-index: -9;
 border: 1px dashed;
}
.call-icon1 i{
 color: #ee0505;
 font-size: 19px;
}
@keyframes rotation {
  0% {transform: rotate(0);}
  to {transform: rotate(1turn);}
}
/* end other services section */

/* start our services section */

.ourservices-section{
   padding: 0;
}

.ourservices-section1{
   padding: 50px 0px 50px 0px;
}
.services-design{
   padding: 30px 0 0;
}

.ourservices-left1{
   padding: 0 60px 0 0px;
   text-align: center;
}
.ourservices-left2{
   padding: 0;
   text-align: left;
}
.ourservices-left2 strong{
  display: block;
  font-size: 57px;
  color: #f8930e;
  text-transform: capitalize;
  font-weight: 700;
  padding: 5px 0;
}
.ourservices-left2 span{
  font-size: 25px;
  color: #ffffff;
  text-transform: capitalize;
  display: block;
  font-weight: 700;
  background: #990002;
  border-radius: 40px;
  padding: 10px 30px;
}
.ourservices-left2 p{
  color: #000;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  margin: 0;
  padding: 10px 0 0;
}
.ourservices-right1{
   padding: 0px 0 0 0;
}
.ourservices-right2{
   border-radius: 20px;
   padding: 0;
}
.services-design1{
   padding: 35px 10px 36px 10px;
}
.services-design2{
   padding: 0px 0px 0px;
   text-align: center;
   border-radius: 32px;
   background: linear-gradient(to right, #00163d, #0d293c);
   box-shadow: 0 0 11px 0px #c8c8c8;
}

.services-design3{
   padding: 0;
}
.services-design3 img{
   border-radius: 50%;
   height: 240px;
   margin: -110px 0 0;
   border: 18px solid #ffffff;
}
.services-design4{
   padding: 20px 0 30px;
}
.services-design4 strong{
   font-size: 27px;
   font-weight: 400;
   color: #fff;
   padding: 0 10px;
   text-transform: capitalize;
   margin: 0;
   font-family: 'Berkshire Swash', cursive;
   display: block;
   border-bottom: 1px solid;
}
.services-design4 p{
   color: #fff;
   padding: 10px 26px 15px 27px;
   font-size: 15px;
   margin: 0;
   line-height: 33px;
   font-weight: 400;
}
.services-design4 a{
  color: #fff;
  padding: 10px 34px;
  display: inline-block;
  border-radius: 90px;
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
  background: linear-gradient(0deg, #f6cb06 0%, #d15f01 100%);
}

/* end our services section */




/* start award section*/

.award-section{
  padding: 0;
  background: url(../images/bg-award.jpg);
  background-repeat: repeat;
}
.award-section:before{
  content:"";
  position:
  absolute;
  height:100%;
  width:100%;
  background: #fff1dabf;
  top:0;
  left: 0;
}
.award-section1{
  padding: 50px 0;
}

.award-design{
  padding: 0;
  text-align: center;
}
.award-design1{
  padding: 13px;
}
.award-design2{
  padding: 0;
}
.award-design2 img{width: 100%;}

/* end award section */

/* start testimonials section */

.testimonials-section{
  padding: 0;
}
.testimonials-section1{
  padding: 50px 0px;
}
.testimonials{
  padding: 30px 0 0;
}
.testimonials1{
  padding: 15px;
}
.testimonials2{
  padding: 0px;
}
.testimonials3{
  background-color: #ffffff;
  position: relative;
  padding: 23px 21px 30px;
}
.testimonials3 span{
  position:
  absolute;
  float: right;
  height: 45px;
  border-radius: 50px;
  font-weight: 500;
  width: 45px;
  line-height: 49px;
  background: #335506;
  color: #ffea00;
  text-align: center;
  border-right: 0;
  font-size: 29px;
  margin: -67px 0 0 0;
  right: 50px;
}
.testimonials3 span i{
  font-weight: 500;
}
.testimonials3 p{
  color: #1d1d1d;
  line-height: 30px;
  font-weight: 400;
  margin: 0;
  text-align: center;
  font-size:15px;
}
.testimonials4{
  padding: 0px 0 20px 0px;
  text-align: center;
  justify-content: center;
  background: #fdd001;
  margin: -10px auto 0;
  align-items: center;
  border-radius: 70px 70px 70px;
  width: 90%;
}
.img-testi{
  width: 100%;
}
.img-testi img{
  padding: 3px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  height: 80px;
}
.text-testi{
  background: #fff;
  width: 100%;
  padding: 10px 0 10px;
}
.text-testi p{
  margin: 0px 0 0 0;
  color: #960400;
  font-size: 17px;
  font-weight: 800;
  text-transform: capitalize;
}
.text-testi span{
  margin: 5px 0 0 0;
  color: #000000;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
}
.text-testi i{
  color: #00163d;
  padding: 0 1px;
  font-size: 14px;
}
/* end testimonials section */


/*start footer section */

.footer-section{
  padding: 0;
  text-align: center;
  margin: 0;
  background: linear-gradient(to right, #00163d, #0d293c);
}
.footer-section1{
  padding: 0px 30px 0px;
}

.footer-services{
  padding: 0 0 60px 0;
  margin: -59px 0 0;
  display: none;
}
.footer-services ul{
  padding: 0;
  list-style: none;
  margin: 0;
}
.footer-services ul li{display: inline-block;padding: 0 0px;width: 14%;}
.footer-services li img{
  height: 100px;
  border-radius: 50%;
  border: 4px solid #fdba39;
  padding: 3px;
}
.footer-services li p{
  color: #000;
  font-size: 16px;
  padding: 4px 0 2px;
  border-radius: 8px;
  background: #fd9921;
  margin: 11px 5px 0;
  font-weight: 600;
  text-transform: capitalize;
}
.footer-services li p b{
  display:block;
  font-weight: inherit;
  margin: -3px 0 0;
}

.footer{
  padding: 0 0px 0px;
  margin: 0px 0 0;
}

.footer-design{
  padding: 0px 0 0;
}

.footer-right1{
  padding: 25px 0 0 40px;
}
.footer-right2{
  padding: 0px;
}
.footer-head{
  padding: 0 0 10px;
}
.footer-head strong{
  font-size: 43px;
  line-height: 44px;
  font-weight: 500;
  display: block;
  font-family: 'Berkshire Swash', cursive;
  text-transform: capitalize;
  color: #fdd001;
}

.footer-list{
  padding: 0;
  color: #fff;
}
.footer-list1{
  padding: 0px 0 10px 20px;
  border-right: 1px solid #fffc73;
}
.footer-list1:nth-child(2){
  border-right:0;
}
.footer-list1 ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-list1 ul li{
  text-align: left;
  padding: 10px 0 10px 20px;
  color: #fff;
  position: relative;
  font-size: 16px;
  text-transform: capitalize;
  display: block;
  margin: 0;
  font-weight: 300;
}
.footer-list1 ul li a{
  color:#fff;
}
.footer-list1 ul li:before {
    color: #fdd001;
    content: "\f101";
    position: absolute;
    left: 0;
    top: 10px;
    font-weight: 600;
    display: inline-block;
    font-size: 15px;
    padding: 0px 7px 0 0px;
    font-family: "Font Awesome 7 Free";
}

.footer-location1{
  background: #fdd001;
  padding: 30px 30px 30px 30px;
}
.footer-location2{
  padding: 20px 0px 10px;
  border-radius: 20px;
}
.footer-location2 strong{
  background: #01092a;
  display: inline-block;
  padding: 6px 25px 5px;
  color: #ffffff;
  text-transform: capitalize;
  font-size: 21px;
  border-radius: 40px;
}
.footer-location2 p{
  margin: 0;
  line-height: 26px;
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  padding: 15px 0 0;
}
.footer-location2 p .readmore{
  font-size: 15px;
  color: #a2211d;
  text-transform: capitalize;
  font-weight: 500;
}
.footer-location2 ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-location2 ul li{
  padding: 6px 19px 6px 10px;
  background: linear-gradient(to right, #00163d, #0d293c);
  margin: 20px 0 20px;
  text-align: left;
  border-radius: 0px 30px 30px 0px;
  display: flex;
  justify-content: left;
  align-items: center;
}
.footer-location2 ul li span{
  height: 50px;
  width: 50px;
  border-radius: 0% 0% 50% 50%;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  color: #000000;
  background: #fdd001;
  font-size: 25px;
}
.footer-location2 ul li a{
  color: #fff;
  font-size: 17px;
  width: 80%;
  line-height: 24px;
  margin: 0 0 0 7px;
  font-weight: 500;
}

.footer-line{
  padding: 0 20px 0px 20px;
}
.footer-line img{
 
}
.footer-line span{
 display: flex;
 justify-content: center;
 padding: 13px 0 0;
 align-items: center;
}
.footer-line span i{
 
font-size: 27px;
 
color: #fdd001;
 
padding: 0 7px 0 0px;
}
.footer-line span a{
 
font-size: 15px;
 
color: #fff;
}

.footer-dis{
  padding: 20px 0 0;
  text-align: center;
}
.footer-dis p{
  color: #ffffff;
  font-size: 15px;
  line-height: 25px;
  margin: 0;
  font-weight: 300;
}
/* end footer section*/



/* start copy right section */

.copy-right{
  padding: 10px 0;
  background-color: #fdd001;
  text-align: center;
}

.copy-right p{
  padding: 10px 0;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  padding: 1px 0 0 0;
}
/* end copy right*/




.fix{
  position: fixed;
  padding: 0;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 99999;
}
.end{
  margin: 0;
  padding: 0;
  background-color: #fff;
  
}
.end li a i{
  animation-name: vibe;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.12,0.84,0.79,0.4);
  animation-delay: 0.2s;
}
.end li{
  display: inline;
  text-align: left;
  list-style: none;
  position: absolute;
  text-align: center;
  height: 60px;
  bottom: 15px;
  width: 60px;
  border-radius: 1px solid #000;
  animation-name: rip;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  background: #f10000;
  line-height: 57px;
  border-radius: 50%;
}
.end .wh-fx {
  background:green;
  color:#fff;
}
.end li a{
  color:#fff;
}
.end li:after{
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index:-99;
  content: "";
  transform: scale(1);
  border: 1px solid rgba(162, 162, 162, 0.8);
  animation-name: ripp;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
}

@keyframes vibe{
  0%{transform:rotate(0deg);}
  33%{transform:rotate(20deg);}
  66%{transform:rotate(0deg);}
  100%{transform:rotate(-20deg);}
 

}
@keyframes ripp{
0%{transform: scale(0.9);}
20%{transform: scale(1);}
40%{transform: scale(1.1);}
60%{transform: scale(1.2);}
80%{transform: scale(1.3);}
100%{transform: scale(1.4);}

}


@keyframes rip{
0%{ box-shadow: 0px 0px 0px 4px rgba(162, 162, 162, 0.8);}
20%{ box-shadow: 0px 0px 0px 6px rgba(162, 162, 162, 0.6);}
40%{ box-shadow: 0px 0px 0px 8px rgba(162, 162, 162, 0.4);}
60%{ box-shadow: 0px 0px 0px 10px rgba(162, 162, 162, 0.2);}
80%{ box-shadow: 0px 0px 0px 12px rgba(162, 162, 162, 0.1);}
100%{ box-shadow: 0px 0px 0px 14px rgba(162, 162, 162, 0);}


}
.wh-fx{right: 20px;}
.ph-fx{left: 20px;}
.end li a img
{
    filter: brightness(0.5) invert(1);
}








/*start media query*/

@media (max-width: 767px){
  body{text-align: center;}
  .tophead-left2 p{display:none;}
  .tophead-left2 .call-head{display:block;}
  .tophead-section1 {padding: 10px 0px;}
  .tophead-left1{width:100%;text-align: center;}
  .tophead-right1{display:none;}
  .head-contact{width: 100%;margin: 0;justify-content: center;padding: 10px 10px;display: none;}
  .head-contact ul li {padding: 0px 5px 0px 0px;font-size: 17px;}
  .head-contact li a i{font-size: 19px;}
  .award-head1 ul li {padding: 0 10px;}
  .head-right1{width:100%;}
  .head-logo1{width:100%;text-align: center;}
  .award-head1 li p{font-size: 15px;}
  .head-contact li .contact{display:none;}
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:0;}
  .award-head1{text-align:center;}
  .carousel-control b {background: #ff560194;}
  .aboutus-content {padding: 27px 15px 27px;}
  .aboutus-content ul li {padding: 15px 10px 15px 51px;margin: 10px 0px;display: block;text-align: left;}
  .aboutus-content ul li:before{height: 40px;width: 40px;}
  .services-left1{width:100%;}
  .services-right1{width:100%;padding: 0;}
  .services-3{width:100%;}
  .services-4{width:100%;padding: 20px 0px 30px 0px;text-align: center;}
  .services-2{background: linear-gradient(to bottom, #fdd001 20%, #ffffff 0%);border-radius: 20px 10px 20px;}
  .services-4 strong{font-size: 21px;}
  .services-4 a{float: none;margin: 0 auto;right: 0;left: 0;width: 76%;}
  .services-right2{padding: 0px 0 50px 0;}
  .services-1{width:50%;}
  .aboutus-heading strong{font-size: 43px;}
  .aboutus-heading .moon{width:70%;}
  .services-heading strong{font-size: 45px;}
  .other-services1{width:50%;padding:10px;}
  .other-services4 strong{font-size: 23px;padding: 12px 12px;}
  .other-services4 a{ padding: 7px 20px 8px 20px;}
  .bottom-services1{width:50%;padding: 0 4px;}
  .bottom-services2 ul li{ font-size: 15px;}
  .award-design1{width:50%;}
  .footer-section1 {padding: 0px 0px 0px;}
  .footer-right1 {padding: 10px 0 30px 0px;}
  .footer-line strong{font-size: 39px;}
  .footer-list1 {padding: 0px 0 10px 10px;}
  .footer-line{padding: 0px 20px 0px 20px;}
  .footer-location1 {padding: 15px 15px 15px 15px;}
  .footer-location2 {padding: 20px 10px 10px;}
  .footer-location2 ul li a{font-size: 17px;}
  .testimonials1{width: 50%;}
  .services-design1:nth-child(2){margin-top:40px;}
  .fix{display:block;}





    
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tophead-left1{width:100%;text-align: center;}
  .tophead-right1{display:none;}
  .head-contact{width: 100%;margin: 0;justify-content: center;padding: 10px 10px;display: none;}
  .head-contact ul li {padding: 0px 5px 0px 0px;font-size: 17px;}
  .head-contact li a i{font-size: 19px;}
  .award-head1 ul li {padding: 0 10px;}
  .head-right1{width:100%;}
  .head-logo1{width:100%;text-align: center;}
  .award-head1 li p{font-size: 15px;}
  .head-contact li .contact{display:none;}
  .award-head1{text-align:center;}
  .aboutus-content {padding: 27px 20px 27px;}
  .aboutus-content ul li {padding: 15px 10px 15px 40px;margin: 7px 2px;font-size: 15px;}
  .aboutus-content ul li:before{height: 40px;width: 40px;}

  .services-left1{width:100%;}
  .services-right1{width:100%;padding: 0;}
  .services-3{width:100%;}
  .services-4{width:100%;padding: 20px 0px 30px 0px;text-align: center;}
  .services-2{background: linear-gradient(to bottom, #fdd001 20%, #fffc73 0%);border-radius: 20px 20px  20px;}
  .services-4 strong{font-size: 27px;}
  .services-4 a{float: none;margin: 0 auto;right: 0;left: 0;width: 56%;}
  .services-right2{padding: 0px 0 50px 0;}
  .other-services4 strong{font-size: 27px;}
  .footer-right1 {padding: 20px 0 20px 0px;}




 
}

@media only screen and (min-width: 992px) and  (max-width:1200px) {
 .tophead-left1{width:100%;}
 .tophead-right1{display:none;}
 .head-contact{width:90%;margin: -26px 0 0;padding: 10px 10px;}
 .head-contact ul li {padding: 0px 5px 0px 0px;font-size: 17px;}
 .head-contact li a i{font-size: 19px;}
 .award-head1 ul li {padding: 0 10px;}
 .award-head1 li p{font-size: 15px;}
 .head-contact li .contact{display:none;}
 .services-4 {padding: 10px 0px 10px 10px;}
 .services-4 strong{font-size: 27px;}
 .services-heading strong{font-size: 36px;}
 .services-heading p {padding: 4px 10px 2px;font-size: 15px;}
 .other-services1 {padding: 10px;}
 .other-services4 strong{font-size: 27px;}
   .footer-right1 {padding: 10px 0 0px 20px;}
  .footer-line strong{font-size: 39px;}
  .footer-list1 {padding: 0px 0 10px 10px;}
  .footer-line{padding: 0px 20px 0px 20px;}
  .footer-location1 {padding: 20px 20px 20px 20px;}
  .footer-location2 {padding: 20px 10px 10px;}
  .footer-location2 ul li a{font-size: 17px;}





}

@media only screen and (min-width:1201px) and  (max-width:1350px){
  .tophead-left1{width:55%;}
  .tophead-right1{width:45%;}
  .head-contact{width:90%;margin: -26px 0 0;padding: 3px 10px;}
  .head-contact ul li {padding: 0px 5px 0px 0px;font-size: 17px;}
  .head-contact li a i{font-size: 19px;}





}

@media (max-width: 575px) and (min-width: 0px) {
 .award-head1 ul li {padding: 0 5px;}
 .award-head1 li p{font-size: 13px;}
 .award-head1 li img{height: 48px;}
  .carousel-control b{height:30px;line-height: 30px;width: 27px;}
 .carousel-control b .glyphicon{top: 16px;font-size: 17px; left: 6px;}
 
 
 
 .aboutus-heading strong{font-size: 35px;}
 .services-1{width:100%;padding: 30px 0 40px;}
 .services-4 strong{font-size: 24px;}
 .services-4 a{width:50%;}
 .services-heading strong{font-size: 38px;}
 .services-heading p {padding: 4px 10px 2px;font-size: 15px;}
 .aboutus-content p{text-align:left;}
 .aboutus-content {padding: 27px 10px 27px;}
 .other-services1{width:100%;padding:10px 0;}
 .bottom-services1{width:100%;padding:0;}
  .bottom-services2 ul li{ font-size: 17px;}
  .award-design1{width:50%;padding: 5px;}
    .footer-line strong {font-size: 31px;}
  .footer-line {padding: 10px 20px 0px 20px;}
  .footer-list1 ul li{font-size: 15px;}
  .footer-list1:nth-child(2) {padding: 0px 0 10px 10px;}
  .footer-list1 {padding: 0px 0 10px 0px;}
  .testimonials1{width: 100%;padding: 10px 0;}
 

 


}

  

@media (max-width: 420px) and (min-width: 290px) {
 .otherservices-section1 .aboutus-heading strong{font-size: 23px;margin: 0;}
 .aboutus-heading strong{font-size: 26px;margin: 0;}
 .aboutus-heading p{font-size: 15px;}
 .services-heading strong{font-size: 28px;}
 .services-heading p {padding: 4px 0px 2px;font-size: 13px;border-radius: 0;}
 .services-left1 {padding: 40px 10px;}
 .services-provide-text a{font-size: 25px;}
 .services-4 a{width: 68%;}
  .award-design1{width:100%;padding: 5px 0;}
 .footer-list1{width:100%;padding-bottom: 0;border: 0;}
 .footer-list1:nth-child(2){padding:0;}

}