/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.7.2.1721372425
Updated: 2024-07-19 07:00:25

*/
.container {
    max-width: 1130px;
    margin: 0 auto;
    padding: 0 20px;
}

#main_header.darkHeader {
    background-color: #ffffffe8;
}

.homebanner {
    height: auto;
    width: 100%;
    position: relative;
}

.homebanner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 2s;
    opacity: 1;
}

.homebanner.darkHeader:before {
    opacity: 0.2;
}

.homebanner .banner_wrap {
    padding-top: 150px;
    text-align: center;
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    z-index: 1;
}

.homebanner .banner_wrap h1.banner_title,
.homebanner .banner_wrap .web_logo, 
.homebanner .banner_wrap .btn_wrap {
    transition: 1s;
    opacity: 1;
}
.homebanner.darkHeader .banner_wrap .banner_title, .homebanner.darkHeader .banner_wrap .web_logo, .homebanner.darkHeader .banner_wrap .btn_wrap {
    opacity: 0.1;
}
.homebanner .banner_wrap .moonimg {
    position: absolute;
    top: 96px;
    right: -115px;
    max-width: 170px;
    z-index: -1;
    transform: translate(-6%, 7%);
    filter: blur(0px);
}

.homecloud {
    position: relative;
    z-index: 1;
}
.homecloud img {
    width: 100%;
}
.homebanner .banner_wrap h1.banner_title {
    color: #fff;
    font-family: Montserrat;
    font-size: 61px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
}

.homebanner .banner_wrap .web_logo img {
    width: 100%;
    max-width: 357px;
    margin: 4rem 0 5rem;
}

a.btn_black {
    color: #fff;
    display: inline-block;
    border-radius: 30px;
    padding: 12px 45px 12px 30px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    text-align: left;
    background: linear-gradient(90deg, #77CBF2 0%, #EE9BC1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}

.btn_wrap {
    background: #1D414E;
    display: inline-block;
    border-radius: 30px;
    position: relative;
}


.btn_wrap:before {
    content: "";
    width: 18px;
    height: 10px;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
}

.ft_clouds {
    position: relative;
    z-index: 1;
    transform: translateY(0px);
    margin-top: -850px;
}

.ft_cloud2 img {
    width: 100%;
}

.ft_products {
    padding: 300px 0 600px 0;
    z-index: 0;
    position: relative;
    margin-top: 0;
}
.hm_wrap {
    overflow: hidden;
}
#next-section .container,.mn_socials {
    transform: none !important;
}
.ft_products:before {
    content: "";
    background-size: 100%;
    position: absolute;
    top: -550px;
    left: 0;
    right: 0;
    width: 100%;
    height: 900px;
    opacity: 1;
    z-index: -1;
}

.ft_products .hd_wrap {
    text-align: center;
    padding-bottom: 50px;
}

.ft_products .hd_wrap h2 {
    margin-bottom: 20px;
}

.hd_wrap h2 {
    font-size: 20px;
    font-weight: 600;
}

.hd_wrap p {
    color: #595959;
}

.link_wrap {
    text-align: center;
}

.link_wrap a {
    font-weight: 600;
    font-style: italic;
    text-decoration: underline;
    transition: 0.3s;
}

.link_wrap a:hover {
    color: #ee9bc1;
}

.link_wrap a img {
    transition: 0.3s;
}

.link_wrap a:hover img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(49%) saturate(474%) hue-rotate(293deg) brightness(99%) contrast(89%);
}

.link_wrap a img {
    margin-left: 5px;
    position: relative;
    top: -2px;
}

.products li.ast-article-single {
    box-shadow: 0 4px 24px #1c274c29;
    border-radius: 32px;
    background: #fff;
}
.products li.ast-article-single .astra-shop-summary-wrap {
    padding: 20px 25px 30px 25px;
}

.products li.ast-article-single span.price {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #EE9BC1;
    color: #C83478 !important;
    padding: 10px 30px 8px 30px;
    border-radius: 30px;
}

.woocommerce-js ul.products li.product a.ast-on-card-button {
    display: none;
}

.products li.ast-article-single .astra-shop-thumbnail-wrap img {
    border-radius: 32px 32px 0 0;
}


.cart_btn {
    background: #1D414E;
    border-radius: 12px;
}

.cart_btn a:before {
    content: "";
    position: absolute;
    left: calc(50% + 40px);
    width: 18px;
    height: 18px;
    top: calc(50% - 10px);
}

.products li.ast-article-single .add_to_cart_button {
    width: 100%;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 16px;
    background: linear-gradient(90deg, #77CBF2 0%, #EE9BC1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 17px 30px 17px 10px;
    margin: 0 !important;
}

.products li.ast-article-single .add_to_cart_button:focus {
    outline: none !important;
    border: 0;
}

h2.woocommerce-loop-product__title {
    color: #1D414E !important;
}

.ast-woo-shop-product-description {
    font-size: 16px;
    color: #595959;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 5px;
}



.mn_socials {
    padding: 40px 0 200px 0;
    z-index: 1;
    position: relative;
    margin-top: -400px;
}

.mn_socials .hd_wrap {
    text-align: center;
    padding-bottom: 50px;
}

.mn_socials .hd_wrap h2 {
    margin-bottom: 20px;
}

.mn_socials ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.mn_socials ul li {
    margin: 20px 35px;
}

.mn_socials ul li a {
    text-align: center;
}

.mn_socials ul li a .img_wrap {
    box-shadow: 0 0 20px #ddd;
    border-radius: 50%;
    width: 280px;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    background: #fff;
}

.mn_socials ul li a span {
    display: block;
    color: #1D414E;
    font-weight: 600;
    font-size: 16px;
}

.mn_socials ul li a:hover .img_wrap {
    box-shadow: 0 0 20px #e7e7e7;
}
.mn_socials ul li a .img_wrap img {
    transition: 0.3s;
}
.mn_socials ul li a:hover .img_wrap img {
    transform: scale(1.1);
}


.cst_newsletter form {
    display: flex;
}

.cst_newsletter form .wpforms-field-container {
    flex: 1;
}

.cst_newsletter form .wpforms-submit-container {
    width: 44px;
    margin-left: -1px;
}

.cst_newsletter form .wpforms-submit-container .sbt_btn {
    width: 44px;
    height: 44px;
    border-radius: 0;
    font-size: 0;
    opacity: 1;
    padding: 0;
}

.cst_newsletter form .wpforms-field-container .wpforms-field input {
    height: 43px;
    border-radius: 10px 0 0 10px;
    border: 0;
    font-size: 16px;
}

.cst_newsletter label.wpforms-error {
    color: #fff;
}

.ft_pro_img1 {
    position: absolute;
    left: -1310px;
    opacity: 0.65;
    z-index: 8;
    top: -30%;
    transform: translate(0%, 50%);
}
.ft_pro_img2 {
    position: absolute;
    right: -40%;
    top: 120%;
    z-index: 1;
    opacity: 1;
    max-width: 1200px;
}
.new_ft_wrap{
    position: relative;
    height: 50vh;
}

@media(min-width: 2000px){
    .ft_products:before {
        background-position: center !important;
        background-size: 100% 760px !important;
        top: -400px;
    }
}

@media(max-width: 1500px){
    .ft_products:before {
        top: -340px;
    }
    .ft_products {
        padding: 300px 0 250px 0;
    }
    .ft_clouds {
        margin-top: -650px;
    }
}

@media(max-width: 1199px){
    .mn_socials ul li a .img_wrap {
        width: 200px;
        height: 200px;
    }

    .mn_socials ul li a .img_wrap img {
        max-width: 110px;
    }
}

@media(max-width: 991px){
    .ft_clouds {
    margin-top: -300px;
    }
    .homebanner .banner_wrap h1.banner_title {
        font-size: 45px;
    }
    .mn_socials {
        padding: 150px 0 60px 0;
    }
    .mn_socials ul li a .img_wrap {
        width: 130px;
        height: 130px;
    }
    .ft_products:before {
        top: 0px;
    }
    .mn_socials ul li a .img_wrap img {
        max-width: 70px;
    }
    .mn_socials .hd_wrap {
        padding-bottom: 20px;
    }
    .homebanner .banner_wrap .moonimg {
        max-width: 80px;
        right: 0;
        top: 140px;
    }
    .homebanner .banner_wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .homebanner .banner_wrap .web_logo img {
        max-width: 200px;
        margin: 40px 0;
    }
    .ft_pro_img2{
        right: -750px;
    }
    .hm_products {
        z-index: 8;
        position: relative;
    }
}

@media(max-width: 767px){
    ul.products {
        grid-template-columns: 1fr !important;
    }

    ul.products li {
        max-width: 360px;
        margin: 0 auto;
    }
    .ft_clouds {
        margin-top: -140px;
    }
    .ft_products {
        margin-top: -100px;
        padding: 300px 0 0px 0;
    }
    .ft_pro_img2 {
        top: 270%;
        right: -750px;
        max-width: 1000px;
    }
}