anwi_website/styles/pages/_home.scss

/* home page */

.button_dark.btn-dark {
    background-color: #000000 !important;
    font-family: "Satoshi", sans-serif;
}

.button_dark.btn-dark:hover {
    background-color: #000000 !important;
    font-family: "Satoshi", sans-serif;
    opacity: 1 !important;
}

.home-main-container #navbar-head {
    .navbar-nav .nav-item .nav-link {
        color: #000000;
        font-family: "Satoshi", sans-serif;
    }
}

.hero-banner {
    // background-image: url(../../dist/assets/imgs/Home/banner.png);
    background-image: url(../../dist/assets/imgs/Home/banner.png);
    // background-color: #cccccc;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-position-y: -100px;
    // home-banner
    .banner-main-container {
        height: 620px;
    }
}

.home-main-container .offer-main-sec {
    .offer-sec {
        margin-top: -35px;
    }
}

.home-main-container .aw-feature-name {
    h5 {
        transform: rotate(180deg);
        transform-origin: center center 0;
        writing-mode: vertical-rl;
    }
}

.home-main-container .out-of-world .card {
    background-color: #0FA5C5;
}

.home-main-container .aw-support-sec {
    .aw-support-sec-main-container {
        background-color: #F2F9FB;
    }
    .news-letter-sec .news-letter-email:focus {
        border-bottom: 1px solid white;
        outline: none;
    }
    .news-letter-sec .news-letter-email::placeholder {
        color: white;
    }
}

.home-main-container .owl-carousel.star-products-img-sec .owl-dots {
    text-align: left;
    .owl-dot span {
        height: 3px;
        width: 25px;
    }
    .owl-dot.active {
        color: #000000;
    }
}

.home-main-container .owl-carousel.star-products-img-sec .owl-nav {
    text-align: right;
    margin-right: 5rem;
}

@media (min-width:1900px) {
    .hero-banner {
        background-size: 100% 100%;
    }
    .products-main-container .col-md-6 {
        text-align: center !important;
        .product-heading span {
            text-align: center !important;
            margin: auto !important;
        }
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .home-main-container {
        .aw-partners.sec-space-1 {
            margin-top: 0px;
        }
        .aw-partners .sec-space-3 {
            margin-right: 60px;
        }
        .offer-main-sec {
            .offer-sec {
                margin-top: -30%;
            }
        }
        .news-letter-sec {
            .card-body.px-5 {
                padding: 20px !important;
            }
        }
        .news-letter-sec {
            a.button_dark {
                padding: 10px 5px;
            }
        }
    }
}

@media (min-width:278px) and (max-width:767px) {
    .home-main-container {
        h5,
        h6 {
            font-size: 1rem;
        }
        .sec-space-1,
        .sec-space-2 {
            margin-top: 40px;
        }
        .banner-main-container {
            height: 550px;
            display: block !important;
        text-align: center;
        .col-md-6 {
            padding-top: 7rem;

            .button_dark{
                display: none;
            }
        }
        .mobile-home-img{
            width: 85%;
        }
        h1 {
            font-size: 2rem;
        }
    }
        .hero-banner {
            // background: url(../../dist/assets/imgs/Home/All-in-one.png);
            // background-size: cover;
            background-position: 0;
        }
        .aw-main-features{
            display: none;
        }
        .mobile-text-center {
            text-align: center;
        }
        // .aw-partners img {
        //     width: 150px;
        //     height: 50px;
        // }
        // .aw-partners .windows-icon-mb img {
        //     width: 60px;
        //     height: 50px;
        // }
        .aw-feature-name h5 {
            transform: rotate(0deg);
            writing-mode: horizontal-tb;
        }
        .products-main-container {
            .enterprise-prd,.consumer-prd {
                margin-top: 10px;
            }
           
        }
       
        .news-letter-sec {
            a.button_dark {
                padding: 10px 5px;
            }
        }
        .owl-carousel.star-products-img-sec .owl-nav {
            text-align: center;
            margin-right: 0px;
        }
        .star-products {
            .owl-dots {
                display: none;
            }
        }
        .aw-support-sec-main-container {
            .row {
                margin: 0px !important;
                text-align: center;
            }
            .col-md-4 {
                border: none !important;
            }
            .support-sec-heading {
                padding: 0 !important;
            }
        }
        .offer-main-sec{
            margin-bottom: 0 !important;
            padding: 0 !important;
        }
        .offer-sec{
            p{
                font-size: 0.85rem;
            }
        }
    }
    .footer-wrapper {
        .accordion-button,
        .accordion-body {
            font-family: "Satoshi", sans-serif;
            color: white;
            background-color: #000000;
        }
        .accordion-button:not(.collapsed)::after,
        .accordion-button.collapsed::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        }
    }
}

// index styles

.feature-bg-image.animated-feature-img {
   
    animation: slide 1s ease .2s forwards;
    opacity: 0;
    // transform-origin: left top;
}

@keyframes slide {
    from {
      
        opacity: 0;
    }

    to {
       
        opacity: 1;
    }
}

[alt=footer-rocket-img]{
    cursor: pointer;
}
.partners-img{
    height:60px;
}
@media (min-width:405px) and (max-width:570px) {
    .home-main-container .banner-main-container .mobile-home-img{
        width: 60%;
    }
}

@media (min-width:1800px) {
    .banner-wrapper {
        position: relative;
    }
    .banner-main-container {
        height: 900px !important;
    }

    .offer-main-sec{
        position: absolute;
    bottom: 40%;
    right: 20%;
    width: 60%;
    }
    
}