@import url('https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap');

body{
  margin:0;
  padding:0;
  color:#d31031;
  font-family: 'Outfit', sans-serif;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover{
  color:#000;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -0px;
}
.main{
  margin: auto;
  padding: 0;
  width: 93%;
}
a{
  color: #000000;
  text-decoration: none;
}
a:focus, a:hover {
  color: #000;
  text-decoration: none;
}
img{
  max-width: 100%;
}

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

/*#ff847a*/
/*  font-family: "Oleo Script", system-ui;
*/

/*START HEADER SECTION */

/* start top head section*/

.tophead-section{
  background: #f6ff00;
}
.tophead-left1{
  padding: 0;
  background: #f6ff00;
  border-radius: 0px 0px 20px 0px;
  position:relative;
}
.tophead-left1:before{
  content:"";
  position:absolute;
  height: 30px;
  width: 30px;
  background: #f6ff00;
  transform: rotate(45deg);
  right: -9px;
  bottom: -6px;
  border-radius: 0px 20px 20px 0px;
}
.tophead-left2{
  font-size: 22px;
  text-transform: capitalize;
  color: #000;
  font-weight: 600;
  line-height: 35px;
  margin: 8px 0 -5px 0;
}


.tophead-right1{
  padding: 0;
}
.tophead-right2{
  padding: 6px 25px 0;
  background: #4810d2;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tophead-right2 span a{
  font-size: 33px;
  color: #ffffff;
  font-weight: 700;
  display: block;
  padding: 0 0px 0;
}
.tophead-right2 span a i{
  color: #fff;
  font-size: 29px;
  padding: 0 6px 0 0;
}
.tophead-right2 ul li{
  display: inline-block;
  padding: 0 1px;
  font-size: 15px;
  font-weight: 700;
  color: #f6ff00;
  text-transform: uppercase;
}
.tophead-right2 li a{
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 16px;
  background-color: #f6ff00;
  color: #d70000;
  font-size: 14px;
  text-align: center;
  line-height: 27px;
  margin-left: 14px;
  transition: 0.1s;
  display:block;
}
.tophead-right2 li a:before{
  content: '';
  width: 41px;
  height: 41px;
  border-radius: 23px;
  border: solid 2px #f6ff00;
  position: absolute;
  top: -7px;
  left: -7px;
  transition: 0.1s;
}
.tophead-right2 li a .bi{
  height: 0.9rem;
  width: 0.9rem;
}
/* end top head section */

/* start head section */

.head-section{
  background: #f6ff00;
}
.head-design{
  background: #4810d3;
  /* border-bottom: 1px solid #ff847a; */
  justify-content: center;
  align-items: center;
}
.head-logo1{
  padding: 10px;
}
.head-logo2{
}

.head-right1{
  padding: 10px;
}
.head-right2{
}

.head-right2 p{
  text-align: center;
  color: #f6ff00;
  font-size: 22px;
  text-transform: uppercase;
  margin:0;
  padding: 0 0 20px 0;
  font-weight: 600;
}
.head-right2 p b{
  font-weight: 700;
  color: #ffffff;
}

.head-right2 ul{
  padding: 0px 0 0px 0px;
  margin:0;
  list-style:none;
}
.head-right2 ul li{
  padding: 4px 26px 6px;
  margin: 0 9px;
  position: relative;
  text-transform: capitalize;
  background: #f5ff00;
  color: #ffffff;
  border-radius: 67px;
  font-size: 16px;
  display: inline-block;
  font-weight: 500;
  z-index: 9;
}
.head-right2 ul li:before {
  content: "";
  position: absolute;
  height: 58px;
  top: -11px;
  right: 0px;
  bottom: inherit;
  left: 0px;
  margin: 0 auto;
  background:#4810d3;
  z-index: -1;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.head-tag-col {
  padding: 0;
  text-align: center;
}
.head-tag-col .tag-p1 {
    font-size: 18px;
    color: #ffffff;
    padding: 0 10px 14px;
    line-height: 29px;
    text-align: center;
    font-weight: 500;
}
.head-tag-col strong {
    font-size: 29px;
    color: #d70000;
    padding: 6px 15px 8px;
    font-weight: 700;
    display: inline-block;
    text-transform: capitalize;
    background: #f6ff00;
}
/* end head section*/


/* start slide section  */
.slide img{
  width: 100%;
}
.banner img{
  width:100%;
}
.slide-section img{
  width: 100%;
}
.carousel-control-next, .carousel-control-prev{
  opacity:2;
}
.slide-btn b{
  display: inline-block;
  height: 48px;
  width: 35px;
  background: #ffffff;
  margin: 0 0  0;
}
.slide-btn b span{
  margin: 11px 0px 0 -5px;
  height: 26px;
  filter: brightness(1) invert(1);
}

.carousel-control-next{
  justify-content: right;
  right: 0px;
}
.carousel-control-prev{
  justify-content: start;
}
/* end slide section */


/* END HEADER SECTION*/



/* start about us section */

.about-design{
  padding: 40px 0px 50px;
  border-top: 0;
  border-radius: 0 0 40px 40px;
}
.aboutus-2{
  border: 3px solid #f5ff00;
  border-radius: 10px;
  padding: 0px 30px 20px 30px;
  margin-top: 37px;
}
.about-heading span{
  position: absolute;
  left: 0;
  top: 5px;
  animation: blink 1.2s linear infinite;
}
.about-heading strong{
  font-size: 57px;
  font-weight: 400;
  padding: 0px 0 0 20px;
  color: #4810d3;
  text-transform: capitalize;
  font-family: "Oleo Script", system-ui;
}
.about-heading p{
  color: #000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  width: 65%;
  background: #f5ff00;
  margin: -27px auto 0 14px;
  padding: 8px 15px;
}
.about-heading{
  background: #fff;
  border-radius: 0px 60px 60px 0px;
  margin: -30px 0px 0 0px;
  border: 2px solid #f5ff00;
  width: 69%;
  padding: 0 0 0 0px;
}
.about-content p{
  color: #494949;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: justify;
  padding: 0px 0 10px;
}
.about-content p strong{
  color: #e42d60;
  font-weight: 600;
}
.about-content ul{
  padding: 10px 0px 10px 0px;
  margin: 0px 0 0px 0;
  list-style: none;
}
.about-content ul li{
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background: #4810d3;
  text-transform: capitalize;
  margin: 0 10px 18px 0;
  display: inline-block;
  padding: 8px 12px 8px 51px;
  position: relative;
}
.about-content ul li:last-child{
  border-bottom:0;
  margin: 0;
}
.about-content ul li:before{
  margin: 0 auto;
  position: absolute;
  left: -1px;
  font-size: 18px;
  color: #4810d3;
  font-weight: 600;
  top: -1px;
  content: "\f863";
  height: 41px;
  line-height: 41px;
  text-align: center;
  width: 41px;
  border-radius: 10% 50% 50% 0%;
  background: #f5ff00;
  font-family: "Font Awesome 7 Free";
}


.list-design{
  padding: 10px 0px 0px 0px;
}

.list-design ul{
  padding: 0;
  margin:0;
  list-style: none;
}
.list-design ul li{
  margin: 16px 0 0;
  font-weight: 500;
  font-size: 17px;
  color: #000;
  text-transform: capitalize;
  position:relative;
  text-align: center;
  display: block;
  background: #fff600;
  padding: 14px 0px 10px 0px;
  border-radius: 50px;
}
.list-design ul li:before{
  height: 20px;
  width: 20px;
  background: #ffffff;
  border-radius:50%;
  content:"";
  position:absolute;
  top: 15px;
  right: 8px;
  transition:5s ease-in-out;
}
.list-design ul li:hover:before{
  right:auto;
  left:0;
  background: #4810d1;
  transition:1s ease-in-out;
}


.list-design ul li:last-child{
  border:0;     
}
.list-design ul li:hover a{
  color: #cd0014;
}

/* end about us section */

/* start why choose us section */

.whychoose-section{
  padding: 70px 0 100px;
}
.choose-heading strong{
  font-size: 57px;
  font-weight: 400;
  padding: 0px 0 0 0px;
  color: #4810d3;
  text-transform: capitalize;
  font-family: "Oleo Script", system-ui;
}
.choose-heading  p{
  color: #000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  width: 65%;
  background: #f5ff00;
  margin: -27px auto 0;
  padding: 8px 15px;
}
.choose-heading {
  background: #fff;
  border-radius: 90px;
  margin: -30px auto  0;
  border: 2px solid #f5ff00;
  width: 69%;
  padding: 0 0 0 0px;
}

.choose-left2{
  padding: 0px 12px 30px;
  background: #4810d3;
  border-radius: 20px;
}
.choose-left2 span{
  display: block;
  border-radius: 0 0 50% 50%;
  height: 100px;
  width: 100px;
  color: #4810d3;
  line-height: 88px;
  margin: 0px auto 0;
  font-size: 50px;
  background: #ffffff;
}
.choose-left2 span img{
  height: 60px;
}
.choose-left2 p{
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  line-height: 24px;
  padding: 15px 0 0;
}
.choose-left2 strong{
  text-transform: capitalize;
  color: #000000;
  background: #f5ff00;
  padding: 4px 28px 4px;
  border-radius: 50px;
  display: inline-block;
  margin: 25px 0 0;
  font-size: 20px;
}
.choose-center1{
  padding: 0 0px;
}
.choose-center2{
  padding: 50px 0 0px 0;
}
.choose-content p{
  color: #484848;
  font-size: 16px;
  line-height: 32px;
  padding: 0px 0px 14px;
}
.choose-content p strong{
  color: #db156f;
}
.choose-content a{
  display: block;
}
.choose-content a span{
  color: #fff;
  padding: 0px 0px;
  text-transform: capitalize;
  margin: 9px 0 0;
  font-weight: 600;
  font-size: 53px;
  display: block;
  background: #097f09;
  position:relative;
  z-index:9;
}
.choose-content a span:before{
  background: url(../images/bg-whatsapp.jpg) no-repeat #097f09;
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height: 100%;
  width:100%;
  z-index:-9;
  opacity: 0.2;
  background-size: cover;
}
.choose-content a b{
  margin: 0;
  padding: 20px 0 0;
  font-size: 28px;
  font-weight: 700;
  display: block;
  color: #078111;
  text-transform: uppercase;
}
.choose-bottom1{
  padding: 10px;
}
vv{
  font-size: 60px;
  font-weight: 400;
  margin: 0px 0 0px 0px;
}
/* end why choose us section */

/* start services section */

.services-section{
  padding: 80px 0 80px;
}
.design-services{
  background: #f5ff00;
  padding: 30px;
  margin: 60px 0 0;
  border-radius: 30px;
}
.services-1{
  padding: 10px;
}
.services-2{
  padding: 13px 13px;
  border: 2px solid #f5ff00;
  background: #fff;
  border-radius: 10px;
}
.services-3{
}
.services-3 img{
  border: 4px solid #f8f700;
  border-radius: 10px;
  margin: 0 0 -15px 0;
}
.services-3 strong{
  display: inline-block;
  padding: 5px 34px 2px;
  border-radius: 40px;
  text-transform: capitalize;
  font-weight: 600;
  color: #4810d3;
  font-size: 22px;
  background: #fff;
  margin: -37px 0 0px 0;
}
 .services-3 span{   font-size: 15px;
    color: #ca0000;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    letter-spacing: 1px;
                 }
.services-4 p{
  color: #434343;
  line-height: 28px;
  padding: 6px 0 16px;
  font-size: 16px;
}
.services-4 a{
  color: #d70000;
  background: #f5ff00;
  display: block;
  border-radius:50px;
  padding: 10px 10px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 -28px 0;
}
/* end services section */

/* start awards section  */
.awards{
  padding: 0 1px 0 0;
}
.right-award{
  padding: 0px 70px 70px 90px;
  position: relative;
  z-index: 99;
  border-radius: 60px 0 0;
  background: #f5ff00;
}


.award1{
  padding: 10px;
}
.award2 img{
  width: 100%;
}
.awards-heading strong{
  font-size: 47px;
  font-family: "Oleo Script", system-ui;
  display: inline-block;
  background: #fff;
  font-weight: 600;
  margin: 0;
  padding: 0px 20px 0px 20px;
  color: #4810d3;
  text-transform: capitalize;
}
.design-awards{
  align-items: center;
  padding: 20px 0 0;
}
/* end awards section */


/* start main services section */

.mainservices-section{
  background: #4810d3;
  padding: 70px 0 150px;
}
.mainservices-1{
  padding: 15px;
}
.mainservices-2{
  padding: 0px 0 100px;
  /* border: 1px solid #ffd78e; */
  background: #fff;
  border-radius: 7px 7px 15px 15px;
}
.mainservices-3 span{
  position:relative;
  z-index: 9;
  text-align: center;
  display: block;
  margin: 30px 0 0;
}
.mainservices-3 span:before{
  position:absolute;
  content:"";
  height: 200px;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: -20px;
  width: 200px;
  background: #f5ff00;
  z-index:-9;
  border-radius:50%;
}
.mainservices-3 span img{
  display: block;
  border-radius: 50%;
  padding: 0px;
  height: 181px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
}
.mainservices-4 strong{
  padding: 8px 0px 7px;
  border-radius: 7px 7px 0 0;
  font-size: 21px;
  text-transform: capitalize;
  display: block;
  background: #f5ff00;
  font-weight: 600;
  color: #df0000;
}

.mainservices-4 p{
  font-size: 15px;
  color: #222;
  font-weight: 500;
  line-height: 30px;
  padding: 11px 0 20px;
}
.mainservices-4 a{
  background: #fa0059;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 20px 6px 22px;
  letter-spacing: 0.6px;
  font-weight: 500;
  transition: 0.3s ease-in;
  display: inline-block;
  border-radius: 50px;
  text-transform: capitalize;
}
/* end main services section*/

/* start other services section */

.other-services-section{
  padding: 170px 0 130px;
}

.other-services1{
  padding: 10px;
}
.other-services2{
  padding: 15px 0px 0;
  border-radius: 150px 150px 0 0;
  background: #4810d3;
}
.other-services3 img{
  border-radius: 50%;
  border: 13px solid #fff;
}
.other-services4{
  background: #fff;
  padding: 20px 15px 15px;
  margin: -30px auto 0;
  border-radius: 15px 15px  0 0;
  width: 93%;
  z-index: 99;
  position: relative;
}
.other-services4 strong{
  font-size: 25px;
  color: #4810d3;
  text-transform: capitalize;
  font-weight: 700;
  font-family: "Oleo Script", system-ui;
  display: block;
}
.other-services4 span{
  font-size: 15px;
  color: #ca0000;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 1px;
}
.other-services4 p{
  color: #404040;
  line-height: 30px;
  font-weight: 400;
  font-size: 16px;
  padding: 4px 0 0;
}
.other-services5 a{
  color: #ca0000;
  display: block;
  text-transform: capitalize;
  background: #f5ff00;
  padding: 92px 0 0;
  font-size: 20px;
  font-weight: 700;
  border-radius: 0 0 50% 50%;
  height: 140px;
  width: 70%;
  position: absolute;
  top: -80px;
  z-index: -99;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.other-services5{
  z-index: 9;
}
.design-other-services{
  padding: 40px 0 0 0;
}
/* end main services section */


/* start list section */

.list-design-section{
  padding: 90px  0 0;
}
.heading-list strong{
  font-size: 55px;
  font-family: "Oleo Script", system-ui;
  display: block;
  font-weight: 500;
  margin: 0;
  text-align: center;
  background: #f5ff00;
  padding: 0 10px;
  color: #4810d3;
  text-transform: capitalize;
}
.list-line ul li{
  color: #000;
  font-size: 17px;
  padding: 13px 0px 12px 40px;
  list-style: none;
  font-weight: 500;
  position:relative;
  text-transform: capitalize;
}
.list-line ul li:before{
  margin: 0 auto;
  position: absolute;
  left: -2px;
  font-size: 24px;
  color: #d90000;
  font-weight: 600;
  top: 6px;
  content: "\f666";
  text-align: center;
  font-family: "Font Awesome 7 Free";
  animation: rotation 8s linear infinite;
}
@-webkit-keyframes rotation {
  0% {
      transform: rotate(0);
  }
  to {
      transform: rotate(1turn);

  }
}
.design-mid{
  justify-content: center;
  align-items: center;
  padding: 40px 0 0;
}
/* end list section */


/* start testimonials section */

.testimonials{
  padding: 110px 0 20px;
}
.client-testi{
  padding:40px 0 0 ;
}
.testimonails-1{
  padding: 15px;
}
.testimonails-2{
  padding: 25px 0;
  border-radius: 30px;
  position: relative;
  background: #4810d3;
  z-index:9;
}
.testimonails-2:before{
  margin: 0 auto;
  position: absolute;
  right: 20px;
  font-size: 134px;
  color: #ffffff21;
  font-weight: 600;
  top: 46px;
  content: "\f10e";
  z-index:-9;
  line-height: 41px;
  text-align: center;
  font-family: "Font Awesome 6 Pro";
}
.testimonails-2 aside img{
  margin: 0 auto 0 0;
  display: block;
  height: 79px;
  border-radius: 70%;
}
.testimonails-2 aside{
  position:relative;
  z-index: 9;
  padding: 0 0 0 20px;
}
.testimonails-2 aside:before{
  content:"";
  position:absolute;
  height: 24%;
  width: 50%;
  border-radius: 0 30px 30px 0;
  background: #f5ff00;
  -9: 0;
  left: 0;
  z-index: -9;
  top: 30px;
}
.testimonails-2 strong{
  display:block;
  padding:15px 0 0 0
}
.testimonails-2 strong i{
  color: #f5ff00;
  font-weight: 600;
  font-size: 20px;
  padding: 0 13px;
}
.testimonails-2 p{
  color: #ffffff;
  font-size: 16px;
  text-align: left;
  padding: 15px 20px 0;
  line-height: 29px;
  font-weight: 400;
}
.testimonails-2 span{
  text-align: center;
  display: block;
  font-size: 16px;
  color: #d10200;
  text-transform: capitalize;
  font-weight: 700;
  padding: 7px 10px;
  margin: 0px 20px 10px auto;
  width: 50%;
  background: #fff;
  border-radius: 30px;
}
/* end testimonials section*/

/* whatsapp chat section start */
.chat-1{
    padding: 40px 15px 0;
 }
.chat-2 img{
  width: 100%;
  border: 1px solid #07811130;
  border-radius: 25px 25px 0 0;
  border-bottom: 0;
}
.chat-2 a {
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    background: #078111;
    margin: 0 0 25px;
    padding: 8px 10px 7px;
    display: block;
    text-align: center;
    border-radius: 0 0 25px 25px;
}
/* whatsapp chat section end */


/* start footer section  */

.footer{
  background: #f5ff00;
  position:relative;
  z-index: 9;
}
.footer-left1{
  padding: 0px 10px 30px 0px;
}
.footer-about a img{
  height: 110px;
}
.footer-about p{
  color: #000000;
  padding: 15px 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}


.footer-about{
  padding: 50px 0 0;
}
.footer-about a{
  display: inline-block;
  font-size: 21px;
  text-transform: uppercase;
  color: #fff;
  background: #4810d3;
  padding: 9px 21px 9px 21px;
  font-weight: 600;
  margin: 0;
  border-radius: 28px;
}
.footer-about strong{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  display: block;
}

.footer-links{
  padding: 18px 0 0;
}

.footer-navigation1{

}

.footer-navigation1 a{
  display: block;
}
.footer-navigation1 a span{
  color: #fff;
  padding: 20px 0px;
  text-transform: capitalize;
  margin: 9px 0 0;
  font-weight: 600;
  font-size: 37px;
  text-align: center;
  display: block;
  background: #097f09;
  position:relative;
  z-index:9;
}
.footer-navigation1 a span i{
  display:block;
  font-size: 80px;
}
.footer-navigation1 a span:before{
  background: url(../images/bg-whatsapp.jpg) no-repeat #31e531;
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height: 100%;
  width:100%;
  z-index:-9;
  opacity: 0.2;
  background-size: cover;
}
.footer-navigation1 a b{
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  display: block;
  color: #078111;
  text-transform: uppercase;
}

.choose-bottom1{
  padding: 15px;
}
.footer-navigation1  a span i{
  font-size: 60px;
  font-weight: 400;
  margin: 0px 0 0px 0px;
}

.footer-services1{
  padding: 0 0px 0 20px;
}
.footer-services1 strong{
  display: block;
  color: #000000;
  font-size: 23px;
  text-transform: capitalize;
  margin: 0;
  font-weight: 500;
}



.footer-right{
  padding: 10px;
  border: 1px solid;
}

.services-left1{
  padding: 0px;
}
.services-left1 ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.services-left1 ul li{
  padding: 10px 0 10px 31px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: #000000;
}
.services-left1 li:before{
  margin: 0 auto;
  position: absolute;
  left: -2px;
  font-size: 22px;
  color: #d90000;
  font-weight: 600;
  top: 6px;
  content: "\f666";
  text-align: center;
  font-family: "Font Awesome 7 Free";
  animation: rotation 8s linear infinite;
}

.footer-right-1{
  padding: 30px 0 0 30px;
  background: #4810d3;
  border-left: 1px solid #eba859;
}
.footer-right-1 strong{
  display: block;
  color: #ffffff;
  font-size: 39px;
  text-transform: capitalize;
  font-family: "Oleo Script", system-ui;
  margin: 0;
  font-weight: 500;
  position:relative;
}
.footer-right-1 strong:after{
  content:"";
  position:absolute;
  height: 4px;
  width: 50%;
  background: #ffffff;
  border-radius: 20px;
  left: 0;
  bottom: -0px;
}
.footer-right-1 p{
  font-size: 16px;
  line-height: 28px;
  padding: 22px 10px 10px 0px;
  color: #fff;
  font-weight: 400;
}
.footer-right-1 ul{
  padding: 20px 0 0;
  margin: 0;
  list-style: none;
}
.footer-right-1 ul li{
  padding: 15px 0 15px 20px;
  background: #f5ff00;
  margin: 21px 0 0px;
  position:relative;
}
.footer-right-1 li span{
  font-size: 20px;
  display: block;
  color: #000;
  padding: 6px    0 0 0;
  font-weight: 600;
}
.footer-right-1 li b{
  font-style: normal;
  font-size: 19px;
  font-weight: 600;
  color: #f10000;
  text-transform: uppercase;
  display: block;
}
.footer-right-1 li i{
  position: absolute;
  right: 30px;
  font-size: 60px;
  opacity: 0.2;
}

.copy-right{
  padding: 20px 0;
  background: #4810d3;
}
.copy-right p{
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  display: block;
}
/* end footer section  */







#callbook {
  background:green;
  bottom: 0;
  height: 40px;
  left: 0;
  position: fixed;
  display: none;
  right: 0;
  z-index: 999999;
}
#callbook ul{
  padding: 0px;
}
#callbook ul li {
  background:red;
  position: relative;
  padding: 4px 0px 8px;
  width:50%;
  list-style:none;
  float:left;
  text-align: center;
}
#callbook ul li:last-child{
  background: #038303;
}
#callbook ul li a span {
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  top: 0px;
}







@media (max-width: 767px){
  body{text-align: center;}
  .head-right2 ul li{padding: 4px 26px 6px;margin: 0 6px;}
  .head-right2 ul li:nth-child(3){display:none;}
  .tophead-right2 a {font-size: 34px;}
  .head-logo2{text-align:center;}
  .head-right1{padding: 0 0 22px;}
  .heading-list strong{font-size: 30px;}
  .head-right2 p{font-size: 18px;}
  .head-logo1{padding-top:0;}ent ul li{margin: 0 10px 15px 0px;}
  .mainservices-1:nth-child(3){margin:80px 0 0 0;}
  .mainservices-1:nth-child(4){margin:80px 0 0 0;}
  .about-heading {width:90%;}
  .aboutus-2 {padding: 0px 10px 20px 10px;}
  .design-services {padding: 7px 0px;}
  .choose-heading p{width: 80%;font-size: 16px;padding: 8px 10px;}
  .choose-heading{width: 100%;border-radius: 70px;}
  .right-award {padding: 0px 20px 70px 20px;width: 96%;margin: 0 auto;border-radius: 0;}
  .awards-heading strong{font-size: 42px;margin: 0 auto;display: block;text-align: center;}
  .other-services1:nth-child(3){margin:80px 0 0 0;}
  .other-services1:nth-child(4){margin:80px 0 0 0;}
  .other-services2{border-radius: 300px 300px 0 0;}
  .testimonails-1:nth-child(3){width:100%;}
  .testimonails-2 strong i{padding: 0 8px;}
  .footer-left1 {padding: 0px 15px 30px 15px;}
  .footer-navigation1 a b{font-size: 24px;}  
  .footer-navigation1 a span{font-size: 31px;}  
  .copy-right{padding: 10px 0 50px;}
  .footer-right-1 {padding: 30px 0 0 10px;}
  .tophead-left1:before{display:none;}
  .tophead-left2 {padding: 0 0 4px;}
  .about-content ul li{display:block;margin: 12px 0;}
  .about-content ul {padding: 10px 0px 25px 0px;}
  #callbook {display:block;}
  .about-content p{text-align: left;}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-left1 {padding: 0px 10px 30px 15px;}
  .choose-heading p{width: 77%;}
  .choose-heading{width:90%;}
  .other-services1:nth-child(3){margin:80px 0 0 0;}
  .other-services1:nth-child(4){margin:80px 0 0 0;}
  .other-services2{border-radius: 180px 180px 0 0;}
  .heading-list strong{font-size: 40px;}
  .tophead-right2 a {font-size: 34px;}
  .head-logo2{text-align:center;}
  .head-right1{padding: 0 0 22px;}
  .about-content ul li{margin: 0 10px 15px 0px;}
  .mainservices-1:nth-child(3){margin:80px 0 0 0;}
  .mainservices-1:nth-child(4){margin:80px 0 0 0;}
  .testimonails-1:nth-child(3){width:100%;}
  .tophead-left2 {padding: 0 0 4px;}

 
 
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-right-1 {padding: 30px 0 0 10px;}
  .footer-left1 {padding: 30px 0px 0px 0px;}
  .footer-right-1 ul {padding: 10px 0 0;}
  .other-services4{padding: 20px 10px 15px;width: 94%;}
  .other-services4 strong{font-size: 22px;}
  .other-services5 a{width: 78%;}
  .choose-heading p{width: 77%;}
  .services-3 strong{padding: 5px 22px;font-size: 20px;}
  .about-heading{width: 75%;}
  .about-content ul li{margin: 0 10px 15px 0px;}
  .head-right2 ul li{padding: 4px 26px 6px;margin: 0 6px;}
  .head-right2 ul li:nth-child(3){display:none;}
  .tophead-right2 span a {font-size: 23px;padding: 0 10px 0;}
.tophead-right2 span a i {font-size: 21px;}
.head-right2 p {font-size: 18px;padding: 0 0 12px 0;}
.tophead-left2 {font-size: 20px;margin: -3px 0 -5px 0;padding: 11px 0 0;}
.tophead-right2 {padding: 10px 15px 9px;}
.choose-left2 strong {padding: 4px 22px 4px;font-size: 18px;}
  

  
}
@media only screen and (min-width: 1201px) and (max-width: 1340px) {
  .head-right2 ul li{padding: 4px 26px 6px;margin: 0 2px;}
  



}

@media (max-width: 575px) and (min-width: 0px) {
  .tophead-left1:before{display:none;}
  .head-right2 ul li{padding: 4px 26px 6px;margin: 0 6px;}
  .head-right2 ul{display:none;}
  .aboutus-section{padding:0 15px;}
  .about-heading p{font-size: 15px;width: 75%;}
  .about-heading{width: 100%;}
  .choose-heading p{width:90%;}
  .footer-services1 {padding: 0 10px 0 10px;}
  .footer-about a{font-size: 18px;}
  .services-left1 ul{padding:13px 0  0;}
  .choose-heading strong{font-size: 38px;}
  .choose-heading{border-radius: 10px;}
  .other-services1:nth-child(2){margin:80px 0 0 0;}
  .list-line ul li {font-size: 16px;padding: 13px 0px 12px 35px;}
  .heading-list strong{font-size: 32px;}
  .design-mid {padding: 20px 0 0;}
  .mainservices-1:nth-child(2){margin:80px 0 0 0;}
  .awards-heading strong{font-size: 32px;padding: 0px 10px 0px 10px;}
  .choose-content a span i{display:block;}
  .choose-content a span{font-size: 35px;padding: 20px 0px;}
  .services-3 strong {font-size: 21px;padding: 5px 15px 2px;}
  .about-heading strong{font-size: 36px;}
  .head-right2 p {font-size: 16px;padding: 0 6px 0;}
  .head-right1 {padding: 0 0 0px;}
  .slide-btn b {height: 40px;width: 25px;}
  .slide-btn b span {margin: 10px 0px 0 -5px;height: 20px;}
 .head-tag-col strong {font-size: 22px;padding: 6px 15px 6px;}
.tophead-right2 span a {font-size: 25px;padding: 0 10px 0;}
.tophead-right2 span a i {font-size: 22px;}
.tophead-right2 {padding: 6px 10px 0;}
.head-tag-col .tag-p1 {font-size: 14px;line-height: 24px;}
}
@media (max-width: 420px) and (min-width: 0px) {
.about-heading p {font-size: 14px;width: 80%;padding: 5px 8px;}
.tophead-right2{display: block;}
.tophead-right2 span a {font-size: 30px;padding: 4px 10px 0;}
.tophead-right2 span a i {font-size: 27px;}
.tophead-right2 {padding: 15px 10px 0;}
.head-tag-col .tag-p1 {font-size: 14px;line-height: 24px;}
.head-tag-col strong {font-size: 17px;padding: 4px 15px 4px;}
.heading-list strong, .awards-heading strong {line-height: 32px;padding: 8px 8px;font-size: 27px;}
.choose-left2 strong {padding: 4px 18px 5px;font-size: 18px;}
.footer-about a {font-size: 16px;padding: 9px 12px 9px;}
.about-design {padding: 40px 0px 0;}
.whychoose-section {padding: 0 0 60px;}
.list-design-section { padding: 0 0 0;}

}