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


body{
  margin:0;
  padding:0;
  color: #601f36;
  font-family: 'Noto Sans', 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: 92%;
}
a{
  color: #000000;
  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;
}
p{
  margin:0;
}
/*font-family: 'Acme', sans-serif;*/
/* light pink #fcebf0 */


/* start fixed header section */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background: #ffff;
  box-shadow: 0 0 6px 0px #8e8e8e78;
}
.scroll-on .head-logo1 img{
  height: 60px;
}
.scroll-on .head-appointment1 a{
  padding: 8px 8px 8px 10px;
  font-size: 13px;
  display: inline-block;
}
/* end fixed header section */


/* START HEADER SECTION  */
.contact-top{
  background:#601f36;
  top:0;
}
.contact-top a{
  color: #fb6376;
  font-size: 46px;
  letter-spacing: 2px;
  font-weight: 500;
  display: none;
  font-family: 'Acme', sans-serif;
}
.top-head{
  background: #601f36;
  transition: all ease-out 0.5s;
}

.head-logo1{
}


.head-appointment1{
  padding: 0px;
  width: 20%;
  text-align: right;
}
.head-appointment1 a{
  padding: 14px 8px 13px 15px;
  background: #fcebf0;
  color: #601f36;
  text-align: center;
  display: block;
  border-radius: 40px 0 0 40px;
  font-weight: 700;
  font-size: 16px;
  text-transform: capitalize;
}
.head-appointment1 a .bi{
  height: 1.5rem;
  width: 1.5rem;
  margin: 0px 0 -4px;
}
.div-mid{
  justify-content: center;
  align-items: center;
}


/* start navigation section  */

.head-navigation1{
  padding: 10px 0;
  width: 55%;
  position: relative;
}
.navbar-collapse{
  justify-content:center;
}
.navbar-collapse .navbar-nav{
  display: block;
  text-align: center;
  margin: 0 auto 0;
}
.navbar-collapse .navbar-nav li{
  display:inline-block;
  padding: 0px 12px;
  color: #000;
  position: relative;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  transition: 0.9s ease-in;
  text-align: -webkit-auto;
}
.navbar-collapse .navbar-nav li a{
  color: #ffffff;
  display: inline-block;
  padding: 7px 14px 8px;
  font-weight: 500;
  border-radius: 30px;
  transition: 0.5s ease-in;
}

.navbar-toggler{
  width: 50px;
  height: 41px;
  background: #fb6376;
  display: inline-block;
  transition: all 0.2s ease-in;
  padding-top: 0px;
  line-height: 3px;
  margin: 0px 0 0px 0;
  border-radius: 0;
  margin-left: 0px;
  padding-left: 8px;
  border: 0;
  padding-right: 8px;
}

.toggle-design{
  height: 2px;
  width: 100%;
  background: #fcebf0;
  display: inline-block;
  transition: all 0.5s cubic-bezier(.62,.43,.35,1.47);
}
.navbar-toggler:focus{box-shadow:none;}

.navbar-nav li:hover a{
  color: #fb6376;
}
.navbar-nav li a.active-1 {
  color: #fb6376;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.dropdown-menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.dropdown-menu ul li{
  display:block;
  padding: 9px 0 9px 14px;
  color: #fff;
  margin: 0;
}
.dropdown-menu ul .dropdown-item a{
  color: #000;
}

.dropdown-menu ul .dropdown-item:hover a{
  color: #ffcad9;
}
.dropdown-menu ul li:last-child{
  padding-bottom: 6px;
}
.dropdown-menu ul li:nth-child(1){
  padding-top: 9px;
}
.menu li .dropdown-menu ul li a{
  display:
  block;
  color: #000000;
  font-size: 15px;
  background: #c0203c00;
  border: 0;
  font-weight: 500;
  padding: 0;
  border-radius: initial;
}

.menu li .dropdown-menu ul li:before {
  display:none;
}
.dropdown-menu ul li:hover{
  background: #601f36;
  color: #ffffff;
}
.menu li .dropdown-menu ul li:hover a{
  color: #fcebf0;
}
.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-menu {
  position: absolute;
  padding: 0;
  top: 100%;
  transform: translateY(19px);
  transition: 0.4s all;
  left: 0px;
  box-shadow: 0px 0px 23px 0px #eeeeee42;
  float: none;
  right: 0;
  text-align: center;
  margin: 0 auto;
  width: 250px;
  display: none;
  background-color: #ffffff;
  z-index: 999999;
  border-radius: 0;
  transition: 0.4s all;
}
.dropdown:hover .dropdown-menu{
  transform: translateY(0px);
  display:block;
}



/* end navigation section  */

/* start slider section  */

.carousel-control-next, .carousel-control-prev{
  opacity:2;
}
.slide-btn b{
  display: inline-block;
  height: 39px;
  line-height: 10px;
  width: 35px;
  background: #fb6376;
  margin: 0 0  0;
}
.slide-btn b span{margin: 4px 0 0 0px;}
.slider-design img{
  width:100%;
}
/* end slider section  */

/* END HEADER SECTION  */


/* start about us section  */

.about-left1{
}
.about-left1 span{
  height: 600px;
  display: block;
  width: 450px;
  border-radius: 0 0 600px 600px;
  box-shadow: 1px 12px 10px #eee;
  margin: 0 auto;
}
.about-left1 span img{}
.about-right1{
  padding: 10px 0 0 40px;
  position: relative;
}
.heading-about p{
  color: #fb6376;
  font-size: 15px;
  font-weight: 700;
  padding: 0 0 3px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.heading-about h1{
  color: #601f36;
  text-transform: capitalize;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 2px;
  font-family: 'Acme', sans-serif;
}
.heading-about h1 a{
  color: #601f36;
}

.about-text{
  padding: 20px 0 0;
}
.about-text p{
  color: #222;
  font-size: 15px;
  padding: 0 0 9px 0;
  line-height: 30px;
}
.about-text p strong{
  color:#fb6376;
}

.contact-number{
  position:relative;
}
.contact-number a{
  display: block;
  background: #601f36;
  color: #fff;
  padding: 0px 20px 0px 140px;
  border-radius: 100px;
}
.contact-number a span{
  position: absolute;
  left: 50px;
  top: 29px;
}
.contact-number a span img{
  height: 100px;
}
.whatsapp-design{
  position:relative;
  z-index: 999;
}
.whatsapp-design:before{
  position:absolute;
  content:"";
  background:transparent;
  width:100%;
  height:200px;
  /* border-bottom: 1px solid #dfdfdf; */
  left:0;
  right:0;
  border-radius: 50%;
  top: -130px;
  z-index: -9;
}
.contact-number a b{
  font-family: 'Acme', sans-serif;
  font-size: 75px;
  letter-spacing: 1px;
  display: block;
  font-weight: 400;
}

.whatsapp-design a{
  display: block;
  margin: 0px auto 0;
  width: 80%;
  border-radius: 100px;
}
.whatsapp-design b{
  height: 120px;
  width: 120px;
  line-height: 150px;
  background: #12cb12;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
  position:relative;
}
.whatsapp-design b:before{
  height: 155px;
  width: 155px;
  background:#bdffbd;
  position:absolute;
  border-radius: 50%;
  content:"";
  top: -18px;
  left: -17px;
  right: 0px;
  margin: 0 auto;
  z-index: -9;
}
.whatsapp-design b .bi{
  height: 3.3rem;
  width: 3.3rem;
  color: #fff;
}

/* end about us section  */

/* start services section  */

.services-section{
  position: relative;
  background: #ffffff;
  z-index: 9;
}
.services-section:before{
  background:url(images/background-imgc.png);
  content:"";
  position:absolute;
  left:0;
  right:0;
  z-index: -9;
  background-repeat: no-repeat;
  top: -80px;
  background-size: contain;
  width: 100%;
  height: 320px;
}
.services-2{
  padding: 30px 20px;
  border-bottom: 3px solid #601f36;
}
.services-3 img{

}
.services-3 strong{
  color: #601f36;
  text-transform: capitalize;
  padding: 23px 0 0;
  font-size: 29px;
  display: block;
  font-weight: 700;
  font-family: 'Acme', sans-serif;
}
.services-3 p{
  color: #222;
  font-size: 15px;
  padding: 3px 0 16px 0;
  line-height: 30px;
}
.services-3 a{
  background: #fff;
  border-radius: 30px;
  color: #fc6377;
  display: inline-block;
  position: relative;
  font-size: 17px;
  padding: 8px 20px 8px 60px;
  border: 2px solid #601f36;
  font-weight: 800;
  text-transform: capitalize;
}
.services-3 a span{
  position: absolute;
  left: 0;
  background: #fff;
  height: 52px;
  left: -3px;
  top: -6px;
  width: 48px;
}
.services-3 a span img{
  /* height: 50px; */
}
/* end services section  */


/* start banner design section  */

.banner-design1{
  
}

.banner-design1 img{

}

/* end banner design section  */


/* start form section  */

.design-form{
  border: 1px solid #eeeeee;
  padding: 0px 60px 0px 10px;
  background:#fff;
  box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 7%);
  overflow: hidden;
  z-index: 9;
  position: relative;
}
.form-left1{
  padding: 30px 0;
  position:relative;
  font-family: 'Acme', sans-serif;
  text-transform: capitalize;
  z-index: 9;
  overflow: hidden;
}

.design-form:after{
  content: "";
  background: #f9f9f9;
  top: -160px;
  height: 700px;
  width: 660px;
  position: absolute;
  left: -180px;
  z-index: -1;
  border-radius: 100%;
  border: 1px solid #eeee;
}



.form-left1 strong{
  font-size: 24px;
  font-weight: 500;
  padding: 0 0 0 20px;
}
.form-left1 p{
  color: #000;
  text-transform: inherit;
  font-size: 15px;
  font-weight: 400;
  padding: 30px 30% 0 20px;
  font-family: 'Noto Sans', sans-serif;
  line-height: 27px;
}
.form-left1 span{
  color: #fd6277;
  padding: 0 0 0 33px;
  font-size: 42px;
  display: block;
  margin: -3px 0 0;
  font-weight: 400;
}
.form-left1 b{
  display: block;
  background: #601f36;
  color: #fff;
  border-radius: 0 50px 50px 0;
  width: 65%;
  font-size: 18px;
  padding: 10px 12px 10px 13px;
  font-weight: 200;
}
.form-right1{
}


.contac-rr {
  padding: 0 0 0px 0;
  margin: 0;
  text-align: left;
}
.form-group1 {
   padding: 7px 0px;
   text-align: center;
   margin: 0px 0px 0px;
   position: relative;
}
.form-group1 label{
  text-align: left;
  font-weight: 600;
  display: block;
  padding: 0 0 4px 0;
  font-size: 14px;
  text-transform: capitalize;
}
input.form-control1 {
   color: #252525;
}

.form-control1 {
  height: 53px;
  background-color: #ffffff;
  display: block;
  width: 100%;
  padding: 19px 14px 17px 14px;
  font-size: 15px;
  font-weight: 500;
  border: 2px solid #f86c6b;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
textarea.form-control1 {
  height: 100px;
  border-radius: 0px;
}

.form-group1 span{
  margin: 0;
}


.btn-group{
  padding: 16px 0 0px 0;
  margin: 0 auto;
  text-align:center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-group>.btn:first-child {
  background: #570b27;
  padding: 10px 15px 10px;
  color: #ffffff;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  border:0;
  transition: 0.3s all ease-in-out;
  left: 0;
  right: 0;
  margin: 0px auto 0px;
  display: block;
  border-radius: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.btn-group>.btn:first-child:hover{
  background: #b44b58;
}
.form-group1  .place::-webkit-input-placeholder{
  color: #8f8f8f;
  font-size:15px;
  font-weight:600;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.btn:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -0px;
}
.btn:active:focus, .btn:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -0px;
}
.center-section{
  justify-content: center;
  align-items: center;
}
/* end form section  */

/* start why choose us section */

.heading-choose p{
  color: #222;
  font-size: 15px;
  padding: 3px 3% 16px 3%;
  line-height: 30px;
}
.heading-choose strong{
  color: #601f36;
  text-transform: capitalize;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 2px;
  font-family: 'Acme', sans-serif;
}
.heading-choose span{
  color: #fb6376;
  font-size: 17px;
  display: block;
  font-weight: 700;
  padding: 0 0 0px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.chooseus1{
  padding: 10px;
}
.chooseus2{
  padding: 0 10px;
  border-bottom: 4px solid;
}
.chooseus2 span{
  background: #601f36;
  height: 136px;
  line-height: 131px;
  display: block;
  margin: 0 auto 10px;
  width: 240px;
  border-radius: 160px 160px 0 0;
}
.chooseus2 strong{
  color: #601f36;
  text-transform: capitalize;
  font-size: 19px;
  font-weight: 500;
  font-family: 'Acme', sans-serif;
}
.chooseus2 p{
  color: #222;
  font-size: 15px;
  padding: 0 0 9px 0;
  line-height: 30px;
}
.chooseus2 span img{
  height: 86px;
}
.chooseus1:nth-child(2) .chooseus2 span{
  background: #fb6376;
  border-radius: 0 0 160px 160px;
}
.chooseus1:nth-child(4) .chooseus2 span{
  background: #fb6376;
  border-radius: 0 0 160px 160px;
}
.chooseus1:nth-child(2) .chooseus2{
  border-top: 4px solid;
  border-bottom: 0;
  padding-top: 13px;
}
.chooseus1:nth-child(4) .chooseus2{
  border-top: 4px solid;
  border-bottom: 0;
  padding-top: 13px;
}
/* end why choose us section  */

/* start mark section  */

.mark-section{
 background: #570b27;
 color: #fff;
 text-transform: capitalize;
 padding: 40px 0;
 font-family: 'Acme', sans-serif;
}
.mark-section p{
  color: #ffffff;
  font-size: 50px;
  font-weight: 400;
}

.mark-section a{
  background: #fd6277;
  color: #fff;
  border-radius: 80px;
  padding: 5px 40px;
  font-size: 50px;
  display: inline-block;
  margin: 10px 0 0;
}

/* end mark section  */

/* start client testimonials secion  */

.client-testimonials1{
  padding:10px;
}
.client-testimonials2{
  padding: 0px;
}
.client-1{
  padding: 10px;
  position: relative;
}
.client-2{
  padding: 20px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0px 0px 23px 0px #eee;
}
.client-2 p{
  color: #222;
  font-size: 15px;
  padding: 0 0 15px 0;
  line-height: 35px;
}
.client-2 img{
  border-radius: 50%;
  border: 8px solid #ff687d45;
  margin: 0 auto;
}
.owl-carousel .owl-item img{
  width: 100px;
}
.client-2 strong{
  color: #fd6277;
  padding: 10px 0 0;
  text-transform: capitalize;
  font-size: 19px;
  font-weight: 500;
  font-family: 'Acme', sans-serif;
  display: block;
}
.owl-carousel .owl-nav button.owl-next{
  right: 0;
  position: absolute;
  height: 45px;
  width: 27px;
  background: #ed5d7040;
  padding: 0 0 6px 0 !important;
  font-size: 38px;
  line-height: 0px;
  display: inline-block;
  top: 140px;
}
.owl-carousel .owl-nav button.owl-prev{
  left: 0;
  position: absolute;
  height: 45px;
  width: 27px;
  background: #ed5d7040;
  padding: 0 0 6px 0 !important;
  font-size: 38px;
  line-height: 0px;
  display: inline-block;
  top: 140px;
}
.owl-nav{
  display:none;
  transition:0.4s ease-in;
}
.client-testimonials2:hover .owl-nav{
  display:block;
}

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

.banner-1{

}
.banner-2{
  
margin: 10px 0  0;
  
display: block;
  
margin: 10px auto;
}


/* end client testimonials section  */


/* start footer section  */

.footer-section{
  background: url(images/footer.png) no-repeat;
  background-size: cover;
  background-position: center bottom ;
}
.footer-services{
  background: linear-gradient( #fff 80%, transparent 30%);
  padding: 30px 30px 50px;
  margin: 30px 0 0;
}
.footer-heading strong{
  color: #601f36;
  text-transform: capitalize;
  font-size: 40px;
  font-weight: 700;
  font-family: 'Acme', sans-serif;
}
.footer-heading p {
  color: #222;
  font-size: 15px;
  padding: 3px 3% 16px 3%;
  line-height: 30px;
}

.footer-services1{
  padding: 10px;
}
.footer-services2{
  padding: 18px 20px 19px;
  background: #510e26;
  border: 3px solid #fff;
  border-radius: 0 0 140px 140px;
}

.footer-services2 strong{
  color: #ffffff;
  text-transform: capitalize;
  display: block;
  font-size: 22px;
  font-weight: 500;
  font-family: 'Acme', sans-serif;
  padding: 0 0 20px 0;
}
.footer-services2 img{
  border-radius: 50%;
  border: 4px solid #fff;
}

.footer-2{
  padding: 0px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.footer-info{
  background: #fff;
  padding: 10px;
}
.call-footer{
  width: 25%;
  position: relative;
}
.call-footer span{
  height: 100px;
  position: absolute;
  display: block;
  width: 71px;
  line-height: 100px;
  border-radius: 0 0 40px 40px;
  background: #fd6277;
  top: -45px;
}
.call-footer span .bi{
  height: 2.3rem;
  width: 2.2rem;
  color: #fff;
}
.text-footer{
  width: 75%;
  text-align: left;
}
.text-footer strong{
  font-weight: 700;
  color: #fc6377;
  text-transform: capitalize;
  font-size: 17px;
}
.text-footer p{
  font-size: 23px;
  font-weight: 700;
}
.footer-1:last-child .text-footer p{
  font-size: 20px;
}
.disclaimer p{
  font-size: 14px;
  line-height: 28px;
  padding: 32px 0 14px 0;
  color: #fff;
  font-weight: 400;
}

.copy-right{
  padding: 10px 0;
  background: #fc6377;
}
.copy-right p{
  color: #fff;
  font-size: 14px;
  display: block;
}

.location iframe{
  float: none;
  height: 180px;
  margin: 40px 0 0;
}
/* end footer section  */

.fix{
  position: fixed;
  padding: 0;
  bottom: 0;
  left: 0;
  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;
  list-style: none;
  position: absolute;
  text-align: center;
  height: 49px;
  bottom: 15px;
  right: 0;
  width: 55px;
  background: #ff0000;
  line-height: 54px;
}
.end .insta{
  bottom: 105px;
  right: 0;
}
.end .wh-fx {
  background: #03bd00;
  color:#fff;
  bottom: 102px;
  right: 0;
}
.end .facebook{
  background:#4267b2;
  right: 0;
  bottom: 0px;
}
.end li a{
  color:#fff;
}
.end .ph-fx{
  bottom: 163px;
  right: 0;
}

.end li a .bi{
  height: 1.2em;
  width: 1.2em;
}

/* start bread crumb section  */

.breadcrumb-section{
  background: #601f36;
  border-top: 1px solid #eee;
}
.breadcrumb-section h1{
  font-size: 54px;
  font-family: 'Acme', sans-serif;
  text-transform: capitalize;
  margin: 0 0 7px 0;
  display: block;
  font-weight: 400;
  color: #ffd0de;
}
.breadcrumb-section h1 a{
  color: #ffdee8;
}
.breadcrumb-section p{

}
.breadcrumb-section p .back-home{
  background: #fb6376;
  color: #ffffff;
  padding: 5px 16px 5px;
  display: inline-block;
  margin: 0;
  font-weight: 500;
  font-size: 13px;
  border-radius: 41px;
  text-transform: capitalize;
}
/* end bread crumb section  */


/*============================================================
           START OUR SERVICES PAGE CSS 
==============================================================*/

.best-services1{
  padding: 10px;
}
.best-services2{
  padding: 0px;
  background: #601f36;
}
.best-services2 a{
  background: #f86c6b;
  color: white;
  display: block;
  margin-top: 16px;
  text-transform: capitalize;
  font-size: 20px;
  padding: 7px 0;
}
.best-services2 p{
  color: #fff;
  line-height: 31px;
  font-size: 15px;
  padding: 0px 21px;
}
.best-services2 img{
  border-radius: 0 0 300px 300px;
  height: 300px;
  border: 1px solid #fff;
  border-top: 0;
  padding: 0 9px 9px 9px;
}
.best-services2 strong{
  color: #f86c6b;
  text-transform: capitalize;
  display: block;
  font-size: 34px;
  font-weight: 500;
  font-family: 'Acme', sans-serif;
  padding: 20px 0 7px 0;
}
/*============================================================
           END OUR SERVICES PAGE CSS 
==============================================================*/


/*===================================================
         START GET IN TOUCH PAGE CSS 
=====================================================*/

.getintouch{

}

.getin-left1{

}
.getin-left2{
   background: #fff;
   box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
   margin: 0 0px 0 0;
   padding: 35px 50px 35px;
   overflow: hidden;
}

.heading-form{

}
.heading-form strong{
   display: block;
   font-size: 42px;
   text-transform: capitalize;
   font-family: 'Acme', sans-serif;
   font-weight: 700;
}
.heading-form p{
   color: #fb6376;
   font-weight: 700;
   text-transform: uppercase;
   font-size: 16px;
}
.contac-r {
   padding: 27px 20px 6px;
   margin: 0;
   text-align: left;
}
.form-group-1 {
    padding: 7px 10px;
    text-align: center;
    margin: 3px 0px 3px;
    position: relative;
}
.form-group-1 label {
   text-align: left;
   font-weight: 600;
   color: #ffd985;
   display: block;
   padding: 0 0 4px 0;
   font-size: 14px;
   text-transform: capitalize;
}
.form-group-1 .form-control1{
   border: 0;
   padding: 2px 14px 8px 14px;
   background-color: #f4f4f4;
   border-radius: 4px;
   border: 1px solid #eee;
   margin: 7px 0;
}
.form-group-1>.btn:first-child{
  background: #570b27;
  padding: 18px 15px 18px;
  color: #ffffff;
  font-size: 19px;
  text-transform: capitalize;
  font-weight: 500;
  border:0;
  transition: 0.3s all ease-in-out;
  left: 0;
  right: 0;
  margin: 0px auto 0px;
  display: block;
  border-radius: 0;
}


.btn-group-1>.btn:hover{
  
}
.getin-right1{
  
}
.getin-right2{
  padding: 0px 0 0px 0;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.heading-details{

}
.heading-details p{
   background: #d45876;
   padding: 11px 0 8px;
   font-size: 24px;
   font-weight: 500;
   color: #ffffff;
   font-family: 'Acme', sans-serif;
   text-transform: uppercase;
   text-align: center;
}

.detail-list{
  padding: 0px 0px 0px 0px;
}
.detail-list ul{
   padding: 0;
   margin: 0;
   list-style: none;
}
.detail-list ul li{
   padding: 20px 30px 20px;
   border-bottom: 1px solid #e5e5e5;
   position: relative;
   text-align: left;
}
.detail-list ul li:last-child{
  border:0;
}
.detail-list li span{
  font-weight: 800;
  text-transform: uppercase;
  padding: 0 0 6px 40px;
  font-size: 16px;
  display: block;
}
.detail-list li p{
  font-size: 17px;
  color: #222;
  font-weight: 700;
  padding: 0 0 0 40px;
}

.detail-list ul li i{
  position: absolute;
  top: 27px;
  color: #d45876;
  left: 20px;
}
.detail-list ul li i .bi{
  height: 2.2rem;
  width: 2.2rem;
}
/*===================================================
         END GET IN TOUCH PAGE CSS 
=====================================================*/

/* ===========================================================
              START ABOUT US PAGE CSS 
============================================================== */

.maincontent-left1{
  padding: 0 20px 0 0;
}
.maincontent-designing{
  padding: 20px 30px 30px;
  box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
}
.maincontent-designing p {
  color: #505050;
  font-size: 15px;
  margin: 10px 0 0;
  line-height: 28px;
  font-weight: 500;
}
.maincontent-designing p strong{
   color: #ff4c78;
}
.maincontent-designing p strong a{
   color: #d45876;
}
.maincontent-designing p  a{
   color: #db1142;
   font-weight: 600;
}
.maincontent-designing p  a strong{
   color: #db1142;
}
.maincontent-designing h2,h3,h4,h5,h6{
  position: relative;
  font-size: 25px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: 'Acme', sans-serif;
  padding: 0 0 4px 0;
  margin: 27px 0px 6px 0px;
  display: block;
}
.maincontent-designing h2,h3,h4,h5,h6,strong{
  font-weight: 600;
}
.maincontent-designing h2,h3,h4,h5,h6,span{
  font-weight: 600;
  font-family: 'Acme', sans-serif !important;
}

.maincontent-designing ul{
  padding: 7px 0;
  margin:0;
}
.maincontent-designing li{
  display: inline-block;
  border-radius: 10px;
  border: 1px solid #ffdcd3;
  padding: 8px  10px 9px 23px;
  margin: 5px 4px;
  text-align: left;
  background: #601f36;
  color: #fff;
  list-style: none;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}
.maincontent-designing li:before{
  position: absolute;
  content:"";
  height: 10px;
  width: 10px;
  left: 8px;
  top: 14px;
  background: #ff5284;
}
.mark-section-about a{
  background: #fd6277;
  font-weight: 800;
  color: #fff;
  text-transform: capitalize;
  border-radius: 91px;
  padding: 12px 26px;
  font-size: 41px;
  display: inline-block;
  margin: 10px 0 0;
}
.mark-section-about p{
  color: #570b27;
  font-family: 'Acme', sans-serif;
  font-size: 34px;
  font-weight: 700;
  text-transform: capitalize;
}
.maincontent-left-bottom1{padding: 20px 16px 0 31px;}
.form-design{
  background: #fd6277;
  padding: 20px 20px 40px;
}
.maincontent-right-bottom1 .heading-form p{
    background: #570b27;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
}



.maincontent-right-bottom1 .heading-form strong{
  color: #fff;
}
.contact-rr{
  padding: 0 20px;
}
.contact-rr .form-group-1{
  padding: 1px 0px;
}




.list-content{
  padding: 20px 20px 30px;
  background: #fcebf0;
}

.list-content p{
  position: relative;
  font-size: 48px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: 'Acme', sans-serif;
  margin: -0 0px 0px 0px;
  display: block;
}
.list-content strong{
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
  padding: 4px 0;
  color: #ffffff;
  display: block;
  background: #fb6376;
}
.list-content ul li{
  display: block;
  border-radius: 10px;
  border: 1px solid #ffdcd3;
  padding: 11px 10px 11px 29px;
  margin: 15px 0px;
  text-align: left;
  background: #601f36;
  text-transform: capitalize;
  color: #fff;
  list-style: none;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}

.list-content ul li a{
  color: #fff;
}
.list-content ul li:hover{
  background:#ff5284;
}
.list-content ul li:hover a{
  color:#fff;
}
.list-content li:hover:before{
  background: #601f36;
}
.list-content li:before{
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 8px;
  top: 17px;
  background: #ff5284;
}
/* ===========================================================
              END ABOUT US PAGE CSS 
============================================================== */


/*==========================================================
             START INNER PAGE CSS 
=============================================================*/

.form-inner{
    background:#601f36;
    padding: 15px 20px 20px;
}
.form-inner .heading-form strong{
  color: #fcebf0;
}
.form-inner .form-group-1 {
    padding: 0px 0px;
}
.form-inner .contac-r {
    padding: 10px 11px 6px;
}
.form-inner .form-group-1>.btn:first-child{
  background:#f56274;
}
.form-inner .btn-group>.btn:first-child:hover {
    background: #fcebf0;
  color:#601f36;
}
.form-inner .form-group-1 .form-control1{
  height: 44px;
  padding: 2px 14px 3px 14px;
}
.form-inner .form-group-1 textarea.form-control1{
  height: 80px;
}
.form-inner .form-group-1>.btn:first-child{
  padding: 9px 15px 11px;
  margin: 10px 0 0;
}



/*===========================================================
            END INNER PAGE CSS 
=============================================================*/






#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: 8px 21px;
  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: 17px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  top: 0px;
}







@media (max-width: 767px){
  body{text-align: center;}
  .head-appointment1{display:none;}
  .head-logo1{text-align:center;}
  .head-logo1 img {height: 130px;}
  .head-navigation1{width:100%;padding: 0;}
  .navbar-collapse .navbar-nav li{display:block;padding: 4px 0;}
  .navbar{padding: 0 0 11px;}
  .contact-top a{display:block;}
  .carousel-control-next-icon, .carousel-control-prev-icon {width: 1rem;height: 1rem;}
  .slide-btn b{height: 22px;width: 21px;}
  .scroll-on .head-logo1 img {height: 120px;}
  .scroll-on .contact-top{position:fixed;}
  .scroll-on .head-logo1{position:relative;}
  .scroll-on .head-navigation1{position:relative;}
  .fixed-top{position:relative;}
  .mark-section p {font-size: 29px;}
  .design-form:after{width: 500px;height: 500px;left: 0;top: -410px;right: 0;margin: 0 auto;}
  .form-left1 b{width: 100%;border-radius: 0;}
  .form-left1{text-align:center;}
  .form-left1 span{padding:0;}
  .form-left1 strong{padding:0;}
  .design-form{padding:0;}
  .form-left1 p{padding:10px 0 0 0;}
  .contac-rr{padding: 0 15px 40px;}
  .services-section{margin: 0 !important;padding-bottom: 0 !important;}
  .bannerservices-section{margin: 0 !important;}
  .services-2 {padding: 0px 0 30px;}
  .services-1:last-child{padding-top:50px;width:100%;}
  .banner-design1{width:100%;padding:10px 0;}
  .contact-number a b {font-size: 70px;letter-spacing: 0;}
  .contact-number a span {left: 12px;}
  .contact-number a span img {height: 87px;}
  .contact-number a {padding: 0px 20px 0px 100px;}
  .mark-section a{font-size: 46px;}
  .about-right1 {padding: 10px 15px 0 15px;}
  .heading-choose strong{font-size: 50px;letter-spacing:0;}
  .heading-choose p{padding:0;}
  .chooseus1{width:50%;}
  .chooseus2 span{width: 227px;}
  .footer-services{padding: 20px 20px 40px;}
  .footer-services2 strong{font-size:20px;}
  .footer-services1{padding:5px;}
  .footer-services2{border-radius:0 0 300px 300px}
  .call-footer span{/* position:relative; */left: 10px;}
  .footer-1{padding: 10px 0 30px 10px;}
  .footer-info{background:transparent;}
  .footer-2{background:#fff;padding: 10px 0;}
  .footer-heading p{padding:0;}
  .dropdown-menu {display: none;margin-top: 0;}
  .dropdown:hover .dropdown-menu{display: none;}
  .open>.dropdown-menu {display: block !important;}
  .dropdown-menu ul li {padding: 8px 10px 8px 10px;}
  .best-services2 strong{font-size: 25px;}
  .best-services2 p { padding: 0px 10px;}
  .best-services2 img{height:auto;}
  .breadcrumb-section h1{font-size: 35px;}
    .getin-left2 {padding: 35px 10px 35px;}
  .form-group-1 {padding: 0px 10px;margin: 0px 0px 0px;}
  .detail-list li:last-child p{font-size:15px;}
  .detail-list ul li {padding: 20px 15px 20px;}
  .detail-list ul li i .bi {height: 1.5rem;width:1.5rem;}
    .maincontent-designing {padding: 20px 10px;}
  .maincontent-designing li {font-size: 14px;padding: 8px 10px 9px 23px;margin: 5px 1px;}
  .mark-section-about p{font-size: 27px;}
  .maincontent-right1{padding:20px 10px;}
  .maincontent-left1{padding: 0 15px;}
    .maincontent-left-bottom1 {padding: 20px 16px 0 15px;}
  .footer-heading strong{font-size:30px;}
  #callbook {display:block;}


}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .head-appointment1{display:none;}
  .head-logo1{text-align:center;}
  .head-logo1 img {height: 130px;}
  .head-navigation1{width:100%;padding: 0;}
  .navbar-collapse .navbar-nav li{display:block;padding: 4px 0;}
  .navbar{padding: 0 0 11px;}
  .contact-top a{display:block;}
  .scroll-on .head-logo1 img {height: 120px;}
  .scroll-on .contact-top{position:fixed;}
  .scroll-on .head-logo1{position:relative;}
  .scroll-on .head-navigation1{position:relative;}
  .fixed-top{position:relative;}
  .mark-section p {font-size: 32px;}
  .design-form:after{width: 600px;height: 600px;left: 0;top: -410px;right: 0;margin: 0 auto;}
  .form-left1 b{width: 100%;border-radius: 0;}
  .form-left1{text-align:center;}
  .form-left1 span{padding:0;}
  .form-left1 strong{padding:0;}
  .design-form{padding:0;}
  .form-left1 p{padding:10px 0 0 0;}
  .contac-rr{padding: 0 15px 10px;}
  .services-section{margin: 0 !important;padding-bottom: 0 !important;}
  .bannerservices-section{margin: 0 !important;}
  .footer-services2{border-radius:0 0 300px 300px}
  .call-footer span{/* position:relative; */left: 10px;}
  .footer-1{padding: 10px 0 30px 10px;}
  .footer-info{background:transparent;}
  .footer-2{background:#fff;padding: 10px 0;}
  .getin-left2 {padding: 35px 10px 35px;}
  .form-group-1 {padding: 0px 10px;margin: 0px 0px 0px;}
  .detail-list li:last-child p{font-size:15px;}
  .detail-list ul li {padding: 20px 15px 20px;}
  .detail-list ul li i .bi {height: 1.5rem;width:1.5rem;}
  .mark-section-about p{font-size: 32px;}
   .maincontent-right1{padding:20px 10px;}
  .maincontent-left1{padding:0;}
  .maincontent-left-bottom1 {padding: 20px 16px 0 15px;}
  
                     


}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .head-logo1{width: 22%;}
  .head-appointment1 a {padding: 12px 4px 9px 6px;font-size: 13.5px;}
  .head-appointment1 a .bi {height: 1.1rem;width: 1.1rem;margin: 0px 0 -1px;}
  .scroll-on .head-logo1 img {height: 50px;}
  .about-left1 span {width: 380px;}
  .contact-number a b {font-size: 70px;letter-spacing: 0;}
  .contact-number a span {left: 20px;}
  .contact-number a span img {height: 87px;}
  .contact-number a {padding: 0px 20px 0px 100px;}
  .about-right1 {padding: 10px 0 0 20px;}
  .services-section .row{padding-top:0 !important;}
  .services-2 {padding: 20px;}
  .mark-section p {font-size: 44px;}
  .design-form:after{width: 570px;top: -168px;}
  .chooseus2 span{width: 200px;}
  .text-footer p{font-size: 20px;}
  .text-footer{padding:0 0 0 10px;}
  .footer-1:last-child .text-footer p{font-size: 16px;}
  .footer-services{padding: 20px 20px 40px;}
  .footer-services2 strong{font-size:20px;}
  .footer-services1{padding:5px;}
  .maincontent-designing {padding: 20px 10px;}
  .maincontent-designing li {font-size: 14px;padding: 8px 10px 9px 23px;margin: 5px 1px;}
  .mark-section-about p{font-size: 32px;}

}

@media only screen and (min-width: 1201px) and (max-width: 1340px) {

  
}



@media (max-width: 575px) and (min-width: 0px) {
  .head-logo1 img {height: 100px;}
  .head-navigation1{padding:0 10px}
  .navbar-toggler {width: 42px;border-radius: 3px;height: 33px;padding-bottom: 6px;}
  .form-left1 span{font-size:30px;}
  .mark-section p {font-size: 24px;}
  .mark-section a {padding: 5px 22px;font-size: 28px;}
  .heading-about h1{font-size: 37px;letter-spacing: 0;}
  .chooseus1{width:100%;}
  .chooseus1:nth-child(2) .chooseus2{border-bottom: solid;border-top:0;}
  .chooseus1:nth-child(4) .chooseus2{border-bottom: 0;border-top:0;}
  .disclaimer p{font-size:13px;line-height: 23px;}
  .footer-heading strong{font-size: 26px;}
  .breadcrumb-section h1{font-size: 28px;}
  .heading-choose strong {font-size: 37px;}
  .client-2{ padding: 10px;}
  .mark-section-about p {font-size: 25px;}
  .maincontent-designing li{display:block;}
  .maincontent-designing h2, h3, h4, h5, h6{font-size:20px;}
    .contact-number a b {font-size: 55px;}
  .contact-number a span img {height: 61px;}
  .contact-number a {padding: 0px 0px 0px 38px;}
  .contact-number a span{top: 35px;left: 10px;}
  .about-left1 span {width: 284px;height: 387px;}
  
  


}
@media (max-width: 420px) and (min-width: 0px) {
  .head-logo1 img {height: 80px;}
  .contact-top a {font-size: 34px;}
  .about-left1 span {width: 284px;height: 387px;}
  .contact-number a b {font-size: 38px;}
  .contact-number a span img {height: 52px;}
  .contact-number a {padding: 0px 0px 0px 38px;}
  .contact-number a span{top: 26px;}
  .call-footer span{width: 46px;height: 80px;top: -45px;line-height: 70px;}
  .call-footer span .bi {height: 1.9rem;width: 1.8rem;}
  .footer-1:last-child .text-footer p{font-size:15px;}
  .text-footer p{font-size:18px;}
  .text-footer strong{font-size:16px;}
    .detail-list li:last-child p{font-size:14px;}
  .mark-section-about a{font-size: 27px;padding: 10px 16px;}



}