/*-----------------------------------------------------------------------------------

 Theme Name: Conchoverseas
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
/* font-family: "Prata", serif;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 /*font-family: "Roboto", sans-serif;*/

:root {
  --primary-background:linear-gradient(to right, #0c65c6, #2cb484);
  --banner-background: linear-gradient(to right, #0c65c6 -17%, #2cb484 33%);
  --banner-button:#004d9f;
  --section-background: linear-gradient(to right, rgba(12, 101, 198, 0.2), rgba(44, 180, 132, 0.2));
  --secondry-background:#2d2d2d;
  --heading-color:#2cb484;
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
  --primary-font-family: "Manrope", sans-serif;
   --cream:#F4EFE6;
    --cream-deep:#EAE2D3;
    --olive:#6B6B47;
    --olive-dark:#4B4B30;
    --ink:#2B2A24;
    --gold:#C9A646;
    --line:#D8CFBE;
}
body{font-family: var(--primary-font-family); background-color: #f3eeea;}
p{   font-family: "Roboto", sans-serif;}
h1{  font-family: "Prata", serif; }
h2{  font-family: "Prata", serif; }
h3{  font-family: "Prata", serif; }
h4{  font-family: "Prata", serif; margin-bottom: 0; }
h5{  font-family: "Prata", serif; }
h6{  font-family: "Prata", serif; }
a{   font-family: "Roboto", sans-serif;}
li{   font-family: "Roboto", sans-serif;}
div{   font-family: "Roboto", sans-serif;}
input{   font-family: "Roboto", sans-serif;}
span{   font-family: "Roboto", sans-serif;}
label{   font-family: "Roboto", sans-serif;}
button{   font-family: "Roboto", sans-serif;}
html {
  scroll-behavior: smooth;
}

ul{margin-bottom: 0px;}
/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1); background-color: #f3eeea;}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
/*.is-sticky .navbar{background-color: #203b2c!important; padding: 6px;}*/
/*.is-sticky .navbar-nav li a{color: #fff;}
.is-sticky .navbar-brand img{filter: brightness(0) invert(1);}
*/
.navbar-brand{width: 17%;}
.navbar-brand img{width: 100%;}
.navbar-nav{gap: 30px;}


/*========================header css end===========================*/

/*============================================Home main banner css start=======================================*/
.hero-section{overflow:hidden; }
 .hero-title{    font-size: 35px;
    line-height: 55px;
    color: #4b2b11;
    font-weight: 600;}
 .hero-text{font-size:20px; color:#5d6674; max-width:500px; }
 .plan-btn{background:#72755f; color:white; padding:14px 30px; border-radius:50px; font-weight:500; }
 .plan-btn:hover{background:#60634f; color:white; }
 .member-group{display:flex; align-items:center; }
 .member-img{width:64px; height:64px; border-radius:50%; object-fit:cover; border:3px solid #efebe7; margin-right:-15px; }
 .plus-circle{width:64px; height:64px; background:#d2bd84; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:40px; color:white; margin-left:10px; }
 .hero-image-wrapper{position:relative; max-width:400px; margin:auto; }
 .hero-main-img{width:100%;height:650px;object-fit:cover;border-radius: 250px 250px 250px 250px;PADDING: 13PX;position: relative;}
 .badge-circle{position:absolute; bottom:-40px; left:50%; transform:translateX(-50%); width:140px; height:140px; background:#d8c28b; border-radius:50%; display:flex; justify-content:center; align-items:center; }
 .circle-text{position:absolute; width:120px; text-align:center; font-size:15px; color:white; line-height:1.4; letter-spacing:1px; }
 .arrow-icon{font-size:35px; color:white; }
 .gallery-title{font-size:38px; color:#4b2b11; }
 .gallery-desc{color:#5d6674;     font-size: 18px;}
 .gallery-card{width:170px; height:140px; overflow:hidden; border-radius:10px;font-weight: 600; }
 .gallery-card img{width:100%; height:100%; object-fit:cover;     object-position: top;}
 .stars{color:#d8923c; font-size:28px; }
 .rating-number{font-size:22px; font-weight:600; }
 .tag-wrapper{display:flex; flex-wrap:wrap; gap:12px; }
 .tag{border:1px solid #d7d7d7; padding:10px 20px; border-radius:40px; font-weight:500; background:white; }
 .tag.active{background:#72755f; color:white; border:none; }
 .bottom-card{background:white; border-radius:25px; padding:30px; box-shadow: 0px 0px 10px #ccc; }
 .bottom-card h2{font-size: 29px;color:#4b2b11;    font-weight: 600;}
 .bottom-card p{color:#5d6674;font-size: 18px;margin-bottom: 0;text-align: center;}
 .experience{font-size: 69px; color:#6c6e5c; line-height:1; font-family: "Prata", serif;}

.hero-image-wrapper{position: relative;}
.hero-image-wrapper:before{content: ""; position: absolute; inset: -3px; /* border thickness */ border-radius: inherit; background: linear-gradient(180deg, rgba(210,192,148,0.8) 0%, rgba(210,192,148,0) 100% ); padding: 3px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; border-radius: 250px 250px 250px 250px; height: 90%; }

/* Responsive */

@media(max-width:991px){
  .hero-title{font-size:55px; text-align:center; }
 .hero-text{text-align:center; margin:auto; }
 .plan-btn{display:block; width:max-content; margin:auto; }
 .members-section{text-align:center; }
 .member-group{justify-content:center; }
 .gallery-title, .gallery-desc{text-align:center; }
 .gallery-card{width:100%; }
 .bottom-card{text-align:center; }
}
@media(max-width:576px){
 .hero-title{font-size:42px; }
 .hero-main-img{height:500px; }
 .bottom-card h2{font-size:38px; }
 .experience{font-size:60px; }
 .gallery-card{height:110px; }
}

/*============================================Home main banner css end=======================================*/

/*============================================home about css start=======================================*/
.love-story-section{background:#f2efec; overflow:hidden; }
.story-images{position:relative; min-height: auto; display: flex; align-items: end; gap: 20px; }
/* First Image */
 .img-one{width: 360px; height: 389px; border-radius:22px; overflow:hidden; position:relative; z-index:2; }
.img-one img{width:100%; height:100%; object-fit:cover; }
/* Second Image */
 .img-two{width: 361px; height: 215px; border-radius:22px; overflow:hidden; position: unset; left: 0; top:110px; z-index:3; }
.img-two img{width:100%; height:100%; object-fit:cover; }
/* Decorative line drawing */
.story-images::after{content:""; position:absolute; right:20px; top:100px; width:180px; height:180px; background:url("line-art.svg") center/contain no-repeat; opacity:.9; z-index:4; }
/* Number Area */
 .section-number{display:flex; align-items:center; gap:18px; margin-bottom: 19px; color:#4f2c0d; font-family:serif; font-size: 19px; }
.section-number span{font-family: "Prata", serif;}
.section-number .line{width:170px; height:1px; background:#b9b9b9; }
/* Content */
.story-content{padding-left: 17px; }
.story-content h2{font-size: 43px;line-height:1;color:#4f2c0d;margin-bottom: 20px;}
 .story-content p{max-width:520px; font-size: 15px; line-height:1.8; color:#5d6674; margin-bottom: 16px; }
/* Button */
.story-btn{display:inline-flex; align-items:center; gap:12px; background:#72755f; color:#fff; text-decoration:none; padding: 11px 28px; border-radius:60px; font-weight:500; }
 .story-btn:hover{color:#fff; }
/* Tablet */
@media(max-width:991px){
 .story-content{padding-left:0; margin-top:40px; }
 .img-two{left:150px; }
 .story-content h2{font-size:52px; }
}
/* Mobile */
@media(max-width:767px){
 .story-images{min-height:auto; }
 .img-one, .img-two{position:relative; width:100%; height:280px; left:auto; top:auto; margin-bottom:20px; }
 .section-number{margin-top:20px; margin-bottom:30px;
    }
 .section-number .line{width:80px; }
 .story-content h2{font-size:42px; }
 .story-content p{font-size:16px; }
}
/*============================================home about css end=======================================*/


/*============================================home service css start=======================================*/

.signature-section{background:#f3efeb; }
 .signature-title{font-size: 43px; line-height:1.1; color:#4c2807; font-weight:500; }
 .section-label{display:flex; align-items:center; gap:18px; margin-bottom:20px; }
 .section-label span{font-size:24px; color:#4c2807;  font-family: "Prata", serif;}
 .section-label .line{width:180px; height:1px; background:#c9c4bd; }
 .section-desc{max-width:430px; color:#616161; line-height:1.8; font-size: 15px; margin-bottom: 0; }
/* Cards */
 .service-card{position: relative; height: 100%; border: 1px solid #cfc8be; border-radius: 20px; overflow: hidden; background: #ddd5cc; padding: 17px; display: flex; flex-direction: column; gap: 34px; }
 .service-no{font-size:34px; color:#4c2807; z-index:3; font-family: "Prata", serif; }
 .service-content{z-index:3; }
 .service-content h3{font-size: 19px; color:#4c2807; margin-bottom:8px; }
 .service-content p{font-size:15px; color:#4b4b4b; margin-bottom:0; max-width:180px; }
 .arrow-btn{width:40px; height:40px; background:#d7c186; border-radius:50%; display:flex; align-items:center; justify-content:center; text-decoration:none; color:#fff; font-size:20px; }
 .card-image{height:95px; }
 .card-image img{width:100%; height:100%; object-fit:cover; }
.serv-head{display: flex; justify-content: end;}
.service-content{display: flex;align-items: center;}
.serv-con{width: 81%;}

/*============================================home service css end=======================================*/

/*===============================counter sec css start=============================*/

 #counter {background: unset;padding: 0px 0px 0px;width: 100%;max-width: 100%;margin: 0 auto;display: flex;justify-content: space-between;list-style-type: none;}
 #counter li {flex: 1; text-align: left; font-size: 41px; color: #fff; font-weight: 700; display: flex; justify-content: center; position: relative;}
 #counter span.percent:after {/*content: "%";*/ display: inline-block; }
.counter-main{background-size: cover;background-position: 80%;padding: 0px;margin-top: 0px;}
 #counter li p{font-size: 15px;margin-top: 3px;color: #fff;font-weight: 400;margin-bottom: 0;}
.count-contanet h5{font-weight: 700;font-size: 44px;margin-bottom: 0px; color: #E9D39F;}
.count-contanet h5 span{  font-family: "Prata", serif; color: #fff;}
.count-icon i{width: 50px; height: 50px; background-color: #c4913c; border-radius: 50px; display: flex; justify-content: center; align-items: center; margin-right: 12px; font-size: 23px; }
.counter-wrapper{background-color: #666956;padding: 31px 0px;}

/*===============================counter sec css End=============================*/

/*============================================home why choose css start=======================================*/
.why-us-section{background:#f3efeb; padding:60px 0; overflow:hidden; }
/* LEFT CARD */
.essence-card{width:100%; max-width:100%; height:480px; background:#ebe4dc; border-radius:24px; position:relative; overflow:hidden; }
.card-content{padding:30px 45px 55px 25px; position:relative; z-index:2; }
 .card-content h2{font-size: 28px; line-height: 49px; font-weight: 500; color: #4b2808; margin-bottom: 0px; }
 .card-content p{width:100%; font-size:14px; line-height:2; color:#575757; }
 .floral-shape{position:absolute; right:-20px; bottom:-20px; opacity:.25; }
 .floral-shape img{width:260px; }
/* CENTER OVAL */
.oval-wrapper{position:relative; width:350px; height:520px; margin:auto; left: -53px; }
 .oval-border{position:absolute; top: -12px; left: -12px; width: 327px; height: 546px; border:2px solid rgba(216,199,155,.8); border-radius:220px; }
 .oval-image{width:305px; height:520px; overflow:hidden; border-radius:180px; position:relative; z-index:2; }
 .oval-image img{width:100%; height:100%; object-fit:cover; }
/* RIGHT SIDE */
 .section-head{display:flex; align-items:center; gap:18px; margin-bottom:58px; }
 .section-head span{font-size:22px; color:#4b2808;  font-family: "Prata", serif;}
 .section-head .line{width:100px; height:1px; background:#c9c2b8; }
 .right-text{max-width: 100%; font-size:16px; line-height:1.8; color:#4d4d4d; margin-bottom:25px; }
/* SLIDER */
 .slider-image{width: 100%; height:312px; overflow:hidden; border-radius:14px; }
 .slider-image img{width:100%; height:100%; object-fit:cover; }
/* DOTS */
 .why-slider .owl-dots{margin-top:14px !important; }
 .why-slider .owl-dot span{width:6px !important; height:6px !important; margin:4px !important; background:#c2beb8 !important; }
.why-slider .owl-dot.active span{background:#7d786d !important; }
/* RESPONSIVE */
@media(max-width:1199px){
 .oval-wrapper{width:300px; height:450px; }
    .oval-image{width:300px; height:450px; }
 .oval-border{width:340px; height:490px; }
}
@media(max-width:991px){
 .essence-card{margin:auto; }
 .oval-wrapper{margin:60px auto; }
 .section-head{margin-bottom:35px; }
 .slider-image{width:100%; height:400px; }
}
@media(max-width:767px){
 .card-content h2{font-size:50px; }
 .essence-card{height:auto; padding-bottom:100px; }
 .oval-wrapper{width:270px; height:390px; }
 .oval-image{width:270px; height:390px; }
 .oval-border{width:310px; height:430px; }
 .section-head .line{width:80px; }
 .slider-image{height:280px; }
}

/*============================================home why choose css end=======================================*/

/*============================================home faq css start=======================================*/
.faq-section{background:#f3efeb; padding:100px 0; }
/* LEFT */
 .faq-top-label{display:flex;align-items:center;gap:20px;margin-bottom: 39px;}
 .faq-top-label span{font-size:30px; color:#4b2808;  font-family: "Prata", serif;}
.faq-top-label .line{width:90px; height:1px; background:#cfc7bd; }
 .faq-desc{max-width:370px;font-size: 15px;line-height:1.8;color:#444;margin-bottom:35px;}
 .faq-image{max-width:380px; overflow:hidden; border-radius:20px; }
.faq-image img{width:100%; height:250px; object-fit:cover; }
/* RIGHT */
 .faq-title{font-size: 48px; line-height:1; color:#4b2808; margin-bottom:45px; }
/* ACCORDION */
.custom-faq .accordion-item{border:none; background:transparent; margin-bottom:15px; }
 .custom-faq .accordion-button{background:#e8e1d7; border-radius:50px !important; padding: 11px 30px; font-size: 20px; color:#5a3a17; box-shadow:none; }
 .custom-faq .accordion-button:not(.collapsed){background:#d9d3c9; color:#5a3a17; box-shadow:none; }
 .custom-faq .accordion-button:focus{box-shadow:none; }
/* Custom +/- icon */
.custom-faq .accordion-button::after{display:none; }
 .custom-faq .accordion-button::before{content:"+"; font-size:32px; margin-right:25px; color:#8b7b5e; font-weight:300; }
 .custom-faq .accordion-button:not(.collapsed)::before{content:"-"; }
 .custom-faq .accordion-body{padding:25px 60px; color:#666; font-size:18px; line-height:1.9; }
/* Responsive */
@media(max-width:991px){
 .faq-title{font-size:52px; margin-top:30px; }
 .faq-image{max-width:100%; }
}
@media(max-width:767px){
 .faq-title{font-size:42px; }
 .custom-faq .accordion-button{font-size:22px; padding:18px 20px; }
 .custom-faq .accordion-body{padding:20px 30px; font-size:16px; }
 .faq-top-label{margin-bottom:30px; }
}
/*============================================home faq css end=======================================*/

/*============================================home faq css start=======================================*/
.video-cta-section{position:relative; padding:120px 0; min-height:560px; background:url('../images/banner2.jpg'); background-size: contain; background-position: center; display:flex; align-items:center; background-attachment: fixed; }
 .video-cta-section::before{content:''; position:absolute; inset:0; background:rgba(0,0,0,.35); }
 .overlay{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:72%; height: 72%; border:1px solid rgba(255,255,255,.08); border-radius:30px; backdrop-filter:blur(4px); }
 .video-card{position:relative; z-index:2; width: 78%; margin:auto; background:#f7f6f4; border-radius:22px; padding: 47px 70px; text-align:center; box-shadow: 0 15px 50px rgba(0,0,0,.15); }
 .video-card h2{font-size: 43px; line-height: 61px; font-weight:500; color:#4b2808; margin-bottom:20px; }
 .video-card p{max-width:620px; margin: 0 auto 21px; font-size:18px; line-height:1.8; color:#5f6670; }
 .cta-buttons{display:flex; justify-content:center; align-items:center; gap:18px; }
/* Enquiry Button */
.enquiry-btn{background:#70745f; color:#fff; text-decoration:none; padding:14px 28px; border-radius:50px; display:flex; align-items:center; gap:10px; font-weight:500; }
 .enquiry-btn:hover{color:#fff; }
/* Play Button */
.play-btn{width:68px; height:68px; background:#d5c08a; border-radius:50%; display:flex; align-items:center; justify-content:center; text-decoration:none; color:#fff; font-size:28px; box-shadow: 0 0 0 10px rgba(213,192,138,.25); }
 .play-btn:hover{color:#fff; }
/* Responsive */
@media(max-width:991px){
 .video-card{padding:50px 35px; }
 .video-card h2{font-size:52px; }
 .overlay{width:90%; }
}
@media(max-width:767px){
    .video-cta-section{padding:80px 0; }
 .video-card{padding:35px 25px; }
 .video-card h2{font-size:38px; }
 .video-card p{font-size:16px; }
 .cta-buttons{flex-direction:column; }
}
/*============================================home faq css end=======================================*/

/*============================================home testimonial css start=======================================*/
.testimonial-section{background:#fff; padding:100px 0; }
 .testimonial-title{font-size:48px; color:#4b2808; line-height:1; font-weight:500; }
 .section-tag{display:flex; align-items:center; gap:18px; margin-bottom:20px; }
 .section-tag span{font-size:28px; color:#4b2808;  font-family: "Prata", serif;}
 .section-tag .line{width:180px; height:1px; background:#c7c2bc; }
 .section-desc{max-width:420px; color:#5a5a5a; line-height:1.8; }
 /* Card */
.testimonial-card{background:#e6e0d4; border:1px solid #cfc8be; border-radius:22px; padding:30px; min-height:240px; }
 .stars{color:#d88d35; font-size:24px; margin-bottom:20px; }
 .review{color:#555; line-height:1.9; font-size:17px; min-height:90px; }
 .client-info{display:flex; justify-content:space-between; align-items:center; margin-top:20px; }
 .client-left{display:flex; align-items:center; gap:15px; }
.client-left img{width:52px!important; height:52px; border-radius:50%; object-fit:cover; }
 .client-left h5{margin:0; font-size:23px; color:#4b2808; }
 .client-left span{color:#666; font-size:14px; }
 .quote-icon{color:#d0b77a; font-size:48px; line-height:1; }
.testi-con{display: flex; flex-direction: column; justify-content: end;align-items: end;}
/* Owl */
.testimonial-slider .owl-stage{display:flex; }
 .testimonial-slider .owl-item{padding:0 8px; }
 .testimonial-slider .owl-dots{margin-top:35px !important; text-align:center; }
 .testimonial-slider .owl-dot span{width:8px !important; height:8px !important; margin:5px !important; background:#c7c7c7 !important; }
 .testimonial-slider .owl-dot.active span{background:#77785f !important; }
/* Responsive */
@media(max-width:991px){
 .testimonial-title{font-size:52px; margin-bottom:30px; }
}
@media(max-width:767px){
 .testimonial-title{font-size:42px; }
 .section-tag .line{width:80px; }
 .testimonial-card{padding:25px; }
 .client-left h5{font-size:24px; }
}

/*============================================home testimonial css end=======================================*/

/*============================================home footer css start=======================================*/
.footer-section{background:#ece5da; padding:70px 0 25px; }
/* Logo */
 .footer-logo img{max-width:250px; }
/* Social */
 .social-links{display:flex; flex-wrap:wrap; gap:25px; }
 .social-links a{text-decoration:none; color:#424242; font-size:18px; display:flex; align-items:center; gap:10px; }
 .social-links i{width:26px; height:26px; background:#d4c086; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; }
/* Contact */
 .contact-info p{color:#4f5968;font-size: 16px;margin-bottom:8px;}
/* Address */
.address-row{margin-top:80px !important; }
.address-row h4{font-size: 30px; color:#4b2808; margin-bottom:12px; }
 .address-row p{color:#4f5968;line-height:1.8;font-size: 16px;}
/* Navigation */
.footer-heading{font-size: 27px; color:#4b2808; margin-bottom:15px; }
 .footer-links{list-style:none; padding:0; margin:0; }
 .footer-links li{margin-bottom:10px; }
.footer-links a{text-decoration:none;color:#4f5968;font-size: 16px;}
/* CTA */
.footer-title{font-size: 33px; line-height: 54px; color:#4b2808; margin-bottom:20px; }
 .footer-text{color:#5b6573;font-size: 16px;line-height:1.8;margin-bottom:25px;}
/* Button */
.footer-btn{display:inline-flex; align-items:center; gap:10px; padding:14px 30px; background:#72755f; color:#fff; border-radius:50px; text-decoration:none; }
 .footer-btn:hover{color:#fff; }
/* Gallery */
.footer-gallery{display:flex; gap:15px; }
 .footer-gallery img{width:31%; height:110px; object-fit:cover; border-radius:14px; }
/* Bottom */
.footer-bottom{border-top:1px solid #d0ccc6; margin-top:40px; padding-top:25px; }
 .footer-bottom p{margin:0; color:#4f5968; }
 .footer-bottom a{color:#4f5968; text-decoration:none; margin-left:30px; }
/* Responsive */
@media(max-width:991px){
 .footer-title{font-size:50px; margin-top:30px; }
 .footer-heading{font-size:38px; }
 .address-row{margin-top:40px !important; }
}
@media(max-width:767px){
 .footer-title{font-size:38px; }
 .footer-heading{font-size:32px; }
 .address-row h4{font-size:36px; }
 .footer-gallery{flex-direction:column; }
 .footer-gallery img{width:100%; height:180px; }
 .footer-bottom{text-align:center; }
 .footer-bottom a{margin:0 10px; }
}
/*============================================home footer css end=======================================*/

/*============================================about css start=======================================*/
.inner-banner-wrapp{padding: 84px 0px 70px;}
.inner-banner-con-inn{text-align: center;}
.inner-banner-con-inn p{font-size: 15px; color: #5d6674; width: 50%; margin: 0 auto; }
.inner-banner-con-inn h2{font-size: 43px; line-height: 1; color: #4f2c0d; margin-bottom: 20px; }
 .marquee-section{background:#6c705b; overflow:hidden; padding:28px 0; }
 .marquee-wrapper{width:100%; overflow:hidden; }
.marquee-track{display:flex; align-items:center; width:max-content; animation: marqueeMove 50s linear infinite; }
 .marquee-track span{font-size: 39px; font-weight:500; color:#f5f3ee; white-space:nowrap; margin: 0 19px;  font-family: "Prata", serif;}
 .marquee-track .star{font-size:45px; line-height:1; margin: 0 16px; display: flex; align-items: center; height: 100%; padding-top: 14px; }
@keyframes marqueeMove{
    from{transform:translateX(0); } to{transform:translateX(-50%); }
}
/* Tablet */
@media (max-width:991px){
 .marquee-track span{font-size:42px; margin:0 30px; } 
 .marquee-track .star{font-size:32px; }
}
/* Mobile */
@media (max-width:767px){
 .marquee-section{padding:18px 0; }
    .marquee-track span{font-size:28px; margin:0 20px; }
 .marquee-track .star{font-size:24px; margin:0 15px; }
}
/*============================================about css end=======================================*/

.gallery-box{width: 100%; height: 100%;}
.gallery-box img{    width: 100%;
    height: 100%;
    border-radius: 15px;}
/*============================================blog css start=======================================*/
 .blog-section{background:#f3efeb; padding:80px 0; }
 .blog-card{background:#ffffff; border:1px solid #c9cdc7; border-radius:22px; overflow:hidden; height:100%; transition:.3s ease; }
 .blog-card:hover{transform:translateY(-5px); }
 .blog-image{position:relative; overflow:hidden; }
 .blog-image img{width:100%; height:245px; object-fit:cover; display:block; }
 .blog-category{position:absolute; top:16px; left:16px; background:#d6c18c; color:#fff; font-size:14px; font-weight:500; padding:8px 14px; border-radius:50px; }
 .blog-content{padding: 18px;}
 .blog-date{display:flex; align-items:center; gap:10px; color:#6f735f; font-size:18px; margin-bottom:18px; }
 .blog-date i{font-size:16px; }
 .blog-content h3{margin-bottom:15px; line-height:1.2; }
 .blog-content h3 a{font-size:22px; font-weight:500; color:#4b2808; text-decoration:none; font-family: "Prata", serif; }
 .blog-content p{color:#4f5968; font-size:16px; line-height:1.8; margin-bottom:0; }
/* Tablet */
@media(max-width:991px){
 .blog-image img{height:220px; }
 .blog-content h3 a{font-size:20px; }
}
/* Mobile */
@media(max-width:767px){
 .blog-section{padding:60px 0; }
 .blog-image img{height:240px; }
 .blog-content{padding:20px; }
 .blog-content h3 a{font-size:26px; }
}
/*============================================blog css end=======================================*/

/*============================================contact css start=======================================*/
.contact-section{background:#f4f0eb; padding:80px 0; }
/* TOP CARDS */
 .contact-cards{background:#fff; border-radius:24px; overflow:hidden; }
 .contact-card{padding: 30px 28px; position:relative; }
 .middle-card{border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; }
 .icon-box{width: 65px; height: 65px; background:#d5c189; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size: 27px; /* margin:0 auto 20px; */ margin-left: auto; margin-bottom: 20px; }
.contact-card h3{font-size: 25px; color:#4b2808; margin-bottom:10px; }
 .contact-card p{color:#555; line-height:1.8; margin-bottom:18px; }
 .contact-card a{text-decoration:none; color:#4b2808; font-weight:500; }
/* SECTION TITLE */
 .section-title{font-size: 42px; color:#4b2808; margin-bottom:15px; }
 .section-desc{max-width:500px; line-height:1.8; color:#555; margin-bottom:25px; }
/* MAP */
.map-wrapper{border-radius:18px; overflow:hidden; }
.map-wrapper iframe{width:100%; height:280px; border:none; }
/* FOLLOW */
.follow-wrap{margin-top:20px; display:flex; justify-content:space-between; align-items:center; }
 .follow-wrap span{font-size: 28px; color:#4b2808; }
 .social-icons{display:flex; gap:10px; }
 .social-icons a{width:36px; height:36px; border-radius:50%; background:#d5c189; color:#fff; display:flex; align-items:center; justify-content:center; text-decoration:none; }
/* FORM */
.contact-form-box{background:#dedad0; border-radius:24px; padding:25px; }
.contact-form-box h3{font-size: 38px; color:#4b2808; margin-bottom:25px; }
 .contact-form-box input, .contact-form-box textarea{width:100%; border:none; background:#fff; border-radius:40px; padding:16px 25px; margin-bottom:18px; outline:none; }
 .contact-form-box textarea{border-radius:20px; resize:none; }
 .contact-form-box button{width:100%; border:none; background:#6f745d; color:#fff; padding:16px; border-radius:50px; font-weight:600; }
/* RESPONSIVE */
@media(max-width:991px){
 .middle-card{border:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
 .section-title{font-size:52px; }
 .contact-form-box h3{font-size:36px; }
}
@media(max-width:767px){
 .section-title{font-size:42px; }
 .contact-card h3{font-size:28px; }
 .follow-wrap{flex-direction:column; gap:15px; align-items:flex-start; }
 .contact-form-box{padding:20px; }
}
/*============================================contact css end=======================================*/
/*============================================service detail css start=======================================*/
.service-detail{background:#f3efeb; }
 .service-image{overflow:hidden; border-radius:24px; }
.service-image img{width:100%; height:650px; object-fit:cover; }
 .section-label{display:flex; align-items:center; gap:15px; margin-bottom:25px; }
 .section-label span{font-size:24px; color:#4b2808; }
 .section-label .line{width:120px; height:1px; background:#c7c2bc; }
 .service-title{font-size: 43px;
    line-height: 60px;
    color: #4b2808;
    margin-bottom: 15px; }
 .service-text{font-size:18px; color:#555; line-height:1.9; margin-bottom:30px; }
 .feature-item{margin-bottom:15px; display:flex; align-items:center; gap:10px; color:#4b2808; }
 .feature-item i{color:#d5c189; }
 .service-btn{display:inline-block; margin-top:20px; background:#6f745d; color:#fff; text-decoration:none; padding:14px 35px; border-radius:50px; }
/* Included */
.included-services{margin-top: 49px; }
 .include-card{background:#e9e2d8; padding:35px; border-radius:20px; height:100%; }
 .include-card h4{font-size: 22px;color:#4b2808;}
 .include-card p{margin-top:10px;color:#555;margin-bottom: 0;}
/* Process */
.service-process{margin-top: 37px; }
 .process-title{text-align:center;font-size: 39px;color:#4b2808;margin-bottom: 30px;}
 .process-card{background:#fff; border-radius:20px; padding: 28px; text-align:center; }
 .process-card span{width:70px; height:70px; background:#d5c189; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:auto auto 20px; color:#fff; font-size:22px; font-weight:600; }
 .process-card h5{font-size: 24px;color:#4b2808;margin-bottom: 0px;}
/* Responsive */
@media(max-width:991px){
    .service-title{font-size:52px; }
 .service-image img{height:450px; }
 .process-title{font-size:46px; }
}

@media(max-width:767px){
 .service-title{font-size:40px; }
 .process-title{font-size:38px; }
}
/*============================================service detail css end=======================================*/

/*============================================blog detail css start=======================================*/
 .blog-detail-section{background:#f3efeb; }
 .blog-featured-image{overflow:hidden; border-radius:24px; margin-bottom:40px; }
 .blog-featured-image img{width:100%; height:600px; object-fit:cover; }
 .blog-meta{display:flex; gap:15px; margin-bottom:20px; }
 .blog-meta span{padding:8px 18px; border-radius:50px; }
 .category{background:#d5c189; color:#fff; }
 .date{background:#ece5db; }
 .blog-title{font-size: 33px;color:#4b2808;margin-bottom: 15px;}
 .blog-content p{font-size: 16px; line-height:2; color:#555; margin-bottom: 6px; }
 .blog-content h2{font-size: 28px;color:#4b2808;margin: 25px 0 14px;}
 blockquote{background:#ece5db; padding: 21px; border-left:4px solid #d5c189; font-size: 25px; color:#4b2808; margin: 21px 0; }
 .content-image{width:100%; border-radius:20px; height: 100%; }
.blog-tags{display:flex; flex-wrap:wrap; gap:10px; margin: 33px 0 25px; }
 .blog-tags a{text-decoration:none; color:#4b2808; border:1px solid #d5c189; padding:10px 20px; border-radius:50px; }
 .blog-share{display:flex; align-items:center; gap:15px; margin-bottom: 29px; }
.blog-share a{width:40px; height:40px; border-radius:50%; background:#d5c189; color:#fff; display:flex; align-items:center; justify-content:center; text-decoration:none; }
 .author-box{background:#ece5db; border-radius:24px; padding:30px; display:flex; gap:25px; align-items:center; }
 .author-box img{width:100px; height:100px; border-radius:50%; object-fit:cover; }
 .author-box h4{font-size: 27px; color:#4b2808; margin-bottom: 12px; }
 .author-box p{margin:0; color:#555; }
/* Responsive */
@media(max-width:991px){
 .blog-title{font-size:52px; }
 .blog-featured-image img{height:450px; }
}
@media(max-width:767px){
 .blog-title{font-size:38px; }
 blockquote{font-size:26px; padding:25px; }
 .author-box{flex-direction:column; text-align:center; }
}

/*============================================blog detail css end=======================================*/

.all-links-inner ul {
    padding-left: 0px;
    margin-left: 0px;
    list-style-type: none;
    margin-top: 0px;
}

.all-links-inner ul li a {
    color: #4f2c0d;
    text-decoration: none;
    border: 2px solid #4f2c0d;
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 21px;
}

.all-links-inner ul li {
    margin-bottom: 10px;
}

.mecella-heading {
    margin-bottom: 80px;
}

.mecella-heading h3 {
    color: #4f2c0d;
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    position: relative;
}

.mecella-heading h3 span {
    font-weight: 900;
    color: #4f2c0d;
}

.mecella-heading h3:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 100px;
    background-color: #4f2c0d;
    height: 5px;
    margin: 0 auto;
}

.welcome-mecella {
    background-color: #cccccc61;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.welcome-mecella img {
    width: 75%;
}

.all-links-wrapper {
    padding-top: 30px;
    padding-bottom: 50px;
}


#galleryPreview{flex-wrap:wrap;}
#galleryPreview .gallery-card{width:47%; height:218px;}


.about-process .serv-con{width: 100%;}
.about-process .service-content p{width: 100%;max-width: 100%;}
.about-process .service-card{gap: 24px;}
.about-process .service-content h3 {font-size: 19px; width: 86%; }
.abt-new-hwad .signature-title {font-size: 31px; font-weight: 500; width: 60%; margin: 7px auto 32px; display: block; text-align: center; line-height: 50px; }

.service-image-new {width: 100px!important; height: 100px!important; border-radius: 50%; background-color: #fff;}
.service-image-new img{    object-fit: contain;
    border-radius: 50%;
    height: 100%;}
.service-slider .service-content p{
        overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}




.pricing-section{
    background:#f5f0eb;
    padding:90px 0;
}

.pricing-title{
    font-size:48px;
    color:#3d250d;
    font-weight:500;
}

.section-heading{
    justify-content:flex-end;
    gap:15px;
}

.number{
    font-size:32px;
    color:#3d250d;
}

.line{
    width:120px;
    height:1px;
    background:#b9aea3;
}

.text{
    font-size:34px;
    color:#3d250d;
    font-family: "Prata", serif;
}

.pricing-text{
    text-align:right;
    color:#666;
    max-width:420px;
    margin-left:auto;
    font-size:15px;
    line-height:1.8;
}

.plan-card{
    background:#eee4d8;
    border:1px solid #c8beb2;
    border-radius:22px;
    padding:33px 20px 18px 20px;
    position:relative;
    transition:.35s;
    height:100%;
}

.plan-card.active{
    background:#fff;
}

.plan-card:hover{
    transform:translateY(-8px);
}

.heart{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#d3bd82;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:22px;
    top:22px;
    color:#fff;
}

.plan-card h4{
       font-size: 17px;
    color: #3d250d;
    margin-bottom: 10px;
    height: 40px;
        text-align: center;
}

.price-box{
    display:flex;
    align-items:flex-end;
    gap:4px;
    margin-bottom:25px;
        justify-content: center;
}

.currency{
    font-size:34px;
    font-family: "Prata", serif;
}

.price{
    font-size:42px;
    line-height:1;
    color:#3d250d;
    font-family: "Prata", serif;
}

.package{
    margin-bottom:10px;
    color:#555;
}

hr{
    border-color:#bcb2a6;
    margin:25px 0;
}

.feature-list li{
    margin-bottom:16px;
    color:#555;
    font-size:15px;
    text-align: center;
}

.feature-list i{
    color:#575757;
    margin-right:10px;
}

.plan-btn{
    margin-top:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    height:58px;
    border-radius:50px;
    background:#6f735c;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.plan-btn:hover{
    background:#5b5f4a;
    color:#fff;
}

@media(max-width:991px){

    .pricing-title{
        font-size:46px;
        text-align:center;
        margin-bottom:30px;
    }

    .section-heading{
        justify-content:center;
    }

    .pricing-text{
        text-align:center;
        margin:auto;
    }
}

@media(max-width:576px){

    .pricing-title{
        font-size:38px;
    }

    .price{
        font-size:52px;
    }

    .plan-card{
        padding:28px 22px;
    }
}





.service-icon{
    position:absolute;
    top:14px;left:14px;
    width:46px;height:46px;
    border-radius:50%;
    background:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:1.1rem;
    color:var(--olive-dark);
    box-shadow:0 6px 14px rgba(0,0,0,.15);
    z-index:2;
  }
  .step-icon{
    width:56px;height:56px;
    border-radius:16px;
    background:var(--cream-deep);
    display:flex;align-items:center;justify-content:center;
    font-size:1.4rem;
    color:var(--olive-dark);
  }
  .img-caption{
    position:absolute;
    bottom:0;left:0;right:0;
    background:linear-gradient(transparent, rgba(0,0,0,.55));
    color:#fff;
    padding:.9rem 1rem .7rem;
    font-weight:600;
    font-size:.85rem;
  }
  .service-slide{
    position:relative;
    border-radius:18px;
    overflow:hidden;
    cursor:pointer;
    border:2px solid transparent;
    min-height:130px;
    transition:.25s;
  }
  .service-slide img{
    width:100%;height:100%;
    object-fit:cover;
    display:block;
    min-height:130px;
    transition:.3s;
  }
  .service-slide .slide-label{
    position:absolute;
    bottom:0;left:0;right:0;
    background:linear-gradient(transparent, rgba(0,0,0,.7));
    color:#fff;
    font-weight:600;
    font-size:.8rem;
    padding:.6rem .7rem .5rem;
  }
  .service-slide .service-icon{
    width:34px;height:34px;
    font-size:.85rem;
    top:10px;left:10px;
  }
  .service-slide:hover img{transform:scale(1.06);}
  .service-slide.active{
    border-color:var(--gold);
    box-shadow:0 8px 20px rgba(0,0,0,.12);
  }
  
  
  
  
  
  
  
  /* ============================================================
     TYPES OF PHOTOS WE OFFER — section CSS (self-contained block)
  ============================================================ */
  .types-of-photos .top-card{

    border:1px solid #D8CFBE;
    border-radius:18px;
    padding:1.2rem 1.2rem 1.4rem;
    height:100%;
    text-align:center;
    transition:.3s;
    box-shadow:0 8px 22px rgba(43,42,36,.04);
  }
  .types-of-photos .top-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 36px rgba(43,42,36,.10);
  }
  .types-of-photos .top-card-img{
    position:relative;
    border-radius:14px;
    margin-bottom:2.2rem;
    background:#EAE2D3;
  }
  .types-of-photos .top-card-img img{
    width:100%;
    height:250px;
    object-fit:cover;
    display:block;
  }
  .types-of-photos .top-card-icon{
    position:absolute;
    left:50%;
    bottom:-22px;
    transform:translateX(-50%);
    width:46px;height:46px;
    border-radius:50%;
    background:#4B4B30;
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:1.1rem;
    box-shadow:0 8px 18px rgba(43,42,36,.25);
    border:3px solid #fff;
  }
  .types-of-photos .top-card h5{
    font-size:1.05rem;
    margin-bottom:.5rem;
  }
  .types-of-photos .top-card p{
    color:#7A7666;
    font-size:.86rem;
    margin-bottom:0;
    line-height:1.5;
  }
  
  
 /* process flow*/
 
/*.bg-cream-deep{background:#EAE2D3;}*/
  .bg-olive{background:#4B4B30;}
  .card-soft{
    background:#fff;
    border:1px solid #D8CFBE;
    border-radius:22px;
    box-shadow:0 10px 30px rgba(43,42,36,.04);
    transition:.3s;
  }
  .card-soft:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(43,42,36,.08);
  }
  .rounded-blob{
    border-radius:45% 45% 50% 50% / 55% 55% 45% 45%;
    overflow:hidden;
  }
  .img-fluid-rounded{
    border-radius:20px;
    overflow:hidden;
  }
  .step-num{
    font-family:'Fraunces',serif;
    font-size:2.6rem;
    color:#EAE2D3;
    -webkit-text-stroke:1.5px #4B4B30;
    font-weight:700;
  }
  .stat-num{
    font-family:'Fraunces',serif;
    font-weight:700;
    font-size:2.6rem;
  }
  
   .step-icon{
    width:56px;height:56px;
    border-radius:16px;
    background:#EAE2D3;
    display:flex;align-items:center;justify-content:center;
    font-size:1.4rem;
    color:#4B4B30;
  }
  
   .eyebrow{
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:.78rem;
    font-weight:700;
    color:#6B6B47;
  }
  
  
  
  
  
   /* Baby Passport Photos section — bento grid, light theme */
  .baby-bento-section{
   /* background:
      radial-gradient(circle at 12% 85%, rgba(201,166,70,.08), transparent 45%),
      var(--cream);*/
  }
  .baby-bento-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto;
    gap:14px;
  }
  .bento-item{
    position:relative;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 26px rgba(43,42,36,.10);
  }
  .bento-item img{
    width:100%;height:100%;
    object-fit:cover;
    display:block;
    transition:.3s;
  }
  .bento-item:hover img{ transform:scale(1.05); }
  .bento-tall{ grid-row:1 / span 2; }
  .bento-wide{ grid-column:1 / span 2; }
  .bento-label{
    position:absolute;
    bottom:10px;left:12px;
    background:rgba(255,255,255,.92);
    color:var(--ink);
    font-weight:700;
    font-size:.78rem;
    padding:.3rem .7rem;
    border-radius:50px;
  }
  .bento-tag{
    position:absolute;
    bottom:12px;right:14px;
    background:var(--olive-dark);
    color:#fff;
    font-weight:700;
    font-size:.78rem;
    padding:.4rem .9rem;
    border-radius:50px;
    box-shadow:0 6px 14px rgba(0,0,0,.25);
  }
  .baby-trust-stat-light{
    display:flex;
    align-items:center;
    gap:.8rem;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    padding:.9rem 1.1rem;
    box-shadow:0 6px 16px rgba(43,42,36,.05);
  }
  .baby-trust-stat-light i{
    font-size:1.3rem;
    color:var(--gold);
  }
  .baby-pill-light{
    width:60px;height:60px;
    margin:0 auto;
    border-radius:50%;
    background:var(--cream-deep);
    display:flex;align-items:center;justify-content:center;
    font-size:1.5rem;
    color:var(--olive-dark);
  }
  .baby-feature-light{
    display:flex;align-items:center;gap:.7rem;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    padding:.8rem 1rem;
    font-weight:600;
    font-size:.92rem;
    box-shadow:0 6px 16px rgba(43,42,36,.04);
  }
  .baby-feature-light i{ color:var(--olive-dark); font-size:1.1rem; }
  .rule-chip-light{
    background:var(--cream-deep);
    border:1px solid var(--line);
    color:var(--olive-dark);
    border-radius:50px;
    padding:.45rem .9rem;
    font-size:.82rem;
    font-weight:600;
  }
  /* Professional Headshots section */
  /*.headshot-section{*/
  /*  background:*/
  /*    radial-gradient(circle at 85% 15%, rgba(201,166,70,.10), transparent 45%),*/
  /*    var(--cream);*/
  /*}*/
  .headshot-frame{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 30px 60px rgba(43,42,36,.14), 0 2px 0 rgba(255,255,255,.6) inset;
    border:1px solid var(--line);
  }
  .headshot-frame img{
    display:block;
    aspect-ratio:10/7;
    object-fit:cover;
  }
  .headshot-thumb{
    width:70px;height:88px;
    object-fit:cover;
    border-radius:10px;
    display:block;
  }
  .headshot-thumb-wrap{
    padding:3px;
    border-radius:13px;
    border:2px solid transparent;
    cursor:pointer;
    box-shadow:0 6px 14px rgba(43,42,36,.15);
    transition:.25s;
    background:#fff;
  }
  .headshot-thumb-wrap:hover{ transform:translateY(-4px); }
  .headshot-thumb-wrap.active{
    border-color:var(--gold);
    box-shadow:0 10px 22px rgba(43,42,36,.22);
  }
  .headshot-zoom{
    position:absolute;
    top:16px;right:16px;
    width:42px;height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.9);
    display:flex;align-items:center;justify-content:center;
    color:var(--olive-dark);
    box-shadow:0 6px 16px rgba(0,0,0,.18);
    font-size:.95rem;
  }
  .headshot-badge{
    position:absolute;
    top:16px;left:16px;
    background:var(--olive-dark);
    color:#fff;
    font-weight:700;
    font-size:.74rem;
    letter-spacing:.03em;
    padding:.4rem .8rem;
    border-radius:50px;
    box-shadow:0 6px 16px rgba(0,0,0,.18);
  }
  .headshot-hint{
    color:var(--olive-dark);
    font-weight:600;
    font-size:.88rem;
  }
  .gold-rule{
    width:70px;height:2px;
    background:var(--gold);
  }
  .headshot-quote{
    font-style:italic;
    font-weight:500;
    font-size:1.7rem;
    line-height:1.35;
    color:var(--ink);
  }
  .headshot-feature-list{
    display:flex;
    flex-direction:column;
    gap:.9rem;
  }
  .headshot-feature{
    display:flex;
    align-items:center;
    gap:.9rem;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    padding:.9rem 1.1rem;
    font-weight:600;
    box-shadow:0 6px 16px rgba(43,42,36,.04);
  }
  .headshot-feature i{
    width:38px;height:38px;
    flex:0 0 38px;
    border-radius:50%;
    background:var(--cream-deep);
    color:var(--olive-dark);
    display:flex;align-items:center;justify-content:center;
    font-size:1rem;
  }
  
   /* Why Choose Us — small inline icon points */
  .why-point-icon{
    width:38px;height:38px;
    border-radius:11px;
    background:linear-gradient(135deg, var(--olive-dark), #2B2A24);
    color:var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-size:1rem;
    box-shadow:0 6px 14px rgba(43,42,36,.2);
  }
  
   /* ============================================================
     EXPLORE OUR SERVICES — section CSS (self-contained block)
  ============================================================ */
/*  .explore-services-section{
    background:
      radial-gradient(circle at 95% 0%, rgba(201,166,70,.08), transparent 40%),
      var(--cream-deep);
  }*/
  .explore-trust-strip{
    display:flex;
    align-items:center;
    gap:1rem;
    background:#fff;
    border:1px solid var(--gold);
    border-radius:16px;
    padding:1rem 1.4rem;
    box-shadow:0 10px 26px rgba(43,42,36,.06);
    max-width:560px;
  }
  .explore-trust-icon{
    width:50px;height:50px;
    flex:0 0 50px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--gold), #a8843a);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:1.3rem;
    box-shadow:0 6px 16px rgba(201,166,70,.35);
  }
  .explore-card{
    position:relative;
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    padding:2.2rem 1.3rem 1.8rem;
    text-align:center;
    height:100%;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 10px 26px rgba(43,42,36,.05);
  }
  .explore-card::before{
    content:"";
    position:absolute;
    top:0;left:0;right:0;
    height:4px;
    background:linear-gradient(90deg, var(--gold), var(--olive-dark));
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s;
  }
  .explore-card:hover{
    transform:translateY(-8px);
    border-color:rgba(201,166,70,.45);
    box-shadow:0 22px 44px rgba(43,42,36,.12);
  }
  .explore-card:hover::before{ transform:scaleX(1); }
  .explore-num{
    position:absolute;
    top:8px;right:14px;
    font-family:'Fraunces',serif;
    font-weight:700;
    font-size:2.4rem;
    color:var(--cream-deep);
    line-height:1;
    z-index:0;
  }
  .explore-icon{
    position:relative;
    z-index:1;
    width:64px;height:64px;
    margin:0 auto 1.1rem;
    border-radius:50%;
    background:linear-gradient(135deg, var(--olive-dark), #2B2A24);
    color:var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-size:1.55rem;
    box-shadow:0 10px 22px rgba(43,42,36,.22);
    transition:.35s;
  }
  .explore-card:hover .explore-icon{
    background:linear-gradient(135deg, var(--gold), #a8843a);
    color:#fff;
    transform:scale(1.08) rotate(-4deg);
  }
  .explore-card h6{
    position:relative;
    z-index:1;
    margin-bottom:.4rem;
    font-size:19px;
    font-weight:700;
    line-height:1.4;
  }
  .explore-card p{
    position:relative;
    z-index:1;
    margin-bottom:0;
    font-size:17px;
    color:#8A8676;
    line-height:1.5;
  }
  
  
  
  
  .or-text{font-size: 28px!important;}
  .popular-tag{
          position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -13px;
    display: inline-table;
    background-color: #6f735c;
    color: #fff;
    font-size: 13px;
    padding: 4px 30px;
    border-radius: 50px;
  }
  
  .btn-olive{background-color: #6f735c;
    color: #fff;
    border-radius: 50px;
    padding: 6px 33px;
    text-transform: capitalize;}
    
    
    
    /*============================================Home About DARK PREMIUM css start=======================================*/
/* style1.css ke BAAD load karo */

@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
/* Special Elite = typewriter/stamp font, sirf stamp & MRZ ke liye */

.love-story-section.abt-dark{
    background: #241d15;                       /* dark brown-black : beige page pe premium contrast */
    overflow: hidden;
    position: relative;
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

/* Subtle gold vignette glow ek corner me — flat dark na lage */
.love-story-section.abt-dark:before{
    content: "";
    position: absolute;
    top: -150px;
    right: -150px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(210,189,132,0.12) 0%, rgba(210,189,132,0) 70%);
    pointer-events: none;
}

/*================= VIDEO : Photo-album mount =================*/
.photo-mount{
    position: relative;
    max-width: 560px;
    background: #f3eeea;                       /* cream photo border — polaroid feel */
    padding: 14px 14px 0 14px;
    border-radius: 6px;
    transform: rotate(-1.5deg);                /* halka tilt = mounted photo */
    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.45);
    transition: transform .4s ease;
}

.photo-mount:hover{transform: rotate(0deg);}

.video-mian-div{
    line-height: 0;
    background: #000;
    overflow: hidden;
}

.video-mian-div iframe{display: block; width: 100%;}

/* Polaroid caption strip neeche */
.mount-caption{
    font-family: "Special Elite", cursive;
    font-size: 14px;
    color: #6b5d4b;
    text-align: center;
    padding: 12px 0 14px;
    letter-spacing: 1px;
}

/* 4 gold photo-corners */
.p-corner{
    position: absolute;
    width: 34px;
    height: 34px;
    border: 3px solid #d2bd84;
    z-index: 2;
}

.p-corner-tl{top: -8px; left: -8px; border-right: none; border-bottom: none;}
.p-corner-tr{top: -8px; right: -8px; border-left: none; border-bottom: none;}
.p-corner-bl{bottom: -8px; left: -8px; border-right: none; border-top: none;}
.p-corner-br{bottom: -8px; right: -8px; border-left: none; border-top: none;}

/*================= APPROVED rubber stamp =================*/
.approved-stamp{
    position: absolute;
    top: -30px;
    right: -25px;
    z-index: 3;
    width: 120px;
    height: 120px;
    border: 3px double #c0392b;                /* stamp ink red */
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: rotate(12deg);
    background: rgba(243, 238, 234, 0.06);
    backdrop-filter: blur(1px);
}

.approved-stamp span{
    font-family: "Special Elite", cursive;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #c0392b;
}

.approved-stamp small{
    font-family: "Special Elite", cursive;
    font-size: 10px;
    letter-spacing: 1px;
    color: #c0392b;
    margin-top: 3px;
}

/*================= Section number =================*/
.abt-dark-number{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.abt-dark-number .sn-index{
    font-family: "Prata", serif;
    font-size: 20px;
    color: #d2bd84;
}

.abt-dark-number .line{width: 60px; height: 1px; background: #d2bd84;}

.abt-dark-number .sn-label{
    font-size: 13px;
    font-weight: var(--font-weight-700);
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #d2bd84;
}

/*================= Heading (Blade me hardcoded) =================*/
.abt-dark-title{
    font-family: "Prata", serif;
    font-size: 42px;
    line-height: 1.3;
    color: #f3eeea;
    font-weight: 400;
    margin-bottom: 22px;
}

.abt-dark-title em{
    font-style: normal;
    color: #d2bd84;
}

/*================= DB paragraphs =================*/
.abt-dark-content p{
    font-size: 16px;
    line-height: 1.8;
    color: #b3aa9c;
    max-width: 520px;
    margin-bottom: 16px;
}

/* Pehla paragraph : lead, cream + gold left rule */
.abt-dark-content p:first-of-type{
    font-size: 18px;
    color: #e6dfd4;
    border-left: 3px solid #d2bd84;
    padding-left: 18px;
}

/*================= MRZ divider : passport machine-readable line =================*/
.mrz-line{
    font-family: "Special Elite", cursive;
    font-size: 13px;
    letter-spacing: 3px;
    color: rgba(210, 189, 132, 0.4);
    border-top: 1px dashed rgba(210, 189, 132, 0.35);
    padding-top: 14px;
    margin: 26px 0;
    max-width: 520px;
    white-space: nowrap;
    overflow: hidden;
}

/*================= Button : gold on dark =================*/
.abt-dark-btn{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #d2bd84;
    color: #241d15;
    padding: 15px 32px;
    border-radius: 50px;
    font-weight: var(--font-weight-600);
    font-size: 16px;
    text-decoration: none;
    transition: .3s;
}

.abt-dark-btn .btn-arrow{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: #241d15;
    color: #d2bd84;
    border-radius: 50%;
    font-size: 12px;
    transition: .3s;
}

.abt-dark-btn:hover{
    background: #f3eeea;
    color: #241d15;
}

.abt-dark-btn:hover .btn-arrow{transform: translateX(4px);}

/*================= Responsive =================*/
@media(max-width:991px){
    .photo-mount{margin: 20px auto 40px; transform: rotate(0deg);}
    .approved-stamp{top: -25px; right: 0; width: 100px; height: 100px;}
    .approved-stamp span{font-size: 14px;}
    .abt-dark-title{font-size: 32px; text-align: center;}
    .abt-dark-number{justify-content: center;}
    .abt-dark-content p{margin-left: auto; margin-right: auto; text-align: center;}
    .abt-dark-content p:first-of-type{border-left: none; padding-left: 0;}
    .mrz-line{margin: 26px auto; text-align: center;}
    .col-lg-6:last-child{text-align: center;}
}

@media(max-width:576px){
    .abt-dark-title{font-size: 26px;}
    .abt-dark-content p:first-of-type{font-size: 16px;}
    .p-corner{width: 24px; height: 24px;}
    .mrz-line{font-size: 10px; letter-spacing: 2px;}
    .approved-stamp{width: 85px; height: 85px; top: -18px;}
    .approved-stamp span{font-size: 12px;}
    .approved-stamp small{font-size: 8px;}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
    .photo-mount{transition: none;}
}
/*============================================Home About DARK PREMIUM css end=======================================*/


/*============================================How It Works ANIMATED css start=======================================*/
/* style1.css ke BAAD load karo */

.hiw-section{
    background: var(--white-background);
    overflow: hidden;
}

/*---------- Timeline wrapper + connecting track ----------*/
.hiw-timeline{
    position: relative;
    padding-top: 30px;
}

.hiw-track{
    position: absolute;
    top: 58px;                              /* dots ke center se align */
    left: 12%;
    right: 12%;
    height: 3px;
    background: #e7e0d5;
    border-radius: 3px;
    z-index: 0;
}

/* Gold fill jo step ke saath aage badhta hai */
.hiw-track-fill{
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #d2bd84, #b99a4f);
    border-radius: 3px;
    transition: width .8s cubic-bezier(.4, 0, .2, 1);
}

/*---------- Step dot + icon ----------*/
.hiw-step{
    position: relative;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.hiw-dot{
    position: relative;
    width: 58px;
    height: 58px;
    margin: 0 auto 22px;
}

.hiw-icon{
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #f3eeea;
    border: 2px solid #d2bd84;
    color: #a8863c;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .45s ease;
}

/* Camera-flash ring : active hone pe phailti hai */
.hiw-flash{
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid #d2bd84;
    opacity: 0;
    z-index: 1;
}

/*---------- Card ----------*/
.hiw-card{
    position: relative;
    background: #fff;
    border: 1px solid #eee6d8;
    border-radius: 18px;
    padding: 26px 24px 22px;
    text-align: left;
    height: 100%;
    overflow: hidden;                        /* bada number edge pe crop hoga */
    transition: all .45s ease;
}

/*---------- Ghost number : reference jaisa bada, cut-off style ----------*/
.hiw-num{
    position: absolute;
    bottom: -30px;                           /* neeche se bahar nikla hua */
    right: -12px;                            /* right se halka bahar */
    font-family: "Prata", serif;
    font-size: 140px;
    line-height: 1;
    font-weight: 400;
    color: rgba(210, 189, 132, 0.22);        /* faded gold — text ke peeche subtle */
    transition: color .45s ease, transform .45s ease;
    pointer-events: none;
    z-index: 0;
}

/* Card ka content number ke upar rahe */
.hiw-card h5,
.hiw-card p,
.hiw-time{
    position: relative;
    z-index: 1;
}

.hiw-card h5{
    font-family: "Prata", serif;
    font-size: 19px;
    color: #4b2b11;
    margin-bottom: 10px;
}

.hiw-card p{
    font-size: 15px;
    line-height: 1.7;
    color: #5d6674;
    margin-bottom: 14px;
}

.hiw-time{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #a8863c;
    background: #f7f2e7;
    padding: 5px 12px;
    border-radius: 40px;
}

/*---------- ACTIVE state : ek step light-up ----------*/
.hiw-step.is-active .hiw-icon{
    background: #241d15;
    border-color: #241d15;
    color: #d2bd84;
    transform: scale(1.12);
    box-shadow: 0px 12px 24px rgba(36, 29, 21, 0.25);
}

.hiw-step.is-active .hiw-flash{
    animation: hiwFlash 1s ease-out;
}

.hiw-step.is-active .hiw-card{
    border-color: #d2bd84;
    box-shadow: 0px 18px 40px rgba(75, 43, 17, 0.12);
    transform: translateY(-6px);
}

/* Active pe number zyada gold + halka zoom */
.hiw-step.is-active .hiw-num{
    color: rgba(185, 154, 79, 0.4);
    transform: scale(1.06);
}

/* Done steps : subtle filled dot */
.hiw-step.is-done .hiw-icon{
    background: #d2bd84;
    color: #241d15;
}

@keyframes hiwFlash{
    0%   {opacity: .9; transform: scale(1);}
    100% {opacity: 0;  transform: scale(1.9);}
}

/*---------- Total time strip ----------*/
.hiw-total{
    margin-top: 40px;
    text-align: center;
    font-size: 16px;
    color: #5d6674;
    background: #f7f2e7;
    border: 1px dashed #d2bd84;
    border-radius: 50px;
    padding: 14px 28px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.hiw-total i{color: #a8863c; margin-right: 8px;}

.hiw-total strong{
    font-family: "Prata", serif;
    color: #4b2b11;
    margin: 0 4px;
}

/*---------- Responsive ----------*/
@media(max-width:767px){
    /* Mobile pe horizontal track ki jagah vertical flow */
    .hiw-track{display: none;}
    .hiw-timeline{padding-top: 10px;}
    .hiw-step{
        display: flex;
        gap: 16px;
        text-align: left;
        align-items: flex-start;
    }
    .hiw-dot{margin: 0; flex-shrink: 0; width: 48px; height: 48px;}
    .hiw-icon{width: 48px; height: 48px; font-size: 16px;}
    .hiw-card{flex: 1;}
    .hiw-num{font-size: 90px; bottom: -20px; right: -8px;}
    .hiw-total{font-size: 14px; padding: 12px 18px;}
}

@media (prefers-reduced-motion: reduce){
    .hiw-track-fill,
    .hiw-icon,
    .hiw-card{transition: none;}
    .hiw-step.is-active .hiw-flash{animation: none;}
}
/*============================================How It Works ANIMATED css end=======================================*/


/*============================================Why Choose Us BENTO css start=======================================*/
/* style1.css ke BAAD load karo */

.wcu-section{
    background: #f2efec;
    overflow: hidden;
}

/*---------- Header : centered ----------*/
.wcu-label{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 18px;
}

.wcu-label span{
    font-size: 13px;
    font-weight: var(--font-weight-700);
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #a8863c;
}

.wcu-label span:first-child{
    font-family: "Prata", serif;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: none;
}

.wcu-label .line{width: 60px; height: 1px; background: #b99a4f;}

/* DB heading */
.wcu-head h1,
.wcu-head h2,
.wcu-head h3{
    font-family: "Prata", serif;
    font-size: 40px;
    line-height: 1.25;
    color: #4b2b11;
    font-weight: 400;
    margin-bottom: 12px;
}

.wcu-head h1 em,
.wcu-head h2 em,
.wcu-head h3 em{
    font-style: normal;
    color: #b99a4f;
}

.wcu-head p{
    font-size: 17px;
    line-height: 1.7;
    color: #5d6674;
    max-width: 620px;
    margin: 0 auto;
}

/*---------- Bento grid : 4 col desktop ----------*/
.wcu-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(190px, auto);
    gap: 18px;
}

/* Image card 4th column me 2 rows span kare */
.wcu-card--img{
    grid-column: 4;
    grid-row: 1 / span 2;
}

/*---------- Card base + entrance animation ----------*/
.wcu-card{
    background: #fff;
    border: 1px solid #eee6d8;
    border-radius: 20px;
    padding: 26px 24px;
    position: relative;
    overflow: hidden;
    /* Entrance : JS is-in class lagata hai */
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .6s ease, transform .6s ease,
                box-shadow .35s ease, border-color .35s ease;
}

.wcu-card.is-in{
    opacity: 1;
    transform: translateY(0);
}

.wcu-card:hover{
    border-color: #d2bd84;
    box-shadow: 0px 18px 40px rgba(75, 43, 17, 0.12);
    transform: translateY(-5px);
}

/*---------- Icon ----------*/
.wcu-icon{
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #f7f2e7;
    color: #a8863c;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    transition: all .35s ease;
}

.wcu-card:hover .wcu-icon{
    background: #241d15;
    color: #d2bd84;
    transform: rotate(-8deg) scale(1.05);
}

/*---------- Text ----------*/
.wcu-card h5{
    font-family: "Prata", serif;
    font-size: 18px;
    color: #4b2b11;
    margin-bottom: 8px;
}

.wcu-card p{
    font-size: 14px;
    line-height: 1.65;
    color: #5d6674;
    margin-bottom: 0;
}

/* Heading ke andar count-up number */
.wcu-inline-num{color: #b99a4f;}

/*---------- Dark stat card ----------*/
.wcu-card--dark{
    background: #241d15;
    border-color: #241d15;
}

.wcu-card--dark .wcu-icon{
    background: rgba(210, 189, 132, 0.15);
    color: #d2bd84;
}

.wcu-card--dark h5{color: #f3eeea;}
.wcu-card--dark p{color: #b3aa9c;}

.wcu-stat{
    font-family: "Prata", serif;
    font-size: 52px;
    line-height: 1;
    color: #d2bd84;
    margin-bottom: 10px;
}

.wcu-unit{font-size: 30px;}

.wcu-card--dark:hover{
    border-color: #d2bd84;
    box-shadow: 0px 18px 40px rgba(0, 0, 0, 0.35);
}

/*---------- Image card ----------*/
.wcu-card--img{padding: 0; border: none;}

.wcu-card--img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.wcu-card--img:hover img{transform: scale(1.05);}

.wcu-img-tag{
    position: absolute;
    left: 14px;
    bottom: 14px;
    background: rgba(36, 29, 21, 0.8);
    color: #f3eeea;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 40px;
}

/*---------- Responsive ----------*/
@media(max-width:991px){
    .wcu-grid{grid-template-columns: repeat(2, 1fr);}
    .wcu-card--img{
        grid-column: 1 / span 2;
        grid-row: auto;
        min-height: 220px;
    }
    .wcu-head h1,
    .wcu-head h2,
    .wcu-head h3{font-size: 32px;}
}

@media(max-width:576px){
    .wcu-grid{grid-template-columns: 1fr; grid-auto-rows: auto;}
    .wcu-card--img{grid-column: 1; min-height: 200px;}
    .wcu-head h1,
    .wcu-head h2,
    .wcu-head h3{font-size: 26px;}
    .wcu-stat{font-size: 42px;}
}

@media (prefers-reduced-motion: reduce){
    .wcu-card{transition: none; opacity: 1; transform: none;}
}
/*============================================Why Choose Us BENTO css end=======================================*/


/*============ Baby Passport Section : WHITE background ============*/
.baby-bento-section{
    background: #ffffff;                     /* pure white — beige page pe alag band */
    padding: 70px 0;
    overflow: hidden;
}

/*---------- Photo frame ----------*/
.baby-photo-frame{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 20px 45px rgba(75, 43, 17, 0.14);
    border: 1px solid #eee6d8;
    max-width: 560px;
    line-height: 0;
    background: #fff;
}

.baby-photo-frame img{
    width: 100%;
    display: block;
}

/*---------- 2000+ Happy Babies badge ----------*/
.baby-count-badge{
    position: absolute;
    top: 5px;
    right: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #241d15;                     /* dark brown — theme consistent */
    border: 1px solid #d2bd84;
    border-radius: 14px;
    padding: 10px 16px;
    line-height: 1.2;
    box-shadow: 0px 10px 24px rgba(36, 29, 21, 0.3);
    z-index: 2;
}

.bcb-heart{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(210, 189, 132, 0.18);
    color: #d2bd84;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    animation: bcbPulse 1.8s ease-in-out infinite;
}

.bcb-text strong{
    display: block;
    font-family: "Prata", serif;
    font-size: 18px;
    color: #d2bd84;
}

.bcb-text small{
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f3eeea;
}

/* Heart pe halki pulse */
@keyframes bcbPulse{
    0%, 100% {transform: scale(1);}
    50%      {transform: scale(1.15);}
}

/*---------- printheart.ca tag ----------*/
.baby-photo-tag{
    position: absolute;
    right: 14px;
    bottom: 14px;
    background: rgba(36, 29, 21, 0.85);
    color: #f3eeea;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 6px 14px;
    border-radius: 40px;
    line-height: 1.4;
}

.baby-photo-tag i{color: #d2bd84;}

/*---------- Age pills ----------*/
.baby-pill-light{
    width: 56px;
    height: 56px;
    margin: 0 auto;
    border-radius: 50%;
    background: #f7f2e7;
    border: 1px solid #eee6d8;
    color: #a8863c;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.baby-pill-light:hover{
    background: #241d15;
    color: #d2bd84;
}

/*---------- Feature rows ----------*/
.baby-feature-light{
    display: flex;
    align-items: center;
    gap: 12px;
    background: #faf8f4;
    border: 1px solid #eee6d8;
    border-radius: 14px;
    padding: 14px 16px;
    height: 100%;
    font-size: 14px;
    font-weight: var(--font-weight-500);
    color: #4b2b11;
    transition: all .3s ease;
}

.baby-feature-light i{
    color: #a8863c;
    font-size: 16px;
    flex-shrink: 0;
}

.baby-feature-light:hover{
    border-color: #d2bd84;
    box-shadow: 0px 10px 24px rgba(75, 43, 17, 0.08);
}

/*---------- Rule chips ----------*/
.rule-chip-light{
    background: #fff;
    border: 1px dashed #d2bd84;
    color: #6b5d4b;
    font-size: 13px;
    padding: 8px 16px;
    border-radius: 40px;
}

.rule-chip-light i{color: #a8863c;}

/*---------- Button ----------*/
.btn-olive{
    background: #72755f;
    color: #fff;
    padding: 13px 30px;
    border-radius: 50px;
    font-weight: var(--font-weight-500);
    transition: .3s;
}

.btn-olive:hover{
    background: #241d15;
    color: #d2bd84;
}

/*---------- Responsive ----------*/
@media(max-width:991px){
    .baby-photo-frame{margin: 0 auto;}
    .baby-bento-section{padding: 50px 0;}
}

@media(max-width:576px){
    .baby-count-badge{padding: 8px 12px; gap: 8px; top: 10px; right: 10px;}
    .bcb-heart{width: 28px; height: 28px; font-size: 12px;}
    .bcb-text strong{font-size: 15px;}
    .bcb-text small{font-size: 9px;}
}

@media (prefers-reduced-motion: reduce){
    .bcb-heart{animation: none;}
}

  
  /*============================================Explore Our Services css start=======================================*/

/*---------- Section : white background ----------*/
.explore-services-section{
    background: #ffffff;
    padding: 70px 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden;
}

/*---------- Card ----------*/
.explore-card{
    position: relative;
    background: #fff;
    border: 1px solid #eee6d8;
    border-radius: 22px;
    padding: 34px 26px 30px;
    text-align: center;
    height: 100%;
    overflow: hidden;
    box-shadow: 0px 6px 20px rgba(75, 43, 17, 0.06);
    transition: box-shadow .35s ease, border-color .35s ease, transform .35s ease;
}

.explore-card:hover{
    border-color: #d2bd84;
    box-shadow: 0px 18px 40px rgba(75, 43, 17, 0.12);
    transform: translateY(-6px);
}

/*---------- Ghost number : top-right ----------*/
.explore-num{
    position: absolute;
    top: 14px;
    right: 20px;
    font-family: "Prata", serif;
    font-size: 42px;
    line-height: 1;
    color: rgba(210, 189, 132, 0.45);
    pointer-events: none;
    z-index: 0;
    transition: color .35s ease;
}

.explore-card:hover .explore-num{
    color: rgba(185, 154, 79, 0.7);
}

/*---------- Icon circle ----------*/
.explore-icon{
    position: relative;
    z-index: 1;
    width: 78px;
    height: 78px;
    margin: 0 auto 22px;
    border-radius: 50%;
    background: #3a3a24;
    color: #d2bd84;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 10px 22px rgba(58, 58, 36, 0.25);
    transition: all .4s ease;
}

.explore-card:hover .explore-icon{
    background: #241d15;
    transform: rotate(-8deg) scale(1.08);
}

/*---------- Text ----------*/
.explore-card h6{
    position: relative;
    z-index: 1;
    font-family: "Prata", serif;
    font-size: 20px;
    color: #1c1a17;
    margin-bottom: 10px;
    line-height: 1.35;
}

.explore-card p{
    position: relative;
    z-index: 1;
    font-size: 15px;
    line-height: 1.65;
    color: #8a8377;
    margin-bottom: 0;
}

/*---------- Gold bottom line : hover pe grow ----------*/
.explore-card:after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #d2bd84, #b99a4f);
    border-radius: 3px 3px 0 0;
    transition: width .4s ease;
}

.explore-card:hover:after{width: 60%;}

/*---------- Responsive ----------*/
@media(max-width:991px){
    .explore-services-section{padding: 50px 0;}
}

@media(max-width:576px){
    .explore-card{padding: 28px 20px 26px;}
    .explore-num{font-size: 34px; top: 12px; right: 16px;}
    .explore-icon{width: 66px; height: 66px;}
    .explore-card h6{font-size: 18px;}
}

@media (prefers-reduced-motion: reduce){
    .explore-card,
    .explore-icon,
    .explore-card:after{transition: none;}
}
/*============================================Explore Our Services css end=======================================*/


/*============================================Guarantee Strip css start=======================================*/
.guarantee-strip{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    background: #f7f2e7;                       /* warm cream — theme ka */
    border: 1px dashed #d2bd84;                /* dashed gold = coupon/guarantee feel */
    border-radius: 60px;
    padding: 20px 36px;
}

.guarantee-icon{
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #241d15;
    color: #d2bd84;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 8px 18px rgba(36, 29, 21, 0.25);
}

.guarantee-text h5{
    font-family: "Prata", serif;
    font-size: 21px;
    color: #4b2b11;
    margin-bottom: 3px;
}

.guarantee-text p{
    font-size: 15px;
    color: #6b5d4b;
    margin-bottom: 0;
}

/*---------- Responsive ----------*/
@media(max-width:576px){
    .guarantee-strip{
        flex-direction: column;
        text-align: center;
        border-radius: 24px;
        padding: 22px 20px;
        gap: 12px;
    }
    .guarantee-text h5{font-size: 18px;}
    .guarantee-text p{font-size: 13px;}
}
/*============================================Guarantee Strip css end=======================================*/
  

 .header-top-4 {position: relative; background-color: #0A0628; padding: 15px 0; z-index: 9; }
.header-top-4::before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color:#be1b45; width: 40%; z-index: -1; clip-path: polygon(0 0, 96% 0, 100% 99%, 0% 100%); }
.header-top-wrapper-4 {display: flex; align-items: center; justify-content: space-between; }
 .header-top-wrapper-4 .header-top-left p {color: #fff; margin-bottom: 0; }
.header-top-wrapper-4 .header-top-right {display: flex; align-items: center; gap: 40px; }
.header-top-wrapper-4 .header-top-right .contact-list {display: flex; align-items: center; gap: 40px; padding-left: 0px; list-style: none; }
.header-top-wrapper-4 .header-top-right .contact-list li i {margin-right: 5px; color: #fff; }
.header-top-wrapper-4 .header-top-right .contact-list li a {color: #fff; text-decoration: none; }
.header-top-wrapper-4 .header-top-right .social-icon {gap: 15px; }
.header-top-wrapper-4 .header-top-right .social-icon i {color: #fff; }
.navbar{background-color: #fff;}