/* Hero Section Responsive Styling */
.hero {
    padding: 80px 0 40px;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
}

/* Hero Content Styling */
.hero-content {
    padding-right: 20px;
}

.hero .hero-content h1 {
    font-size: 3rem;
}

/* Company Badge Styling */
.company-badge {
    display: inline-block;
    background-color: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 14px;
}

/* Hero Video Styling */
.hero .hero-video {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.hero .hero-video video {
    transform: scale(0.9);
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    background-color: white;
    object-fit: cover;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.hero .hero-video video:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

/* Stats Row Styling */
.stats-row {
    display: flex;
    flex-wrap: wrap;
}

.stats-row > div {
    display: flex;
}

.stat-item {
    height: 100%;
    transition: transform 0.3s ease;
}

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

.stat-icon {
    font-size: 36px;
    margin-bottom: 15px;
    color: #0d6efd;
}

.stat-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.stat-content p {
    font-size: 14px;
    line-height: 1.4;
    height: auto;
    overflow: hidden;
}

/* Hero Responsive Styles */
@media (max-width: 991px) {
    .hero {
        padding: 60px 0 30px;
    }

    .hero-content {
        text-align: center;
        padding-right: 0;
        margin-bottom: 40px;
    }

    .hero-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero-buttons .btn {
        margin: 5px 0;
    }
}

/* Large screens - keep the offset */
@media (min-width: 992px) {
    .hero .hero-video video {
        margin-left: 90px;
        margin-bottom: 8px;
        transform: scale(1.0);
    }
}

/* Medium screens - reduce the offset */
@media (min-width: 768px) and (max-width: 991px) {
    .hero .hero-video video {
        margin-left: 0;
        margin-bottom: 30px;
        transform: scale(1.1);
    }
}

/* Small screens - center and resize */
@media (max-width: 767px) {
    .hero .hero-video video {
        margin-left: 0;
        margin-bottom: 30px;
        transform: scale(1);
        width: 85%;
        margin: 0 auto;
    }

    .hero .company-badge {
        margin-top: 30px;
    }
}

/* Extra small screens - adjust stats items */
@media (max-width: 575px) {
    .stats-row {
        margin-top: 30px;
    }

    .stat-item {
        padding: 15px;
    }

    .stat-icon {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .stat-content h4 {
        font-size: 16px;
    }

    .stat-content p {
        font-size: 13px;
    }

    .hero .company-badge {
        margin-top: 30px;
    }

    .hero .hero-video video {
        width: 95%;
        transform: scale(1.0);
    }
}
/*!* Hero Section Responsive Styling *!*/
/*.hero {*/
/*    padding: 80px 0 40px;*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    margin-top: 50px;*/
/*}*/

/*!* Hero Content Styling *!*/
/*.hero-content {*/
/*    padding-right: 20px;*/
/*}*/

/*.hero .hero-content h1 {*/
/*    font-size: 3rem;*/
/*}*/

/*!* Company Badge Styling *!*/
/*.company-badge {*/
/*    display: inline-block;*/
/*    background-color: rgba(13, 110, 253, 0.1);*/
/*    color: #0d6efd;*/
/*    font-weight: 500;*/
/*    padding: 8px 16px;*/
/*    border-radius: 30px;*/
/*    font-size: 14px;*/
/*}*/

/*!* Hero Image Styling - COMMENTED OUT *!*/
/*!**/
/*.hero .hero-image {*/
/*    position: relative;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*.hero .hero-image img {*/
/*    transform: scale(0.8);*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*    display: block;*/
/*    border-radius: 20px;*/
/*    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);*/
/*    border: 1px solid #dee2e6;*/
/*    background-color: white;*/
/*    object-fit: contain;*/
/*    transition: transform 0.4s ease, box-shadow 0.4s ease;*/
/*}*/
/**!*/

/*!* Hero Video Styling *!*/
/*.hero .hero-video {*/
/*    position: relative;*/
/*    display: flex;*/
/*    justify-content: flex-end; !* Shift container to the right *!*/
/*    !*padding-right: 20px; !* Add some padding from the edge *!*!*/
/*}*/

/*.hero .hero-video video {*/
/*    transform: scale(0.9); !* Make video bigger (was 0.8) *!*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*    display: block;*/
/*    border-radius: 20px; !* rounded corners *!*/
/*    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); !* soft shadow *!*/
/*    !*border: 1px solid #dee2e6; !* light border *!*!*/
/*    background-color: white; !* fallback bg *!*/
/*    object-fit: cover;*/
/*    transition: transform 0.4s ease, box-shadow 0.4s ease;*/
/*}*/

/*.hero .hero-video video:hover {*/
/*    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);*/
/*}*/

/*!* Stats Row Styling *!*/
/*.stats-row {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.stats-row > div {*/
/*    display: flex;*/
/*}*/

/*.stat-item {*/
/*    height: 100%;*/
/*    transition: transform 0.3s ease;*/
/*}*/

/*.stat-item:hover {*/
/*    transform: translateY(-5px);*/
/*}*/

/*.stat-icon {*/
/*    font-size: 36px;*/
/*    margin-bottom: 15px;*/
/*    color: #0d6efd;*/
/*}*/

/*.stat-content h4 {*/
/*    font-size: 18px;*/
/*    font-weight: 600;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.stat-content p {*/
/*    font-size: 14px;*/
/*    line-height: 1.4;*/
/*    height: auto;*/
/*    overflow: hidden;*/
/*}*/

/*!* Hero Responsive Styles *!*/
/*@media (max-width: 991px) {*/
/*    .hero {*/
/*        padding: 60px 0 30px;*/
/*    }*/

/*    .hero-content {*/
/*        text-align: center;*/
/*        padding-right: 0;*/
/*        margin-bottom: 40px;*/
/*    }*/

/*    .hero-buttons {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*    }*/

/*    .hero-buttons .btn {*/
/*        margin: 5px 0;*/
/*    }*/
/*}*/

/*!* Large screens - keep the offset *!*/
/*@media (min-width: 992px) {*/
/*    .hero .hero-video video {*/
/*        margin-left: 90px; !* Increased from 70px to shift more to the right *!*/
/*        margin-bottom: 8px;*/
/*        transform: scale(1.0); !* Slightly bigger on large screens *!*/
/*    }*/
/*}*/

/*!* Medium screens - reduce the offset *!*/
/*@media (min-width: 768px) and (max-width: 991px) {*/
/*    .hero .hero-video video {*/
/*        margin-left: 0;*/
/*        margin-bottom: 30px;*/
/*        transform: scale(1.1);*/
/*    }*/
/*}*/

/*!* Small screens - center and resize *!*/
/*@media (max-width: 767px) {*/
/*    .hero .hero-video video {*/
/*        margin-left: 0;*/
/*        margin-bottom: 30px;*/
/*        transform: scale(1);*/
/*        width: 85%;*/
/*        margin: 0 auto;*/
/*    }*/

/*    .hero .company-badge {*/
/*        margin-top: 30px;*/
/*    }*/
/*}*/

/*!* Extra small screens - adjust stats items *!*/
/*@media (max-width: 575px) {*/
/*    .stats-row {*/
/*        margin-top: 30px;*/
/*    }*/

/*    .stat-item {*/
/*        padding: 15px;*/
/*    }*/

/*    .stat-icon {*/
/*        font-size: 30px;*/
/*        margin-bottom: 10px;*/
/*    }*/

/*    .stat-content h4 {*/
/*        font-size: 16px;*/
/*    }*/

/*    .stat-content p {*/
/*        font-size: 13px;*/
/*    }*/

/*    .hero .company-badge {*/
/*        margin-top: 30px;*/
/*    }*/

/*    !* Video specific adjustments for extra small screens *!*/
/*    .hero .hero-video video {*/
/*        width: 95%;*/
/*        transform: scale(1.0);*/
/*    }*/
/*}*/