/*
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: 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/
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.12.5.1773724421
Updated: 2026-03-17 05:13:41
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.container {
    max-width: 1390px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.home-hero_top {
    position: relative;
}
.w-background-video>video {
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: -100%
}
.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden
}
.bg-video-wrap {
    z-index: -1;
    position: fixed;
    inset: 0%
}
.bg-video {
    width: 100%;
    max-width: 100%;
    height: 100vh
}
.section_home-hero {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 140svh;
    display: flex;
    position: relative
}
.home-hero_svg-bg {
    z-index: 3;
    padding-bottom: 2rem;
    padding-left: 45px;
    padding-right: 45px;
    position: relative
}
.home-hero_svg-bg.theme-light {
    mix-blend-mode: screen;
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    height: 100%;
    padding-top: 10rem;
    display: flex;
    overflow: hidden;
    background: #fff;
}
.home-hero_svg-bg .home-hero_svg-wrap {
    display: flex;
}
.home-hero_svg-bg .home-hero_svg-wrap .hero-svg {
    width: 100%;
    height: auto;
}
.home-hero_bottom {
    z-index: 0;
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    height: 100svh;
    display: flex;
    position: sticky;
    top: 0
}
.home-hero_bottom.theme-dark {
    background-color: var(--neutral--transparent);
    flex: 1;
    top: auto;
    bottom: 0;
}
.hero_background-blur {
    z-index: 1;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    will-change: transform;
    background-color: #ffffff80;
    position: absolute;
    inset: 0%;
}
.lets-train {
    background: #fff;
    padding: 90px 0 150px;
    position: relative;
    z-index: 1;
}
.lets-train .lets-train-heading {
    max-width: 1126px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 45px;
    gap: 30px;
}
.lets-train .lets-train-heading h2 {
    font-family: DIN Pro;
    font-weight: 900;
    font-size: 132px;
    line-height: 100%;
    vertical-align: middle;
    color: #000;
    margin: 0;
    width: calc(100% - 277px);
}
.lets-train .lets-train-heading img {
    width: 247px;
    height: 247px;
    object-fit: contain;
}
.lets-train p {
    font-family: DIN Pro;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin: 0;
}

.transition_wrap {
    z-index: 2147483647;
    color: var(--brand--white);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 9999;
}

.transition_column {
    background-color: var(--brand--black);
    width: 100%;
    height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    position: absolute;
    inset: 0;
}

.transition_column.is-1 {
    z-index: 6;
    background-color: #545455;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    display: flex
}
.home .transition_column.is-1
{
    background-color: #00F700;
}
.transition_wrap.inner-page .transition_column.is-1 {
    background-color: #545455;
}
.transition_svg-wrap {
    position: absolute;
    /* top: 50%; */
    left: 50%;
    width: 72px;
    max-width: 72px;
    height: auto;
    display: block;
    transform: translate(-50%, -50%);
    transform-origin: center;
    z-index: 7;
}
.hide {
    display: none !important;
}
.max-width-30ch {
    max-width: 30ch;
}
[js-line-animation] {
    visibility: hidden;
}
[js-line-animation] .line {
    overflow: hidden;
    overflow: hidden;
    padding-bottom: 0.1em;
    margin-bottom: -0.1em;
    transform-origin: bottom;
    vertical-align: top;
}
.scroll-wrapper {
    z-index: 2;
    position: relative
}
.section_projects-scroll {
    background: #fff;
    padding: 50px 0;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.projects-scroll_compnent {
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    position: relative;
    will-change: transform;
}
.projects-scroll_content {
    flex: none;
    width: 100%;
    margin-left: 0 !important; /* override both is-first and default */
}
.projects-scroll_content.is-first {
    margin-left: 0 !important;
}
.section_projects-scroll {
    background: #fff;
    padding: 50px 0;
    height: 100vh;
}
.horiz-gallery-strip,
.horiz-gallery-wrapper {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  position: relative;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content .projects-scroll_content-top {
    margin-bottom: 20px;
    max-width: 1037px;
    width: 100%;
    margin: 0 auto 20px;
    height: calc(100vh - 310px);
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content-bottom .header-wrap {
    max-width: 1047px;
    width: 100%;
    padding: 0 103px;
    margin: 0 auto;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content-bottom .header-wrap h2 {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    color: #000;
    margin-bottom: 18px;
    text-transform: capitalize;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content-bottom .header-wrap p {
    margin: 0;
    font-family: DIN Pro;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content .projects-scroll_content-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content .projects-scroll_content-top img.mobile {
    display: none;
}
.section_projects-scroll .projects-scroll_progress-grid {
    margin-top: 28px;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content:last-child .projects-scroll_content-top {
    max-width: 1150px;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content:last-child .projects-scroll_content-top img {
    max-width: 1037px;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content:last-child .header-wrap {
    max-width: 1150px;
}
.section_projects-scroll .projects-scroll_progress-grid .projects-scroll_progress {
    max-width: 1150px;
    margin: 0 auto;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
}
/* .section_projects-scroll .projects-scroll_progress-grid .projects-scroll_progress-bar-wrap {
    max-width: 1148px;
    width: 100%;
    margin: 0 auto;
} */
.section_projects-scroll .projects-scroll_progress-grid .projects-scroll_progress-bar-wrap .projects-scroll_progress-track {
    background: #CCCCCC;
    height: 1px;
}
.section_projects-scroll .projects-scroll_progress-grid .projects-scroll_progress-bar-wrap .projects-scroll_progress-bar {
    background-color: #000;
    width: 0%;
    height: 1px;
    transition: width 0.4s ease;
}
.section_projects-scroll .projects-scroll_progress-grid .projects-scroll_progress .projects-scroll_progress-pagination {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.section_projects-scroll .projects-scroll_progress-grid .projects-scroll_progress .projects-scroll_progress-pagination .pagaination-count,
.section_projects-scroll .projects-scroll_progress-grid .projects-scroll_progress .projects-scroll_progress-pagination .pagaination-name {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #000;
}
.consistency {
    padding: 80px 0;
    background: #fff;
    position: relative;
    z-index: 1;
    margin-top: -1px;
}
/* .consistency .consistency-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 54px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.consistency .consistency-wrapper .consistency-wrapper-image {
    max-width: calc(51% - (54px * 1/2));
    width: 100%;
}
.consistency .consistency-wrapper .consistency-wrapper-content {
    max-width: calc(49% - (54px * 1/2));
    width: 100%;
} */
.consistency .consistency-wrapper {
    position: relative;
}
.consistency .consistency-wrapper .consistency-wrapper-content {
    position: absolute;
    top: auto;
    bottom: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 42px;
}
.consistency .consistency-wrapper .consistency-wrapper-image img {
    width: 100%;
    height: 664px;
    object-fit: cover;
}
.consistency .consistency-wrapper .consistency-wrapper-content h2 {
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: #000;
    /* text-transform: capitalize; */
    margin: 0;
}
.consistency .consistency-wrapper .consistency-wrapper-content p {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin: 17px 0 32px;
    max-width: 506px;
}
.btn_common {
    position: relative;
    display: inline-block;
    border: 1px solid #000000;
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 20px;
    line-height: 31px;
    padding: 12px 34px;
    color: #000;
    overflow: hidden;
    transition: all .15s ease;
}
/* .btn_common::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00F700;
    transform: translateX(-100%);
    transition: 0.15s ease-in-out;
    z-index: 0;
}
.btn_common:hover:after {
    transform: translateX(0);
} */
.btn_common span {
    position: relative;
    z-index: 1;
}
.btn_common:hover {
    color: #000;
    background: #fff;
}
.app-sec {
    padding: 93px 0;
    background: #08100C;
    position: relative;
    z-index: 1;
}
.app-sec .app-sec-inner {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    background: #191919;
    border-radius: 24px;
    padding: 20px 40px 20px 90px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.app-sec .app-sec-inner .app-sec-content {
    max-width: 50%;
    width: 100%;
    padding-right: 160px;
    text-align: center;
}
.app-sec .app-sec-inner .app-sec-content h2 {
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    margin: 0;
}
.app-sec .app-sec-inner .app-sec-content p {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    margin: 30px 0;
}
.app-sec .app-sec-inner .app-sec-content a:hover {
    opacity: .8;
}
.app-sec .app-sec-inner .app-sec-content svg {
    max-width: 148px;
}
.app-sec .app-sec-inner .app-sec-image {
    max-width: 50%;
    width: 100%;
    /* display: flex;
    align-items: center;
    gap: 120px; */
}
.cart-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    transition: visibility 0s linear 0.4s;
}
.cart-drawer.open {
    visibility: visible;
    transition: visibility 0s linear 0s;
}
.cart-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    backdrop-filter: blur(15px);
    transition: opacity 0.34s cubic-bezier(0.76, 0.02, 0.7, 0.99);
}
.cart-drawer.open .cart-drawer-overlay {
    opacity: 1;
}
.cart-drawer-inner {
    position: fixed;
    top: 0;
    right: 0;
    width: min(100%, 387px);
    max-width: 387px;
    height: 100%;
    background: #08100C;
    /* padding: 20px 35px; */
    overflow-y: auto;
    overflow-x: hidden;
    clip-path: inset(0 0 0 100%);
    transition: clip-path 0.4s cubic-bezier(0.76, 0.02, 0.7, 0.99);
    will-change: clip-path;
}
.cart-drawer.is-empty .cart-drawer-inner {
    width: min(100%, 515px);
    max-width: 515px;
}
.cart-drawer.open .cart-drawer-inner {
    clip-path: inset(0 0 0 0);
}
.cart-drawer-inner .cart-drawer-inner-wrapper {
    padding: 20px 23px;
    height: 100%;
}
.cart-drawer.is-empty .cart-drawer-inner .cart-drawer-inner-wrapper {
    padding: 20px 35px;
}
.cart-drawer-inner .cart-drawer-inner-wrapper .cart-drawer-content {
    height: calc(100vh - 100px);
    display: flex;
    flex-direction: column;
}
.cart-drawer-inner h3 {
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
}
.cart-drawer.is-empty .cart-drawer-header h3 {
    display: none;
}
.cart-drawer-close {
    background: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-drawer-close:hover {
    background: transparent;
}
.cart-drawer-close svg {
    transition: all .3s ease;
}
.cart-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-drawer.is-empty .cart-drawer-header {
    justify-content: end;
}
.cart-drawer.is-empty .cart-drawer-inner .cart-drawer-content {
    min-height: calc(100vh - 61px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-drawer-inner .drawer-empty {
    /* padding-top: 250px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center;
    width: 100%;
    white-space: nowrap; */
}
.cart-drawer-inner .cart-drawer-content .drawer-empty p {
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 41px;
}
.cart-drawer-inner .drawer-empty .btn-continue-shopping {
    border: 1px solid #FFFFFF;
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 20px;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
}
.cart-drawer-inner .drawer-empty .btn-continue-shopping::after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: #fff;
    transform: translateX(-101%);
    transition: 0.15s ease-in-out;
    z-index: 0;
}
.cart-drawer-inner .drawer-empty .btn-continue-shopping:hover::after {
    transform: translateX(0);
}
.cart-drawer-inner .drawer-empty .btn-continue-shopping span {
    position: relative;
    z-index: 1;
    transition: all .15s ease;
}
.cart-drawer-inner .drawer-empty .btn-continue-shopping:hover span {
    color: #000;
}
.cart-drawer-inner .cart-drawer-inner-wrapper .drawer-cart-footer {
    position: sticky;
    top: auto;
    bottom: 0;
    background: #08100C;
    margin-top: auto;
}
.cart-drawer-inner .cart-drawer-inner-wrapper .drawer-cart-footer .drawer-subtotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-drawer-inner .cart-drawer-inner-wrapper .drawer-cart-footer .drawer-subtotal>span {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
.cart-drawer-inner .cart-drawer-inner-wrapper .drawer-cart-footer .drawer-subtotal .subtotal-amount {
    font-size: 24px;
    line-height: 24px;
}
.cart-drawer-inner .cart-drawer-inner-wrapper .drawer-cart-footer p {
    font-family: DIN Pro;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #545455;
    margin: 15px 0 20px;
}
.cart-drawer-inner .cart-drawer-inner-wrapper .drawer-cart-footer .btn-checkout {
    width: 100%;
    display: block;
    text-align: center;
    background: #00F700;
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #08100C;
    text-transform: uppercase;
    padding: 13px 20px;
}
.cart-drawer-inner .cart-drawer-inner-wrapper .cart-drawer-content .drawer-cart-items {
    margin: 65px 0 0;
}
body.single-product .product .woocommerce-tabs {
    padding: 0 0 110px;
    margin: 0;
}
body.single-product .product .woocommerce-tabs .tabs {
    padding: 24px 0 !important;
    margin: 0 0 18px !important;
    border-bottom: 1px solid #000;
    display: flex;
    gap: 24px;
    justify-content: center;
}
body.single-product .product .woocommerce-tabs .tabs::before {
    display: none !important;
}
body.single-product .product .woocommerce-tabs .tabs li {
    margin: 0 !important;
}
body.single-product .product .woocommerce-tabs .tabs li a {
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0px;
    color: #000 !important;
    text-transform: uppercase;
    padding: 4px 5px !important;
}
body.single-product .product .woocommerce-tabs .tabs li::before {
    top: auto !important;
    width: 0px !important;
    bottom: 0 !important;
    height: 2px !important;
    background: #000 !important;
    transition: all .3s ease;
}
body.single-product .product .woocommerce-tabs .tabs li.active::before,
body.single-product .product .woocommerce-tabs .tabs li:hover::before {
    width: 100% !important;
}
.overview-tab-wrapper .overview-image {
    position: relative;
}
.overview-tab-wrapper .overview-image img {
    box-shadow: none;
    width: 100%;
    height: 720px;
    object-fit: cover;
}
.overview-tab-wrapper .overview-image .overview-image-content {
    position: absolute;
    top: 40px;
    left: 35px;
    right: auto;
    bottom: auto;
    z-index: 99;
}
.overview-tab-wrapper .overview-image .overview-image-content h3 {
    margin: 0 0 70px;
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    letter-spacing: 0px;
    color: #fff;
}
.overview-tab-wrapper .overview-image .overview-image-content p {
    font-family: DIN Pro;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
    max-width: 564px;
    width: 100%;
    margin: 0;
}
.overview-tab-wrapper .overview-image {
    position: relative;
}
.overview-tab-wrapper .overview-image img {
    box-shadow: none;
    width: 100%;
    height: 720px;
    object-fit: cover;
}
.overview-tab-wrapper .overview-image .overview-image-content {
    position: absolute;
    top: 40px;
    left: 35px;
    right: auto;
    bottom: auto;
    z-index: 99;
}
.overview-tab-wrapper .overview-image .overview-image-content h3 {
    margin: 0 0 70px;
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    letter-spacing: 0px;
    color: #fff;
}
.overview-tab-wrapper .overview-image .overview-image-content p {
    font-family: DIN Pro;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
    max-width: 564px;
    width: 100%;
    margin: 0;
}
.overview-tab-wrapper .overview-image .overview-content-block {
    margin-top: -34px;
    display: flex;
    flex-wrap: wrap;
}
.overview-tab-wrapper .overview-image .overview-content-block .overview-content-wrapper {
    max-width: 20%;
    width: 100%;
    background: #fff;
    border: 1px solid #F1F1F1;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 27px 35px;
}
.overview-tab-wrapper .overview-image .overview-content-block .overview-content-wrapper h3 {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 24px;
    font-family: DIN Pro;
    font-weight: 700;
    color: #000000;
}
.overview-tab-wrapper .overview-image .overview-content-block .overview-content-wrapper p {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    font-family: 'DIN Pro';
    font-weight: normal;
    margin: 0;
}
.product-faq {
    padding: 0 0 93px;
}
.product-faq.faq {
    position: relative;
    z-index: 99;
    background: #08100C;
    padding: 60px 0 113px;
}
.product-faq .product-faq-wrapper h2 {
    font-size: 64px;
    line-height: 100%;
    color: #000000;
    text-align: center;
    margin: 0;
    font-family: 'DIN Pro';
    font-weight: normal;
}
.product-faq .product-faq-wrapper .faq-accordion {
    max-width: 826px;
    width: 100%;
    margin: 50px auto 0;
}
.product-faq.faq .product-faq-wrapper .faq-accordion {
    margin-top: 0;
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item {
    border-bottom: 1px solid #E4E4E4;
}
.product-faq.faq .product-faq-wrapper .faq-accordion .accordion-item {
    border-color: #383838;
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title {
    padding: 30px 25px 30px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-faq.faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title {
    padding: 30px 0;
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title h3 {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    font-family: 'DIN Pro';
    letter-spacing: normal;
    font-weight: 500;
}
.product-faq.faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title h3 {
    color: #545455;
    line-height: 43px;
    transition: all .3s ease;
}
.product-faq.faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title:hover h3 {
    color: #fff;
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title svg {
    transition: all .3s ease;
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title.active svg {
    transform: rotate(180deg);
}
.product-faq.faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title svg path {
    stroke: #545455;
    transition: all .3s ease;
}
.product-faq.faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title:hover svg path {
    stroke: #fff;
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-contant {
    display: none;
    overflow: hidden;
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-contant .content {
    padding-bottom: 30px;
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-contant p {
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    font-family: 'DIN Pro';
    font-weight: normal;
    margin: 0;
}
.product-faq.faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-contant p {
    color: #fff;
}
.ast-plain-container.ast-no-sidebar #primary {
    margin: 66px 0 0 !important;
}
body.single-product .woocommerce-notices-wrapper {
    display: none;
}
body.single-product .product {
    background: #fff;
    z-index: 9;
}
body.single-product .product .product-wrapper {
    display: flex;
    gap: 45px;
    width: 100%;
    margin: 0 auto;
    padding: 37px 0 65px;
    padding-right: calc((100vw - 1350px)/ 2);
}
body.single-product .product .product-wrapper .woocommerce-product-gallery {
    width: 71% !important;
    float: none !important;
    margin: 0;
}
body.single-product .product .product-wrapper .summary {
    width: 29% !important;
    float: none !important;
    margin: 0;
    padding-top: 45px;
}
body.single-product .product .product-wrapper .summary .product_title {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 64px;
    line-height: 100%;
    color: #000;
    margin: 0 0 50px;
    text-transform: capitalize;
}
body.single-product .product .product-wrapper .summary .price {
    margin: 53px 0;
    font-family: DIN Pro;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: normal;
    color: #000;
}
body.single-product .product .product-wrapper .summary .woocommerce-product-details__description {
    font-family: DIN Pro;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 53px;
}
body.single-product .product .product-wrapper .summary .woocommerce-product-details__short-description {
    font-family: DIN Pro;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
body.single-product .product .product-wrapper .summary .kit-includes {
    font-family: DIN Pro;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin-bottom: 57px;
}
body.single-product .product .product-wrapper .summary .kit-includes p {
    margin: 0;
}
body.single-product .product .product-wrapper .summary .kit-includes ul {
    margin: 0 0 0 25px;
}
body.single-product .product .product-wrapper .summary .cart {
    display: flex;
}
body.single-product .product .product-wrapper .summary .single_add_to_cart_button {
    background: #000000;
    border: 2px solid #000000;
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
    padding: 12px 50px !important;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    transition: all .3s ease;
    margin: 0;
    max-width: 253px;
    width: 100%;
}
body.single-product .product .product-wrapper .summary .single_add_to_cart_button span {
    position: relative;
    z-index: 1;
}
body.single-product .product .product-wrapper .summary .single_add_to_cart_button::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform: translateX(-100%);
    transition: 0.15s ease-in-out;
    z-index: 0;
}
body.single-product .product .product-wrapper .summary .single_add_to_cart_button::after {
    display: none;
}
body.single-product .product .product-wrapper .summary .single_add_to_cart_button:hover::before {
    transform: translateX(0);
}
body.single-product .product .product-wrapper .summary .single_add_to_cart_button:hover {
    color: #000000;
}
.ast-article-single figure, .ast-article-single img:not(figure img) {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #000000CC;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border-radius: 10px;
    padding: 5px 10px;
    z-index: 99;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls .button-prev, 
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls .button-next {
    display: flex;
    cursor: pointer;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls .custom-pagination {
    display: flex;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls .custom-pagination .swiper-pagination-bullet {
    margin: 0 7px 0 0;
    width: 6px;
    height: 6px;
    background: transparent;
    border-radius: 3px;
    transition: all .3s ease;
    position: relative;
    opacity: 1;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls .custom-pagination .swiper-pagination-bullet:last-child {
    margin: 0;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 35px;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls .custom-pagination .swiper-pagination-bullet i {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 3px;
    transition: 0.3s;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls .custom-pagination .swiper-pagination-bullet b {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 0%;
    height: 6px;
    background-color: #FFFFFF;
    border-radius: 3px;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active b {
    width: 35px;
    animation-name: countingBar;
    animation-duration: 5s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active i {
    width: 100%;
    background: #383838;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-slide img {
    object-fit: cover;
    width: 100%;
    /* height: 680px; */
}
.wp-singular.page-template-default #content {
    background: #fff;
    position: relative;
    z-index: 1;
}
.wp-singular.page-template-default #content .page {
    max-width: 1020px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 140px;
    padding-top: 120px;
}
.wp-singular.page-template-default #content .page .entry-title {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 108px;
    line-height: 1;
    text-align: center;
    color: #000;
    margin-bottom: 90px;
}
.wp-singular.page-template-default #content .entry-content p {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 20px;
}
.wp-singular.page-template-default #content .entry-content h2 {
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 16px;
}
.page-id-90 #content .entry-content h2 {
    margin-left: 20px;
}
.wp-singular.page-template-default #content .entry-content ul {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 15px;
}
.faq-banner {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
}
.faq-banner::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}
.faq-banner h1 {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 108px;
    line-height: 108px;
    color: #fff;
    position: relative;
}
.contact-form {
    position: relative;
    z-index: 99;
    padding: 108px 0 93px;
    background: #fff;
}
.contact-form h2 {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 48px;
    line-height: 60px;
    color: #000;
    margin-bottom: 50px;
}
.contact-form .contact-form-wrapper .wpcf7-form .two-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin: 0;
}
.contact-form .contact-form-wrapper .wpcf7-form .two-fields .form-group {
    max-width: calc(50% - (18px * 1/2));
    width: 100%;
    margin-bottom: 80px;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-group p {
    margin: 0;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-group label {
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #08100C;
    display: block;
    margin-bottom: 10px;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-group br {
    display: none;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-group .wpcf7-form-control {
    border: 1px solid #C8CACD;
    font-family: DIN Pro;
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    color: #545455;
    box-shadow: none;
    padding: 20px 13px;
    border-radius: 0;
    height: auto;
}
.contact-form .contact-form-wrapper .wpcf7-form  .form-submit {
    margin: 0;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-submit .wpcf7-form-control {
    background: #000000;
    padding: 24px 147px;
    border-radius: 0;
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s ease;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-group .wpcf7-form-control::placeholder {
    color: #C8CACD;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-submit .wpcf7-form-control:hover {
    background: #4C4C4C;
}
.contact-form .contact-form-wrapper .wpcf7-form  .form-submit {
    margin: 53px 0 0;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-group textarea.wpcf7-form-control {
    max-height: 292px;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-group .wpcf7-form-control-wrap {
    display: flex;
    flex-wrap: wrap;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-submit .wpcf7-form-control {
    background: #000000;
    padding: 24px 147px;
    border-radius: 0;
    font-family: DIN Pro;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s ease;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-submit p {
    margin: 0;
}




@media only screen and (min-width: 768px) and (max-width: 991px) {
.lets-train {
    padding: 50px 0;
}
.lets-train .lets-train-heading {
    justify-content: center;
}
.lets-train .lets-train-heading h2 {
    width: 100%;
    text-align: center;
}
.section_projects-scroll {
    padding: 50px 20px;
}
.projects-scroll_compnent {
    flex-wrap: wrap;
    gap: 50px;
}
.projects-scroll_content.is-first {
    margin-left: 0;
}
.projects-scroll_content {
    margin-left: 0;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content-bottom .header-wrap {
    padding: 0;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content .projects-scroll_content-top img {
    height: auto;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content .projects-scroll_content-top {
    margin-bottom: 20px;
}
.consistency {
    padding: 50px 0;
}
.consistency .consistency-wrapper .consistency-wrapper-image, 
.consistency .consistency-wrapper .consistency-wrapper-content {
    max-width: 100%;
}
.app-sec .app-sec-inner {
    padding: 30px 50px;
    gap: 30px;
}
.app-sec .app-sec-inner .app-sec-content {
    max-width: 100%;
    padding-right: 0;
}
.app-sec .app-sec-inner .app-sec-image {
    max-width: 100%;
    justify-content: space-evenly;
}
}




@media only screen and (max-width: 767px) {
.bg-video {
    height: 100vh;
}
.bg-video .desktop-video {
    display: none;
}
.bg-video .mobile-video {
    display: block !important;
}
.section_home-hero {
    height: 50rem;
}
.home-hero_svg-bg {
    padding-top: 155px !important;
    padding-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
}
.home-hero_top .home-hero_svg-wrap {
    display: flex;
}
.home-hero_top .home-hero_svg-wrap .hero-svg {
    width: 100%;
    height: auto;
}
.lets-train {
    padding: 44px 0 100px;
}
.lets-train .lets-train-heading {
    margin-bottom: 23px;
    justify-content: center;
    gap: 12px;
}
.lets-train .lets-train-heading h2 {
    font-size: 30px;
    line-height: 93%;
    width: 100%;
    text-align: center;
}
.lets-train p {
    font-size: 16px;
    line-height: 24px;
}
.consistency {
    padding: 0 0 100px;
    margin-top: 0;
}
.consistency .consistency-wrapper {
    gap: 46px;
}
.consistency .consistency-wrapper .consistency-wrapper-content,
.consistency .consistency-wrapper .consistency-wrapper-image {
    max-width: 100%;
}
.consistency .consistency-wrapper .consistency-wrapper-image img {
    height: 500px;
}
.consistency .consistency-wrapper .consistency-wrapper-image .desktop-image {
    display: none;
}
.consistency .consistency-wrapper .consistency-wrapper-image .mobile-image {
    display: block !important;
}
.consistency .consistency-wrapper .consistency-wrapper-content {
    bottom: 20px;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 20px;
    gap: 16px;
}
.consistency .consistency-wrapper .consistency-wrapper-content h2 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
}
.consistency .consistency-wrapper .consistency-wrapper-content p {
    font-size: 15px;
    line-height: 24px;
    margin: 13px 0 18px;
}
.btn_common {
    font-size: 14px;
    line-height: 30px;
    padding: 4px 20px;
}
.app-sec {
    padding: 50px 0;
}
.app-sec .app-sec-inner {
    padding: 40px 12px 100px 12px;
    gap: 62px;
}
.app-sec .app-sec-inner .app-sec-content {
    max-width: 100%;
    padding-right: 0;
}
.app-sec .app-sec-inner .app-sec-content p {
    font-size: 15px;
    line-height: 24px;
    margin: 25px 0;
}
.app-sec .app-sec-inner .app-sec-image {
    max-width: 100%;
}
.app-sec .app-sec-inner .app-sec-image img {
    position: relative;
    left: 10px;
}
/* .app-sec .app-sec-inner .app-sec-image img:first-child {
    max-width: 44px;
    width: 100%;
}
.app-sec .app-sec-inner .app-sec-image img:last-child {
    max-width: 122px;
    width: 100%;
} */
.scroll-wrapper .pin-spacer {
    height: auto !important;
    padding: 0 !important;
}
.projects-scroll_compnent {
    flex-wrap: wrap;
    gap: 0;
    transform: none !important;
}
.projects-scroll_content.is-first {
    margin-left: 0;
}
.section_projects-scroll {
    padding: 0 20px !important;
    height: auto !important;
    max-height: max-content !important;
    position: static !important;
    transform: none !important;
}
.projects-scroll_content {
    margin-left: 0;
    margin-bottom: 94px;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content .projects-scroll_content-top {
    margin-bottom: 22px;
    height: auto;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content .projects-scroll_content-top img {
    height: auto;
    display: none;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content .projects-scroll_content-top img.mobile {
    display: block;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content-bottom .header-wrap {
    padding: 0;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content-bottom .header-wrap h2 {
    line-height: 1;
    font-size: 28px;
    margin-bottom: 12px;
}
.section_projects-scroll .projects-scroll_compnent .projects-scroll_content-bottom .header-wrap p {
    font-size: 16px;
    line-height: 24px;
}
.section_projects-scroll .projects-scroll_progress-grid {
    display: none;
}
.ast-plain-container.ast-no-sidebar #primary {
    margin: 0 !important;
}
body.single-product .product .product-wrapper {
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
    padding-right: 0;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery,
body.single-product .product .product-wrapper .summary {
    width: 100% !important;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery {
    position: sticky;
    top: 0;
    z-index: 1;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-slide img {
    height: 430px;
}
body.single-product .product .product-wrapper .woocommerce-product-gallery #productMainSwiper .swiper-controls {
    left: 50%;
    bottom: 23px;
    right: auto;
    z-index: 99;
    transform: translateX(-50%);
}
body.single-product .product .product-wrapper .summary {
    padding: 40px 20px 48px;
    background: #fff;
    position: relative;
    z-index: 2;
}
body.single-product .product .product-wrapper .summary .product_title {
    font-size: 48px;
    line-height: 100%;
    margin: 0 0 35px;
}
body.single-product .product .product-wrapper .summary .price {
    margin: 35px 0;
}
body.single-product .product .product-wrapper .summary .cart {
    display: flex;
}
body.single-product .product .product-wrapper .summary .single_add_to_cart_button {
    padding: 12px 50px !important;
    max-width: 217px;
    width: 100%;
}
.quantity {
    margin: 0 15px 0 0 !important;
}
.product-faq {
    padding: 52px 0 88px;
}
.product-faq .product-faq-wrapper h2 {
    font-size: 32px;
    line-height: 36px;
    text-align: left;
}
.product-faq .product-faq-wrapper .faq-accordion {
    margin: 30px auto 0;
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title {
    padding: 30px 0;
    gap: 20px;
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title h3 {
    font-size: 16px;
    line-height: 24px;
    width: calc(100% - 34px);
}
.product-faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title svg {
    width: 14px;
}
.sticy-cta .sticy-cta-button {
    font-size: 14px;
    line-height: 30px;
    padding: 8px 37px;
}
.cart-drawer-inner .cart-drawer-inner-wrapper {
    padding: 23px 17px;
}
.cart-drawer-inner .cart-drawer-content .drawer-empty p {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.cart-drawer-inner .drawer-empty .btn-continue-shopping {
    font-size: 14px;
    line-height: 24px;
}
.cart-drawer-inner {
    width: min(100%, 320px);
    max-width: 320px;
}
.wp-singular.page-template-default #content .page .entry-title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 60px;
}
.faq-banner {
    min-height: 661px;
    height: 100%;
    align-items: flex-end;
    padding: 0 0 175px;
}
.faq-banner.contact {
    padding: 0 0 223px;
}
.faq-banner h1 {
    font-size: 48px;
    line-height: 48px;
}
.product-faq.faq {
    padding: 14px 0 88px;
}
.product-faq.faq .product-faq-wrapper .faq-accordion .accordion-item .accordion-title h3 {
    line-height: 24px;
}
.contact-form {
    padding: 44px 0 50px;
}
.contact-form h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 45px;
}
.contact-form .contact-form-wrapper .wpcf7-form .two-fields {
    gap: 0;
}
.contact-form .contact-form-wrapper .wpcf7-form .two-fields .form-group {
    max-width: 100%;
    margin-bottom: 50px;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-group label {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-group .wpcf7-form-control {
    line-height: 24px;
    padding: 26px 13px;
}
.contact-form .contact-form-wrapper .wpcf7-form .form-submit .wpcf7-form-control {
    padding: 18px 49px;
}
.contact-form .contact-form-wrapper .wpcf7-form  .form-submit {
    margin: 51px 0 0;
}
}