/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.11.17
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.9
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
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
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */


.site-title{
display:none!important;
}


.ast-plain-container{
  background-image: linear-gradient(
    to bottom in oklab,
    oklch(0.129 0.042 264.695) 0%,
    oklch(0.208 0.042 265.755) 50%,
    oklch(0.129 0.042 264.695) 100%
  )!important;
}

.ast-plain-container.ast-no-sidebar #primary{
    margin:0!important
}

.ast-primary-header-bar{
    background: transparent!important;
}

.site-primary-footer-wrap{
background: transparent!important;
}
.site-below-footer-wrap{
  background: transparent!important;  
}
ul{
list-style: none;
}

p, li{
    font-size: 18px;
}

a{
    text-decoration: none!important;
}


h1, h2, h3, h4, h5, h6
{
  color: #f5f5f5 !important;

}

a, p{
    color: oklch(.704 .04 256.788)!important;
}

.banner-home{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(.25rem * 12);
}

.banner-text{
    width: 50%;
    position: relative;
}

.banner-text::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 600px;
    background: radial-gradient(ellipse, #64ccc5 0%, rgba(100, 204, 197, 0.2) 1%, transparent 70%);
    filter: blur(80px);
    z-index: -1;
    pointer-events: none;
}

.banner-animation::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 600px;
    background: radial-gradient(circle, #64ccc5 0%, rgba(100, 204, 197, 0.3) 10%, transparent 70%);
    filter: blur(80px);
    z-index: -1;
    pointer-events: none;
}

.banner-animation{
    width: 50%;
    position: relative;
    margin-top: -144px;
}

.rounded-text{
    padding: 8px 16px;
    border: 1px solid #64ccc5;
    background-color: rgba(100, 204, 197, 0.1);
    border-radius: 20px;
    max-width: fit-content;
    color: #64ccc5;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
}

.rounded-text svg{
    margin-right: 10px;
}

.banner-text h1{
    text-transform: uppercase;
    font-size: 70px;
}

.banner-text .desc{
    margin-bottom: 32px!important;
}

.banner-text h1 span{
   color: #64ccc5;
}

.banner-home .btn-one{
   border-radius: .625rem;
   background: #64ccc5;
   padding: 20px 12px;
   color: #f5f5f5!important;
}

.banner-home .btn-two{
    padding: 20px 32px;
    border: 1px solid #64ccc5;
    border-radius: .625rem;
    color: #64ccc5!important;
}

.flex-btn a{
    display: block;
    font-weight: 500;
}

.flex-btn{
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    gap: calc(.25rem * 4);
}

.reasu-home{
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: calc(.25rem * 8);
   padding-top: calc(.25rem * 8);
   border-top: 1px solid #1d293d;
}

.reasu-home span{
    color: #64ccc5;
    font-size: 30px;
    display: block;
    margin-bottom: .25rem;
}

dotlottie-wc{
    margin:auto;
}

.services{
    padding: 120px 0 60px;
}

.container-services-card{
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonnes égales */
    justify-content: flex-start;
    align-items: stretch;
    gap: calc(.25rem * 6);
}


.services-card:hover{
    box-shadow: 0 4px 20px
    color-mix(
        in oklab,
        color-mix(in oklab, #64ccc5 10%, transparent) 100%,
        transparent
    );
    border: 1px solid #64ccc5;
    transform: scale(1.01);
}


.services-card{
    padding: 40px;
    background: linear-gradient(
    to top left,
    rgba(29, 41, 61, 0.5) 0%,
    rgba(29, 41, 61, 0.5) 50%,
    transparent 100%
  );
  border: 1px solid #1d293d80;
  border-radius: 1rem;
  transition: all ease 0.5s;
}

.services-card h3{
    margin: 24px 0 12px ;
    text-transform:capitalize;
}

.services-card img{
    width: 50px;
    padding: 10px;
    background-color: oklch(0.129 0.042 264.695);
    background-image: linear-gradient(
    to bottom left,
    rgba(100, 204, 197, 0.22) 0%,
    rgba(100, 204, 197, 0) 69%);
    box-shadow: 0 4px 20px
        color-mix(
            in oklab,
            color-mix(in oklab, #64ccc5 10%, transparent) 100%,
            transparent
        );
  border-radius: 10px;
  margin-right: 10px;
}

.services h2 {
    text-align: center;
    text-transform: capitalize;
    font-size: 3rem;
}

.services span{
    color:#64ccc5
}



.desc-services{
    text-align: center;
    max-width: 550px;
    margin: 0 auto 60px!important;
}


.btn-more{
    text-decoration: none!important;
    display: flex;
    align-items: center;
    max-width: fit-content;
}

.btn-more svg{
    margin-left: 5px;
}

.services .services-card p{
    min-height: 120px;
}


.why{
    padding: 60px 0;
}

.container-why-card{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 colonnes égales */
    justify-content: flex-start;
    align-items: stretch;
    gap: calc(.25rem * 8);
    padding-bottom: 64px;
}

.why span{
    color:#64ccc5
}


.why h2 {
    text-align: center;
    text-transform: capitalize;
    font-size: 3rem;
}

.why-card h3:hover{
   color: #64ccc5!important;
}

.why-card h3{
    display: flex;
    align-items: center;
}

.why-card p{
  margin-bottom: 0!important;
}

.why .rounded-text{
    margin: 0 auto 20px;
}

.why-card{
    padding: 24px;
    border: 1px solid #314158;
    border-radius: 8px;
    transition: all ease 0.5s;
}

.why-card:hover{
    border: 1px solid #64ccc5;
    transform: scale(1.01);
     box-shadow: 0 4px 20px
    color-mix(
        in oklab,
        color-mix(in oklab, #64ccc5 10%, transparent) 100%,
        transparent
    );
}

.why-card img{
    width: 50px;
    padding: 10px;
    background-color: oklch(0.129 0.042 264.695);
    background-image: linear-gradient(
    to bottom left,
    rgba(100, 204, 197, 0.22) 0%,
    rgba(100, 204, 197, 0) 69%);
    box-shadow: 0 4px 20px
        color-mix(
            in oklab,
            color-mix(in oklab, #64ccc5 10%, transparent) 100%,
            transparent
        );
  border-radius: 10px;
  margin-right: 10px;
}

.reasu-why{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 48px;
    gap: calc(.25rem * 8);
    background: color-mix(in oklab, oklch(.279 .041 260.031) 80%, transparent);
    border-radius: 8px;
    text-align: center;
}

.reasu-why span{
    display: block;
    font-size: 30px;
    color: white!important;
}
.reasu-why p{
  margin-bottom: 0px!important;
}

.reasu-why svg{
    color:#64ccc5;
    width: 32px;
    height: 32px;
}


.flex-form{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 colonnes égales */
    justify-content: flex-start;
    align-items: stretch;
    gap:40px
}


.card-form label{
    color: white;
}

.form-section{
    padding: 60px 0px 120px;
}

.form-section .hr{
   height: 1px;
   width: 100%;
   background: linear-gradient(
    to right,
    #64ccc51a 5%,   /* 10% d’opacité */
    #64ccc5ff 50%,  /* 100% d’opacité */
    #64ccc51a 95%  /* 10% d’opacité */
    );
    margin-bottom: 60px;
}

.form-section h3{
    margin-bottom:48px;
    font-size: 48px;
    max-width: 70%;
    margin: 0 auto 48px;
}

.form-section h3 span{
    color: #64ccc5;
}

.wpcf7-spinner{
    display: none!important;
}

.form-section .rounded-text{
   margin: 0 auto 24px;
}

.form{
    width: 70%;
    margin: 0px auto ;
    padding:48px;
    background: color-mix(in oklab, oklch(.279 .041 260.031) 80%, transparent);
    border-radius: 8px;
}

.flex-form input{
    border: 1px solid #314158!important;
    padding: 4px 12px!important;
    border-radius: 8px;
    background: #0f172b4d!important;

}

.card-form textarea{
    border: 1px solid #314158!important;
    max-height: 150px;
    background: #0f172b4d!important;
}

.wpcf7-list-item{
    padding: 16px;
    border: 1px solid #314158!important;
    border-radius: 8px;
    margin-left: 0px!important;
    background: #0f172b4d;
}

.card-form .wpcf7-checkbox{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 colonnes égales */
    gap: 24px;
}

.card-form input,
input:focus,
input:active,
textarea,
textarea:focus,
textarea:active,
select,
select:focus,
select:active {
    box-shadow: none !important;
    outline: none !important;
    color: white!important;
}

.card-form label{
    font-size: 16px;
}

.card-form p{
    margin-bottom: 0px!important;
}

.ast-custom-button:hover{
  background: transparent;
  border:1px solid #64ccc5!important;
  color:#64ccc5!important;
}

.btn-more:hover{
    color:  #64ccc5!important;
}

.menu-link:hover{
color:#64ccc5!important;
}

.form .wpcf7-submit{
    display: block!important;
    margin: auto !important;
    background-color: #64ccc5!important;
    width: 100%;
}

.form .wpcf7-submit:hover{
    background-color: transparent!important;
    border: 1px solid #64ccc5!important;
    color: #64ccc5!important;
}

.container-page{
    padding: 0 50px;
    display: none;
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.5s ease;
}

.services-block{
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: calc(.25rem * 4) ;
    margin-bottom: 32px;
}

.container-page h3{
    margin-bottom: 32px;
}


.sercices-block-desc h2{
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.banner-services{
    position: relative;
}

.banner-services::before{
    content: "";
    position: absolute;
    top: -30%;
    width: 100%;
    height: 400px;
    background: radial-gradient(ellipse, #64ccc5 0%, rgba(100, 204, 197, 0.4) 10%, transparent 70%);
    filter: blur(80px);
    z-index: -1;
    pointer-events: none;
}

.banner-services h2{
    text-align: center;
    font-size: 70px;
}

.banner-services p{
    text-align: center;
    max-width: 900px;
    margin: auto;
}

.services-block p{
    margin-bottom: 0px!important;
}

.services-block img{
    width: 50px;
    padding: 10px;
    background-color: oklch(0.129 0.042 264.695);
    background-image: linear-gradient(
    to bottom left,
    rgba(100, 204, 197, 0.22) 0%,
    rgba(100, 204, 197, 0) 69%);
    box-shadow: 0 4px 20px
        color-mix(
            in oklab,
            color-mix(in oklab, #64ccc5 10%, transparent) 100%,
            transparent
        );
    border-radius: 10px;
    margin-right: 10px;
}

.navigation-services{
    margin-bottom: 40px;
}

.navigation-services ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.navigation-services li{
    padding: 8px 16px;
    color: white;
    cursor: pointer;
    transition: all ease 1s;
    border-radius: 2rem;
    background: #0f172b4d!important;
    border: 1px solid #314158!important;
    font-size: 14px!important;
}

.navigation-services li:hover{
    border: 1px solid #64ccc5!important;
    background: rgba(100, 204, 197, 0.1)!important;
}

.navigation-services li.active{
    border: 1px solid #64ccc5!important;
    background: rgba(100, 204, 197, 0.1)!important;
}

.container-page.active {
  opacity: 1;
  transform: translateX(0);
}

.services-block-two{
   display: flex;
   align-items: center;
   gap: 40px;
   margin: 60px 0;
}

.service-block-text {
    width: 70%;
    position: relative;
}

.service-block-text::before {
  content: "";
  position: absolute;
  top: -15%;
  width: 100%;
  height: 500px;
  background: radial-gradient(
    circle,
    #64ccc5 0%,
    rgba(100, 204, 197, 0.4) 5%,
    transparent 70%
  );
  filter: blur(80px);
  z-index: -1;
  pointer-events: none;
}


.service-block-text li{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: white;
}

.service-block-text  svg{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    background: #64ccc5;
    border-radius: 50%;
    margin-right: 10px;
}

.services-block-img{
    width: 50%;
}

.service-block-text h3{
    font-weight: 600;
    margin-bottom: 24px!important;
    font-size: 42px;
}
.service-block-text  span{
   color: #64ccc5;
}

strong{
    font-weight: 600!important;
    color: #64ccc5!important;
}

.services-block div{
    padding: 24px;
    border: 1px solid #314158;
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: all ease 0.5s;
}

.services-block div:hover{
    border: 1px solid #64ccc5;
    transform: scale(1.01);
     box-shadow: 0 4px 20px
    color-mix(
        in oklab,
        color-mix(in oklab, #64ccc5 10%, transparent) 100%,
        transparent
    );
}

.sercices-block-desc{
    padding: 48px;
    background:color-mix(in oklab, oklch(.279 .041 260.031) 80%, transparent);
    border-radius: 8px;
    margin: 120px 0;
}

.sercices-block-desc svg{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #64ccc5;
    background: rgba(100, 204, 197, 0.1);
    padding: 5px;
    border:1px solid #64ccc5;
    margin-right: 10px;
}

.sercices-block-desc .title-flex{
    align-items: center;
    margin-bottom: 32px;
}

.sercices-block-desc .title-flex span{
    margin-top: -10px;
    display: block;
}

.sercices-block-desc p{
    margin-bottom: 0;
}

.title-services{
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    gap: calc(.25rem * 4);
}


.title-services h3{
    min-width: fit-content;
    margin-bottom: 0!important;
}

.title-services .hr-left{
    height: 1px;
    width: 100%;
   background: linear-gradient(
    to right,
    #64ccc51a 15%,   /* 10% d’opacité */
    #64ccc5ff 50%,  /* 100% d’opacité */
    #64ccc5ff 100%  /* 10% d’opacité */
    );
}

.title-services .hr-right{
    height: 1px;
    width: 100%;
   background: linear-gradient(
    to left,
    #64ccc51a 15%,   /* 10% d’opacité */
    #64ccc5ff 50%,  /* 100% d’opacité */
    #64ccc5ff 100%  /* 10% d’opacité */
    );
}

.story{
    margin: 120px 0px 60px;
}

.card-story span{
    font-size: 70px;
    letter-spacing: 5px;
    color: #64ccc5;
}

.card-story h3{
    margin-bottom: 0px!important;
    position: relative;
    width: 100%;
    font-weight: 600;
}

.card-story p{
    padding: 32px;
    background: color-mix(in oklab, oklch(.279 .041 260.031) 80%, transparent);
    border: 1px solid #1d293d;
    border-radius: 8px;
    margin-bottom: 0px;
}


.card-story{
    padding: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
}

.title-flex{
    display: flex;
    align-items: center;
}

.pricing{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 3 colonnes égales */
    gap:20px;
    padding: 0px 20px;
    margin: 120px 0 60px;
}

.pricing h3{
    margin-bottom: 8px!important;
    font-size: 20px!important;
}

.pricing .card-price{
    padding: 32px;
    background:color-mix(in oklab, oklch(.279 .041 260.031) 80%, transparent);;
    border-radius: 8px;
    border: 1px solid #31415880;
    transition: all ease 0.5s;
}

.pricing .card-price:hover{
    box-shadow: 0 4px 20px
    color-mix(
        in oklab,
        color-mix(in oklab, #64ccc5 10%, transparent) 100%,
        transparent
    );
    border: 1px solid #64ccc5;
    transform: scale(1.01);
}

.price{
    color: #64ccc5!important;
    margin-bottom: 0px!important;
    font-size: 18px;
}
.pricing ul{
    padding: 0!important;
}

.pricing li{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 14px!important;
    color: white!important;
}

.price-container{
    margin-bottom: 32px;
}

.pricing svg{
    margin-right: 10px;
    color: #64ccc5;
}

.pricing p{
   font-size: 16px!important;
}

.pricing .subtitle{
    margin-bottom: 24px !important;
    font-size: 14px !important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal{
    color: #64ccc5!important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
    color: #64ccc5!important;
    fill:  #64ccc5!important;
}

.ast-footer-copyright strong{
    font-weight: lighter!important;
    font-size: 14px;
}

#astra-footer-menu{
    gap: 10px;
}


@media (max-width: 1440px) {

    .banner-text h1{
        font-size: 3rem;
    }

}


@media (max-width: 1200px) {

 .site-header .ast-custom-button{
    display: none;
 }

}



@media (max-width: 991px) {
 .banner-animation{
    display: none;
 }
 .banner-text{
    width: 100%;
 }

 .container-services-card{
    grid-template-columns: repeat(2, 1fr);
 }
 .form{
    width: 100%;
 }
 .reasu-why{
    padding: 24px;
    gap: calc(.25rem * 6);
 }

 .reasu-home{
    text-align: center;
 }

 .services-card{
    padding: 24px;
 }

 .services .services-card p{
    min-height: 178px;
 }
    .ast-builder-menu-mobile .main-navigation .main-header-menu{
        background-image: linear-gradient(
        to bottom in oklab,
        oklch(0.129 0.042 264.695) 0%,
        oklch(0.208 0.042 265.755) 50%,
        oklch(0.129 0.042 264.695) 100%
    )!important;
    background-color: transparent!important;
    }

    .form-section h3{
        font-size: 3rem;
        max-width: 90%;
    }

    .site-footer-section-2{
      display: none!important;
    }

    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-equal .ast-builder-grid-row{
        grid-template-columns: repeat(2, 1fr);
    }

    #astra-footer-menu{
        display: flex!important;
        justify-content: flex-start!important;
    }
    .footer-social-inner-wrap{
        text-align: right!important;
    }

    .ast-footer-html-1 .ast-builder-html-element{
        text-align: left!important;
    }

    .container-why-card{
            gap: calc(.25rem * 6);
    }

   .services-block div{
    display: block;
    text-align: center;
   }

   .services-block img{
    margin: 0px 0 10px;
   }

   .container-page{
    padding: 0;
   }

   .services-block-img{
     width: 60%;
     margin: auto;
   }

   .service-block-text{
     width: 90%;
     margin: auto;
   }

   .service-block-text li{
    align-items: flex-start;
   }

   .services-block-two{
    display: block;
   }

   .service-block-text ul{
    padding: 0!important;
   }

   .card-story{
    display: block;
   }

   .card-story:nth-child(2) .title-flex{
    flex-direction: row-reverse;
   }
   .card-story:nth-child(4) .title-flex{
    flex-direction: row-reverse;
   }
   .card-story .title-flex h3{
    width: fit-content;
   }

   .pricing{
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
   }

   .banner-services h2{
     font-size: 3rem;
   }

   .site-footer-below-section-3 .ast-flex{
     width:unset!important;
   }
}


@media (max-width: 500px) {
  .pricing{
    grid-template-columns: repeat(1, 1fr);
    margin: 60px 0 30px;;
   }
   .card-form .wpcf7-checkbox{
    grid-template-columns: repeat(1, 1fr);
    gap: 14px;
   }
   .form{
    padding:24px
   }

   .flex-form{
     grid-template-columns: repeat(1, 1fr);
     gap: 8px;
   }

   .card-form p{
    font-size: 16px;
    margin-bottom: 5px!important;
   }
   .form-section{
    padding: 30px 0 60px;
   }
   .form-section h3{
    font-size: 2rem;
    margin: 0 auto 24px;
   }

   .footer-social-inner-wrap{
    text-align: left!important;
   }
   .ast-builder-footer-grid-columns{
    grid-template-columns: repeat(1, 1fr)!important;
   }
   .site-below-footer-wrap{
    padding-top: 0px!important;
   }
   .ast-footer-copyright{
     margin-top: 20px;
   }

   .sercices-block-desc{
    margin: 60px 0;
    padding: 24px;
   }
   .service-block-text h3{
    font-size: 2rem;
   }
   .service-block-text svg{
    min-width: 24px;
    margin-top: 5px;
   }
   .ast-footer-row-inline .footer-widget-area.widget-area.site-footer-focus-item{
    width: auto!important;
   }
   .services-block-two{
        margin: 30px 0;
   }
   .story{
        margin: 60px 0px 30px
   }
   .card-story{
    padding: 0;
   }
   .services{
    padding: 60px 0 30px;
   }
   .container-services-card{
    grid-template-columns: repeat(1, 1fr);
   }
   .why{
    padding: 30px 0;
   }

   .container-why-card{
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 30px;
   }
   .reasu-why{
    grid-template-columns: repeat(2, 1fr);
   }

   .ast-footer-copyright p{
   padding-right:0px
}
}


@media (min-width: 769px) {

  .footer-nav-wrap .astra-footer-horizontal-menu a{
        padding: 0!important;
    }
}