:root {
    --header-logo-bg: linear-gradient(90deg, #B21444 0%, #B21444 100%);
    --header--contact--detail--hover: #b21444;
    --cta-btn-bg: #b21444;
    --theme-orange: #b21444;
    --nav-bg: linear-gradient(90deg, #b21444 0%, #b21444 100%);
    /* --nav-bg:  */
    --nav-bg-transparent: linear-gradient(90deg, #b21444 0%, #b21444 100%);
    --theme-blue-bg: #34475B;
    --card-blue-bg: #002041;
    --footer-light-gray: #E7E7E7;
    --text-color1: #858585;
    --text-color2: #595959;
}

/* body {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
} */

@font-face {
    font-family: 'MuseoSansRounded100';
    src: url('/fonts/MuseoSansRounded100.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 16px;
    font-family: 'MuseoSansRounded100', sans-serif;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}





::selection {
    background-color: #b21444 !important;
    text-shadow: none;
    color: #fff;
}

::-moz-selection {
    background-color: var(--theme-orange) !important;
    text-shadow: none;
    color: #fff;
}


/* BEGIN Font Classes */
.font-def-medium {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.font-def-semi-bold {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.font-serif,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Serif', serif;
}

h1,
h2 {
    color: #b21444;
}

h3,
h4,
h5,
h6 {
    color: #b21444;
}

/* END Font Classes */

.main-header {
    box-shadow: 0 2px 4px rgba(192, 192, 192, 0.75);
}

.header-logo-main-container {
    background: var(--header-logo-bg);
}

/* BEGIN General Utility Classes */
a {
    text-decoration: none;
}

.btn:focus {
    box-shadow: none;
}

.bg-theme-dark-blue {
    background-color: var(--card-blue-bg);
}

.btn-cta {
    background-color: #000000;
    color: #fff;
}

.btn-cta:hover,
.btn-cta:active,
.btn-cta.active {
    background-color: #000000;
    color: #fff;
}

.link-inline {
    color: var(--cta-btn-bg);
}

.link-inline:hover,
.link-inline:active {
    color: var(--header--contact--detail--hover);
}

.heading-theme-underline::after {
    content: '\25C6';
    display: block;
    color: #b21444;
    font-size: 0.75rem;
    /* margin-top: 0.15rem; */
    width: 75%;
    background-image: url('data:image/svg+xml,<svg height="1" width="300" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="1" x2="300" y2="1" stroke="%23FB704F"/></svg>');
    background-repeat: no-repeat;
    background-position: center left 2px;
}

.diamond-underlined-100,
.diamond-underlined-85 {
    position: relative;
}

.diamond-underlined-100::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #b21444;
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -2px;
    transform: rotate(45deg);
}

.diamond-underlined-85::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #b21444;
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -2px;
    transform: rotate(45deg);
}

.diamond-underlined-100::after {
    content: '';
    width: inherit;
    height: 1.5px;
    display: block;
    margin-top: 6px;
    background: #b21444;
}

.diamond-underlined-85::after {
    content: '';
    width: inherit;
    height: 1.5px;
    display: block;
    margin-top: 6px;
    background:#b21444;
}

.diamond-underlined-85::after {
    width: 85%;
}

.hamburger-menu-line {
    width: 25px;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    margin-bottom: 5px;
}

.hamburger-menu-line1 {
    width: 20px;
    transition: all 0.3s ease;
}

.hamburger-menu-line2 {
    width: 25px;
    transition: all 0.3s ease;
}

.hamburger-menu-line3 {
    width: 18px;
    transition: all 0.3s ease;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler[aria-expanded=true] .hamburger-menu-line1 {
    width: 25px;
    transform: translateY(6px) rotate(45deg);
}

.navbar-toggler[aria-expanded=true] .hamburger-menu-line2 {
    opacity: 0;
}

.navbar-toggler[aria-expanded=true] .hamburger-menu-line3 {
    width: 25px;
    transform: translateY(-10px) rotate(-45deg);
}

#siteMenu {
    border-radius: 16px;
    position: relative;
    z-index: 4;
}

.main-navbar-initial {
    background-color: transparent;
}

.main-navbar-scrolled {
    background: var(--nav-bg-transparent);
}

.site-menu-initial {
    background: var(--nav-bg);
    margin-top: -30px;
}

.site-menu-on-scroll {
    background-color: transparent;
    margin-top: -8px;
}

.navbar-toggler {
    border: none;
}

#siteMenu .nav-link {
    color: #fff;
    white-space: nowrap;
}

#siteMenu .nav-link:not(.active):hover {
    text-shadow: 0 0 1px #fff;
}

#siteMenu .nav-link.active {
    font-weight: bold;
    text-decoration: underline;
}

#siteMenu .dropdown-menu {
    background: var(--nav-bg);
    border: none;
    min-width: 225px;
    font-size: 95%;
}

#siteMenu .dropdown-menu .dropdown-item {
    color: #fff;
    padding-left: 1.95rem;
}

#siteMenu .dropdown-menu .dropdown-item:hover,
#siteMenu .dropdown-menu .dropdown-item:active,
#siteMenu .dropdown-menu .dropdown-item.active {
    background-color: var(--nav-bg);
    text-decoration: underline;
}

.header-logo-main-container {
    width: 60%;
}

#headerLogo {
    height: 80px;
}

.header-logo-container-extender {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 80px solid transparent;
    border-top: 90px solid var(--header-logo-bg);
    position: absolute;
    right: -60px;
    z-index: -1;
}

.header-contact-detail {
    color: #808080;
}

.header-contact-detail:hover,
.header-contact-detail:active,
.header-contact-detail.focus,
.header-contact-detail.active {
    color: var(--header--contact--detail--hover);
}

footer {
 
    background-image: url('../assets/images/connect/foooter_banner.svg');
    background-position: center center;
    background-size: 100% 100%;
    color: #B21444;
    color: #ffffff;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #ffffff;
}

#footer_wave_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.footer-logo-img {
    height: 108px;
    width: auto;
}

.footer-link {
    color: #ffffff;
}

.footer-link:hover,
.footer-link:active,
.footer-link.active,
.footer-link:focus {
    color: #ffffff;
}

.footer-contact-link {
    color: inherit;
}

.footer-contact-link:hover,
.footer-contact-link:active,
.footer-contact-link.active {
    color: #ffffff;
}

.footer-legal-link {
    color: #C6C6C6;
}

.footer-legal-link:hover,
.footer-legal-link:active,
.footer-legal-link.active,
.footer-legal-link:focus {
    color: #fff;
}

.footer-quick-links li {
    list-style-type: none;
    line-height: 1.85;
}

.footer-quick-links li .footer-link::before {
    content: '\2192';
    margin-right: 8px;
}

.footer-quick-links li .footer-link:hover {
    margin-left: 0.5rem;
    color: #ffffff;
}

.copyright-text {
    color: #fff;
}

.rounded-075 {
    border-radius: 0.75rem;
}

.form-error {
    color: rgb(240, 75, 30);
    font-size: 0.8rem;
    margin-left: 0.5rem;
    margin-top: 0.25rem;
}

.icon-blue {
    color: #b21444;
}


#contactFormSubmissionOverlay,
#registerFormSubmissionOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(94, 85, 90, 0.35);
    z-index: 10;
    border-radius: inherit;
}

#contact-form-loader,
#register-form-loader {
    width: 48px;
    height: 48px;
    border: 5px solid;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    border-color: #b21444 transparent;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* END General Utility Classes */

/* BEGIN Home Page Styles */

#home_page_main_banner_section {
    margin-top: -44px;
}

.welcome-text {}

#lead_content_section .main-heading::after {
    content: '';
    display: block;
    border: 2px solid #b21444;
    border-radius: 4px;
    width: 50%;
    margin: 0.25rem 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}

.underlined-85::after {
    content: '';
    display: table;
    border: 2px solid #b21444;
    border-radius: 4px;
    width: 85%;
    margin: 0.25rem auto;
    margin-left: inherit;
}

.activities-card-btn {
    background-color: #09343e;
    color: #fff;
    border-radius: 0.875rem;
    font-size: 0.875rem;
}

.activities-card-btn:hover,
.activities-card-btn:focus,
.activities-card-btn:active,
.activities-card-btn.active {
    color: #fff;
    background-color: #b21444;
}

.img-carousel-card-rounded {
    border-radius: 1rem;
}

#lead_content_section .main-heading {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

#lead_content_section p {
    color: #848484;
    font-size: 1.125rem;
    text-shadow: 0 4px 4px;
}

#moreActivitiesLink {
    position: absolute;
    right: 1.15rem;
    top: 5px;
}

.activities-slider .owl-stage-outer,
.activities-slider-mobile .owl-stage-outer {
    /* padding: 8px 4px;
    margin-left: 75px;
    margin-right: 75px; */
    padding-top: 8px;
}

.activities-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.activities-slider button.owl-prev,
.activities-slider button.owl-next {
    background-color: #869791 !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
}

.activities-slider button.owl-prev {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-216%);
}

.activities-slider button.owl-next {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(216%);
}

.activities-slider .owl-stage .owl-item {
    width: 300px;
}

.activities-slider .owl-stage .owl-item.active.center .card-text {
    font-size: 0.875rem;
}

.activities-slider button.owl-prev:not(.disabled):hover,
.activities-slider button.owl-next:not(.disabled):hover {
    background-color: #b21444!important;
}

.activities-slider .owl-stage,
.activities-slider-mobile .owl-stage {
    display: flex;
    align-items: flex-end;
}


.activities-slider button.owl-prev.disabled:hover,
.activities-slider button.owl-next.disabled:hover {
    color: initial;
}

.activities-slider .owl-dots,
.activities-slider-mobile .owl-dots {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
}

.activities-slider .owl-dots .owl-dot.active span {
    width: 14px;
    height: 14px;
    background-color: #f7f7f7;
}

.activities-slider-mobile .owl-dots .owl-dot.active span {
    width: 14px;
    height: 14px;
    background-color: #68839F;
}

.activities-slider .owl-item.active:not(.cloned) {
    /* margin-left: -10px !important; */
}

.hkm-mlr-activities-card {
    padding: 12px;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 20px;
    /* width: 275px; */
}

.activities-slider-mobile .hkm-mlr-activities-card-mobile {
    padding: 12px;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 20px;
    width: 275px;
}

.activities-slider-mobile .owl-stage .owl-item.active.center {
    margin-bottom: 1.5rem;
}

.after-bg-blue {
    background-color: #2A2A2A;
    border-radius: 25px;
    height: 400px;
    margin-top: -375px;
    margin-left: 50px;
    margin-right: 50px;
}

.after-bg-blue-mobile {
    background-color: #2A2A2A;
    border-radius: 15px;
    height: 200px;
    margin-top: -175px;
}

.hkm-mlr-activities-card .card-text {
    font-size: 0.75rem;
}

/* END Home Page Styles */

/* BEGIN Custom Styles for About Pages */
#mission_banner_section,
#objectives_page_banner_section,
#gbc_page_banner_section,
#management_council_page_banner_section,
#who_we_are_page_banner_section {
    background-image: url('../assets/images/mission_page_banner_bg.png');
    background-size: cover;
    background-position: center center;
}

#mission_banner_section .container-fluid,
#objectives_page_banner_section .container-fluid,
#gbc_page_banner_section .container-fluid,
#management_council_page_banner_section .container-fluid,
#who_we_are_page_banner_section .container-fluid {
    height: 480px;
    margin-top: -45px;
}

#explainer_section_1 .img-left {
    width: 40%;
}

#explainer_section_1 .explanation-text-right {
    width: 65%;
    position: relative;
    margin-top: -25%;
    margin-left: 30%;
    z-index: 3;
    border-radius: 20px;
}

#about_pg_mission_section2 {
    background-image: url('../assets/images/about/pushpa-alankara-bg.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#about_pg_mission_section3 .image-section,
#about_pg_mission_section3 .explanation-text {
    width: 50%;
}

#gbc_member_section_1,
#gbc_member_section_2,
#gbc_member_section_3,
#gbc_member_section_4,
#gbc_member_section_5 {
    overflow: hidden;
}

.gbc_member_photo_wrapper {
    width: 75%;
}

.partial-circle-bg1 {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    top: -45%;
    left: -10%;
    z-index: -1;
    background-color: #a0c1d957;
}

.partial-circle-bg2 {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    top: -30%;
    right: -12.5%;
    z-index: -1;
    background-color: #a0d9b457;
}

.partial-circle-bg3 {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    top: -42.5%;
    left: -12.5%;
    z-index: -1;
    background-color: #afa0d957;
}

.partial-circle-bg4 {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    top: -42.5%;
    right: -12.5%;
    z-index: -1;
    background-color: #d9cca057;
}

.partial-circle-bg5 {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    top: -45%;
    left: -12.5%;
    z-index: -1;
    background-color: #d9aea057;
}

.management_council_member_section {
    background: linear-gradient(90deg, rgba(223, 242, 223, 0.66) 0%, rgba(213, 231, 243, 0.70) 100%);
}

#mgmt_council_president_img {
    /* border-radius: 0.475rem;
    box-shadow: -0.75rem -0.75rem #EBAC0C; */
}

.mgmt-member-photo-wrapper {
    position: relative;
}

.mgmt-member-photo-wrapper::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.mgmt-member-photo-wrapper1::after {
    top: -0.75rem;
    left: -0.75rem;
    background-color: #EBAC0C;
    border-radius: 12px;
}

.mgmt-member-photo-wrapper2::after {
    top: -0.75rem;
    left: 0.75rem;
    background-color: #CFE9C2;
    border-radius: 12px;
}

.mgmt-member-photo-wrapper3::after {
    top: -0.75rem;
    left: -0.75rem;
    background-color: rgba(12, 128, 235, 0.37);
    border-radius: 12px;
}

.mgmt-member-photo-wrapper4::after {
    top: -0.75rem;
    left: 0.75rem;
    background-color: #CFE9C2;
    border-radius: 12px;
}

.gbc-member-position {
    color: #595959;
}

.management-council-member-designation {
    color: #595959;
}

/* END Custom Styles for About Pages */

/* BEGIN styles for the Activities Pages */
#activities_page_banner_section .container-fluid {
    height: 440px;
    margin-top: -45px;
}

#activities_page_banner_section {
    background-color: rgba(0, 0, 0, 0.45);
    background-image: url('../assets/images/activities/activities-page-banner.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}

#projectDetailsWrapper {
    background-color: #005f7e0f;
}

#activities_anna_sri_section {
    background-color: rgba(221, 235, 204, 0.47);
}

#anna_sri_section1_img_wrapper .img1 {
    width: 33%;
}

#anna_sri_section1_img_wrapper .img2 {
    width: 55%;
}

#anna_sri_section1_img_wrapper .img3 {
    width: 50%;
    transform: translateX(-50%);
}

#activities_gita_life_section {
    background-color: #dfc9ae;
}

#activities_heritage_tours_section {
    background-image: url('../assets/images/activities/vrindavan-heritage-tours-section-banner.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
}


#activities-temple-heritage-tours-grid .heritage-tours-img1 {
    border-top-left-radius: 20px;
}

#activities-temple-heritage-tours-grid .heritage-tours-img2 {
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 75%;
}

#activities-temple-heritage-tours-grid .heritage-tours-img3 {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 75%;
}

#folk_page_banner_section .container-fluid {
    height: 440px;
    margin-top: -45px;
}

#folk_page_banner_section {
    background-color: rgba(0, 0, 0, 0.45);
    background-image: url('../assets/images/activities/folk-banner.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}

#folk_programs_overview {
    background-color: #f4f4f4;
}

#anna_sri_page_banner {
    /* background-color: rgba(0, 0, 0, 0.75); */
    background-image: url('../assets/images/anna-sri-program-banner.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-blend-mode: multiply; */
}

#anna_sri_page_banner .container-fluid {
    height: 550px;
    margin-top: -45px;
}

#anna_sri_content_section2 .rectangle {
    width: 50%;
    border-radius: 0.75rem;
    height: 150px;
    position: absolute;
}

#anna_sri_content_section2 .rectangle-orange {
    border: 4px solid #FB704F;
    top: 0;
    left: 0;
    z-index: -1;
}

#anna_sri_content_section2 .rectangle-blue {
    border: 4px solid #41A3B0;
    bottom: -50px;
    right: 0;
    z-index: -1;
}

.img-over-rectangles {
    position: relative;
    top: 25px;
    z-index: 3;
    max-width: 90%;
    margin-bottom: 70px;
}

#anna_sri_content_section3 .rectangle-blue-3 {
    border: 10px solid #A0E9F3;
    border-radius: 45px;
    transform: rotate(39deg);
    position: absolute;
    left: 0;
    height: 300px;
    width: 400px;
    z-index: -1;
}

#anna-sri-img3-wrapper {
    width: 430px;
    height: fit-content;
    margin: auto;
    position: relative;
}

#anna-sri-img3-wrapper .anna-sri-img3 {
    width: 100%;
}

#anna-sri-img3-wrapper::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 10px solid #A0E9F3;
    border-radius: 45px;
    transform: rotate(24deg);
    position: absolute;
    top: 0;
    z-index: -2;
}

#preschool_page_banner_section .container-fluid {
    height: 440px;
    margin-top: -45px;
}

#preschool_page_banner_section {
    background-image: url('../assets/images/activities/pre-school.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
}

#pre_school_content_section1 .square-img-bg-blue {
    position: relative;
    top: 25px;
    left: 20%;
    width: 300px;
    height: 300px;
    z-index: -1;
    background-color: rgba(36, 93, 125, 0.39);
    border-radius: 30px;
    transform: rotate(34.25deg);
}

#pre_school_content_section1 .pre-school-img1 {
    position: absolute;
    width: 75%;
    top: 0;
    left: 0;
    z-index: 2;
}

#pre_school_content_section1 .pre-school-img2 {
    position: absolute;
    width: 45%;
    bottom: -40px;
    right: 30px;
    z-index: 4;
}

#preSchoolGridImg1 {
    height: auto;
    width: 225px;
}

#sunday_gurukul_section {
    /* background-image: url('../assets/images/activities/pre-school-final-banner-bg.png');
    background-size: cover;
    background-position: center center; */
    background-color: #7a5f48;
}

#sundayGurukulCarousel .carousel-indicators {
    gap: 0.75rem;
    align-items: center;
}

#sundayGurukulCarousel .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#sundayGurukulCarousel .carousel-indicators [data-bs-target].active {
    width: 14px;
    height: 14px;
}

#project_page_banner_section {
    background-color: rgba(0, 0, 0, 0.45);
    background-image: url('../assets/images/activities/project-page-banner-bg.jpg');
    background-position: center center;
    background-size: cover;
    background-blend-mode: multiply;
}

#project_page_banner_section .container-fluid {
    height: 450px;
    margin-top: -45px;
}

#project_section1 .project-section-img {
    width: 90%;
    border-radius: 1rem;
    margin-left: 1.5rem;
    box-shadow: -1.5rem 1.5rem #68839F;
}

.bg-teal-container {
    position: relative;
    background-color: #41A3B0;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    margin-left: -4.75rem;
    padding-left: 100px !important;
}

.project-section-img2 {
    position: relative;
    z-index: 4;
    margin-left: 5vw;
    max-width: 100%;
    width: 50%;
    height: auto;
    border-radius: 1rem;
}

#heritage_tours_banner_section .container-fluid {
    height: 440px;
    margin-top: -45px;
}

#heritage_tours_banner_section {
    background-image: url('../assets/images/activities/vrindavan-heritage-tours-page-banner.png');
    background-color: rgba(0, 0, 0, 0.25);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}

.heritage-tours-carousel.owl-carousel .owl-nav {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.heritage-tours-carousel.owl-carousel .owl-nav .owl-prev,
.heritage-tours-carousel.owl-carousel .owl-nav .owl-next {
    width: 3rem;
    height: 3rem;
    color: #ffffff77;
    font-size: 1.75rem;
    background-color: #C6C6C699;
}

.heritage-tours-carousel.owl-carousel .owl-nav .owl-prev:hover,
.heritage-tours-carousel.owl-carousel .owl-nav .owl-next:hover {
    color: #fff;
}

.heritage-tours-card-desktop {
    width: 33vw;
    height: 400px;
    border-radius: 0;
    border: 1px solid transparent;
}

.heritage-tours-card-desktop .more-details-bookmark,
.heritage-tours-card-desktop .more-details-bookmark:hover {
    color: #fff;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

.heritage-tours-card-desktop .more-details-bookmark img {
    display: inline-block;
    width: 16px;
}

.heritage-tours-card-desktop .card-body {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.heritage-tours-card-desktop .card-body .heritage-tour-card-title {
    position: absolute;
    bottom: 15%;
    width: 100%;
}

.heritage-tours-card-desktop .card-body .card-text {
    position: absolute;
    padding: 1rem 3.25rem;
    bottom: -100%;
    z-index: -1;
}

.heritage-tours-card-desktop .card-body .card-text,
.heritage-tours-card-desktop .card-body .heritage-tour-card-title {
    transition: all 0.5s ease;
}

.heritage-tours-card-desktop:hover>.card-body>.heritage-tour-card-title {
    bottom: 75%;
}

.heritage-tours-card-desktop:hover>.card-body>.card-text {
    bottom: 20%;
    left: 0;
    z-index: 7;
}

#ayodhyaTourCard {
    background-image: url('../assets/images/activities/ram_mandir_ayodhya.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: multiply;
}

#jagannathPuriCard {
    background-image: url('../assets/images/activities/puri-jagannath-temple.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: multiply;
}

#vrindavanCard {
    background-image: url('../assets/images/activities/chhatris_of_kusum_sarovar.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: multiply;
}

#mayapurCard {
    background-image: url('../assets/images/activities/mayapur-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: multiply;
}

#kashiCard {
    background-image: url('../assets/images/activities/varanasi-1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: multiply;
}

#dwarkaCard {
    background-image: url('../assets/images/activities/dwarka.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: multiply;
}

.heritage-tours-card-desktop:hover {
    background-color: rgba(0, 0, 0, 0.45);
}

.heritage-tour-link-card {
    height: 350px;
    overflow: hidden;
}

#basp_mandir_link1 {
    background-image: url('../assets/images/activities/heritage-basp-mandir.png');
    background-position: center center;
    background-size: cover;
}

#puri_jagannath_link {
    background-image: url('../assets/images/activities/heritage-puri-jagannath-temple.png');
    background-position: center center;
    background-size: cover;
}

#basp_mandir_link2 {
    background-image: url('../assets/images/activities/heritage-basp-mandir2.png');
    background-position: center center;
    background-size: cover;
}

.heritage-tour-link {
    color: #fff;
    text-decoration: none;
}

.heritage-tour-link:hover,
.heritage-tour-link:active {
    color: #ddd;
    text-decoration: underline;
}

.heritage-tour-link-card-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 5;
    text-align: center;
    transform: translate(-50%, -50%);
}

.heritage-tour-link {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateX(-50%);
}

.heritage-tour-card-description {
    position: absolute;
    bottom: -100%;
    z-index: 2;
}

.heritage-tour-link-card-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.25);
}

.heritage-tour-link-card:hover .heritage-tour-card-description {
    bottom: 25%;
    z-index: 4;
}

.heritage-tour-link-card:hover .heritage-tour-link {
    display: none !important;
}

.heritage-tour-link-card:hover .heritage-tour-link-card-overlay {
    z-index: 2;
}

.heritage-tour-link-card:hover .heritage-tour-link-card-heading {
    top: 10%;
}

.heritage-tour-card-description,
.heritage-tour-link,
.heritage-tour-link-card-heading {
    transition: all 0.5s ease;
}

#heritage_tours_temples_section {
    background-color: rgba(48, 114, 171, 0.75);
}

.heritage-tours-card {
    border-radius: 25px;
    width: 300px;
}

.heritage-tours-card .card-img-top {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.heritage-tours-card .card-body {
    /* position: absolute;
    bottom: -20px; */
    background-color: var(--card-blue-bg);
    color: #e6e6e6;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.heritage-tours-card .card-body .heritage-tour-card-title {
    color: #fff;
}

.heritage-tours-card .more-details {
    position: absolute;
    right: 0.75rem;
    bottom: 8px;
    color: #B9B9B9;
}

.heritage-tours-card .more-details img,
.heritage-tours-card-desktop .more-details img {
    display: inline-block;
    width: 14px !important;
}

.heritage-tours-card .more-details:hover,
.heritage-tours-card .more-details:active,
.heritage-tours-card .more-details.active {
    color: #fff;
}

#gita_life_page_banner {
    background-image: url('../assets/images/activities/bhagavad-gita-1.jpg');
    background-position: center top 10%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
}

#gita_life_page_banner .container-fluid {
    height: 440px;
    margin-top: -45px;
}


/* END styles for the Activities Pages */

/* BEGIN Styles for the Connect Page */
#connect_page_banner_section .container-fluid {
    height: 440px;
    margin-top: -45px;
}

#connect_page_banner_section {
    background-color: rgba(0, 0, 0, 0.675);
    background-image: url('../assets/images/connect/connect-page-banner.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}

#gita_courses_section {
    background-image: url('../assets/images/connect/gita-knowledge.jpg');
    background-position: center;
    background-size: cover;
    margin-top: -40px;
}

#gita_courses_section .container {
    height: 250px;
}

#gfw--sessions--bullet--points li img {
    vertical-align: text-bottom;
}

/* END Styles for the Connect Page */

/* BEGIN styles for Celebrate Page */
.celebrate-festival-image {
    border-radius: 14px;
}

.festival-name {
    font-size: 1.25rem;
    color: #7e7e7e;
    font-weight: 500;
}

.festival-date {
    color: #e36060;
}

#invite--us--lead--text {
    font-size: 1.15rem;
    color: #4e4e4e;
}

/* END styles for Celebrate Page */

/* BEGIN styles for Contribute Page */
.donate-section-card {
    border: none;
    width: 30%;
    min-width: 240px;
    height: 300px;
    border-radius: 18px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

.donate-card-img-wrapper {
    width: 100%;
    height: 75%;
    overflow: hidden;
}

.donate-section-card-img {
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    transition: all 0.3s ease;
}

.donate-section-card-label {
    font-size: 1.125rem;
}

.donate-section-card:hover .donate-section-card-img {
    transform: scale(1.2);
    height: initial !important;
}

/* END styles for Contribute Page */

/* BEGIN styles for Contact Us page*/
#contact_page_banner .container-fluid {
    height: 540px;
    margin-top: -45px;
}

#contact_page_banner {}

#contact_page_banner .container-fluid {
    height: auto;
}

#contact--page--heading {
    color: #2A2A2A !important;
}

.contact-us-detail {
    color: #535353;
}

.contact-us-detail:hover {
    color: #1b1717;
}

.contact-card img {
    width: 25px;
    height: 25px;
}

#contactFormWrapper {
    background-color: rgba(100, 149, 192, 0.15);
    border-radius: 20px;
}

.form-control {
    border-radius: 0.85rem;
    line-height: 1.85;
}

.form-control:focus {
    border-color: #09343e;
    box-shadow: 0 0 4px .25rem #09343e;
}

/* END styles for Contact Us page */

/* BEGIN styles for the register page */
#register--form--wrapper {
    border-radius: 20px;
    background-color: #09343e;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.475);
}

/* END styles for the register page */