/* Custom Styles for Dr. Cindy Website */

/* Events Section */
.events {
    padding: 100px 0;
    background: linear-gradient(180deg, #E8F4FF 0%, #FFFFFF 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.events-wrap {
    margin-top: 40px;
    padding: 0 70px;
}

/* Event Card Styles */
.event-card {
    background: #FFFFFF;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.event-image {
    position: relative;
    background: #f5f5f5;
    margin: 30px;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 0;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    aspect-ratio: 461/350;
}

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

.event-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.event-content {
    padding: 25px 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    align-items: self-start;
}

.event-content h3 {
    font-size: var(--font-size-2xl);
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 5px 0;
    line-height: 1.3;
    font-family: var(--font-primary);
}

.event-content h3 a {
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.3s ease;
}

.event-content h3 a:hover {
    color: #0066CC;
}

.event-content>p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin: 0 0 15px 0;
    flex-grow: 1;
}

/* Product Price Styling */
.product-price {
    margin: 15px 0;
    font-size: var(--font-size-2xl);
    font-weight: 700;
    color: #0066CC;
    margin: 0;
}

.product-price .woocommerce-Price-amount {
    color: #0066CC;
}

.product-price del {
    opacity: 0.5;
    font-size: 18px;
    margin-right: 10px;
}

.product-price ins {
    text-decoration: none;
}

/* Category Badge */
.event-content .category-badge {
    display: inline-block;
    background: #acd4ef;
    color: #000;
    padding: 8px 20px;
    border-radius: 25px;
    font-size: var(--font-size-sm);
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: auto;
}

/* Product Subtitle */
.event-content .product-subtitle {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin: 0 0 15px 0;
    flex-grow: 1;
}

/* Button Styles */
.event-content .btn {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* padding: 12px 24px; */
    /* font-size: 14px; */
    font-weight: 600;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    cursor: pointer;
    width: 100%;
    justify-content: space-between;
}

/* Outline Button (for Select Options / Know More) */
.event-content .btn-outline {
    background: #FFFFFF;
    color: #047ccd;
    border: 2px solid #047ccd;
    justify-content: center;
}

.event-content .btn-outline:hover {
    background: #047ccd;
    color: #FFFFFF;
    transform: translateY(-2px);
}

.event-content .btn-outline img {
    filter: brightness(0) saturate(100%) invert(34%) sepia(89%) saturate(2076%) hue-rotate(197deg) brightness(93%) contrast(101%);
}

.event-content .btn-outline:hover img {
    filter: brightness(0) invert(1);
}

/* Primary Button (for Add to Cart) */
.event-content .btn-primary {
    background: #047ccd;
    color: #FFFFFF;
    border: 2px solid #047ccd;
    position: relative;
}

.event-content .btn-primary:hover {
    background: #0052A3;
    border-color: #0052A3;
    transform: translateY(-2px);
}

/* Secondary Button (for Learn More) */
.event-content .btn-secondary {
    background: #0066CC;
    color: #FFFFFF;
    border: 2px solid #0066CC;
}

.event-content .btn-secondary:hover {
    background: #0052A3;
    border-color: #0052A3;
    transform: translateY(-2px);
}

.event-content .btn img {
    margin-left: 8px;
    /* width: 16px; */
    /* height: 16px; */
    transition: transform 0.3s ease;
}

.event-content .btn:hover img {
    transform: translateX(3px);
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .event-image {
        height: 220px;
    }

    .event-content h3 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .events {
        padding: 40px 0;
    }

    .event-image {
        height: 200px;
    }

    .event-content {
        padding: 20px 15px;
    }

    .event-content h3 {
        font-size: 18px;
    }

    .product-price {
        font-size: 20px;
    }
}




.expansion-swiper .swiper-wrapper,
.test-swiper .swiper-wrapper,
.bg-animate .swiper-wrapper,
.swiper.slider-mid .swiper-wrapper,
.swiper.slider-top .swiper-wrapper,
.swiper.partner-swiper .swiper-wrapper,
.swiper.featured-swiper .swiper-wrapper {
    transition-timing-function:
        linear;
    /* align-items: center; */
}

p.border-left {
    padding-left: 80px;
    position: relative;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}

p.border-left::before {
    content: '';
    position: absolute;
    height: 2px;
    width: 60px;
    background-color: #000;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.banner .content p {
    max-width: 560px;
    line-height: 1.8;
}

.banner h1 {
    font-size: 123px;
    letter-spacing: -6px;
    text-transform: uppercase;
}

.banner h1 span {
    display: block;
    font-size: 90px;
}

span.title-top {
    font-size: var(--font-size-lg);
}

.banner {
    padding-top: 8%;
    padding-bottom: 13%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.about {
    /* background-color: #02288a; */
    color: #fff;
    padding-top: 60px;
    padding-bottom: 50px;
}

.top-wrap {
    position: relative;
}

span.top-bg {
    position: absolute;
    width: 100%;
    height: 89%;
    z-index: 0;
    bottom: 0;
    display: block;
    left: -1px;
    right: 0;
}

.banner .content, .about .content, .about .image, .about .title-wrap {
    position: relative;
    z-index: 1;
}

.about .content {
    max-width: 700px;
}

span.title-top {
    text-transform: uppercase;
    letter-spacing: 10px;
    font-size: 15px;
    margin-bottom: 30px;
    display: block;
}

.content .title-wrap {
    margin-bottom: 41px;
}

.content p~a {
    margin-top: 20px;
}

.image img {
    max-width: 100%;
}

.title-wrap h2 {
    text-transform: uppercase;
    font-size: var(--font-size-4xl);
    letter-spacing: -8px;
}

.banner .content .title-top {
    font-weight: 600;
}

.about .font-bold, .help .font-bold {
    color: #ff5ccf;
}

.price-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.price-wrap .short-cont {
    font-size: var(--font-size-xl);
}

.event-content .btn-primary::before {
    content: '';
    position: absolute;
    height: 45px;
    width: 1px;
    background-color: #fff;
    left: 24%;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}

.spacing-top-bottom {
    padding-top: 150px;
    padding-bottom: 150px;
}


.help {
    padding-top: 100px;
    padding-bottom: 350px;
}

.charity {
    background-color: #d7e7f7;
    padding-top: 330px;
    padding-bottom: 100px;
    text-align: center;
}

.raise {
    position: relative;
}

.raise-box {
    padding: 100px;
    border-radius: 50px;
    background-color: #fff;
    /* margin-top: -200px; */
    /* margin-bottom: -200px; */
    position: relative;

}
.text-center .font-bold {
    margin-left: 0;
}
.raise-wrap {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    transform: translateY(-50%);
}


p.charity-title {
    text-align: center;
    display: inline-block;
    margin-bottom: 80px;
    font-size: var(--font-size-28);
    font-weight: 600;
}

.br-b {
    position: relative;
}
.navbar-nav .sub-menu {position: absolute;list-style: unset;padding: 30px 25px;background-color: #0098c9;z-index: 99;border-radius: 0 35px;width: 210px;top: 100%;display: none;}

.navbar-nav .sub-menu li {
    position: relative;
}
.navbar-nav .sub-menu li:not(:last-child) {
    margin-bottom: 8px;
}
.navbar-nav .sub-menu li::after {
    display: none;
}

.navbar-nav .sub-menu li a {
    color: #fff;
}
.navbar-nav li:hover .sub-menu {
    display: block;
}
.br-b::before,.br-b::after {
    position: absolute;
}

.br-b::before, .br-b::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    display: inline-block;
    background-color: var(--secondary-color);
    right: 15px;
    top: calc(50% + 4px);
}

.br-b::after {
    width: 60px;
    top: calc(50% - 3px);
}

.br-r::before, .br-r::after {
    right: auto;
    left: 15px;
}



.slider-item img {
    aspect-ratio: 350/210;
    object-fit: contain;
    object-position: center;
        width: 350px;
    height: 210px;
    padding: 15px;
}
.slider-item{
    border-radius: 25px;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.6;
    transition: all 0.3s linear;
    border: 1px solid #000;
}

.slider-item:hover{
    opacity: 1;
    border-color: #fff;
}
.footer-privacy {
    display: flex;
    align-items: center;
    gap: 35px;
    justify-content: end;
}

.footer-privacy p {
    margin: 0;
    position: relative;
}

.footer-privacy p::before {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #fff;
    right: -18px;
    top: 2px;
}

.footer-privacy a {
    color: #fff;
}

.footer-copyright p {
    margin: 0;
}
footer.main-footer {
    background-color: #000060;
    padding: 36px 0;
}

.navbar-nav li a {
    font-size: 17px;
    color: #000;
    text-transform: uppercase;
}

.navbar-nav {
    gap: 45px;
}

.navbar-nav li {
    position: relative;
}

.navbar-nav li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 25px;
    background-color: #d3d3d3;
    right: -21px;
    top: 0px;
}

.navbar-nav li:last-child::after {
    display: none;
}

.navbar-actions {
    justify-content: flex-end;
    gap: 45px;
    align-items: center;
}

.btn-donate {
    margin: 0;
    position: relative;
    padding-left: 60px;
    padding-right: 59px;
    border: unset;
    color: #fff;
    padding-top: 45px;
    gap: 25px;
}

.btn-donate::before {
    content: '';
    position: absolute;
    left: 0;
    width: 50vw;
    background-color: #0098c9;
    height: 106px;
    border-radius: 75px 0 0 0;
    top: 0;
    z-index: -1;
}

header {
    /* overflow: hidden; */
}

.navbar {
    padding: 10px 0;
}

.btn-donate:hover {
    color: #fff;
}

.inner-banner .banner {
    padding-top: 11%;
    padding-bottom: 16%;
}

.inner-banner .top-bg {
    height: 94%;
    height: 98%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}


.page-id-134 .about p {
    font-size: var(--font-size-30);
}

.page-id-134 .about .content {
    max-width: 100%;
}

.zig-zag {
    padding-top: 150px;
    padding-bottom: 150px;
}

.content ul {
    margin: 35px 0 0;
    padding-left: 30px;
}

.content ul li {
    list-style: none;
    position: relative;
    margin-bottom: 25px;
}

.content ul li img {
    position: absolute;
    left: -30px;
    top: 4px;
}

.border-span {
    border-bottom: 1px dashed #000;
    margin-top: 30px;
    margin-bottom: 30px;
}

.text-white .border-span{
    border-color: #fff;
}

.tab-sec .nav-pills .nav-link {
    background-color: #ffffff69;
    color: #000;
    font-size: 24px;
    padding: 18px 40px;
    width: 100%;
}

.tab-sec .nav-pills .nav-link.active {
    background-color: #fff;
    color: #000;
}

.tab-sec .nav-pills {
    justify-content: center;
    gap: 10px;
}

.tab-sec .nav-pills .nav-item {
    flex: 1 1 auto;
}

.tab-sec {
    padding: 150px 0 0;
}

span.quote-text {
    position: relative;
    display: block;
    padding: 65px;
    font-size: 23px;
    transform: translateX(-30px);
}
span.quote-text>* {
    position: relative;
    z-index: 2;
}
span.quote-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

span.quote-bg img {
    width: 100%;
    height: 100%;
}
.raise .title-wrap h2 {
    font-size: var(--font-size-4xl);
}


.tab-sec .title-center {
    margin-bottom: 70px;
}

.help.help-us {
    padding-bottom: 250px;
    background-position: top;
}

.help.help-us .content {
    padding-bottom: 80px;
}
.inner-banner .font-bold {
    margin-left: 140px;
}

.next {
    padding: 150px 0 0;
    background-position: top;
}

.next .content {
    padding-bottom: 70px;
}

.wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 30px;
}

.wpcf7-form .wpcf7-form-control-wrap input {
    width: 100%;
    padding: 15px 20px;
    border-radius: 20px;
    border: unset;
}

.wpcf7-submit {
    margin-left: auto;
    margin-right: auto;
    display: table;
    padding: 20px 35px;
    border-radius: 0 25px;
    background-color: var(--primary-color);
    color: #ffffff;
    border-color: var(--primary-color);
    box-shadow: unset !important;
    border: unset;
    font-size: 20px;
}

span.wpcf7-spinner {
    display: none;
}

.model-box > img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s 
ease;
    aspect-ratio: 461 / 390;
    border-radius: 25px;
    margin-bottom: 30px;
}

.model-box {
    padding: 25px 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 30px;
    height: 100%;
}

.model-box h3 {
    font-size: var(--font-size-30);
}
.column-sec .content ul li {
    list-style: disc;
}
.column-sec h3 strong {
    font-weight: 300;
    line-height: 1.2;
}
.column-sec .content h2 {
    font-size: var(--font-size-50);
}
.inner-section {
    padding: 150px 0;
}
.inner-section.bg-auto {
    background-position: top;
}
.column-sec .image {
    text-align: center;
}

.spacing{
    padding-top: 50px;
    padding-bottom: 50px;
}
.column-sec .content:has(h3:nth-of-type(2)) {
    height: 100%;
}

.column-sec .content h3~h3 {
    margin-top: 70px;
}

button.navbar-toggler {
    background-color: #0093c3;
}

.single-post .content > img {
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-top: 50px;
    margin-bottom: 50px;
}

.page-template-news-template .model-box h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* Specify the desired number of lines */
    overflow: hidden;
}

.page-template-news-template .model-box p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.content ul li::before {
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    left: -30px;
    top: 4px;
}

.about .image img {
    max-width: 560px;
}

.page-template-awareness .about .image img {
    max-width: 320px;
}