@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');



/* 
Font family
-----------------------------------------------

  font-family: "Inter", sans-serif;
  font-family: "Bricolage Grotesque", sans-serif;
    font-family: "Lora", serif;

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

:root {

    /* Primary Colors */
    --primary-blue: #003471;
    --primary-black: #1b1c20;
    --primary-brown: #81351e;
    --primary-gray: #594d42;
    --primary-tan: #b6afa7;

    /* Secondary Colors */
    --secondary-blue: #6685aa;
    --secondary-navy: #293844;
    --secondary-green: #334744;
    --secondary-brown: #806e60;

    /* Neutral / Background Colors */
    --neutral-light: #eeedeb;
    --neutral-lighter: #f6f6f5;

    --whitecolor: #FFFFFF;
    --blackcolor: #000000;

    --selection: #d9d9d9;

    --font-inter: "Inter", sans-serif;
    --font-BG: "Bricolage Grotesque", sans-serif;
    --font-lora: "Lora", serif;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
    font-family: var(--font-Lato);
}

.kis-error {
    color: red;
}

body,
ul,
li,
a {
    font-family: var(--font-inter);
    font-size: 20px;
    color: var(--greycolor);
}

body {
    max-width: 100%;
    overflow-x: hidden !important;
    background: var(--whitecolor) !important;
}

hr.wp-block-separator {
    color: transparent !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 20;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.grecaptcha-badge {
    z-index: 99;
}


/* == SELECTION-CSS ==
===============================================================*/

::-moz-selection {
    background: var(--selection);
    color: var(--blackcolor);
}

::-webkit-selection {
    background: var(--selection);
    color: var(--blackcolor);
}

::selection {
    background: var(--selection);
    color: var(--blackcolor);
}

/* == SELECTION-CSS ==
===============================================================*/


#wpadminbar {
    z-index: 100001999 !important;
}

body.admin-bar div#page-container {
    padding-top: 32px !important;
}

div#page-container {
    margin-top: 0 !important;
}



.container,
.et_pb_row {
    width: 100%;
    max-width: 93%;
    margin: 0 auto;
}


/* == TYPOGRAPHY-CSS == 
===============================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 30px 0 10px;
    padding: 0;
}

h1,
h1 a,
.common-outer h1,
.common-outer h1 a {
    font-family: var(--font-inter) !important;
    font-weight: 400;
    font-size: 52px !important;
    color: #4f5b71 !important;
    text-align: initial;
    line-height: 52px;
    text-transform: capitalize;
}

h2,
h2 a,
.common-outer h2,
.common-outer h2 a {
    font-family: var(--font-inter);
    font-weight: 400;
    font-size: 26px !important;
    color: var(--primary-blue);
    line-height: 28px;
    text-transform: uppercase;
}

h3,
h3 a,
.common-outer h3,
.common-outer h3 a {
    font-family: var(--font-Lato) !important;
    font-weight: 700;
    font-size: 32px !important;
    color: #4f5b71 !important;
    line-height: 33px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h4,
h4 a,
.common-outer h4,
.common-outer h4 a {
    font-family: var(--font-Roboto-Condensed) !important;
    font-weight: 300;
    font-size: 42px !important;
    color: #4f5b71 !important;
    line-height: 39px;
    text-transform: capitalize;
}

h5,
h5 a,
.common-outer h5,
.common-outer h5 a {
    font-family: var(--font-inter) !important;
    font-weight: 600;
    font-size: 52px !important;
    color: #4f5b71 !important;
    text-align: initial;
    line-height: 52px;
    text-transform: capitalize;
}

h6,
h6 a,
.common-outer h6,
.common-outer h6 a {
    font-family: var(--font-inter) !important;
    font-weight: 700;
    font-size: 24px !important;
    color: var(--blackcolor);
    text-align: initial;
    line-height: 22px !important;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    text-align: initial;
    font-family: var(--font-Lato);
}

a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-sky);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

a:hover {
    color: var(--primary-sky);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    text-decoration: none;
}

p a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-sky);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    border-bottom: 2px solid #4f5b71;
    cursor: pointer;
}

p a:hover {
    color: #6685aa;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    text-decoration: none;
    border-bottom: 2px solid #6685aa;
}

.team-popup-content a{
    border-bottom: 2px solid #fff;
}

.team-popup-content .team-popup-inner a:hover{
    color: #6685aa !important;
}

.dark-bg a:hover{
    color: #6685aa !important;
}




div#wpadminbar a {
    text-decoration: none;
}

strong {
    font-weight: 700 !important;
}

span.nav-click {
    font-size: 0;
    position: absolute;
    padding: 16px 25px 16px 20px;
    cursor: pointer;
    right: 16px;
    top: 10px;
    transform: translateX(0%);
}

span.nav-click::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 9px;
    background-image: url(../images/arrow_menu.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(0deg);
    left: auto;
    top: 7px;
    right: 18px;
    transition: 0.4s;
}

.menu-mobile-menu-container ul#menu-mobile-menu>li.menu-item.minus span.nav-click::before {
    rotate: 180deg;
    transition: 0.4s;
}

.sub-menu li span.nav-click {
    top: 14px;
    z-index: 999;
}

blockquote p {
    margin-bottom: 0;

}


blockquote p {
    font-family: var(--font-Roboto-Condensed);
    font-size: 52px !important;
    line-height: 52px !important;
    font-weight: 700;
    color: var(--primary-navy) !important;
}



p {
    font-family: var(--font-Lato);
    font-weight: 400;
    font-size: 16px;
    color: #4f5b71;
    line-height: 24px;
    padding: 0px;
    margin-bottom: 10px;
}

.entry-content ul,
.team-popup-right ul,
.expertise-outer-section ul {
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 0;
    padding-left: 40px !important;
}

.popup-member-outer .popup-inner-blog .popup-right ul {
    margin-bottom: 0px;
    margin-top: 28px;
    padding: 0;
    padding-left: 9px !important;
}

.entry-content ul li,
.team-popup-right ul li,
.expertise-outer-section ul li {
    line-height: 27px !important;
    padding-left: 14px;
    padding-bottom: 10px;
    position: relative;
    font-family: var(--font-Lato);
    font-weight: 400;
    font-size: 16px;
    color: #4f5b71;
}

.popup-member-outer .popup-inner-blog .popup-right ul li {
    font-family: var(--font-Lato);
    font-weight: 400;
    font-size: 17px;
    color: var(--secondary-charcoal);
    line-height: 27px !important;
    padding-left: 42px;
    padding-bottom: 24px;
    position: relative;
}

.entry-content ul li::before,
.expertise-outer-section ul li::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: rgb(0 52 113);
    left: 0px;
    top: 11px;
    border-radius: 100px;
}

.popup-member-outer .popup-inner-blog .popup-right ul li::before {
    position: absolute;
    content: "";
    background: url(../images/checkmark.svg);
    width: 23px;
    height: 23px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0;
    top: 5px;
    left: 0;
    filter: brightness(0) saturate(100%) invert(28%) sepia(15%) saturate(686%) hue-rotate(168deg) brightness(93%) contrast(90%);
}

.team-popup-right ul li::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: var(--whitecolor);
    left: 1px;
    top: 11px;
    border-radius: 100px;
}

.entry-content ol {
    padding-left: 55px !important;
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: left;
    padding-bottom: 0;
}

ol {
    padding-left: 60px;
}

.popup-full ol {
    padding-left: 55px;
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: left;
    padding-bottom: 0;
}

.entry-content ol li,
ol li {
    font-weight: 400;
    font-family: var(--font-Lato);
    font-weight: 400;
    font-size: 16px;
    color: #4f5b71;
    line-height: 27px !important;
    padding-left: 0px;
    padding-bottom: 10px;
    position: relative;
    list-style-type: decimal !important;
}


.popup-inner ul li {
    font-size: 17px;
    color: var(--whitecolor) !important;
    line-height: 27px !important;
    padding-left: 11px;
    padding-bottom: 10px;
    position: relative;
}

.popup-inner ul li::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: var(--whitecolor);
    left: 1px;
    top: 11px;
    border-radius: 100px;
}

.callout-1 blockquote p,
.callout-1 blockquote {
    font-family: var(--font-Roboto-Condensed);
    font-size: 52px !important;
    line-height: 52px !important;
    font-weight: 700;
    color: var(--primary-navy) !important;
}

.callout-2 blockquote p,
.callout-1 blockquote {
    font-family: var(--font-Lato);
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500;
    color: var(--primary-sky) !important;
}

.callout-3 blockquote p,
.callout-1 blockquote {
    font-family: var(--font-Lato);
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 700;
    color: var(--primary-navy) !important;
    font-style: italic;
}

blockquote {
    padding-left: 0;
    border: none;
}



/* == TYPOGRAPHY-CSS == 
===============================================================*/


/* GREY BACKGROUND SECTION TYPOGRAPY CSS ::::::::::::::::::::::::::  */

.grey-bg-section h1,
.grey-bg-section h2,
.grey-bg-section h3,
.grey-bg-section h4,
.grey-bg-section h5,
.grey-bg-section h6,
.grey-bg-section p,
.grey-bg-section ul li,
.grey-bg-section ol li {
    color: var(--whitecolor) !important;
}

.grey-bg-section ul li::before {
    background: var(--whitecolor) !important;
}

.grey-bg-section a.arrow-button {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0;
    font-family: var(--font-Reddit);
    font-size: 16px;
    font-weight: 700 !important;
    color: var(--whitecolor);
    text-transform: uppercase;
    transition: 0.5s ease !important;
    overflow: hidden;
    position: relative;
    text-decoration: none !important;
}

.grey-bg-section a.read-more-toggle {
    text-decoration: underline !important;
    color: var(--whitecolor) !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}

.grey-bg-section a {
    text-decoration: underline !important;
    color: var(--whitecolor) !important;
}


/* DARK BACKGROUND SECTION TYPOGRAPY CSS ::::::::::::::::::::::::::  */






/* == FORM-TYPOGRAPHY-CSS == 
===============================================================*/

::placeholder {
    font-family: var(--font-inter);
    color: var(--primary-tan) !important;
    text-transform: none;
    font-size: 17px !important;
    font-weight: 400;
}

input {
    width: 100%;
    border: 1px solid var(--secondary-blue) !important;
    display: block;
    color: #4f5b71 !important;
    font-family: var(--font-Lato);
    border-radius: 0 !important;
    padding: 15px 13px !important;
    font-size: 16px;
    border-radius: 12px !important;
}

.get-free-section .get-free-clmn-three form input {
    width: 100%;
    border-bottom: 1px solid #000;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    display: block;
    font-family: var(--font-Lato);
    color: var(--blackcolor) !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    appearance: none;
    -webkit-appearance: none;
}

textarea {
    height: 120px;
    resize: none;
    width: 100%;
    border: 1px solid var(--secondary-blue) !important;
    display: block;
    color: var(--secondary-charcoal) !important;
    font-family: var(--font-Lato);
    border-radius: 0 !important;
    padding: 17px 13px !important;
    font-size: 17px;
}

input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.wpcf7-not-valid {
    border: none;
    border: 1px solid #fa3040 !important;
    display: block;
}

.invalid .wpcf7-response-output {
    text-align: center;
    color: #fa3040;
    border: 2px solid #fa3040 !important;
    width: 97%;
    font-weight: 600;
    margin: 20px 10px 10px !important;
    padding: 4px !important;
    font-size: 12px;
    text-transform: none;
    line-height: 19px;
}

.wpcf7 form.sent .wpcf7-response-output {
    text-align: center;
    color: #41ce41;
    border: 2px solid #41ce41 !important;
    width: 96%;
    font-weight: 450;
    margin: 20px 10px 10px !important;
    padding: 4px !important;
    font-size: 12px;
    text-transform: none;
    line-height: 19px;
}

.wpcf7-not-valid-tip {
    display: none !important;
}

.get-free-section .get-free-clmn-three form .wpcf7-response-output {
    margin: 0px auto 20px !important;
}

/* wpcf7 form wpcf7-response-output 
===============================================================*/




/* SCROLL_TO_TOP_CSS_START ==
===============================================================*/

.et_pb_scroll_top.et-pb-icon {
    background: #6785abab;
    border: 0px;
    transition: 0.5s ease;
    width: 50px;
    height: 50px;
    overflow: hidden;
    right: 20px;
    font-size: 55px;
    border-radius: 100px;
}

/* .et_pb_scroll_top.et-pb-icon:hover {
    background: var(--whitecolor);
    border-radius: 0;
    border: 1px solid var(--greycolor);
    transition: 0.5s ease;
} */


/* .et_pb_scroll_top.et-pb-icon::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/top_scroll.svg);
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    transition: 0.5s ease;
    opacity: 1;
} */
/* .et_pb_scroll_top.et-pb-icon::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/top_scroll.svg);
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    bottom: -50px;
    left: 0;
    transition: 0.5s ease;
    opacity: 0;
} */
.et_pb_scroll_top.et-pb-icon:hover::before {
    bottom: 0px;
    transition: 0.5s ease;
    opacity: 1;
}

.et_pb_scroll_top.et-pb-icon:hover::after {
    left: -52px;
    transition: 0.5s ease;
    opacity: 0;
}

/* SCROLL_TO_TOP_CSS_END
===============================================================*/






/* ERROR PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */

.page_not_found_sec .page_not_found_row .page-not-clmn {
    text-align: center;
}

.page_not_found_sec .page_not_found_row .page-not-clmn .et_pb_text_inner {
    text-align: center;
}

.page_not_found_sec .page_not_found_row .page-not-clmn .et_pb_text_inner h1 {
    text-align: center;
    padding-bottom: 30px;
    font-family: var(--font-Reddit) !important;
}

.et_pb_row.page_not_found_row {
    padding: 30px 80px !important;
}

/* ERROR PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */








/* THANK PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */

.tq-txt-inner .et_pb_text_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tq-title-heading h1 {
    margin-top: 0;
}

.tq-txt-inner h1,
.tq-txt-inner p {
    text-align: center !important;
}

.tq-txt-inner h1 {
    font-family: var(--font-Reddit) !important;
    padding-bottom: 30px;
}

.thanku-txt-sec .et_pb_row {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

/* THANK PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */






/* BTN CSS CODE :::::::::::::::::::::::::::::::::::::::::: */



/* BTN ONE CSS CODE :::::::::::::::::::::::::::::::::::::::::: */



/* BTN ONE CSS CODE :::::::::::::::::::::::::::::::::::::::::: */



/* BUTTON CSS :::::::::::::::::::::::::::::: */




.curve-common-btn {
    font-size: 17px;
    border: 0 !important;
    text-decoration: none !important;
    color: var(--whitecolor) !important;
    background: var(--primary-sky) !important;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0 !important;
    padding: 15px 54px 15px 54px !important;
    border-radius: 100px !important;
    letter-spacing: 1px;
}

.curve-common-btn::after {
    display: none;
}

.curve-common-btn:hover {
    border: 0 !important;
    background: var(--primary-navy) !important;
    color: var(--whitecolor) !important;
}


/* BTN CSS CODE :::::::::::::::::::::::::::::::::::::::::: */












/* HEADER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */










/* socali media :::::::::::::::::::::::::::::::::::::::::: */

ul.et-social-icons {
    display: flex !important;
    flex-direction: row-reverse;
    column-gap: 11px;
}

ul.et-social-icons li.et-social-icon a {
    width: 19px;
    height: 19px;
}

ul.et-social-icons li.et-social-icon a::before {
    opacity: 0;
}

ul.et-social-icons li.et-social-icon a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

ul.et-social-icons li.et-social-facebook a::after {
    background: url(../images/Facebook.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

ul.et-social-icons li.et-social-instagram a::after {
    background: url(../images/insta.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

ul.et-social-icons li.et-social-rss a::after {
    background: url(../images/you-tube.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

ul.et-social-icons li.et-social-icon.et-social-twitter a::after {
    background: url(../images/hdr_LinkedIn.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



/* mobile menu  :::::::::::::::::::::::::::::::::::: */



/* HEADER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */


header.et-fixed-header {
    background: white !important;
}


/* -------------------- */
/* TOP HEADER STYLING   */
/* -------------------- */
#top-header {
    background-color: var(--primary-blue);
    /* dark navy blue */
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    padding: 5px 0 3px 0;
}

#top-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* LEFT SIDE CONTAINER */
.top-inner-1-cont {
    display: flex;
    align-items: center;
    gap: 45px;
}

/* SERVICES LINK */
div#top-header .services-widget-area a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s ease;
    position: relative;
    border: 0;
    padding: 5px 0 5px 28px;
    font-size: 14px !important;
}

div#top-header .services-widget-area a:hover {
    background-color: transparent;
}

div#top-header .services-widget-area a::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0;
    background: url(../images/hdr_clock_1.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


/* MEMBER LOGIN LINK */
.membership-widget a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s ease;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    padding: 5px 0 5px 28px;
}

.membership-widget a::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 1px;
    left: 0;
    background: url(../images/hdr_clock.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.membership-widget a:hover {
    color: #cdd9f0;
}

/* RIGHT SIDE CONTAINER */
.top-inner-2-cont {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* SEARCH BUTTON & ICON */
.et_search_outer {
    position: relative;
}

.et-search-form {
    display: flex;
    align-items: center;
    gap: 8px;
}

.et-search-field {
    display: none;
    background: #fff;
    border: none;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: #333;
}

.et-search-submit-button {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    width: 20px;
    height: 20px;
    position: relative;
}

.et-search-submit-button::before {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    top: 8px;
    left: 0;
    background: url(../images/hdr_search.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


.et_close_search_field {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

/* SOCIAL ICONS */
.et-social-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}

.et-social-icons li {
    display: inline-block;
}

.et-social-icons a {
    color: #fff;
    font-size: 16px;
    transition: 0.3s;
}

.et-social-icons a:hover {
    color: #cdd9f0;
}

.top-outer-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

div#top-header>.container {
    width: 100% !important;
    padding-top: 0 !important;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 45px;
    padding-right: 36px;
}

div#top-header div#et-info {
    width: 100% !important;
    padding-bottom: 0 !important;
}

#top-header ul.et-social-icons {
    margin-top: 0;
}













/* Main Header Styles */
#main-header {
    background-color: #ffffffd9;
    position: relative;
    z-index: 9999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Desktop Navigation Container */
.desktop-nav {
    display: block;
}

.desktop-nav .container.clearfix.et_menu_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;
    padding: 23px 45px;

}

.desktop-nav .container.clearfix.et_menu_container::after {
    display: none;
}

.desktop-nav div#et-top-navigation {
    padding: 0 !important;
}

/* Logo Container */
.logo_container {
    display: flex;
    align-items: center;
}

.logo_container img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    min-height: 100% !important;
    /* filter: brightness(0) saturate(100%) invert(8%) sepia(88%) saturate(5342%) hue-rotate(204deg) brightness(90%) contrast(102%); */
}

.desktop-nav .logo_container span.logo_helper {
    display: none;
}

.desktop-nav .logo_container {
    height: 45px;
    width: 220px;
    position: relative;
}


#top-menu-nav {
    display: flex;
    margin-top: 8px;
}

.desktop-nav div#et-top-navigation {
    padding: 0 !important;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

#top-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 18px;
}

#top-menu li {
    position: relative;
}

ul#top-menu li.menu-item>a {
    color: #2c5aa0;
    /* Dark blue text */
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    color: #003471;
    display: block;
    padding-bottom: 10px !important;
}

ul#top-menu li.menu-item>a:hover {
    color: var(--primary-tan);
    opacity: 1 !important;
}

ul#top-menu>li.menu-item>a::before {
    position: absolute;
    content: "";
    background-color: var(--primary-tan);
    width: 0%;
    height: 2px;
    bottom: 0;
    left: 50%;
    transition: 0.3s;
    transform: translateX(-50%);
}
ul#top-menu li.menu-item.current_page_parent>a {
        color: var(--primary-tan);
    opacity: 1 !important;
}
ul#top-menu>li.menu-item.current_page_parent>a::before {
    position: absolute;
    content: "";
    background-color: var(--primary-tan);
    width: 90%;
    height: 2px;
    bottom: 0;
    left: 50%;
    transition: 0.3s;
    transform: translateX(-50%);
}
ul#top-menu>li.menu-item>a:hover:before {
    position: absolute;
    content: "";
    background-color: var(--primary-tan);
    width: 90%;
    height: 2px;
    bottom: 0;
    left: 50%;
    transition: 0.3s;
    transform: translateX(-50%);
}

ul#top-menu li.menu-item.current_page_item>a::before {
    position: absolute;
    content: "";
    background-color: var(--primary-tan);
    width: 100%;
    height: 2px;
}

ul#top-menu li.menu-item ul.sub-menu li a::before {
    display: none;
}

ul#top-menu li.menu-item.current_page_item a {
    color: var(--primary-tan);
}

ul#top-menu li.menu-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#top-menu>li>a:hover {
    color: #1a4480;
}

nav#top-menu-nav ul#top-menu>li>ul.sub-menu {
    background: #00000085;
    border-radius: 10px;
    border-top: 0;
    padding-top: 10px;
    padding-bottom: 7px;
    margin-top: 14px;
}

nav#top-menu-nav ul#top-menu>li>ul.sub-menu li a {
    color: white;
    font-size: 16px;
    font-weight: 300;
    background: transparent;
    padding: 3px 11px 3px 17px !important;
    width: 100%;
    line-height: 26px;
}

nav#top-menu-nav ul#top-menu>li>ul.sub-menu li a:hover {
    color: var(--primary-tan);

}

nav#top-menu-nav ul#top-menu>li>ul.sub-menu li {
    width: 100%;
    border-bottom: 0;
}

/* Dropdown Menu Styles */
#top-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: -16px;
    background-color: #4a5568;
    min-width: 200px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    width: fit-content;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
}

#top-menu .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#top-menu .sub-menu li {
    border-bottom: 1px solid #5a6578;
}

#top-menu .sub-menu li:last-child {
    border-bottom: none;
}

#top-menu .sub-menu a {
    color: white;
    padding: 12px 20px;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}

#top-menu .sub-menu a:hover {
    background-color: #5a6578;
}

/* Secondary Menu (JOIN and DONATIONS buttons) */
#secondary-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 15px;
}

#secondary-menu li a {
    text-decoration: none;
    padding: 11px 30px;
    border-radius: 25px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease;
    font-size: 16px;
    letter-spacing: 1px;
}

/* JOIN Button */
#secondary-menu .menu-item:first-child a {
    background-color: #6785AB;
    color: var(--whitecolor);
    border: 2px solid transparent;
}

#secondary-menu .menu-item:first-child a:hover {
    background-color: var(--primary-tan);
}

/* DONATIONS Button */
#secondary-menu .menu-item:last-child a {
    background-color: #334745;
    color: white;
    border: 2px solid transparent;
}

#secondary-menu .menu-item:last-child a:hover {
    background-color: var(--primary-tan);
    transform: translateY(-1px);
}

/* Mobile Menu Styles */
.mobile-outer-recore {
    display: none;
}


/* Additional Utility Classes */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* Plus Icon for Dropdown Indicator */
.menu-item.plus>a::after {
    content: "▼";
    font-size: 10px;
    margin-left: 8px;
    color: #2c5aa0;
    transition: transform 0.3s ease;
}

.menu-item.plus:hover>a::after {
    transform: rotate(180deg);
}

/* Search Form Styling */
.et-search-form {
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.et-search-field {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    max-width: 200px;
}

#searchsubmit_header {
    background-color: #2c5aa0;
    color: white;
    border: none;
    padding: 8px 12px;
    margin-left: 5px;
    border-radius: 4px;
    cursor: pointer;
}


.search-outer img#search-click {
    width: 18px;
    height: 18px;
    object-fit: contain;
    cursor: pointer;
}







/* Search Popup Overlay */
#search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000082;
    display: flex;
    justify-content: center;
    z-index: 99999999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#search-popup.active {
    opacity: 1;
    visibility: visible;
}

/* Popup Content Container */
.popup-content {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 60px 57px;
    max-width: 560px !important;
    width: 90%;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    height: fit-content;
    margin-top: 65px;
}

/* Close Button */
.close-popup {
    position: absolute;
    top: 16px;
    right: 20px;
    background: none;
    border: none;
    font-size: 0px;
    color: #333;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    width: 30px;
    height: 30px;
    transition: color 0.3s ease;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background: url(../images/m_close.svg);

}

.close-popup:hover {
    color: #000;
}

/* Search Form */
.search-form {
    position: relative;
    width: 100%;
}

.screen-reader-text {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Search Input Field */
.search-field {
    width: 100%;
    padding: 23px 50px 23px 37px !important;
    border: 1.5px solid #80858A !important;
    font-size: 16px;
    color: #333;
    outline: none;
    transition: border-color 0.3s ease;
}

.search-field::placeholder {
    font-size: 16px;
    color: var(--primary-tan) !important;
    font-weight: 600;
}



/* Search Submit Button */
.search-submit {
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 26px;
    font-size: 0;
}

.search-submit::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background: url(../images/hdr_search.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(8%) sepia(88%) saturate(5342%) hue-rotate(204deg) brightness(90%) contrast(102%);
}

/* Alternative: If you want to use an SVG or icon font */
.search-submit svg,
.search-submit i {
    width: 20px;
    height: 20px;
    color: #4a5568;
}












/* HEADER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */



/* FOOTER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */



#main-footer {
    background-color: var(--primary-blue);
    padding: 82px 0 0px 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    display: table;
    width: 100%;
    position: relative;
    z-index: 1;
}

.footer-inner-cls {
    padding: 0 84px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* -------------------- */
/* FIRST ROW            */
/* -------------------- */

.logo-contact-links {
    display: table;
    background: transparent;
    width: 100% !important;
}

.footer-logo-add-outer {
    display: table;
    width: 100% !important;
}

.footer-logo-add-outer div#et-info {
    width: 100%;
    padding-bottom: 7px !important;
}

.get-directions-widget {
    margin-top: 26px;
}


.footer-logo-widget a {
    width: 100%;
    height: 100%;
    display: block;
}

.footer-logo-widget a img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    min-height: 100% !important;
}

.foo-first-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 57px;
}

.footer-logo-widget {
    height: 45px;
    width: 206px;
}

.services-widget a {
    display: inline-block;
    border: 1px solid #B3C2D5;
    padding: 10px 44px;
    border-radius: 0px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    transition: 0.3s;
    text-decoration: none;
    font-size: 16px;
}

.services-widget a:hover {
    background: #fff;
    color: #033872;
}

/* JOIN & DONATION BUTTONS */
.footer-secondary-menu ul {
    display: flex;
    gap: 25px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-secondary-menu ul li {
    padding-right: 0 !important;
}

div#et-footer-secondary-nav .container {
    max-width: 100% !important;
}

.footer-secondary-menu a {
    background: #fff;
    color: #033872;
    border-radius: 30px;
    padding: 13px 39px;
    display: inline-block;
    transition: all 0.3s ease;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold !important;
}

.footer-secondary-menu a:hover {
    background: #f4f4f4;
}

/* -------------------- */
/* SECOND ROW           */
/* -------------------- */
.foo-second-row {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.foo-second-row-col-1 ul.et-social-icons {
    float: left;
    margin-top: 53px;
}

.foo-second-row-col-1 .et-social-icons li {
    margin-left: 0;
}

.foo-second-row-col-1 {
    width: 25%;
}

.foo-second-col-2 {
    width: 43%;
}



footer#main-footer .foo-second-row h2 {
    font-size: 22px !important;
    font-family: var(--font-lora) !important;
    text-transform: capitalize !important;
    color: #B3C2D5 !important;
    font-weight: 600 !important;
    margin-bottom: 14px  !important;
}

.footer-help-seniors-phn a {
    font-size: 16px;
    margin-bottom: 0;
}

.footer-help-seniors-email a.footer-email-text {
    font-size: 16px;
}

.footer-address .address-foo p {
    color: var(--whitecolor);
    font-size: 16px;
    font-weight: 500;
    font-family: 'Bricolage Grotesque';
}

.get-directions-container a.get-directions {
    font-size: 16px;
    font-weight: bold;
}

.get-directions-container a.get-directions {
    color: var(--whitecolor);
    text-decoration: none;
    padding-left: 25px;
    position: relative;
}

.get-directions-container a.get-directions::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 2px;
    left: 0;
    background: url(../images/ftr_pin.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



/* CONTACT SECTION */
.footer-help-seniors-phn a,
.footer-help-seniors-email a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.footer-menu div#et-footer-nav {
    background: transparent;
}

/* SOCIAL ICONS */
.et-social-icons {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}

.et-social-icons li {
    display: inline-block;
    margin-right: 10px;
}

.et-social-icons a {
    font-size: 20px;
    color: var(--whitecolor);
    transition: 0.3s;
}

.et-social-icons a:hover {
    color: #d0d8ff;
}

/* -------------------- */
/* LOCATION SECTION     */
/* -------------------- */
.footer-address p {
    line-height: 1.6;
    font-size: 15px;
}

.get-directions a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--whitecolor);
    text-decoration: none;
    margin-top: 10px;
    font-weight: 600;
}

.get-directions a::before {
    content: "📍";
    font-size: 16px;
}

.get-directions a:hover {
    text-decoration: underline;
}

/* -------------------- */
/* PHOTO GALLERY        */
/* -------------------- */
.photo-gallery {
    margin-top: 10px;
}

.photo-gallery-widget p {
    color: var(--whitecolor);
    font-weight: 500;
    line-height: 1.6;
    font-size: 16px;
    padding-left: 82px;
    position: relative;
}

.photo-gallery-widget p::before {
    position: absolute;
    content: "";
    width: 67px;
    height: 67px;
    top: -5px;
    left: 0;
    background: url(../images/ftr_camera.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.photo-gallery-widget {
    padding-top: 7px;
}

.foo-third-col-3 {
    width: 30%;
}

/* -------------------- */
/* FOOTER MENU LINKS    */
/* -------------------- */
.footer-menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 26px;
    list-style: none;
    padding: 0;
    margin: 40px 0 0;
}

.footer-menu a {
    color: var(--whitecolor);
    text-decoration: none;
    font-weight: 500;
    font-family: 'Inter';
    transition: 0.3s;
    font-size: 16px !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

.footer-menu a:hover {
    text-decoration: underline;
}

div#footer-bottom .container::after {
    display: none;
}


ul#menu-footer-menu li {
    font-size: unset;
    padding-right: 0;
    position: relative;
}

ul#menu-footer-menu li::before {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background-color: white;
    bottom: 0;
    transition: 0.5s ease;
}

ul#menu-footer-menu li:hover::before {
    width: 100%;
    transition: 0.5s ease;
}

.footer-main-row-two div#footer-bottom {
    background: transparent;
    padding-top: 0;
}

div#footer-info {
    display: flex;
    color: var(--whitecolor);
    font-size: 11px !important;
    text-transform: uppercase;
    gap: 4px;
}

div#footer-info p {
    text-transform: uppercase;
    font-size: 11px !important;
    margin-bottom: 0;
    line-height: 24px;
    font-weight: 200;
    color: white;
}

.designed-hostes {
      line-height: 24px;
}

.designed-hostes a {
    font-size: 11px !important;
}

.footer-main-row-two div#footer-bottom .current-year {
    display: flex;
    font-size: 11px !important;
    text-transform: uppercase;
    gap: 4px;
    font-weight: 200;
}

.footer-main-row-two div#footer-bottom .current-year {
    display: flex;
    color: var(--whitecolor);
    text-transform: uppercase;
    font-weight: 200;
}

.designed-hostes a {
    color: var(--whitecolor) !important;
    text-decoration: none;
    font-weight: 200 !important;

}

.footer-menu div#et-footer-nav .container {
    width: 100% !important;
    max-width: 100% !important;
}

.footer-main-row-two div#footer-bottom .container {
    max-width: 100%;
}

.footer-main-row-two {
    padding: 0 84px;
}

.services-widget {
    width: 35%;
}








/* FOOTER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */





/* HOME-PAGE SLIDER CSS CODE :::::::::::::::::::::::::::::::::::::: */

.home-outer-mod .et_pb_slides {
    height: 0;
    padding-bottom: 53.5%;
    width: 100%;
    position: relative;
}

.home-outer-mod .et_pb_slide {
    position: relative;
    display: flex !important;
    /* opacity: unset !important; */
    z-index: 1 !important;
}

.home-outer-mod .et_pb_slides .et_pb_media_alignment_center {
    position: absolute !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
        background-size: cover;
            background-color: white;
}

.home-outer-mod .et_pb_slide_description {
    padding: 160px 9% 60px !important;
}

.home-outer-mod h2.et_pb_slide_title {
    font-size: 60px !important;
    color: var(--whitecolor) !important;
    text-align: center;
    font-weight: 700 !important;
    text-transform: capitalize;
    line-height: 67px;
}

.home-outer-mod h2.et_pb_slide_title a {
    font-size: 60px !important;
    color: var(--whitecolor) !important;
    text-align: center;
    font-weight: 700 !important;
    text-transform: capitalize;
    line-height: 67px;
    cursor: auto;
}

.home-outer-mod .et_pb_slide::before {
    position: absolute !important;
    content: "" !important;
    width: 100% !important;
    height: 100% !important;
    background: #000 !important;
    /* background: #00000040 !important; */
    top: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    opacity: 0.3 !important;
}

.home-outer-mod a.et_pb_button.et_pb_more_button {
    font-size: 16px !important;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Inter';
    font-weight: 600;
    padding: 10px 58px 10px 58px;
    border-radius: 15px !important;
}

.home-outer-mod a.et_pb_button.et_pb_more_button:hover {
    font-size: 16px !important;
    color: white;
    background-color: var(--whitecolor);
    color: var(--secondary-green);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Inter';
    font-weight: 600;
    padding: 10px 58px 10px 58px;
    border-radius: 12px !important;
}

.home-outer-mod a.et_pb_button.et_pb_more_button::after {
    display: none;
}

.home-outer-mod .et-pb-slider-arrows {
    display: none;
}

.et-pb-controllers a {
    width: 12px !important;
    height: 12px !important;
    background: var(--whitecolor) !important;
    opacity: 1 !important;
    margin-right: 13px;
}

.et-pb-controllers .et-pb-active-control {

    border: 1.5px solid white;
    background-color: transparent !important;


}




/* HOME-PAGE SLIDER CSS CODE :::::::::::::::::::::::::::::::::::::: */






/* HOME-PAGE ABOUT-SECTION CSS CODE :::::::::::::::::::::::::::::::::::::: */



.four-home-sec {
    background: var(--primary-blue);
    padding: 60px 0 60px 0;
    position: relative;
    overflow: visible;
    width: 100%;
    max-width: 83%;
    margin: 0 auto;
    border-radius: 0px 0px 30px 30px !important;
    padding-top: 42px !important;
}

.four-home-sec::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 80%) 100%);
    background-size: 100%;
    top: 0px;
    left: 0;
}

.four-home-sec-col {
    margin: 0 !important;
}

.four-home-sec-row::after {
    display: none;
}


/* Row Container */
.four-home-sec-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 29px !important;
    gap: 40px;
    flex-wrap: wrap;
}

/* Column Styling */
.four-home-sec-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    width: 22% !important;
}

/* Blurb Module */
.four-home-img-tit-des {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.four-home-img-tit-des .et_pb_blurb_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100% !important;
}

.four-home-img-tit-des:hover .et_pb_module_header a,
.four-home-img-tit-des:hover .et_pb_module_header h6, .four-home-img-tit-des:hover .et_pb_blurb_container h6 {
    color: var(--primary-tan) !important;
    transition: 0.3s;
}



.four-home-img-tit-des:hover .et_pb_blurb_description p {
    color: var(--primary-tan);
    transition: 0.3s;
}

.four-home-img-tit-des:hover .et_pb_main_blurb_image img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(8%) saturate(267%) hue-rotate(352deg) brightness(82%) contrast(89%);
    transition: 0.1s;
}

/* Icon Image Container */
.four-home-img-tit-des .et_pb_main_blurb_image {
    margin-bottom: 29px;
    position: relative;
}

.four-home-img-tit-des .et_pb_image_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: visible;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Icon Image Styling */
.four-home-img-tit-des .et_pb_main_blurb_image img {
    width: 66px;
    height: 66px;
    object-fit: contain;
    transition: 0.3s;
}

/* Text Container */
.four-home-img-tit-des .et_pb_blurb_container {
    text-align: center;
}

/* Heading Styling */
.four-home-img-tit-des .et_pb_module_header {
    margin: 0 0 8px 0;
    padding: 0;
    margin-bottom: 1px;
    text-align: center;
}

.four-home-img-tit-des .et_pb_module_header a {
    color: white !important;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    transition: color 0.3s ease;
    text-align: center;
}
.four-home-img-tit-des h6.et_pb_module_header {
    color: white !important;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    transition: color 0.3s ease;
    text-align: center;
}


/* Description/Subtext Styling */
.four-home-img-tit-des .et_pb_blurb_description {
    margin: 0;
    text-align: center;
}

.four-home-img-tit-des .et_pb_blurb_description p {
    color: white;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
    padding-top: 2px;
}


/* Link Reset */
.four-home-img-tit-des a {
    text-decoration: none;
}

/* Specific Icon Adjustments (if needed) */
.four-home-sec-row .four-home-img-tit-des .et_pb_image_wrap

/* .four-home-sec-row .et_pb_blurb_1 .et_pb_image_wrap,
.four-home-sec-row .et_pb_blurb_2 .et_pb_image_wrap,
.four-home-sec-row .et_pb_blurb_3 .et_pb_image_wrap */
    {
    padding: 25px 25px 0px 25px;
}



/* HOME-PAGE ABOUT-SECTION CSS CODE :::::::::::::::::::::::::::::::::::::: */








/* Upcoming Events Section */
.upcoming-event-sec {
    position: relative;
    /* background-color: var(--neutral-light); */
    padding-top: 35px !important;
    padding-bottom: 68px !important;
}

.upcoming-event-text h1 {
    text-align: center;
    font-weight: 600;
}

.upcoming-event-col-1 .et_pb_button_module_wrapper {
    text-align: center;
    margin-bottom: 35px !important;
}

.upcoming-event-text .upcoming-event-text h1 {
    text-align: center;
}

/* Row Container */
.upcoming-event-row {
    max-width: 71% !important;
    margin: 0 auto;

}

/* Column */
.upcoming-event-col-1 {
    width: 100%;
}

/* Section Header Text */
.upcoming-event-text {
    text-align: center;
    margin-bottom: 50px;
}





.upcoming-event-text .et_pb_text_inner p:hover {
    color: #2c5aa0;
    text-decoration: underline;
}

/* Featured Events Container */
.featured-events-section {
    width: 100%;
}

.featured-events-container {
    display: flex;
    gap: 77px;
    align-items: flex-start;
}

/* Left Featured Event */
.featured-event-left {
    display: flex;
    flex-direction: column;
    width: 39%;
}

.featured-event-left a.featured-event-left-img {
    position: relative;
    padding-bottom: 100%;
    display: block;
}

.featured-event-left h2,
.featured-event-left a {
    color: #4f5b71;
    font-weight: 500 !important;
    font-family: var(--font-BG);
    text-transform: capitalize !important;

}

.featured-event-left:hover a {
    color: var(--primary-tan) !important;
}

.featured-event-left img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 20px;
}

.featured-event-left h3 {
    font-size: 22px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
    line-height: 1.4;
}

.featured-event-left h3 a {
    color: #2c3e50;
    text-decoration: none;
    transition: color 0.3s ease;
}

.featured-event-left h3 a:hover {
    color: #2c5aa0;
}

/* Right Side Small Events */
.featured-event-right {
    display: flex;
    flex-direction: column;
    gap: 23px;
    width: 53%;
}

.small-event-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.small-event-item a.featured-event-left-img {
    position: relative;
    padding-bottom: 44.5%;
    display: block;
    width: 44.5%;
    overflow: hidden;
    border-radius: 20px;
    transition: 0.3s ease;
}

.small-event-item h2 {
    width: 54%;
    color: #4f5b71 !important;
    font-weight: 600 !important;
    font-family: var(--font-BG);
    margin-top: 55px;
}

.small-event-item a {
    color: #4f5b71 !important;
    font-weight: 500 !important;
    text-transform: capitalize;
    font-family: var(--font-BG);
}

.small-event-item:hover h2 a {
    color: var(--primary-tan) !important;
}

.small-event-item:hover a img {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.small-event-item a img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 20px;
    transition: 0.5s ease;
}

.small-event-item a.featured-event-left-img:hover {
    box-shadow: 0 0 10px rgb(65 66 67 / 70%);
    transition: 0.5s ease;
}

.small-event-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.small-event-item h4 {
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
    line-height: 1.5;
    padding-top: 5px;
}

.small-event-item h4 a {
    color: #2c3e50;
    text-decoration: none;
    transition: color 0.3s ease;
}


.featured-event-left h3 a::after,
.small-event-item h4 a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #2c5aa0;
    transition: width 0.3s ease;
}

.featured-event-left h3 a:hover::after,
.small-event-item h4 a:hover::after {
    width: 100%;
}

/* .all-common-banner-outer img {
    height: 510px;
    object-fit: cover;
} */

.who-we-are-pageouter .who_we_are_col-two {
    margin-top: 35px;
}

.who_we_are_content h6 {
    font-weight: 400;
    font-size: 20px !important;
    color: var(--primary-blue);
    text-transform: uppercase;
}

.who-we-are-heading h6 {
    font-weight: 400;
    font-size: 20px !important;
    color: var(--primary-blue);
    text-transform: uppercase;
}

.who-we-are h6 {
    font-weight: 400;
    font-size: 20px !important;
    color: var(--primary-blue);
    text-transform: uppercase;
}


.who_we_are_content h5 {
    font-weight: 600;
    margin-top: 0;
}

.who_we_are_row {
    display: flex;
    max-width: 87%;
    justify-content: space-between;
}

.who_we_are_row::after {
    display: none;
}

.who_we_are_col-two {
    width: 38% !important;
    margin-top: 67px;
    height: fit-content;
}

.who_we_are_col-one .et_pb_button_module_wrapper {
    padding-left: 70px;
}

.who_we_are_img-1 span.et_pb_image_wrap {
    position: relative !important;
    padding-bottom: 100%;
    display: block !important;
    width: 100%;
}

.who_we_are_img-1 span.et_pb_image_wrap img {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
    border-radius: 20px;
}

.who_we_are_img-2 {
    position: absolute !important;
    bottom: -31px;
    left: -81px;
    width: 267px;
    height: 210px;
}

.who_we_are_img-2 img {
    object-fit: contain;
}



a.common-button {
    font-size: 16px !important;
    color: var(--secondary-blue);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Inter';
    font-weight: 600;
    padding: 10px 45px 10px 45px !important;
    border-radius: 15px !important;
    border: 3px solid var(--secondary-blue) !important;
    text-align: center;
}

a.common-button:hover {
    font-size: 16px !important;
    color: var(--whitecolor);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Inter';
    font-weight: 600;
    padding: 10px 45px 10px 45px !important;
    border-radius: 15px !important;
    border: 3px solid var(--secondary-blue) !important;
    background-color: var(--secondary-blue) !important;
}

a.common-button::after {
    display: none;
}







a.top-line-btn {
    border-left: 0 !important;
    border-top: 2.5px solid var(--secondary-blue) !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 7px 21px 7px 21px !important;
    color: var(--secondary-blue) !important;
    background: transparent !important;
    text-transform: uppercase;
}

a.top-line-btn:hover {
    border-left: 0 !important;
    border-top: 2.5px solid var(--primary-tan) !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 7px 21px 7px 21px !important;
    color: var(--primary-tan) !important;
    background: transparent !important;
}

a.top-line-btn::after {
    display: none;
}






.who-we-are-section-outer {
    background-color: var(--neutral-light);
    padding-top: 100px !important;
    padding-bottom: 148px !important;
    position: relative;
}

.who-we-are-section-outer::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    bottom: 0px;
    left: 0;
    background: url(../images/pattern-line.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.who_we_are_content p {
    padding-left: 20px;
    margin-left: 48px;
    margin-top: 23px;
}

.who_we_are_content {
    position: relative;
}

.who_we_are_content h1, 
.who_we_are_content h2, 
.who_we_are_content h3, 
.who_we_are_content h4, 
.who_we_are_content h5, 
.who_we_are_content h6 {
    padding-left: 20px !important;
    margin-left: 48px;
}

.who_we_are_content ol, 
.who_we_are_content ul  {
    padding-left: 70px !important;
}

.who_we_are_content::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: var(--secondary-blue);
    left: 40px;
    top: 0px;
}

.who_we_are_content h6.who-we-are-sub {
    padding-left: 68px;
    font-weight: 600;
    color: #5e87a6;
    margin-top: 23px;
    text-transform: capitalize;
}

.who-we-are-pagecontent {
    padding-top: 0 !important;
    margin-top: 93px;
}

.who-we-are-pagecontent .who-we-are-heading h6 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.who-we-are-pagecontent .who-we-are-heading h5 {
    margin-bottom: 38px;
    margin-top: 0 !important;
}

.who-we-are-pagecontent .who-we-are {
    margin-bottom: 40px !important;
}

.who-we-are-pageouter {
    background: none;
    padding-top: 0 !important;
    padding-bottom: 118px !important;
}

.who-we-are-pagecontent h1 {
    margin-top: 12px;
}

.who-we-are-pageouter {
    background: none;
}





.join-us-sec {

    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.join-us-row::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    bottom: 0px;
    left: 0;
    background: url(../images/pattern-line.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.join-us-sec :where(h1, h2, h3, h4, h5, h6, a, span, p, strong, li) {
    color: var(--whitecolor) !important;
}

.join-us-sec a{
    border-bottom: 2px solid #fff;
}

.join-us-sec a:hover{
    color: #6685aa !important;
}

.join-us-img span.et_pb_image_wrap {
    position: relative;
    padding-bottom: 100%;
    display: block;
    width: 100%;
}

.join-us-img span.et_pb_image_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 20px;
}

.join-us-col-1 h6 {
    font-weight: 400;
    font-size: 20px !important;
    margin-top: 55px;
    color: #e2e6e3 !important;
}

.join-us-col-1 h5 {
    font-weight: 600;
    margin-top: 0;
}

.join-us-col-1 p {
    padding-left: 20px;
    margin-left: 48px;
    margin-top: 37px;
    position: relative;
    color: #e2e6e3 !important;
}

.join-us-col-1 p::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 100%;
    background: white;
    left: 0;
}

.join-us-col-1 .et_pb_button_module_wrapper {
    padding-left: 58px;
}

.join-us-col-1 {
    padding-bottom: 104px !important;
}


a.learn-more-btn {
    font-size: 16px !important;
    color: var(--whitecolor);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Inter';
    font-weight: 600;
    padding: 10px !important;
    border-radius: 15px !important;
    color: #e2e6e3 !important;
    border: 0px solid var(--secondary-blue);
}

a.learn-more-btn:hover {
    font-size: 16px !important;
    color: var(--primary-tan);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Inter';
    font-weight: 600;
    padding: 10px !important;
    border-radius: 15px !important;
    border: 0px solid var(--secondary-blue) !important;
    background-color: transparent !important;
}

a.learn-more-btn::after {
    display: none;
}

.join-us-row {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    background: #334745;
    padding: 0 91px !important;
}


.join-us-row::after {
    display: none;
}

.join-us-col-2 {
    width: 45.5% !important;
    margin-top: -5%;
    margin-bottom: -5%;
}


.profile-row {
    position: relative;
    max-width: 100%;
    width: 100% !important;
    /* margin-left: 0; */
    padding-left: 155px !important;
    display: flex;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 80px !important;
    margin-top: -70px;
    gap: 20px;
    justify-content: flex-start;
}

.profile-row::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0;
    background: url(../images/SwatchPatternLight.svg);
    background-position: center;
    background-size: 26%;
    background-repeat: repeat;
}

.profile-row::after {
    display: none;
}

.profile-img-col {
    width: 151px !important;
    margin-right: 0 !important;
}

.profile-img-col span.et_pb_image_wrap {
    position: relative;
    padding-bottom: 100%;
    display: block;
    width: 100%;
}

.profile-img-col span.et_pb_image_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    object-fit: cover;
    background: white;
    border-radius: 50%;
    padding: 10px;
}

.profile-img-text p {
    color: #515778 !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
}

.profile-img-text {
    margin-top: 65px;
}













.pray-with-us-outer-sec {
    padding-top: 3px !important;
    padding-bottom: 82px !important;
    overflow: hidden;
}


.pray-with-us-outer-text {
    text-align: center;
    margin-bottom: 25px !important;
}

.pray-with-us-outer-col .et_pb_button_module_wrapper {
    text-align: center;
    margin-bottom: 0 !important;
}


/* Main Container */
.services-wrapper {
    max-width: 1110px;
    margin: 0 auto;
    padding: 0px 20px 30px 20px;
    display: flex;
    flex-direction: column;
    width: 80%;
}

.pray-with-us-outer-text h1 {
    text-align: center;
    font-weight: 600;
}

.pray-with-us-outer-text h5 {
    text-align: center;
}

/* Service Sections */
.single-service {
    margin-bottom: 40px;
}

.service-title {
    text-align: center;
    text-transform: uppercase;
    color: var(--primary-blue);
    font-weight: 500;
    margin-bottom: 19px;
}

/* Shabbat Services - Single Column Layout */
.single-service:first-child .service-columns {
    background: var(--primary-blue);
    border-radius: 12px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-service .date-box {
    background: transparent;
    border-right: 2px solid rgba(255, 255, 255, 0.3);
    padding-right: 28px;
    margin-right: 76px;
    min-width: 180px;
    text-align: center;
}

.date-num {
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
}

.date-day {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}

.date-month {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}


.service-column {
    background: var(--primary-blue);
    border-radius: 12px;
    padding: 24px 24px 24px 24px;
    color: white;
}


.single-service .service-columns {
    display: flex;
    justify-content: space-between;
}

.service-columns.second-sec .service-column.left-column {
    width: 45% !important;
    padding: 18px 23px 29px 60px;
}

.service-columns.second-sec .service-column.right-column {
    width: 45% !important;
    padding: 0 !important;
}

.service-columns.second-sec ul {
    column-count: 1 !important;
    padding-left: 0 !important;
    margin-top: 0;
}

.service-column.right-column .owl-stage-outer {
    padding: 18px 23px 29px 60px;
}

.pray-with-us-outer-row {
    padding-top: 20px !important;
}




.service-column .date-num {
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
}

.service-column .date-day,
.service-column .date-month {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600 !important;
    letter-spacing: 2px;
}

.service-column .content ul li {
    margin: 0;
    color: white;
    font-size: 18px;
    font-family: 'Lora';
    font-weight: 600;
}


/* Left and Right Column Specific */
.service-column.left-column {
    position: relative;
    width: 100%;
}

.service-column.left-column .left-item {
    width: 100%;
    display: flex;
    align-items: center;
}

.service-column.right-column {
    position: relative;
    width: 100%;
}

/* Navigation Buttons (if using carousel) */
.service-columns.second-sec .service-column.right-column .owl-nav button {
    color: white !important;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease;
    position: relative;
}

.service-columns.second-sec .service-column.right-column .owl-nav {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.service-columns.second-sec .service-column.right-column .owl-nav button span {
    font-size: 0;
}


.service-columns.second-sec .service-column.right-column .owl-prev {
    background: url(../images/icon_arrow_lt.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: -35px;
}

.service-columns.second-sec .service-column.right-column .owl-next {
    background: url(../images/icon_arrow_lt.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: scaleX(-1);
    right: -35px;
}

/* .owl-nav button.disabled {
  opacity: 0.3;
  cursor: not-allowed;
} */


.service-column.left-column .content ul {
    column-count: 2;
    padding-left: 0 !important;
    gap: 76px !important;

}

.service-column.left-column .content ul {
    margin-top: 0;
    padding-left: 0 !important;
}

.content h6 {
    color: white;
    font-size: 20px !important;
    text-transform: uppercase;
    font-family: 'Lora' !important;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 4px !important;
}

.service-column.left-column .content ul li {
    padding-left: 0 !important;
}

.service-column .content ul li::before {
    display: none !important;
}

.service-column .content ul li {
    padding-bottom: 0px !important;
}

.service-columns.second-sec .service-column.right-column li {
    padding-left: 0;
}

.service-column.right-column .owl-dots {
    display: none;
}







.adult-learning-sec::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0;
    background: url(../images/SwatchPatternLight.svg);
    background-position: center;
    background-size: 26%;
    background-repeat: repeat;
}

.et_pb_blurb_content p:first-of-type {
/*    display: none;*/
}

.postid-386 .learning-inner {
    padding-bottom: 30px !important;
}



.adult-learning-sec {
    padding-top: 65px !important;
    padding-bottom: 40px !important;
    z-index: -1;
    position: relative;
}

.adult-learning-row {
    display: flex;
    max-width: 87% !important;
    gap: 49px;
}

.adult-learning-row::after {
    display: none;
}

.adult-learning-col {
    margin: 0 !important;
    background: #594D41;
    padding: 0 10px 10px 10px;
    border-radius: 20px;
    height: fit-content;
    width: 100% !important;
}

.adult-learning-col :where(h1, h2, h3, h4, h5, h6, a, span, p, strong) {
    color: var(--whitecolor) !important;
}

.adult-learning-mod .et_pb_main_blurb_image {
    width: 100%;
    max-width: 42% !important;
    margin: 0 auto;
    margin-top: -30px;
}

.adult-learning-mod span.et_pb_image_wrap {
    position: relative;
    padding-bottom: 100%;
    display: block;
    width: 100%;
}

.adult-learning-mod span.et_pb_image_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 20px !important;
}

.adult-learning-mod .et_pb_blurb_container {
    text-align: center !important;
    margin-top: 34px;
    color: white !important;
}

.adult-learning-mod .et_pb_blurb_container h3 {
    font-weight: 600;
    font-size: 28px !important;
    color: white !important;
    text-decoration: none;
    text-align: center;
    line-height: 33px;
}


.adult-learning-col a {
    text-transform: uppercase;
    padding: 7px 15px 0px 15px;
    border-top: 2.5px solid white;
    margin-top: 48px !important;
    display: block;
    width: fit-content;
    margin: 0 auto;
    border-bottom: 0;
}

.adult-learning-col a:hover {
    border-top: 2.5px solid var(--primary-tan);
    color: var(--primary-tan) !important;
    border-bottom: 0;
}

.adult-learning-col .et_pb_blurb_description p {
    letter-spacing: 2px;
}












/* -------------------ABOUT US PAGE ------------------------ */

div#page-container {
    padding-top: 32px !important;
}

.whoweare-team-inner .team-anchors {
	display: none;
}

.team-anchors {
    display: flex;
    justify-content: center;
    gap: 34px;
}

.team-anchors a {
    width: 18%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-blue);
    padding: 19px 20px;
    color: white;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 28px;
    font-family: var(--font-BG) !important;
    border-radius: 15px;
    font-weight: 400;
    transition: 0.3s ease;
}

.team-anchors a:hover {
    background-color: #b7aea7;
    transition: 0.3s ease;
}



.common-banner-outer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
}

.common-banner-outer .common-banner-img {
    position: relative;
    padding-bottom: 40%;
    display: block;
    height: 0;
}

.common-banner-img img {
    position: absolute !important;
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}


.all-common-banner-outer .et_pb_module {
    position: relative !important;
 padding-bottom: 40.5%;
    display: block;
    height: 0;
}
.all-common-banner-outer .et_pb_module img {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    object-fit: cover;
}
.all-common-banner-outer {
    margin-top: 15px;
    margin-left: 25px;
    margin-right: 25px;
}



.who-we-are-page-section {
    padding-top: 0 !important;
    background: white;
    padding-bottom: 115px !important;
}

.who-we-are-page-section .who_we_are_row {
    padding-top: 0 !important;
}

.who-we-are-page-section .who_we_are_content h6 {
    margin-top: 2px;
}

.whoweare-team-section-outer {
    padding-top: 17px !important;
}


/* .who-we-are-pagecontent .who_we_are_content p:before {
    top: -45px;
} */









.whoweare-team-inner {
    max-width: 100% !important;
}


.team-section-header {
    display: flex;
    justify-content: center;
    padding-bottom: 66px;
}

div#board-of-directors .team-section-header {
    padding-top: 50px;
}

div#board-of-directors .team-section-header::before {
    width: 50% !important;
}


/* .team-second-grid {
    display: flex;
    column-gap: 96px;
    max-width: 85% !important;
    margin: 0 auto;
    flex-wrap: wrap;
    row-gap: 60px;
    justify-content: center;
}

.team-second-grid .team-member {
    text-align: center;
    width: 25%;
} */

.team-section h5 {
    position: relative;
    width: fit-content;
    font-weight: 600;
    padding-bottom: 32px;
}

.team-section h5::before {
    position: absolute;
    content: "";
    width: 92%;
    height: 3%;
    background-color: var(--secondary-blue);
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

div#board-of-directors h5::before {
    width: 50%;
}

.team-grid {
    display: flex;
    column-gap: 84px;
    max-width: 85% !important;
    margin: 0 auto;
    flex-wrap: wrap;
    row-gap: 60px;
}



a.staff-email {
    font-size: 0;
    width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    margin: 0 auto;
    background: url(../images/icon_mail.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.staff-email-wrapper:hover a.staff-email {
    filter: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(368%) hue-rotate(352deg) brightness(80%) contrast(90%);
}

div#clergy {
    padding-top: 60px;
    padding-bottom: 125px;
}

div#staff {
    background: var(--neutral-light);
    padding: 60px 0 120px 0px;
}

div#board {
    padding-top: 60px;
    padding-bottom: 0px;
}

.team-member {
    text-align: center;
    width: 19.5%;
}

div#clergy .team-grid .team-member {
    text-align: center;
    width: 28%;
}

div#clergy .team-grid {
    display: flex;
    column-gap: 83px;
    max-width: 78% !important;
    margin: 0 auto;
    flex-wrap: wrap;
    row-gap: 60px;
    justify-content: flex-start;
}

.staff-member {
    text-align: center;
    width: 19.5%;
}

.staff-email-wrapper {
    position: relative;
    margin-top: 28px;
}

.staff-email-wrapper::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 5%;
    background-color: var(--secondary-blue);
    left: 50%;
    top: -11px;
    transform: translateX(-50%);
}

.team-grid .staff-member:hover .staff-email-wrapper::before {
    filter: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(368%) hue-rotate(352deg) brightness(80%) contrast(90%);
}

.staff-email-wrapper a.staff-email:before {
    display: none;
}

.team-img {
    position: relative;
    padding-bottom: 107%;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.team-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 20px;
    transition: 0.5s ease;
}

.team-img img:hover {
    transform: scale(1.10);
    transition: 0.5s ease;
}

.team-member h2 {
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.staff-member h2 {
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px !important;
    margin-top: 20px;
}

div#board .team-grid h2 {
    font-size: 20px !important;
    margin-top: 20px;
}

.staff-member h3 {
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-top: 0;
    color: #4f5b71;
    font-size: 25px !important;
    line-height: 24px;
}

div#board .team-grid h3 {
    font-size: 25px !important;
    line-height: 24px;
}

.team-member h3 {
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-top: 0;
    color: #4f5b71;
}

button.read-bio-btn {
    border-left: 0 !important;
    border-top: 2.5px solid var(--secondary-blue) !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 7px 21px 7px 21px !important;
    color: var(--secondary-blue) !important;
    background: transparent !important;
    text-transform: uppercase;
    margin-top: 28px;
    transition: 0.3s ease;
}

button.read-bio-btn:hover {
    color: #b6afa7 !important;
    transition: 0.3s ease;
    border-top: 2.5px solid #b6afa7 !important;
}





.clergy-download {
    margin-top: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.clergy-download a {
    font-size: 16px !important;
    color: var(--secondary-blue);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Inter';
    font-weight: 600;
    padding: 10px 45px 10px 45px !important;
    border-radius: 15px !important;
    border: 2px solid var(--secondary-blue);
    display: block;
    width: fit-content;
}

.clergy-download a:hover {
    font-size: 16px !important;
    color: var(--whitecolor);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Inter';
    font-weight: 600;
    padding: 10px 45px 10px 45px !important;
    border-radius: 15px !important;
    border: 2px solid var(--secondary-blue) !important;
    background-color: var(--secondary-blue) !important;
}



















.staff-member .team-img {
    position: relative;
    padding-bottom: 107%;
    display: block;
}

.staff-member .team-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 20px;
}

div#staff .team-grid {
    column-gap: 84px;
    max-width: 85% !important;
}

div#board .team-grid {

    max-width: 85% !important;
    column-gap: 82px;
}

div#board .team-member {
    text-align: center;
    width: 19.5%;
}







.board-list-section {
    max-width: 81%;
    margin: 0 auto;
    padding-top: 100px;
}

.board-list-section ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.board-list-section ul li::before {
    display: none;
}

.board-list-section ul li {
    font-size: 25px !important;
    color: var(--secondary-navy);
    font-weight: 600;
    color: #4f5b71;
    text-transform: capitalize;
}





.our-history-section-outer {
    padding-top: 175px !important;
    padding-bottom: 128px !important;
    position: relative;
}

.our-history-section-outer::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0;
    background: url(../images/SwatchPatternLight.svg);
    background-position: center;
    background-size: 26%;
    background-repeat: repeat;
}

.our-history-section-outer .our-history-inner {
    background: #4F5B71;
    max-width: 85.5% !important;
    margin-right: 0 !important;
    position: relative;
    transition: 0.5s ease;
    display: flex;
    justify-content: space-between;
    padding: 10px 75px 10px 10px !important;
}

.our-history-inner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    bottom: 0px;
    left: 0;
    background: url(../images/pattern-line.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.our-history-inner::after {
    display: none;
}

.our-history-inner :where(h1, h2, h3, h4, h5, h6, a, span, p, strong) {
    color: var(--whitecolor) !important;
}

.our-history-img-right {
    width: 58% !important;
    margin-top: -7%;
    margin-bottom: -7%;
}

.our-history-img-right .his-img span.et_pb_image_wrap {
    position: relative;
    padding-bottom: 74%;
    display: block;
    width: 100%;
}

.our-history-img-right .his-img span.et_pb_image_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 15px;
}

.his-content h5 {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.our-history-content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40% !important;
    margin: 0 !important;
}

.our-history-content a.common-button {
    border: 2px solid #fff !important;
    padding: 10px 88px 10px 88px !important;
}

.our-history-content a.common-button:hover {
    padding: 10px 88px 10px 88px !important;
    transition: 0.5s ease;
    background: #ffff !important;
    border: 2px solid #ffff !important;
    color: #485266 !important;
}

/*================================================================*/

.organization-small {
    margin-top: 90px !important;
}

.single-life_cycle_event .et_post_meta_wrapper {
    display: none;
}

.single-life_cycle_event .container {
    max-width: 100%;
}

/*================================================================*/

.blk-le-flip-four-row {
    width: 100% !important;
    display: flex;
    max-width: 87% !important;
    justify-content: space-between;
    padding-top: 0 !important;
}

.blk-le-flip-four-sec {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.blk-le-flip-title-row {
    max-width: 87% !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.blk-le-flip-four-row .blk-le-flip-four-col-1{
    width: 26% !important;
}

.blk-le-flip-four-row .blk-le-flip-four-col-2{
    width: 66% !important;
}

.blk-le-flip-title-row h4 {
    text-transform: capitalize;
    color: #4f5b71 !important;
    font-weight: 600;
    margin-bottom: 44px;
}

.blk-le-flip-four-row .blk-le-flip-four-col-1 span {
    position: relative !important;
    padding-bottom: 100% !important;
    display: block !important;
    width: 100%;
}

.blk-le-flip-four-row .blk-le-flip-four-col-1 span img {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 15px;
}

.blk-le-flip-four-row h6{
    color: var(--secondary-blue);
    font-size: 20px !important;
    margin-bottom: 0;
}

/*================================================================*/


.lifecycle-yahrzeit{
    position: relative;
}

.lifecycle-yahrzeit::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    bottom: 0px;
    left: 0;
    background: url(../images/pattern-line.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.lifecycle-yahrzeit .block-style-1-Second-outer-sec {
    padding-bottom: 55px !important;
}

.who_we_are_content-2-nd {
    margin-left: 68px;
}

/*================================================================*/

blockquote {
    padding: 10px !important;
    border-left: 3px solid var(--secondary-blue);
}

blockquote p{
    font-family: var(--font-Lato) !important;
    font-weight: 400  !important;
    font-size: 16px  !important;
    color: #4f5b71  !important;
    line-height: 24px  !important;
    padding: 0 !important;
    margin-bottom: 10px  !important;
    padding-top: 0 !important;
}

/*================================================================*/


/*================================================================*/

.contact-us-add-outer-row {
    max-width: 87%;
    padding-top: 30px !important;
    display: flex;
}

.contact-us-add-outer-row .contact-us-add-outer-col-1 {
    display: flex;
    flex-wrap: wrap;
    width: 60% !important;
    justify-content: flex-end;
    margin-right: 70px;
}

.contact-us-add-outer-col-1 p {
    padding-left: 0;
    margin-left: 0 ;
}

.cont-outer-row .cont-outer-col-1 h5 {
    margin-top: 0;
    margin-bottom: 36px;
}
.contact-us-add-outer-col-1 .who_we_are_content-1 p{
    padding-left: 20px;
    margin-left: 40px ;
}

.contact-text-tit {
    margin-bottom: 0 !important;
}

.contact-us-add-outer-row .contact-us-add-outer-col-2 {
    width: 40% !important;
    padding-top: 35px;
}

.contact-us-add-outer-col-1 .who-we-are-heading {
    width: 100%;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-box .upload-right p span#contact-btn-span {
    width: 90%;
    margin: auto;
    overflow-wrap: break-word;
}

.contact-us-add-outer-col-1 .who_we_are_content-1 {
    width: 100%;
    margin-bottom: 0 !important;
}

.contact-us-add-outer-col-1 .who_we_are_content-2, 
.contact-us-add-outer-col-1 .who_we_are_content-3, 
.contact-us-add-outer-col-1 .who_we_are_content-6,
.contact-us-add-outer-col-1 .who_we_are_content-7 {
    width: 42%;
    margin-bottom: 0 !important;
    padding-top: 26px;
}

.contact-us-add-outer-col-1 .who_we_are_content-5 {
    width: 84%;
    margin-bottom: 0 !important;
}

.contact-us-add-outer-col-1 .who_we_are_content-5 a{
    border: none;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding-left: 16px;
}

.contact-us-add-outer-col-1 .who_we_are_content-5 a::before{
    position: absolute;
    content: "";
    width: 18%;
    height: 20px;
    bottom: 0px;
    left: -5px;
    background: url(../images/maps-and-flags.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}

.contact-us-add-outer-col-1 .who_we_are_content-3 p a {
    border: none;
    font-family: 'Lora';
    font-weight: 700;
}

.contact-us-add-outer-col-1 .who_we_are_content-2 p, 
.contact-us-add-outer-col-1 .who_we_are_content-3 p, 
.contact-us-add-outer-col-1 .who_we_are_content-5 p, 
.contact-us-add-outer-col-1 .who_we_are_content-6 p, 
.contact-us-add-outer-col-1 .who_we_are_content-7 p {
    color: #003471;
    font-family: 'Lora';
    font-weight: 700;
    margin-top: 13px;
}

.contact-us-add-outer-col-1 .who_we_are_content-2 h6, 
.contact-us-add-outer-col-1 .who_we_are_content-3 h6, 
.contact-us-add-outer-col-1 .who_we_are_content-5 h6, 
.contact-us-add-outer-col-1 .who_we_are_content-6 h6, 
.contact-us-add-outer-col-1 .who_we_are_content-7 h6 {
    font-weight: 500;
}

.contact-us-add-outer-row h5 {
    padding-left: 0 !important;
    margin-left: 0;
}

.contact-us-add-outer-row h6 {
    padding-left: 0 !important;
    margin-top: 0;
    margin-left: 0;
}

.contact-us-add-outer-sec {
    padding-bottom: 0 !important;
}

.contact-us-add-outer-row .contact-us-add-outer-col-2 iframe {
    border-radius: 20px;
}

.contact-us-add-outer-col-1 .who-we-are-heading {
    width: 100%;
    margin-bottom: 0 !important;
}

.contact-us-add-outer-col-1.who_we_are_content::before {
    height: 35%;
    top: 120px;
}

.contact-us-add-outer-col-1 .who_we_are_content-5 p {
    margin-top: 12px;
}

.contact-us-fourcolum {
    border-radius: 30px !important;
    position: relative;
    padding: 60px 0 !important;
    max-width: 100%;
    background: none;
}

.contact-us-fourcolum .four-home-sec-row {
    padding: 60px 29px 60px 29px !important;
    width: 100%;
    max-width: 83% !important;
    background: var(--primary-blue);
    position: relative;
    overflow: visible;
    margin: 0 auto;
    border-radius: 30px 30px 30px 30px !important;
    padding-top: 42px !important;
}

.contact-us-fourcolum::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0;
    background: url(../images/SwatchPatternLight.svg);
    background-position: center;
    background-size: 26%;
    background-repeat: repeat;
}

.contact-us-fourcolum::before{
    display: none;
}



.cont-outer-row {
    max-width: 87%;
    display: flex;
    padding-top: 0 !important;
}

.cont-outer-row .cont-outer-col-1 {
    width: 60%;
}

.cont-outer-row .cont-outer-col-2 {
    width: 40%;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul {
    padding-left: 0 !important;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li {
    padding-left: 0;
    padding-bottom: 10px;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li br{
    display: none;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li::before{
    display: none;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li label {
    font-weight: 600;
    color: #5e87a6;
    font-size: 16px;
    margin-top: 23px;
    text-transform: uppercase;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li input, 
.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li textarea{
    width: 100%;
    display: block;
    color: var(--secondary-blue) !important;
    font-family: var(--font-Lato);
    border-radius: 0 !important;
    padding: 12px 13px !important;
    font-size: 16px;
    border-radius: 15px !important;
    margin-top: 8px;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.form-row {
    padding-left: 0 !important;
    padding-bottom: 0 ;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.form-row p{
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-box {
    display: flex;
    padding: 20px 20px;
    background-color: #5a4e42;
    border-radius: 20px;
    justify-content: flex-end;
    color: #fff;
    align-items: center;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-box .upload-left {
    width: 48%;
    padding-left: 25px;
    position: relative;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-box .upload-left::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    left: -30px;
    top: 15px;
    background: url(../images/camera.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-box .upload-left p{
    color: #fff !important;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-box .upload-right {
    width: 45%;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-box .upload-right span.wpcf7-form-control-wrap {
    display: none;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-box .upload-right p {
    display: flex;
    margin-bottom: 0 !important;
    justify-content: flex-end;
    flex-direction: column;
    color: white;
    align-items: center;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-box .upload-right button {
    width: 75%;
    background: none;
    border: 2px solid #fff;
    padding: 13px 0;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 15px;
    transition: 0.3s ease;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-box .upload-right button:hover {
    background-color: white;
    color: #5a4e42;
    transition: 0.3s ease;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.upload-note p {
    font-size: 12px;
    padding-left: 35px;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.submit-btn {
    margin-top: 10px;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.form-row span.form-group {
    width: 50%;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.submit-btn input {
    font-size: 16px !important;
    color: var(--secondary-blue);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Inter';
    font-weight: 600;
    cursor: pointer;
    padding: 12px 40px 12px 40px !important;
    border-radius: 15px !important;
    border: 3px solid var(--secondary-blue) !important;
    text-align: center;
    width: fit-content !important;
    transition: 0.3s ease;
    background: transparent;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.submit-btn input:hover{
    font-size: 16px !important;
    color: var(--whitecolor) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Inter';
    transition: 0.3s ease;
    font-weight: 600;
    padding: 12px 40px 12px 40px !important;
    border-radius: 15px !important;
    border: 3px solid var(--secondary-blue) !important;
    background-color: var(--secondary-blue) !important;
}

.cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.submit-btn p {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .cont-outer-row .cont-outer-col-1 .contact-form-custom ul li.submit-btn p span.wpcf7-spinner {
    display: none;
} */

.cont-outer-row .cont-outer-col-2 span.et_pb_image_wrap img {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 20px;
}

.cont-outer-row .cont-outer-col-2 span.et_pb_image_wrap {
    position: relative !important;
    padding-bottom: 100%;
    display: block !important;
    width: 100%;
}


/*================================================================*/

.gallery-content {
    padding-top: 155px !important;
    padding-bottom: 0 !important;
}

.gallery-content .gallery-button {
    margin-left: 60px;
}

.gallery-content .learning-outer-row {
    padding-bottom: 18px;
}

.gallery-content .learning-outer-text-2 {
    margin-bottom: 0px !important;
}

.custom-gallery-container {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.custom-gallery-main {
    overflow: hidden;
}

.custom-gallery-slide {
    display: none;
    width: 100%;
    transition: opacity 0.5s ease;
}

.custom-gallery-slide.custom-active {
    display: block;
}

.custom-gallery-slide img {
    width: 100%;
    max-height: 450px;
    object-fit: cover;
    cursor: pointer;
}

.custom-gallery-btn {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    color: #6685aa;
    background: transparent;
    border: none;
    font-size: 24px;
    padding: 8px 14px;
    cursor: pointer;
    border-radius: 50%;
    transition: background 0.3s;
}

/* .custom-gallery-btn:hover {
    background-color: rgba(0, 52, 113, 0.9);
} */

.custom-prev { left: -55px; }
.custom-next { right: -55px; }



.custom-gallery-thumbs {
    margin-top: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    display: block;
    max-width: 1140px;
    width: 100%;
    border-collapse: collapse;
}

.custom-gallery-thumbs::-webkit-scrollbar-thumb {
    background: #acacac;
    border-radius: 10px;
    height: 0 !important;
    width: 0 !important;
    cursor: pointer;
    border: none !important;
}

.custom-gallery-thumbs::-webkit-scrollbar-track {
    border-radius: 10px;
}

.custom-gallery-thumb {
    width: 116px;
    height: 116px;
    object-fit: cover;
    opacity: 0.7;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-gallery-thumb.custom-active,
.custom-gallery-thumb:hover {
    border: 3px solid #003471;
    opacity: 1;
}

/* Reuse AJAX Lightbox styles */

.gallery-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #5f6467;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999999999999 !important;
    visibility: visible;
    opacity: 1;
    overflow-y: auto;
}


.gallery-lightbox  .lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #003471de;
}

.gallery-lightbox  .lightbox-content {
    position: relative;
    z-index: 10000;
    height: 750px;
    width: 750px;
    max-width: 100% !important;
    max-height: 90%;
    text-align: center;
    display: flex;
    align-items: center;
}

.gallery-lightbox  .lightbox-slider {
    width: 100%;
}

.gallery-lightbox  .lightbox-slider img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: 500px;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.gallery-lightbox  .lightbox-close {
    position: absolute;
    top: -20px;
    right: -135px;
    background: #ffffff00;
    color: #6685aa;
    border: none;
    font-size: 55px;
    border-radius: 50%;
    cursor: pointer;
    width: 35px;
    height: 35px;
}

.gallery-lightbox  .lightbox-prev, .lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0);
    color: #6685aa;
    border: none;
    font-size: 30px;
    border-radius: 50%;
    cursor: pointer;
    width: 45px;
    height: 45px;
    line-height: 40px;
}

.gallery-lightbox  .lightbox-prev { left: -60px; }
.gallery-lightbox  .lightbox-next { right: -60px; }
.gallery-lightbox  .lightbox-prev:hover, .lightbox-next:hover {
    background: rgba(255, 255, 255, 0);
}

@media(max-width:768px){
    .lightbox-prev { left: 10px; }
    .lightbox-next { right: 10px; }
    .lightbox-close { top: 10px; right: 10px; }

     .lightbox-prev {
        left: -45px;
    }

    .gallery-lightbox .lightbox-next { right: -45px; }
}



.gallery-four-container {
    padding-bottom: 195px !important;
    padding-top: 90px !important;
}

.gallery-four-container::before{
    display: none;
}

.gallery-four-container::after{
    height: 70%;
}

.postid-949 .photo-gallery-outer{
    padding-bottom: 150px !important;
}


/*============================================================================*/

.media-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #5f6467;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999999999999 !important;
    visibility: visible;
    opacity: 1;
    overflow-y: auto;
}

.media-popup .popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #003471de;
}

.media-popup .popup-close {
    position: absolute;
    top: -20px;
    right: -135px;
    background: #ffffff00;
    color: #6685aa;
    border: none;
    font-size: 55px;
    border-radius: 50%;
    cursor: pointer;
    width: 35px;
    height: 35px;
}

.media-popup .popup-content {
    position: relative;
    z-index: 10000;
    height: 750px;
    padding: 0;
    margin-top: 0;
    background: none;
    width: 750px;
    box-shadow: none;
    max-width: 100% !important;
    max-height: 90%;
    text-align: center;
    display: flex;
    align-items: center;
}

.media-popup .popup-prev, 
.media-popup .popup-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0);
    color: #6685aa;
    border: none;
    font-size: 30px;
    border-radius: 50%;
    cursor: pointer;
    width: 45px;
    height: 45px;
    line-height: 40px;
}

.media-popup .popup-prev {
    left: -60px;
}

.media-popup .popup-next {
    right: -60px;
}

.media-popup .popup-slider {
    width: 100%;
}

.media-popup .popup-slider img  {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: 500px;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.media-popup .popup-prev:hover, .media-popup  .popup-next:hover {
    background: transparent !important;
}   

/*===============================================================================*/

ul#select2-gallery-filter-dropdown-results li {
    padding: 13px 60px 13px 17px !important;
    transition: border-color 0.3s ease;
    height: 50px;
    color: var(--secondary-blue) ;
    text-transform: uppercase !important;
    line-height: 22px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 2px;
    font-size: 16px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white !important;
}

.life-event-cementry {
    width: 100% !important;
    max-width: 87% !important;
}


/*===============================================================================================================*/


.upcoming {
    padding-bottom: 0 !important;
}

.upcoming h5 {
    margin-bottom: 0 !important;
}

.upcoming .who-we-are-heading {
    margin-bottom: 0 !important;
}

div#events-filter-wrapper {
    max-width: 93%;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 45px;
    margin-top: -75px;
}

div#upcoming-events-container {
    display: flex;
    flex-direction: column;
    gap: 85px;
    width: 100%;
}

.upcoming-event-item {
    display: flex;
    justify-content: space-between;
    gap: 80px;
}

.upcoming-event-item .event-image-extra {
    width: 50%;
}

.upcoming-event-item .event-content {
    width: 50%;
}

.upcoming-event-item .event-image img {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
    border-radius: 0;
    background-color: transparent !important;
}

.upcoming-event-item .event-image {
    position: relative;
    padding-bottom: 75%;
    display: block;
}

.upcoming-event-item .event-content p,
.upcoming-event-item .event-content span {
    font-family: var(--font-Lato);
    font-weight: 400;
    font-size: 16px;
    color: #4f5b71;
    line-height: 24px;
    padding: 0px;
    margin-bottom: 10px;
}

.upcoming-event-item .event-content a.register-btn {
    color: var(--secondary-blue);
    font-size: 20px !important;
    margin-bottom: 28px;
    text-transform: capitalize;
    font-weight: 700;
    margin-top: 0;
    border-bottom: 2px solid #6685aa;
    transition: 0.3s ease;
}

.upcoming-event-item .event-content a.register-btn:hover{
    color: #b1ada3;
    border-bottom: 2px solid #b1ada3;
    transition: 0.3s ease;
}

.upcoming-event-item .event-content p.event-date {
    color: var(--secondary-blue);
    font-size: 20px !important;
    margin-bottom: 25px;
    text-transform: capitalize;
    font-weight: 700;
}

.upcoming-event-item .event-content span {
    margin-bottom: 35px;
}

.upcoming-event-item .event-content h3 {
    font-family: 'Bricolage Grotesque' !important;
    text-transform: capitalize;
    font-weight: 900;
    font-size: 28px !important;
    padding-bottom: 20px;
    margin-top: 25px;
}

.upcoming-event-item .event-content .event-description {
    padding-top: 13px;
    display: flex;
    flex-direction: column;
}

div#events-filter-wrapper div#events-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 35px;
}

.upcoming-event-item .event-content .event-description a.toggle-desc {
    color: var(--secondary-blue);
    font-size: 20px !important;
    margin-bottom: 28px;
    text-transform: capitalize;
    font-weight: 700;
    margin-top: 0;
    border-top: 2px solid #6685aa;
    width: fit-content;
    padding-top: 5px;
    transition: 0.3s ease;
}

.upcoming-event-item .event-content .event-description a.toggle-desc:hover{
    color: #b1ada3;
    border-top: 2px solid #b1ada3;
    transition: 0.3s ease;
}

div#events-filter-wrapper .select2-container {
    width: fit-content !important;
}

div#events-filter-wrapper .select2-container .select2-selection--single {
    height: auto;
    border: none;
}

div#events-filter-wrapper  span#select2-events-filter-container {
    padding: 11px 150px 11px 15px !important;
    border: 1px solid var(--secondary-blue);
    transition: border-color 0.3s ease;
    height: 45px;
    color: var(--secondary-blue) !important;
    text-transform: uppercase !important;
    line-height: 22px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 2px;
    font-size: 16px !important;
}

div#events-filter-wrapper ul li.select2-results__option--selectable {
    font-weight: 600 !important;
    letter-spacing: 2px;
    font-size: 16px !important;
    color: var(--secondary-blue) !important;
    text-transform: uppercase !important;
}

div#events-filter-wrapper div#events-pagination .event-pagination {
    display: flex;
    gap: 30px;
}

div#events-filter-wrapper div#events-pagination .event-pagination a {
    color: #b1ada3 !important;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

div#events-filter-wrapper div#events-pagination .event-pagination a:hover {
    color: #6381a0 !important;
} 

div#events-filter-wrapper div#events-pagination .event-pagination a.prev-cls {
    position: relative;
    font-size: 0;
    width: 20px;
    height: 20px;
}

div#events-filter-wrapper div#events-pagination .event-pagination a.prev-cls::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../images/prev-icon.svg);
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    transition: 0.3s ease;
}

div#events-filter-wrapper div#events-pagination .event-pagination a.active-page{
    color: #6381a0 !important;
}

div#events-filter-wrapper div#events-pagination .event-pagination a.prev-cls:hover:after{
    filter: brightness(0) saturate(100%) invert(53%) sepia(4%) saturate(4264%) hue-rotate(170deg) brightness(92%) contrast(76%);
    transition: 0.3s ease;
}

div#events-filter-wrapper div#events-pagination .event-pagination a.next-cls {
    position: relative;
    font-size: 0;
    width: 20px;
    height: 20px;
}

div#events-filter-wrapper div#events-pagination .event-pagination a.next-cls::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../images/next-icon.svg);
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    transition: 0.3s ease;
}

div#events-filter-wrapper div#events-pagination .event-pagination a.next-cls:hover:after{
    filter: brightness(0) saturate(100%) invert(53%) sepia(4%) saturate(4264%) hue-rotate(170deg) brightness(92%) contrast(76%);
    transition: 0.3s ease;
}


.upcoming .who_we_are_row {
    margin-top: 80px;
}

ul#select2-events-filter-results li {
    padding: 13px 60px 13px 17px !important;
    transition: border-color 0.3s ease;
    height: 50px;
    color: var(--secondary-blue);
    text-transform: uppercase !important;
    line-height: 22px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 2px;
    font-size: 16px !important;
}

.select2-container .select2-dropdown--below {
    top: 35px;
    border: 1px solid var(--secondary-blue);
}

/*=================================================================================================*/


.focal-banner img {
    object-fit: contain !important;
    background: #f5f5f5;
}
.all-common-banner-outer.focal-banner .et_pb_module {
    padding-bottom: 29%;
}

.all-common-banner-outer.focal-banner {
    margin-top: 91px;
}

.focal-content {
    padding-top: 83px !important;
}

div#focal-point-results {
    padding-top: 20px;
}

.focal-container {
    max-width: 87%;
    width: 100%;
}

.focal-section .focal-filter-bar {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.focal-section .focal-filter-bar select {
    padding: 13px 150px 13px 20px !important;
    border: 1px solid var(--secondary-blue);
    transition: border-color 0.3s \ease;
    height: 50px;
    color: var(--secondary-blue) !important;
    text-transform: uppercase !important;
    cursor: pointer;
    line-height: 22px !important;
    width: 27%;
    border-radius: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 2px;
    font-size: 16px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/drop-icon.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 20px;
    padding-right: 60px !important;
}

.focal-section .focal-filter-bar select option {
    padding: 13px 60px 13px 17px !important;
    transition: border-color 0.3s ease;
    height: 50px;
    color: var(--secondary-blue);
    text-transform: uppercase !important;
    line-height: 22px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 2px;
    font-size: 16px !important;
}

.focal-container .focal-section {
    margin-top: -90px;
}

div#focal-point-results .focal-point-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 66px;
    padding-top: 20px;
    justify-content: space-around;
}

.focal-point-wrapper h2.focal-year-heading {
    width: 100%;
    font-family: var(--font-inter) !important;
    font-weight: 600;
    font-size: 38px !important;
    color: #4f5b71 !important;
    text-align: initial;
    line-height: 52px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

div#focal-point-results .focal-point-wrapper .focal-point-item {
    width: 20.7%;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

div#focal-point-results .focal-point-wrapper .focal-point-item h3.focal-point-title {
    text-align: center;
}

hr.focal-point-line {
    display: none;
}

hr.focal-year-divider {
    display: none;
}

div#focal-point-results .focal-point-wrapper .focal-point-item .focal-point-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative !important;
    padding-bottom: 135%;
    display: block;
    margin-left: auto;
}

div#focal-point-results .focal-point-wrapper .focal-point-item .focal-point-image img{
    top: 0;
    border-radius: 0;
    width: 100%;
    position: absolute !important;
    height: 100%;
    object-fit: cover;
    left: 0;
    border-radius: 0 !important;
}

div#focal-point-results .focal-point-wrapper .focal-point-item a.focal-point-download {
    border-left: 0 !important;
    border-top: 2.5px solid var(--secondary-blue) !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-radius: 0;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    width: fit-content;
    letter-spacing: 1px;
    padding: 7px 5px 7px 5px !important;
    color: var(--secondary-blue) !important;
    background: transparent !important;
    text-transform: uppercase;
    margin-top: 15px;
}

div#focal-point-results .focal-point-wrapper .focal-point-item a.focal-point-download:hover{
    border-left: 0 !important;
    border-top: 2.5px solid var(--primary-tan) !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 7px 5px 7px 5px !important;
    color: var(--primary-tan) !important;
    background: transparent !important;
}

.focal-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.focal-pagination a {
    color: #b1ada3 !important;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.focal-pagination a:hover{
    color: #6381a0 !important;
}

.focal-pagination span.page-numbers {
    color: #b1ada3 !important;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.focal-pagination span.page-numbers:hover{
    color: #6381a0 !important;
}

.focal-pagination span.page-numbers.current {
    color: #6381a0 !important;
}

.focal-pagination a.next.page-numbers {
    position: relative;
    font-size: 0;
    width: 20px;
    height: 20px;
}

.focal-pagination a.next.page-numbers:hover:after {
    filter: brightness(0) saturate(100%) invert(53%) sepia(4%) saturate(4264%) hue-rotate(170deg) brightness(92%) contrast(76%);
    transition: 0.3s ease !important;
}

.focal-pagination a.next.page-numbers::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../images/next-icon.svg);
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    transition: 0.3s ease !important;
}

.focal-pagination a.prev.page-numbers {
    position: relative;
    font-size: 0;
    width: 20px;
    height: 20px;
}

.focal-pagination a.prev.page-numbers:hover:after {
    filter: brightness(0) saturate(100%) invert(53%) sepia(4%) saturate(4264%) hue-rotate(170deg) brightness(92%) contrast(76%);
    transition: 0.3s ease !important;
}

.focal-pagination a.prev.page-numbers::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../images/prev-icon.svg);
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    transition: 0.3s ease !important;
}

.single-life_cycle_event .our-history-leftside-con h1 {
    font-weight: 600 !important;
}

.single-life_cycle_event  .who-we-are-heading h5 {
    margin-top: 0;
}