@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* ------ ROOT VARIABLES ------ */
:root {
   
    /* bg & text Colors */
    --color-white: #fff;
    --color-green: #B5FF83;
    --color-black: #000000;
    --color-violet: #943DFF;
    --color-neon: #83EEFF;
    --color-sand: #F4F4F4;
  
 
    /* Typography */
    --font-inter: "Inter", sans-serif;
 
    /* Container */
    --container-width: 1260px;
    --container-padding: 0 30px;
 
    /* font-sizes */
  
    --font-xl: 70px;
    --font-xl-lh: 114%;
    --font-l: 60px;
    --font-l-lh: 114%;
    --font-xm: 56px;
    --font-xm-lh: 115%;
    --font-m: 30px;
    --font-m-lh: 115%;
    --font-s: 25px;
    --font-s-lh: 140%;
    --font-xs: 17px;
    --font-xs-lh: 157%;
    --font-xxs: 13px;
    --font-xxs-lh: 150%;
    --font-btn: 18px;
 
    /* font-weights */
    --weight-black: 900;
    --weight-extraBold: 800;
    --weight-bold: 700;
    --weight-semiBold: 600;
    --weight-medium: 500;
    --weight-regular: 400;
    --weight-light: 300;
 
 
    /* line-hight */
    --p-line-height-global: 157%;
 
   /* spaces */
    --space-0: 0px;
    --space-20: 20px;
    --space-25: 25px;


 
 
}

* {margin: 0;padding: 0;box-sizing: border-box;hyphens: auto;}
img {max-width: 100%;height: auto;}
body {background: var(--color-white);font-size:var(--font-xs);color: var(--color-black);font-family: var(--font-inter);font-weight: var(--weight-regular);}
p{margin-bottom: var(--space-25);line-height: var(--font-xs-lh);}
p:last-child{margin-bottom: 0;}
a {color: inherit;}
 a:hover{text-decoration: none;}
 html{scroll-behavior: smooth;scroll-padding-top: 90px;}

/* ----- Heading Font CSS ------ */
 
h1,h2,h3,h4,h5,h6 {margin-bottom: var(--space-25);line-height: 1.1;font-weight: var(--weight-bold);}
h1{font-size:var(--font-xl);line-height: var(--font-xl-lh);letter-spacing: 2px;}
h2{font-size:var(--font-xm); line-height: var(--font-xm-lh);}
h3{font-size:var(--font-m);line-height: var(--font-m-lh);}
h4{font-size:var(--font-xs);line-height: var(--font-xs-lh);}
h5{font-size:var(--font-xxs);line-height: var(--font-xxs-lh);}
h6{font-size:var(--font-xxs);line-height: var(--font-xxs-lh);}
 
 
a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus,textarea:focus,select:focus{outline: none;}
input,button,li,strong,i,span,label,textarea,select{font-family: inherit; }
ul, ol {padding-left: 15px;margin-bottom: 30px;}
ul:last-child, ol:last-child {margin-bottom: 0;}
.wrapper{width: 100%;max-width: var(--container-width);padding: var(--container-padding);margin: 0 auto;}
.main-content{margin-top: 88px;}
/* global css end */
/* ******************************* main css ***************************** */

/* header css start */
.header{position: fixed;background: var(--color-green);padding: 28px 0;width: 100%;left: 0;top: 0;z-index: 10;transition: 0.4s ;}
.header.sticky{background: #fff;}
.header .outer-part{display: flex;flex-wrap: wrap;align-items: center;}
.header .outer-part .logo{width: 155px;}
.header .outer-part .logo a,.header .outer-part .logo img{display: block;}
.header .outer-part .right-part{width: calc(100% - 155px);padding-left: 20px;display: flex;align-items: center;gap: 32px;justify-content: flex-end;}
.header  nav > ul{display: flex;padding-left: 0;margin-bottom: 0;gap: 32px;list-style: none;}
.header   a{text-decoration: none;}
.header  nav  a{font-size: var(--font-xxs);font-weight: var(--weight-semiBold);}
.btn-black{transition: 0.4s; background: var(--color-black);color: var(--color-white);padding: 10px 20px;line-height: 1;border-radius: 4px;font-size: var(--font-xxs);font-weight: var(--weight-bold);}
.btn-black:hover{background: var(--color-white);color: var(--color-black);}
.header.sticky .btn-black:hover{background: var(--color-violet);color: var(--color-white);}
.header  nav  a:hover{text-decoration: underline;}
.mobile-show{display: none;}

/* hero css start */
.hero-section{background: var(--color-green);overflow: hidden;}
.hero-section .outer-part{min-height: calc(100vh - 88px);max-height: 860px;display: flex;flex-wrap: wrap;}
.hero-section .left-part{width: 58%;display: flex;align-items: center;margin-right: -8%;padding: 50px 0 110px;}
.hero-section .left-part h1{margin-bottom: 55px;}
.hero-section .left-part p{font-size: var(--font-s);line-height: var(--font-s-lh)}
.hero-section .left-part p.name{font-size:18px;line-height: var(--font-s-lh)}
.hero-section .left-part .text-wrap{max-width: 550px;}
.hero-section .right-part{width: 50%;display: flex;align-items: flex-end;position: relative;justify-content: flex-end;padding-top: 50px;}
.hero-section .right-part img{display: block;margin-left: auto;position: relative;right: -80px;max-height: 85vh;}
.circle-box{position: absolute;left: -28px;bottom: 40px; background: var(--color-white);padding: 5px;text-align: center;width: 143px;aspect-ratio: 1/1;
  display: flex;align-items: center;border-radius: 50%;
-moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  cursor: pointer;
}
.circle-box span{font-size: 15px;font-weight: var(--weight-semiBold);position: relative;bottom: -11px;line-height: 1;}
.circle-box  .wrap{max-width: 100px;margin: 0 auto;}
.circle-box svg{margin-top: 5px;}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/* thank you css start */
.thank-you-section{padding: 160px 0 120px;text-align: center;}
.thank-you-section .thank-you-content{max-width: 420px;margin: 0 auto;}
.thank-you-section h1{margin-bottom: 25px;}
.thank-you-section p{font-size: var(--font-s);line-height: var(--font-s-lh);}
.thank-you-section .person{margin: 40px 0;}
.thank-you-section .person img{width: 100%;border-radius: 15px;display: block;margin-bottom: 20px;}
.thank-you-section .person p{font-size: 15px;margin-bottom: 0;}
.btn-violet{transition: 0.4s;display: block;width: 100%;padding: 16px 30px;border-radius: 4px;border: none;background: var(--color-violet);color: var(--color-white);font-size: 16px;font-weight: 700;text-align: center;text-decoration: none;}
.btn-violet:hover{background: var(--color-black);}

/* accordion css start */

.accordion-section{padding: 140px 0;}
.accordion-section.black{background: var(--color-black);}
.accordion-section.violet{background: var(--color-violet);}
.accordion-section.neon{background: var(--color-neon);}
.accordion-section .wrapper{position: relative;}
.accordion-section h2{color: var(--color-green);margin-bottom: 0;font-size: var(--font-l);line-height: var(--font-l-lh);letter-spacing: 3%;}
.accordion-section.white h2,.accordion-section.neon h2{color: var(--color-violet);margin-bottom: 0;}
.accordion-section .acc-title{text-align: center;cursor: pointer;}
.accordion-section .acc-title::after{cursor: pointer;content: "";background: url('data:image/svg+xml,%3Csvg%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m.95%2031.476%203.286-3.286%2026.29%2026.291L56.819%2028.19l3.287%203.286-29.578%2029.578z%22%2F%3E%3Cpath%20d%3D%22M32.892%2057.321V2.324h-4.648V57.32z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M61.054%2030.526%2030.527%2061.054%200%2030.526%2030.527%200z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');width: 62px;height: 62px;position: absolute;right: 30px;top: 0; transition: 0.4s;transform: rotate(0);}
.accordion-section.white .acc-title::after,.accordion-section.neon .acc-title::after{background: url('data:image/svg+xml,%3Csvg%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%20fill%3D%22%23943DFF%22%3E%3Cpath%20d%3D%22m.95%2031.476%203.286-3.286%2026.29%2026.291L56.819%2028.19l3.287%203.286-29.578%2029.578z%22%2F%3E%3Cpath%20d%3D%22M32.892%2057.321V2.324h-4.648V57.32z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23943DFF%22%20d%3D%22M61.054%2030.526%2030.527%2061.054%200%2030.526%2030.527%200z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');}
.accordion-section.active .acc-title::after{transform: rotate(180deg);}
.accordion-section:not(.white):not(.neon) .acc-content *{color: #fff;}
.accordion-section .acc-content{padding-top: 50px;display: none;}
.accordion-section .acc-content .wrap{max-width: 665px;margin: 0 auto;}
.accordion-section .acc-card{max-width: 820px;margin: 0 auto;}
.accordion-section .acc-subtitle{color: var(--color-violet);font-weight: var(--weight-bold);margin-top: 15px;}
.slider-navigation{display: none;}

/* cta css start */
.cta-section{min-height: 100vh;background: var(--color-green);display: flex;align-items: center;padding: 80px 0;}
.cta-section .outer-part{text-align: center;margin-bottom: 85px;}
.cta-section .outer-part .icon{margin-bottom: 45px;}
.cta-section .outer-part .icon img{width: 167px;}
.cta-section  h2{color: var(--color-violet);margin-bottom: 40px;letter-spacing: 6%;}
.cta-section .wrap{max-width: 460px;margin: 0 auto;}



.we-cover-section{padding: 150px 0 120px;background: var(--color-sand);overflow: hidden;}
.we-cover-section .outer-part > h2{margin-bottom: 85px;}
.we-cover-slider{width: calc(100%  + 32px);margin-left: -16px;}
.we-cover-slider .slick-track{display: flex;}
.cover-card{padding: 50px 35px;background: #fff;border-radius: 15px;margin: 0 16px;height: inherit;}
.cover-card .icon img{height: 82px;}
.cover-card .icon{margin-bottom: 35px;}
.cover-card  h3{margin-bottom: 22px;}
 .slick-dots{list-style: none;padding-left: 0;display: flex;gap: 10px;width: 100%;justify-content: center;margin-top: 40px;line-height: 1;}
 .slick-dots button{border-radius: 30px;font-size: 0;background: #CDCFD0;border: none;width: 100%;cursor: pointer;}
 .slick-dots li{line-height: 1;width: 9px;height: 9px;display: flex;transition: 0.4s;}
 .slick-dots li.slick-active{width: 31px;}
 .slick-dots li.slick-active button{background: var(--color-violet);}
.cover-nav{display: flex;gap: 20px;justify-content: center;align-items: center;margin-top: 40px;}
.cover-nav .slick-dots{margin-top: 0;order: 2;}
.cover-nav .slick-next{order: 3;}
.cover-nav .slick-prev{order: 1;transform: rotate(180deg);}
.cover-nav button.slick-arrow{background: transparent;border: none;cursor: pointer;}



.benefits-section{padding: 190px 0 155px;}
.benefits-section h2:last-child{margin-bottom: 0;}
.benefits-section .outer-part{display: flex;flex-wrap: wrap;justify-content: space-between;}
.benefits-section .left-part{width: 49%;}
.benefits-section .right-part{width: 48%;margin-top: -8px;}
.benefits-section .right-part ul{padding-left: 0;list-style: none;}
.benefits-section .right-part li{position: relative;padding: 36px 0 36px 60px;border-bottom: 1px solid rgba(0, 0, 0,0.15);}
.benefits-section .right-part li::before{content: "";width: 30px;height: 30px; position: absolute;left: 0;top: 28px; background: url('data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%20fill%3D%22%23943dff%22%3E%3Cpath%20d%3D%22m14.38%2021.196-8.282-8.413%201.858-1.826%206.424%206.554L27.522%204.239l1.858%201.826z%22%2F%3E%3Cpath%20d%3D%22M15%2030C6.717%2030%200%2023.283%200%2015S6.717%200%2015%200s6.554%201.109%209.196%203.163l-1.598%202.054A12.32%2012.32%200%200%200%2015%202.61C8.152%202.609%202.609%208.152%202.609%2015S8.152%2027.391%2015%2027.391%2027.391%2021.848%2027.391%2015s-.065-1.565-.228-2.315l2.576-.49c.163.914.261%201.86.261%202.805%200%208.283-6.717%2015-15%2015%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h30v30H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');}


.engagement-section{padding: 96px 0; background: var(--color-green);}
.engagement-section .outer-part > h2{text-align: center;margin-bottom: 74px;}
.engagement-section .card-outer{display: flex;flex-wrap: wrap;gap: 24px;align-items: flex-start;}
.engagement-section .card{width: calc(33.33% - 16px);background: #fff;padding: 32px;border-radius: 15px;cursor: pointer;transition: 0.3s;border: 3px solid transparent;box-sizing: border-box;}
.engagement-section .card .small{font-size: 14px;color: #555555;font-weight: 700;text-transform: uppercase;margin-bottom: 5px;display: inline-block;}
.engagement-section .card  h3{font-size: 32px;margin-bottom: 0}
.engagement-section .card .top{padding-bottom: 24px;margin-bottom: 24px; border-bottom: 1px solid #EAEAEA;}
.engagement-section .card .bottom .price:not(:last-child){padding-bottom: 24px;}
.engagement-section .card .bottom .price {font-size: 15px;display: flex;justify-content: space-between;gap: 10px;}
.engagement-section .card .bottom .price span{color: #555555;}
.engagement-section .card .bottom .price  strong{font-size: 18px;}
.engagement-section .card.active{border: 3px solid #000000;}
.engagement-section .card .wahl{margin-bottom: 24px;}
.engagement-section .card .wahl span{font-size: 11px;color: var(--color-green);background: var(--color-black);border-radius: 4px;padding: 4px 12px;text-transform: uppercase;}

.engagement-section .bottom-text{text-align: center;margin-top: 74px;}
.engagement-section .bottom-text p{font-size: 14px;}

.interessiert-section{padding: 80px 0 100px;}
.interessiert-section .outer-part > h2{margin-bottom: 30px;}
.contact-form form{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 24px;}
.contact-form .field{width: calc(50% - 12px);}
.contact-form .field:not(.full):not(.not) label{display: block;font-size: 14px;font-weight: 700;margin-bottom: 8px;}
.contact-form .field:not(.full):not(.not) input,.contact-form .field:not(.full) textarea{color: #000000;font-size: 13px; width: 100%;border: 1px solid #EAEAEA;background: #F8F8F8;padding: 15px;}
.contact-form .field.full{width: 100%;}
.contact-form .field textarea{height: 96px;resize: none;}
.contact-form .field:not(.full):not(.not) input::placeholder,.contact-form .field:not(.full) textarea::placeholder{color: #555555;}
.contact-form .field.flex{display: flex;flex-wrap: wrap;gap: 29px 12px;margin-bottom: 32px;}
.checkbox label{font-size: 14px;font-weight: 500;line-height: 1;cursor: pointer;}
.checkbox label input{display: none;}
.checkbox label span{padding: 12px 24px;border: 1px solid #EAEAEA;border-radius: 4px;display: inline-block;background: #fff;transition: 0.4s;}
.checkbox input:checked + span{background: var(--color-green);font-weight: 700;border-color: var(--color-green);}
.field.privacy {font-size: 13px;font-weight: 400;color: #555555;}
.field.privacy input{display: none;}
.field.privacy span{position: relative;display: inline-block;cursor: pointer;padding-left: 30px;}
.field.privacy span::before{content: "";width: 18px;height: 18px;border-radius: 2px;background-color: #EAEAEA;position: absolute;left: 0;top: 0;background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M10.9%205a5%205%200%201%201-2.4-3.333M4.5%205.5%206%207l5-5%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');background-repeat: no-repeat;
  background-position: center;
  background-size: 0;}
  .field.privacy input:checked + span::before{background-size: 12px;background-color: var(--color-green)}
  .field input[type="submit"]{transition: 0.4s; border-radius: 4px;border: none;cursor: pointer; width: 100%;padding: 16px 30px;font-size: 16px;font-weight: 700;color: #fff;text-align: center;background: var(--color-violet);}
.field input[type="submit"]:hover{background: var(--color-black);}
.field input[type="submit"]:disabled{opacity: 0.4;cursor: not-allowed;}
.field input[type="submit"]:disabled:hover{background: var(--color-violet);}



.contact-us-section{background: var(--color-sand);padding: 75px 0 140px;}
.contact-us-section .wrapper > h2{margin-bottom: 50px;}
.contact-us-section .outer-part{display: flex;flex-wrap: wrap;gap: 50px;}
.contact-us-section .left-part{width: calc(50% - 25px);max-width: 420px;}
.contact-us-section .left-part img{display: block;}
.contact-us-section .right-part{width: calc(50% - 25px);max-width: 420px;display: flex;align-items: flex-end;}
.contact-us-section .right-part h3{font-size: 28px;margin-bottom: 24px;}
.contact-us-section .right-part p{font-size: 15px;margin-bottom: 24px;}
.btn-green{text-decoration: 0.4s; display: inline-block;text-align: center;padding: 16px 32px;border-radius: 4px;background: var(--color-green);font-size: 15px;font-weight: 700;text-decoration: none;margin-bottom: 83px;}
.btn-green:hover{background: var(--color-black);color: var(--color-white);}

.footer{padding-top: 64px;}

.footer-top{padding-bottom: 32px;margin-bottom: 20px;border-bottom: 1px solid #E1E1E1;}
.footer-top .left-logo{width: 156px;}
.footer-top .left-logo a,.footer-top .left-logo img{display: block;}
.footer-top ul{padding-left: 0;list-style: none;display: flex;flex-wrap: wrap;gap: 32px;font-size: 13px;font-weight: 600;}
.footer-top  a{text-decoration: none;color: #555555;}
.footer-top  a:hover{text-decoration: underline;}
.footer-top .wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}
.copyright{margin-bottom: 20px;}
.copyright p{font-size: 11px;line-height: 1;color: #555555;}

.error {
  width: 100%;
  display: block;
  color: red;
  font-size: 14px;
  margin-top: 6px;
}













  /* Responsive css start */

@media only screen and (max-width: 1279px) {

    :root{
          --container-width: 1000px;

              /* font-sizes */
  
    --font-xl: 55px;
    --font-xl-lh: 114%;
    --font-l: 40px;
    --font-l-lh: 114%;
    --font-xm: 35px;
    --font-xm-lh: 115%;
    --font-m: 25px;
    --font-m-lh: 115%;
    --font-s: 20px;
    --font-s-lh: 140%;
    --font-xs: 16px;
    --font-xs-lh: 157%;
    --font-xxs: 13px;
    --font-xxs-lh: 150%;
    --font-btn: 18px;
 
    }

    .hero-section .left-part h1{margin-bottom: 35px;}
    .hero-section .left-part p.name{font-size: 16px;}
    .accordion-section { padding: 95px 0;}
    .cta-section{min-height: 750px;height: 100%;}
    .cta-section .outer-part .icon img{width: 130px;}
    .cta-section .outer-part{margin-bottom: 0;}
    .cta-section h2{margin-bottom: 35px;}
    .we-cover-section,.benefits-section,.engagement-section,.interessiert-section,.contact-us-section{padding: 90px 0;}

.cover-card{padding: 40px 25px;}
.cover-card .icon img{height: 70px;}
.benefits-section .right-part li{padding: 30px 0 30px 50px;}
.engagement-section .card h3{font-size: 25px;}
.engagement-section .card .bottom .price strong{font-size: 14px;}
.engagement-section .card .bottom .price span{font-size: 12px;}
.engagement-section .card{padding: 20px;}


}

@media only screen and (max-width: 1024px) {
     :root{
          --container-width: 800px;

        --font-xl: 43px;
        --font-xl-lh: 100%;
 
        }
        .header .outer-part .right-part{display: none}

        .hero-section .left-part p{font-size: 18px;}
        .circle-box{width:110px;bottom: 44px;}
        .circle-box .wrap{max-width: 90px;}
        .circle-box span{font-size: 14px;line-height: 110%;display: block;bottom: -8px;}
        .accordion-section{padding: 80px 0;}
        .accordion-section .acc-title::after{background-size: contain !important;width: 40px;height: 40px;}
        .accordion-section .acc-content .wrap{max-width: 500px;}
        .benefits-section .left-part{width: 100%;}
        .benefits-section .right-part{width: 100%;margin-top: 20px;}
        .engagement-section .card{width: 100%;}
        .contact-form .field{width: 100%;}
        .contact-us-section .left-part{width: 100%;max-width: 100%;}
        .contact-us-section .right-part{width: 100%;max-width: 100%;}
        .hero-section .outer-part {min-height: unset;}
        .mobile-show{display: inline-flex;margin-left: auto;gap: 20px;align-items: center;}
        .mobile-show a.whatsapp{display: block;}
        .mobile-show a.whatsapp img{display: block;width: 50px;}
        .mobile-show .bar{width: 39px;cursor: pointer;min-height: 39px;display: flex;flex-direction: column; justify-content: center;}
        .mobile-show .bar span{height: 2px;background: #000000;width: 100%;display: block;}
        .mobile-show .bar span:not(:last-child){margin-bottom: 10px;}
        .mobile-show .bar span:last-child{width: 60%;margin-left: auto;}
        .header.active{background: var(--color-white);}
.mobile-show .bar.active span:last-child { width: 100%; transform: translateY(0px) rotate(45deg);}
.mobile-show .bar.active span:not(:last-child) {transform: translateY(3px) rotate(-45deg); }
.mobile-show .bar.active span ,.mobile-show .bar.active span:not(:last-child){ margin-bottom: 0;}
.mobile-show .bar span{ transition: 0.4s;}
.header .outer-part .right-part.show { display: flex; position: fixed; top: 70px; left: 0; background: #fff; padding: 30px 63px; width: 100%; height: calc(100vh - 70px); flex-direction: column; justify-content: center; align-items: flex-start; gap: 80px;   }
.header .right-part.show nav > ul{ display: block;}
.header .right-part.show nav{ padding-left: 13px; overflow-y:auto; overflow-x: hidden;}
.header .right-part.show nav > ul li:not(:last-child){margin-bottom: var(--space-20);}
.header .right-part.show nav > ul li a{ display: block; font-size:var( --font-s); font-weight:var(--weight-semiBold); line-height: var(--font-xxs-lh); color: var(--color-black); }
.header .right-part.show nav ,.header .right-part.show .btn_box { width: 100%;}
.header .right-part.show .btn-black { background: var(--color-green); width: 100%; color: var(--color-black); display: block; text-align: center; font-size: 17px; padding: 15.5px 20px; }
    
}

@media only screen and (max-width: 767px) {
    :root{

      --font-l: 33px;
 
        }
    .header{padding: 20px 0;}
    .main-content {margin-top: 72px;}
    .hero-section .left-part{width: 100%;margin-left: 0;padding-bottom: 0;}
    .hero-section .right-part{width: 100%;max-width: 300px;margin-left: auto;margin-top: -150px;padding-top: 0;}
    .hero-section .outer-part{max-height: unset;}
    .hero-section .left-part .text-wrap {max-width: 300px;}
     .hero-section .left-part .text-wrap p{font-weight: var(--weight-semiBold);}
     .accordion-section .acc-content{display: block !important;}
     .accordion-section .acc-title::after{display: none;}
     .accordion-section .acc-title{pointer-events: none;cursor: default;}
     .accordion-section{padding: 140px 0;}
     .accordion-section .acc-title span{display: block;font-size: 65px;line-height: 114%;}
      .accordion-section .acc-title  h2{}
     .accordion-section .acc-content{padding-top: 20px;}
     .we-cover-slider .slick-list{padding: 0 !important;padding-right: 25% !important;}
     .cover-card{margin: 0 14px;}
     .we-cover-slider {width: calc(100% + 58px);margin-left: -14px;}
   .slider-navigation{display: block;}
   .mobile-slider .slick-track{display: flex;}
   .mobile-slider .accordion-section{height: inherit;}
   .slider-navigation{display: flex;gap: 20px;padding: 30px 30px;justify-content: space-between;align-items: center;}
   .slider-navigation .slick-next {order: 3;}
   .slider-navigation .slick-prev{transform: rotate(180deg);}
   .slider-navigation .slick-dots{order: 2;margin-top: 0;}
   .slider-navigation button.slick-arrow{background: transparent;border: none;cursor: pointer;}

     
}


@media only screen and (max-width: 600px) {

    :root{
    --container-padding: 0 25px;
      --font-xs: 15px;
      --font-xm: 33px;
       --font-m: 24px;
 
    }

    .hero-section .left-part{padding-top: 60px;}
    .hero-section .left-part p{font-size: 15px;}
    .hero-section .left-part p.name{font-size: 14px;}
    .hero-section .left-part h1{margin-bottom: 30px;}
    .hero-section .left-part p{margin-bottom: 15px;}
    .hero-section .left-part .text-wrap{width: calc(100% - 115px);}
    .hero-section .right-part{max-width: 100%;}
    .hero-section .right-part .image-box{max-width: 280px;}
    .circle-box{left: -0;}
    .hero-section .right-part img{right: -90px;}
    .thank-you-section{padding: 110px 0 60px;}
    .cta-section{min-height: unset;padding: 60px  0 180px;}
    .cta-section .outer-part .icon,.cta-section h2{margin-bottom: 20px;}
    .cta-section .outer-part .icon img{width: 106px;}
     .we-cover-section{padding: 75px 0;}
     .we-cover-section .outer-part > h2{margin-bottom: 40px;}
     .cover-card{padding: 35px 30px;}
     .cover-card .icon{margin-bottom: 20px;}
     .cover-card h3{margin-bottom: 5px;}
     .benefits-section .right-part li{font-size: 20px;line-height: 1.3;}
     .engagement-section{padding: 65px 0 70px;}
     .engagement-section .outer-part > h2{text-align: left;margin-bottom: 40px;}
     .engagement-section .card h3{font-size: 24px;}
     .engagement-section .card .bottom .price:not(:last-child){padding-bottom: 10px;}
     .engagement-section .bottom-text{margin-top: 15px;}
     .interessiert-section{padding: 80px 0 50px;}
     .contact-form .field.flex{gap: 8px;}
     .checkbox label span{padding: 8px 12px;font-size: 12px;}
     .contact-form .field:not(.full):not(.not) label{font-size: 12px;}
     .contact-form .field:not(.full):not(.not) input, .contact-form .field:not(.full) textarea{padding: 12px;}
     .field.privacy span{font-size: 11px;}
     .field input[type="submit"]{font-size: 14px;}
     .contact-us-section{padding: 50px 0;}
     .contact-us-section .wrapper > h2{margin-bottom: 32px;}
     .contact-us-section .outer-part{gap: 24px;}
     .contact-us-section .right-part h3{font-size: 15px;font-weight: 400;line-height: 150%;}
     .btn-green{font-size: 14px;padding: 12px 22px;}
     .footer .right-menu{width: 100%;padding-top: 24px;margin-top: 24px;border-top: 1px solid #EAEAEA;}
     .footer-top{border: none;padding-bottom: 0;margin-bottom: 24px;}
     .footer-top a{font-size: 12px;font-weight: 400;}
     .footer-top ul{gap: 16px;}
     .header{padding: 10px 0;}
       .main-content {margin-top: 69px;}
       html{scroll-padding-top: 70px;}
       .hero-section .outer-part{min-height: calc(100dvh - 69px);}
     
     

}