/* overrides.css - Solarity AI brand overrides */

/* Professional color palette */
:root {
    --bs-primary: #2563eb;
    --bs-secondary: #1e40af;
    --bs-primary-rgb: 37, 99, 235;
    --bs-secondary-rgb: 30, 64, 175;
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;
    --accent-blue: #2563eb;
}

/* ============================= */
/* Global Font Scaling & Typography */
/* ============================= */
html, body {
    font-size: 100%;
    background: #f1f5f9 !important;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    color: var(--text-primary);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Optional: for mobile responsiveness */
@media (max-width: 768px) {
    html, body {
        font-size: 100%;
    }
}

/* ============================= */
/* Hero Section (ud-hero)        */
/* ============================= */

/*.ud-hero {*/
/*    !* background: linear-gradient(*/
/*            135deg,*/
/*            var(--bs-primary) 0%,*/
/*            var(--bs-secondary) 100%*/
/*    ) !important; *!*/
/*    !*background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 100%) !important;*!*/
/*    background: #b81111 !important;*/
/*    color: #1a1a1a;*/
/*    padding: 150px 0;*/
/*}*/

/*.ud-features,*/
/*.ud-testimonials,*/
/*.ud-pricing {*/
/*    background: linear-gradient(*/
/*            180deg,*/
/*            #ffffff 0%,*/
/*            #FFF4E6 50%,*/
/*            #E0F7FA 100%*/
/*    );*/
/*}*/
/* Hero section - More visible gradient background */
.ud-hero {
    background: linear-gradient(180deg, #e2e8f0 0%, #f1f5f9 50%, #ffffff 100%) !important;
}

/* Features section - More visible blue-gray background */
.ud-features {
    background: #e2e8f0 !important;
}

/* App preview section - Light background */
.ud-app-preview {
    background: #f1f5f9 !important;
}

/* Team section - More visible background */
.ud-team {
    background: #e2e8f0 !important;
}

/* Partners section - More visible gradient */
#partners.ud-testimonials {
    background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%) !important;
}

/* Contact section - More visible background */
.ud-contact {
    background: #e2e8f0 !important;
}

/* Footer - Light gray background */
.ud-footer {
    background: #f1f5f9 !important;
}

/* Pricing section - More visible background */
.ud-pricing {
    background: #e2e8f0 !important;
}

/* Default logo (desktop) - Compact size */
.navbar-brand img {
    max-height: 60px;
    width: auto;
    max-width: 100%;
}

/* Tablet */
@media (max-width: 991px) {
    .navbar-brand img {
        max-height: 55px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .navbar-brand img {
        max-height: 50px;
    }
}
/* Padding for breathing space - Reduced */
.navbar-brand {
    padding: 5px 0;
    display: flex;
    align-items: center;
}



/* ============================= */
/* Animated Coming Soon Modal    */
/* ============================= */
/* Animated Coming Soon Modal */
.coming-soon-modal .modal-content {
    background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 100%);
    border: none;
    border-radius: 16px;
    padding: 40px 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}

/* Simple fade-in animation */
.coming-soon-modal .modal-dialog {
    animation: fadeInScale 0.4s ease-out;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.ud-header a:hover {
    color: #6cb9cf !important;
}

/* ============================= */
/* Navigation Background Color   */
/* ============================= */
.ud-header {
    background: #f1f5f9 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

.ud-header.sticky {
    background: #f1f5f9 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Compact navbar */
.ud-header .navbar {
    padding: 0.5rem 0 !important;
    min-height: auto;
}

.ud-header.sticky .navbar {
    padding: 0.4rem 0 !important;
}

/* Navigation link colors - Dark text for light background */
.ud-header .navbar-nav .nav-item a {
    color: var(--text-primary) !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    transition: color 0.2s ease;
}

.ud-header.sticky .navbar-nav .nav-item a {
    color: var(--text-primary) !important;
}

/* Active link state */
.ud-header .navbar-nav .nav-item a.active {
    color: var(--accent-blue) !important;
    font-weight: 600 !important;
}

/* Keep hover separate */
.ud-header .navbar-nav .nav-item a:hover {
    color: var(--accent-blue) !important;
}

/* Sticky state - same clean style */
.ud-header.sticky .navbar-nav .nav-item a.active {
    color: var(--accent-blue) !important;
    font-weight: 600 !important;
}

.ud-header.sticky .navbar-nav .nav-item a:hover {
    color: var(--accent-blue) !important;
}

/* Mobile menu toggle button (hamburger) */
.ud-header .navbar-toggler {
    border-color: #1a1a1a !important;
}

.ud-header .navbar-toggler span {
    background-color: #1a1a1a !important;
}

.ud-header.sticky .navbar-toggler {
    border-color: #1a1a1a !important;
}

.ud-header.sticky .navbar-toggler span {
    background-color: #1a1a1a !important;
}

/* ============================= */
/* Store Badges adjustments      */
/* ============================= */
.store-badge img {
    height: 40px;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
}

.store-badge img:hover {
    transform: scale(1.03);
    transition: transform 0.2s ease;
}

/* Make the badges centered and spaced */
.ud-hero-buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ============================= */
/* Hero Heading & Description    */
/* ============================= */
.ud-hero-content .ud-hero-title {
    color: var(--text-primary) !important;
    font-weight: 700 !important;
    font-size: 3.5rem !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 1.5rem !important;
    text-align: center;
}

.ud-hero-content .ud-hero-desc {
    color: var(--text-secondary) !important;
    font-size: 1.25rem !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    max-width: 720px;
    margin: 0 auto 1.5rem;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .ud-hero-content .ud-hero-title {
        font-size: 2.5rem !important;
        line-height: 1.3 !important;
    }

    .ud-hero-content .ud-hero-desc {
        font-size: 1.125rem !important;
        line-height: 1.6 !important;
    }
    
    .ud-hero {
        padding: 80px 0 !important;
    }
}

@media screen and (max-width: 575px) {
    .ud-hero-content .ud-hero-title {
        font-size: 2rem !important;
        line-height: 1.2 !important;
    }

    .ud-hero-content .ud-hero-desc {
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }
    
    .ud-hero {
        padding: 60px 0 !important;
    }
}

/* ============================= */
/* Signup Button  */
/* ============================= */
/*.ud-header .navbar-btn .signup-btn { removed sign up button */
/*    border-radius: 999px !important;   !* fully oval shape *!*/
/*    padding: 10px 28px;               !* balanced size *!*/
/*    font-weight: 600;*/
/*    font-size: 1rem;*/
/*    display: inline-block;*/
/*    text-align: center;*/
/*    min-width: 120px;                 !* prevents shrinking on mobile *!*/
/*    background-color: var(--bs-primary) !important;*/
/*    border: 1px solid var(--bs-primary) !important;*/
/*    color: #fff !important;           !* always white text *!*/
/*    transition: all 0.3s ease;*/
/*}*/

.ud-header .navbar-btn .signup-btn:hover,
.ud-header .navbar-btn .signup-btn:focus {
    background-color: #6abac5 !important;
    border-color: #6bd8d4 !important;
    color: #fff !important;
}

/* ============================= */
/* Sign In / Sign Up Buttons     */
/* ============================= */
/*.navbar-btn {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 16px;*/
/*}*/

/*.navbar-btn .signin-btn {*/
/*    font-size: 1rem;*/
/*    font-weight: 500;*/
/*    color: var(--bs-primary);          !* turquoise text *!*/
/*    background-color: transparent;      !* no background *!*/
/*    border: none;*/
/*    padding: 8px 20px;*/
/*    transition: color 0.3s ease;*/
/*}*/

/*.navbar-btn .signin-btn:hover,*/
/*.navbar-btn .signin-btn:focus {*/
/*    color: #6abac5 !important;*/
/*    text-decoration: underline;*/
/*}*/

/* ============================ */
/* Button Classes               */
/* ============================ */
.signup-btn-mobile,
.signup-btn,
.ud-main-btn {
    border-radius: 999px !important;
    padding: 10px 28px;
    font-weight: 600;
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    min-width: 120px;
    background-color: var(--bs-primary) !important;
    border: 1px solid var(--bs-primary) !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.signup-btn-mobile:hover,
.signup-btn:hover,
.ud-main-btn:hover,
.signup-btn-mobile:focus,
.signup-btn:focus,
.ud-main-btn:focus {
    background-color: #6abac5 !important;
    border-color: #6bd8d4 !important;
    color: #fff !important;
}

.signin-btn-mobile,
.signin-btn {
    font-size: 1rem;
    font-weight: 500;
    color: var(--bs-primary);
    background-color: transparent;
    border: none;
    padding: 8px 20px;
    transition: color 0.3s ease;
}

.signin-btn-mobile:hover,
.signin-btn:hover,
.signin-btn-mobile:focus,
.signin-btn:focus {
    color: #6abac5 !important;
    text-decoration: underline;
}

/* ============================ */
/* Primary Button Variations    */
/* ============================ */
.ud-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #ffffff !important;
}

.ud-primary:hover,
.ud-primary:focus {
    background-color: #6abac5 !important;
    border-color: #6bd8d4 !important;
    color: #ffffff !important;
}

/* ============================ */
/* Hide Signin/Signup on Mobile */
/* ============================ */
@media (max-width: 991px) {
    .navbar-btn {
        display: none !important;
    }
}

/* ============================ */
/* Coming Soon Modal            */
/* ============================ */
.coming-soon-modal .modal-title {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
}

.coming-soon-modal .modal-body {
    font-size: 1.15rem;
    color: #ffffff;
    text-align: center;
    padding: 20px 0;
}

.coming-soon-modal .close {
    color: #fff;
    opacity: 0.9;
    font-size: 1.8rem;
    background: transparent;
    border: none;
}

.coming-soon-modal .close:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

/* ============================ */
/* Video Section Adjustments    */
/* ============================ */
.ud-app-preview video {
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

/* Video Container Responsive Design */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* On mobile: Make video fit better */
@media (max-width: 767px) {
    .ud-app-preview video {
        border-radius: 12px;
        width: 100%;
        height: auto;
    }
}

/* ============================ */
/* Contact Section Colors       */
/* ============================ */
.ud-contact-title {
    text-align: center;
}


.ud-contact-title span {
    font-size: 2rem;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px;
}

.ud-contact-title h2 {
    margin-bottom: 40px;
}

/* ============================ */
/* Footer Colors                */
/* ============================ */
.ud-footer {
    background: #ffffff !important;
}

.ud-footer-bottom {
    background: #ffffff !important;
    border-top: 1px solid #e9ecef !important;
}

/* Footer widget text sizes */
.ud-footer .ud-widget-title {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin-bottom: 1rem;
}

.ud-footer .ud-widget-links li a,
.ud-footer .ud-widget-desc,
.ud-footer .ud-widget-socials a {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    color: var(--text-secondary) !important;
}

.ud-footer .ud-widget-links li a:hover {
    color: var(--accent-blue) !important;
}

.ud-footer .ud-widget-socials a {
    color: var(--text-primary) !important;
    font-size: 24px !important;
}

.ud-footer .ud-widget-socials a:hover {
    color: var(--accent-blue) !important;
}

.ud-footer-bottom p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: var(--text-tertiary) !important;
}

/* ============================= */
/* Mobile Footer Responsive Text */
/* ============================= */
@media (max-width: 767px) {
    .ud-footer .ud-widget,
    .ud-footer .ud-widget-title,
    .ud-footer .ud-widget-links,
    .ud-footer .ud-widget-links li,
    .ud-footer .ud-widget-desc,
    .ud-footer-bottom p,
    .ud-footer .ud-footer-logo {
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
    }

    .ud-footer .ud-widget-socials {
        justify-content: center !important;
    }

    .ud-footer .ud-footer-logo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Team section */
.ud-team {
    background: #ffffff !important;
}


.ud-team .ud-section-title span {
    color: var(--accent-blue) !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

/* Team section span responsive - matching hero title */
@media screen and (max-width: 991px) {
    .ud-team .ud-section-title span {
        font-size: 38px !important;
        line-height: 50px !important;
    }
    
    .ud-team .ud-section-title h2 {
        font-size: 2rem !important;
    }
    
    .ud-team {
        padding-top: 80px !important;
        padding-bottom: 60px !important;
    }
}

@media screen and (max-width: 575px) {
    .ud-team .ud-section-title span {
        font-size: 26px !important;
        line-height: 38px !important;
    }
    
    .ud-team .ud-section-title h2 {
        font-size: 1.75rem !important;
    }
    
    .ud-team {
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }
}

.ud-team .ud-section-title h2 {
    color: var(--text-primary) !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 0.5rem !important;
}

.ud-team .ud-section-title p {
    color: var(--text-secondary) !important;
    font-size: 1.125rem !important;
    line-height: 1.7 !important;
}

.ud-team-info h5 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}

.ud-team-info h6 {
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: var(--text-tertiary) !important;
}

/* LinkedIn icon inside each team member */
.ud-team-socials i {
    font-size: 24px !important;
    transition: transform 0.2s ease;
}

.ud-team-socials i:hover {
    transform: scale(1.2);
}


/* ============================= */
/* General Responsive Font Sizes */
/* ============================= */
@media (max-width: 991px) {
    .ud-section-title span {
        font-size: 38px !important;
        line-height: 50px !important;
    }
}

@media (max-width: 575px) {
    .ud-section-title span {
        font-size: 26px !important;
        line-height: 38px !important;
    }
}

/* Responsive sizing for all key elements */
@media (max-width: 991px) {
    .ud-team-info h5 {
        font-size: 1.05rem !important;
    }
    .ud-team-info h6 {
        font-size: 0.95rem !important;
    }
    .ud-testimonial-content p {
        font-size: 1rem !important;
    }
    .ud-team-socials i {
        font-size: 22px !important;
    }
}

/* ============================= */
/* Partners section */
/* ============================= */

/* Partners section - Black background to match other sections */
#partners {
    background: linear-gradient(
            180deg,
            #ffffff 0%,
            #f8f9fa 50%,
            #f0f4f8 100%
    ) !important;
    padding-top: 120px;
    padding-bottom: 80px;
    min-height: 400px;
}

#partners .ud-section-title span {
    color: var(--accent-blue) !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    display: block;
    margin-bottom: 0.5rem;
}

#partners .ud-section-title h2 {
    color: var(--text-primary) !important;
    font-weight: 700 !important;
    font-size: 2.5rem !important;
    line-height: 1.3 !important;
    margin-top: 0.5rem !important;
}

#partners .ud-section-title p {
    color: var(--text-secondary) !important;
    font-size: 1.125rem !important;
    line-height: 1.7 !important;
}

/* Partners brands container - better layout */
#partners .ud-brands {
    padding: 40px 0;
}

#partners .ud-brands-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

#partners .ud-brands-logo .ud-single-logo img {
    -webkit-filter: brightness(1.2) contrast(1.1) grayscale(0) !important;
    filter: brightness(1.2) contrast(1.1) grayscale(0) !important;
}

/* Partners logos - ensure they're visible on black background */
#partners .ud-single-logo {
    margin: 20px 30px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

#partners .ud-single-logo img {
    filter: brightness(1) contrast(1.1) saturate(1.1) grayscale(0) !important;
    opacity: 0.85 !important;
    transition: all 0.3s ease;
    max-width: 200px;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
    padding: 15px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Specific styling for Novartis logo - wider horizontal logo */
#partners .ud-single-logo img[alt="Novartis"],
#partners .ud-single-logo img[src*="Novartis"] {
    max-width: 250px !important;
    max-height: 60px !important;
    height: 60px !important;
    width: auto !important;
    padding: 10px 20px !important;
}

#partners .ud-single-logo:hover img {
    filter: brightness(1) contrast(1.15) saturate(1.15) grayscale(0) !important;
    opacity: 1 !important;
    transform: scale(1.05);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* ============================= */
/* Partners Section - Mobile Responsive */
/* ============================= */
@media (max-width: 991px) {
    #partners {
        padding-top: 80px !important;
        padding-bottom: 60px !important;
    }
    
    #partners .ud-section-title h2 {
        font-size: 2rem !important;
    }
    
    #partners .ud-section-title p {
        font-size: 1rem !important;
    }
    
    #partners .ud-brands-logo {
        gap: 20px !important;
    }
    
    #partners .ud-single-logo {
        margin: 15px 20px !important;
        padding: 15px !important;
    }
    
    #partners .ud-single-logo img {
        max-width: 160px !important;
        max-height: 100px !important;
        padding: 12px !important;
    }
    
    /* Novartis logo mobile */
    #partners .ud-single-logo img[alt="Novartis"],
    #partners .ud-single-logo img[src*="Novartis"] {
        max-width: 200px !important;
        max-height: 50px !important;
        height: 50px !important;
        padding: 8px 15px !important;
    }
    
    #partners .tubitak-logo img {
        max-width: 180px !important;
        max-height: 120px !important;
        padding: 15px !important;
    }
}

@media (max-width: 575px) {
    #partners {
        padding-top: 60px !important;
        padding-bottom: 40px !important;
        min-height: auto !important;
    }
    
    #partners .ud-section-title h2 {
        font-size: 1.75rem !important;
    }
    
    #partners .ud-section-title p {
        font-size: 0.95rem !important;
    }
    
    #partners .ud-brands {
        padding: 20px 0 !important;
    }
    
    #partners .ud-brands-logo {
        gap: 15px !important;
        flex-direction: column;
        align-items: center;
    }
    
    #partners .ud-single-logo {
        margin: 10px 0 !important;
        padding: 12px !important;
        width: 100%;
        max-width: 280px;
    }
    
    #partners .ud-single-logo img {
        max-width: 140px !important;
        max-height: 80px !important;
        padding: 10px !important;
    }
    
    /* Novartis logo mobile */
    #partners .ud-single-logo img[alt="Novartis"],
    #partners .ud-single-logo img[src*="Novartis"] {
        max-width: 180px !important;
        max-height: 45px !important;
        height: 45px !important;
        padding: 6px 12px !important;
    }
    
    #partners .tubitak-logo img {
        max-width: 160px !important;
        max-height: 100px !important;
        padding: 12px !important;
    }
}

/* TÜBİTAK specific styling */
#partners .tubitak-logo {
    padding: 15px 25px;
}

#partners .tubitak-logo img {
    filter: brightness(1) contrast(1.15) saturate(1.15) grayscale(0) !important;
    opacity: 0.9 !important;
    max-width: 220px;
    max-height: 140px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

#partners .tubitak-logo:hover img {
    filter: brightness(1) contrast(1.2) saturate(1.2) grayscale(0) !important;
    opacity: 1 !important;
    transform: scale(1.05);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Partner text logos styling (when image files are not available) */
#partners .partner-text-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    min-height: 100px;
    padding: 20px 30px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    transition: all 0.3s ease;
}

#partners .partner-text-logo:hover {
    background: rgba(255, 255, 255, 0.12);
    transform: translateY(-2px);
}

#partners .partner-name {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a !important;
    text-align: center;
    line-height: 1.4;
    transition: all 0.3s ease;
}

#partners .ud-single-logo:hover .partner-name {
    color: #0066cc !important;
    transform: scale(1.05);
}

/* Contact section */
.ud-contact {
    background: #ffffff !important;
}


.ud-contact-title span {
    color: var(--accent-blue) !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    display: block;
    margin-bottom: 0.5rem;
}

.ud-contact-title h2 {
    color: var(--text-primary) !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 0.5rem !important;
}

/* Contact section mobile responsive */
@media (max-width: 991px) {
    .ud-contact {
        padding-top: 80px !important;
        padding-bottom: 60px !important;
    }
    
    .ud-contact-title h2 {
        font-size: 1.75rem !important;
    }
    
    .ud-contact-form-wrapper {
        padding: 30px 20px !important;
    }
}

@media (max-width: 575px) {
    .ud-contact {
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }
    
    .ud-contact-title h2 {
        font-size: 1.5rem !important;
    }
    
    .ud-contact-form-wrapper {
        padding: 25px 15px !important;
    }
    
    .ud-contact-form input[type="text"],
    .ud-contact-form input[type="email"],
    .ud-contact-form textarea {
        font-size: 16px !important; /* Prevents zoom on iOS */
    }
}

.ud-contact-info {
    text-align: center;
    margin-bottom: 40px;
}

.ud-contact-info i {
    font-size: 2rem;
    color: var(--bs-primary);
    margin-bottom: 10px;
}

.ud-contact-info h5 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.ud-contact-form-wrapper {
    background: #ffffff !important;
    border: 1px solid #D4AF37 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
}

.ud-contact-form-title,
.ud-contact-form-title h3 {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 1.5rem !important;
}

.ud-contact-form label {
    color: var(--text-primary) !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
}

/* Form input styling */
.ud-contact-form input[type="text"],
.ud-contact-form input[type="email"],
.ud-contact-form textarea {
    color: var(--text-primary) !important;
    background-color: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    transition: all 0.2s ease !important;
}

.ud-contact-form input[type="text"]:focus,
.ud-contact-form input[type="email"]:focus,
.ud-contact-form textarea:focus {
    border: 2px solid var(--accent-blue) !important;
    background-color: #ffffff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

.ud-contact-form input::placeholder,
.ud-contact-form textarea::placeholder {
    color: var(--text-tertiary) !important;
}

/* Button styling for contact form */
.ud-contact-form .ud-main-btn {
    background-color: var(--accent-blue) !important;
    border: 2px solid var(--accent-blue) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    padding: 12px 32px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.ud-contact-form .ud-main-btn:hover,
.ud-contact-form .ud-main-btn:focus {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}