﻿.special-heading {
    font-family: 'GeneralSans-Bold', sans-serif !important;
    background: linear-gradient(45deg, #F067B4 0%, #D41982 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* .h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6{
    color: red!important;
    font-family: 'GeneralSans-Semibold', sans-serif!important;
} */

.card1 {
    transition: box-shadow 0.3s ease, border 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease, border 0.3s ease;
    /* For older WebKit browsers */
}

    .card1:hover {
        box-shadow: 0px 25px 25px -5px rgba(0, 0, 0, 0.05);
        border: 1px solid #E9E9E9;
    }



/* Footer Background Color
.site-below-footer-wrap[data-section="section-below-footer-builder"],
.site-primary-footer-wrap[data-section="section-primary-footer-builder"],
.site-above-footer-wrap[data-section="section-above-footer-builder"] {
    background-color: #050555;
} */

.social-icons {
    display: flex;
    justify-content: left;
    /* Center the icons horizontally */
    gap: 2em;
    /* Adjust the space between the icons */
}

    .social-icons img {
        width: 25px;
        height: 25px;
    }

.app-download-buttons {
    display: flex;
    justify-content: left;
    /* Center the buttons horizontally */
    gap: 2em;
    /* Adjust the space between the buttons */
    padding-top: 2em;
}

    .app-download-buttons img {
        width: 135px;
    }

.footer-links {
    display: flex;
    justify-content: left;
    /* Center the links horizontally */
    gap: 40px;
}

    .footer-links a {
        color: #fff;
        /* Link color */
        font-size: 12px;
        /* Font size */
        text-decoration: none;
    }

.blueabc {
    background: linear-gradient(360deg, #2F52EB 0%, #05055D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.linear-pink {
    background: linear-gradient(45deg, #F067B4 0%, #D41982 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.site-header .ast-custom-button {
    background: rgb(37, 210, 169);
    background: linear-gradient(-28deg, rgba(37, 210, 169, 1) 0%, rgba(26, 149, 120, 1) 100%);
}

    /* Menu Button */
    .site-header .ast-custom-button:hover {
        background: rgb(37, 210, 169);
        background: linear-gradient(28deg, rgba(37, 210, 169, 1) 0%, rgba(26, 149, 120, 1) 100%);
    }

/* Partner Page */

/* .elementor-element-659346a9 .elementor-element-6bc0fb15:hover {
    background-color: rgba(239, 252, 248);
    border-radius: 20px;
}


.elementor-element-659346a9 .elementor-element-152a39a9:hover {
    background-color: rgba(239, 252, 248);
    border-radius: 20px;
} */

.elementor-accordion-item:has(.elementor-active) {
    background-color: #FAFAFF;
    border-radius: 12px;
    padding-top: 1em;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
    width: 1.5em;
    height: 1.5em;
}


/* Make the menu sticky */
.site-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    /* Ensures it's on top */
    backdrop-filter: blur(30px);
    /* Apply the blur effect */
    background-color: rgba(255, 255, 255, 0.9);
    /* White background with 90% opacity */
    transition: background-color 0.3s ease;
    /* Smooth transition for opacity */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Subtle shadow for better visibility */
}

/* Add padding to the top of the content to prevent it from hiding behind the sticky header */
.site-content {
    padding-top: 80px;
    /* Adjust according to the height of your header*/
}

/* Change background opacity on scroll */
.sticky-active .site-header {
    background-color: rgba(255, 255, 255, 0.95);
    /* Less transparent when scrolling */
}


.elementor-button-icon svg#abc {
    width: 8px !important;
    height: auto !important;
}

/* Default bullet styling */
.swiper-pagination-bullet {
    width: 32px !important;
    /* Adjust the width to fit your design */
    height: 4px !important;
    margin: 0 8px !important;
    /* Space between bullets */
    /* background-color: #d3d3d3; */
    /* Gray color for unselected bullets */
    border-radius: 10px !important;
    /* Rounded corners */
    transition: background-color 0.3s ease !important;
    /* Smooth color transition */
}

/* Active bullet (selected) */
.swiper-pagination-bullet-active {
    /* background-color: #f68b4b; */
    /* Orange color for selected bullet */
    width: 70px !important;
    /* Slightly larger for active bullet */
    transition: background-color 0.3s ease, width 0.3s ease !important;
    /* Transition effect */
}


/* .swiper-wrapper {
    /* display: none;
    padding-bottom: 2em !important;
} */

/* .elementor-element-6dc154e .swiper-slide img {
    max-width: 75% !important;
} */

.footer-custom-section {
    padding: 20px 72px !important;
}

.menu-item-35421 a {
    color: red !important;
}

.elementor-button-icon svg {
    width: 10px !important;
}

.edufund-calculator {
    max-width: 100%;
    margin: 50px auto;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #BFC9F9;
}

    .edufund-calculator h2 {
        border-radius: 20px;
        background: #BFC9F999;
        display: inline-block;
        padding: 2px 7px;
        font-size: 12px;
        font-weight: 500;
        margin-left: 3em;
    }

.sip-wrapper {
    display: flex;
    justify-content: space-around;
}

.sip-inputs {
    width: 60%;
}

.sip-results {
    margin-top: -2em;
    /* width: 38%; */
    padding: 20px;
}

.vertical-line {
    position: absolute;
    left: 63%;
    top: 95px;
    width: 1px;
    height: 69%;
    background-color: #BFC9F9;
    transform: translateX(-50%);
}

.input-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.label-input-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .label-input-wrapper label {
        color: #05055D;
    }

    .label-input-wrapper input[type="number"] {
        color: #05055D;
        text-align: right;
        max-width: 180px;
    }

.input-group input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    /* Track height */
    border-radius: 5px;
    /* Rounded track */
    outline: none;
    background: linear-gradient(to right, #3d5eff 0%, lightblue 0%);
    /* Initial gradient for the left fill */
    transition: background 0.3s ease-in-out;
}

    /* Webkit track */
    .input-group input[type="range"]::-webkit-slider-runnable-track {
        height: 5px;
        background: transparent;
        /* Hidden to show main background */
        border-radius: 5px;
        box-shadow: none;
    }

    /* Firefox track */
    .input-group input[type="range"]::-moz-range-track {
        height: 5px;
        background: transparent;
        border-radius: 5px;
        box-shadow: none;
    }

    /* Style the thumb */
    .input-group input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 15px;
        /* Adjusted size of the thumb */
        height: 15px;
        background: white;
        border: 2px solid black;
        /* Black border */
        border-radius: 50%;
        /* Round thumb */
        cursor: pointer;
        margin-top: -3.5px;
        /* Center the thumb with track */
        box-shadow: none;
    }

    /* Firefox thumb */
    .input-group input[type="range"]::-moz-range-thumb {
        width: 15px;
        height: 15px;
        background: white;
        border: 2px solid black;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: none;
    }

    /* Focus state */
    .input-group input[type="range"]:focus::-webkit-slider-thumb {
        background: white;
        box-shadow: none;
    }

.result-item {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 10px;
    /* Optional: Add spacing between columns */
    align-items: center;
    /* Optional: Align items vertically */
}

.result-item-label p {
    color: #05055D;
    font-size: 12px;
    margin-bottom: 0em;
    font-weight: 600;
}

.result-item-label {
    text-align: right;
    margin-bottom: 10px;
}

.result-item-span {
    margin-bottom: 10px;
    /* margin-right: 70px; */
    font-size: 19px;
    color: #161A41;
    padding: 2px 15px;
    border-radius: 8px;
   /* border: 1px solid #d7e1f3;*/
    position: relative;
    text-align:right !important;
}

.result-item span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.result-item:nth-of-type(1) span:before {
    background: #2D045E;
}
.text-chartcolor {
    color: #2D045E;
    font-weight:bold;
}

.result-item:nth-of-type(2) span:before {
    background: #2D045E;
}

.result-item:nth-of-type(3) span:before {
    background: linear-gradient(to bottom, #2D045E 0%, #dddddd 100%);
}

#sip-chart {
    width: 100%;
    max-height: 290px;
    margin-top: 30px;
}

#lumpsum-investment-chart {
    width: 100%;
    max-height: 170px;
    margin-top: 30px;
}

#step-up-chart {
    width: 100%;
    max-height: 290px;
    margin-top: 30px;
}

#fd-chart {
    width: 100%;
    max-height: 170px;
    margin-top: 30px;
}

#rd-chart {
    width: 100%;
    max-height: 170px;
    margin-top: 30px;
}

#loan-chart {
    width: 100%;
    max-height: 170px;
    margin-top: 30px;
}

@media screen and (max-width: 768px) {
    .sip-wrapper {
        flex-direction: column !important;
        /* Stack divs vertically on mobile */
    }

    .vertical-line {
        display: none;
        /* Optionally hide the vertical line on mobile */
    }

    .label-input-wrapper input[type="number"] {
        max-width: 120px;
    }

    .edufund-calculator h2 {
        background: #BFC9F9;
        padding: 2px 10px;
        font-size: 11px;
        margin-left: 0;
    }

    .input-group {
        margin-bottom: 6px;
    }

    .result-item-span {
        margin-right: 0px;
        max-width: 100%;
    }

    .result-item {
        grid-template-columns: 50% 50%;
    }

    .result-item-label p {
        font-size: 16px;
        text-align: left;
    }

    .custom-line {
        border: none;
        /* Remove default border */
        border-top: 1px solid #BFC9F9;
        /* Add a solid line with color and opacity */
        width: 100%;
        margin: 20px 0;
        /* Adjust width as needed */
    }

    .result-item-span {
        font-size: 14px;
        color: #05055D
    }

    .input-group input[type="range"] {
        height: 2px;
    }

    .sip-results {
        padding: 20px 0;
        width: 100%;
        margin-top: 0em;
    }

    .sip-inputs {
        width: 100%;
    }

    .card1 {
        box-shadow: 0px 25px 25px -5px rgba(0, 0, 0, 0.05);
        border: 1px solid #E9E9E9;
    }
}

.sticky-container-calculator1 {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 5em;
    z-index: 999;
}

.sticky-container-calculator2 {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0em;
    bottom: 0;
    z-index: 999;
}

/* .ast-single-post .entry-content a,
.ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none;
} */

.invest-now-calc {
    margin-top: 3em;
    text-align: right;
    display: block;
    font-size: 14px;
}

.invest-now-calc-mobile {
    margin-top: 3em;
    font-size: 12px;
    text-align: center;
    display: none;
}

.invest-button {
    background-image: linear-gradient(150deg, #25D2A9 0%, #1A9578 100%);
    border-radius: 8px;
    padding: 15px 30px;
    color: white;
    border: none;
    cursor: pointer;
}

    .invest-button:hover {
        background-image: linear-gradient(0deg, #25D2A9 0%, #1A9578 100%);
    }

@media (max-width: 768px) {
    .invest-now-calc {
        display: none !important;
    }

    .invest-now-calc-mobile {
        display: block !important;
    }
}

.sticky-container-calculator2 p {
    margin-bottom: 0 !important;
}

.sticky-container-calculator1 a {
    text-decoration: none !important;
    color: #05055D !important;
}

.sticky-container-calculator2 a {
    text-decoration: none !important;
    color: #05055D !important;
}

@media (min-width: 1024px) {
    .lumpsum-sip h2 {
        margin-left: 3em;
    }

    .target-calc h2 {
        margin-left: 3.5em;
    }

    .step-up-sip h2,
    .sip2 h2,
    .sip-fd h2,
    .sip-rd h2 {
        margin-left: 2em;
    }

    .sip-eduloan h2 {
        margin-left: 1.5em;
    }

    .sip-rd h2 {
        margin-left: 1.5em;
    }

    .target-calc .sip-wrapper {
        justify-content: space-around;
    }

    .lumpsum-sip .result-item {
        grid-template-columns: 30% 70%;
    }

    .step-up-sip .result-item {
        grid-template-columns: 40% 70%;
    }
}
