/* DETAILS
==================================================
	Theme Name: Sacred Journey Birthing Services
==================================================
*/

@charset "utf-8";

/*..............embedded fonts..............*/
/* Google Fonts (DM Sans + Marcellus) are enqueued in functions.php → custom_theme_scripts() */
/*..............embedded fonts..............*/
/*..............custom fonts..............*/
@font-face {
    font-family: 'adelia';
    src: url('../webfonts/adelia.eot');
    src: url('../webfonts/adelia.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/adelia.woff2') format('woff2'),
        url('../webfonts/adelia.woff') format('woff'),
        url('../webfonts/adelia.ttf') format('truetype'),
        url('../webfonts/adelia.svg#adelia') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*..............custom fonts..............*/

:root {
    /* General Transitions */
    --transition-common: all 0.4s ease;

    /* Colors */
    --color-accent: #AA6C96;
    --color-primary: #514753;
    --color-secondary: #251A28;

    --color-white: #fff;
    --color-black: #000;

    /* Font Settings */
    --ff-base: "DM Sans", sans-serif;
    --ff-title: "Marcellus", serif;
    --ff-awesome: "Font Awesome 6 Free";
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;

    /* Font Sizes */
    --f-size-XXL: clamp(1.875rem, 2.22vw + 1.375rem, 4rem); /* 64px-30px */
    --f-size-XL: clamp(1.75rem, 1.388rem + 1.656vw, 3.375rem); /* 54px-28px */
    --f-size-L: clamp(1.25rem, 1.111rem + 0.637vw, 1.875rem);/* 30px-20px */
    --f-size-M: clamp(1.188rem, 0.964rem + 0.595vw, 1.5rem); /* 24px-19px */
    --f-size-S: clamp(1.063rem, 1.021rem + 0.191vw, 1.25rem); /* 20px-17px */
    --f-size-Body: clamp(1rem, 0.972rem + 0.128vw, 1.125rem);/*18px-16px*/

    /* Layout Adjustments */
    --margin-title: 0 0 30px 0;
    --margin-paragraph: 0 0 16px 0;
    --gap-50:50px;
    --gap-40:40px;

    --border-radius-image: 10px;
    --padding-height: clamp(60px, 7.563vw, 100px);

    /* Form Styling */
    --form-height: 60px;
    --form-font-color: #969CB2;
    --form-placeholder-color: #969CB2;
    --form-border-radious: 8px;
    --form-holder-bg: #f3f3f3;
}
  

/*..............common styles..............*/
html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--ff-base); font-size:var(--f-size-Body);/*18px-16px*/ font-weight: var(--fw-regular); color:var(--color-primary);overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { margin: var(--margin-title); padding:0; font-family: var(--ff-title); font-weight: var(--fw-medium); line-height: 1.1; }

h1{ font-size: var(--f-size-XXL); /* 64px-30px */ } 
h2{ font-size: var(--f-size-XL); /* 54px-28px */} 
h3{ font-size: var(--f-size-L);/* 30px-20px */ }
h4{ font-size: var(--f-size-M);/* 24px-19px */}
h5{ font-size: var(--f-size-S);/*20px-17px*/}
h6{ font-size: var(--f-size-Body);/*18px-16px*/}
h1, h2, h3{ color: var(--color-secondary); font-family: var(--ff-title);}

p { margin: var(--margin-paragraph); line-height: 1.5; }
p:last-child { margin-bottom: 0; }
/* :is(h1, h2, h3, h4, h5, h6):last-child { margin-bottom: 0; } */
p strong { font-weight: 600; }

img{ max-width: 100%; user-select: none; -webkit-user-drag: none; height: auto;}
figure { margin: 0; }
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--color-accent); outline: none; text-decoration: none; transition:var(--transition-common);}
a:hover{ text-decoration:none;}
ul{ padding: 0; margin: 0; list-style: none;}


.form-row{ margin-bottom: 16px;}
textarea, select, .form-control { font-weight: var(--fw-regular); outline: none; background-color: var(--form-holder-bg) !important; font-size: var(--f-size-Body) !important; color: var(--form-font-color) !important; border: 1px solid #0000001A !important;}
.form-control { height: var(--form-height) !important; padding: 5px 20px; box-shadow: none !important; outline: none !important; border-radius: 8px !important;}
select { appearance: none; -webkit-appearance: none; height: var(--form-height) !important; padding-right: 40px !important; background-image: url(../images/btm-arrow.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px;  }
textarea.form-control{ height: 114px !important; resize: none;}
input[type="checkbox"] { width: 18px; height: 18px !important; border: 1px solid #4D141F !important; border-radius: 3px !important; }
label.form-check-label { font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); margin-bottom: 0 !important; }
.form-check-input:checked[type=checkbox] { background-color: #4D141F !important; }

::placeholder { color: var(--form-placeholder-color) !important; opacity: 1; display: none; }
::-ms-input-placeholder { color: var(--form-placeholder-color) !important; display: none; }
textarea.form-control::placeholder { color: var(--form-placeholder-color) !important; display: none; }

form label { transition: all 0.4s; }
.form-floating>label { background-color: #fffaf1; padding: 0 5px; font-weight: var(--fw-regular); color: var(--form-placeholder-color); line-height: 1; height: auto; transform: scale(1) translateY(21px) translateX(10px); transition: all 0.4s; background: transparent; overflow: initial; }


/* Floating label active state - regular Bootstrap + CF7 (focus / filled). CF7 wraps the input in .wpcf7-form-control-wrap, breaking the plain sibling selector. */
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label, .form-floating>.wpcf7-form-control-wrap:focus-within~label { background-color: #ffffff; transform: translateY(-8px) translateX(14px); height: auto; line-height: 1; color: var(--color-accent); border-radius: 5px;  letter-spacing: 0.01em;}
.form-floating>.wpcf7-form-control-wrap:has(.form-control:not(:placeholder-shown))~label { background-color: #ffffff; transform: translateY(-8px) translateX(14px); height: auto; line-height: 1; color: var(--color-accent); border-radius: 5px; ; 
  letter-spacing: 0.01em;
}
.contact-page-section .form-floating>.form-control-plaintext~label, .contact-page-section .form-floating>.form-control:focus~label, .contact-page-section .form-floating>.form-control:not(:placeholder-shown)~label, .contact-page-section .form-floating>.form-select~label, .contact-page-section .form-floating>.wpcf7-form-control-wrap:focus-within~label { background-color: #ffffff; }
.contact-page-section .form-floating>.wpcf7-form-control-wrap:has(.form-control:not(:placeholder-shown))~label { background-color: #ffffff; }

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after,
.form-floating>.wpcf7-form-control-wrap:focus-within~label::after {  padding: 0 !important; display: none; }
.form-floating>.wpcf7-form-control-wrap:has(.form-control:not(:placeholder-shown))~label::after {  padding: 0 !important; display: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; -webkit-text-fill-color: #000 !important; transition: background-color 9999s ease-out, color 9999s ease-out; transition-delay: 9999s; }

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown), .form-floating>.wpcf7-form-control-wrap>.form-control:focus, .form-floating>.wpcf7-form-control-wrap>.form-control:not(:placeholder-shown) { padding-top: 0.6rem; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; -webkit-text-fill-color: var(--form-font-color) !important; transition: background-color 5000s ease-in-out 0s; }

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
.grecaptcha-badge { visibility: hidden; }
/* --- only use for wordpress (Image alignment) --- */


/* Utility Classes */
.padding-common { padding: var(--padding-height) 0; }
.background-cover { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
.overlay-content { position: relative; z-index: 3; }
.responsive-image-wrapper { position: relative; overflow: hidden; }
.responsive-image-wrapper img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.image-hover-efect{ overflow: hidden;}
.image-hover-efect img{ transition: var(--transition-common); transform: translateZ(0); will-change: transform;}
/* .image-hover-efect:hover img{ transform: scale(1.05);} */
.mt-50{ margin-top: var(--gap-50);}
.mb-50{ margin-bottom: var(--gap-50);}
.fade-bg{ background: #F5F8FF;}
.shape{ position: absolute; z-index: 1; pointer-events: none;}
.section-title strong{ font-weight: var(--fw-regular); color: var(--color-accent);}
.row-gap-24{ row-gap: 24px;}
.common-image-border{ position: relative; margin-top: 20px;}
.common-image-border::before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #85B295; border-radius: 40px; transform: rotate(-6deg); transition: var(--transition-common);}
.common-image-border.image-left { margin-right: 10%; }
.common-image-border.image-right{ margin-left: 10%;}
.common-image-border .image-box { padding-bottom: 102%; border-radius: 40px; }
.common-image-border .image-box img{ transition: var(--transition-common);}

.link-border-box a { background-image: linear-gradient(rgba(207, 48, 48, 0) calc(100% - 1px), rgb(214, 100, 75) 0px, rgb(214, 100, 75)); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }
.link-border-box a:hover{ background-position-x: right; background-position-y: bottom; background-size: 100% 100%;}
.link-border-box.white-border-box a {  background-image: linear-gradient(#cf303000 95%, #ffffff 0, #ffffff); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }
.link-border-box.white-border-box a:hover{ background-position-x: right; background-position-y: bottom; background-size: 100% 100%;}


/* --- Button Styles --- */
.btn, a.btn { display: inline-flex; justify-content: center; position: relative; padding: 0; color: var(--color-white); font-size: var(--f-size-S); font-weight: var(--fw-semi-bold); border: 0; box-shadow: none; outline: none; transition: transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1); isolation: isolate; transform: translateZ(0);
    will-change: transform;}
.btn .button-curved, a.btn .button-curved { width: auto; height: 56px;}
.btn .button-curved svg, a.btn .button-curved svg { width: auto; height: 100%;}
.btn .button-text, a.btn .button-text { display: flex; align-items: center; justify-content: center; padding: 18px 30px; line-height: 1; position: relative; transition: color 0.4s cubic-bezier(0.65, 0.05, 0.36, 1); height: 56px; isolation: isolate;}
.btn .button-text::before, a.btn .button-text::before{ content: ""; background: var(--color-accent); position: absolute; z-index: -1; top: 0; right: -1px; bottom: 0;  width: calc(100% + 2px); height: 100%;  transition: var(--transition-common);}
.btn .button-text::after, a.btn .button-text::after{ content: ""; background: var(--color-white); position: absolute; z-index: -1; top: 0; left: -1px; width: 0;  height: 100%; transition: width 0.4s cubic-bezier(0.65, 0.05, 0.36, 1); ;}
/* HOVER */
.btn:hover, a.btn:hover { transform: scale(1.03); transform: translateZ(0) scale(1.03);}
.btn:hover::before, a.btn:hover::before { filter: brightness(1.2); }
.btn:hover::after, a.btn:hover::after { filter: brightness(1.2); }
.btn:hover .button-text::after, a.btn:hover .button-text::after { width: calc(100% + 2px); background: var(--color-white); }
.btn:hover .button-text::before, a.btn:hover .button-text::before{ width: 0; }
.btn:hover .button-text, a.btn:hover .button-text { color: var(--color-accent); }

.btn.btn-white, a.btn.btn-white{ color: var(--color-accent);}
.btn.btn-white .button-text, a.btn.btn-white .button-text{ background: var(--color-white);}
.btn.btn-white .button-text::before, a.btn.btn-white .button-text::before{ background: var(--color-white);}
.btn.btn-white .button-text::after, a.btn.btn-white .button-text::after{ background: var(--color-accent);}
.btn.btn-white .button-curved svg, a.btn.btn-white .button-curved svg{ fill: var(--color-white);}
.btn.btn-white .button-curved svg path, a.btn.btn-white .button-curved svg path { fill: var(--color-white); }
/* HOVER */
.btn.btn-white:hover .button-text::after, a.btn.btn-white:hover .button-text::after{ background: var(--color-accent);}
.btn.btn-white:hover .button-text, a.btn.btn-white:hover .button-text{ color: var(--color-white);}

.submit-btn.btn .button-curved { position: absolute; z-index: 1; top: 0; bottom: 0; pointer-events: none;}
.submit-btn.btn .button-curved.button-curved-left { left: 0; }
.submit-btn.btn .button-curved.button-curved-right { right: 0; }
.submit-btn.btn .button-text { padding: 0; }
.submit-btn.btn .button-text::before{ width: calc(100% - 45px); right: 22px; }
.submit-btn.btn .button-text::after{ left: 22px;}
.submit-btn.btn .button-text input[type="submit"] { padding: 18px 60px; background: transparent; border: 0 !important; color: var(--color-white); transition: var(--transition-common); height: 100%;}
.submit-btn.btn:hover .button-text input[type="submit"]{ color: var(--color-accent);}
.submit-btn.btn:hover .button-text::after{ width: calc(100% - 45px); left: 22px;}
.submit-btn.btn:hover .button-text::before{ width: 0;}
/* --- Button Styles --- */

/* --- checkbox and radio button Styles --- */
.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url('../images/radiobutton.png') left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url('../images/radiobutton.png') left bottom no-repeat;}
/* --- checkbox and radio button Styles --- */

/*-----scroll-bar-design----------*/
/* width */
::-webkit-scrollbar {width: 8px; height: 4px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 2px #AA6C96; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: var(--color-accent); border-radius: 10px; }
/*-----scroll-bar-design----------*/
 

/* HEADER PART STYLES END HERE   *************************/
/* HEADER PART STYLES END HERE   *************************/
.main-header { padding:  20px 0; z-index: 999; width: 100%; left: 50%; transform: translateX(-50%); position: fixed; background: #ffffff00; -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); top: 0; }
.main-header .manu-part {position: relative; isolation: isolate;}
.main-header .manu-part::before { content: ""; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0) 50.09%, rgba(255, 255, 255, 0.5) 60%, #FFFFFF 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 88px; z-index: -1; margin: auto 0; border-radius: 100px; transition: var(--transition-common);}

.main-header .main-menu { margin-right: 20px; }
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;} 
.main-menu ul li:not(:last-child) { margin-right: 2px; }
.main-menu ul li a { display: block; color: var(--color-secondary); position: relative; -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common);  } 
.main-menu > ul > li > a { padding: 15px 20px; border-radius: 50px; line-height: 1;}
.main-menu > ul > li > a::before { content: ''; background: var(--color-accent); position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; border-radius: 50px; opacity: 0; transform: scale(0); -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); }
.main-header .main-menu.right-menu{ display: flex; justify-content: end; align-items: center;}
.main-header .main-menu.right-menu ul { justify-content: end; }
.main-header .header-button{ margin-left: 25px;}


.main-menu ul li.current-menu-item > a { color: var(--color-white); font-weight: var(--fw-semi-bold);}
.main-menu ul li.current-menu-item.menu-item-has-children > a::after{ border-color: var(--color-white);}

/* .main-menu ul li.menu-item-has-children a { opacity: 1; content: ""; width: 100%; }  */
header .main-menu ul .sub-menu { position: absolute; left: 0; top: 100%; transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0;  width: 270px; overflow: hidden; padding: 0; box-shadow: none; opacity: 1; visibility: hidden; display: unset; padding: 16px; background: #FFFFFF; border-radius: 20px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease}
.main-menu ul.sub-menu li { margin: 0!important; padding: 0 !important; }
header .main-menu ul .sub-menu li a { padding: 11px 20px; background: #FCF6FA; border: 1px solid #B98EB94D; border-radius: 10px; color: #251A28; overflow: hidden; isolation: isolate; }
.main-menu ul li ul.sub-menu li a::before { content: ""; width: 0%; height: 100%; position: absolute; z-index: -1; top: 0;  bottom: 0;  left: -22px; background: #FFE5F5;  height: 100%; width: 0; border-radius: 50%; transform: scale(1.5); transform-origin: right; -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); opacity: 0;}
.main-menu ul li ul.sub-menu li a::after { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -14px; right: auto; height: 100%; width: 0; border: 1px solid #B98EB9; border-radius: 50%; margin: auto; transform: scale(1.5); transform-origin: right; opacity: 0; -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); }



.main-menu ul li ul.sub-menu li a:hover::before, .main-menu ul li ul.sub-menu li a:hover::after { width: 54px !important; opacity: 1; }
.main-menu ul li ul.sub-menu li a:hover{ padding-left: 55px; color: var(--color-accent) !important; }
.main-menu > ul > li > a:hover { color: var(--color-white) !important;}
.main-menu > ul > li > a:hover::before, .main-menu ul li.menu-item.current-menu-item > a::before { transform: scale(1); opacity: 1; }
 .main-menu > ul > li > a:hover::after{ border-color: var(--color-white) !important;} 
.main-menu ul li span {margin-left: 10px; }

.main-header.relative_header {background-color: #000000; }

/*------css for new dropdown sub-menu start--------*/
.main-menu ul li.menu-item-has-children a {padding-right: 28px; }
.main-menu ul li.menu-item-has-children a:after { -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); content: ""; position: absolute; top: 45%; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: #231F20; border-width: 0px 1px 1px 0px; transform: rotate(45deg) translate(0, -50%); transition: border-width 150ms ease-in-out; -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); right: 15px; margin: 0 auto; }


/* .main-menu ul.sub-menu li a:after{display: none!important;} */

.main-menu ul{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.main-menu ul li { display: flex; justify-content: center; align-items: center; position: relative; perspective: 1000px; z-index: 100; color: #FFFFFF; -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); z-index: 0; font-size: var(--f-size-S);}
/* .main-menu ul.sub-menu { position: absolute; width: 250px; display: block; margin-top: 0; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } */
 
.main-menu ul li.out .sub-menu { opacity: 0; transform: scaleY(0) translateZ(0); visibility: hidden; }
.main-menu ul li.menu-item-has-children { z-index: 1; }

header .main-menu ul>li { position: relative; cursor: pointer }

/* header .main-menu ul li ul::before {content: ""; width: 100%; height: 100%; position: absolute; top: -12px; left: 0; background-color: var(--color-accent) ; } */
header .main-menu ul li:hover ul { opacity: 1; transform: scaleY(1) translateZ(0); visibility: visible; display: unset; transition: transform 0.3s, opacity 0.3s ease-out; }
header .main-menu ul .sub-menu li { display: block; position: relative; padding: 0px 20px; cursor: pointer; background-color: #FFFFFF; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
header .main-menu ul .sub-menu li:not(:last-child){ padding-bottom: 16px !important;}
/* header .main-menu ul .sub-menu li:first-child{padding-top: 10px;border-radius: 10px 10px 0 0;}
header .main-menu ul .sub-menu li:last-child{padding-bottom: 10px;} */

.main-header .header-btn a:not(:last-child){ margin-right: 16px;}


/*------css for new dropdown sub-menu end--------*/ 
.main-header .logo { -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); text-align: center;}
.main-header .logo a { display: inline-block; height: 175px;}
.main-header .logo a img{ width: auto; height: 100%; transition: var(--transition-common);}



.nav_btn { color: #FFFFFF; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #FFFFFF; }
 
/*==========mobile menu=========*/        
.main-header .hdr-rt { display: grid; grid-template-columns: 1fr 200px 1fr; align-items: center; justify-content: space-between; padding: 0 10px;}

.main-header .hdr-rt.hdr-lt { gap: 50px; justify-content: flex-end; }
.main-header .user-sec {margin-left: 100px;display: flex;align-items: center; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common);}
.menu-has-children span img {transform: rotate(0deg); -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common);}

.main-header.fixed{ padding: 15px 0;}
.main-header.fixed .logo a{ height: 80px;}
.main-header.fixed .manu-part::before {  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 40%, rgb(255 255 255 / 73%) 50.09%, rgba(255, 255, 255, 0.5) 60%, #FFFFFF 100%); }

/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container { position: fixed; z-index: 1; top: -100vh; left: 0; right: 0; background: url(../images/menu-bg.png) no-repeat center #F4FAEF; background-size: 100%; height: calc(100dvh + 40px); opacity: 0; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none; z-index: -1;}

.mobile-menu-container ul.sub-menu {position: relative; max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out;}
.mobile-menu-container ul.sub-menu.sub-menu-open {transform: scaleY(1); max-height: 300px;}
.mobile-menu-open .mobile-menu-container{ top: -40px; transform: translateY(0); opacity: 1;}
header.main-header.mobile-menu-open .manu-part { backdrop-filter: inherit; background: #fff; }


.mobile-menu-container .inner-container{ padding-top: 160px; padding-right: 20px; padding-left: 20px; height: calc(100svh - 50px); overflow-y: auto; position: relative; z-index: 5; scrollbar-width: none; -ms-overflow-style: none;}

.mobile-menu { max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; padding-bottom: 50px; margin: 0 auto; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; overflow-y: auto; height: 100%; }
.mobile-menu::-webkit-scrollbar { display: none; width: 0; }
.mobile-menu>ul{ width: 100%;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 16px 0;}
.mobile-menu ul li a { display: block; font-size: 30px; color: #273B7A ; padding: 4px 0; }
.mobile-menu > ul > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */

.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #FFFFFF;}
/*=========mobile menu===========*/

/*for header css*/
 
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav { display: none; background: url(../images/hamburger-nav.svg); background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; margin-right: 5px;}

/*when turns close icon*/
.ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.hamRotate.active { transform: rotate(45deg); }
.hamRotate180.active { transform: rotate(180deg); }
.line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:var(--color-white); stroke-width:3.5; stroke-linecap:round; } 
/* .main-header.fixed .line { stroke: #3C5180; } */
.ham6 .top { stroke-dasharray: 41 172; }
.ham6 .middle { stroke-dasharray: 41 111; transform: translateX(1px); }
.ham6 .bottom { stroke-dasharray: 41 172; transform: translateX(1px);}
.ham6.active .top { stroke-dashoffset: -132px; }
.ham6.active .middle { stroke-dashoffset: -71px; }
.ham6.active .bottom { stroke-dashoffset: -132px; } 
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
/* HEADER PART STYLES END HERE   *************************/
/* HEADER PART STYLES END HERE   *************************/

/* HOME PAGE START HERE ==========================*/
/* HOME PAGE START HERE ==========================*/
/* HERO BANNER SECTION START HERE */
.hero-banner-section{ min-height: 100svh; background: url('../images/hero-banner-shaddow.png') center/cover no-repeat, linear-gradient(180deg, #FEEEF8 0%, #EAD0E6 100%); overflow: hidden; padding-top: 250px;}
.hero-banner-section .banner-image-box-outer { height: 100%; display: flex; align-items: end; margin-left: -25%; }
.hero-banner-section .banner-right-row { margin: 0 -18px; width: calc(100% + 30px);}
.hero-banner-section .banner-right-row>*{ padding: 0 18px;}
.hero-banner-section .banner-info { position: relative; z-index: 5; padding: 75px 10% 60px 0; }
.hero-banner-section .banner-info .banner-short-dis{ max-width: 510px; margin-bottom: 30px;}
.hero-banner-section .banner-info .banner-short-dis p{ font-size: var(--f-size-M); color: #4C3752;}
.hero-banner-section .banner-info .banner-short-dis p:not(:last-child){ margin-bottom: 15px; }

.hero-banner-section .image-col { width: 60%; }
.hero-banner-section .listen-col{ width: 40%;}
.listen-box { padding: 10px 10px 125px; overflow: hidden; position: relative; isolation: isolate;}
.listen-box::before{ content: ""; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 60px); border-radius: 40px 40px 0 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.12) 46.46%, rgba(255, 255, 255, 0.04) 58.56%, rgba(255, 255, 255, 0) 100%);; }
.listen-box .bg-color { background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; width: calc(100% - 8px); height: calc(100% - 64px); border-radius: 40px 40px 0 0; margin: 0 auto; }
.listen-box .icon { width: 115px; height: 115px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.06) 100%); display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0px -3px 20px 0px #0000001A; backdrop-filter: blur(64px); margin: 0 auto 20px; }
.listen-box .icon .icon-inner { display: flex; align-items: center; justify-content: center; width: calc(100% - 16px); height: calc(100% - 16px); background: linear-gradient(180deg, #B08DCA -19%, #FEF1E6 55.65%, rgba(255, 255, 255, 0.3) 110.5%); border-radius: 50%; }
.listen-box .icon .icon-inner img{ max-width: 65%;}
.listen-box h3 { color: #553567; font-family: var(--ff-base); font-weight: var(--fw-medium); margin-bottom: 10px; }
.listen-box .badge { padding: 5px 12px; background: #C087AD; font-size: var(--f-size-L); font-weight: var(--fw-medium); line-height: 1; border-radius: 10px; }
.listen-box .listen-star { position: absolute; right: 10px; bottom: 0; left: 10px; }
@keyframes butterfly-float {
    0%   { transform: translateY(0px) rotate(0deg) scale(1); }
    25%  { transform: translateY(-8px) rotate(-3deg) scale(1.05); }
    50%  { transform: translateY(-12px) rotate(0deg) scale(1.08); }
    75%  { transform: translateY(-8px) rotate(3deg) scale(1.05); }
    100% { transform: translateY(0px) rotate(0deg) scale(1); }
}
@keyframes butterfly-flap {
    0%   { transform: scaleX(1); }
    50%  { transform: scaleX(0.85); }
    100% { transform: scaleX(1); }
}
.listen-box .icon .icon-inner img { 
  /* animation: butterfly-float 6s ease-in-out infinite, butterfly-flap 0.8s ease-in-out infinite; */
  animation: butterfly-float 10s ease-in-out infinite, butterfly-flap 1.2s ease-in-out infinite; 
   transform-origin: center; }

@keyframes treeMove {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(4deg); }
    100% { transform: rotate(0deg); }
}
@keyframes flower-sway {
    0%   { transform: rotate(-5deg) scale(1); }
    25%  { transform: rotate(0deg) scale(1.01); }
    50%  { transform: rotate(5deg) scale(1.05); }
    75%  { transform: rotate(0deg) scale(1.01); }
    100% { transform: rotate(-5deg) scale(1); }
}

.hero-flower-shape { bottom: 0; left: 0; max-width: 15%; }
.hero-flower-shape img { animation: flower-sway 5s ease-in-out infinite, flower-glow 3s ease-in-out infinite; transform-origin: center bottom; }
.hero-leaf-shape { right: -20px; top: 20%; max-width: 23%;  animation: treeMove 5s infinite linear;}
.hero-leaf-shape img{ width: 100%;}
/* Hero glow: pre-blurred PNG. Replaced filter: blur(70px), which froze iOS scrolling (large live blur re-rasterized under the fixed header). A baked bitmap costs nothing per frame. */
/* gradient fallback (if the PNG is ever removed): background: radial-gradient(75% 110% at 50% 50%, rgba(161, 124, 195, 0.5) 0%, rgba(161, 124, 195, 0.22) 42%, rgba(161, 124, 195, 0) 78%); */
.hero-gradient-overlay { position: absolute; z-index: 19; right: 0; bottom: 0; left: 0; height: 230px; background: url(../images/hero-glow.png) no-repeat center / 100% 100%; pointer-events: none;}

/* INTRODUCTION SECTION START HERE */
.introduction-section .shape { right: 0; bottom: 30px; }

/* APPROACH SECTION START HERE */
.approach-section{ background: #F4FAEF; overflow: hidden;}
.approach-section .section-title{ max-width: 550px; margin-bottom: var(--gap-50);}
.approch-card-col{ margin-top: 30px;}
.common-design-card { height: 100%; padding: 50px 40px 40px; border: 2px solid #4F726766; border-radius: 90px; transition: border-color 0.4s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease; will-change: transform;}
.common-design-card .common-design-card-name { height: 58px; display: flex; align-items: center; justify-content: center; width: calc(100% - 150px); text-align: center; background: #F4FAEF; border-radius: 10px; position: absolute; z-index: 1; top: -30px; right: 0; left: 0; margin: 0 auto; transition: background 0.4s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); will-change: transform;}
.common-design-card .common-design-card-name h3{ margin-bottom: 0; color: var(--color-tertiary); transition: var(--transition-common);}
.common-design-card .common-design-card-inner-box { background: #FFFFFF; padding: 40px 24px 60px; border-radius: 70px; box-shadow: 0px 4px 20px 0px #0000000D; height: 100%; transition: box-shadow 0.4s ease, background 0.4s ease;}
.common-design-card .common-design-card-icon-outer { width: 160px; height: 160px; margin-bottom: 24px; transition: filter 0.4s ease;}
.common-design-card .common-design-card-icon-border { position: absolute; z-index: 1; top: -10px; right: -10px; width: 100%; height: 100%; transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;}
.common-design-card .common-design-card-icon-border img{ width: 100%;}
.common-design-card .common-design-card-icon { transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); }
.common-design-card .common-design-card-icon img{ width: 100%; height: 100%;}

@keyframes bouncing {
	from, to {
	  transform: scale(1, 1);
	}
	25% {
	  transform: scale(0.9, 1.1);
	}
	50% {
	  transform: scale(1.1, 0.9);
	}
	75% {
	  transform: scale(0.95, 1.05);
	}
}

 @media only screen and ( min-width:992px ){
  .common-design-card:hover .common-design-card-name { background: #E3F2D8; transform: translateY(-4px); }
.common-design-card:hover .common-design-card-name h3 { color: #2a4a52; }
 }
.common-design-card:hover .common-design-card-icon img{ animation: bouncing 0.5s 0.3s;}

.common-design-card:hover .common-design-card-inner-box { box-shadow: 0px 10px 40px rgba(79, 114, 103, 0.12); background: #FAFFF8; }
.common-design-card:hover .common-design-card-icon-border { transform: rotate(180deg) scale(1.05); }
.common-design-card:hover .common-design-card-icon { transform: translateY(-8px) scale(1.08); }

.approach-section .leaf-shape { max-width: 15%; top: 0; left: 0; }
.approach-section .leaf-shape img{ animation: treeMove 5s infinite linear;}
.approach-section .flower-shape { right: 0; bottom: 0; }
.approach-section .flower-shape img{ animation: flower-sway 5s ease-in-out infinite, flower-glow 3s ease-in-out infinite; transform-origin: center bottom;}

/* PROMISE SECTION START HERE */
.promise-section{ position: relative; overflow: hidden;}
.promise-section .section-title { max-width: 468px; margin-bottom: calc(var(--gap-50) + 20px);}
.promise-details-box{ padding-top: calc(var(--gap-50) + 20px); isolation: isolate;}
.promise-details-box::before { content: ""; background: #FEEEF8; width: calc(100% + 50vw); position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; }

.promise-details-image-mobile{ margin-bottom: 25px;}
.promise-details-image-mobile .inner-row{ margin-left: -8px; margin-right: -8px; }
.promise-details-image-mobile .image-col { width: 50%; padding: 0 8px; }

.promise-details-box .row{ position: relative; z-index: 3;}
.promise-details-image-outer-left { margin-left: -49%; }
.promise-details-image-outer-right { margin-top: calc((var(--gap-50) * -2) - 160px); margin-right: -49%; }
.promise-details-image { width: 100%; padding-bottom: 124.847%; border-radius: 40px; }
.promise-details-content-outer { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
.promise-details-content { max-width: 65%; padding-bottom: 50px;}
.promise-section .butterfly-icon { position: absolute; z-index: 1; top: -50px; left: 30%; }
.butterfly-icon img{ 
  /* animation: butterfly-float 6s ease-in-out infinite, butterfly-flap 0.8s ease-in-out infinite; */
  animation: butterfly-float 10s ease-in-out infinite, butterfly-flap 1.2s ease-in-out infinite; 
   transform-origin: center;}
.promise-section .bottom-design{ pointer-events: none;}
.promise-section .bottom-design .bottom-flower { position: absolute; z-index: 2; right: 10%; bottom: 0; max-width: 35%; }
.promise-section .bottom-design .bottom-bg { position: absolute; z-index: 1; right: 20%; bottom: 0; max-width: 30%; }

/* HOW WE WALK SECTION START HERE */
.how-we-walk-section .section-title{ margin-bottom: var(--gap-50);}
.we-walk-card-holder{ height: 100%; transition: var(--transition-common);}
.we-walk-card-holder::before{ content: ""; position: absolute; z-index: 1; right: 10px; bottom: 10px; border: 1px solid #B98EB9; width: 100%; height: 100%; border-radius: 20px; transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.we-walk-card { z-index: 2; height: 100%; padding: 40px 40px 0; display: flex; flex-direction: column; border-radius: 20px; background: #F4EDF4; overflow: hidden; }
.we-walk-card .we-walk-card-title{ flex: 0 0 auto; max-width: 300px; margin-bottom: 20px; transition: transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.we-walk-card .we-walk-card-title h3{ margin-bottom: 0;}
.we-walk-card .we-walk-card-dis{ margin-bottom: var(--gap-50); flex: 0 0 auto;}
.we-walk-card .card-image{ margin-top: auto; position: relative; z-index: 3; text-align: center;}
.we-walk-card .card-image img { transition: transform 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); transform: translateY(5px); }
.we-walk-card .rounded-shape { position: absolute; z-index: -1; right: 0; bottom: -50%; left: 0; background: #EBDFEB; aspect-ratio: 1/1; pointer-events: none; border-radius: 50%; transform: scale(1.2); transition: var(--transition-common);}
.we-walk-card .shape { bottom: 0; max-width: 25%; transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);}
.we-walk-card .card-leaf-1 { left: 5%; }
.we-walk-card .card-leaf-2 { right: 5%; }
.we-walk-card-holder:hover { transform: translateY(-8px); }
.we-walk-card-holder:hover::before { right: 6px; bottom: 6px; border-color: #9FAA72; }
.we-walk-card-holder:hover .rounded-shape{ transform: scale(1.27); background: #EDE3ED;}
.we-walk-card-holder:hover .we-walk-card-title { transform: translateY(-4px); }
.we-walk-card-holder:hover .card-image img { transform: translateY(0) scale(1.04); }
.we-walk-card-holder:hover .card-leaf-1 { transform: translateX(-5px) rotate(-5deg) scale(1.1); }
.we-walk-card-holder:hover .card-leaf-2 { transform: translateX(5px) rotate(5deg) scale(1.1); }
.we-walk-card-col:nth-child(3n-1) .we-walk-card-holder::before{ border-color: #628452;}
.we-walk-card-col:nth-child(3n-1) .we-walk-card{background: #F4F8EF;}
.we-walk-card-col:nth-child(3n-1) .we-walk-card .rounded-shape{  background: #E9EFE0;}
.we-walk-card-col:nth-child(3n-1) .we-walk-card .shape img{  filter: brightness(0) saturate(100%) invert(63%) sepia(18%) saturate(420%) hue-rotate(44deg) brightness(84%) contrast(88%);}
.we-walk-card-col:nth-child(3n) .we-walk-card-holder::before{ border-color: #B98EB9;}
.we-walk-card-col:nth-child(3n) .we-walk-card{background: #FFF0F9;}
.we-walk-card-col:nth-child(3n) .we-walk-card .rounded-shape{ background: #FFE5F5;}
.we-walk-card-col:nth-child(3n) .we-walk-card .shape img{ filter: brightness(0) saturate(100%) invert(80%) sepia(15%) saturate(450%) hue-rotate(295deg) brightness(95%) contrast(85%);}
.how-we-walk-section .button-row{ margin-top: var(--gap-50);}

/* TESTIMONIAL SECTION START HERE */
.testimonial-section::before { content: ""; background: #F4FAEF; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 0 0 52% 0; }
.testimonial-section .testimonial-image-outer { padding-left: 18%; margin-top: calc(var(--padding-height) * -1); width: calc(50vw - 10px); }
.testimonial-section .image-wraper { padding-bottom: 84.877%; border-radius: 0 0 0 56.5%; }
.testimonial-section .section-title{ margin-bottom: var(--gap-50);}
.testimonial-slider-wraper { position: relative; margin-bottom: 30px; }
.testimonial-box { display: flex; flex-direction: column; height: 100%; padding: 0 40px 40px; margin-top: 5px; border-radius: 20px; position: relative; overflow: hidden;}
.testimonial-box::before{ content: ""; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 50px); background: var(--color-white); box-shadow: 0px 4px 20px 0px #0000000A; border-radius: 20px;} 
.testimonial-box .testimonial-quote-mark { display: flex; align-items: center; justify-content: center; background: #fff; width: 100px; height: 100px; box-shadow: 0px -4px 20px 0px #0000000A; border-radius: 50%; margin: 0 0 15px; flex: 0 0 auto;}
.testimonial-box .testimonial-quote-mark img{ max-width: 50%;}
.testimonial-box .testimonial-box-content { display: flex; flex-direction: column; flex: 1; }
.testimonial-box .testimonial-box-content .testimonial-box-content-info { flex: 0 0 auto; padding-bottom: 25px; margin-bottom: 40px; border-bottom: 1px solid #0000001A; }
.testimonial-box .testimonial-box-content .testimonial-box-content-info p{ font-size: var(--f-size-M);}
.testimonial-box .testimonial-card-footer{ margin-top: auto; padding-right: 150px;}
.testimonial-box .testimonial-author{ padding-left: 75px; position: relative;}
.testimonial-box .testimonial-author::before { content: ""; position: absolute; top: 12px; left: 0; width: 60px; height: 3px; background: #C087AD; border-radius: 25px; }
.testimonial-box .testimonial-author-signature{ margin-bottom: 10px;}
.testimonial-box .testimonial-author-signature p{ font-family: 'adelia'; font-size: var(--f-size-S); color: var(--color-secondary);}
.testimonial-author-location{ color: var(--color-quaternary); font-size: var(--f-size-S);}
.testimonial-slider .swiper-slide { height: auto; }
.swiper-arrow-row { display: flex; align-items: center; gap: 15px; }
.swiper-arrow{ position: static; transform: none; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0; cursor: pointer; will-change: transform; transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}
.swiper-arrow.swiper-button-prev::after, .swiper-arrow.swiper-button-next::after { content: none; }
.swiper-arrow svg path { transition: fill 0.4s ease, d 0.4s ease; }
.swiper-button-prev.swiper-arrow:hover { animation: elastic-pull-left 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
.swiper-button-next.swiper-arrow:hover { animation: elastic-pull-right 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
@keyframes elastic-pull-left {
    0%   { transform: scaleX(1)    scaleY(1)    translateX(0); }
    30%  { transform: scaleX(0.75) scaleY(1.15) translateX(-6px); }
    60%  { transform: scaleX(1.15) scaleY(0.9)  translateX(-3px); }
    80%  { transform: scaleX(0.95) scaleY(1.05) translateX(-5px); }
    100% { transform: scaleX(1)    scaleY(1)    translateX(-4px); }
}

@keyframes elastic-pull-right {
    0%   { transform: scaleX(1)    scaleY(1)    translateX(0); }
    30%  { transform: scaleX(0.75) scaleY(1.15) translateX(6px); }
    60%  { transform: scaleX(1.15) scaleY(0.9)  translateX(3px); }
    80%  { transform: scaleX(0.95) scaleY(1.05) translateX(5px); }
    100% { transform: scaleX(1)    scaleY(1)    translateX(4px); }
}

.swiper-arrow:hover svg path { fill: #7a3d6a; }
.swiper-button-prev.swiper-arrow:not(:hover) { animation: snap-back 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
.swiper-button-next.swiper-arrow:not(:hover) { animation: snap-back 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
@keyframes snap-back {
    0%   { transform: scaleX(1)    scaleY(1)    translateX(4px); }
    30%  { transform: scaleX(1.15) scaleY(0.85) translateX(2px); }
    60%  { transform: scaleX(0.9)  scaleY(1.1)  translateX(0px); }
    80%  { transform: scaleX(1.05) scaleY(0.97) translateX(0px); }
    100% { transform: scaleX(1)    scaleY(1)    translateX(0px); }
}
/* DISABLED */
.swiper-arrow.swiper-button-disabled { opacity: 0.3; pointer-events: none; }
.testimonial-slider-wraper .swiper-arrow-row { position: absolute; z-index: 5; right: 40px; bottom: 45px; }

/* WE BELIEVE SECTION START HERE */
.we-believe-section .shape { right: 0; top: -50px; max-width: 13%; }

/* GET IN TOUCH SECTION START HERE */
.get-in-touch-section{ padding-bottom: calc( var(--padding-height) - 20px);}
.get-in-touch-section .get-in-touch-inner-section { max-width: 90%; padding-top: var(--padding-height); padding-bottom: 20px; border-radius: 50px; overflow: hidden;}
.get-in-touch-section .get-in-touch-inner-section:before{ content: ""; background: linear-gradient(95.54deg, #487277 3.83%, #B4D2C6 36.69%, #EAEFE1 100%); position: absolute; z-index: 1; top: 0; right: 0; bottom: calc( var(--padding-height) + 20px); left: 0; border-radius: 50px;}
.get-in-touch-section .form-holder { position: relative; z-index: 3; background: #FFFFFF; padding: 40px; border-radius: 20px; box-shadow: 0px 4px 20px 0px #0000000D; }
.get-in-touch-section .form-holder .form-title{ margin: var(--margin-title);}
.get-in-touch-section .form-holder .form-title h3{ margin-bottom: 15px;}
.get-in-touch-section .form-holder .form-control{ background-color: var(--color-white) !important;}

@keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.get-in-touch-section .get-in-touch-info-wraper { padding-right: 17%; }
.get-in-touch-section .get-in-touch-info-wraper .info-wraper *{ color: var(--color-white);}
.get-in-touch-section .get-in-touch-info-wraper .info-wraper .short-dis{ max-width: 465px; margin-bottom: 30px; }
.contact-info-row:not(.common-design-card) { gap: 16px; background: linear-gradient(89.18deg, rgba(68, 116, 91, 0.1) 0.7%, rgba(36, 78, 56, 0.1) 97.07%); padding: 16px; border: 1px solid #FFFFFF80; border-radius: 100px; backdrop-filter: blur(10px); }
.contact-info-row:not(:last-child){ margin-bottom: 16px;}
.contact-info-row .icon{ width: 80px; height: 80px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; position: relative; isolation: isolate;}

.contact-info-row .icon::before { content: ""; background: url(../images/contact-icon-curved-bg.svg); background-position: center !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; position: absolute; z-index: -1; inset: -1px; transition: var(--transition-common); animation: rotate-animation 15s linear infinite; animation-play-state: paused; }



.contact-info-row .icon img{ width: 60%;}
.contact-info-row .info p, .contact-info-row .info a{ color: var(--color-white); font-weight: var(--fw-medium);}
.contact-info-row .title p{ margin-bottom: 2px;}
.contact-info-row .details a, .contact-info-row .details p{ font-size: var(--f-size-S);}

@media only screen and ( min-width:768px ){
  .contact-info-row:hover .icon::before { animation-play-state: running; }
}
.contact-info-row:hover .icon img{ animation: bouncing 0.5s 0.3s;}
.form-row.form-radio-row>label { color: var(--color-primary); line-height: 1; display: block; margin-bottom: 6px;}
.radio-row { gap: 8px; }
/* CF7 wraps the radios in .wpcf7-form-control-wrap > .wpcf7-radio > .wpcf7-list-item - lay the pills out like .radio-row does for plain HTML */
.radio-row .wpcf7-form-control-wrap, .radio-row .wpcf7-radio { display: flex; flex-wrap: wrap; gap: 8px; }
.radio-row .wpcf7-list-item label, .radio-row .wpcf7-list-item .wpcf7-list-item-label { display: block; margin: 0; }
.radio-row .form-check, .radio-row .wpcf7-list-item { margin: 0; padding: 0; border-radius: 100px; overflow: hidden; position: relative; }
.radio-row .form-check input, .radio-row .wpcf7-list-item input { position: absolute; z-index: 1; inset: 0; margin: 0; float: none; width: 100%; height: 100%; border-radius: 0; opacity: 0; cursor: pointer;}
.radio-row .form-check label, .radio-row .wpcf7-list-item .wpcf7-list-item-label { background: radial-gradient(50% 50% at 50% 50%, rgba(150, 156, 178, 0) 0%, rgba(150, 156, 178, 0.3) 100%); border: 1px solid #969CB2; border-radius: 100px; padding: 2px 20px; cursor: pointer; color: var(--color-primary);}
.radio-row .form-check input:checked + label, .radio-row .wpcf7-list-item input:checked + .wpcf7-list-item-label { background: radial-gradient(50% 50% at 50% 50%, rgba(171, 109, 150, 0) 0%, rgba(171, 109, 150, 0.3) 100%); border-color: #AA6C96; color: var(--color-accent);}
.get-in-touch-section .get-in-touch-inner-section .hero-flower-shape { bottom: var(--padding-height); max-width: 12%; }
.get-in-touch-section .hero-leaf-shape { z-index: 2; max-width: 13%; top: -5%; }
.footer-top-section { position: relative; }
.footer-top-section::before { content: ""; position: absolute; z-index: 1; bottom: -2px; right: 0; left: 0; width: 100%; height: 3px; background: #fff; pointer-events: none; }
/* HOME PAGE END HERE ==========================*/
/* HOME PAGE END HERE ==========================*/

/* FOTTER PART STYLES START HERE ****************/
/* FOTTER PART STYLES START HERE ****************/
.main-footer{ overflow: hidden;}
.main-footer::before{ content: ""; background: linear-gradient(180deg, #FFFFFF 0%, #FFF0FD 11.15%, #F3D7EF 20.54%, rgba(246, 224, 243, 0.1) 35.79%, rgba(246, 224, 243, 0) 100%); position: absolute; z-index: 1; inset: 0; pointer-events: none;}
.top-footer { padding: 420px 0 150px; isolation: isolate; z-index: 1; }

.top-footer::before { content: ""; position: absolute; z-index: -1; top: -40px; right: 0; left: 0; max-width: 46%; aspect-ratio: 1/1; margin: 0 auto; border-radius: 50%; padding: 2px; background: linear-gradient( 180deg, #AD7099 0%, rgba(173, 112, 153, 0) 34.99% ); -webkit-mask: linear-gradient(#AD7099 0 0) content-box, linear-gradient(#AD7099 0 0); -webkit-mask-composite: xor; mask-composite: exclude; transform: scale(1.15); }

.footer-title span { display: block; font-size: clamp(3.125rem, 0.25rem + 13.333vw, 16.25rem); font-family: var(--ff-title); line-height: 1; color: #251A280A; }
.footer-logo { margin: -80px 0 0; }
.main-footer .footer-logo a{ display: inline-block;}
.main-footer .footer-logo a { display: inline-block; height: 175px; width: fit-content; }
.main-footer .footer-logo a img{ height: 100%; width: auto;}

.footer-menu li:not(:last-child){ margin-bottom: 24px;}
.footer-right-menu li{ text-align: right;}
.footer-menu li a{ display: inline-block; padding: 10px 30px; background: #FFFFFF26; border: 1px solid #FFFFFF4D; border-radius: 50px; backdrop-filter: blur(30px); font-size: var(--f-size-S); color: var(--color-white); position: relative; overflow: visible; z-index: 1; cursor: pointer; transform-style: preserve-3d;}
.footer-menu li a::before { content: ""; position: absolute; inset: -2px; border-radius: 50px; background: linear-gradient(135deg, #AD7099, #ffffff4d, #AD7099); z-index: -1; opacity: 0; transition: opacity 0.4s ease; background-size: 200% 200%; }
.footer-menu li a::after { content: ""; position: absolute; inset: 0; border-radius: 50px; background: #AD7099; z-index: -1; transform: scaleX(0) scaleY(0.6); transform-origin: center; opacity: 0; transition: transform 0s, opacity 0s; }
.footer-menu li a.is-hovered::before { opacity: 1; }
.footer-menu li a.is-hovered::after { transform: scaleX(1) scaleY(1); opacity: 1; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease; }

.footer-bottom { padding: 24px 0; background: #0000001F; backdrop-filter: blur(20px); }
.footer-bottom p, .footer-bottom a{ color: var(--color-white);}
.footer-bottom p{ font-size: 16px; margin-bottom: 0;}
.footer-bottom .policy-wrap{ margin-top: 10px;}
.footer-bottom .policy-wrap p{ font-size: 12px;}
/* FOTTER PART STYLES END HERE ****************/
/* FOTTER PART STYLES END HERE ****************/


/* ABOUT PAGE START HERE ==========================*/
/* ABOUT PAGE START HERE ==========================*/
/* INNER BANNER SECTION START HERE */
.hero-banner-section.inner-banner-section { padding-top: 330px; padding-bottom: 50px; min-height: 650px; background: url(../images/inner-banner-bg.png), linear-gradient(180deg, #FEEEF8 0%, #EAD0E6 100%); background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; }
.hero-banner-section.inner-banner-section .banner-info{ max-width: 725px; padding: 0;}
.hero-banner-section.inner-banner-section .banner-info .banner-short-dis { max-width: 100%; margin-bottom: 0; }
.hero-banner-section.inner-banner-section .hero-leaf-shape { top: auto; bottom: 0; max-width: 20%; }

/* JOURNEY STORY SECTION START HERE */
.journey-story-section .info-wraper .section-title { max-width: 570px; }
.journey-story-section .common-image-border{ isolation: isolate;}
.journey-story-section .common-image-border::before{ transform: none; top: -20px; left: 20px;}
/* .journey-story-section .common-image-border:hover::before{ top: 20px; left: -20px;} */
.journey-story-section .common-image-border::after { content: ""; position: absolute; z-index: -1; top: calc(-1 * var(--padding-height) - 20px); left: 55%; width: 50vw; height: 100%; background: #FEEEF8; }
.journey-story-section .shape { right: 8%; left: 0; bottom: -185px; max-width: 16%; margin: 0 auto; }
@keyframes flower-sway {
    0%   { 
      transform: translateY(0px) rotate(-3deg) scale(1); 
    }
    25%  { 
      transform: translateY(-8px) rotate(0deg) scale(1.03); 
    }
    50%  { 
      transform: translateY(-14px) rotate(3deg) scale(1.06); 
    }
    75%  { 
      transform: translateY(-8px) rotate(0deg) scale(1.03); 
    }
    100% { 
      transform: translateY(0px) rotate(-3deg) scale(1); 
    }
}
/* @keyframes flower-glow {
    0%   { filter: drop-shadow(0px 0px 0px rgba(173, 112, 153, 0)); }
    50%  { filter: drop-shadow(0px 6px 15px rgba(173, 112, 153, 0.4)); }
    100% { filter: drop-shadow(0px 0px 0px rgba(173, 112, 153, 0)); }
} */
.journey-story-section .shape img { animation: flower-sway 6s ease-in-out infinite, flower-glow 4s ease-in-out infinite; transform-origin: center bottom; }

/* BELIEVE BIRTH SECTION START HERE */
.believe-birth-section::before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 120px); background-color: #F4FAEF; z-index: 1; pointer-events: none;}
.believe-birth-section .image-outer{ width: calc(100% + 14vw); margin-left: -14vw; position: relative;}
.believe-birth-section .image-outer::before { content: ""; position: absolute; z-index: 1; top: -20px; left: 0; width: calc(100% - 3px); height: 100%; border: 3px solid var(--color-accent); border-radius: 0 56% 0 0; }
.believe-birth-section .info-wraper-outer { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 0 50px 6%; }
.believe-birth-section .info-wraper-outer .info-wraper{ padding-top: 120px;}
.believe-birth-section .image-box { padding-bottom: 87%; border-radius: 0 56% 0 0; z-index: 3;}
.believe-birth-section .shape { bottom: 0; right: 0; max-width: 20%; }

/* TEAM STORY SECTION START HERE */
.team-story-section .team-image-outer { margin-left: 10%; padding-left: 50px; position: relative; isolation: isolate;}
.team-story-section .team-image-outer::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 50vw; height: 75%; background: #FEEEF8; border-radius: 20px 0 0 20px; margin: auto 0; }
.team-story-section .team-member-image { padding-bottom: 109%; border-radius: 40px; }
.team-story-section .section-title{ margin-bottom: 0;}
.team-story-section .section-title h2{ margin-bottom: 16px;}
.team-story-section .team-designation { display: inline-block; margin-bottom: 30px; padding: 6px 16px; background: linear-gradient(90deg, #FFF4E5 0%, #FFDFF2 100%); border-radius: 10px; color: #355D68; font-weight: var(--fw-semi-bold); font-style: italic; font-size: var(--f-size-S);}
.team-story-section .team-designation span { display: inline-block; padding-left: 36px; position: relative; }
.team-story-section .team-designation span::before { content: ""; position: absolute; left: 11px; top: 50%; width: 12px; height: 12px; background-color: #C4AAAF; transform: translateY(-50%); border-radius: 50%; }
.team-story-item-col:not(:last-child){ margin-bottom: var(--padding-height);}
.team-story-item-col:nth-child(even) .row{ flex-direction: row-reverse;}
.team-story-section .team-story-item-col:nth-child(even) .team-image-outer{ padding-right: 50px; padding-left: 0; margin-right: 10%; margin-left: 0;}
.team-story-section .team-story-item-col:nth-child(even) .team-image-outer::before{ background: #F4FAEF; right: 0; left: auto; border-radius: 0 20px 20px 0;}
.team-story-item-col .butterfly-icon { position: absolute; top: -30px; left: auto; right: -6%; transform: rotate(35deg); }
.team-story-section .shape { top: 23%; left: 0; max-width: 13%; }

/* LEARNING SECTION START HERE */
.learning-section { background: linear-gradient(180deg, #FEEEF8 0%, #FFFFFF 100%); }
.learning-section .section-title{ max-width: 935px; margin-bottom: var(--gap-50);}
.common-design-card.common-design-card-2 { padding: 20px; border: 1px solid #B98EB9; border-radius: 50px; }
.common-design-card.common-design-card-2 .common-design-card-inner-box { padding: 40px 24px; border-radius: 40px; }
.common-design-card.common-design-card-2 .common-design-card-icon-outer { width: 75px; height: 75px; }
.common-design-card.common-design-card-2 .common-design-card-icon-border {top: -5px; right: -5px;}
/* ABOUT PAGE END HERE ==========================*/
/* ABOUT PAGE END HERE ==========================*/

/* SERVICES PAGE START HERE ==========================*/
/* SERVICES PAGE START HERE ==========================*/
.hero-banner-section.inner-banner-section.service-banner-section .banner-info { max-width: 765px; }
.practice-section .info-wraper { background: #F4FAEF; border-radius: 30px; padding: 100px 60px; }
.practice-section .info-wraper .section-title { max-width: 385px; }
.practice-section .common-image-border{ isolation: isolate;}
.practice-section .common-image-border::after { content: ""; position: absolute; z-index: -1; right: 55%; bottom: calc(-1 * var(--padding-height)); width: 50vw; height: 76%; background: #FEEEF8; }

.service-card { background: #F4EDF4; border-radius: 50px; overflow: hidden; border: 1.5px solid transparent; transition: transform 0.38s cubic-bezier(.22,.68,0,1.2), box-shadow 0.38s ease, border-color 0.38s ease, background 0.32s ease; will-change: transform;}
.service-card .info-wraper{ padding-top: 20px; padding-bottom: 20px;}
.service-card .service-image-outer { height: 100%; aspect-ratio: 1/1; position: relative; isolation: isolate;  transform: scale(1.2); transform-origin: right; transition: transform 0.42s cubic-bezier(.22,.68,0,1.2);}
.service-card .service-image-outer::after{ content: ""; position: absolute; z-index: -1; top: 0; left: 20px; width: 100%; height: 100%; border: 1px solid #B98EB9; border-radius: 50%; transition: border-color 0.35s, transform 0.42s cubic-bezier(.22,.68,0,1.2), opacity 0.35s;}
.service-card .service-image-outer .service-image-outer-inner { width: 100%; height: 100%; background: #EBDFEB; border-radius: 50%; overflow: hidden; display: flex; align-items: end; justify-content: center; transition: var(--transition-common);}
.service-card  .card-image { position: relative; z-index: 3; width: 100%; text-align: center; transform: scale(0.85) translateY(-15px); transition: transform 0.42s cubic-bezier(.22,.68,0,1.2);}
.service-card .shape { z-index: 2; bottom: 0; max-width: 26%; }
.service-card .card-leaf-1 { left: 0; transform-origin: left;}
.service-card .card-leaf-2 { right: 11%; transform-origin: right;}
.service-card h3, .service-card p{ margin-bottom: 16px;}
.service-card li{ margin-bottom: 10px; padding-left: 20px; position: relative;}
.service-card li:last-child{ margin-bottom: 0;}
.service-card li::after { content: ""; position: absolute; left: 0; top: 7px; width: 12px; height: 12px; background-color: #B98EB9; border-radius: 50%; }

.service-col:not(:last-child){ margin-bottom: 24px;}
.service-col-holder .service-col:nth-child(odd) .service-card .row{ flex-direction: row-reverse;}
.service-col-holder .service-col:nth-child(odd) .service-card .info-wraper{ padding-left: 5%; padding-right: 50px;}
.service-col-holder .service-col:nth-child(odd) .service-card .service-image-outer {   margin-right: 10%;}
.service-col-holder .service-col:nth-child(odd) .service-card  .card-image{ margin-left: 35px;}

.service-col-holder .service-col:nth-child(even) .service-card .info-wraper{ padding-left: 50px; padding-right: 5%;}
.service-col-holder .service-col:nth-child(even) .service-card .service-image-outer {   margin-left: 10%; transform-origin: left;}
.service-col-holder .service-col:nth-child(even) .service-card .service-image-outer::after{ left: -20px;}
.service-col-holder .service-col:nth-child(even) .service-card  .card-image{ margin-right: 35px;}

.service-col:nth-child(3n-1) .service-card { background: #F4F8EF; }
.service-col:nth-child(3n-1) .service-card .service-image-outer-inner{ background: #E9EFE0;}
.service-col:nth-child(3n-1) .service-card .service-image-outer::after{ border-color: #628452;}

.service-col:nth-child(3n) .service-card { background: #FFF0F9; }
.service-col:nth-child(3n) .service-card .service-image-outer-inner{ background: #FFE5F5;}
.service-col:nth-child(3n) .service-card .service-image-outer::after{ border-color: #B98EB9;}


.service-card:hover { box-shadow: 0 20px 50px -10px rgba(185,142,185,0.28), 0 6px 16px -4px rgba(185,142,185,0.18); border-color: #B98EB9; background: #eedeed; }
.service-col:nth-child(3n-1) .service-card:hover { background: #e5eeda; border-color: #628452; box-shadow: 0 20px 50px -10px rgba(98,132,82,0.22), 0 6px 16px -4px rgba(98,132,82,0.15); }
.service-col:nth-child(3n) .service-card:hover { background: #ffdff4; border-color: #B98EB9; }


@media only screen and ( min-width:992px ){
.service-card:hover .service-image-outer-inner { background: #dfd0df; }
.service-card:hover .card-image { transform: scale(0.92) translateY(-20px); }
.service-col:nth-child(3n-1) .service-card:hover .service-image-outer-inner { background: #d8e8c8; }
.service-col:nth-child(3n) .service-card:hover .service-image-outer-inner { background: #ffd0ee; }
}

.we-served-section{ background: linear-gradient(180deg, #FEEEF8 0%, rgba(254, 238, 248, 0.2) 100%); }
.we-served-section .we-served-row { padding-left: 10%; margin: 0 -25px; row-gap: 25px; align-items: end;}
.we-served-section .we-served-row>*{ width: 50%; padding: 0 25px;}
.we-served-card .we-served-map img{ width: 100%;}
.we-served-card .service-map-area { position: absolute; bottom: 25px; left: 30px; }
.we-served-card .service-map-area h3{ margin-bottom: 0;}


.standard-care-section .section-title{ margin-bottom: var(--gap-50);}
.standard-care-card{ padding: 10px; border: 1px solid #B98EB9; border-radius: 30px; transition: border-color 0.4s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease; will-change: transform;}
.standard-care-card .standard-care-row { gap: 20px; padding: 15px 16px 10px; background: linear-gradient(90deg, #FFF4E5 0%, #FFDFF2 100%); border-radius: 20px; }
.standard-care-card .standard-care-icon-outer { width: 75px; height: 75px; flex: 0 0 auto;}
.standard-care-card .standard-care-icon-border { position: absolute; z-index: 1; top: -5px; right: -5px; transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease; width: 100%; height: 100%; }
.standard-care-card .standard-care-icon{  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}

.standard-care-card:not(:last-child){ margin-bottom: 16px;}
/* .standard-care-card:hover{ border-color: var(--color-tertiary); transform: translateY(-10px); box-shadow: 0px 20px 50px rgba(79, 114, 103, 0.15);} */
.standard-care-card:hover .standard-care-icon-border{  transform: rotate(180deg);}
.standard-care-card:hover .standard-care-icon img{     animation: bouncing 0.5s 0.3s;}


.standard-care-section .image-wraper { padding-right: 50px; margin-right: 8%; position: relative; isolation: isolate;}
.standard-care-section .image-box { padding-bottom: 108%; border-radius: 40px; }
.standard-care-section .image-wraper::after { content: ""; position: absolute; z-index: -1; right: 0; top: 0; bottom: 0; width: 50vw; height: 75%; background-color: #FEEEF8; border-radius: 0 20px 20px 0; margin: auto 0; }
.standard-care-section .shape { top: -15%; left: 0; max-width: 17%; animation: treeMove 5s infinite linear; }
/* SERVICES PAGE END HERE ==========================*/
/* SERVICES PAGE END HERE ==========================*/

/* EDUCATION PAGE START HERE ==========================*/
/* EDUCATION PAGE START HERE ==========================*/
.why-matters-section .image-outer { width: calc(100% + 14vw); margin-left: -14vw; }
.why-matters-section .image-outer::before{ content: ""; position: absolute; z-index: 1; right: 0; bottom: 15px; left: 0; width: 100%; height: 100%; border: 3px solid #AA6C96; border-radius: 0 300px 0 0;}
.why-matters-section .image-box { padding-bottom: 61%; border-radius: 0 300px 0 0; z-index: 3;}
.why-matters-section .info-wraper { padding-left: 10%; }
.why-matters-section .shape { right: -3%; top: 15%; max-width: 16%; }


.virtual-classes-section{ background: #F4FAEF;}
.virtual-classes-section::before{ content: ""; position: absolute; z-index: 2; right: 0; bottom: -1px; left: 0; background: var(--color-white); width: 100%; height: 85px;}
.virtual-classes-section .left-info-wraper { padding: 20% 10% 200px 0; position: relative; z-index: 5;}
.virtual-classes-section .right-info-wraper { padding: 0 0 200px 20%; justify-content: end; position: relative; z-index: 5;}
.virtual-classes-section .image-outer { margin-left: -10%; margin-right: -30%; padding-right: 7%; }
.virtual-classes-section .image-outer::before{ z-index: 1; content: ""; position: absolute; left: 10px; bottom: 10px; width: 85%; height: 100%; padding: 3px; border-radius: 370px 370px 0 0; background: linear-gradient( 189.85deg, rgba(69, 96, 58, 0.5) 7%, rgba(204, 217, 179, 0.2) 27.59%, rgba(204, 171, 127, 0.3) 71.48%, #FFF4E5 100% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;}
.virtual-classes-section .image-outer::after { content: ""; position: absolute; z-index: 2; background: linear-gradient(194.07deg, #E9EFE0 9.89%, #EAEFE0 29.84%, rgba(255, 244, 229, 0.4) 73.01%, rgba(255, 244, 229, 0) 100%); border-radius: 370px 370px 0 0; top: 0; bottom: 0; left: 0; height: 100%; width: 85%; }

.virtual-classes-section  .image-box { transform: scale(0.9); transform-origin: right bottom; position: relative; z-index: 3;}
.virtual-classes-section .image-bg-leaf-shape { top: -16%; right: -27%; max-width: 80%; }


.bottom-disclaimer { max-width: 935px; padding: 0 60px 50px; z-index: 3; isolation: isolate; margin-top: -170px;}
.bottom-disclaimer::before{ content: ""; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 50px); background: var(--color-white); border-radius:20px; box-shadow: 0px 4px 20px 0px #0000000D;  will-change: transform; transform: translateZ(0);}
.bottom-disclaimer p{ font-size: var(--f-size-L); color: #553567; font-weight: var(--fw-medium); line-height: 1.1;}
.butterfly-border-icon { width: 100px; height: 100px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.06) 100%); display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0px -3px 20px 0px #0000001A; backdrop-filter: blur(64px); -webkit-backdrop-filter: blur(64px); will-change: transform; transform: translateZ(0); margin: 0 auto 30px; }
.butterfly-border-icon .butterfly-icon { display: flex; align-items: center; justify-content: center; width: calc(100% - 16px); height: calc(100% - 16px); background: linear-gradient(180deg, #B08DCA -19%, #FEF1E6 55.65%, rgba(255, 255, 255, 0.3) 110.5%); border-radius: 50%; }
.butterfly-border-icon .butterfly-icon img{ max-width: 60%;}

.virtual-classes-section .flower-shape { bottom: 20px; left: 0; max-width: 15%; }
.virtual-classes-section .flower-shape img{ animation: flower-sway 6s ease-in-out infinite, flower-glow 4s ease-in-out infinite; transform-origin: center bottom;}
.virtual-classes-section .leaf-shape { right: 0; top: 0; max-width: 15%; }
.virtual-classes-section .leaf-shape img{ animation: treeMove 5s infinite linear;}

.recommended-classes-section .section-title{ margin-bottom: var(--gap-50);}
.recommended-classes-card { background: #FFF0F9; padding: 40px; border-radius: 50px; position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.recommended-classes-card::before { content: ''; position: absolute; inset: 0; border-radius: 10px; background: linear-gradient(160deg, rgba(170,108,150,0.08) 0%, rgba(154,189,195,0.12) 100%); transform: translateY(100%); transition: transform 0.45s cubic-bezier(0.22,1,0.36,1); pointer-events: none; z-index: 0; }
.recommended-classes-card .top-info-bar{ margin-bottom: 30px; gap: 24px;}
.recommended-classes-card .image-box { width: 220px; height: fit-content; aspect-ratio: 1/1; flex: 0 0 auto; border: 1px solid #9ABDC3; border-radius: 20px; overflow: hidden; }
.recommended-classes-card .image-box img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.recommended-classes-card h3{ margin-bottom: 16px; transition: color 0.3s ease;}
.recommended-classes-card .button-row { margin-top: auto; }
.recommended-classes-card .btn { width: 100%; }
.recommended-classes-card .btn .button-text{ flex: 1;}
.recommended-classes-card:hover::before { transform: translateY(0); }
.recommended-classes-card:hover h3 { color: #AA6C96; }
.recommended-classes-card:hover .image-box img { transform: scale(1.08); }

.background-note-section .common-image-border{ margin-top: 0 !important;}
.background-note-section .common-image-border::before { transform: none; top: -20px; left: -20px; }
.background-note-section .common-image-border::after { content: ""; position: absolute; z-index: -1; top: calc(var(--padding-height) * -1); right: 60%; width: 50vw; height: 100%; background: #F4F8EF; }
/* .background-note-section .common-image-border:hover::before{ top: 20px; left: 20px;} */
.background-note-section .shape{ top: 2%; right: 0; max-width: 14%;}

.testimonial-highlight-section .bg-image { padding-bottom: 41.8412%; }
.testimonial-highlight-section .bg-image::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(261.11deg, #FFF4E5 0%, rgba(255, 244, 229, 0.1) 38.15%, rgba(255, 223, 242, 0) 99.97%); transform: rotate(-180deg); }
.testimonial-highlight-section .container-holder{ position: absolute; z-index: 3; inset: 0;}

.testimonial-highlight-box { width: fit-content; max-width: 800px; padding: 20px 20px 30px; border: 3px solid #B1799D; border-bottom: 0; border-radius: 30px 30px 0 0; }
.testimonial-highlight-box .testimonial-highlight-box-inner { padding: 0 30px 30px; position: relative;}
.testimonial-highlight-box .testimonial-highlight-box-inner::before{ content: ""; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 50px); background: #FFFFFF; border-radius: 20px;}
.testimonial-highlight-box .quote-icon{ width: 100px; height: 100px; background: var(--color-white); border-radius: 50%; box-shadow: 0px -4px 20px 0px #0000000F; margin-top: -50px; margin-bottom: 10px;}
.testimonial-highlight-box .quote-icon img{ max-width: 60%;}
.testimonial-highlight-box .quote-text{ padding: 24px; border-radius: 20px; background: #FEF3FA; margin-bottom: 16px;}
.testimonial-highlight-box .quote-text p{ font-size: var(--f-size-M); line-height: 1.2;}
.testimonial-highlight-box .testimonial-highlight-author{ position: relative; padding-left: 76px;}
.testimonial-highlight-box .testimonial-highlight-author::before{ content: ""; position: absolute; z-index: 1; top: 14px; left: 0; width: 60px; height: 3px; background: #C087AD; border-radius: 20px;}
.testimonial-highlight-box .testimonial-highlight-author p{ font-size: var(--f-size-S); color: var(--color-quaternary);}

.class-benefits-section .section-title{ margin-bottom: var(--gap-50);}
.common-design-card.common-design-card-3 { border-radius: 30px; padding: 16px; border-color: #B98EB9; border-width: 1px;}
.common-design-card.common-design-card-3 .common-design-card-inner-box { background: linear-gradient(90deg, #FFF4E5 0%, #FFDFF2 100%); padding: 24px; border-radius: 20px; }
.common-design-card.common-design-card-3 .common-design-card-icon-outer { width: 75px; height: 75px; margin-bottom: 16px; }
.common-design-card.common-design-card-3 .common-design-card-icon-border { top: -5px; right: -5px; }

.container-fluid{ max-width: 91%;}
.consultation-box{ background: linear-gradient(95.54deg, #487277 3.83%, #B4D2C6 58.55%, #EAEFE1 100%); padding: 50px 100px; border-radius: 50px; position: relative; overflow: hidden;}
.consultation-box .info-wraper{ padding-right: 20%;}
.consultation-box h2{ color: var(--color-white);}
.consultation-section .image-wraper-outer { aspect-ratio: 1/1; border-radius: 50%;}
.consultation-box .image-box { position: absolute; z-index: 2; top: 0; right: -100px; width: calc(33.33333333% + 100px); aspect-ratio: 1/1; border-radius: 50%; transform: scale(1.09); transform-origin: top left; isolation: isolate;}
.consultation-box .image-box::before{ content: ""; position: absolute; z-index: -1; top: 0; left: -30px; width: 100%; height: 100%; border: 1px solid #628452; border-radius: 50%;}
.consultation-box .image-box img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.consultation-box .shape { right: 34%; bottom: -5%; max-width: 20%; }
/* EDUCATION PAGE END HERE ==========================*/
/* EDUCATION PAGE END HERE ==========================*/

/* FAQ PAGE START HERE ==========================*/
/* FAQ PAGE START HERE ==========================*/
.faq-section .tab-holder { padding-right: 20%; }
.faq-section .nav-tabs { display: block; border: 0; }
.faq-section .nav-item:not(:last-child){ margin-bottom: 24px;}
.faq-section .nav-link { width: 100%; padding: 10px; border: 1px solid #B98EB9 !important; border-radius: 30px; text-align: left;}
.faq-section .nav-link .inner-row { gap: 16px; background: #FBF3F8; padding: 10px 16px; border-radius: 20px; transition: var(--transition-common);}
.nav-tabs .nav-link .tab-button-icon-outer { width: 75px; height: 75px; flex: 0 0 auto;}
.nav-tabs .nav-link .tab-button-icon-border { position: absolute; z-index: 1; top: -4px; right: -4px; width: 100%; height: 100%; transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease; }
.faq-section .nav-link h3{ margin-bottom: 0;}
.faq-section .nav-link.active .inner-row{ background: linear-gradient(90deg, #FFF4E5 0%, #FFDFF2 100%); }
.faq-section .nav-link:hover .tab-button-icon-border{ transform: rotate(180deg);}
.faq-section .nav-link:hover .tab-button-icon img { animation: bouncing 0.5s 0.3s; }

.faq-section .tab-content-holder{ padding-bottom: 85px;}
.faq-section .accordion-item { border: 0; border-radius: 0 !important; }
.faq-section .accordion-item:not(:last-child){ margin-bottom: 30px;}
.faq-section .accordion-button { padding: 10px 24px 10px 0; background: #F4FAEF; border: 0 !important; border-radius: 20px !important; box-shadow: none; font-size: var(--f-size-M); font-weight: var(--fw-medium); font-family: var(--ff-base); color: #4C3752; overflow: hidden; gap: 24px;}
.faq-section .accordion-button .number { width: 80px; height: 80px; flex: 0 0 auto; background: #E9EFE0; border-radius: 50%; transform: scale(1.5); transform-origin: right; display: flex; align-items: center; justify-content: end; padding-right: 12px; color: #628452;}
.faq-section .accordion-button .number::before{ content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; left: 8px; width: 100%; height: 100%; border: 1px solid #628452; border-radius: 50%;}
.faq-section .accordion-button .number span{ transform: scale(0.5);}
.faq-section .accordion-button::after { background: url(../images/accordion-button-arrow.svg); background-repeat: no-repeat !important; background-size: 100%; background-position: center; width: 40px; height: 40px; flex: 0 0 auto; }
.faq-section .accordion-body { padding: 24px 0 0; }

.faq-section .button-wrap { margin-top: -56px; }
/* FAQ PAGE END HERE ==========================*/
/* FAQ PAGE END HERE ==========================*/

/* FEES PAGE START HERE ==========================*/
/* FEES PAGE START HERE ==========================*/
.note-insurance-section.background-note-section .common-image-border{ margin-right: 12%;}
.note-insurance-section.background-note-section .common-image-border::after{ background: #FEEEF8;}
.note-insurance-section.background-note-section .common-image-border::before{ left: 20px;}
.note-insurance-section.background-note-section .common-image-border .image-box { padding-bottom: 87%;}
.note-insurance-section .info-wraper p{ margin-bottom: 16px;}
/* .note-insurance-section.background-note-section .common-image-border:hover::before{ left: -20px;} */
blockquote { background: #F4EDF4; padding: 24px; margin: 0; border-radius: 20px; font-weight: var(--fw-medium); }

.package-section::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: #F4FAEF; border-radius: 0 0 300px 0; }
.package-section .section-title{ margin-bottom: var(--gap-50);}
.package-section .image-outer { margin-left: 30%; }
.package-section .image-holder { width: 21vw; }
.package-section .image-wraper{ border-radius: 0 0 0 300px; overflow: hidden;}
.package-section .image-wraper img{ width: 100%; height: 100%; object-fit: cover;}


.package-card { display: flex; flex-direction: column; background: linear-gradient(90deg, #FFF0EE 0%, #E2D6E4 100%); border-radius: 20px; overflow: hidden; }
.package-card .package-header { flex: 0 0 auto; padding: 30px 0 0 0; position: relative; z-index: 1; }
.package-card .package-header .title { width: 50%; padding-left: 30px; }
.package-card .package-header::after { content: ""; background: url(../images/package-card-title-curved.svg); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; position: absolute; z-index: 1; top: 0; right: -1px; bottom: 0; width: 50%; height: calc(100% + 25px); pointer-events: none; }
.package-card .package-header h3{ margin-bottom: 0;}
.package-card .package-info{ flex: 1; padding: 30px;}
.package-card .content-box{ padding: 20px; background: var(--color-white); border-radius: 16px; }
.package-card .package-top-row{ margin-bottom: 30px;}
.package-card .package-card-service-label{ padding: 13px 24px 13px 0; color: #4C3752; font-weight: var(--fw-medium); font-size: var(--f-size-M); position: relative; isolation: isolate;}
.package-card .package-card-service-label::before{ content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; width: calc(100% + 24px); height: 100%; background: linear-gradient(90deg, #FFF0EE 0%, #E2D6E4 100%);
 border-radius: 0 50px 50px 0;}
.package-card .package-card-price{ font-size: var(--f-size-L); font-family: var(--ff-title); color: #553567;}
.package-card .content-box p:not(:last-child){ margin-bottom: 16px;}

.package-card.home-package-card { background: linear-gradient(90deg, #FFF2DF 0%, #FFDFF2 100%); }
.package-card.home-package-card .package-card-service-label::before{ background: linear-gradient(90deg, #FFF2DF 0%, #FFDFF2 100%); }
.package-section .shape { max-width: 13%; bottom: -20%; left: 0;     animation: treeMove 5s infinite linear;}
@media only screen and ( min-width:1930px ){
  .package-section .image-holder { width: 25vw; }
}
@media only screen and ( min-width:2250px ){
  .package-section::before{ border-radius: 0 0 50% 0;}
  .package-section .image-holder { width: 30vw; }
  .package-section .image-wraper{ border-radius: 0 0 0 50%;}
}
@media only screen and ( min-width:2700px ){
  .package-section .image-holder { width: 35vw; }
}

.package-includes-section .section-title{ margin-bottom: var(--gap-50);}
.common-design-card.common-design-card-4 { padding: 16px; border: 1px solid #B98EB9; border-radius: 50px; }
.common-design-card.common-design-card-4 .common-design-card-inner-box { background: #FBF3F8; border-radius: 40px; padding: 40px 16px; }
.common-design-card.common-design-card-4 .common-design-card-icon-outer { width: 76px; height: 76px; }
.common-design-card.common-design-card-4 .common-design-card-icon-border { top: -4px; right: -4px; }

.billed-separately-section{ background: linear-gradient(180deg, #F4FAEF 0%, #FFFFFF 100%); }
.billed-separately-section.standard-care-section  .image-wraper::after{ background: #E9EFE0;}
.billed-separately-section.standard-care-section .shape { top: -22%; left: auto; right: -15px; max-width: 15%; }

.payment-options-section .shape { top: 0; max-width: 16%; }
.payment-options-section .common-image-border::after { content: ""; position: absolute; z-index: -1; top: calc(-1 * var(--padding-height) - 20px); left: 55%; width: 50vw; height: 100%; background: #F4F8EF; }
.payment-options-section .common-image-border::before { border-color: #85B295; transform: none; top: -20px; left: -20px; }

.current-pricing-box { background: linear-gradient(172.17deg, #487277 6.24%, #B4D2C6 94.15%); padding: var(--padding-height); border-radius: 50px; overflow: hidden;}
.current-pricing-box .overlay-content{ max-width: 770px;}
.current-pricing-box h2{ color: var(--color-white);}

.current-pricing-box .shape { top: 0; max-width: 20%; animation: treeMove 5s infinite linear;}
.current-pricing-box .shape-1{ left: 0;}
.current-pricing-box .shape-2{ right: 0;}
/* FEES PAGE END HERE ==========================*/
/* FEES PAGE END HERE ==========================*/

/* CONTACT PAGE START HERE ==========================*/
/* CONTACT PAGE START HERE ==========================*/
.reach-us-section{ overflow: hidden;}
.reach-us-section .top-info { max-width: 935px; margin-bottom: var(--gap-50);}
.reach-us-section .item-col { width: 29%; }
.reach-us-section .item-col:nth-child(2){ width: 42%;}
.reach-us-section .contact-info-row .icon { margin: 0 auto 24px; }
.reach-us-section .contact-info-row  h3{ margin-bottom: 8px;}
.reach-us-section .contact-info-row.common-design-card a, .reach-us-section .contact-info-row.common-design-card p{ color: #4C3752; font-size: var(--f-size-M);}
.reach-us-section .contact-info-row.common-design-card a{ word-break: break-all;}
.reach-us-section .shape { top: 14%; right: -5%; max-width: 20%; }

.free-chat-section { background: linear-gradient(180deg, #F4FAEF 0%, #FFFFFF 100%); }
.free-chat-list-row { padding: 10px; gap: 16px; background: #FFFFFF; box-shadow: 0px 4px 20px 0px #00000014; border-radius: 50px; }
.free-chat-list-row .icon { width: 50px; height: 50px; background: #FBF3F8; border: 1px solid #F6D3E9; border-radius: 50%; flex: 0 0 auto; }
.free-chat-list-row .icon img{ max-width: 60%; transition: var(--transition-common);}
.free-chat-list-row:not(:last-child){ margin-bottom: 16px;}
.free-chat-list-row:hover .icon img{ animation: bouncing 0.5s 0.3s;}
.free-chat-section .common-image-border { margin-right: 13.5%; }
.free-chat-section .common-image-border .image-box { padding-bottom: 88.548%; }

.contact-section.get-in-touch-section .get-in-touch-info-wraper{ padding-bottom: calc(var(--padding-height) + var(--padding-height));}
.contact-section .shape-top { top: 0; max-width: 15%; }
.contact-section .shape-form { bottom: calc( var(--padding-height) + 20px); left: 35%; z-index: 1; max-width: 28%; }
.contact-section.get-in-touch-section .shape.hero-leaf-shape { z-index: 1; top: -7vw; }
/* CONTACT PAGE END HERE ==========================*/
/* CONTACT PAGE END HERE ==========================*/


/*Media Query css*/
@media only screen and ( min-width:1600px ) {
  .container { max-width: 1440px !important;} 
}
@media only screen and ( min-width:1950px ) { 
  .believe-birth-section .image-outer{ width: calc(100% + 25vw); margin-left: -25vw;}
}
@media only screen and ( max-width:1799px ){
  /* HOME PAGE RESPONSIVE START HERE */
  .promise-details-image-outer-left { margin-left: -15%; margin-right: -20%; }
  .promise-details-image-outer-right { margin-right: -15%; margin-left: -20%; }
  .promise-section .bottom-design .bottom-flower { max-width: 25%; }
  .promise-section .bottom-design .bottom-bg { max-width: 25%; }
  .get-in-touch-section .get-in-touch-inner-section { max-width: calc(100% - 80px); }
  /* HOME PAGE RESPONSIVE END HERE */
}
@media only screen and ( max-width:1599px ){
  /* HOME PAGE RESPONSIVE START HERE */
  .testimonial-section .testimonial-image-outer { padding-left: 10%; }
  .get-in-touch-section .get-in-touch-inner-section { max-width: calc(100% - 40px); }

  /* EDUCATION PAGE RESPONSIVE START HERE */
  .recommended-classes-card .image-box { width: 180px; }
  .why-matters-section .image-outer { width: calc(100% + 8vw); margin-left: -8vw; }
  /* EDUCATION PAGE RESPONSIVE END HERE */

  /* FEES PAGE RESPONSIVE START HERE */
  .package-section::before { border-radius: 0 0 50% 0; }
  .package-section .image-outer { margin-left: 20%; }
  /* FEES PAGE RESPONSIVE END HERE */

  /* CONTACT PAGE RESPONSIVE START HERE */
  .reach-us-section .common-design-card.common-design-card-3 { padding: 12px; }
  .reach-us-section .common-design-card.common-design-card-3 .common-design-card-inner-box { padding: 24px 10px; }
  .contact-section.get-in-touch-section .shape.hero-leaf-shape { top: -6vw; }
  /* CONTACT PAGE RESPONSIVE END HERE */
}

 
@media only screen and ( max-width:1399px ) { 

  :root {
    /* Layout Adjustments */
    --margin-title: 0 0 25px 0;
    --margin-paragraph: 0 0 20px 0;
    --gap-50:40px;
    --gap-40:30px;
}
  /*HEADER PART RESPONSIVE START HERE */
  .main-header { padding: 15px 0; }
  .main-header .main-menu{ margin-right: 10px;}
  /*HEADER PART RESPONSIVE END HERE */

  /*HOME PAGE RESPONSIVE START HERE */
  .hero-banner-section { padding-top: 230px; }
  .hero-banner-section .banner-info { padding-top: 60px; }
  .hero-leaf-shape { top: 22%; max-width: 18%; }
  .hero-flower-shape { max-width: 13%; }

  .common-image-border.image-left { margin-right: 5%; }
  .common-image-border.image-right { margin-left: 5%; }

  .introduction-section .shape { max-width: 25%; }

  .approach-section .flower-shape{ max-width: 11%;}

  .common-design-card { padding: 40px 25px 30px; border-radius: 50px; }
  .common-design-card .common-design-card-inner-box { padding: 30px 15px 30px; border-radius: 40px; }
  .common-design-card .common-design-card-icon-outer { width: 130px; height: 130px; }
  .common-design-card .common-design-card-icon-border { top: -6px; right: -6px; }
  .common-design-card .common-design-card-name { width: calc(100% - 110px); }

  .promise-details-image-outer-left { margin-left: -10%; margin-right: -25%; }
  .promise-details-image-outer-right { margin-right: -10%; margin-left: -25%; }

  .testimonial-section::before { border-radius: 0 0 75% 0; }
  .testimonial-box { padding: 0 25px 30px; }
  .testimonial-box::before { height: calc(100% - 40px); }
  .testimonial-box .testimonial-quote-mark{ width: 80px; height: 80px;}
  .testimonial-slider-wraper .swiper-arrow-row { right: 25px; bottom: 30px; }
  .testimonial-section .testimonial-image-outer { padding-left: 2%; }

  .get-in-touch-section .container-inner-holder { padding: 0 20px; }
  .get-in-touch-section .get-in-touch-info-wraper { padding-right: 2%; }
  .contact-info-row .icon { width: 75px; height: 75px; }
  .get-in-touch-section .form-holder { padding: 25px 20px; }
  /*HOME PAGE RESPONSIVE END HERE */

  /*FOOTER PART RESPONSIVE START HERE */
  .top-footer { padding: 180px 0 70px;}
  /*FOOTER PART RESPONSIVE END HERE */

  /*ABOUT PAGE RESPONSIVE START HERE */
  .hero-banner-section.inner-banner-section { padding-top: 260px; min-height: 580px; }

  .journey-story-section .shape { bottom: -170px; }

  .believe-birth-section .info-wraper-outer { padding: 50px 0 50px 5%; }

  .team-story-section .team-image-outer { margin-left: 5%; }
  .team-story-section .team-story-item-col:nth-child(even) .team-image-outer { margin-right: 5%; }

  .common-design-card.common-design-card-2 { padding: 15px; border-radius: 30px; }
  .common-design-card.common-design-card-2 .common-design-card-inner-box { padding: 35px 20px; border-radius: 20px; }
  /*ABOUT PAGE RESPONSIVE END HERE */

  /*SERVICE PAGE RESPONSIVE START HERE */
  .practice-section .info-wraper { padding: 50px 30px; }
  .service-card .card-image { transform: scale(0.85) translateY(-12px); }
  .standard-care-section .shape { top: -10%; max-width: 15%; }

  .standard-care-section .image-wraper { padding-right: 30px; margin-right: 2%; }
  .standard-care-section .image-box { border-radius: 30px; }
  /*SERVICE PAGE RESPONSIVE END HERE */

  /* EDUCATION PAGE RESPONSIVE START HERE */
  .why-matters-section .info-wraper { padding-left: 5%; }
  
  .bottom-disclaimer{ max-width: 750px; padding: 0 35px 35px}

  .recommended-classes-card { padding: 25px; border-radius: 30px; }

  .common-design-card.common-design-card-3 .common-design-card-inner-box { padding: 16px; }

  .consultation-box { padding: 50px 60px; }
  .consultation-box .info-wraper { padding-right: 15%; }
  /* EDUCATION PAGE RESPONSIVE END HERE */

  /* FAQ PAGE RESPONSIVE START HERE */
  .faq-section .tab-holder { padding-right: 12%; }
   /* FAQ PAGE RESPONSIVE END HERE */

  /* FEES PAGE RESPONSIVE START HERE */
  .package-card .package-header { padding: 20px 0 0 0; }
  .package-card .package-header::after{ width: 45%;}
  .package-card .package-header .title { width: 55%; padding-left: 20px; }
  .package-card .package-info { padding: 25px 20px; }
  .package-section .image-outer { margin-left: 2%; }
  .package-section .image-holder { width: 22vw; }

  .billed-separately-section.standard-care-section .shape { top: -20%; }

  .common-design-card.common-design-card-4 { padding: 12px; border-radius: 35px; }
  .common-design-card.common-design-card-4 .common-design-card-inner-box { border-radius: 25px; padding: 25px 15px; }

  
  /* FEES PAGE RESPONSIVE END HERE */

  /* CONTACT PAGE RESPONSIVE START HERE */
  .reach-us-section .item-col { width: 40%; }
  .reach-us-section .item-col:nth-child(2) { width: 55%; order: 3;}
  /* CONTACT PAGE RESPONSIVE END HERE */
  
}
@media only screen and ( max-width: 1199px ) {

  :root {
    /* Layout Adjustments */
    --gap-50:28px;
    --gap-40:25px;

    /* Font Sizes */
    --f-size-XXL: clamp(2rem, 1.615rem + 1.154vw, 2.625rem); /*42px-30px */
    --f-size-XL: clamp(1.75rem, 1.534rem + 0.962vw, 2.375rem); /* 38px-28px */
    --f-size-L: clamp(1.25rem, 1.142rem + 0.481vw, 1.563rem);/* 25px-20px */
    --f-size-M: clamp(1.125rem, 1.038rem + 0.385vw, 1.375rem); /* 22px-18px */
    --f-size-S: clamp(1rem, 0.957rem + 0.192vw, 1.125rem); /* 18px-17px */
    --f-size-Body: clamp(0.969rem, 0.936rem + 0.144vw, 1.063rem);/*18px-16px*/
}

  .btn .button-text, a.btn .button-text { padding: 15px 20px; height: 52px; }
  .btn .button-curved, a.btn .button-curved { height: 52px; }
  /*HEADER PART RESPONSIVE START HERE */
  .main-header .logo a { height: 140px; transform: translateY(8px); }
  .main-menu > ul > li > a { padding: 13px 18px; }
  .main-header .header-button { margin-left: 10px; }
  .main-header .header-button .button-text { padding: 12px 20px; height: 50px;}
  .main-header .header-button .button-curved{ height: 50px;}
  .main-header.fixed .logo a{ transform: none;}
  /*HEADER PART RESPONSIVE END HERE */

  /*HOME PAGE RESPONSIVE START HERE */
  .hero-banner-section { padding-top: 180px; }
  .listen-box{ margin-left: -20px;}
  .listen-box .icon { width: 90px; height: 90px; }
  .listen-box .icon .icon-inner { width: calc(100% - 10px); height: calc(100% - 10px); }
  .hero-gradient-overlay { height: 160px; }

  .common-image-border.image-left { margin-right: 2%; }
  .common-image-border.image-right { margin-left: 2%; }

  .common-design-card { padding: 35px 12px 15px; border-radius: 30px; }
  .common-design-card .common-design-card-name { width: calc(100% - 60px); height: 50px; top: -25px; }
  .common-design-card .common-design-card-inner-box { padding: 25px 15px; border-radius: 25px; }
  .common-design-card .common-design-card-icon-outer { width: 105px; height: 105px; margin-bottom: 20px; }

  .promise-details-content { max-width: 75%; padding-bottom: 30px; }

  .we-walk-card { padding: 25px 15px 0; }

  .testimonial-box .testimonial-author { padding-left: 60px; }
  .testimonial-box .testimonial-author::before { width: 45px; }

  .get-in-touch-section .hero-leaf-shape { top: -2%; }
  
  .get-in-touch-section .get-in-touch-info-wraper { padding-right: 0; margin-bottom: 25px;}
  .get-in-touch-section .get-in-touch-info-wraper .info-wraper{ text-align: center;}
  .get-in-touch-section .get-in-touch-info-wraper .info-wraper .short-dis{ max-width: 545px; margin: 0 auto 25px;}
  .contact-info-outer{ display: flex; flex-wrap: wrap; gap: 15px;}
  .contact-info-row{ width: calc(50% - 15px/2);}
  .contact-info-row:not(:last-child) { margin-bottom: 0; }
  .contact-info-row:nth-child(1){ order: 1;}
  .contact-info-row:nth-child(2){ order: 3; width: 100%;}
  .contact-info-row:nth-child(3){ order: 2;}
  .get-in-touch-section .get-in-touch-inner-section:before { background: linear-gradient(95.54deg, #487277 3.83%, #487277e8 36.69%, #EAEFE1 100%); border-radius: 25px; }
  /*HOME PAGE RESPONSIVE END HERE */

  /*FOOTER PART RESPONSIVE START HERE */
  .top-footer { padding: 130px 0 50px; }
  .footer-logo { margin: -40px 0 0; }
  .main-footer .footer-logo a { height: 130px; }
  .footer-menu li:not(:last-child) { margin-bottom: 15px; }
  .footer-bottom { padding: 15px 0; }
  .footer-bottom .policy-wrap { margin-top: 5px; }
  /*FOOTER PART RESPONSIVE END HERE */

  /*ABOUT PAGE RESPONSIVE START HERE */
  .hero-banner-section.inner-banner-section { padding-top: 230px; min-height: 480px; }
  .hero-banner-section.inner-banner-section .hero-leaf-shape { max-width: 18%; }

  .journey-story-section .shape { bottom: -110px; }
  .journey-story-section .common-image-border::after { left: 40%; }

  .believe-birth-section::before { height: calc(100% - 70px); }
  .believe-birth-section .image-outer { width: calc(100% + 8vw); margin-left: -8vw; }
  .believe-birth-section .info-wraper-outer { padding: 40px 0 40px 0; }
  .believe-birth-section .info-wraper-outer .info-wraper { padding-top: 70px; }
  .believe-birth-section .shape { max-width: 15%; }

  .team-story-section .team-image-outer { margin-left: 2%; padding-left: 30px; }
  .team-story-section .team-member-image { border-radius: 30px; }
  .team-story-section .team-story-item-col:nth-child(even) .team-image-outer { margin-right: 2%; padding-right: 30px; }
  .team-story-item-col .butterfly-icon { right: -20px; max-width: 100px; }
  /*ABOUT PAGE RESPONSIVE END HERE */

  /*SERVICE PAGE RESPONSIVE START HERE */
  .service-card { border-radius: 30px;}
  .service-card h3, .service-card p { margin-bottom: 10px; }
  .service-card li { margin-bottom: 5px; padding-left: 18px;}
  .service-card li::after { top: 8px; width: 9px; height: 9px; }
  .service-card .service-image-outer::after { left: 12px; }
  .service-col-holder .service-col:nth-child(even) .service-card .service-image-outer::after { left: -12px; }
  .service-card  .card-image { transform: scale(0.85) translateY(-8px); }
  .service-col-holder .service-col:nth-child(odd) .service-card .service-image-outer { margin-right: 0; }
  .service-col-holder .service-col:nth-child(even) .service-card .service-image-outer { margin-left: 0; }
  .service-col-holder .service-col:nth-child(odd) .service-card .info-wraper { padding-left: 2%; padding-right: 20px; }
  .service-col-holder .service-col:nth-child(even) .service-card .info-wraper { padding-left: 20px; padding-right: 2%; }

  .we-served-section .we-served-row { padding-left: 0; margin: 0 -15px; }
  .we-served-section .we-served-row>* { padding: 0 15px; }
  .we-served-card .service-map-area { bottom: 15px; left: 16px; }

  .standard-care-card .standard-care-icon-outer { width: 70px; height: 70px;}
  .standard-care-card { padding: 8px; border-radius: 20px; }
  .standard-care-card .standard-care-row { gap: 15px; padding: 13px 12px 8px; border-radius: 15px; }
  /*SERVICE PAGE RESPONSIVE END HERE */

  /* EDUCATION PAGE RESPONSIVE START HERE */
  .why-matters-section .image-outer { width: calc(100% + 11vw); margin-left: -11vw; }
  .why-matters-section .image-box, .why-matters-section .image-outer::before { border-radius: 0 220px 0 0; }

  .virtual-classes-section .image-outer { margin-left: 0; }
  .virtual-classes-section .left-info-wraper { padding: 15% 0 160px 0; }
  .virtual-classes-section .right-info-wraper { padding: 0 0 160px 15%; }
  .bottom-disclaimer { max-width: 680px; padding: 0 20px 25px; }
  .butterfly-border-icon { width: 90px; height: 90px; margin-bottom: 20px;}
  .butterfly-border-icon .butterfly-icon { width: calc(100% - 12px); height: calc(100% - 12px); }

  .recommended-classes-card { padding: 20px; border-radius: 20px; }
  .recommended-classes-card .top-info-bar{ gap: 15px; margin-bottom: 24px;}
  .recommended-classes-card .image-box { width: 110px; border-radius: 10px; }

  .testimonial-highlight-box { padding: 15px 15px 20px; border-width: 2px; }
  .testimonial-highlight-box .testimonial-highlight-box-inner { padding: 0 20px 20px; }
  .testimonial-highlight-box .quote-icon { width: 85px; height: 85px; margin-top: -42px;}

  .consultation-box { padding: 50px 40px; border-radius: 30px; }
  .consultation-box .image-box::before { left: -15px; }
  /* EDUCATION PAGE RESPONSIVE END HERE */

  /* FAQ PAGE RESPONSIVE START HERE */
  .hero-banner-section.inner-banner-section.service-banner-section .banner-info { max-width: 650px; }

  .faq-section .tab-holder { padding-right: 5%; }
  .nav-tabs .nav-link .tab-button-icon-outer { width: 65px; height: 65px; }
  .faq-section .accordion-button { padding: 10px 20px 10px 0; }
  .faq-section .accordion-button .number { width: 65px; height: 65px; } 
  .faq-section .accordion-button .number::before { left: 5px; }

  .faq-section .accordion-item:not(:last-child) { margin-bottom: 24px; }
  .faq-section .accordion-body { padding: 20px 0 0; }
  /* FAQ PAGE RESPONSIVE START HERE */

  /* FEES PAGE RESPONSIVE START HERE */
  blockquote { padding: 20px; border-radius: 15px; }

  .package-card .package-header::after { width: 40%; height: calc(100% + 20px); }
  .package-card .package-header .title { width: 60%; padding-left: 15px; }
  .package-card .package-info { padding: 20px 15px; }
  .package-card .content-box { padding: 15px; border-radius: 12px; }
  .package-card .package-card-service-label { padding: 11px 16px 11px 0; }

  .current-pricing-box { border-radius: 30px; }
  /* FEES PAGE RESPONSIVE END HERE */

   /* CONTACT PAGE RESPONSIVE START HERE */
  .reach-us-section .item-col .contact-info-row { width: 100%; }

  .get-in-touch-section .get-in-touch-inner-section{ border-radius: 25px;}
  .contact-section.get-in-touch-section .get-in-touch-info-wraper{ padding-bottom: 0;}
  /* CONTACT PAGE RESPONSIVE END HERE */
}
@media only screen and ( max-width: 1080px ){
  .hero-banner-section .col-lg-6{ width: 100%;}
  .hero-banner-section .banner-info { padding-bottom: 13%; padding-right: 40%; }
  .hero-banner-section .banner-image-box-outer { margin: -100px 0 0; display: block; }
  .hero-banner-section .banner-right-row { flex-direction: row-reverse; }
  .hero-banner-section .image-col { width: 65%; }
  .hero-banner-section .banner-right-row .image-wraper { margin-left: -5%; }
  .hero-banner-section .image-col img{ width: 100%;}
  .hero-banner-section .listen-col { width: 35%; }
}

@media only screen and ( max-width: 991px ) {
  html:has( .mobile-menu-open){ height: 100svh; overflow: hidden;}
  .common-image-border::before, .common-image-border .image-box{ border-radius: 30px;}

  /*HEADER PART RESPONSIVE START HERE */
  .main-header { padding: 10px 0; }
  .desktop-menu{ display: none !important;}
  .main-header .hdr-rt{ display: flex; justify-content: space-between; align-items: center; padding: 0 5px 0 0;}
  .main-header .manu-part::before { background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 40%, rgb(255 255 255 / 90%) 50.09%, rgba(255, 255, 255, 0.5) 60%, #FFFFFF 100%); height: 75px; }
  .main-header .logo a { height: 120px; transform: translate(-20px, 8px);}
  .hamburger-nav { display: inline-block; }
  .ham {width: 55px;}
  .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
  .mobile-menu-container{display: block;}     
  .header-section .right-panel{ -ms-flex-pack: end!important; justify-content: flex-end!important; }
  .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
  header .mobile-menu ul {max-width: 400px;margin: 0 auto;}
  .mobile-menu ul li { padding: 0; }
  .mobile-menu ul li a { background: #FBFBFB; padding: 12px 24px; border: 1px solid #85B295; border-radius: 10px; font-size: 20px; color: #251A28; text-align: left; position: relative; overflow: hidden; isolation: isolate; }
  .main-header.fixed .logo a { height: 60px; }
  /* .mobile-menu ul li a:hover{color: var(--color-accent);} */

  .mobile-menu ul li ul.sub-menu li { margin: 0; padding: 0 24px;}  
  .mobile_menu_btn{margin-top: 30px;}
  .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
  .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
  .mobile_menu_btn a.plbig{margin-right: 15px;}
  .main-menu, .main-header .hdr-rt.mob-hide { display: none; }
  .mobile-menu ul li.menu-item-has-children.menu-open:after {transform: rotate(225deg); transition: border-width 150ms ease-in-out; -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); top: 15px; }
  header.main-header.mobile-menu-open .line { stroke: var(--color-white); }
  header.main-header.mobile-menu-open .btn::before, header.main-header.mobile-menu-open  a.btn::before { background: #fff; }
  header.main-header.mobile-menu-open .btn, header.main-header.mobile-menu-open  a.btn{ color: var(--color-white);}
    
  .mobile-menu-container ul.sub-menu { position: relative; max-height: 0; overflow: hidden; transition: max-height .6s ease-out; box-shadow: 0 0 15px #1e346629; border-radius: 10px; margin-top: 4px; background: #FBFBFB; }
  .mobile-menu-container ul.sub-menu::before{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #85B295; border-radius: 10px; pointer-events: none;}

  .mobile-menu-container ul li{ position: relative;}
  .mobile-menu-container ul li>a::before{ display: block; content: ""; width: 0%; height: 100%; position: absolute; z-index: -1; top: 0; bottom: 0; left: -22px; background: #E9EFE0; height: 100%; width: 0; border-radius: 50%; transform: scale(1.5); transform-origin: right; -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); opacity: 0; pointer-events: none;}
  .mobile-menu-container ul li>a::after{ display: block; content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -14px; right: auto; height: 100%; width: 0; border: 1px solid #628452; border-radius: 50%; margin: auto; transform: scale(1.5); transform-origin: right; opacity: 0; -webkit-transition: var(--transition-common); -moz-transition: var(--transition-common); -ms-transition: var(--transition-common); -o-transition: var(--transition-common); transition: var(--transition-common); pointer-events: none;}

  .mobile-menu-container ul li.menu-open>a, .mobile-menu-container ul li.current-menu-item>a{ padding-left: 55px; color: var(--color-accent);}
  .mobile-menu-container ul li.menu-open>a::before,.mobile-menu-container ul li.menu-open>a::after, .mobile-menu-container ul li.current-menu-item>a::before, .mobile-menu-container ul li.current-menu-item>a::after{ width: 54px; opacity: 1;}

  .mobile-menu-container ul.sub-menu li a::before, .mobile-menu-container ul.sub-menu li a::after{ display: none;}

  .mobile-menu-container ul.sub-menu li a { border: 0; border-radius: 0; padding-left: 0; padding-right: 0; padding: 15px 0; }
  .mobile-menu-container ul.sub-menu li:not(:last-child) a{ border-bottom: 1px solid #213B4033;}
  .mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 300px;}

    
  .mobile-menu ul li.menu-item-has-children > a{padding-right: 55px;}

   header span.dropdown-icon-menu { display: block; height: 30px; width: 30px; background: url(../images/mobile-menu-icon.svg); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; position: absolute; z-index: 9999; top: 13px; transition: all .4s ease; left: unset; right: 20px; box-sizing: border-box; transform: rotate(0deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; }
  header span.dropdown-icon-menu.active { transform: rotate(180deg); }

  .mobile-menu-container .mobile-header-button { position: absolute; z-index: 6; right: 0; bottom: 35px; left: 0; text-align: center; }
  /* .mobile-menu-container .mobile-header-button::before{ content: ""; position: absolute; left: 0; right: 0; top: -180px; height: 180px; z-index: -1; background: linear-gradient( to top, #F4FAEF 0%, rgba(244,250,239,0.98) 20%, rgba(244,250,239,0.90) 40%, rgba(244,250,239,0.65) 65%, rgba(244,250,239,0.25) 85%, rgba(244,250,239,0) 100% ); } */


  .main-header.fixed .hdr-rt { padding-left: 10px; }



  .mobile-menu-open .mobile-menu-container .shape img{ width: 100%;}
  .mobile-menu-open .mobile-menu-container .shape-1 { left: 0; bottom: 5%; width: 25%; }
  .mobile-menu-open .mobile-menu-container .shape-1 img{ animation: flower-sway 5s ease-in-out infinite, flower-glow 3s ease-in-out infinite; transform-origin: center bottom;}
  .mobile-menu-open .mobile-menu-container .shape-2 { right: 0; bottom: 10%; width: 30%; }
  .mobile-menu-open .mobile-menu-container .shape-2 img{ animation: treeMove 5s infinite linear;}
  
  /*HEADER PART RESPONSIVE END HERE */

  /*HOME PAGE RESPONSIVE START HERE */
  .hero-banner-section { padding-top: 200px; }
  .hero-banner-section .banner-info { padding: 0 33% 12% 0; }
  /* .hero-banner-section .banner-image-box-outer { margin: -100px 0 0; display: block; }
  .hero-banner-section .banner-right-row{ flex-direction: row-reverse;}
  .hero-banner-section .image-col { width: 55%; } */
  
  .hero-leaf-shape { top: 18%; max-width: 22%; }
  .hero-banner-section .hero-flower-shape img{ filter: brightness(0) invert(1);}

  .introduction-section .info-wraper{ margin-bottom: 25px;}
  .common-image-border{ margin: 20px 25px !important;}

  .promise-details-image-outer-right { margin-top: calc((var(--gap-50) * -2) - 110px); }
  .promise-details-image { border-radius: 25px; }
  .promise-details-content { max-width: 80%; }
  .promise-section .bottom-design .bottom-flower { right: 2%; }
  .promise-section .bottom-design .bottom-bg { right: 8%; }
  .promise-section .butterfly-icon { top: -45px; max-width: 90px; }
  .promise-details-image-outer-left { display: flex; align-items: end; }
  .promise-section a .button-text { padding: 10px 15px; }

  .testimonial-section{ z-index: 2;}
  .testimonial-section .testimonial-image-outer{ padding-left: 0; width: 100%;}
  .testimonial-section .testimonial-image-outer { width: calc(100% + 5vw); margin-bottom: 25px; }
  .testimonial-section::before{ border-radius: 0 0 100px 0;}
  .testimonial-section .section-title{ text-align: center;}
  .testimonial-section .button-row { text-align: center; }

  .we-believe-section .info-wraper { margin-top: 30px; }

  .contact-info-row { width: 100%; order: inherit !important; }
  /*HOME PAGE RESPONSIVE END HERE */

  /*FOOTER PART RESPONSIVE START HERE */
  .footer-bottom .inner-row { flex-wrap: wrap; justify-content: center !important; gap: 10px; text-align: center; }
  /*FOOTER PART RESPONSIVE END HERE */

  /*ABOUT PAGE RESPONSIVE START HERE */
  .hero-banner-section.inner-banner-section { padding-top: 200px; min-height: 420px; }

  .journey-story-section .info-wraper{ text-align: center; margin-bottom: 25px;}
  .journey-story-section .info-wraper .section-title{ margin: 0 auto;}
  .journey-story-section .common-image-border::after{ top: auto;  bottom: calc(-1* var(--padding-height) - 20px); width: 75vw;}
  .journey-story-section .shape { bottom: -20px; right: auto; max-width: 13%; }

  .believe-birth-section{ padding-top: var(--padding-height);}
  .believe-birth-section::before { height: 100%; }
  .believe-birth-section .info-wraper-outer { padding: 0; margin-bottom: 40px; display: block; height: auto; text-align: center; }
  .believe-birth-section .info-wraper-outer .info-wraper { padding-top: 0; }
  .believe-birth-section .image-outer { width: 100%; max-width: 80%; margin: 0 auto; }
  .believe-birth-section .image-outer::before { width: calc(100% - 2px); border-width: 2px; border-radius: 50% 50% 0 0; top: -15px; }
  .believe-birth-section .image-box { padding-bottom: 90%; border-radius: 50% 50% 0 0; }
  /* .believe-birth-section .shape{ display: none;} */

  .team-story-section .info-wraper { text-align: center; margin-bottom: 25px; }
  .team-story-section .team-image-outer, .team-story-section .team-story-item-col:nth-child(even) .team-image-outer { margin-left: 0; padding: 0 25px; }
  .team-story-section .team-image-outer::before{ width: 100%; border-radius: 15px; height: 85%;}
  .team-story-section .team-story-item-col:nth-child(even) .team-image-outer::before{ border-radius: 15px;}
  /*ABOUT PAGE RESPONSIVE END HERE */

  /*SERVICE PAGE RESPONSIVE START HERE */
  .practice-section .info-wraper { padding: 35px 25px; border-radius: 20px; margin-bottom: 35px; text-align: center;}
  .practice-section .info-wraper .section-title{ margin: 0 auto;}
  .practice-section .common-image-border::after { right: 40%; width: 60vw; }

  .service-col-holder { display: flex; flex-wrap: wrap; margin: 0 -10px; row-gap: 24px; }
  .service-col-holder>* { width: 50%; padding: 0 10px; }
  .service-col:not(:last-child) { margin-bottom: 0; }
  .service-card { border-radius: 20px; height: 100%; }
  .service-card .row { height: 100%; align-items: inherit !important; }
  .service-card .row .col-lg-4 { margin-top: auto; }
  .service-card .service-image-outer{ aspect-ratio: inherit; transform: none; position: relative;}
  .service-card .service-image-outer::after{ display: none;}
  .service-card .service-image-outer .service-image-outer-inner { background: transparent !important; border-radius: 0; }
  .service-card .info-wraper{ padding: 25px 15px !important;}
  .service-card .card-image { margin: 0 !important; transform: none; max-width: 85%; }
  .service-card .card-image img { width: 100%; }
  .service-card .service-image-outer .mobile-bg-box { position: absolute; z-index: 1; background: #EBDFEB; right: 0; bottom: -75%; left: 0; aspect-ratio: 1/1; border-radius: 50%; transform: scale(1.1); transform: var(--transition-common);}
  .service-card .service-image-outer .mobile-bg-box::before { content: ""; position: absolute; z-index: 1; right: 0; bottom: 10px; left: 0; border: 1px solid #B98EB9; border-radius: 50%; width: 100%; height: 100%; }

  .service-col:nth-child(3n-1) .service-card .mobile-bg-box{ background: #E9EFE0;}
  .service-col:nth-child(3n-1) .service-card .mobile-bg-box::before{ border-color: #628452;}
  .service-col:nth-child(3n) .service-card .mobile-bg-box { background: #FFE5F5; }
  .service-col:nth-child(3n) .service-card .mobile-bg-box::before{ border-color: #B98EB9;}


  .service-card:hover .mobile-bg-box { background: #dfd0df; transform: scale(1.12);}
  .service-col:nth-child(3n-1) .service-card:hover .mobile-bg-box { background: #d8e8c8; }
  .service-col:nth-child(3n) .service-card:hover .mobile-bg-box { background: #ffd0ee; }

  .we-served-section .info-wraper { text-align: center; margin-bottom: 25px; }

  .standard-care-section .shape { top: -4%; max-width: 13%; }
  .standard-care-section .info-wrap{ margin-bottom: 25px;}
  .standard-care-section .image-wraper { padding: 0 25px; margin-right: 0; }
  .standard-care-section .image-wraper::after { width: 100%; border-radius: 15px; height: 85%; }
  /*SERVICE PAGE RESPONSIVE END HERE */

  /* EDUCATION PAGE RESPONSIVE START HERE */
  .why-matters-section .info-wraper { padding-left: 0; margin-bottom: 35px; }
  .why-matters-section .image-outer { width: 100%; margin-left: 0; }

  .virtual-classes-section .top-content-image-wraper{ text-align: center;}
  .virtual-classes-section .top-content-image-wraper .col-item:nth-child(1){ order: 1;}
  .virtual-classes-section .top-content-image-wraper .col-item:nth-child(2){ order: 3;}
  .virtual-classes-section .top-content-image-wraper .col-item:nth-child(3){ order: 2;}
  .virtual-classes-section .left-info-wraper{ padding: 0 0 16px;}
  .virtual-classes-section .right-info-wraper { padding: 0; margin-bottom: 35px; height: auto !important; }
  .virtual-classes-section .image-outer { max-width: 85%; margin: 0 auto; padding: 0; }
  .virtual-classes-section .image-outer::after, .virtual-classes-section .image-outer::before{right: 10px; margin: 0 auto;}
  .virtual-classes-section::before { height: 70px; }
  .virtual-classes-section .flower-shape { bottom: 60px; max-width: 15%; }
  .virtual-classes-section .image-bg-leaf-shape { top: -10%; max-width: 65%; }

  .recommended-classes-card .image-box { width: 180px; }

  .background-note-section .info-wraper{ padding-top: 15px;}

  .testimonial-highlight-section .bg-image { padding-bottom: 50%; }
  .testimonial-highlight-box{ padding: 10px 10px 10px; max-width: 60%; border-radius: 20px 20px 0 0;}
  .testimonial-highlight-box .testimonial-highlight-box-inner { padding: 0 15px 15px; }
  .testimonial-highlight-box .testimonial-highlight-box-inner::before { height: calc(100% - 40px); border-radius: 10px; }
  .testimonial-highlight-box .quote-icon { width: 80px; height: 80px; margin-top: -40px; }
  .testimonial-highlight-box .quote-text { padding: 15px; border-radius: 10px; margin-bottom: 12px; }

  .consultation-box { padding: 40px 20px; border-radius: 20px; }
  .consultation-box .info-wraper { padding-right: 5%; }
  .consultation-box .image-box { right: -80px; width: calc(33.33333333% + 80px); transform: none; }
  /* EDUCATION PAGE RESPONSIVE END HERE */

  /* FAQ PAGE RESPONSIVE START HERE */
  .faq-section .tab-holder{ overflow-x: auto; overflow-y: hidden; padding-right: 0; margin-bottom: 25px;}
  .faq-section .nav-tabs { display: flex; flex-wrap: nowrap; gap: 15px; margin-bottom: 20px;}
  .faq-section .nav-tabs li.nav-item { flex: 0 0 auto; }
  .faq-section .nav-item:not(:last-child){ margin: 0;}
  .faq-section .tab-holder::-webkit-scrollbar {width: 8px; height: 4px; border-radius: 20px;}
  .faq-section .tab-holder::-webkit-scrollbar-track {box-shadow: none; background: #aa6c9654; border-radius: 20px;}
  .faq-section .tab-holder::-webkit-scrollbar-thumb {background: var(--color-accent); border-radius: 20px;}
 /* FAQ PAGE RESPONSIVE END HERE */

 /* FEES PAGE RESPONSIVE START HERE */
 .package-section::before { border-radius: 0 0 20% 0; }
 /* .package-section .info-wraper .row{ row-gap: 20px;} */
 .package-card{ height: auto !important; }
 .package-card .package-header { padding: 25px 0 0 0; }
 .package-card .package-header::after { width: 50%; height: calc(100% + 25px); }
 .package-card .package-header .title { width: 50%; }
 .package-card .package-info { padding: 25px 15px; }
 .package-section .image-outer { margin-left: 0; }
 .package-section .image-holder { width: 31vw; }
 .package-section .shape { bottom: -10%; }

 .billed-separately-section.standard-care-section .info-wrap{ margin: 25px 0 0;}
 .billed-separately-section.standard-care-section .shape { top: -5%; }

 .payment-options-section .row { flex-direction: column-reverse; row-gap: 20px; }

 .current-pricing-box { border-radius: 20px; padding-right: 30px; padding-left: 30px; }
 /* FEES PAGE RESPONSIVE END HERE */

 /* CONTACT PAGE RESPONSIVE START HERE */
  .reach-us-section .item-col { width: 50%; }
  .reach-us-section .item-col:nth-child(2) { width: 80%; }

  .free-chat-section .info-wraper{ padding-top: 25px;}
  /* CONTACT PAGE RESPONSIVE END HERE */
  
}


@media only screen and (min-width: 1081px) and (max-width: 1399px) and (min-height: 1020px){
  .hero-banner-section .banner-info{ padding-bottom: 55%;}
  .hero-banner-section .banner-image-box-outer { margin-left: -40%; }
}
@media only screen and (min-width: 1178px) and (max-width: 1185px)   and (min-height: 818px){
  .hero-banner-section .banner-info{ padding-bottom: 60%;}
  .hero-banner-section .banner-image-box-outer{ margin-left: -32%;}
}
@media only screen  and (min-width: 992px) and (max-width: 1080px) and (max-height: 890px){
  .hero-banner-section .banner-info{ padding-bottom: 20px;}
  .hero-banner-section .image-col { width: 40%; }
}
@media only screen and (min-width: 1080px) and  (max-width: 1120px) and (min-height: 780px){
  .hero-banner-section .banner-info{ padding-bottom: 60%;}
  .hero-banner-section .banner-image-box-outer { margin-left: -32%; }
}
@media only screen and (min-width: 1000px) and  (max-width: 1080px) and (min-height: 700px) and (max-height: 850px) {
  .hero-banner-section .banner-info{ padding-top: 40px; padding-bottom: 0;}
  .hero-banner-section .banner-image-box-outer{ margin-top: -150px;}
  .hero-banner-section .image-col { width: 40%; }
}
@media only screen and (min-width: 1023px) and (max-width: 1024px) and (max-height: 650px) {
 .hero-banner-section .col-lg-6{ width: 50%;}
 .hero-banner-section .banner-info{ padding: 60px 10% 60px 0;}
 .hero-banner-section .banner-image-box-outer { display: flex; align-items: end; margin: 0 0 0 -10%; }
 .hero-banner-section .image-col { width: 60%; }
 .hero-banner-section .listen-col { width: 40%; }
}
@media only screen and (min-width: 780px) and  (max-width: 980px) and (min-height: 1175px){
  .hero-banner-section .banner-info{ padding-bottom: 20%;}
}

@media only screen and ( max-width: 767px ) { 
  .swiper-arrow { width: 50px; height: 50px; }
  /*HOME PAGE RESPONSIVE START HERE */
  .hero-banner-section .banner-info{ padding: 0 10%; text-align: center; margin-bottom: 25px;}
  .hero-banner-section .banner-image-box-outer{ margin: 0;}
  .hero-banner-section .banner-right-row { margin: 0 -10px; width: 100%; }
  .hero-banner-section .banner-right-row>* { padding: 0 10px; }
  .hero-banner-section .image-col { width: 60%; }
  .hero-banner-section .banner-right-row .image-wraper{ margin-left: 0;}
  .listen-box { margin-left: 0; padding: 10px 10px 75px;}

  .common-design-card .common-design-card-name { width: 50%; }

  .promise-section .section-title{ text-align: center; margin-left: auto; margin-right: auto;}
  .promise-details-content{ text-align: center; padding-bottom: 50px; max-width: 100%;}
  .promise-section .butterfly-icon{ left: 50%; transform: translateX(-50%);}
  .promise-details-box::before { left: -10vw; }

  .how-we-walk-section .row.row-gap-24{ row-gap: 35px;}
  .we-walk-card { min-height: 480px; }
  .we-walk-card .rounded-shape { bottom: -70%; }

  .get-in-touch-section .hero-leaf-shape { top: 0; max-width: 15%;}

  .testimonial-box .testimonial-card-footer { padding-right: 130px; }
  /*HOME PAGE RESPONSIVE END HERE */

  /*FOOTER PART RESPONSIVE START HERE */
  .top-footer { padding: 50px 0 40px; }
  .top-footer::before { max-width: 60%; top: -25px;}
  .footer-logo { margin: -25px 0 0; }
  .main-footer .footer-logo a { height: 100px; }
  .footer-menu li a { padding: 10px 20px; }
  /*FOOTER PART RESPONSIVE END HERE */

  /*ABOUT PAGE RESPONSIVE START HERE */
  .common-design-card.common-design-card-2 { padding: 12px; border-radius: 20px; }
  .common-design-card.common-design-card-2 .common-design-card-inner-box { padding: 30px 15px; border-radius: 15px; }
  .common-design-card.common-design-card-2 .common-design-card-icon-outer { width: 65px; height: 65px; }
  /*ABOUT PAGE RESPONSIVE END HERE */

  /*SERVICE PAGE RESPONSIVE START HERE */
  .service-col-holder>*{ width: 100%;}

  .we-served-section .we-served-row { margin: 0px -8px; }
  .we-served-section .we-served-row>* { padding: 0 8px; }
  /*SERVICE PAGE RESPONSIVE END HERE */

  /* EDUCATION PAGE RESPONSIVE START HERE */
  .testimonial-highlight-section .bg-image{ position: absolute; inset: 0; padding: 0;}
  .testimonial-highlight-section .container-holder{ padding-top: 100px; position: relative;}
  .testimonial-highlight-box { max-width: 70%; }

  .common-design-card.common-design-card-3 { border-radius: 20px; padding: 12px; }
  .common-design-card.common-design-card-3 .common-design-card-inner-box { padding: 15px; border-radius: 10px; }
  .common-design-card.common-design-card-3 .common-design-card-icon-outer { width: 65px; height: 65px; }
  .common-design-card.common-design-card-3 .common-design-card-icon-border { top: -4px; right: -4px; }

  .consultation-box { padding: 40px 15px 0; }
  .consultation-box .info-wraper { padding-right: 0; text-align: center; margin-bottom: 25px; }
  .consultation-section .image-wraper-outer{ aspect-ratio: inherit;}
  .consultation-box .image-box { position: relative; width: 100%; transform: scale(1.09);}
  .consultation-box .shape{ right: auto; left: 5%; bottom: 0; max-width: 22%;}
  /* EDUCATION PAGE RESPONSIVE END HERE */

   /* FAQ PAGE RESPONSIVE START HERE */
   .faq-section .nav-link { padding: 5px; border-radius: 15px; }
   .faq-section .nav-tabs{ gap: 10px;}
   .faq-section .nav-link .inner-row{ padding: 8px 12px; gap: 14px; border-radius: 10px;}
   .nav-tabs .nav-link .tab-button-icon-outer { width: 50px; height: 50px; }
   .nav-tabs .nav-link .tab-button-icon-border { top: -3px; right: -3px; }

   .faq-section .accordion-button{ gap: 16px; padding: 10px 10px 10px 0; border-radius: 15px !important;}
   .faq-section .accordion-button::after { width: 32px; height: 32px; }
   .faq-section .accordion-button .number { width: 50px; height: 60px; padding-right: 8px;}
   .faq-section .accordion-button .number::before { left: 4px; }


   /* FEES PAGE RESPONSIVE START HERE */
   .package-section{ padding-top: var(--padding-height); padding-bottom: var(--padding-height);}
   .package-section::before{ border-radius: 0;}
   .package-section .info-wraper{ padding: 0; margin-bottom: 25px;}
   .package-section .image-holder{ width:100%;}
   .package-section .image-wraper{ border-radius: 25px;}
   .package-section .shape { bottom: -3%; }

   .billed-separately-section.standard-care-section .shape { top: -4%; right: -5px; max-width: 16%; }

   .common-design-card.common-design-card-4 { padding: 10px; border-radius: 20px; }
   .common-design-card.common-design-card-4 .common-design-card-inner-box { border-radius: 15px; padding: 20px 12px; }
   .common-design-card.common-design-card-4 .common-design-card-icon-outer { width: 65px; height: 65px; }

   .current-pricing-box{ padding: 60px 15px;}
   /* FEES PAGE RESPONSIVE END HERE */

  /* CONTACT PAGE RESPONSIVE START HERE */
  .reach-us-section .item-col{ width: 100%;}
  .reach-us-section .item-col:nth-child(2) { width: 100%; order: inherit; }
  
}

@media only screen and ( max-width: 575px ) { 
  .container-fluid { max-width: 100%; }
  .form-control{ padding-right: 15px; padding-left: 15px;}
  .form-floating>label { transform: scale(1) translateY(22px) translateX(10px); font-size: 14px; }
  .form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown), .form-floating>.wpcf7-form-control-wrap>.form-control:focus, .form-floating>.wpcf7-form-control-wrap>.form-control:not(:placeholder-shown) { padding-top: 0.5rem; }
  .container{ max-width: 97%;}
  /*HEADER PART RESPONSIVE START HERE */
  .main-header .hdr-rt{ padding: 0;}
  .main-header .logo a { height: 110px; transform: translate(-15px, 8px); }
  .ham { width: 50px; transform: scale(1.1); }
  .mobile-menu-open .mobile-menu-container .shape-1 { bottom: 0%; width: 45%; }
  .mobile-menu-open .mobile-menu-container .shape-2 { bottom: 8%; width: 50%; }
  /*HEADER PART RESPONSIVE END HERE */

  /*HOME PAGE RESPONSIVE START HERE */
  .hero-banner-section { padding-top: 160px; }
  .hero-banner-section .banner-info{ padding: 0;}
  .hero-banner-section .banner-info h1{ margin-bottom: 15px;}
  .hero-banner-section .banner-info .banner-short-dis{ max-width: 100%; margin-bottom: 15px;}
  .hero-banner-section .banner-right-row { flex-direction: column-reverse; justify-content: center; align-items: center !important; margin: 0; }
  .hero-banner-section .listen-col{ width: 100%;}
  .listen-box { padding: 20px 20px 20px 0; display: flex; align-items: center; gap: 20px; margin-bottom: 20px; overflow: visible;}
  .listen-box::before{ display: none;}
  .listen-box .icon { width: 80px; height: 80px; margin: 0; flex: 0 0 auto; }
  .listen-box .bg-color { height: 100%; width: calc(100% - 40px); left: auto; border-radius: 15px 0 0 15px; background: linear-gradient(126deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%); }
  .listen-box .listen-info{ text-align: left;}
  .listen-box .listen-star{ display: none;}
  .hero-banner-section .image-col { width: 70%; }

  .hero-gradient-overlay { height: 100px; }
  .hero-banner-section .hero-leaf-shape{ display: none;}
  .hero-banner-section .hero-flower-shape { max-width: 22%; bottom: -15px;  }
  .hero-banner-section:not(.inner-banner-section) .hero-flower-shape{transform: scaleX(-1); left: auto; right: 0;}

  .we-walk-card{ min-height: auto;}
  .we-walk-card .rounded-shape { bottom: -60%; }
  .we-walk-card .shape{ transform: scale(0.8); transform-origin: bottom;}

  .get-in-touch-section .container-inner-holder { padding: 0; }
  .contact-info-row:not(.common-design-card){ flex-wrap: wrap; justify-content: center; border-radius: 25px;}
  .contact-info-row .info{ width: 100%; text-align: center;}
  .contact-info-row .details a{ word-break: break-all;}
  .get-in-touch-section .form-holder { padding: 30px 15px; }
  .contact-info-row .details a, .contact-info-row .details p{ font-size: 15px;}
  /*HOME PAGE RESPONSIVE END HERE */

  /*FOOTER PART RESPONSIVE START HERE */
  .footer-menu li:not(:last-child) { margin-bottom: 12px; }
  .footer-menu li a { padding: 6px 16px; font-size: 14px; }
  /*FOOTER PART RESPONSIVE END HERE */

  /*ABOUT PAGE RESPONSIVE START HERE */
  .hero-banner-section.inner-banner-section .hero-gradient-overlay{ opacity: 0.5;}
  .hero-banner-section.inner-banner-section .hero-flower-shape { max-width: 18%; }
  .hero-banner-section.inner-banner-section .hero-leaf-shape { display: block; max-width: 22%; right: -10px; }
  .common-image-border::before { border-width: 2px; border-radius: 20px;}
  .common-image-border .image-box { border-radius: 20px; }
  .journey-story-section .common-image-border::before { top: -15px; left: 15px; }
  .journey-story-section .shape { bottom: -15px; right: auto; max-width: 16%; }

  .believe-birth-section .image-outer{ max-width: 100%;}
  .believe-birth-section .shape { max-width: 22%; bottom: auto; top: 0; }
  .believe-birth-section .shape img{ transform: scaleY(-1);}

  .team-story-section .team-image-outer, .team-story-section .team-story-item-col:nth-child(even) .team-image-outer { padding: 0 16px; }
  .team-story-section .team-image-outer::before, .team-story-section .team-story-item-col:nth-child(even) .team-image-outer::before { border-radius: 12px; }
  .team-story-section .team-member-image { border-radius: 20px; }

  .team-story-item-col .butterfly-icon { right: -10px; max-width: 60px; }
  /*ABOUT PAGE RESPONSIVE END HERE */

  /*SERVICE PAGE RESPONSIVE START HERE */
  .practice-section .info-wraper { padding: 30px 15px; margin-bottom: 30px; }
  .we-served-section .we-served-row>*{ width: 100%;}

  .standard-care-section .image-wraper { padding: 0px 16px; }
  .standard-care-section .image-wraper::after { border-radius: 12px; }
  .standard-care-section .image-box { border-radius: 20px; }
  .standard-care-card { padding: 6px; border-radius: 15px; }
  .standard-care-card .standard-care-row { gap: 15px; padding: 13px 12px 8px; border-radius: 10px; }
  .standard-care-card .standard-care-icon-outer { width: 65px; height: 65px; }
  .standard-care-card .standard-care-icon-border { top: -4px; right: -4px; }
  /*SERVICE PAGE RESPONSIVE END HERE */

  /* EDUCATION PAGE RESPONSIVE START HERE */
  .virtual-classes-section .image-outer { max-width: 95%; padding-bottom: 15%; }
  .virtual-classes-section .flower-shape { bottom: 15%; max-width: 18%; }

  .butterfly-border-icon { width: 75px; height: 75px; margin-bottom: 10px; }
  .butterfly-border-icon .butterfly-icon { width: calc(100% - 8px); height: calc(100% - 8px); }
  .bottom-disclaimer { padding: 0 15px 20px; }
  .bottom-disclaimer::before { height: calc(100% - 38px); }

  .recommended-classes-card { padding: 20px 15px; border-radius: 15px; }
  .recommended-classes-card .top-info-bar{ flex-wrap: wrap; justify-content: center; text-align: center;}
  .recommended-classes-card .image-box{ width: 70%;}
  .recommended-classes-card.info-box{ width: 100%;}

  .testimonial-highlight-box{ max-width: 100%;}
  /* EDUCATION PAGE RESPONSIVE END HERE */

  /* CONTACT PAGE RESPONSIVE START HERE */
  .reach-us-section .contact-info-row.common-design-card a, .reach-us-section .contact-info-row.common-design-card p { font-size: var(--f-size-Body); }
  /* CONTACT PAGE RESPONSIVE END HERE */
}

@media only screen and ( max-width: 419px ) { 
  .btn .button-text, a.btn .button-text { padding: 12px 15px; }
  .common-image-border { margin: 10px 12px !important; }
  .common-image-border::before{ border-radius: 20px;}
  .common-image-border .image-box { padding-bottom: 110%; border-radius: 20px; }
  .swiper-arrow { width: 45px; height: 45px; }
  .form-floating>label { font-size: 14px; white-space: inherit !important;}
  .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label, .form-floating>.wpcf7-form-control-wrap:focus-within~label { transform: translateY(-9px) translateX(8px); font-size: 12px; padding: 4px 8px; }
  .form-floating>.wpcf7-form-control-wrap:has(.form-control:not(:placeholder-shown))~label { transform: translateY(-9px) translateX(8px); font-size: 12px; padding: 4px 8px; }

  /*HEADER PART RESPONSIVE START HERE */
  .main-header .manu-part::before { height: 65px; }
  .main-header .logo a { height: 90px; transform: translate(-15px, 6px); will-change: auto;}
  .main-header.fixed .logo a { height: 60px; transform: translateX(-20px); }

  /*HOME PAGE RESPONSIVE START HERE */
  .listen-box { padding: 15px 15px 15px 0; gap: 16px; margin-bottom: 16px; }
  .listen-box .icon { width: 75px; height: 75px; }
  .listen-box .icon .icon-inner { width: calc(100% - 7px); height: calc(100% - 7px); }
  .listen-box .bg-color { width: calc(100% - 35px); }
  .listen-box .badge { font-size: 16px; border-radius: 5px; }
  .hero-banner-section .image-col { width: 85%; }

  .get-in-touch-section .hero-leaf-shape { top: 10px; max-width: 20%; }
  .contact-info-row .icon { width: 70px; height: 70px; }
  .approach-section .section-title{ margin-bottom: 15px;}
  .approach-section .section-title h2{ margin-bottom: 0;}
  .approch-card-col { margin-top: 20px; }
  .common-design-card .common-design-card-name { width: 70%; }
  .we-walk-card .rounded-shape { bottom: -45%; }

  .promise-details-image { border-radius: 15px; }

  .testimonial-box { padding: 0 15px 25px; }
  .testimonial-box .testimonial-card-footer { padding-right: 110px; }
  .testimonial-box .testimonial-author { padding-left: 45px; }
  .testimonial-box .testimonial-author::before { width: 35px; height: 2px; }
  .testimonial-slider-wraper .swiper-arrow-row { gap: 10px; right: 15px; bottom: 25px; }
  .contact-info-row:not(.common-design-card){ padding: 15px 10px;}
  .contact-info-row .details a, .contact-info-row .details p { font-size: 14px; }
  /*HOME PAGE RESPONSIVE START HERE */

  /*FOOTER PART RESPONSIVE START HERE */
  .top-footer { padding: 60px 0 40px; }
  .top-footer::before { max-width: 70%; top: -30px; }
  .footer-logo { margin: -20px 0 0; }
  .main-footer .footer-logo a { height: 85px; }
  .footer-menu li a { padding: 5px 14px; font-size: 13px; }
  .footer-bottom p { font-size: 14px; }
  /*FOOTER PART RESPONSIVE END HERE */

  /*ABOUT PAGE RESPONSIVE START HERE */
  .hero-banner-section.inner-banner-section { padding-top: 150px; min-height: 380px; }

  .journey-story-section .common-image-border::after { bottom: calc(-1* var(--padding-height) - 10px); }

  .team-story-item-col .butterfly-icon { top: -40px; right: -5px; max-width: 55px; }

  /*ABOUT PAGE RESPONSIVE END HERE */

  /*SERVICE PAGE RESPONSIVE START HERE */
  .practice-section .info-wraper h2{ margin-bottom: 20px;}

  .standard-care-card .standard-care-row{ flex-wrap: wrap; justify-content: center;  padding: 25px 15px;}
  .standard-care-card .standard-care-row .info { width: 100%; text-align: center; }
  .standard-care-section .shape { top: -2%; max-width: 18%; }
  /*SERVICE PAGE RESPONSIVE END HERE */

  /* EDUCATION PAGE RESPONSIVE START HERE */
  .why-matters-section .image-box, .why-matters-section .image-outer::before { border-radius: 0 100px 0 0; }
  .why-matters-section .image-outer::before{ bottom: 10px; border-width: 2px;}

  .background-note-section .common-image-border::before { top: -12px; left: -12px; }
  /* .background-note-section .common-image-border:hover::before { top: 12px; left: 12px; } */

  .recommended-classes-card .image-box{ width: 100%;}

  .testimonial-highlight-box .quote-icon { width: 65px; height: 65px; margin-top: -32px; }
  .testimonial-highlight-box .quote-icon img { max-width: 50%; }
  .testimonial-highlight-box .testimonial-highlight-box-inner::before { height: calc(100% - 32px); }

  .consultation-box .image-box { right: -50px; }
  .consultation-box .image-box::before { left: -10px; }
  /* EDUCATION PAGE RESPONSIVE END HERE */

  /* FAQ PAGE RESPONSIVE START HERE */
  .faq-section .accordion-item:not(:last-child) { margin-bottom: 20px; }
  .faq-section .nav-link { padding: 4px; border-radius: 10px; }
  .faq-section .nav-link .inner-row { padding: 6px 8px 5px; gap: 12px; border-radius: 8px; }
  .faq-section .accordion-body { padding: 15px 0 0; }
  /* FAQ PAGE RESPONSIVE END HERE */

  /* FEES PAGE RESPONSIVE START HERE */
  .note-insurance-section.background-note-section .common-image-border::before { left: 12px; }
  /* .note-insurance-section.background-note-section .common-image-border:hover::before { left: -12px; } */

  .package-card .package-header { padding: 20px 0 0 0; }
  .package-card .package-header::after { width: 40%; height: calc(100% + 25px); }
  .package-card .package-header .title { width: 60%; }
  .package-card .package-top-row { flex-wrap: wrap; margin-bottom: 20px; }
  .package-card .package-card-price{ width: 100%; margin-top: 10px;}

  .payment-options-section .common-image-border::before { top: -12px; left: -12px; }
  /* FEES PAGE RESPONSIVE END HERE */

  /* CONTACT PAGE RESPONSIVE START HERE */
  .reach-us-section .common-design-card.common-design-card-3 { padding: 8px; border-radius: 15px; }
  .reach-us-section .common-design-card.common-design-card-3 .common-design-card-inner-box { padding: 20px 8px; }
  .reach-us-section .contact-info-row .icon { margin: 0 auto 20px; }
  .reach-us-section .contact-info-row.common-design-card a, .reach-us-section .contact-info-row.common-design-card p{ font-size: 14px;}
}
@media only screen and ( max-width: 399px ){
  .mobile-menu-container .mobile-header-button{ bottom: 20px;}
}
@media only screen and ( max-width: 389px ){
  .contact-info-row:not(.common-design-card) { padding: 15px 8px; border-radius: 15px; }
  .contact-info-row .icon { width: 60px; height: 60px; }
  .contact-info-row .details a, .contact-info-row .details p { font-size: 13px; }
}
@media only screen and ( max-width: 355px ){
  .reach-us-section .contact-info-row.common-design-card a, .reach-us-section .contact-info-row.common-design-card p { font-size: 13px; }
    .form-floating>label {font-size: 13px;}
  .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label, .form-floating>.wpcf7-form-control-wrap:focus-within~label { font-size: 11px;}
  .form-floating>.wpcf7-form-control-wrap:has(.form-control:not(:placeholder-shown))~label {font-size: 11px; }

}

@media screen and (max-height: 450px) and (orientation: landscape){
  .main-header .logo a { height: 70px; transform: none; }
  .ham { width: 40px; }
  .mobile-menu{ padding-top: 0;}
  .mobile-menu-container .inner-container{ padding-top: 130px; height: calc(100svh - 40px);}
  
  .mobile-menu ul li { margin: 10px 0; }
  .mobile-menu ul li a { padding: 9px 24px; }
  .mobile-menu-container .mobile-header-button { bottom: 15px; }
  .mobile-menu-open .mobile-menu-container .shape-1 { width: 18%; bottom: 2%;}
  .mobile-menu-open .mobile-menu-container .shape-2 { right: -5px; bottom: 18%; width: 22%; }
}