/* DETAILS
==================================================
	Theme Name: Sprain Brook Manor
==================================================
*/

@charset "utf-8";

/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Prociono&display=swap');
/*..............embedded fonts..............*/


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

    /* Colors */
    --color-accent: #C17A3A;
    --color-primary: #222222;
    --color-secondary: #0B0D1C;
    --color-tertiary: #EEE8DE;
    --color-quaternary: #2C2820; 
    --color-white: #fff;
    --color-black: #000;
    /* --color-quinary:#F6E5E9;
     */

    /* Font Settings */
    --ff-base: "Manrope", sans-serif;
    --ff-secondary: "Prociono", serif;
    --ff-awesome: "Font Awesome 6 Free";
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;

    /* Font Sizes */
    --f-size-XXL: clamp(2.1875rem, 1.2639rem + 3.8889vw, 4.375rem); /* 70px-35px */
    --f-size-XL: clamp(1.875rem, 1.3472rem + 2.2222vw, 3.125rem); /* 50px-30px */
    --f-size-L: clamp(1.375rem, 1.1639rem + 0.8889vw, 1.875rem);/* 30px-22px */
    --f-size-M: clamp(1.125rem, 1.0385rem + 0.3846vw, 1.5rem); /* 24px-18px */
    --f-size-S: clamp(1.03125rem, 0.9808rem + 0.2244vw, 1.25rem);/*20px-16.5px*/
    --f-size-ES: 16px;/*16px-16px*/
    --f-size-Body: clamp(1rem, 0.9472rem + 0.2222vw, 1.125rem);/*18px-16px*/
    

    /* Layout Adjustments */
    --margin-title: 0 0 24px 0;
    --margin-paragraph: 0 0 20px 0;
    --gap-50:50px;
    --gap-40:40px;

    --border-radius-image: 10px;
    --padding-height: clamp(60px, 3.1731rem + 2.5641vw, 100px);

    /* Form Styling */
    --form-font-color: #D0E6EB;
    --form-border-radious: 0;
    --form-holder-bg: #FFFFFF1A;
}

/*..............common styles..............*/
html { overflow-x: hidden; }
html.body-scroll{ height: 100dvh; overflow: hidden;}
body { background: #FCFCFC; margin: 0; font-family: var(--ff-base); font-size:var(--f-size-Body); 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-secondary); color: var(--color-secondary); font-weight: var(--fw-regular); line-height: 1.1;}

h1{ font-size: var(--f-size-XXL); } 
h2{ font-size: var(--f-size-XL);} 
h3{ font-size: var(--f-size-L);}
h4{ font-size: var(--f-size-M);}
h5{ font-size: var(--f-size-S);}
h6{ font-size: var(--f-size-Body);}

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; }
figure { margin: 0; }
a, img{ border:0; text-decoration: none; outline: none;}
a{ transition:var(--transition-common);}
a, a:link, a:visited, a:focus, a:hover { color: var(--color-accent); outline: none; text-decoration: none;}
a:hover{ text-decoration:none;}
ul{ padding: 0; margin: 0; list-style: none;}


form .row{ --bs-gutter-x: 16px;}
.form-row{ margin-bottom: 16px;}
.form-control { height: 56px; min-height: auto; padding: 16px 20px; background-color: var(--color-white); border: 1px solid #D9D9D9;  outline: none; box-shadow: none; font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: #A0A0A0; border-radius: 10px; }
select.form-control { color: #A0A0A0; appearance: none; -webkit-appearance: none; padding-right: 40px; background-image: url(../images/btm-arrow.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px;  }
select.form-control option{ color: var(--color-secondary);}
textarea.form-control{ height: 130px !important; resize: none;}
.form-control:focus { color: #A0A0A0; box-shadow: inherit; border: 1px solid #D9D9D9; }
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; }

.form-control::placeholder { color: #A0A0A0; opacity: 1; }
.form-control::-ms-input-placeholder { color: #A0A0A0; }
.form-control::placeholder { color: #A0A0A0; }



/* --- 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) --- */
/* --- 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 --- */

/* UTILITY CLASSES*/
.common-p { padding-block: var(--padding-height); }
.p-t-xl { padding-block-start: clamp(3rem, 2rem + 3.5vw, 8rem);}
.p-b-xl { padding-block-end: clamp(6.25rem, 4.8077rem + 6.4103vw, 12.5rem);}
.common-p-sm { padding-top: 50px; padding-bottom: 50px;}
.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; object-position: top;}
h6.subtitle { font-family: var(--ff-base); font-size: var(--f-size-ES); color: #464646; font-weight: var(--fw-semi-bold); border: 1px solid #7171711A; display: inline-flex; background: var(--color-white); padding: 16px 30px; border-radius: 30px; position: relative; }
h6.subtitle::before { content: ""; position: absolute; width: 94px; left: 0; right: 0; top: 0; margin-inline: auto; border: 1px solid; z-index: 9; border-image: linear-gradient(90deg, #71717100, #717171, #71717100) 1; }


 
.mt-50{ margin-top: var(--gap-50);}
.mb-50{ margin-bottom: var(--gap-50);}
.mb-40{ margin-bottom: var(--gap-40);}
.pb-50{ padding-bottom: var(--gap-50);}
.deep-bg{ background: var(--color-accent);}
.deep-bg *:not(.btn){ color: var(--color-white);}
.right-gap { padding-right: 17.242%; }
.left-gap{ padding-left: 17.242%;}
.shape { position: absolute; top: 0; bottom: 0; max-width: 40%; pointer-events: none;}
.shape img{ height: 100%; width: auto;} 
.left-shape{ left: 0;}
.right-shape{ right: 0;}
.shape.rounded-shape { top: auto; bottom: 0; max-width: 25%; }
.overflow-content { position: relative; z-index: 3;}
.rounded-20-corners { border-radius: 20px;}
.pdf-card-box { background-color: var(--color-quinary); border-radius: 30px; padding: 50px 30px 50px; position: relative; height: 100%; transition: var(--transition-common);}
.pdf-card-box:hover{transform: translateY(-10px); }
.pdf-card-box .download-box { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background-color: var(--color-white); border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: var(--transition-common); z-index: 2; }
.pdf-card-box .download-box a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.pdf-card-box .download-box::after { content: ""; position: absolute; top: 50%; transition: var(--transition-common); background-color: var(--color-secondary); width: 0; height: 0; transform: translateY(-50%); border-radius: 10px; z-index: -1; }
.pdf-card-box .download-box:hover::after { width: 100%; height: 100%; }
.pdf-card-box .download-box:hover img { filter: brightness(0) invert(1); }
.pdf-card-box .pdf-icon { margin-bottom: 10px;}
.deep-bg .pdf-card-box { background-color: var(--color-white);}
.deep-bg .pdf-card-box .download-box { background-color: var(--color-quinary); }
.deep-bg .pdf-card-box h5 { color: var(--color-secondary);}


.swiper-arrow { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: var(--color-accent); position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); overflow: hidden;}
.swiper-arrow::before{ content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; height: 100%; width: 0; background: var(--color-secondary); transition: var(--transition-common);}
.swiper-arrow img{ width: 10px; height: 15px; position: relative; z-index: 3; transition: var(--transition-common);}
.swiper-arrow:hover::before{ width: 100%;}
.swiper-arrow.swiper-arrow-prev { left: -25px; }
.swiper-arrow.swiper-arrow-prev::before{ right: 0;}
.swiper-arrow.swiper-arrow-next { right: -25px; }
.swiper-arrow.swiper-arrow-next::before{ left: 0;}
.swiper-pagination{ position: relative; margin: var(--gap-50) 0 0;}
.swiper-pagination-bullet { width: 15px; height: 15px; margin: 0 8px !important; border: 1px solid var(--color-accent); border-radius: 0; background: transparent; transition: var(--transition-common); position: relative; opacity: 1; overflow: hidden;}
.swiper-pagination-bullet::before{ content: ""; position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; margin: auto; background: var(--color-accent); transition: var(--transition-common); transform: scale(0);}
.swiper-pagination-bullet:hover::before, .swiper-pagination-bullet-active::before{ transform: scale(1);}

.link-border-box a, p>a, p strong a { background-image: linear-gradient(#cf303000 95%, var(--color-accent) 0, var(--color-accent)); 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, p>a:hover, p strong 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%;}
@media only screen and (min-width: 1600px) {
  .container{ max-width: 1440px;}
}
/* UTILITY CLASSES*/

/* --- BUTTON STYLE START HERE --- */
.btn, a.btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 37px; border: 0 !important; border-radius: 30px; background-color: var(--color-accent); color: var(--color-white); font-size: var(--f-size-Body); font-family: var(--ff-base); font-weight: var(--fw-bold); position: relative; overflow: hidden; transition: var(--transition-common); cursor: pointer;}
.wp-block-buttons .wp-block-button__link { font-weight: var(--fw-bold);}
.btn:hover, a.btn:hover , .wp-block-buttons .wp-block-button__link:hover { background-color: var(--color-secondary) !important; color: var(--color-white);}


.btn.white-btn , a.btn.white-btn { background-color: transparent; }
.btn, .btn.white-btn .button-text, a.btn.white-btn .button-text { background-color: var(--color-white); color: var(--color-accent); }
.btn, .btn.white-btn .border-line, a.btn.white-btn .border-line { border-color: var(--color-white);}

.btn.white-btn:hover .button-text, a.btn.white-btn:hover .button-text{ color: var(--color-white); }
.btn.white-btn:hover .button-text img, a.btn.white-btn:hover .button-text img { transition: var(--transition-common); filter: brightness(0) invert(1); }



.subnit-btn.btn input[type="submit"] { position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; border: 0; background: transparent; opacity: 0; }
/* --- BUTTON STYLE END HERE --- */



/*-----SCROLL BAR DESIGN START HERE----------*/
/* width */
::-webkit-scrollbar {width: 8px; height: 4px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 2px #263B79; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: var(--color-accent); border-radius: 10px; }
/*-----SCROLL BAR DESIGN END HERE ----------*/

/*-----HEADER PART START HERE----------*/
/*-----HEADER PART START HERE----------*/
.site-header { width: 100%; background: var(--color-accent); }
.header-inner { display: flex; justify-content: space-between; }
.header-inner .site-logo {padding-inline: 70px 79.5px; border-right: 0.4px solid #FFFFFF80; min-height: 94px; display: flex; align-items: center; }

.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.main-menu ul li { margin-block: 35px; margin-inline: 13px; display: flex; justify-content: center; align-items: center; position: relative; 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; }
header .main-menu ul>li { position: relative; cursor: pointer }
.main-menu ul li a { display: block; color: var(--color-white); font-family: var(--ff-base); font-size: var(--f-size-ES); font-weight: var(--fw-regular); 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.current-menu-item > a { font-weight: var(--fw-semi-bold); }
.main-menu > ul > li > a:hover { color: #ffd0ac; }

.header-right a.btn { padding: 34px 58px; border-radius: 0; min-height: 94px; }
button.header-search-btn { background: transparent; border: 0; border-left: 0.4px solid #FFFFFF80; border-right: 0.4px solid #FFFFFF80; padding: 0 30px; }

/* ======================================== Search Popup ======================================== */
.search-popup { position: fixed; inset: 0; z-index: 99999; visibility: hidden; opacity: 0; transition: opacity 0.25s ease, visibility 0.25s ease; }
.search-popup.is-open { visibility: visible; opacity: 1; }
.search-popup-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.75); cursor: pointer; }
.search-popup-content { position: relative; width: min(700px, calc(100% - 40px)); margin: 120px auto 0; padding: 50px 40px; background: #ffffff; border-radius: 8px; z-index: 2; }
.search-popup-inner h2 { margin: 0 0 25px; font-size: 30px; line-height: 1.3; color: #111111; }
.search-popup-close { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; border: 0; background: transparent; color: #111111; font-size: 32px; line-height: 1; cursor: pointer; }
.header-search-form { display: flex; width: 100%; }
.header-search-form input[type="search"] { flex: 1; width: 100%; min-height: 55px; padding: 0 18px; border: 1px solid #dddddd; border-right: 0; outline: none; font-size: 16px; }
.header-search-form input[type="search"]:focus { border-color: var(--color-accent); }
.header-search-form button { min-width: 120px; border: 0; background: var(--color-accent); color: #ffffff; padding: 0 20px; font-size: 16px; font-weight: 600; cursor: pointer; }




/*------css for new dropdown sub-menu start--------*/
.main-menu ul li.menu-item-has-children a {padding-right: 26px; }
.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: 42%; right: 8px; 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); margin: 0 auto; }
.main-menu ul.sub-menu li a:after{display: none!important;}
.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.sub-menu li { margin: 0!important; padding: 0 }
.main-menu ul li .sub-menu li a {color: #231F20 !important; padding: 8px 0; } 
.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 .sub-menu { position: absolute; left: 0; top: 100%; transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform 0.3s, opacity 0.3s; width: 230px; overflow: hidden; padding: 0; box-shadow: none; opacity: 1; visibility: hidden; display: unset }
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 {padding-top: 5px;box-shadow: 0px 4px 10px 0px #00000014;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: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--------*/ 

.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: flex; align-items: center; justify-content: end; }
.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 { background: var(--color-white); width: 100%; padding: 10px 0; box-shadow: 0 0 12px rgb(0 0 0 / 12%); transition: var(--transition-common); -ms-transition: var(--transition-common); -webkit-transition: var(--transition-common); }
.main-header.fixed .header-row { padding: 15px 0; }
.main-header.fixed .logo a{ height: 55px;}
/* HEADER FIX DESIGN END*/

 
/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.main-header.fixed.mobile-menu-open { padding: 15px 0 0; }
.main-header.fixed.mobile-menu-open .header-row { padding: 15px; }
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; left: 0; right: 0; background: #F6E5E9; height: 100dvh; 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-open .mobile-menu-container { top: 0; transform: translateY(0); opacity: 1; }
.mobile-menu-container .mobile-menu-bg { position: absolute; bottom: 0; left: 0; }
.mobile-menu-container .flow-shape { position: absolute; right: 0; bottom: 140px; max-width: 240px; }
.mobile-menu-container .curved-shape { bottom: 0; }

.mobile-menu-container .inner-container{ padding: 120px 5px 0; height: 100dvh; position: relative;}
.mobile-menu { max-width: 100%; padding: 24px 24px 0; margin: 0 auto; text-align: center; overflow: auto; height: 100%; }
.mobile-menu::-webkit-scrollbar { display: none;}
.mobile-menu-wrapper { background: #FFFFFF; border: 1px solid #9B629366; border-radius: 16px; position: relative; z-index: 9; overflow-y: auto; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }

.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu > ul > li{ display: block; margin: 18px 0; text-align: left; position: relative;}
.mobile-menu > ul > li:first-child { margin-top: 0;}
.mobile-menu > ul > li > a { display: inline-flex; color: #5C5360; font-size: 18px;}
.mobile-menu > ul > li.current-menu-item > a { padding: 0 0 5px; color: #49175B; border-bottom: 1px solid #49175B;}

.dropdown-icon-menu { position: absolute; right: 0; top: 6px; width: 15px; height: 15px; background-image: url(../images/pink-down-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; transition: var(--transition-common); }
.mobile-menu ul > li.menu-open .dropdown-icon-menu { transform: rotate(-180deg);}

.mobile-menu-container ul.sub-menu {position: relative; overflow: hidden; display: none; padding: 16px; margin-top: 5px; border: 1px solid #9B629366; background: #FFFFFF; border-radius: 20px; }
.mobile-menu-container ul.sub-menu.sub-menu-open {transform: scaleY(1);}
.mobile-menu-container ul.sub-menu li:not(:last-child) {margin-bottom: 12px;}
.mobile-menu-container ul.sub-menu li a { border: 1px solid #CB8FB5; display: block; padding: 16px 24px; border-radius: 6px; position: relative; font-size: 18px; }
.mobile-menu-container ul.sub-menu li a:before { content: ""; position: absolute; left: -4px; width: 6px; height: 75%; top: 50%; transform: translateY(-50%); border-radius: 10px; background-color: #32103F;}
.mobile-menu-container ul.sub-menu li.current-menu-item a { background-color: #32103F; border-color: #32103F; color: var(--color-white);}
.mobile-menu-container ul.sub-menu li.current-menu-item a::before { background-color: #CC8FB5;}




.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===========*/

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ position: relative; display: none; align-items: center; justify-content: center; width: 51px; height: 51px; padding: 6px; margin-left: 15px;}
.hamburger-nav span.border-line.border-line-top { position: absolute; z-index: 1; width: 100%; height: calc(50% - 7px); left: 0; top: 0; border: 1px solid var(--color-quaternary); border-bottom: 0; border-radius: 0; transition: var(--transition-common); pointer-events: none; }
.hamburger-nav span.border-line.border-line-bottom { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: calc(50% - 7px); border: 1px solid var(--color-quaternary); border-top: 0; border-radius: 0; transition: var(--transition-common); pointer-events: none; }

/*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; width: 100%; display: inline-flex; justify-content: center; gap: 10px; text-align: center; color: var(--color-white); background: var(--color-accent); transition: var(--transition-common); position: relative; z-index: 1; isolation: isolate; overflow: hidden; }
.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:4.5; stroke-linecap:round; } 
/* .main-header.fixed .line { stroke: #3C5180; } */
.ham6 .top { stroke-dasharray: 22 172; transform: translateX(17px); }
.ham6 .middle { stroke-dasharray: 41 111; transform: translateX(1px); }
.ham6 .bottom { stroke-dasharray: 22 172; transform: translateX(1px); }
.ham6.active .top { stroke-dashoffset: -132px;transform: translateX(1px); }
.ham6.active .middle { stroke-dashoffset: -71px; }
.ham6.active .bottom { stroke-dashoffset: -132px; } 
/*when turns close icon*/

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
/*-----HEADER PART END HERE----------*/





/* HOME PAGE START HERE ==========================*/
.top-banner .content-block { max-width: 1153px; margin: 0 auto; text-align: center; }
.top-banner .content-block p { max-width: 882px; margin-inline: auto; }
.expert-icon-box { max-width: 325px; margin-inline-start: auto; padding: 50px; text-align: center; border-radius: 20px; }
.expert-icon-box h3 { margin-top: 30px; }
.county-card { background-color: var(--color-white); border: 1.25px solid #A6A6A680;padding: 24px; border-radius: 20px; height: 100%; }
span.category-tag { background: var(--color-tertiary); font-size: var(--f-size-ES); padding: 12px 37px; color: var(--color-accent); border-radius: 60px; font-weight: var(--fw-semi-bold); display: inline-flex; margin-bottom: 15px;} 
.county-card h3 a { color: var(--color-secondary);}










/* FOOTER PART START HERE ==========================*/

.main-footer{  background: #32103F;}
.main-footer::after{ content: ""; position: absolute; z-index: 1; inset: 0;  background: url(../images/footer-bg.png); background-position: center; background-size: cover; background-repeat: no-repeat;}
.top-footer{ padding-bottom: 50px;}
.footer-logo a { display: inline-block; height: 245px;}
.footer-logo a img{ display: block; width: auto; height: 100%;}

.footer-menu { padding: 40px; background: #FFFFFF0F; border: 1px solid #FFFFFF1A; border-radius: 20px; }
.footer-menu ul { display: flex; flex-wrap: wrap; gap: 24px;}
.footer-menu li{ width: calc(33.33% - 24px*2/3);}
.footer-menu li a{ color: var(--color-white);}

.bottom-footer{ padding: 24px 0; border-top: 1px solid #FFFFFF26;}
.bottom-footer .copy-wrap p, .bottom-footer .website-credit p{ font-size: 16px; color: var(--color-white);}
.bottom-footer .copy-wrap, .website-credit{ margin-bottom: 8px;}
.bottom-footer .policy-wrap p{ font-size: 12px; color: var(--color-white);}
.bottom-footer .left-col a{ background-image: linear-gradient(#cf303000 95%, var(--color-white) 0, var(--color-white)); background-position-y: bottom; background-repeat: no-repeat; background-size: 100% 100%;     transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; color: var(--color-white);}
.bottom-footer .left-col a:hover{ background-position-x: right; background-position-y: bottom; background-size: 0 100%;}
.website-credit p{ display: flex; align-items: center; justify-content: end; gap: 6px;}
.bottom-footer .website-partner p{ font-size: 16px; color: var(--color-white);}
.bottom-footer .inner-row a{ color: var(--color-white);}
#webisserie-logo { display: inline-block; width: 18px;}



/*BREADCRUMB CSS START HERE ==========================*/
.breadcrumb li.breadcrumb-item { color: #652A4F; font-size: var(--f-size-Body); font-family: var(--ff-secondary); font-weight: var(--fw-medium);}
.breadcrumb li.breadcrumb-item a { display: flex; align-items: center; gap: 12px; color: #917C92; }

/*INNER BANNER CSS START HERE ==========================*/
.hero-section.hero-inner-banner { padding:170px 0 100px; min-height: 600px; }
.hero-section.hero-inner-banner .banner-info p { font-family: var(--ff-secondary); font-size: var(--f-size-S); }
.centerTop-curved-shape { position: absolute; left: 0; right: 0; top: 0; }
.hero-section.hero-inner-banner .hero-leaf { transform: rotate(25deg); right: -30px; }

/*ABOUT PAGE START HERE ==========================*/

.flow-shape.right { right: 0; bottom: 0; }
.who-ahavas-section .image-holder .image-box { padding-bottom: 65%; border-radius: 40px;}
.who-ahavas-section::before { content: ""; position: absolute; z-index: 1; background: linear-gradient(96.39deg, rgba(246, 229, 233, 0.2) 4.2%, rgba(246, 229, 233, 0.1) 95.93%); width: 35%; height: 35%; right: -30px; bottom: 35px; border-radius: 30px; }
.who-ahavas-section::after { content: ""; position: absolute; z-index: 2; right: 20px; bottom: 55px; border: 1px solid var(--color-white); border-radius: 30px; width: 35%; height: 35%; }
.who-ahavas-section .logo-shape { left: 40px; bottom: -33px; transform: rotate(-18deg); }
.who-ahavas-section .section-title { max-width: 636px; }
.what-everygirl-section.padding-common { padding-bottom: 180px; }
.what-everygirl-section .section-title-box { background: #F9DCE3; padding: 40px; position: relative; border-radius: 20px; max-width: 576px;  margin-bottom: -140px; z-index: 2; }
.what-everygirl-section .section-title-box h2 { margin-bottom: 0;}
.what-everygirl-section .section-title-box svg { position: absolute; bottom: -77px; left: -50px; }
.what-everygirl-section .image-holder.image-holder-small { max-width: 336px; width: 100%; margin-left: 100px; }
.what-everygirl-section .image-holder.image-holder-small .image-box { padding-bottom: 104%; }
.what-everygirl-section .image-holder.image-holder-medium { max-width: 440px; width: 100%; margin-bottom: 36px; }
.what-everygirl-section .image-holder.image-holder-medium .image-box { padding-bottom: 113.637%; }
.what-everygirl-section .section-title-design .title-border::before { left: 0;}
.what-everygirl-section .inner-box .section-title-design { max-width: 426px; margin-left: auto; }
.what-everygirl-section .inner-box .section-title-design .title-border { top: 0; }
.what-everygirl-section .inner-box .section-title-design p { margin-top: 40px;}
.what-everygirl-section .flower-shape.right { right: 20px; top: 20px; }
.leadership-section { background: #f7e5e9; padding: 70px 0 18%; }
.leadership-card {padding-inline: 26px; height: 100%; }
.leadership-card:after { content: ""; position: absolute; top: 50%; left: 0; background: #FEF3F5; width: 100%; height: 85%; border-radius: 20px; transform: translateY(-50%); z-index: -1; }
.leadership-card .details-content { position: relative; background: #32103F; height: 100%; border-radius: 20px; padding: 10px; overflow: hidden;}
.leadership-card .details-content .details-content-inner> * { color: var(--color-white);}
.leadership-card .details-content .details-content-inner { display: flex; flex-direction: column; justify-content: center; height: 100%; border: 1px solid #FFFFFF4D; border-radius: 20px; padding: 40px 15px; position: relative; z-index: 3; }
.leadership-card .details-content .details-content-inner h4 { margin-bottom: 10px;}
.leadership-card .details-content .details-content-inner h6 { font-size: var(--f-size-ES); color: #F9DCE3; font-weight: normal;}
.leadership-card .details-content img { position: absolute; z-index: 2; right: 0; bottom: 10px; }
.leadership-card .leadership-card-contnet p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.leadership-card .leadership-card-contnet { padding: 40px 0; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.leadership-card .leadership-card-contnet a.link-icon { display: inline-flex; gap: 10px; font-weight: var(--fw-semi-bold); }
.faculty-info-wraper { border-left: 6px solid #CC8FB5; background-color: var(--color-white); box-shadow: 0px 4px 15px 0px #0000001A;
padding: 40px 30px; border-radius: 10px; } 
.leadership-card .leadership-card-contnet a.link-icon img { transition: var(--transition-common);}
.leadership-card .leadership-card-contnet a.link-icon:hover img { transform: translateX(3px); }
.faculty-info-wraper h4 { margin-bottom: 10px;}

/*LEADERSHIP MODAL START HERE ==========================*/
.leadership-modal .modal-dialog { max-width: 650px; }
.leadership-modal .modal-dialog .modal-content { background: #FEF3F5; border-radius: 20px; padding: 0 50px 50px; border: 0; }
.leadership-modal .modal-dialog .modal-content button.btn-close { position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; border: 3px solid #FEF3F5; border-radius: 50%; background: var(--color-accent); opacity: 1; padding: 0; display: flex; align-items: center; justify-content: center; }
.leadership-modal .modal-dialog .modal-content button.btn-close:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background-color: #CC8FB5; width: 0; height: 0; border-radius: 50%; transition: var(--transition-common);}
.leadership-modal .modal-dialog .modal-content button.btn-close:hover:after { width: 40px; height: 40px;}
.leadership-modal .modal-dialog .modal-content button.btn-close img { position: relative; z-index: 2; }
.leadership-modal .modal-dialog .modal-content button.btn-close:hover img { animation: bouncing 0.5s 0.3s; }
.leadership-modal .modal-dialog .modal-content button.btn-close:focus { outline: 0; box-shadow:none; }
.leadership-modal .modal-dialog .modal-content .modal-header { border: 0; background: #32103F; border-radius: 20px; padding: 10px; margin-top: -70px; position: relative; overflow: hidden;  }
.leadership-modal .modal-dialog .modal-content .modal-header .modal-header-inner {width: 100%; border: 1px solid #FFFFFF4D; border-radius: 20px; padding: 30px 20px; }
.leadership-modal .modal-dialog .modal-content .modal-header .modal-header-inner h4 { color: var(--color-white); margin-bottom: 8px;}
.leadership-modal .modal-dialog .modal-content .modal-header .modal-header-inner h6 { font-size: var(--f-size-ES); color: var(--color-white); margin-bottom: 0; color: #F9DCE3;}
.leadership-modal .modal-dialog .modal-content .modal-header .modal-header-inner img { position: absolute; top: 0; right: 0; }
.leadership-modal .modal-dialog .modal-content .modal-body { padding: 30px 0 0; }




/*CURRICULUM PAGE START HERE ==========================*/

.leaf-shape.right { right: 0; left: auto;}
.flow-shape.left { left: 0; right: auto; bottom: 0; }
.home-about-section .image-outer.image-outer-right .image-box::before{ right: -53%;}
.white-box { background: #FFFFFF; box-shadow: 0px 4px 20px 0px #7F5B8C1A; padding: 30px; border-radius: 20px; }
.deep-bg .white-box { background: #562766; } 
.deep-bg .white-box a { background-image: linear-gradient(#cf303000 95%, var(--color-white) 0, var(--color-white)); background-position-y: bottom; background-repeat: no-repeat; background-size: 100% 100%; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s;}
.deep-bg .white-box a:hover { background-position-x: right; background-position-y: bottom; background-size: 0 100%; }
.home-about-section .white-box { max-width: 519px; }
.limudei-kodesh-section .image-holder .image-box { padding-bottom: 86.208%; max-width: 540px; margin-inline: auto;}
.limudei-kodesh-section .box-1 { position: absolute; z-index: 2; background: linear-gradient(96.39deg, rgba(246, 229, 233, 0.2) 4.2%, rgba(246, 229, 233, 0.1) 95.93%); width: 12%; height: 87%; left: 8.5%; top: -44px; border-radius: 30px; animation: inherit; }
.limudei-kodesh-section .box-2 { position: absolute; z-index: 2; left: 10%; top: -47px; border: 1px solid var(--color-white); border-radius: 30px; width: 12%; height: 90%; }
.limudei-kodesh-section .box-2::before { display: none;}
.limudei-kodesh-section .logo-shape { right: 0; bottom: -50px; }
.general-study-section { background-color: var(--color-quinary);}
.general-study-section .info-wraper { border: 1px solid #49175B; padding: 30px; border-radius: 30px; max-width: 746px; }
.general-study-section .info-wraper .info-inner-wraper { background: #FEF3F5; padding: 30px; border-radius: 20px; }
.general-study-section .image-holder .image-box { max-width: 576px; height: 100%; margin-left: auto; overflow: hidden; }
.general-study-section .image-holder .image-box img { width: 100%; height: 100%; object-fit: cover;}
.college-info-section .half-circle-box { text-align: right; position: absolute; left: 0; top: 60%; transform: translateY(-50%);  overflow: hidden; width: 26vw; z-index: 2; }
.college-info-section .half-circle-box img { width: 100%; height: 100%; }

@media (min-width: 1921px) and (max-width: 3000px) {
    .college-info-section .half-circle-box { width: 22vw;}
}
.college-info-section:after { content: ""; position: absolute; left: 0; right: 0; bottom: -100px; height: 70%; background: linear-gradient(0deg, rgba(254, 247, 249, 1) 0%, rgb(254 247 249 / 35%) 50%, rgb(254 247 249 / 64%) 100%); }

.college-info-section .inner-wrapper { padding-left: 120px; }
.college-info-section .section-title-design { max-width: 576px; margin-left: auto; }
.college-info-section .section-title-design p { margin-top: 40px;}
.college-info-section .section-title-design .title-border { top: 0; }
.college-info-section .section-title-design .title-border::before { left: 0; }
.card-box { background: #FFFFFF; box-shadow: 0px 4px 20px 0px #7F5B8C1A; padding: 10px; border-radius: 40px; } /* GLOBAL CARD BOX DESIGN */
.card-inner { border: 1px solid #9B62934D; border-radius: 30px; padding: 20px 30px; }/* GLOBAL CARD INNER BOX DESIGN */
.card-box .icon-box { width: 80px; height: 80px; background: var(--color-quinary); display: flex; align-items: center; justify-content: center; border-radius: 50%; flex: 0 0 auto; }
.card-section .card-col:last-child .card-box { margin-top: 50px; }
.college-info-section .card-inner { padding: 40px;}
.college-info-section .gradient-flower-shape { transform: rotate(-125deg) translate(-80%, 24%); bottom: 0; max-width: 400px; z-index: -1; }
.college-info-section .card-section { position: relative; z-index: 2; }

/*STUDENT LIFE PAGE START HERE ==========================*/

.culture-growth-sec .leaf-shape { max-width: 50%; top: -35px; right: -4px; }
.culture-growth-sec .image-outer-center { aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; margin-bottom: -30%; }
.culture-growth-sec .image-outer-center:before { content: ""; position: absolute; left: 8%; top: 8%; background: linear-gradient(180deg, #F6E5E9 -9.15%, #FEF7F9 80.89%); width: 85%; height: 85%; border-radius: 50%; }
.culture-growth-sec .image-outer-center:after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(152.78deg, #FFFFFF 11.43%, rgba(255, 255, 255, 0) 47.82%, rgba(255, 255, 255, 0.4) 72.04%, #FFFFFF 88.48%); box-shadow: 10px 10px 20px 0px #CC8FB50D; border-radius: 50%; transition: var(--transition-common); }
.culture-growth-sec .info-wraper { max-width: 390px; }
.culture-growth-sec .image-outer-center .image-box {position: absolute; left: 0; right: 0; top: 50%; transform: translate(12% , -78%);    margin: 0 auto; }
.culture-growth-sec .white-box { max-width: 348px; margin-left: auto;  }
.culture-growth-sec .ribbon-wrap { position: absolute; top: 40px; right: 20px; width: 20%; max-width: 100%; }
.culture-growth-sec .ribbon-img img { width: 100%;}
.culture-growth-sec .curved-shape { z-index: 4; }
.featured-ahavas-section.padding-common { padding-bottom: 18%; }
.feature-box { background: var(--color-quinary); height: 100%; border-radius: 30px; padding: 30px; position: relative; }
.feature-box .icon-box { width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; border: 8px solid var(--color-quinary); border-radius: 50%; margin: -90px auto 0; }
.icon-inner-box { width: 80px; height: 80px; background: var(--color-quinary); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.feature-box .content-wrapper h5 { color: var(--color-accent);}
.feature-box .content-wrapper p { color: var(--color-primary);}
.explore-section.fills-years-section .explore-card-row { top: 50px; margin-top: -50px; }
.explore-section.fills-years-section .explore-card-row::before { height: calc(44% - calc(var(--gap-50) + 30px)); }
.explore-section.fills-years-section .explore-card:hover { background: var(--color-accent); }
.explore-section.fills-years-section .explore-card:hover h3, .explore-section.fills-years-section .explore-card:hover p { color: var(--color-white); }
.explore-section.fills-years-section .explore-card .icon img { filter: inherit; }
.explore-section.fills-years-section .explore-card .icon { flex: 0 0 auto; width: 60px; }


/*ADMISSIONS PAGE START HERE ==========================*/

span.line-1 { border-top: 1px solid #C8B4CA; display: block; }
.apply-steps { margin-bottom: var(--padding-height); margin-top: 50px;}
.apply-steps .apply-steps-col { padding: 24px; position: relative;}
.apply-steps .apply-steps-col:nth-child(1) { background: #F9EEF1; border-radius: 30px 0 0 30px; }
.apply-steps .apply-steps-col:nth-child(1)::after { content: ""; position: absolute; right: -25px; bottom: 0; width: 50px; height: 50px; background: #F9EEF1; z-index: -1; }
.apply-steps .apply-steps-col:nth-child(2) { background: var(--color-quinary); margin-top: -30px; border-radius: 30px 0 0 30px;  }
.apply-steps .apply-steps-col:nth-child(2)::after { content: ""; position: absolute; right: -25px; bottom: 0; width: 50px; height: 50px; background: var(--color-quinary); z-index: -1; }
.apply-steps .apply-steps-col:nth-child(3) { background: #EED8DD; margin-top: -60px;  border-radius: 30px 0 0 30px; }
.apply-steps .apply-steps-col:nth-child(3)::after { content: ""; position: absolute; right: -25px; bottom: 0; width: 50px; height: 50px; background: #EED8DD; z-index: -1; }
.apply-steps .apply-steps-col:nth-child(4) { background: #EBC9D1; margin-top: -90px; border-radius: 30px;  }
.apply-steps .apply-steps-col .step .step-number { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border: 6px solid #FFFFFF; border-radius: 50%; flex: 0 0 auto; font-size: var(--f-size-L); color: var(--color-accent); font-family: var(--ff-secondary); }
.apply-steps .apply-steps-col .step .step-number span { display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; background: #fff; border-radius: 50%; }
.apply-steps .apply-steps-col h5 { color: #49175B;}
.apply-steps .apply-steps-col p { color: #5C5360;}


/*REGISTRATION PAGE START HERE ==========================*/

.solid-boxes::before {background: linear-gradient(96.39deg, rgba(246, 229, 233, 0.2) 4.2%, rgba(246, 229, 233, 0.1) 95.93%); }
.solid-boxes::after { border: 1px solid #FFFFFF; width: 34%;}
.solid-boxes.box-top::before {  bottom: auto; top: 55px; }
.solid-boxes.box-top::after { bottom: auto; top: 30px;}
.single-flower-img.top { top: -60px;}
.calender-row-wrapper::before { content: ""; position: absolute; z-index: -1; top: 0; left: 40%; height: calc(100% - calc(var(--gap-50) + 30px)); width: calc(100% + 20vw); background: #FEF3F50D; border-radius: 300px 0 0 300px; }



/*PARENT RESOURCES PAGE START HERE ==========================*/

.calender-section .calender-img { margin-left: -8%; }
.student-handbook-section { background-color: var(--color-quinary);}
.student-handbook-section:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 250px; background: linear-gradient(0deg, rgba(246, 229, 233, 1) 0%, rgb(246 229 233 / 67%) 50%, rgba(246, 229, 233, 0) 100%); }
/* .gradient-flower-shape { filter: brightness(0) saturate(100%) invert(76%) sepia(80%) saturate(342%) hue-rotate(
292deg) brightness(90%) contrast(90%);} */
.gradient-flower-shape.bottom-0 { bottom: 20px !important;}
/* .gradient-flower-shape img { opacity: 0.7; } */
.tuition-assistance-section:after { content: ""; position: absolute; right: 0; top: 0; width: 80%; height: 100%; background: linear-gradient(180deg, rgb(73 23 91) 0%, rgb(73 23 91 / 74%) 50%, rgb(73 23 91 / 47%) 100%); }
.tuition-assistance-section .gradient-flower-shape { top: 50%; transform: translateY(-50%);  }
.tuition-assistance-section .pdf-card-box { background-color: #653C74; max-width: 336px; margin-inline-start: 100px; }
.tuition-assistance-section .pdf-card-box  .pdf-title h5 { color: var(--color-white);}
.tuition-assistance-section .logo-shape { transform: rotate(-24deg) translate(20px, 45px); }

/*SUPPORT PAGE START HERE ==========================*/

.donate-giving-section .image-outer .image-box img { position: relative; top: 40px !important; }
.gift-section { background-color: var(--color-quinary);}
.donation-form { width: 100%; max-width: 1176px; margin: 0 auto; padding: 50px; color: #461047; background-color: var(--color-tertiary); border-radius: 30px; margin-top: 30px; }
.donation-header { display: flex; align-items: center; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 15px; }
.donation-type { display: flex; align-items: center; gap: 15px; }
.donation-form .donation-type select.form-control { width: 219px; color: #5C5360; }
.donation-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; }
.donation-form .pill-group { display: flex; flex-wrap: wrap; gap: 16px; }
.donation-form .pill input { position: absolute; opacity: 0; width: 0; height: 0; }
.donation-form .pill span { display: inline-flex; align-items: center; justify-content: center; min-width: 108px; padding: 14px 20px; box-sizing: border-box; border: 1px solid #CC8FB5; border-radius: 10px; background: transparent; color: var(--color-accent); font-size: 18px; cursor: pointer; user-select: none; transition: background 0.15s, color 0.15s, border-color 0.15s; }
.donation-form .pill:hover span { background: #fbe6f1; }
.donation-form .pill input:checked + span { background: #49175B; border-color:#49175B; color: var(--color-white); font-weight: 700; }
.donation-form .pill input:focus-visible + span { outline: 3px solid var(--border); outline-offset: 2px; }
.donation-form input:focus, .donation-form select:focus { border-color: #b979a7; }
.donation-form .amount-field { display: flex; width: 100%; height: 56px; margin-bottom: 11px; overflow: hidden; }
.donation-form .amount-field span { display: flex; align-items: center; justify-content: center; width: 62px; border: 1px solid #E5BFC9; background: #FEF7F9; border-radius: 10px 1px 1px 10px; color: #aaa; font-size: var(--f-size-Body); }
.donation-form .amount-field input { height: 100%; outline: none; flex: 0 0 calc(100% - 62px); border: 1px solid #D9D9D9; border-left: 0; border-radius: 0 10px 10px 0; padding: 15px 24px; }
.donation-form h3 span { color: #FF0F00; }
.donation-form .form-section { margin-top: 30px; }
.donate-giving-section .flow-shape { bottom: 80px; }


/*CONTACT PAGE START HERE ==========================*/
.contact-section { z-index: 3;}
.contact-info-wrapper .contact-top-head p { max-width: 519px; }
.contact-info-wrapper ul li { background: var(--color-white); box-shadow: 0px 4px 20px 0px #7F5B8C1A; margin-top: 24px; padding: 10px; border-radius: 40px; max-width: 576px; }
.contact-info-wrapper ul li .info-box { border: 1px solid #9B62934D; border-radius: 30px; padding: 20px 30px; display: flex; align-items: center; gap: 30px; }
.contact-info-wrapper ul li .info-box span { flex: 0 0 auto; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: var(--color-quinary); border-radius: 50%; transition: var(--transition-common); }
.contact-info-wrapper ul li:hover .info-box img { animation: bouncing 0.5s 0.3s; }
.contact-info-wrapper ul li .info-box .contact-num h5 { margin-bottom: 5px; }
.contact-info-wrapper ul li .info-box .contact-num p { color: #652A4F; font-weight: var(--fw-semi-bold); }
.contact-info-wrapper ul li .info-box .contact-num p a { color: #652A4F; }
.contact-section .contact-form { background-color: var(--color-quinary); padding: 40px; border-radius: 30px;}
.contact-section .contact-form form { margin-top: 30px; }
.contact-section .flower-shape { right: 20px; bottom: -36px; }




















/* MEDIA QUERY CSS START HERE==========================*/


@media (min-width: 2300px) and (max-width: 3000px) {
    .hero-section .top-curved-shape {right: 12%;}
}


@media only screen and ( max-width: 1699px ){
  .section-title-design .title-border::before{ left: 30px;}
  .section-title-design.flex-row-reverse .title-border::before{ right: 30px;}
    /* ABOUT PAGE RESPONSIVE START HERE */
.what-everygirl-section .flower-shape.right { width: 250px;}
.home-about-section .image-box { padding: 0 50px;}
.home-about-section .leaf-shape.left { left: -2% !important; }




/* CONTACT PAGE RESPONSIVE START HERE */
.contact-section .flower-shape { max-width: 80px; bottom: -16px; }

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

  .gradient-flower-shape { max-width: 450px; }
  .flow-shape { max-width: 180px;}
  /* HEADER PART RESPONSIVE START HERE */


  .main-header .header-row { padding: 20px 30px; }
  .main-header .logo a { height: 60px; }
  .main-header .main-menu { margin-right: 30px; }
  .main-menu > ul > li:not(:last-child) { margin-right: 16px; }
  /* HEADER PART RESPONSIVE END HERE */

  /* HOME PAGE RESPONSIVE START HERE */
  .explore-card { padding: 35px; }
  .hero-section { padding: 170px 0 0; min-height: calc(100dvh - 70px); }
  .hero-section .top-curved-shape { max-width: 450px;}
  .hero-section .image-box-outer { margin-left: 20%; }

  /* ABOUT PAGE RESPONSIVE START HERE */
.what-everygirl-section .section-title-box {max-width: 540px; margin-bottom: -100px;}




/* CURRICULUM PAGE RESPONSIVE START HERE */
.college-info-section .half-circle-box { width: 420px; }
.college-info-section .card-inner { padding: 30px; }
.limudei-kodesh-section .box-1 { left: 4.5%; top: -40px; }
.limudei-kodesh-section .box-2 { left: 6%; top: -35px; }


/* STUDENT LIFE PAGE RESPONSIVE START HERE */
.featured-ahavas-section.padding-common { padding-bottom: 250px; }


/* PARENT RESOURCES PAGE RESPONSIVE START HERE */
.calender-section .logo-shape { top: 30%; }
.calender-section .logo-shape svg { max-width: 160px; }


}
@media only screen and ( max-width: 1399px ){
  :root {
    /* Layout Adjustments */
    --gap-50:35px;
    --gap-40:30px;
}
  .btn, a.btn { padding: 5px; }
  .btn .button-text, a.btn .button-text { padding: 8px 30px; }
  .btn .button-text::after, a.btn .button-text::after { width: 8px; height: 8px; }
  .section-title-design .title-border { top: 22px; }
  .section-title-design .title-border::before { left: 20px; }
  .section-title-design.flex-row-reverse .title-border::before { right: 20px; }
  /* HEADER PART RESPONSIVE START HERE */
  .main-header { padding: 20px 0; }
  .main-header .header-row { padding: 15px 20px; border-radius: 15px; }
  .main-header .logo a { height: 55px; }
  .main-header .main-menu { margin-right: 18px; }
  .main-menu > ul > li:not(:last-child) { margin-right: 10px; }
  .main-menu > ul > li > a { padding: 6px 1px; }
  .main-menu ul li.menu-item-has-children a { padding-right: 22px; }

  .main-header.fixed{ padding: 0;}
  .main-header.fixed .logo a { height: 50px; }
  /* HEADER PART RESPONSIVE END HERE */

  /* HOME PAGE RESPONSIVE START HERE */
  .hero-section .image-box-outer::before { inset: -15px; border-radius: 60px; }
  .hero-section .image-box { border-radius: 60px; }
 
  .home-about-section .leaf-shape { max-width: 14%; }
  .home-about-section .flow-shape { bottom: -5%; }
  .choose-card { padding: 0 20px 20px 20px; }
  .choose-card::before { border-radius: 20px; }
  .choose-card .icon{ border-width: 6px;}
  .choose-card .icon .icon-inner { width: calc(100% - 10px); height: calc(100% - 10px); }

  .curious-circle-box-holder { padding-left: 5%; }
  .curious-section .flower-shape{ max-width: 22%;}

  .explore-card { padding: 30px 20px 35px; border-radius: 25px; }
  .explore-card::after { border-radius: 20px; }
  .explore-card .icon { height: 55px; margin-bottom: 20px; }
  .cta-box { padding: 15px 60px 0; border-radius: 30px; }
  .explore-section .leaf-shape { top: -10%; }
  .life-section .info-wraper { padding-left: 6%; }
  /* HOME PAGE RESPONSIVE END HERE */

/* FOOTER PART RESPONSIVE START HERE */
  .footer-logo a { height: 180px; }
  .footer-menu { padding: 30px; }
  .footer-menu ul { gap: 20px; }
  .footer-menu li{ width: calc(33.33% - 20px*2/3);}
/* FOOTER PART RESPONSIVE END HERE */

/* INNER BANNER RESPONSIVE START HERE */
  .hero-section.hero-inner-banner { padding: 120px 0 80px; min-height: 520px; }
  .centerTop-curved-shape { max-width: 720px; margin-inline: auto; }


  /* ABOUT PAGE RESPONSIVE START HERE */
  .what-everygirl-section .image-holder.image-holder-small { max-width: 300px; margin-left: 50px; }
  .what-everygirl-section .image-holder.image-holder-medium { max-width: 500px; }
.leadership-section { padding: 70px 0 250px; }
.leadership-card .details-content .details-content-inner { padding: 46px 15px; }
.what-everygirl-section .section-title-box { max-width: 490px; }
    
/* CURRICULUM PAGE RESPONSIVE START HERE */
.limudei-kodesh-section .box-1 {left: 2%;width: 18%; top: -28px; }
.limudei-kodesh-section .box-2 { left: 3%; width: 19%; top: -32px; }
.logo-shape svg { max-width: 200px; }
.general-study-section .info-wraper { padding: 20px; }
.general-study-section .info-wraper .info-inner-wraper { padding: 20px; }
.college-info-section .card-inner { padding: 20px; }
.card-box .icon-box { width: 70px; height: 70px; padding: 18px; }
.college-info-section .card-inner .gap-4 { gap: 1rem !important; }
.college-info-section .half-circle-box { left: -50px; width: 340px; } 
.college-info-section .inner-wrapper { padding-left: 80px; }

}

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

  /* GLOBAL RESPONSIVE START HERE ==========================*/
  :root {
    /* Layout Adjustments */
    --gap-50:28px;
    --gap-40:25px;
}
  .section-title-design .title-border { height: 8px; }
    .gradient-flower-shape { max-width: 320px; }
    .logo-shape svg { max-width: 120px; }
  
  /* GLOBAL RESPONSIVE START HERE ==========================*/

  /* HEADER PART RESPONSIVE START HERE ==========================*/
  .main-header .header-row { padding: 15px; border-radius: 12px; }
  .main-header { padding: 15px 0; }
  .main-header .hdr-rt{ justify-content: end;}
  /*  ===========mobile nav==========  */  
  .hamburger-nav { display: inline-block; }
  .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; }
  .main-menu, .main-header .hdr-rt.mob-hide { display: none; }
  

  /*  ===========mobile nav==========  */
  /* HEADER PART RESPONSIVE END HERE ==========================*/

  /* HOME PAGE RESPONSIVE START HERE */
  .hero-section{ align-items: center !important;}
  .hero-section .banner-info { padding-right: 0; }
  .hero-section .image-box-outer { margin-left: 5%; }
  .hero-section .top-curved-shape { max-width: 350px; }
  .home-about-section .image-outer { padding-right: 6%; }
  .choose-card { padding: 0 15px 20px 20px; }
  .choose-card .icon { width: 100px; height: 100px; }
  .choose-card::before { height: calc(100% - 40px); }
  .curious-center-box{ width: 120px; height: 120px;}
  .curious-badge-item { width: 100px; height: 100px; }
  .explore-card-row .row { row-gap: 40px; }
  .explore-section .leaf-shape { top: -5%; }
  .explore-card::after { inset: 8px; }
  .life-section::before { bottom: 40px; border-radius: 0 25px 25px 0; }
  .life-section::after { left: 15px; bottom: 60px; border-radius: 25px; }
  .life-section .image-box { border-radius: 30px; }
  .life-section .info-wraper { padding-left: 2%; }

  .cta-box { padding: 15px 40px 0; }
  .cta-box .align-items-end { align-items: center !important; }
  .cta-box .book-image { margin-right: auto;}
  .page-cta-footer .flower-shape { z-index: 9; bottom: -5%; }
  /* HOME PAGE RESPONSIVE END HERE */



  /* FOOTER PART RESPONSIVE START HERE */
  .footer-logo a { height: 180px; }
  .footer-menu { padding: 30px; }
  .footer-menu ul { gap: 20px; }
  .footer-menu li{ width: calc(33.33% - 20px*2/3);}
  /* FOOTER PART RESPONSIVE END HERE */

/* INNER BANNER PART RESPONSIVE START HERE */
.hero-section.hero-inner-banner { min-height: 450px; }
.centerTop-curved-shape { max-width: 640px; margin-inline: auto;}

/* ABOUT PAGE RESPONSIVE START HERE */
.what-everygirl-section .flower-shape.right { width: 210px; }
.what-everygirl-section .section-title-box { margin-bottom: -50px; max-width: 486px; }
.what-everygirl-section .image-holder.image-holder-small { max-width: 40%; }
.what-everygirl-section .image-holder.image-holder-medium { max-width: 60%; }
.leadership-section { padding: 70px 0 180px; }
.leadership-card .details-content .details-content-inner { padding: 40px 10px; }
.faculty-info-wraper { padding: 30px 25px;}
.cta-box .book-image { max-width: 75%; }

/* CARRICULAM PAGE RESPONSIVE START HERE */
.college-info-section .inner-wrapper { padding-left: 40px; }

/* STUDENT LIFE PAGE RESPONSIVE START HERE */ 
.culture-growth-sec .info-wraper { max-width: 100%; margin-bottom: 24px; }
.culture-growth-sec .image-outer-center { max-width: 400px; margin-inline: auto; margin-block: 24px; }
.culture-growth-sec .white-box { max-width: 100%; }
.culture-growth-sec .leaf-shape { max-width: 50%; top: -5px; right: -38px; }
.featured-ahavas-section.padding-common { padding-bottom: 200px; }

/* ADMISSIONS PAGE RESPONSIVE START HERE */ 
.apply-steps .step .gap-4 { gap: 1rem !important; }
.apply-steps .apply-steps-col { padding: 20px;}
.apply-steps .apply-steps-col .step .step-number { width: 70px; height: 70px; border: 4px solid #FFFFFF;}
.apply-steps .apply-steps-col .step .step-number span { width: 55px; height: 55px;}

/* REGISTRATION PAGE RESPONSIVE START HERE */ 
.card-inner { padding: 15px; }
.card-inner .gap-4 { gap: 1rem !important; }

/* PARENT RESOURCES PAGE RESPONSIVE START HERE */
.pdf-card-box { padding: 40px 20px 30px; border-radius: 20px; }
.pdf-card-box .download-box { top: 10px; right: 10px; width: 35px; height: 35px; }
.pdf-card-box .pdf-icon { max-width: 120px; margin-inline: auto; }
.tuition-assistance-section .gradient-flower-shape, .student-handbook-section .gradient-flower-shape { max-width: 220px;}

/* SUPPORT PAGE RESPONSIVE START HERE */
.donation-form { padding: 30px; }

/* CONTACT PAGE RESPONSIVE START HERE */
.contact-info-wrapper ul li .info-box{ padding: 15px 16px;}
.contact-section .contact-form { padding: 30px; }
.contact-section .flower-shape { z-index: 9;}

}
@media only screen and ( max-width: 991px ){
  :root {
    /* Layout Adjustments */
    --margin-title: 0 0 18px 0;
    --margin-paragraph: 0 0 16px 0;
}
  .section-title-design{ margin-bottom: 25px;}
  .section-title-design .title-border { top: 20px; }
  .section-title-design.flex-row-reverse .title-border:before { display: none;}
  .gradient-flower-shape { max-width: 260px; }
  .white-box { padding: 20px;}
  /* HOME PAGE RESPONSIVE START HERE */
  .hero-section { padding: 160px 0 0; align-items: end !important; }
  .hero-section .banner-info{ text-align: center; margin-bottom: 40px; max-width: 510px; margin-inline: auto; }
  .hero-section .image-box-outer{ max-width: 85%; margin: 0 auto;}
  .home-about-section .info-wraper { margin-bottom: 30px; }
  .home-about-section .image-outer{ padding: 0; max-width: 65%; margin: 0 auto;}
  .home-about-section .leaf-shape{ max-width: 20%; top: auto; bottom: 0;}
  .home-about-section .flow-shape { bottom: 0%; right: 10%; }
  .home-about-section .info-wraper { text-align: center; }
  .home-about-section .leaf-shape.left { top: 50%;}
   .section-title-design.d-flex { justify-content: center; }
  .section-title-design .title-border::before { display: none;}
  .hero-leaf { max-width: 18%;}
  .why-families-choose-section .logo-shape { top: auto; right: 1%; bottom: 2%; max-width: 25%; }
  .logo-shape svg { max-width: 150px; }

  .curious-section.padding-common { padding-bottom: 150px; }
  .curious-circle-box-holder { padding: 0; max-width: 80%; margin: 0 auto; }
  .curious-center-box { width: 150px; height: 150px; }
  .curious-section .inner-box { max-width: 100%; }
  

  .curious-badge-item.badge-pos-1{ left: 46%;}
  .curious-badge-item.badge-pos-2{ top: 20%;}
  .curious-badge-item.badge-pos-3{ top: 66%;}
  .curious-badge-item.badge-pos-4{ left: 46%;}
  .curious-badge-item.badge-pos-5 { top: 66%; }
  .curious-badge-item.badge-pos-6{ top: 20%;}

  .explore-section .leaf-shape { top: -5%; right: 80px; left: auto; max-width: 28%; }
  .life-section{ padding-bottom: 40px;}
  .life-section .box-1 { bottom: 0; }
  .life-section .box-2 { left: 30px; bottom: 20px; width: 55%; }

  .life-section .info-wraper { padding-left: 0; margin-bottom: 30px; }
  .life-section .image-box { border-radius: 20px; max-width: 97%; margin-left: auto;}


  .cta-box{ padding: 50px 30px;}
  .cta-box .info-wraper{ padding: 0; margin-bottom: 30px; text-align: center;}
  .cta-box .info-wraper h2 { max-width: 450px; margin-inline: auto; }
  .page-cta-footer .flower-shape { max-width: 13%; }
  .cta-box .image-box { top: auto; bottom: 0; max-width: 100%; }
  .cta-box .book-image{ max-width: 40%; padding-bottom: 0;}
  .cta-box .ribbon-wrap {width: 100%;top: auto; right: 0; bottom: -20px;}
  .cta-box .ribbon-wrap svg { max-width: 80%; }
  /* HOME PAGE RESPONSIVE END HERE */

  /* FOOTER PART RESPONSIVE START HERE */
  .footer-logo{ text-align: center; margin-bottom: 25px;}
  .footer-logo a { height: 160px; }
  .bottom-footer { padding: 15px 0; }
  .bottom-footer .inner-row { flex-wrap: wrap; justify-content: center !important; text-align: center; gap: 12px; }
  .bottom-footer .copy-wrap, .website-credit { margin-bottom: 5px; }
  .website-credit p{ justify-content: center;}
  /* FOOTER PART RESPONSIVE END HERE */

  /* .curious-orbit-ring, .curious-dashed-ring, .badge-inner{ animation: none !important;} */

/* INNER BANNER PART RESPONSIVE START HERE */ 
.hero-section.hero-inner-banner .banner-info { max-width: 100%; }


/* ABOUT PAGE RESPONSIVE START HERE */ 
.who-ahavas-section::before { width: 52%; }
.who-ahavas-section::after { width: 50%; }
.what-everygirl-section .inner-box .section-title-design { max-width: 100%; margin: 50px 0 0; display: block !important; }
.what-everygirl-section .section-title-design .title-border::before { width: 100%; display: block;}
.what-everygirl-section .section-title-box { max-width: 450px;}
.what-everygirl-section.padding-common { padding-bottom: 100px; }
.leadership-card { padding-inline: 20px; margin-block: 15px; }
.leadership-card { padding-inline: 0; margin-block: 15px;}
.home-about-section .white-box { max-width: 100%; }
.leadership-modal .modal-dialog .modal-content { padding: 0 30px 30px;}
.leadership-card-row .row.overlay-content { gap: 24px; }
.leadership-card .leadership-card-contnet { padding: 40px 20px 40px 0;}


/* CURRICULUM PAGE RESPONSIVE START HERE */ 
.limudei-kodesh-section .image-holder { margin-bottom: 30px; }
.limudei-kodesh-section .box-1, .limudei-kodesh-section .box-2 { display: none; }
.limudei-kodesh-section .image-holder .image-box { margin-inline: auto 0; max-width: 92%; position: relative; z-index: 3; }
.limudei-kodesh-section .image-holder:before { content: "";position: absolute; background: linear-gradient(96.39deg, rgba(246, 229, 233, 0.2) 4.2%, rgba(246, 229, 233, 0.1) 95.93%); width: 70%; height: 100%; left: 0; top: 30px; border-radius: 30px; animation: inherit;}
.limudei-kodesh-section .image-holder:after { content: "";position: absolute; left: 20px; top: 50px; border: 1px solid var(--color-white); border-radius: 30px; width: 70%; height:100%;}


.general-study-section .info-wraper { margin-bottom: 24px;}
.general-study-section .image-holder .image-box { max-width: 100%;}
.college-info-section:after { bottom: 0; }
.college-info-section .inner-wrapper { padding-left: 0; }
.college-info-section .section-title-design { max-width: 100%;}
.college-info-section .section-title-design p { margin-top: 20px; }
.college-info-section .w-75 { width: 100% !important;}
.card-section .card-col:last-child .card-box { margin-top: 24px; }
.college-info-section .gradient-flower-shape { transform: rotate(36deg) translate(36%, -40%); right: 0; }



/* STUDENT LIFE PAGE RESPONSIVE START HERE */  
.featured-ahavas-section.padding-common { padding-bottom: 160px; }
.culture-growth-sec .info-wraper, .culture-growth-sec .white-box { text-align: center;}

/* ADMISSIONS PAGE RESPONSIVE START HERE */  
.apply-steps { margin-top: 0;}
.apply-steps .apply-steps-col:nth-child(1) { border-radius: 30px;}
.apply-steps .apply-steps-col:nth-child(2), .apply-steps .apply-steps-col:nth-child(3), .apply-steps .apply-steps-col:nth-child(4) { margin-top: 24px; border-radius: 30px;}
.apply-steps .apply-steps-col:nth-child(1)::after , .apply-steps .apply-steps-col:nth-child(2)::after , .apply-steps .apply-steps-col:nth-child(3)::after { display: none;}

/* PARENT RESOURCES PAGE RESPONSIVE START HERE */  
.solid-boxes.box-top::before { bottom: 30px; top: auto; }
.solid-boxes.box-top::after { bottom: 55px; top: auto; }
.calender-section .section-title { text-align: center; }
.student-handbook-section .info-wraper { text-align: center; }
.student-handbook-section:after { height: 40%; top: 0; }
.student-handbook-section .gradient-flower-shape.bottom-0 { bottom: auto !important; top: 20px; right: -6% !important; }
.tuition-assistance-section .pdf-card-box { margin-inline: auto;}

/* SUPPORT PAGE RESPONSIVE START HERE */ 
.donation-header { flex-wrap: wrap; justify-content: center; }
.donation-buttons { justify-content: center;}
.donation-type { justify-content: space-between; flex: 0 0 100%; }

    
/* CONTACT PAGE RESPONSIVE START HERE */
.contact-info-wrapper { margin-bottom: 30px;}
.contact-info-wrapper ul li { max-width: 100%;}
.contact-info-wrapper .contact-top-head p { margin-inline: auto; text-align: center;}


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

/* HOME PAGE RESPONSIVE START HERE */
.hero-section .banner-info{ margin-bottom: 30px;}
.hero-section .top-curved-shape { max-height: 230px; }
.hero-leaf { max-width: 16%; }
.hero-section .image-box-outer::before { inset: -10px; border-radius: 35px; }
.hero-section .image-box { border-radius: 30px; }
.home-about-section .leaf-shape.left { top: 60%; left: -6% !important; }
.home-about-section .leaf-shape.right { top: 60%; right: -11% !important; }
.home-about-section .image-box { padding: 0; }
.curious-section.padding-common { padding-bottom: 130px; }
.curious-circle-box-holder { max-width: 85%; }
.explore-section{ padding-top: 20px;}  
.curious-section .info-wraper{ margin-bottom: 60px; text-align: center;}
.curious-section .info-wraper .section-title-design { justify-content: center; }
.explore-section .leaf-shape { top: auto; right: 0; left: auto; bottom: 0; }



/*ABOUT PAGE RESPONSIVE START HERE*/ 
.leadership-section { padding: 40px 0 120px; }
.leadership-card:after { display: none;}
.leadership-card .leadership-card-contnet { padding: 60px 20px 20px; background: #FEF3F5; border-radius: 20px; margin-top: -40px; height: auto; }
.leadership-card .details-content { margin-inline: 15px; }
.what-everygirl-section .section-title-box { margin-bottom: -30px; max-width: 350px; padding: 30px 20px; text-align: left !important; }
.what-everygirl-section .section-title-box .ribbon-wrap { display: none;}
.what-everygirl-section .image-wrapper .gap-4 { gap: 1rem !important; }
.what-everygirl-section .image-holder.image-holder-small {  max-width: 42%;  margin-left: 0;}
.what-everygirl-section .image-holder.image-holder-medium { max-width: 58%; margin-bottom: 0;}
.what-everygirl-section .image-holder.image-holder-small .image-box { padding-bottom: 125%; }


/*CURRICULUM PAGE RESPONSIVE START HERE*/ 
.college-info-section .card-section.mt-50 { margin: 0;}
.card-section .card-col:last-child .card-box { margin-top: 24px; }
.college-info-section.padding-common { padding-bottom: 0; }


/* STUDENT LIFE PAGE RESPONSIVE START HERE */  
.culture-growth-sec .ribbon-img { top: 30px; right: -20px; width: 40%;}

/* PARENT RESOURCES PAGE RESPONSIVE START HERE */  
.tuition-assistance-section .pdf-card-box { max-width: 100%; }
.tuition-assistance-section .gradient-flower-shape { top: 0; transform: inherit;}
.tuition-assistance-section:after { height: 60%; background: linear-gradient(180deg, rgb(73 23 91) 0%, rgb(73 23 91 / 73%) 50%, rgb(73 23 91 / 47%) 100%); width: 100%; }
.tuition-assistance-section .logo-shape { transform: rotate(-24deg) translate(-10px, 100px); } 
.tuition-assistance-section .logo-shape svg { width: 80px;}

/* SUPPORT PAGE RESPONSIVE START HERE */ 
.donation-form { padding: 30px 20px; }
.donation-type  { display: block; }
.donation-type h5 { margin-bottom: 15px !important; }
.donation-form .donation-type select { width: 100%;}


}
@media only screen and ( max-width: 575px ){
  /* GLOBAL PART RESPONSIVE START HERE ==================*/
  .padding-bottom-big{ padding-bottom: 100px;}
  .container{ max-width: 98%;}
  /* .section-title-design .title { max-width: 90%; margin-inline: auto; } */
  .section-title-design .title-border::before { display: none;}
  .section-title-design.flex-row-reverse { flex-direction: row !important; }
  .section-title-design .title-border { top: 16px; }
  .section-title-design .title-border::before { left: 15px; width: 70vw; }
  .section-title-design.flex-row-reverse .title-border::before{ right: auto; left: 15px;}
  .gradient-flower-shape { max-width: 38%; }
  /* GLOBAL PART RESPONSIVE END HERE ==================*/

  /* HEADER PART RESPONSIVE START HERE */
  .main-header .logo a { height: 50px; }
  .main-header .header-row .header-btn { display: none !important; }
  .mobile-menu-container .mobile-menu-button {padding: 0 24px 24px; }
  .mobile-menu-container .mobile-menu-button .btn{ width: 100%;}
  .mobile-menu-container .mobile-menu-button .btn .button-text { width: 100%; }
  .mobile-menu-container .flow-shape { bottom: 40px; max-width: 180px;}
  .mobile-menu-container .inner-container .container { max-width: 100%; }
  .mobile-menu-container ul.sub-menu li a { padding: 12px 24px;}

   /* HOME PAGE RESPONSIVE START HERE */
   .hero-section { padding: 150px 0 0; align-items: self-start !important; }   
   .hero-section .top-curved-shape{ display: none;}
   .home-about-section .image-outer { max-width: 70%; }
   .home-about-section .image-box img { max-width: 80%;}
   .home-about-section .leaf-shape { max-width: 30%; bottom: -37px;}
   .home-about-section .flow-shape { max-width: 25%; right: 3%; }
   .life-section .image-box { max-width: 96%; margin-left: auto; } 
   .life-section .box-1 { width: 50%; height: 33%; bottom: 0;}
   .life-section .box-2 { width: 75%; height: 35%; left: 13px; bottom: 20px; border-radius: 20px; }
   .choose-card .icon { width: 90px; height: 90px; border-width: 5px; }
   .curious-circle-box-holder { max-width: 100%; }
   .curious-center-box { width: 130px; height: 130px; }    
   .explore-card-row{ padding-top: 0;}
   .explore-card-row::before{ display: none;}
   .cta-box { padding: 50px 15px 20px; }
   .cta-box .info-wraper { margin-bottom: 25px; }
   .cta-box .image-box{ right: 2%; }
   .cta-box .image-box img{ transform: scaleX(-1);}
   .cta-box .book-image { max-width: 75%; }
   .page-cta-footer .flower-shape { max-width: 18%;bottom: -12%; }
   .cta-box .ribbon-wrap svg { max-width: 100%; }
   /* HOME PAGE RESPONSIVE END HERE */

   .footer-logo { margin-bottom: 20px; }
   .footer-menu { padding: 25px 15px; }
   .footer-menu ul { gap: 15px; }
   .footer-menu li{ width: calc(50% - 15px/2);}


/* INNER BANNER PART RESPONSIVE START HERE */
.hero-section.hero-inner-banner { min-height: 350px; padding: 140px 0 50px; }
.centerTop-curved-shape { display: none;}
.hero-section.hero-inner-banner .banner-info p { max-width: 320px; margin-inline: auto; }


/* ABOUT PAGE RESPONSIVE START HERE */
.who-ahavas-section .image-holder .image-box {max-width: 97%; margin-right: auto;}
.who-ahavas-section::after { width: 73%; right: 8px; bottom: 48px; }
.who-ahavas-section::before { width: 75%; }
.what-everygirl-section .image-wrapper .align-items-end { align-items: self-start !important; }
.what-everygirl-section .section-title-box { max-width: 100%; text-align: center !important; margin-bottom: 20px; }
.what-everygirl-section .image-holder.image-holder-small  { max-width: 48%; }
.what-everygirl-section .image-holder.image-holder-medium .image-box { padding-bottom: 140%; }
.what-everygirl-section .image-holder.image-holder-medium { max-width: 52%; }
.what-everygirl-section .inner-box .section-title-design { margin: 40px 0 0; }
.what-everygirl-section .inner-box .section-title-design p { margin-top: 20px; }
.what-everygirl-section.padding-common { padding-bottom: 70px; }
.what-everygirl-section .flower-shape.right { width: 150px; right: 0; top: 0; }
.faculty-section { padding-top: 20px; }
.leadership-section { padding: 40px 0 78px; }
.leadership-modal .modal-dialog { margin: 0 15px; }
.leadership-modal .modal-dialog .modal-content { padding: 0 20px 20px;}
.leadership-modal .modal-dialog .modal-content button.btn-close { right: -10px; top: -20px;}
.leadership-modal .modal-dialog .modal-content .modal-header { margin-top: -50px; max-width: 280px; }
.leadership-card .details-content .details-content-inner { padding: 25px 10px; }
.leadership-card .details-content img { max-width: 180px;}

/* CURRICULUM PAGE RESPONSIVE START HERE */
.college-info-section .gradient-flower-shape { display: none;}
.college-info-section .half-circle-box { width: 220px; }
.limudei-kodesh-section .image-holder:before { top: 20px; }
.limudei-kodesh-section .image-holder:after { top: 30px; left: 10px; }
.limudei-kodesh-section .logo-shape { bottom: -90px;}

/* STUDENT LIFE PAGE RESPONSIVE START HERE */  
.featured-ahavas-section.padding-common { padding-bottom: 120px; }
.explore-card-row .row { row-gap: 24px; }
.explore-section.fills-years-section .explore-card-row { margin-bottom: 40px;}
.culture-growth-sec .image-outer-center .image-box {transform: translate(9%, -66%) scale(0.85);}

/* REGISTRATION PAGE RESPONSIVE START HERE */   
.who-ahavas-section .image-holder .image-box { border-radius: 30px;}
.solid-boxes.box-top::after { bottom: 45px; }

/* PARENT RESOURCES PAGE RESPONSIVE START HERE */  
.tuition-assistance-section .gradient-flower-shape { right: -50px !important;}
.tuition-assistance-section .gradient-flower-shape, .student-handbook-section .gradient-flower-shape {max-width: 180px;}
.tuition-assistance-section .logo-shape { display: none;}
.student-handbook-section .gradient-flower-shape.bottom-0 { right: -14% !important; }
.single-flower-img.top { top: 30px; max-width: 160px; }


/* ADMISSIONS PAGE RESPONSIVE START HERE */  
.culture-growth-sec .ribbon-wrap {right: 10px; width: 133px;}



/* CONTACT PAGE RESPONSIVE START HERE */ 
.contact-info-wrapper ul li .info-box { gap: 18px; }
.contact-info-wrapper ul li .info-box span { width: 70px; height: 70px; }
.contact-info-wrapper ul li .info-box span img { width: 28px; }
.contact-section .contact-form { padding: 30px 20px; }
.contact-section .contact-form form { margin-top: 20px; }

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

  /* GLOBAL PART RESPONSIVE START HERE ==================*/
  .padding-bottom-big{ padding-bottom: 80px;}
  .form-control { font-size: 16px;}
  .mobile-menu-container .inner-container { padding: 110px 5px 0; }
  
  /* HOME PAGE RESPONSIVE START HERE ==================*/

  .hero-section .image-box-outer { max-width: 92%; }
  .hero-leaf { max-width: 24%; top: 7%; right: -2px; }  

  
  .curious-section .inner-box{ max-width: 95%;}
  .curious-circle-box-holder { max-width: 85%; }
  
  /* .curious-orbit-ring, .curious-dashed-ring, .badge-inner{ animation: none !important;} */
  .curious-badge-item { width: 90px; height: 90px; }
  .badge-inner { padding: 5px; }
  .badge-inner img{ width: 32px;}
  .curious-badge-item.badge-pos-4 { bottom: -12%; }
  .curious-badge-item.badge-pos-1 { left: 45%; }
  .curious-badge-item.badge-pos-4 { left: 45%; }




  /* SUPPORT PAGE RESPONSIVE START HERE */  
  .donation-form .pill-group {gap: 10px; justify-content: center;}
  .donation-form .pill span { min-width: 89px; padding: 8px 14px; font-size: 16px; }
  .amount-field span { width: 56px; }
  .amount-field input { padding: 12px 16px;}
  .contact-section .flower-shape { max-width: 70px; bottom: -12px; }


}
@media only screen and ( max-width: 380px ){
  .leadership-modal .modal-dialog .modal-content .modal-header { max-width: 260px;}

}

@media screen and (min-width: 568px) and (max-width: 991px) and (orientation: landscape) {
    .mobile-menu {
      height: calc(75svh - 80px);
    }
}