* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --bs-primary-rgb: 137, 137, 137;
    --bs-secondary-rgb: 251, 189, 35;
    --bs-success-rgb: 108, 108, 108;
    --bs-dark-rgb: 30, 130, 76;
}


/* ===================== Start Kashtbhanjan Daily Darshan App ===================== */

.landing_page {
    background-color: #000;
}

.case-study {
    position: relative;
    padding: 80px 0 0 0;
    overflow: hidden;
    color: #fff;
}

.case-study-section-one::before {
    content: "";
    position: absolute;
    right: -40%;
    top: 15%;
    width: 400px;
    height: 400px;
    background: rgba(0, 180, 220, 0.35);
    filter: blur(50px);
    border-radius: 50%;
    z-index: 0;
}

.case-study-section-one *, .case-study-section-two *, .case-study-section-three * {
    position: relative;
    z-index: 9999;
}

.case-title {
    font-size: 47px;
    font-weight: 400;
    font-family: "DM Serif Display", serif;
}

.case-subtitle {
    position: relative;
    font-size: 47px;
    font-weight: 400;
    font-family: "DM Serif Display", serif;

    &::before {
        content: '';
        position: absolute;
        right: 42%;
        background: #01e0ff40;
        width: 50%;
        height: 63px;
        z-index: -1;
    }
}

.case-desc, .case_content li {
    font-size: 16px;
    line-height: 1.7;
    opacity: 0.9;
}

.case_content {
    list-style: disc;
    padding-left: 20px !important;
}

.phone-img {
    max-width: 330px;
}

.case-study-section-two {
    &::before {
        content: "";
        position: absolute;
        left: 6%;
        top: -12%;
        width: 500px;
        height: 500px;
        background: rgba(0, 180, 220, 0.35);
        filter: blur(100px);
        border-radius: 50%;
        z-index: 9999;
    }
}

.smart_tech {
    padding: 50px 0;
}

.smart_tech h2 {
    font-size: 47px;
    font-weight: 400;
    font-family: "DM Serif Display", serif;
    color: #fff;
}

.smart_tech p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 10px 0 0 0;
}

.bg_dark {
    width: 226px;
    height: 400px;
    background-color: #141414;
    border-radius: 34px;
}

.bg_light {
    width: 226px;
    height: 590px;
    background-color: #CECECE;
    border-radius: 34px;
}

.bg_dark_light {
    width: 226px;
    height: 590px;
    background-color: #2B2C2D;
    border-radius: 34px;
}

.bg_primary {
    width: 226px;
    height: 400px;
    background-color: #00E0FF;
    border-radius: 34px;
}

.font-section h2 {
    font-size: 56px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}

.app-showcase img {
    width: 50%;
}

.app-screens img {
    width: 90%;
}

.thank_you {
    background: linear-gradient(360deg, #06DCFA 0%, rgba(255, 255, 255, 0) 100%);
}

.thank_you span {
    border-radius: 30px;
}

/* ===================== End Kashtbhanjan App ===================== */