@font-face {
    font-family: "neue-haas-grotesk-medium";
    src: url(../fonts/Neue-Haas-Grotesk/NHaasGroteskTXPro-65Md.ttf);
}
@font-face {
    font-family: "neue-haas-grotesk-bold";
    src: url(../fonts/Neue-Haas-Grotesk/NHaasGroteskTXPro-75Bd.ttf);
}
@font-face {
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
    src: url(../fonts/ITC-Avant-Garde-Gothic-PRO/ITC\ Avant\ Garde\ Gothic\ Pro-Book.otf);
}
@font-face {
    font-family: "ITC-Avant-Garde-Gothic-PRO-medium";
    src: url(../fonts/ITC-Avant-Garde-Gothic-PRO/ITC\ Avant\ Garde\ Gothic\ Pro-Medium.otf);
}
@font-face {
    font-family: "ITC-Avant-Garde-Gothic-PRO-bold";
    src: url(../fonts/ITC-Avant-Garde-Gothic-PRO/ITC\ Avant\ Garde\ Gothic\ Pro-Bold.otf);
}
@font-face {
    font-family: "NeueHaasDisplayBolder";
    src: url(../fonts/Neue-Haas-Grotesk/NeueHaasDisplayBolder.ttf);
}
@font-face {
    font-family: "NeueHaasDisplayBolder-medium";
    src: url(../fonts/Neue-Haas-Grotesk/NHaasGroteskTXPro-65Md.otf);
}
@font-face {
    font-family: "Roboto-Regular";
    font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Global css */
body{
    background: #00000E;
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,p,span,li{
    color: white;
}
.accordion-item{
    background: transparent;
}
.accordion-button,.accordion-button:not(.collapsed){
    background: transparent !important;
}
.tabs-section .accordion-button,.tabs-section .accordion-button:not(.collapsed){
    color: white;
}
.gradient-text{
    background: linear-gradient(to right, #A5A5A5, #FFFFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "neue-haas-grotesk-bold";
}
.theme-btn{
    padding: 18px 90px;
    background: radial-gradient(at top left, #F8994F91 0%, #00000E00 100%);
    font-family: "neue-haas-grotesk-bold";
    border-radius: 12px;
    font-size: 20px;
    border-style: solid;
    border-color: #F8994F45;
    border-width: 0px 2px 2px 0px;
    box-shadow: 0px 0px 24px -10px rgba(248, 153, 79, 0.5);
    color: white;
    text-decoration: none;
    display: inline-block;
    transition: all .5s;
}
.theme-btn:hover{
    border-color: #F8994F;
    transform: translateY(-8px);
    color: white;
}
.theme-btn-2{
    padding: 18px 90px;
    background: radial-gradient(at top left, #7CC4F347 0%, #FFFFFF00 100%);
    font-family: "neue-haas-grotesk-bold";
    border-radius: 12px;
    font-size: 20px;
    border-style: solid;
    border-color: #7CC4F336;
    border-width: 0px 2px 2px 0px;
    box-shadow: 0px 0px 24px -10px rgba(124, 196, 243, 0.2);
    color: white;
    text-decoration: none;
    display: inline-block;
    transition: all .5s;
    text-align: center;
}
.theme-btn-2:hover{
    border-color: #7CC4F3;
    transform: translateY(-8px);
    color: white;
}
.section-heading{
    color: white;
    background: linear-gradient(to right, #A5A5A5, #FFFFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 76px;
    font-family: "neue-haas-grotesk-bold";
}
.section-heading:not(.sub-heading){
    text-transform: capitalize;
}
.pill-heading{
    font-family: "ITC-Avant-Garde-Gothic-PRO-book", Sans-serif;
    color: #F8994F;
    font-size: 18px;
    font-weight: 300;
    fill: #F8994F;
    color: #F8994F;
    background-color: #FFFFFF00;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F8994F57;
    border-radius: 2000px 2000px 2000px 2000px;
    box-shadow: 0px 0px 10px 0px rgba(248, 152.99999999999994, 79.00000000000004, 0.45);
    padding: 14px 40px 14px 40px;
    display: inline-block;
    line-height: 1;
}
.section-description{
    font-size: 18px;
    color: #F5F5F5DE;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book", Sans-serif;
}
.section-description a{
    color: #c36;
    text-decoration: none;
}
.section-description strong{
    font-family: "ITC-Avant-Garde-Gothic-PRO-bold";
}
@media (max-width:991px){
    .section-heading{
        font-size: 30px;
    }
    .section-description{
        font-size: 16px;
    }
    .pill-heading{
        font-size: 14px;
        padding: 10px 25px;
    }
    .theme-btn{
        font-size: 16px;
        padding: 15px 40px;
    }
    .theme-btn-2{
        font-size: 16px;
        padding: 15px 40px;
    }
}
/* Global css end*/
/* Hero Section */
.hero-section{
    position: relative;
    padding-bottom: 100px;
}
.hero-section::before{
    content: "";
    display: block;
    position: absolute;
    opacity: 1;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: linear-gradient(180deg, #050C21BF 0%, #00000E 100%);
}
.video-container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*overflow-x: hidden;*/
}
.video-container::before{
    content: "";
    display: block;
    position: absolute;
    mix-blend-mode: initial;
    opacity: 1;
    transition: all .3s;
    top: 0;
    left: -1px;
    right: -1px;
    bottom: -2px;
    /*width: 100%;*/
    /*height: 100%;*/
    background-color: transparent;
    background-image: linear-gradient(180deg, #050C21BF 0%, #00000E 100%);
    z-index: 1;
}
.hero-bg-video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header{
    padding: 30px 0 65px 0;
    position: relative;
    z-index: 2;
}
.logo{
    height: 80px;
}
.hero-title{
    position: relative;
    isolation: isolate;
}
.hero-title h1{
    color: white;
    background: linear-gradient(to right, #A5A5A5, #FFFFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 90px;
    text-align: center;
    font-family: "neue-haas-grotesk-bold";
}
.hero-title h3{
    color: white;
    background: linear-gradient(to right, #A5A5A5, #FFFFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 26px;
    margin: auto;
    margin-bottom: 20px;
    text-align: center;
    font-family: "NeueHaasDisplayBolder";
    width: max-content;
}
.rechteck{
    position: absolute;
    bottom: -21px;
    right: -8.8%;
    transform: translate(-50%);
    width: 423px;
    z-index: -1;
}
.hero-section .container{
    position: relative;
    z-index: 2;
}
.hero-description{
    width: 100%;
    max-width: 830px;
    margin: 30px auto;
}
.hero-description p{
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
    color: white;
    text-align: center;
    font-size: 18px;
    line-height: 1.65;
}
.hero-description span{
    width: max-content;
    display: inline-block;
}

.logos-slider{
    width: 100%;
    max-width: 80%;
    margin: auto;
    margin-top: 60px;
}
@media (min-width: 1400px) {
    .hero-section .container {
        max-width: 1140px;
    }
}
@media (max-width: 991px) {
    .hero-title{
        width: max-content;
        margin: auto;
    }
    .hero-title h1{
        font-size: 38px;
    }
    .rechteck {
        width: 48%;
        right: -25%;
        bottom: -5%;
    }
    .logo{
        height: 60px;
    }
    .hero-description p{
        font-size: 16px;
    }
}
/* Hero Section End*/
/* second header section */
.second-header{
    position: sticky;
    top: 0;
    /*border-top: 1px solid #7CC4F387;*/
    border-bottom: 1px solid #7CC4F387;
    z-index: 9;
    padding: 2px 0;
    background-image: url(../images/back-2.png);
    background-position: center center;
    background-size: cover;
    /*position: relative;*/
    /*isolation: isolate;*/
    box-shadow: 0px 10px 10px #c5c4c429;
}
.second-header::before {
    content: "";
    display: block;
    position: absolute;
    opacity: 0.12;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(at top center, #7CC4F3 0%, #00000E 71%);
    z-index: -1;
}
.second-header ul{
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    column-gap: 25px;
}
.second-header ul a{
    text-decoration: none;
    color: white;
    font-size: 12px;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
}
.second-header .theme-btn-2{
    padding: 15px 40px;
}
.event-date{
    color: white;
    padding: 10px;
    padding-right: 25px;
}
.event-date h5{
    color: white;
    font-family: "neue-haas-grotesk-bold";
    font-size: 18px;
    margin: 0;
}
.event-date .section-description{
    font-size: 13px;
    margin: 0;
}
@media (min-width: 1400px) {
    .second-header .container {
        max-width: 1140px;
    }
}
@media (max-width: 991px) {
    .second-header ul {
        display: none;
    }
    .event-date h5{
        font-size: 16px;
    }
    .event-date p{
        font-size: 14px;
    }
    .second-header .theme-btn-2{
        padding: 10px 20px;
    }
}
/* second header section end*/
/* reserve section */
.reserve-section{
    padding: 50px 0;
    background-image: url(../images/back-2.png);
    background-position: center center;
    background-size: cover;
    position: relative;
    isolation: isolate;
}
.reserve-section::before {
    content: "";
    display: block;
    position: absolute;
    opacity: 0.12;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(at top center, #7CC4F3 0%, #00000E 71%);
    z-index: -1;
}
.reserve-section .section-heading{
    /*max-width: 900px;*/
    margin: auto;
    /*margin-top: 30px;*/
}
.reserve-card{
    background: #00000E;
    min-height: 295px;
    border-color: #7CC4F326;
    border-radius: 20px;
    border-width: 1px;
    padding: 40px;
    border-style: solid;
    position: relative;
    isolation: isolate;
    color: white;
    transition: all .5s;
    height: 100%;
}
.reserve-card:hover{
    transform: translateY(-10px);
}
.reserve-card::before{
    content: "";
    display: block;
    position: absolute;
    mix-blend-mode: initial;
    opacity: 0.06;
    border-radius: 20px;
    transition: all .3s;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: transparent;
    background-image: radial-gradient(at top left, #7CC4F3 34%, #00000E 100%);
    z-index: -1;
}
.reserve-section .section-description{
    max-width: 850px;
    margin: auto;
    margin-top: 30px;
}
.reserve-section .section-description.bold{
    font-family: "ITC-Avant-Garde-Gothic-PRO-bold";
}
.reserve-section .section-description:last-child{
    margin-bottom: 80px;
}
.reserve-icon{
    width: 67px;
    aspect-ratio: 1;
    border-radius: 50px;
    background: #7CC4F31F;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.reserve-icon svg,
.reserve-icon img{
    width: 50%;
    fill: #7CC4F3;
}
.reserve-card h4{
    font-size: 30px;
    font-family: "neue-haas-grotesk-bold";
}
.reserve-card p{
    color: #FFFFFFBA;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
}
.reserve-cards{
    margin-bottom: 50px;
}
@media (min-width: 1400px) {
    .reserve-section .container {
        max-width: 1140px;
    }
}
@media (max-width: 991px) {
    .reserve-card h4{
        font-size: 25px;
    }
}
/* reserve section end*/
/* skills section */
.skills-section{
    background: #00000E;
    padding: 50px 0;
    position: relative;
    isolation: isolate;
}
.skills-section::before{
    content: "";
    display: block;
    position: absolute;
    opacity: 0.14;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: radial-gradient(at bottom left, #7CC4F3 0%, #050C21 42%);
    z-index: -1;
    /* border-bottom: 1px solid #7CC4F32E; */
}
.skills-section .section-heading{
    max-width: 970px;
    margin: auto;
}
.skills-section .section-description{
    max-width: 900px;
    margin: 20px auto;
}
.skills-imgs{
    position: relative;
}
.skill-icons{
    width: 8%;
    position: absolute;
}
.skill-icon-m{
    top: 20%;
    left: 10%;
}
.skill-icon-ae{
    top: 45%;
    left: 25%;
    width: 9%;
}
.skill-icon-pr{
    top: 45%;
    right: 25%;
    width: 9%;
}
.skill-icon-ps{
    top: 20%;
    right: 10%;
}
.reel-container{
    background-image: url(../images/reel-container-back.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 40px 0;
    max-width: 1180px;
    margin: auto;
    border-radius: 0 0 30px 30px;
    padding-right: 30px;
}
.reel-video{
    border-radius: 20px;
    width: 100%;
    object-fit: cover;
    width: 70%;
    margin: auto;
    display: block;
}
.reel-container .section-heading{
    font-size: 57px;
    line-height: 1;
}
.reel-container .section-description{
    font-size: 16px;
}
.certificate{
    box-shadow: -7px 8px 15px 5px #00000061;
    margin-left: 15px;
    width: calc(100% - 15px);
}
@media (max-width: 991px){
    .reel-container{
        padding: 30px;
    }
    .reel-video{
        width: 100%;
    }
    .reel-container .section-heading{
        font-size: 30px;
    }
    .certificate{
        box-shadow: -7px 8px 15px 5px #00000061;
        margin-left: 0;
        margin-bottom: 15px;
        width: 100% ;
    }
    .skills-section{
        padding-bottom: 60px;
    }
}
/* skills section end*/
/* movment section */
.movement-section{
    background-color: #00000E;
    position: relative;
    isolation: isolate;
    padding: 90px 0;
}
.movement-section::before{
    content: "";
    display: block;
    position: absolute;
    opacity: 0.12;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: radial-gradient(at center center, #7CC4F3 0%, #00000E 100%);
    z-index: -1;
}
.movement-section .sub-heading{
    font-size: 30px;
    margin-top: 30px;
}
.movement-video-box-1{
    position: relative;
    isolation: isolate;
}
.movement-video-1{
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    border: 1px solid #FFFFFF29;
}
.movement-video-box-1::before{
    
    content: "";
    display: block;
    position: absolute;
    opacity: 0.12;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: 1px solid #FFFFFF29;
    background-color: #000000;
    z-index: 1;
}
.community-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px;
    position: relative;
    /*background-image: radial-gradient(at center center, #7CC4F338 0%, #00000E 100%);*/
    min-height: 384px;
    position: relative;
    isolation: isolate;
    margin-bottom: 20px;
    border: 1px solid #FFFFFF29;
}
.community-box::before{
    content: "";
    display: block;
    position: absolute;
    opacity: 0.7;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: #00000E;
    z-index: -1;
}
.community-box video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    z-index: -2;
}
.community-box .section-heading{
    font-size: 36px;
    text-align: center;
}
.community-box .section-description{
    font-size: 16px;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.raw-project-box{
    background-image: url(../images/raaw-project-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*margin-top: 20px;*/
    border-radius: 20px;
    padding: 10px;
}
.raw-project-box img{
    width: 30%;
    margin-bottom: -15px;
    margin-top: -20px;
}
.raw-project-box .section-heading{
    font-size: 25px;
    text-align: center;
}
.raw-project-box .section-description{
    font-size: 16px;
    text-align: center;
    margin: 0;
}
.minus-margin{
    margin-left: -20px;
}
.annual-competition-box{
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px;
    position: relative;
    isolation: isolate;
    background: url(../images/Hintergrund.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.annual-competition-box img{
    width: 60%;
    margin-bottom: 16px;
}
.annual-competition-box .section-heading{
    font-size: 45px;
    width: max-content;
    margin: 0 auto;
    line-height: 1;
    background: linear-gradient(125deg, #ffffff, #F8994F);
    -webkit-background-clip: text;
    margin-bottom: 10px;
    -webkit-text-fill-color: transparent;
}
.annual-competition-box .section-description{
    font-size: 16px;
    text-align: center;
    width: 94%;
    margin: 0 auto;
}
.live-tutorial-box{
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px;
    position: relative;
    isolation: isolate;
}
.live-tutorial-box video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    z-index: -2;
}
.live-tutorial-box::before{
    content: "";
    display: block;
    position: absolute;
    opacity: 0.7;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: #00000E;
    z-index: -1;
}
.live-tutorial-box .section-heading{
    font-size: 34px;
    text-align: center;
}
.live-tutorial-box .section-description{
    font-size: 16px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.course-page-row{
    background: #00000E;
    border-color: #7CC4F326;
    border-radius: 20px;
    border-width: 2px;
    padding: 1px;
    border-style: solid;
    position: relative;
    isolation: isolate;
    color: white;
    transition: all .5s;
    height: 100%;
    box-shadow: 0px 0px 20px rgba(151, 151, 151, 0.3);
}
.course-page-row::before {
    content: "";
    display: block;
    position: absolute;
    opacity: 0.06;
    border-radius: 20px;
    transition: all .3s;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: transparent;
    background-image: radial-gradient(at top left, #7CC4F3 34%, #00000E 100%);
    z-index: -1;
}
.course-page-row img{
    border-radius: 16px;
}
.course-page-row .section-heading{
    font-size: 40px;
}
.course-page-row .count{
    color: #c36;
    font-family: "neue-haas-grotesk-bold";
    font-size: 40px;
}
.course-page-row .section-description{
    font-size: 16px;
}
@media (min-width: 1200px) {
    .movement-section .container {
        max-width: 1125px;
    }
}
@media (min-width: 1400px) {
    .movement-section .container {
        max-width: 1125px;
    }
}
@media (max-width: 991px) {
    .minus-margin{
        margin: 0;
    }
    .community-box{
        margin-left: 0;
        border: 1px solid #7CC4F3;
        min-height: 234px;
        padding-top: 150px;
        padding-bottom: 20px;
        border-radius: 20px;
        overflow: hidden;
    }
    .community-box .section-heading{
        font-size: 30px;
    }
    .community-box .section-description{
        width: 70%;
    }
    .community-box::before{
        background-position: top center;
        background-size: cover;
        z-index: -9;
    }
    .course-page-row .section-heading{
        font-size: 28px;
    }
    .course-page-row .count{
        font-size: 28px;
    }
}
/* movment section end*/
/* personal style section */
.personal-style-section{
    padding: 90px 0;
    padding-top: 70px;
    background-image: url(../images/backdark.png);
    background-position: center center;
    background-size: cover;
}
.formate-box h4{
    color: white;
    font-family: "neue-haas-grotesk-bold";
    font-size: 40px;
}
.formate-box p{
    color: #FFFFFFBA;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
    font-size: 18px;
}
.count-box{
    width: 60px;
    aspect-ratio: 1;
    background: #050C21;
    box-shadow: 0px 0px 42px 10px rgba(151.3, 151.3, 151.3, 0.33);
    border-radius: 12px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: "ITC-Avant-Garde-Gothic-PRO-medium";
    font-size: 30px;
    z-index: 1;
    position: relative;
}
.line{
    width: 18px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
}
.count-box.active{
    background: linear-gradient(161deg, #7CC4F3 0%, #00000E 94%);
    box-shadow: 0px 0px 42px 10px rgba(124, 196, 243, 0.3);
}
.order-6 {
    order: 6 !important;
}
.order-7 {
    order: 7  !important;
}
.order-8 {
    order: 8 !important;
}
.order-9 {
    order: 9 !important;
}
.gy-6{
    --bs-gutter-y: 8rem;
}
.counter-container{
    width: 80%;
    margin: auto;
}
.counter-container p{
    color: #F5F5F5DE;
    text-align: center;
}
.counter-box{
    margin-top: 30px;
    border: 1px solid #FFFFFF14;
    border-radius: 12px;
    padding: 18px 10px;
}
.count-text{
    color: white;
    font-size: 42px;
    font-family: "ITC-Avant-Garde-Gothic-PRO-bold";
    text-align: center;
}
.count-name{
    display: block;
    text-align: center;
    color: #FFFFFF94;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
}
@media (min-width: 992px) {
    .order-lg-6 {
        order: 6 !important;
    }
    .order-lg-7 {
        order: 7 !important;
    }
    .order-lg-8 {
        order: 8 !important;
    }
    .order-lg-9 {
        order: 9 !important;
    }
    
    
}
@media (min-width: 1400px) {
    .personal-style-section .container {
        max-width: 1250px;
    }
}
@media (max-width: 991px) {
    .count-text{
        font-size: 32px;
    }
    .formate-box h4{
        font-size: 28px;
    }
    .gy-6{
        --bs-gutter-y: 4rem;
    }
    .personal-style-section{
        padding-top: 60px;
    }
}
/* personal style section end*/
/*quote section */
.quote-section{
    /* padding: 2.25rem 0; */
    background-image: radial-gradient(at top left, #F8994F91 0%, #00000E00 100%);
    box-shadow: 0px 0px 15px #F8994F;
    /*border-bottom: 1px solid #F8994F;*/
    /*border-top: 1px solid #F8994F;*/
    position: relative;
    isolation: isolate;
    z-index: 7;
}
.quote-section::before{
   content: "";
    display: block;
    position: absolute;
    opacity: 0.12;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(at top center, #7CC4F3 0%, #00000E 71%);
    z-index: -1;
}
.quote-section .section-heading{
    font-size: 40px;
    font-family: "NeueHaasDisplayBolder";
    line-height: 1.8;
    text-transform: unset;
}
.quote-section .sub-heading{
    font-size: 24px;
    color: white;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
}
@media(max-width: 991px){
    .quote-section .section-heading{
        font-size: 30px;
        line-height: 1.4;
    }
    .quote-section .sub-heading{
        font-size: 18px;
    }
}
/*quote section end*/
/* tabs section */
.tabs-section{
    padding: 50px 0;
    background-image: url(../images/backdark.png);
    background-position: center center;
    background-size: cover;
}
.custom-tabs{
    justify-content: space-between;
    flex-wrap: nowrap;
    column-gap: 20px;
    border-bottom: 0px;
}
.custom-tabs .nav-item{
    width: 100%;
}
.custom-tabs .nav-item .nav-link{
    width: 100%;
    padding: 15px 35px;
    color: white;
    background: #FFFFFF12;
    border: 1px solid #FFFFFF26;
    border-radius: 10px;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
}
.custom-tabs .nav-item .nav-link.active{
    width: 100%;
    padding: 15px 35px;
    color: white;
    background: linear-gradient(137deg, #B7E3FF99 -100%, #1D699B80 64%);
    border: 1px solid #7CC4F38F;
}
.tabs-video-container{
    border: 1px solid #FFFFFF1A;
    border-radius: 20px;
    display: flex;

}
.tabs-video-container video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.custom-tab-content{
    margin-top: 30px;
}
.tabs-section-header{
    max-width: 75.5%;
    margin: auto;
}
.instruction-box{
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: 1px solid #FFFFFF40;
    color: #FFFFFF8A;
    font-family: "ITC-Avant-Garde-Gothic-PRO-medium";
}
.instructions span{
    color: white;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
    font-size: 14px;
}
.video-name h4{
    color: white;
    font-family: "neue-haas-grotesk-bold";
    margin-bottom: 20px;
    font-size: 40px;
}
.points{
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.points span{
    color: white;
    font-size: 14px;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
    letter-spacing: 1.5px;
}
.points i{
    color: #F8994F;
}
@media (min-width: 1400px) {
    .tabs-section .container {
        max-width: 1250px;
    }
}
@media (max-width: 991px) {
    .custom-tabs{
        flex-wrap: wrap;
    }
    .custom-tabs .nav-item{
        margin-bottom: 20px;
    }
    .tabs-section-header{
        max-width: 100%;
    }
    .tabs-section-header .section-heading{
        margin-top: 20px;
    }
}
/* tabs section end*/
/* testimonial section */
.testimonial-section{
    background: #00000E;
    position: relative;
    isolation: isolate;
    padding: 90px 0;
}
.testimonial-section::before{
    content: "";
    display: block;
    position: absolute;
    opacity: 0.12;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(at center center, #7CC4F3 0%, #00000E 100%);
    z-index: -1;
}
.testimonial-header .section-heading{
    margin-top: 20px;
}
.testimonail-box{
    background-image: url(../images/CC-1.png);
    background-position: top center;
    background-size: cover;
    padding: 20px;
    border-radius: 25px;
    border: 1px solid #7CC4F387;
    margin-bottom: 20px;
}
.testimonail-box-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.user-profile-container{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.user-profile-container .user-dp{
    width: 60px;
    aspect-ratio: 1;
}
.user-dp img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.user-name h6{
    margin: 0;
    color: white;
    font-family: "ITC-Avant-Garde-Gothic-PRO-medium";
    font-size: 18px;
}
.user-name span{
    margin: 0;
    color: #FFFFFF70;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
}
.stars{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 2px;
}
.stars i{
    color: #7CC4F3;
}
.testimonial-text{
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
}
@media (min-width: 1400px) {
    .testimonial-section .container {
        max-width: 1200px;
    }
}
@media (max-width: 991px) {
    .user-profile-container .user-dp{
        width: 55px;
    }
}
/* testimonial section end*/
/* plans section */
.plans-section{
    padding: 90px 0;
    background-image: url(../images/back-2.png);
    background-position: center center;
    background-size: cover;
    position: relative;
    isolation: isolate;
}
.plans-section.padding-bottom{
    padding-bottom: 70px;
}
.plans-section::before{
    content: "";
    display: block;
    position: absolute;
    opacity: 0.12;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(at top center, #7CC4F3 0%, #00000E 71%);
    z-index: -1;
}
.plans-section-header{
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.plans-section-header .sub-heading{
    font-size: 42px;
    color: #A7A7A7;
    font-family: "neue-haas-grotesk-bold";
}
.price-card{
    background-image: url(../images/back-blue.png);
    background-position: center center;
    background-size: cover;
    border-radius: 20px;
    padding: 35px;
    /* min-height: 650px; */
}
.price-type{
    color: white;
    text-align: center;
    font-size: 28px;
    font-family: "neue-haas-grotesk-bold";
    margin-bottom: 10px;
}
.old-price{
    font-size: 35px;
    margin-bottom: 10px;
    text-align: center;
    font-family: "NeueHaasDisplayBolder-medium", Sans-serif;
    text-decoration: line-through;
    color: #A5A5A5;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.price{
    font-size: 61px;
    margin-bottom: 10px;
    text-align: center;
    font-family: "NeueHaasDisplayBolder", Sans-serif;
    font-weight: 900;
}
.installment-price{
    font-size: 22px;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
    color: white;
    text-align: center;
    display: block;
}
.includes{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 40px;
}
.includes li{
    margin-bottom: 10px;
    color: white;
    font-size: 17px;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
    display: flex;
    align-items: flex-start;
    column-gap: 5px;
}
.includes li i{
    margin-right: 3px;
    font-size: 22px;
}
.includes li span{
    font-size: 18px;
    display: inline-block;
    transform: translateY(-2px);
}
.includes .not-included{
    color: #696969;
}

.price-card-2{
    background-image: url(../images/Background.png);
    background-position: center right;
    background-size: cover;
    border-style: solid;
    border-width: 2px 2px 0px 0px;
    border-color: #F8994F7D;
}
.price-card-2 .includes li i{
    color: #F8994F;
}
.price-card .includes li:last-child i{
    color: #59F84F;
}
.price-card .includes li.not-included i{
    color: #FF0000;
}
.price-card-2 .installment-price{
    color: #F8994F;
}
.creator-img{
    width: 100%;
}
.personal-message-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-top: 10px;
}
.personal-message-container h4{
    color: white;
    font-size: 28px;
    font-family: "neue-haas-grotesk-bold";
}
.personal-message-container p{
    font-size: 16px;
}
.limited-offer{
    color: #6EC1E4;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
}
.badge{
    font-size: 11px;
    background: #6ec1e4;
    color: white;
    transform: translateY(-50%);
    /*letter-spacing: 1.3px;*/
    margin-left: 5px;
    border-radius: 2px;
    padding: 3px 5px;
    font-family: "Roboto-Regular", Sans-serif;
    font-weight: 400;
}
.lock-icon{
    width: 40px;
    filter: invert();
}
.lock-icon~p{
    font-size: 16px;
    width: calc(100% - 60px);
}
.guarantee-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url(../images/back-blue.png);
    background-position: center center;
    background-size: cover;
    border-radius: 20px;
    padding: 35px;
}
.guarantee-box img{
    width: 160px;
    border-radius: 50%;
    filter: drop-shadow(0 0px 20px rgba(89, 94, 103, 1));
}
.guarantee-box>div{
    width: calc(100% - 180px);
}
.guarantee-box .section-heading{
    font-size: 40px;
    text-align: left;
    font-family: "NeueHaasDisplayBolder";
    margin-bottom: 30px;
}
@media (min-width: 1400px) {
    .plans-section .container {
        max-width: 1140px;
    }
}
@media (max-width: 991px) {
    .price-card{
        padding: 50px 30px;
    }
    .price-type{
        font-size: 22px;
    }
    .price{
        font-size: 44px;
    }
    .includes li{
        font-size: 16px;
    }
    .plans-section{
        padding-top: 60px;
    }
    .plans-section-header{
        max-width: 100%;
    }
    .plans-section-header .sub-heading{
        font-size: 22px;
    }
    .guarantee-box{
        flex-direction: column;
    }
    .guarantee-box img{
        margin-top: -105px;
        margin-bottom: 50px;
        margin-right: 0;
    }
    .guarantee-box>div{
        width: 100%;
    }
    .guarantee-box .section-heading{
        font-size: 28px;
    }
    .lock-icon~p{
        text-align: center !important;
    }
    .lock-icon{
        margin-bottom: 20px;
    }
}
/* plans section end*/
/* faq-section */
.faq-section{
    padding: 90px 0;
    background: #00000E;
    position: relative;
    isolation: isolate;
}
.faq-section::before{
    background: #00000E;
    content: "";
    display: block;
    position: absolute;
    opacity: 0.12;
    transition: all .3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(at top center, #7CC4F3 0%, #00000E 71%);
    z-index: -1;
}
.faq-header{
    /*max-width: 75%;*/
    margin: auto;
}
.faq-header .section-heading{
    margin-top: 10px;
    font-size: 72px;
}
.faq-accordion{
    width: 80%;
    margin: auto;
    margin-top: 40px;
    border: none;
}
.faq-accordion .accordion-item{
    border: none;
    margin-bottom: 20px;
    background: #FFFFFF0D;
    border: 1px solid #FFFFFF36;
    border-radius: 14px;
}
.faq-accordion .accordion-button:not(.collapsed){
    background: transparent;
    box-shadow: none;
    color: white;
}
.faq-accordion .accordion-button{
    background: transparent;
    padding: 25px 30px;
    box-shadow: none;
    color: white;
    font-family: "ITC-Avant-Garde-Gothic-PRO-medium";
}
.faq-accordion .accordion-button::after{
    background-image: url(../images/plus-solid.svg);
}
.faq-accordion .accordion-button:not(.collapsed)::after{
    background-image: url(../images/minus-solid.svg);
    transform: rotate(0);
}
.faq-accordion .accordion-header{
    background: transparent;
}
.faq-accordion .accordion-body{
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
    color: white;
    padding: 14px 30px;
}
.faq-accordion .accordion-body ul{
    margin: 15px 0;
    padding: 0;
    padding-left: 20px;
}
.faq-accordion .accordion-body strong{
    font-family: "ITC-Avant-Garde-Gothic-PRO-bold";
    font-weight: 500;
}
.faq-accordion .accordion-body a{
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
    color: #c36;
    text-decoration: none;
}
.app-container{
    background-image: url(../images/App-background.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 20px 40px;
    min-height: 500px;
}
.app-container .section-heading{
    font-size: 58px;
}
.app-mockup{
    width: 95%;
    transform: translateY(-15%);
}
.store-links{
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.store-links img{
    height: 45px;
}
.comming-soon-btn{
    background: #FFFFFF14;
    border: 1px solid #FFFFFF12;
    color: #FFFFFF7A;
    padding: 18px 70px;
    display: inline-block;
    border-radius: 25rem;
    text-align: center;
    text-decoration: none;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
    font-size: 18px;
    transition: all .5s;
    line-height: 1;
}
.comming-soon-btn:hover{
    color: white;
}
.more-help{
    font-size: 16px;
}
.more-help a{
    text-decoration: none;
    color: #c36;
}
@media (min-width: 1400px) {
    .faq-section .container {
        max-width: 1140px;
    }
}
@media (max-width: 991px) {
    .faq-accordion {
        width: 100%;
    }
    .app-mockup{
        transform: translateY(0);
    }
    .app-container{
        background: url(../images/back-blue-2.png);
        background-size: cover;
        border-top: 1px solid #7CC4F370;
        border-right: 1px solid #7CC4F370;
        border-radius: 20px;
    }
    .app-container .section-heading{
        font-size: 30px;
    }
    .store-links img{
        height: 33px;
    }
    .comming-soon-btn{
        padding: 15px 50px;
    }
    .faq-accordion .accordion-button{
        padding: 15px 20px;
    }
    .faq-accordion .accordion-body{
        padding: 10px 20px;
    }
    .faq-header{
        max-width: 100%;
    }
    .faq-header .section-heading{
        font-size: 32px;
    }
}
/* faq-section end*/
/* footer section */
footer{
    background-color: #050C21;
}
.quick-links{
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.quick-links ul{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    list-style: none;
    column-gap: 20px;
}
.quick-links img{
    height: 70px;
}
.quick-links ul img{
    height: 20px;
    filter: brightness(100);
}
.quick-links ul li a{
    color: #FFFFFF8F;
    text-decoration: none;
    font-family: "ITC-Avant-Garde-Gothic-PRO-book";
}
.copyright{
    border-top: 1px solid #FFFFFF12;
    padding: 20px;
    text-align: right;
    color: #FFFFFF8F;
}
@media (min-width: 1400px) {
    footer .container {
        max-width: 1300px;
    }
}
@media (max-width: 991px) {
    .quick-links {
        flex-direction: column;
    }
    .quick-links ul{
        /*flex-direction: column;*/
        margin-top: 15px;
        row-gap: 10px;
    }
    .copyright{
        text-align: center;
    }
}
/* footer section end*/