:root {
    --primary-color: #BE1E2D;
    --normal-gradient: linear-gradient(270deg, #AD001D 0%, #E8283A 100%);
    --neon-gradient: linear-gradient(270deg, #FF6C03 0%, #FF3220 100%);
    --button-gradient: linear-gradient(270deg, #AD001D 0%, #E8283A 100%);
    --other-case-study-gradient: linear-gradient(107.47deg, #FFE6E9 0%, rgba(255, 227, 183, 0.2) 25%, rgba(233, 203, 160, 0.2) 50%, rgba(239, 179, 68, 0.2) 75%, rgba(255, 166, 163, 0.2) 100%);
}

#hero-section {
    background: linear-gradient(90deg, #420000 0%, #260000 100%);
}

#services-we-provide-section .challenge-card:hover {
    box-shadow: 0px 10px 30px 0px #BE1E2D26;
}

.provide-content-bg {
    background: radial-gradient(50% 69.17% at 50% 50%, rgba(255, 237, 230, 0.3) 0%, rgba(253, 227, 230, 0.3) 100%);
}

.keywords-border-box {
    background: #FFF1EF;
    padding: 5px 15px;
}

#what-we-provide-section .section-title h2 {
    line-height: 1.2;
    margin-bottom: 10px;
}

#what-we-provide-section .section-description {
    margin-bottom: 15px;
}

#tech-stack-section .section-title p {
    max-width: 75%;
    margin: 0 auto;
}

#ui-section {
    background-image: url(../images/rydego-taxi-booking-app-solution/ui-section-background.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#features-section .feature-list {
    background: #BE1E2D0D;
}

#features-section .feature-icon {
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box,
        linear-gradient(135deg, rgba(190, 30, 45, 0.4) 0%, rgba(190, 30, 45, 0) 100%) border-box;
}

#how-we-develop-clone-app .tabs-section {
    background: #BE1E2D0D;
    border: 1px solid #BE1E2D80;
    box-shadow: 0px 0px 20px 0px #BE1E2D26;
}

#how-we-develop-clone-app .nav-tabs .nav-link.active {
    border: 3px solid #BE1E2D80;
}

#tech-stack-section .tech-stack-card:hover {
    box-shadow: 0px 10px 30px 0px #BE1E2D26;
}

#tech-stack-section .tech-stack-card:hover svg path {
    fill: url(#paint0_linear_334_296);
}

@media only screen and (max-width: 1400px) {
    #tech-stack-section .section-title p {
        max-width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    #ui-section {
        background: linear-gradient(180deg, #621414 0%, #280D0D 100%);
    }
}