*{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}
body{font-family: 'Alata', sans-serif;}

::selection {color: #fff; background-color: #ec7384;}
 
.owl-theme .owl-dots .owl-dot span{background-color: #474747; height: 3px; width: 20px; margin: 3px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #ec7384;}



/* header */
header{position: relative; z-index: 9; background-color: #fff; box-shadow: 0 0 10px #00000021; padding: 0;}
header .header-top{background-color: #1a1a18; padding: 5px 0;}
header .header-top ul{display: flex; list-style: none; justify-content: space-between; align-items: center; gap: 20px;}
header .header-top ul li a{color: #fff; font-size: 16px; font-weight: 500;}
header .header-top ul li a:hover{color: #68c564;}
header .header-top ul li .salec{color: #68c564;}
header .header-top .navbar-brand{text-align: center; display: inline-block;} 
header .header-top .navbar-brand img{width: 60%; padding: 0;} 
header .header-top ul li:last-child a{display:inline-block; padding:10px 20px; color:#fff; background-color:#ec7384; border-radius:5px;} 
 
 
header .nav-item{position: relative;}
header .nav-link{color: #000; font-size: 16px; transition: .5s; position: relative; padding: 0px 0px !important;}
header .nav-link::before{content: ''; background-color: #ec7384; width: 0%; height: 2px; position: absolute; bottom: -4px; left: 0; transition: .5s;}
header .nav-link:hover::before{width: 100%;}
header .nav-link:hover, header .nav-link:focus{ color: #ec7384;}
header .navbar-nav{gap: 20px; padding: 20px 0;}
header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show{ color: #ec7384;}

header .navbar-nav .dropdown-menu{border: 0; box-shadow: #0000004b 0 0 10px;}
header .dropdown-item.active, header .dropdown-item:active, header .dropdown-item:hover{background-color: #ec7384; color: #fff;}

header .whatsapp{justify-content: end;}
header .whatsapp li a{font-size: 16px; color: #fff; font-weight: 500; display: inline-block; padding: 10px 30px; background: linear-gradient(#ec7384, #ec7384); transition: .5s;}
header .whatsapp li a:hover{background: linear-gradient(#ec7384, #ec7384); color: #fff;}

header .navbar-toggler{border: none; color: #ec7384; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus{box-shadow: none ;}
header .btn-close{ filter: invert(1);}
header .offcanvas-title img{width: 70%;}
header .navbar-nav{position: relative;}

.sticky .headermn .navbar .navbar-brand{width: 9%;}
.sticky .headermn .navbar .navbar-brand img{margin-top: 0;}

.sticky{top: 0px; left: 0; right: 0; z-index: 999; position: fixed !important; animation: slideDown .5s ease-out;}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

/* search */
	  
#search-menu {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.137);
  position: fixed;
  width: 100%;
  height: 150px;
  top: -20em;
  left: 0;
  right: 0;
  white-space: nowrap;
  z-index: 9999;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 500ms ease all;
  }
  #search-menu.toggled {
  top: 0;
  opacity: 1;
  visibility: visible;
  }
  #search-menu .wrapper {
  position: relative;
  margin: 3em auto 0 auto;
  padding: 0 1em;
  }
  #search-menu .wrapper input {
  width: 58%;
  padding: 0 0 0.125em 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid #000;
  font-size: 18px;
  color: #000;
  }
  #search-menu .wrapper input:focus {
  outline: none;
  }
  #search-menu .wrapper button {

  right: 0;
  top: 0;
  background: transparent;
  border: none;
  color: #000;
  font-size: 30px;
  transition: 500ms ease all;
  }
  #search-menu .wrapper button:focus {
  outline: none;
  }
  #search-icon:hover {
  color: #68c564;
  }

/* slider */
#slider{position: relative; background-image: url(../images/slider-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
#slider .slider-bg{background-color: #ffffffc7; padding: 40px;} 
#slider .owl-dots{position: absolute; bottom: 10px; left: 0; right: 0;}
#slider .row{row-gap: 20px;}
#slider .owl-carousel .owl-nav button.owl-next, #slider .owl-carousel .owl-nav button.owl-prev{display:none;}
#slider .img-content{background-color: #fff; padding: 20px 20px 40px;}

#slider .content h2{font-size: 23px; color: #ec7384;}
#slider .content h4{font-size:16px; margin:10px 0px;}
#slider .content p{font-size: 13px; color: #000; text-align:justify;}
#slider .content a{font-size: 16px; color: #000; font-weight: 500; display: inline-block; margin-top: 20px;}
#slider .content a:hover{color: #68c564;}
/*#slider .form-box{text-align: center; background-color: #fff; padding: 5px;}*/
/*#slider .form-box h2{font-size: 28px; color: #ec7384; background: linear-gradient(#f5bec6, #fff, #f5bec6); padding: 15px 10px;}*/
/*#slider .form-box h2 span{font-size: 22px; color: #000; display: block;}*/
/*#slider .form-box p{font-size: 16px; color: #000;}*/
/*#slider .form-box button{font-size: 16px; color: #fff; font-weight: 500; display: inline-block; background-color: #ec7384; padding: 8px 30px; border: 0;}*/
/*#slider .form-box button:hover{background-color: #68c564;}*/
/*#slider form.row{row-gap: 20px; padding: 20px;}*/
/*#slider form .form-select{border-radius: 0;}*/

#slider .form-bg{background-color: #fff; box-shadow: 0px 0px 10px #0000002e; padding: 20px 20px; border-radius: 0px;}
#slider .form-bg form.row{row-gap: 20px;}
#slider .form-bg form h3{color: #ec7384; font-size: 26px; font-family: 'Sansita One';}
#slider .form-bg form .form-control{background-color: #fff; padding: 8px 20px; border-radius: 0px;}
#slider .form-bg form .form-control:focus{box-shadow: none; border-color: #127bbd;}
#slider .form-bg form .form-control::placeholder{color: #3b3b3b;}
#slider .form-bg form .btn{background-color: #ec7384; color: #fff; width: 100%; padding: 12px 0px; border-radius: 0px;}
#slider .form-bg form .btn:hover{background-color: #000; }


#slider .slider-form form{background-color: #ffffff65; padding: 10px; border-radius: 100px; box-shadow: 0px 0px 10px #0000002e;}
/*#slider .slider-form form .form-select:first-child{border-radius: 100px 0 0 100px;}*/
/*#slider .slider-form form .form-select:first-child{border-radius: 100px 0 0 100px;}*/
#slider .slider-form form .form-control:first-child{border-radius: 100px 0 0 100px;}
/*#slider .slider-form form .form-select{border-radius: 0; border: 0; border-right: 1px solid #a1a1a1; padding: 10px 15px;}*/
#slider .slider-form form .form-control{border-radius: 0; border: 0; border-right: 1px solid #a1a1a1; padding: 10px 15px;}
#slider .slider-form form .form-control:focus, #slider form .form-select:focus{box-shadow: none; border-color: #a1a1a1;}
#slider .slider-form form .form-select option:hover{background-color: #ff4c20 !important;}
#slider .slider-form form .btn{border-radius: 0 100px 100px 0; border: 0; background-color: #ec7384; color: #fff; padding: 10px 15px;}
#slider .slider-form form .btn:hover{background-color: #000;}



/* about */
#about-ss{padding: 60px 0;}
#about-ss .row{row-gap:25px;}
#about-ss .owl-carousel .owl-stage-outer {padding: 10px 15px;}
#about-ss .owl-carousel .owl-nav button.owl-next, #about-ss .owl-carousel .owl-nav button.owl-prev{display:none;}
#about-ss .inr{background-color: #fff; box-shadow: 0px 0px 10px #00000047; height:100%;}
#about-ss .text {padding: 20px 3px;}
#about-ss .imgs img{height: 52vh; width: 100%; object-fit: cover;}
#about-ss h2{font-size: 28px; font-weight: bold; color: #ec7384;}
#about-ss h2 span{color: #ec7384;}
#about-ss .text-a{margin-bottom:35px; font-size:16px;}
#about-ss .text-b{margin-bottom:5px; font-size:14px; text-align:justify;}
#about-ss .text a {display: inline-block; padding: 10px 20px; color: #fff;  background-color: #ec7384; border-radius: 5px; margin-top:15px;}
/*#about-ss .text a:hover {color: #68c564;}*/



/* about */
#about-sa{padding: 0px 0 50px;}
#about-sa .row{row-gap:25px;}
#about-sa .inr{background-color: #fff; box-shadow: 0px 0px 10px #00000047; height:100%;}
#about-sa .text {padding: 20px 3px;}
#about-sa .imgs img{height: 52vh; width: 100%; object-fit: cover;}
#about-sa h2{font-size: 28px; font-weight: bold; color: #ec7384;}
#about-sa h2 span{color: #ec7384;}
#about-sa .text-a{margin-bottom:35px; font-size:16px;}
#about-sa .text-b{margin-bottom:5px; font-size:14px; text-align:justify;}
#about-sa .text a {display: inline-block; padding: 10px 20px; color: #fff;  background-color: #ec7384; border-radius: 5px; margin-top:15px;}
/*#about-sa .text a:hover {color: #68c564;}*/



/* about */
#about{padding: 60px 0;}
#about .inner {background-image: url(../images/ai-bg.jpg); background-size: cover; background-repeat: no-repeat;
background-position: center left; overflow: hidden; border-radius: 15px; box-shadow: 0 0 10px #00000021; }
#about .inner .text {padding: 30px 20px; background-color: #fff; width: 60%; border-radius: 0;}
#about .row{row-gap:25px;}
#about h2{font-size: 28px; font-weight: bold; color: #ec7384;}
#about h2 span{color: #ec7384;}
#about .text-a{margin-bottom:13px; font-size:15px;}
#about .inner a{color:#ec7384;}


/* about */
#about-sec{padding: 60px 0;}
#about-sec .inner {background-image: url(../images/ai-bg.jpg); background-size: cover; background-repeat: no-repeat;
background-position: center left; overflow: hidden; border-radius: 15px; box-shadow: 0 0 10px #00000021; }
#about-sec .inner .text {padding: 30px 20px; background-color: #fff; width: 60%; border-radius: 0;}
#about-sec .row{row-gap:25px;}
#about-sec h2{font-size: 28px; font-weight: bold; color: #ec7384;}
#about-sec h2 span{color: #ec7384;}
#about-sec h4{font-size: 20px;}
#about-sec .text-a{margin-bottom:13px; font-size:15px;}
#about-sec .inner a{color:#ec7384;}
#about-sec ul li{margin:10px 0px 10px 30px;}

/* our-vision */

#our-vision{padding: 60px 0;}
#our-vision .row{row-gap:25px;}
#our-vision .iner{padding: 20px 20px; background: #fff; border-radius: 6px; border: 1px solid #eee; text-align:center; height: 100%;}

/* about-a */

#about-a .contact{padding: 30px 20px; box-shadow: 0 0 10px #00000021; border-radius: 15px; background-color: #fff; display: flex; list-style: none; gap: 10px;}
#about-a .contact .text h4{font-size: 20px; color: #000;}
#about-a .contact .text p{font-size: 15px; color: #000;}
#about-a .contact .text a{font-size: 16px; color: #ec7384; font-weight: 500; display: inline-block; margin-top: 10px;}
#about-a .contact .text a:hover{color: #68c564;}
#about-a .contact li i{color: #ffd000; font-size: 40px;}

/* counter  */

#counter{background-color:#ec7384; padding: 80px 0;}
#counter .row{row-gap: 30px;}
#counter .item{text-align: center;} 
#counter .item h2{ color: #fff; margin-bottom: 5px; font-size: 30px;}
#counter .item h3{ font-size: 18px; color: #fff;}
#counter .item i{ font-size: 25px; color: #fff;}

/* about-a */



/* doctor-se */

#doctor-sec{padding: 50px 0px; background-color:#f5f5f5;}
#doctor-sec h2{    font-size: 40px;
    font-weight: bold;
    color: #ec7384;
    text-align: center;
    margin-bottom: 50px}
#doctor-sec .row{row-gap: 25px;}
#doctor-sec .imgs{position: relative;}
#doctor-sec h5 a{position: absolute; bottom: 15px; padding: 10px; left: 0; right: 0; display: block; background-color: #ec7384; text-align: center; color: #fff;}

/* for-bridal */

#for-bridal{overflow: hidden; padding: 50px 0px;}

#for-bridal .bridal-btn{position: relative;}
#for-bridal h2{font-size: 40px; font-weight: bold; color: #e97282; text-align:center; margin-bottom:50px;}
#for-bridal .bridal-btn::before{position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #00000044; z-index: 1;}
#for-bridal h5{position: absolute; bottom: 50px; z-index: 2; left: 0; right: 0; text-align: center;}
#for-bridal h5 a{padding: 10px 50px; display: inline-block; background-color: #ec7384; color: #fff; transition: .5s; border: 1px solid #ec7384;}
#for-bridal h5 a:hover{background-color: transparent; border-color: #fff; color: #fff;}

/* testimonail-a */

#testimonail-a{padding:50px 0px;}
#testimonail-a h2{font-size: 40px; font-weight: bold; color: #e97282; text-align:center; margin-bottom:50px;}
#testimonail-a .iner{text-align:center; background-color: #f5f5f5; padding: 20px;}
#testimonail-a .iner p{font-size:18px; margin-bottom:15px;}
#testimonail-a .iner h3{font-size:20px; margin:15px 0px; font-weight:700;}

/* service */
#service{padding: 60px 0px; background-color:#f5f5f5;}
#service .row{row-gap: 10px; align-items: center;} 
#service .heading h2{font-size: 40px; font-weight: bold; color: #e97282;}
#service .heading .p1{color: grey; font-size: 16px; font-weight: 500; margin-bottom: 30px;}
#service .heading a{border: 1px solid #000; color: #000; font-size: 16px; font-weight: 500; display: inline-block; padding: 10px 30px; border-radius: 5px;}
#service .inner{background-color: #fff; overflow: hidden; border-radius: 10px; border: 1px solid #dfdfdf;}
#service .inner .content{padding: 20px;}
#service .inner .content h4 a{color: #ec7384; font-weight: 500; font-size: 20px;}
#service .inner .content h4 a:hover{color: #68c564;}
#service .inner .content p{color: #1f1f1f; font-weight: 500; font-size: 16px; margin-bottom: 10px;}
#service .inner .content p .fa-star, #service .inner .content p span{color: #e0a500;}
#service .owl-dots{display: none;}

#service .nav-pills .nav-link.active{background-color: #ec7384; color: #fff;}
#service .nav-pills .nav-link{color: #000; transition: .5s;}
#service .nav-pills .nav-link:hover{background-color: #ec7384; color: #fff;}

#service .nav-pills .view-all a{border: 1px solid #ec7384; color: #ec7384; display: inline-block; padding: 10px 20px; border-radius: 5px; transition: .5s;}
#service .nav-pills .view-all a:hover{background-color: #ec7384; color: #fff;}

#service button.owl-prev span{bottom: 4px; position: relative;}
#service button.owl-prev{position: absolute;
  text-align: center;
  padding: 0px;
   color: black;
  top: 45%;
  font-size: 25px;
  left: 15px;
  background-color: white;
  width: 35px;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#service button.owl-next span{bottom: 4px; position: relative;}
#service button.owl-next{position: absolute;
  text-align: center;
  padding: 0px;
   color: black;
  top: 45%;
  font-size: 25px;
  right: 15px;
  background-color: white;
  width: 35px;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

#service-a{padding: 60px 0px; background-color:#f5f5f5;}
#service-a .row{row-gap: 10px; align-items: center;} 
#service-a .heading h2{font-size: 40px; font-weight: bold; color: #e97282;}
#service-a .heading .p1{color: grey; font-size: 16px; font-weight: 500; margin-bottom: 30px;}
#service-a .heading a{border: 1px solid #000; color: #000; font-size: 16px; font-weight: 500; display: inline-block; padding: 10px 30px; border-radius: 5px;}
#service-a .inner{background-color: #fff; overflow: hidden; border-radius: 10px; border: 1px solid #dfdfdf;}
#service-a .inner .content{padding: 20px;}
#service-a .inner .content h4 a{color: #ec7384; font-weight: 500; font-size: 20px;}
#service-a .inner .content h4 a:hover{color: #68c564;}
#service-a .inner .content p{color: #1f1f1f; font-weight: 500; font-size: 16px; margin-bottom: 10px;}
#service-a .inner .content p .fa-star, #service .inner .content p span{color: #e0a500;}


/* real */
#real{padding: 60px 0px; background-color:#fff;}
#real .row{row-gap: 30px; align-items: center;} 
#real h2{font-size: 40px; font-weight: bold; color: #e97282;}
#real .p1{color: grey; font-size: 16px; font-weight: 500; margin-bottom: 30px;} 
#real .inner{background-color: #fff; overflow: hidden; border-radius: 10px; box-shadow: 0 0 10px #0000003a;}
#real .inner .content{padding: 20px;}
#real .inner .content h4 a{color: #ec7384; font-weight: 500; font-size: 20px;}
#real .inner .content h4 a:hover{color: #68c564;}
#real .inner .content p{color: #1f1f1f; font-weight: 500; font-size: 16px; margin-bottom: 10px;} 


/* tips */
#tips{padding: 60px 0px; background-color:#f5f5f5;}
#tips .owl-carousel .owl-nav button.owl-next, #tips .owl-carousel .owl-nav button.owl-prev{display:none;}
#tips .row{row-gap: 30px; align-items: center; justify-content: center;} 
#tips h2{font-size: 40px; font-weight: bold; color: #e97282;}
#tips .p1{color: grey; font-size: 16px; font-weight: 500; margin-bottom: 30px;} 
#tips .inner .img{text-align: center;}
#tips .inner .img img{height: 150px; width: 150px; object-fit: cover; border-radius: 50%; margin:auto;}
#tips .inner .content{padding: 10px; text-align: center;}
#tips .inner .content h4 a{color: #000; font-weight: 400; font-size: 15px;} 


/* counter  */

/*#counter{background-image: url(../images/bg.jpg); background-position: center right; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}*/
/*#counter .counter-bg{background-color: #ec7384cb; padding: 80px 0;}*/
/*#counter .row{row-gap: 30px;}*/
/*#counter .item{text-align: center;} */
/*#counter .item h1{ color: #fff; margin-bottom: 5px; font-size: 40px;}*/
/*#counter .item h3{ font-size: 22px; color: #fff;}*/
/*#counter .item i{ font-size: 38px; color: #fff;}*/


 

/* testimonial */
#testimonial { padding: 70px 0;}
#testimonial h2 {color: #ec7384;}
#testimonial .row {row-gap: 20px;}
#testimonial .testimonialslider .owl-item { border: 1px solid gray; padding: 20px; height: 270px; overflow-y: scroll;}
#testimonial .testimonialslider .owl-item::-webkit-scrollbar {width: 1px; height: 100%;}  
#testimonial .owl-item h5 { color: #ec7384; margin: 0px; font-size: 17px;}
#testimonial .owl-item p {font-size: 14px; text-align: justify;}
#testimonial .iner .google { width: 40%;}
#testimonial .iner ul li {font-size: 30px; color: #f6bb06;}
#testimonial .iner h4 {margin-top: 10px;}
#testimonial .testimonialslider .star li {color: #f6bb06; font-size: 16px;}
#testimonial .testimonialslider .profile {margin-bottom: 8px; gap: 20px;}
#testimonial .testimonialslider .profile li p {margin-bottom: 0px;}
#testimonial .testimonialslider .profile li:first-child p {height: 40px; width: 40px; line-height: 36px; font-size: 20px; border-radius: 50%; text-align: center; background-color: #a7a7a7; color: #fff;}
#testimonial .testimonialslider .profile li span {font-size: 14px;}
#testimonial .reviewbtn { text-align: center; }
#testimonial .reviewbtn a {font-size: 16px; color: #fff; display: inline-block; padding: 10px 15px; margin-top: 15px; background: linear-gradient(#ec7384, #ec7384); border-radius: 5px; transition: .5s;}
#testimonial .reviewbtn a:hover{background: linear-gradient(#ec7384, #ec7384);}

 
/* blog */
#blog{padding: 70px 0;}
#blog .row{row-gap: 30px;}
#blog .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #ec7384;}
#blog h2{color: #000; font-size: 36px; text-align: center; margin-bottom: 30px;}
#blog .inner{box-shadow: 0 0 10px #00000033;}
#blog .text{padding: 20px;}
#blog .text h5 a{color: #000; }
#blog .text span{color: #6d6d6d; display: inline-block; margin: 7px 0; font-size: 15px;}
#blog .text span i{color: #ec7384;}
#blog .text p{color: #6d6d6d; font-size: 16px;}
#blog .text .read{color: #ec7384; font-weight: 500; font-size: 16px; display: inline-block; margin-top: 20px; transition: .5s;}
#blog .text .read:hover{color: #000;}



/* footer */
footer .footertop{background-color: #1a1a18; padding: 70px 0px 20px;}
footer .row{row-gap: 25px;}
footer .footertop .about a img{width:60%; border-radius: 10px;}
footer .footertop .about p{color: #fff; font-size: 15px; margin-top: 20px; } 
footer .footertop .soical li i{text-align: center; margin-left: 11px;}
footer .footertop .soical li a{color: #fff; font-size: 16px; display: inline-block; width: 35px;height: 35px; line-height: 35px; background-color: #ec7384; border-radius: 50%; transition: .5s;}
footer .footertop .soical li a:hover{background-color: #68c564; color: #fff;}

footer .footertop ul{list-style: none;}
footer .footertop ul li{color: #fff; margin-top: 10px;}
footer .footertop ul li a{color: #fff; font-size: 16px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer ul li h4{color: #ec7384;}
footer .footertop ul li a:hover{color: #ec7384;}
footer .footertop .addres li{margin-bottom: 20px;}
footer .footertop .addres li i{color: #ec7384; font-size: 22px;}
footer .footerboo ul{display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #ec738436;padding-top: 20px;}
footer .footerboo{background-color:#1a1a18; padding: 20px;}
footer .footerboo ul{justify-content: center;}
footer .footerboo ul li img{width: 200px; background-color: #ec7384; padding: 0px 10px 8px; border-radius: 100px;}


  /* quickcontact */
.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}


/* modal */
.modal form.row{row-gap: 20px;}
.modal .btn-theme {border-radius: 0px; background: #ec7384; color: #fff;}
.modal .btn-theme:hover{background-color: #000; color: white;} 
.modal .form-control{border-radius: 0px; border: none; box-shadow: none; background-color: #f3f3f3; color:#797979;}
.modal .form-control:focus{border-color: #000;}
.modal .submit{background-color: #ec7384; color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5;}
.modal .submit:hover{background-color: #ec7384;}


/* ======================================
            inner page
======================================= */

/* heading */
#heading{background-image: url(../images/for-bridal-bg-2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; text-align: center;}
#heading .heading-bg{padding: 100px 0;}
#heading .content{display: inline-block; padding: 30px 70px; background-color: #ffffff85; border-radius: 100px; box-shadow: 0 0 10px #0000003b; text-align: center;}
#heading h2{font-size: 40px; font-weight: bold; color: #000;}
#heading p, #heading a{font-size: 18px; color: #303030; transition: .5s;}
#heading a:hover{color: #ec7384;}
 
 

/* service-page */
#service-page{padding: 70px 0; background-color: #fff;}
#service-page .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #ec7384;}
#service-page h2{color: #000; font-size: 36px; text-align: center; margin-bottom: 30px;}
#service-page .row{row-gap: 25px;}
#service-page ul{display: flex; list-style: none; align-items: center; background-color: #fff5f9; box-shadow: 0 0 10px #00000033;}
#service-page ul li:first-child{width: 45%;}
#service-page ul li:last-child{width: 55%; padding: 20px;}
#service-page ul li h4{color: #444444; font-size: 20px;}
#service-page ul li p{font-size: 15px; font-weight: 400; color: #919191;}
#service-page ul li a{font-size: 16px; color: #ec7384; font-weight: 500; display: inline-block; margin-top: 20px;}
#service-page ul li a:hover{color: #000;}


/* gallery */
/*#gallery{background-color: #fff; padding: 70px 0;}*/
/*#gallery .p1{font-family: 'Kaushan Script', cursive; font-size: 28px; font-weight: 500; text-align: center; color: #ec7384;}*/
/*#gallery h2{color: #000; font-size: 38px; text-align: center; text-shadow: 1px 2px 1px #00000062;} */
/*#gallery .img-wrapper { position: relative; margin-top: 15px; overflow: hidden; border-radius: 10px; box-shadow: 0 0 8px #00000033;}*/
/*#gallery .img-wrapper img {width: 100%;}*/

/*#gallery .img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0;}*/
/*#gallery .img-overlay i { color: #fff; font-size: 3em;}*/

/*#overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}*/

/*#overlay img { margin: 0; width: 80%; height: auto; -o-object-fit: contain; object-fit: contain; padding: 5%;}*/

/*@media screen and (min-width: 768px) {*/
/*  #overlay img {*/
/*    width: 60%;*/
/*  }*/
/*}*/
/*@media screen and (min-width: 1200px) {*/
/*  #overlay img {*/
/*    width: 62%;*/
/*  }*/
/*}*/

/*#nextButton i{*/
/*  color: #fff;*/
/*  font-size: 2em;*/
/*  transition: opacity 0.8s;*/
/*}*/
/*#nextButton:hover {*/
/*  opacity: 1;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/*  #nextButton {*/
/*    font-size: 2em;*/
/*  }*/
/*}*/

/*#prevButton i{*/
/*  color: #fff;*/
/*  font-size: 2em;*/
/*  transition: opacity 0.8s;*/
/*}*/
/*#prevButton:hover {*/
/*  opacity: 0.7;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/*  #prevButton {*/
/*    font-size: 2em;*/
/*  }*/
/*}*/

/*#exitButton i{*/
/*  color: #fff;*/
/*  font-size: 2em;*/
/*  transition: opacity 0.8s;*/
/*  position: absolute;*/
/*  top: 15px;*/
/*  right: 15px;*/
/*}*/
/*#exitButton:hover {*/
/*  opacity: 0.7;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/*  #exitButton {*/
/*    font-size: 2em;*/
/*  }*/
/*}*/


/* blog-page */
#blog-page{padding: 70px 0;}
#blog-page .row{row-gap: 30px;}
#blog-page .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #ec7384;}
#blog-page h2{color: #000; font-size: 36px; text-align: center; margin-bottom: 30px;}
#blog-page .inner{box-shadow: 0 0 10px #00000033;}
#blog-page .text{padding: 20px;}
#blog-page .text h5 a{color: #000; }
#blog-page .text span{color: #6d6d6d; display: inline-block; margin: 7px 0; font-size: 15px;}
#blog-page .text span i{color: #ec7384;}
#blog-page .text p{color: #6d6d6d; font-size: 16px;}
#blog-page .text .read{color: #ec7384; font-weight: 500; font-size: 16px; display: inline-block; margin-top: 20px; transition: .5s;}
#blog-page .text .read:hover{color: #000;}


/* blog-detail */
#blog-detail{padding: 70px 0;}
#blog-detail .row{row-gap: 30px; justify-content: center;}
#blog-detail .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #ec7384;}
#blog-detail h2{color: #000; font-size: 33px; text-align: center; margin-bottom: 40px;}
#blog-detail .img img{width: 100%; border-radius: 15px;}
#blog-detail .content h5 a{color: #000; font-size: 26px;}
#blog-detail .content span{color: #6d6d6d; display: inline-block; margin: 7px 0; font-size: 15px;}
#blog-detail .content span i{color: #ec7384;}
#blog-detail .content p{color: #6d6d6d; font-size: 16px; text-align: justify;}
#blog-detail .blog{background-color: #f5f5f5; box-shadow: 0 0 10px #0000001c; border-radius: 10px; padding: 15px 30px 30px; position: sticky; top: 100px;}
#blog-detail .blog h4{color: #ec7384; margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: bold;}
#blog-detail .blog ul{list-style: none; background-color: #fff; border: 1px solid #e4e4e4; padding: 10px;}
#blog-detail .blog ul li{margin-bottom: 15px; align-items: center;}
#blog-detail .blog ul li:last-child{margin-bottom: 0;}
#blog-detail .blog a{color: #000; font-size: 17px; display: inline-block;}
#blog-detail .blog p{color: #6d6d6d; display: inline-block; font-size: 14px;}
#blog-detail .blog p i{color: #ec7384;}


/* contact */
#contact{padding: 70px 0px;}
#contact .row{row-gap: 30px;}
#contact .location h2{font-size: 40px; font-weight: 500; color: #000;}
#contact .location h2 span{font-weight: 800; color: #ec7384;}
#contact .location p{font-size: 16px; color: grey; margin-bottom: 30px;}
#contact .location ul li a{color: #000; font-size: 16px; font-weight: 500; transition: .5s;}
#contact .location ul li{transition: .5s; padding: 15px; height: 100px; margin-bottom: 20px; background-color: #f5f5f5; font-size: 20px; color: #ec7384; transition: .5s;}
#contact .location ul li:hover a, #contact .location ul li:hover{color: #ec7384;}
#contact .location .map iframe{border-radius: 20px;}
#contact form{background-color:#fff; box-shadow: 0px 0px 10px #0000003b; padding: 30px 15px; }
#contact form .form-control{border: none; border-bottom: 1px solid #ec7384; background-color: #ffffff00; border-radius: 0px; color: #000;}
#contact form .label{color: #000; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
#contact form .form-control:focus{box-shadow: none; border-color: #ec7384;}
#contact form .form-control::placeholder{color: darkgray;}
#contact form .btn{background-color: #ec7384; color: #fff; width: 100%;}


/* details */
#details{padding: 70px 0; background-color: #fff;}
#details .row{row-gap: 25px;}
#details .p1{font-family: 'Kaushan Script', cursive; font-size: 28px; font-weight: 500; text-align: center; color: #ec7384;}
#details h2{color: #000; font-size: 38px; text-align: center; margin-bottom: 50px;}
#details .content h3{color: #000; font-size: 26px; margin: 30px 0 10px;}
#details .content p{color: grey; font-size: 16px; text-align: justify;} 
#details .img img{border-radius: 10px; width: 100%;} 
#details .service{background-color: #f5f5f5; padding: 15px 30px 30px; box-shadow: 0 0 10px #00000021; position: sticky; top: 100px; border-radius: 10px; border: 1px solid #e4e4e4;}
#details .service h4{color: #ec7384; margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: bold;}
#details .service ul{list-style: none; background-color: #fff; border-radius: 10px; border: 1px solid #e4e4e4;}
#details .service ul li a{color: #000; font-size: 18px; padding: 10px 15px; display: block; transition: .3s;}
#details .service ul li a:hover, #details .service ul li a:active, #details .service ul li a:focus{background-color: #ec7384; color: #fff;}
#details .service ul li a i{color: #ec7384; transition: .3s;}
#details .service ul li a:hover i, #details .service ul li a:active i, #details .service ul li a:focus i{color: #fff;}

/* listing */
#listing{padding: 40px 0 60px;}
#listing .row.row-mn{align-items: center; background-color: #e7e7e7; border-radius: 10px; overflow: hidden;  margin: 25px 1px 0px;}
#listing .content{padding: 20px;}
#listing .content h4 a{color: #ec7384; font-weight: bold;}
#listing .content p{color: grey; font-weight: 500; font-size: 16px; margin-top: 10px;}
#listing .content p a{color: grey; }
#listing .content p a:hover{color: #ec7384;}
#listing .content p i, #listing .content p b{color: #ec7384; font-size: 18px;}
#listing .content .call{color: #fff; background-color: #ec7384; padding: 10px 16px; font-size: 13px; display: inline-block; transition: .5s; border-radius: 100px; margin-top: 20px;}
#listing .content .call:hover{background-color: #198754; color: #fff;}
#listing .content .star-cl{margin:10px 0px;}
#listing .content .star-cl li i{color:#cfa119;}
#listing .listing-image img{width:100%; height:420px; object-fit:cover}

/* vender-sec */

#vender-sec{padding:50px 0px;}
#vender-sec h2{text-align:center; font-size:35px; font-weight:700; margin-bottom:45px;}
#vender-sec .row{justify-content:center;}
#vender-sec form .form-control{background-color: #f7f7f7; border-radius: 0px; color: #000; padding: 11px;
    text-align: left;}
#vender-sec form .form-control::placeholder{color:#000 !important;}    
#vender-sec form .label{color: #000; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
#vender-sec form .form-control:focus{box-shadow: none; border-color: #ec7384;}
#vender-sec form .form-control::placeholder{color: darkgray;}
#vender-sec form .btn{background-color: #ec7384; color: #fff; width: 100%;}
#vender-sec form .dropdown-menu{width: 100%; padding: 20px;}




/* login */

#login{text-align: center;  border-top: 1px solid #dfdfdf; padding: 30px 0px;}
#login .row{justify-content: center;}
#login h2{font-size: 25px; color: #ec7384; text-align: center; margin-bottom: 30px; letter-spacing: .05em;}
#login p{font-size: 14px; margin-bottom: 40px; color: grey;}
#login .form-control{border-radius: 0; padding: 15px;}
#login .form-control:focus{box-shadow: none; border-color: #000;}
#login form{row-gap: 20px;}
#login .forgot{text-align: right; margin-top: -20px;}
#login a{color: #ec7384; font-size: 14px; font-weight: 500;}
#login .view{display: inline-block; border: 1px solid #ec7384; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #fdf5f9;}
#login .view::before{background-color: #ec7384; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#login .view:hover{ color: #ec7384;}
#login .view:hover::before{width: 0%;}

/* forgot */

#forgot{text-align: center;  border-top: 1px solid #dfdfdf; padding: 30px 0px;}
#forgot .row{justify-content: center;}
#forgot h2{font-size: 25px; color: #7e112c; text-align: center; margin-bottom: 30px; letter-spacing: .05em;}
#forgot p{font-size: 14px; margin-bottom: 40px; color: grey;}
#forgot .form-control{border-radius: 0; padding: 15px;}
#forgot .form-control:focus{box-shadow: none; border-color: #000;}
#forgot form{row-gap: 30px;}
#forgot .forgot{text-align: right; margin-top: -25px;}
#forgot .back{color: #7e112c; font-weight: 500;}
#forgot .view{display: inline-block; border: 1px solid #7e112c; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #fdf5f9;}
#forgot .view::before{background-color: #7e112c; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#forgot .view:hover{ color: #7e112c;}
#forgot .view:hover::before{width: 0%;}

/* otp */

#otp{text-align: center;  border-top: 1px solid #dfdfdf; padding: 30px 0px;}
#otp .row{justify-content: center;}
#otp h2{font-size: 25px; color: #7e112c; text-align: center; margin-bottom: 30px; letter-spacing: .05em;}
#otp p{font-size: 14px; margin-bottom: 40px; color: grey;}
#otp .form-control{border-radius: 0; padding: 15px;}
#otp .form-control:focus{box-shadow: none; border-color: #000;}
#otp form{row-gap: 30px;}
#otp .forgot{text-align: right; margin-top: -25px;}
#otp .view{display: inline-block; border: 1px solid #7e112c; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #fdf5f9;}
#otp .view::before{background-color: #7e112c; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#otp .view:hover{ color: #7e112c;}
#otp .view:hover::before{  width: 0%;}

/* password */

#password{text-align: center;  border-top: 1px solid #dfdfdf; padding: 30px 0px;}
#password .row{justify-content: center;}
#password h2{font-size: 25px; color: #7e112c; text-align: center; margin-bottom: 30px; letter-spacing: .05em;}
#password p{font-size: 14px; margin-bottom: 40px; color: grey;}
#password .form-control{border-radius: 0; padding: 15px;}
#password .form-control:focus{box-shadow: none; border-color: #000;}
#password form{row-gap: 20px;}
#password .forgot{text-align: right; margin-top: -20px;}
#password .view{display: inline-block; border: 1px solid #7e112c; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #fdf5f9;}
#password .view::before{background-color: #7e112c; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#password .view:hover{ color: #7e112c;}
#password .view:hover::before{width: 0%;}


#contact-class{padding: 50px 40px;}
#contact-class .user-profile-menu{padding: 15px 20px; background: #F8FBFE; border: 1px solid #eee; border-radius: 4px; position: sticky; top: 10px;}
#contact-class .user-profile-menu h3{font-size: 16px; padding-bottom: 20px; font-weight: 600; color: #98AAB8;}
#contact-class .user-profile-menu ul {border-bottom: 1px solid #dbdbdb; padding-bottom: 20px; margin-bottom: 20px;}
#contact-class .user-profile-menu ul li a{font-weight: 400; font-size: 14px; color: #50596E; margin-bottom: 10px; display: inline-block;} 
#contact-class .user-profile-menu ul li span{width: 20px; height: 20px; background-color: #ec7384; color: #fff; border-radius: 50px; text-align: center; line-height: 20px; font-size: 13px; display: inline-block; margin-left: 20px;}
#contact-class .user-profile-menu .log-out a{display: inline-block; padding: 9px 30px; background-color: #ec7384; color: #fff; font-size: 15px; border-radius: 5px;}
#contact-class .content-a {border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 30px;}
#contact-class .content-a h4 {font-size: 18px; color: #98AAB8; font-weight: 700; padding-bottom: 20px;}
#contact-class .content-a .form-label {color: #666; margin-bottom: 5px; font-size: 13px;}
#contact-class .content-a .form-control {color: #666; font-size: 13px; padding: 13px; box-shadow: none; border: 1px solid #eee;
background: #f9f9f9; margin-bottom: 25px; border-radius: 0;}
#contact-class .content-a .form-select {color: #666; font-size: 13px; padding: 13px; box-shadow: none; border: 1px solid #eee; border-radius: 0;}
#contact-class .content-a .location-map{margin-bottom: 25px;}
#contact-class .content-a .enquiry-btn{display: inline-block; padding: 9px 30px; background-color: #ec7384; color: #fff; font-size: 15px; border-radius: 5px;}
.contact-meesage-in .view-btn{display: inline-block; padding: 9px 30px; background-color: #ec7384; color: #fff; font-size: 15px; border-radius: 5px;}
.contact-meesage-in .form-control{color: #666; font-size: 15px; padding: 13px; box-shadow: none; border: 1px solid #eee;
background: #f9f9f9; margin-bottom: 25px; border-radius: 0;}
.contact-meesage-in .submit-btn{display: inline-block; border:none; padding: 9px 30px; background-color: #ec7384; color: #fff; font-size: 15px; border-radius: 5px;}


/* slider */
#iner-slider{position: relative; background-image: url(../images/slider-bg.jpg);  background-repeat: no-repeat; background-size: contain;}
/*#iner-slider .slider-bg{background-color: #ffffffc7; padding: 40px;} */


#iner-slider .form-bg{background-color: #fff; box-shadow: 0px 0px 10px #0000002e; padding: 20px 20px; border-radius: 0px;}
#iner-slider .form-bg form.row{row-gap: 20px;}
#iner-slider .form-bg form h3{color: #ec7384; font-size: 26px; font-family: 'Sansita One';}
#iner-slider .form-bg form .form-control{background-color: #fff; padding: 8px 20px; border-radius: 0px;}
#iner-slider .form-bg form .form-control:focus{box-shadow: none; border-color: #127bbd;}
#iner-slider .form-bg form .form-control::placeholder{color: #3b3b3b;}
#iner-slider .form-bg form .btn{background-color: #ec7384; color: #fff; width: 100%; padding: 12px 0px; border-radius: 0px;}
#iner-slider .form-bg form .btn:hover{background-color: #000; }

#service-det-info{padding: 50px 40px;}
#service-det-info .inr-aa ul{border-bottom: 1px dotted #000; margin-bottom: 25px; padding-bottom: 15px;}
#service-det-info .iner{padding: 30px 20px; background: #fff; border-radius: 6px; border: 1px solid #eee;}
#service-det-info .content-a h3{font-size: 35px; font-weight: 600; color: #333;}
#service-det-info .content-a .text{color: #333;}
#service-det-info .content-b h6 a{display: inline-block; height:35px; width:35px; border-radius: 50px; border: 1px solid #ec7384; background-color: #ec7384; color: #fff; transition: .5s; line-height:35px; text-align: center;}
#service-det-info .content-b h6 a:hover{background-color: transparent; color: #ec7384;}
#service-det-info .content-b h5{margin: 15px 0px;}
#service-det-info .content-b h5 a, #service-det-info .content-b h5{font-size: 17px; color: #333;}
#service-det-info .iner h2{font-size: 20px; font-weight: 600;}
#service-det-info .iner .text-a{font-size: 15px; margin: 15px 0px;}
#service-det-info .iner-a{padding: 15px 0px 30px;}
#service-det-info .iner-a.iner-b{padding: 15px 0px 30px; border-bottom: 1px solid #c7c7c7;}
#service-det-info .iner-a h4{margin-bottom: 20px;}
#service-det-info .iner-a  .inr-a{background: #fff; border-radius: 6px; border: 1px solid #eee;}
#service-det-info .iner-a  .inr-a .imgs img{border-radius: 5px;}
#service-det-info .iner-a  .inr-a .content{padding: 20px 10px;}
#service-det-info .iner-a  .inr-a .content h3{font-size: 20px; font-weight: 600;}
#service-det-info .iner-a  .inr-a .content .text{font-weight: 500;}
#service-det-info .item-reviews{padding: 30px 20px; background: #fff; border-radius: 6px; border: 1px solid #eee;}
#service-det-info .item-reviews h3{font-size: 20px; font-weight: 600; margin-bottom: 30px;}
#service-det-info .item-reviews .imgsc{width: 20%;}
#service-det-info .item-reviews .imgsc img{border-radius: 50%;}
#service-det-info .item-reviews .content-c h4 {font-size: 18px; font-weight: 600; display: flex; justify-content: space-between;
margin-bottom: 25px;}
#service-det-info .item-reviews ul{padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #eee;}
#service-det-info .item-reviews .content-c h4 span {text-align: end; font-size: 13px; color: #FACC39;}
#service-det-info .item-reviews .content-c .text{font-size: 14px; margin-bottom: 25px;}
#service-det-info .item-reviews .content-c h5 {font-size: 15px; font-weight: 500;}
#service-det-info .working-content .iner{padding: 10px 20px; background: #fff; border-radius: 6px; border: 1px solid #eee;}
#service-det-info .working-content h3{font-size: 20px; font-weight: 600; margin-bottom: 25px; color: #333;}
#service-det-info .working-content .iner h5{font-size: 15px; font-weight: 600; color: #ec7384; margin-bottom: 30px;}
#service-det-info .working-content .iner ul li{display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #eee; font-size: 14px;}
#service-det-info .working-content{background-color: #fff; box-shadow: 0px 0px 10px #0000002e; padding: 20px 20px; border-radius: 0px; position: sticky; top: 120px;}
#service-det-info .working-content .form-bg{margin-top: 30px;}
#service-det-info .working-content form.row{row-gap: 20px;}
#service-det-info .working-content form h3{color: #ec7384; font-size: 26px; font-family: 'Sansita One'; margin-bottom: 15px;}
#service-det-info .working-content form .form-control{background-color: #fff; padding: 8px 20px; border-radius: 0px;}
#service-det-info .working-content form .form-control:focus{box-shadow: none; border-color: #127bbd;}
#service-det-info .working-content form .form-control::placeholder{color: #3b3b3b;}
#service-det-info .working-content form .btn{background-color: #ec7384; color: #fff; width: 100%; padding: 12px 0px; border-radius: 0px;}
#service-det-info .working-content form .btn:hover{background-color: #000; }
#service-det-info .reviews-form{padding:10px 0px;}
#service-det-info .reviews-form .reviews-rating{display:flex; gap:15px; margin-bottom:15px;}
#service-det-info .reviews-form .form-control{width:100%; margin-bottom:20px; border-radius:0px; box-shadow: none;}



/* service-vender */

#service-vender{padding:50px 0px;}
#service-vender ul{margin-bottom:40px;}
#service-vender ul li h4{font-size:22px;}
#service-vender ul li h5 a{display: inline-block; padding: 10px 20px; color: #fff; background-color: #ec7384; border-radius: 5px; font-size:16px;}
#service-vender .table tbody tr td{border: 1px solid #ebebeb; align-items: center; justify-content: center; color: #212121; font-weight: 500;
text-transform: capitalize; font-size: 14px;   text-align: center;
align-items: center;
min-width: 150px; }
/* #wishlist .table>:not(caption)>*>*{padding: 3px 10px;} */
#service-vender .table thead tr th{border: 1px solid rgb(196, 193, 193);}
#service-vender .table tbody tr td .delet{color: #7e112c; font-weight: bolder;}
#service-vender .table tbody tr td .product{color: #000;}
#service-vender .table tbody tr td .product:hover{color: #c09578;}
#service-vender .table tbody tr .imgsc img{width: 100px;}
#service-vender .table tbody tr .activ-cls a{padding:2px 17px; display:inline-block; background-color:#ec7384; color:#fff; border-radius: 10px;}
#service-vender .table tbody tr td a{color:#000;}

#service-vender .user-profile-menu{padding: 15px 20px; background: #F8FBFE; border: 1px solid #eee; border-radius: 4px; position: sticky; top: 10px;}
#service-vender .user-profile-menu h3{font-size: 16px; padding-bottom: 20px; font-weight: 600; color: #98AAB8;}
#service-vender .user-profile-menu ul {border-bottom: 1px solid #dbdbdb; padding-bottom: 20px; margin-bottom: 20px;}
#service-vender .user-profile-menu ul li a{font-weight: 400; font-size: 14px; color: #50596E; margin-bottom: 10px; display: inline-block;} 
#service-vender .user-profile-menu ul li span{width: 20px; height: 20px; background-color: #ec7384; color: #fff; border-radius: 50px; text-align: center; line-height: 20px; font-size: 13px; display: inline-block; margin-left: 20px;}
#service-vender .user-profile-menu .log-out a{display: inline-block; padding: 9px 30px; background-color: #ec7384; color: #fff; font-size: 15px; border-radius: 5px;}


#service-vender-det {padding:50px 0px;}
#service-vender-det .form-label {color: #666; margin-bottom: 5px; font-size: 15px;}
#service-vender-det .form-control {color: #666; font-size: 15px; padding: 13px; box-shadow: none; border: 1px solid #eee;
background: #f9f9f9; margin-bottom: 25px; border-radius: 0;}
#service-vender-det .form-select {color: #666; font-size: 13px; padding: 13px; box-shadow: none; border: 1px solid #eee; border-radius: 0;}
#service-vender-det .enquiry-btn{display: inline-block; padding: 9px 30px; background-color: #ec7384; color: #fff; font-size: 15px; border-radius: 5px;}

#youtub-reel{padding:50px 0px 0px;}
#youtub-reel .video-card {border-radius: 10px; overflow: hidden; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); margin-bottom: 20px;}
#youtub-reel .video-card iframe {width: 100%; height: 450px; border: none;}
#youtub-reel h2{font-size: 40px; font-weight: bold; color: #e97282; text-align:center; margin-bottom:50px;}
#youtub-reel .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{display:none;}


/* blog-detail */
#makeup-ideas-det{padding: 70px 0;}
#makeup-ideas-det .row{row-gap: 30px; justify-content: center;}
#makeup-ideas-det .img img{width: 100%; border-radius: 15px;}
#makeup-ideas-det .imgs img{border-radius: 50%; height: 148px; width: 145px;}
#makeup-ideas-det .content h5 a{color: #000; font-size: 26px; display: inline-block; margin: 10px 0 5px;}
/*#makeup-ideas-det .content span{color: #6d6d6d; display: inline-block; margin: 7px 0; font-size: 15px;}*/
/*#makeup-ideas-det .content span i{color: #ec7384;}*/
#makeup-ideas-det .content p{color: #6d6d6d; font-size: 16px; text-align: justify;}
#makeup-ideas-det .blog{background-color: #f5f5f5; box-shadow: 0 0 10px #0000001c; border-radius: 10px; padding: 15px 30px 30px; position: sticky; top: 100px;}
#makeup-ideas-det .blog h4{color: #ec7384; margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: bold;}
#makeup-ideas-det .blog ul{list-style: none; background-color: #fff; border: 1px solid #e4e4e4; padding: 10px;}
#makeup-ideas-det .blog ul li{margin-bottom: 15px; align-items: center;}
#makeup-ideas-det .blog ul li:last-child{margin-bottom: 0;}
#makeup-ideas-det .blog a{color: #000; font-size: 17px; display: inline-block;}
#makeup-ideas-det .blog p{color: #6d6d6d; display: inline-block; font-size: 14px;}
/*#makeup-ideas-det .blog p i{color: #ec7384;}*/


#gallery {background-image: url(../images/backgound-img.webp); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 50px 0px;}
#gallery .row{row-gap: 20px;}


#gallery .content h2 {font-size: 45px; width: 70%; margin: 0px auto 15px; color: #dc3545; font-weight: bold; text-align: center; margin-bottom: 30px;}
#gallery .content h4 {font-weight: 600; margin-bottom: 15px; color: #dc3545;}
#gallery .content h5 {font-size: 23px; font-weight: 600; font-style: italic;}
#gallery .content .text {font-size: 16px; color: #000; text-align: justify; margin-bottom: 10px;}
#gallery .content .text-a {font-size: 18px; font-weight: 600; color: #dc3545; margin: 8px 0px; font-style: italic;}
#gallery .content .content-text li{margin-bottom: 10px; color: #000;}
#gallery .content .content-text li b{color: #dc3545;}
#gallery .content .content-text li i{font-size: 6px;}
#gallery h3{background-color: #dc3545; padding: 5px; color: #fff; margin-top: 15px; font-weight: 600; font-size: 18px; width: fit-content;}

#gallery .inr{position: sticky;}
#gallery .iner{margin-left: 25px; background-color: #d4d4d4b5; box-shadow: 0px 0px 10px #00000046; border-radius: 0px 0px 10px 10px;}
#gallery .iner .content-a h6{margin-top: 20px; background-color: #000; padding: 5px 10px; width: fit-content; color: #fff;}
#gallery .iner .content-a {padding: 10px 20px;}
#gallery .iner .content-a h5{font-size: 20px; font-weight: 600;}
#gallery .iner .content-a h5 span{display: block; font-size: 13px; margin-top: 5px;}
#gallery .iner .content-a .content-text-a li{font-size: 14px; margin-bottom: 10px;}
#gallery .iner .content-a .content-text-a li b{font-size: 12px;}
#gallery .iner .content-a .text-b{text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 10px;}
#gallery .iner .content-a .text-c{text-align: center; font-size: 14px;}




#gallery .img-wrapper {
  position: relative;
  margin-top: 15px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 8px #00000033;
}

#gallery .img-wrapper img {
  width: 100%;
}

#gallery .img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

#gallery .img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}


.main-content {
    margin-left: var(--sidebar-width);
    padding: 20px;
}

.nav-link {
    padding: 0.75rem 1.5rem;
}

.nav-link.active-link {
    border-left: 4px solid var(--primary-blue);
    color: var(--primary-blue) !important;
    background-color: #e9ecef;
    font-weight: 500;
}

/* Container for the chart to center the text overlay */
.chart-container {
    position: relative;
    width: 150px;
    height: 150px;
}

/* Overlay to display the percentage number */
.chart-text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
}