/*================ PRODUCT HERO =================*/

.product-hero {

    position: relative;

    height: 660px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background: url("../images/product-banner.jpg") center center/cover no-repeat;

}

/* Blue Gradient Overlay */

.hero-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(90deg,
            rgba(5, 24, 74, .94) 20%,
            rgba(8, 55, 125, .80) 55%,
            rgba(0, 153, 255, .35) 100%);

}

.product-hero .container {

    position: relative;

    z-index: 2;

}

.hero-content {
    padding-top: 100px;
    max-width: 800px;

    color: #fff;

}

.hero-tag {

    display: inline-block;

    padding: 8px 22px;

    background: #1DA1F2;

    border-radius: 50px;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 25px;

}

.hero-content h1 {

    font-size: 62px;

    line-height: 1.15;

    margin-bottom: 25px;

    font-weight: 700;

}

.hero-content h1 span {

    color: #29B6F6;

}

.hero-content p {

    font-size: 18px;

    line-height: 1.9;

    color: #E7F2FF;

    margin-bottom: 40px;

    max-width: 650px;

}

.hero-btns {

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

}

.btn-primary {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 16px 34px;

    background: #1DA1F2;

    color: #fff;

    text-decoration: none;

    border-radius: 50px;

    font-weight: 600;

    transition: .35s;

}

.btn-primary:hover {

    background: #0089d8;

    transform: translateY(-4px);

}

.btn-outline {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 16px 34px;

    border: 2px solid #fff;

    color: #fff;

    text-decoration: none;

    border-radius: 50px;

    font-weight: 600;

    transition: .35s;

}

.btn-outline:hover {

    background: #fff;

    color: #0B1F5F;

}
@media(max-width:1199px) {
}
@media(max-width:991px) {
}
@media(max-width:767px) {
    .product-section{
        padding: 60px 0;
    }
}
@media(max-width:575px) {
    .hero-content h1{
        font-size: 34px;
    }
    .product-hero{
        height: 660px;
    }
}