/* Universal Styles for Consistent Look Across All Pages */

/* Slider and Revolution Slider Styles */
.rev_slider_wrapper,
.rev_slider_wrapper .rev_slider,
#slider1 {
    height: 275px !important;
    max-height: 275px !important;
    overflow: hidden !important;
}

/* Adjust text positioning for 275px slider height */
#slide-671-layer-4 {
    top: 80px !important;
}

#slide-671-layer-1 {
    top: 110px !important;
}

#slide-671-layer-5 {
    top: 180px !important;
}

#slide-671-layer-6 {
    top: 220px !important;
}

/* Page Title Styling */
.page-title {
    padding: 40px 0px !important;
}

/* Main Menu Dropdown Styling */
.main-menu .navigation > li > ul {
    background: #e1e1e1 !important;
}

/* 3D Effect for H1 Titles with Animation */
h1 {
    color: #e31d23 !important;
    text-shadow: 
        2px 2px 0px #2c7af0,
        4px 4px 0px #1E3F73,
        6px 6px 10px rgba(0,0,0,0.3) !important;
    font-weight: bold !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    animation: slideInFromDepth 3s ease-out infinite !important;
    transform-origin: center center !important;
}

@keyframes slideInFromDepth {
    0% {
        opacity: 0;
        transform: scale(0.5) translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateZ(0px);
    }
}

/* Welcome Container Full Width */
.welcome_title {
    width: 100% !important;
}

.col-lg-6.col-md-6.col-sm-6.col-xs-12.welcome_title {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* OWL CAROUSEL NAVIGATION - UNIVERSAL STYLES */
.owl-nav {
    display: block !important;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    display: inline-block !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: #e31d23 !important;
    color: white !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    text-align: center !important;
    line-height: 40px !important;
    font-size: 18px !important;
    cursor: pointer !important;
    z-index: 10 !important;
    border: none !important;
    outline: none !important;
}

.owl-nav .owl-prev {
    left: 10px !important;
}

.owl-nav .owl-next {
    right: 10px !important;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background: #c41e24 !important;
    transform: translateY(-50%) scale(1.1) !important;
}

/* PARTNER SLIDER SPECIFIC STYLES */
.partener-slider {
    gap: 0 !important;
    position: relative !important;
}

.partener-slider .owl-item {
    padding: 0 !important;
    margin: 0 !important;
}

.partener-slider .owl-nav .owl-prev,
.partener-slider .owl-nav .owl-next {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #e31d23 !important;
    color: white !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    border: none !important;
    outline: none !important;
}

.partener-slider .owl-nav .owl-prev {
    left: 10px !important;
}

.partener-slider .owl-nav .owl-next {
    right: 10px !important;
}

/* Partner slider image styling */
.partener-slider .image-box img {
    height: 50px !important;
    max-height: 60px !important;
    max-width: 120px !important;
    object-fit: contain !important;
}

.partener-slider .image-box img[src$=".svg"] {
    display: block !important;
    width: auto !important;
    height: 50px !important;
    max-width: 120px !important;
}

/* TESTIMONIAL CAROUSEL STYLES */
.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.testimonial-carousel .testslide-item {
    height: 300px !important;
    display: flex !important;
    align-items: center !important;
}

/* Header Animations and Styling */
.site-header {
    transition: all 0.3s ease-in-out;
}

.site-header .header-main {
    animation: fadeInDown 1s ease-out;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Navigation Menu Hover Effects */
.main-menu .navigation > li > a {
    transition: all 0.3s ease;
}

.main-menu .navigation > li:hover > a {
    color: #e31d23 !important;
    transform: translateY(-2px);
}

/* Footer Styling and Animation */
.footer {
    animation: fadeInUp 1s ease-out;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Footer Logo Animation */
.footerlogo img {
    transition: transform 0.3s ease;
}

.footerlogo:hover img {
    transform: scale(1.05);
}

/* Testimonial and Partner Slider Enhancements */
.owl-carousel .owl-item {
    transition: all 0.3s ease;
}

.owl-carousel .owl-item:hover {
    transform: translateY(-5px);
}

/* Button Hover Effects */
.btn, .theme-btn {
    transition: all 0.3s ease;
}

.btn:hover, .theme-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Card and Section Animations */
.section-title {
    animation: fadeInUp 1s ease-out;
}

/* View More Button Styling */
.view-more {
    background-color: #e1e1e1 !important;
    border-color: #e1e1e1 !important;
    color: #333 !important;
}

.view-more:hover {
    background-color: #e1e1e1 !important;
    border-color: #e1e1e1 !important;
    color: #333 !important;
}

/* TESTIMONIAL CAROUSEL STYLES */
.testimonial-carousel .testslide-item {
    height: 300px !important;
    display: flex !important;
    align-items: center !important;
}

.testimonial-carousel .test-box {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
    padding: 25px !important;
    text-align: center !important;
    height: 270px !important;
    width: 90% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: #e31d23 rgba(255,255,255,0.3) !important;
}

/* Custom scrollbar styling for test-box */
.testimonial-carousel .test-box::-webkit-scrollbar {
    width: 6px !important;
}

.testimonial-carousel .test-box::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.2) !important;
    border-radius: 3px !important;
}

.testimonial-carousel .test-box::-webkit-scrollbar-thumb {
    background: #e31d23 !important;
    border-radius: 3px !important;
}

.testimonial-carousel .test-box::-webkit-scrollbar-thumb:hover {
    background: #c41e24 !important;
}

/* Author image styling */
.testimonial-first .testimonial-carousel .author-image {
    width: 120px !important;
    height: 80px !important;
    border: 3px solid #e31d23 !important;
    background: white !important;
    padding: 5px !important;
    display: block !important;
    margin: 0 auto 15px auto !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.testimonial-first .testimonial-carousel .author-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 5px !important;
}

/* Testimonial text styling */
.testimonial-first .testimonial-carousel .test-box .text {
    color: white !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    display: block !important;
    overflow: visible !important;
    text-align: center !important;
    margin: 15px 0 !important;
    flex-grow: 1 !important;
}

/* H4 title styling */
.testimonial-first .testimonial-carousel h4 {
    color: #e31d23 !important;
    font-size: 16px !important;
    margin-bottom: 15px !important;
    font-weight: bold !important;
    flex-shrink: 0 !important;
}

/* Hide read more button since we use scroll */
.testimonial-first .testimonial-carousel .read-more {
    display: none !important;
}

/* Reduce testimonial section padding */
.testimonial-first {
    padding: 10px 0 !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    h1 {
        font-size: 24px !important;
        letter-spacing: 1px !important;
    }
    
    .rev_slider_wrapper,
    .rev_slider_wrapper .rev_slider,
    #slider1 {
        height: 200px !important;
        max-height: 200px !important;
    }
    
    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        width: 35px !important;
        height: 35px !important;
        line-height: 35px !important;
        font-size: 16px !important;
    }
}