new.anwisystems.com/styles/pages/_home.scss

/* home page */
$color_1: #000;
$color_2: white;
$font-family_1: "Satoshi", sans-serif;
$background-color_1: #000;
$background-color_2: #0fa5c5;
$background-color_3: #f2f9fb;
/* BUtton */
.button_dark.btn-dark {
	background-color: $background-color_1 !important;
	font-family: $font-family_1;
	&:hover {
		background-color: $background-color_1 !important;
		font-family: $font-family_1;
		opacity: 1 !important;
	}
}
/* main-container */
.home-main-container {
	#navbar-head { /* navbar */
		.navbar-nav {
			.nav-item {
				.nav-link {
					color: $color_1;
					font-family: $font-family_1;
				}
			}
		}
	}
	.offer-main-sec {/* main-offersec */
		.offer-sec {
			margin-top: -35px;
		}
	}
	.aw-feature-name {
		h5 {
			transform: rotate(180deg);
			transform-origin: center center 0;
			writing-mode: vertical-rl;
		}
	}
	.out-of-world { /* out-of-worldzz */
		.card {
			background-color: $background-color_2;
		}
	}
	.aw-support-sec {
		.aw-support-sec-main-container {
			background-color: $background-color_3;
		}
		.news-letter-sec {
			.news-letter-email {
				&:focus {
					border-bottom: 1px solid white;
					outline: none;
				}
				&::placeholder {
					color: $color_2;
				}
			}
		}
	}
	.owl-carousel.star-products-img-sec { /* owl-carousal */
		.owl-dots {
			text-align: left;
			.owl-dot {
				span {
					height: 3px;
					width: 25px;
				}
			}
			.owl-dot.active {
				color: $color_1;
			}
		}
		.owl-nav {
			text-align: right;
			margin-right: 5rem;
		}
	}
}
/* banner */
.hero-banner {
	background-image: url(../../dist/assets/imgs/Home/banner.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-position-y: -100px;
	.banner-main-container {
		height: 620px;
	}
}
@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 {
            font-size: 1rem;
        }
        h6 {
            font-size: 1rem;
        }
        .sec-space-1 {
            margin-top: 40px;
        }
        .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-position: 0;
        }
        .aw-main-features {
            display: none;
        }
        .mobile-text-center {
            text-align: center;
        }
        .aw-feature-name {
            h5 {
                transform: rotate(0deg);
                writing-mode: horizontal-tb;
            }
        }
        .products-main-container {
            .enterprise-prd {
                margin-top: 10px;
            }
            .consumer-prd {
                margin-top: 10px;
            }
        }
        .news-letter-sec {
            a.button_dark {
                padding: 10px 5px;
            }
        }
        .owl-carousel.star-products-img-sec {
            .d-flex{
justify-content: center !important;
            }
            .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 {
            font-family: $font-family_1;
            color: $color_2;
            background-color: $background-color_1;
            &:not(.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");
                }
            }
        }
        .accordion-body {
            font-family: $font-family_1;
            color: $color_2;
            background-color: $background-color_1;
        }
        .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");
            }
        }
         .footer-sub-content p{
            font-size: 0.85rem;
         }
    }
    
}
// 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;
    width: 70px;
}
.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%;
    }
    
}