/* Minified CSS */
/* Base Styles */
body {
    background-color: #1c1c1c;
    color: #ffffff;
}

.bg-background-fade { 
    background-color: #1c1c1c; 
}

.color-code[data-color="1"] {
    background-color: #1c1c1c;
}

.color-code[data-color="2"] {
    background-color: #232323;
}

.color-code[data-color="4"] {
    background-color: #1c1c1c;
}

/* Logo Styles */
.logo img {
    max-width: 300px;
    height: auto;
    object-fit: contain;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .logo img {
        max-width: 250px;
    }
}

@media (max-width: 480px) {
    .logo img {
        max-width: 200px;
    }
}

/* Bootstrap */
@import url('bootstrap.min.css');
/* Font Awesome */
@import url('font-awesome.min.css');
/* Animate */
@import url('animate.css');
/* ET Line Icons */
@import url('et-line-icons.css');
/* Themify Icons */
@import url('themify-icons.css');
/* Swiper */
@import url('swiper.min.css');
/* Justified Gallery */
@import url('justified-gallery.min.css');
/* Magnific Popup */
@import url('magnific-popup.css');
/* Revolution Slider */
@import url('../revolution/css/settings.css');
@import url('../revolution/css/layers.css');
@import url('../revolution/css/navigation.css');
/* Bootsnav */
@import url('bootsnav.css');
/* Main Style */
@import url('style.css');
/* Responsive */
@import url('responsive.css');

/* Optimized Media Queries */
@media (max-width: 1199px) {
    .container { max-width: 960px; }
    .col-xl-12 { width: 100%; }
}

@media (max-width: 991px) {
    .container { max-width: 720px; }
    .col-lg-12 { width: 100%; }
}

@media (max-width: 767px) {
    .container { max-width: 540px; }
    .col-md-12 { width: 100%; }
}

@media (max-width: 575px) {
    .container { max-width: 100%; padding: 0 15px; }
    .col-sm-12 { width: 100%; }
}

/* Video Hero Section Styles */
.video-hero-section {
    position: relative;
    overflow: hidden;
    height: 100vh;
}

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

.video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    object-fit: cover;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.6); /* Semi-transparent dark overlay */
    z-index: 1;
}

.video-hero-section .container {
    position: relative;
    z-index: 2;
}

.fallback-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

/* Mobile Optimization */
@media (max-width: 768px) {
    .video-background {
        display: none; /* Hide video on mobile to save bandwidth */
    }
    
    .video-hero-section {
        background-image: url('images/1470x1200-wavySoft.png');
        background-size: cover;
        background-position: center;
    }
}