/* === GLOBAL OVERFLOW FIX === */
/* Previne scroll-ul horizontal pe întreg site-ul */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

* {
  box-sizing: border-box;
}

:root {
   --gradient-stroke-plain: rgba(231, 231, 230, 1);
   --neutrals-01: rgba(28, 33, 23, 1);
   --neutrals-06: rgba(253, 253, 253, 1);
   --secondary-blue: rgba(64, 170, 228, 1);
   --gradient-fill-button-stroke-gradient: rgba(215, 236, 178, 1) rgba(234, 248, 255, 1);
   --gradient-stroke-secondary: rgba(234, 248, 255, 1);
   --primary-green02: rgba(184, 238, 34, 1);
   --gradient-fill-button-stroke-gradient: rgba(215, 236, 178, 1);
   --secondary-blue03: #EAF8FF;
   --supporting-purple03: #EBD7FF;
   --supporting-purple: #9146D3;
   --Secondary-blue-01: rgba(64, 170, 228, 1);
   --Primary-Green-shade-3: rgba(229, 248, 193, 1);
   --Supporting-Orange-02: rgba(255, 187, 41, 1);
   --gradients-red-orange: rgba(248, 44, 44, 1);
}
/* ===== MADE TOMMY Fonts ===== */
@font-face {
    font-family: "MADE TOMMY";
    src: url("fonts/MadeTommy-Thin.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "MADE TOMMY";
    src: url("fonts/MadeTommy-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "MADE TOMMY";
    src: url("fonts/MadeTommy-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "MADE TOMMY";
    src: url("fonts/MadeTommy-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "MADE TOMMY";
    src: url("fonts/MadeTommy-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "MADE TOMMY";
    src: url("fonts/MadeTommy-ExtraBold.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "MADE TOMMY";
    src: url("fonts/MadeTommy-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}


body {
    /*font-family: "Poppins", sans-serif !important;*/
    /*background: #F2F2F2;*/
    background: linear-gradient(270deg, #165D56 -32.27%, #2EC3B4 65.07%);
    background-repeat: no-repeat;
    /*
    background-position: center center;
    background-size: cover;
    */
    background-size: 600% 600%;
    animation: gradientFlow 8s ease infinite;
}
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
section{
    background: #F2F2F2;
}
.main-hero{
    height: 90vh;
    padding-top: 150px;
    
}
.container{
    max-width: 1180px;
}
.container-2{
    width: 100%;
    max-width: 1260px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
.container-3{
    width: 100%;
    max-width: 1320px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
.main-button{
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 100px;
    padding: 5px 5px 5px 24px;
    
}
.main-button div{
    background-color: #fff;
    width: 33px;
    height: 33px;
    border-radius: 100px;
    padding-top: 3px;
    float: right;
    transition: all 0.8s ease;
}
.main-button span{
    float: left;
    margin-top: 6px;
    margin-right: 10px;
    color: #FFF;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}






.hero-title{
    color: #FFF;
    font-family: Geist;
    font-size: clamp(32px, 6vw, 76px);
    font-style: normal;
    font-weight: 700;
    line-height: 119.964%; /* 91.173px */
}
.hero-title span {
    /*
    background: linear-gradient(90deg, #07675C 2.4%, #079888 57.21%, #41C4AC 78.37%);
    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    */
}
.common-p{
    color: #FFF;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.common-h3{
    color: #FFF;
    font-family: "MADE TOMMY";
    font-size: 59.031px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.curve-borders{
    border-radius: 120px 120px 0px 0px;
    background: #F2F2F2;
    height: 100px;
    margin-top: 33px;
    position: relative;
    z-index: 9;
}
.curve-borders:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #F2F2F2;
    display: block;
    height: 100%;
    border-radius: 120px 120px 0px 0px;
    z-index: 9;
}
.curve-borders .container{
    position: relative;
}
.curve-borders .container .curve-borders-content{
    position: absolute;
    left: 0;
    right: 0;
    margin: -93px auto;
    width: 100%;
}

.section-title{
    color: #28282A;
    font-family: "Geist Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.section-title span{
    color: #4DB8A2;
}
.section-sub-title{
    color: #28282A;
    font-family: Geist;
    font-size: clamp(36px, 5.2vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}
.section-sub-title-r{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding-top: 20px;
}











footer{
    background: #28282A;
    padding: 70px 0 20px 0;
}
.section-title-footer{
    color: #FFF;
    font-family: "Geist Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.section-title-footer span{
    color: #4DB8A2;
}
.section-sub-title-footer{
    color: #FFF;
    font-family: Geist;
    font-size: clamp(36px, 5.2vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.common-p-footer{
    color: #FFF;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.footer-wrap{
    border: 1px solid #FFF;
}
.footer-box-l{
    padding: 40px 55px;
    height: 100%;
}
.footer-box-m{
    padding: 40px 55px;
    position: relative;
    height: 100%;
}
.footer-box-m:before{
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: -15px;
    top: 0;
}
.footer-box-m:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: -15px;
    top: 0;
}
.footer-box-r{
    padding: 40px 55px;
    height: 100%;
}
.footer-box-number{
    color: #4DB8A2;
    font-family: "Geist Mono";
    font-size: 26.109px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 95px;
}
.footer-box-title{
    color: #FFF;
    font-family: Geist;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.common-ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-links{
    color: #FFF;
    font-family: Geist;
    font-size: clamp(14px, 1.5vw, 16px);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.footer-ul{
    margin: 0;
    padding: 0;
    margin-top: 40px;
    list-style: none;
}
.footer-ul li{
    display: inline-block;
}
.footer-ul li a{
    color: #FFF;
    font-family: Geist;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-right: 8px;
    text-decoration: none;
}
.footer-link-external{
    color: #FFF;
    font-family: Geist;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-right: 8px;
    text-decoration: none;
}
.footer-link-external:hover{
    text-decoration: underline;
}
.copyright p{
    color: #FFF;
    font-family: Geist;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 5px;
}




.form-ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.form-ul li{
    display: inline-block;
}
.parti-form label{
    color: #FFF;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.tip-label{
    color: rgba(255, 255, 255, 0.70);
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.text-field{
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.70);
    width: 100%;
}
.textarea-field{
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.70);
    width: 100%;
    height: 95px;
}
.text-field::placeholder{
    color: rgba(255, 255, 255, 0.70);
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.textarea-field::placeholder{
    color: rgba(255, 255, 255, 0.70);
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.select-field{
    border-radius: 27.572px;
    border: 2px solid rgba(255, 255, 255, 0.70);
    background: transparent;
    width: 100%;
    padding: 5px;
    color: rgba(255, 255, 255, 0.70);
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}




.inner-a-link{
    color: #FFF;
    font-family: Geist;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

.spon-wrap{
    border-top: 1px solid #28282A;
    border-bottom: 1px solid #28282A;
    padding: 40px 0;
}
.inline-ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 1rem;
}
.inline-ul li{
    flex: 1;
    text-align: center;
}

.border-strip{
    position: relative;
    padding-left: 20px;
    padding-right: 40%;
}
.border-strip:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #4DB8A2;
    width: 11px;
    height: 100%;
}

.section-mini-title{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 2px solid #4DB8A2;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.form-bg-lite-wrap .text-field::placeholder{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.form-bg-lite-wrap .text-field{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(40, 40, 42, 1);
    width: 100%;
}
.form-bg-lite-wrap .textarea-field::placeholder{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.form-bg-lite-wrap .textarea-field{
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(40, 40, 42, 1);
    width: 100%;
}
.main-button-lite-bg{
    border: 2px solid rgba(40, 40, 42, 1);
}
.main-button-lite-bg span{
    color: rgba(40, 40, 42, 1);
}
.main-button-lite-bg div {
    background-color: rgba(77, 184, 162, 1);
    transition: all 0.8s ease;
}


.toggle-switch {
  position: relative;
  display: inline-flex;
  border: 1px solid #333;
  border-radius: 999px;
  overflow: hidden;
  background: #f4f4f4;
  width: 100%;
  height: 34px;
  font-family: sans-serif;
  margin-top: -3px;
}

.toggle-switch input {
  display: none;
}

.toggle-switch label {
  flex: 1;
  text-align: center;
  line-height: 34px;
  z-index: 2;
  cursor: pointer;
  font-weight: 500;
  color: #333;
}

.toggle-switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #45b8a7;
  border-radius: 999px;
  transition: left 0.3s ease;
  z-index: 1;
}

.toggle-switch input#monthly:checked ~ .slider {
  left: 50%;
}

.toggle-switch input#one-time:checked ~ .slider {
  left: 0%;
}

.toggle-switch input#one-time:checked + label,
.toggle-switch input#monthly:checked + label + input + label {
  color: white;
}


#myTab{
    border-bottom: none;
}
.nav-link{
    background: none;
    border: none;
    padding: 0;
    color: #000;
    text-align: center;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 2px solid transparent;
    padding-bottom: 10px;
    margin-bottom: 0;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-link.active{
    
    color: #000 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    border-bottom: 2px solid #4DB8A2 !important;
}
.nav-item{
    margin-right: 65px;
}

.tab-step h4{
    color: #28282A;
    font-family: Geist;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.tab-step p{
    color: #28282A;
    text-align: center;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    min-height: 120px;
}
.step-svg{
    position: relative;
    display: inline-block;
    min-height: 115px;
}
.hex{
    position: absolute;
    right: -15px;
    top: -15px;
}

.table th, .table td{
    background-color: transparent;
    border-bottom: 1px solid #28282A;
    padding-top: 20px;
}
.table-index{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.table-title{
    color: #28282A;
    font-family: Geist;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    min-height: 40px;
}
.table-sub-title{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.table-sub-pul{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.table-sub-vol{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.star-wrap{
    background-color: rgba(77, 184, 162, 1);
    width: 36px;
    height: 36px;
    border-radius: 100px;
    padding: 4px 4px 4px 7px;
    display: inline-block;
    float: left;
}
.table-sub-star span{
    color: #43CCA2;
    display: inline-block;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 12px;
    margin-top: 6px;
    float: left;
}
.table-sub-star{
    margin-top: 25px;
}






.ui-datepicker {
  font-family: sans-serif;
  width: auto !important;
}

.today a {
  background: #222 !important;
  color: #fff !important;
  border-radius: 50%;
}

.dot a::after {
  content: "\2022";
  color: #33c1ad;
  font-size: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.dots a::after {
  content: "\2022\2022";
  color: #33c1ad;
  font-size: 14px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.ui-datepicker td {
  position: relative;
}




.calendar-wrap {
    height: auto;
}
#calendar{
    height: 100%;
}
#calendar .ui-datepicker{
    height: 669px;
    border: none;
    background: transparent;
    border-bottom: 1px solid #28282A;
    border-radius: 0px;
}
#calendar .ui-datepicker-header{
    background: none;
    border: none;
}
.ui-datepicker-calendar{
    text-align: center;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
 {
    border: none;
    background: transparent;
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

#calendar .ui-datepicker td {
    padding: 38px 25px;
}
#calendar thead th{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#calendar .ui-state-default.ui-state-highlight.ui-state-active{
    width: 60px;
    height: 60px;
    color: #F2F2F2;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 16px;
}

.link-single{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.link-single span{
    font-weight: 600;
}
.link-single-wrap{
    border-bottom: 1px solid #28282A;
    padding: 40px 10px 25px 10px;
}
.link-single-wrap-2{
    border-bottom: 1px solid #28282A;
    padding: 31px 10px 37px 10px;
}
.link-single-wrap-2 ul{
    padding: 0;
    margin: 0;
}
.link-single-wrap-2 ul li{
    list-style: none;
}










.main-slide-img{
    width: 100%;
    height: 640px;
    border-radius: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    margin-bottom: 25px;
}
.slider-slide-single-img{
    width: 100%;
    height: 310px;
    border-radius: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
}


.slider-slides-inner{
    margin: 0;
    padding: 0;
    list-style: none;
}
.slider-slides-inner-2{
    margin: 0;
    padding: 0;
    list-style: none;
}
.slider-wrapper .bx-prev, .slider-wrapper .bx-next{
    text-indent: 0 !important;
    background: none !important;
    display: inline-block !important;
    vertical-align: bottom !important;
}
.slider-wrapper .bx-prev{
    left: 0px;
}
.slider-wrapper .bx-next{
    right: -18px;
}    
.slider-wrapper .bx-controls{
    position: absolute;
    width: 250px;
    right: 15px;
}
.slider-wrapper .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    outline: 0;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    z-index: 9999;
}
.slider-wrapper .bx-pager.bx-default-pager{
    background: #D3DBDF;
    height: 10px;
    border-radius: 50px;
    width: 195px;
    left: 40px;
    padding-top: 0;
    bottom: -29px;
}
.slider-wrapper .bx-pager-item a{
    margin-top: -21px !important;
    width: 100% !important;
}
.slider-wrapper .bx-pager-item a:hover{
    background: transparent !important;
}
.slider-wrapper .bx-pager-item{
    width: 50%;
}
.slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
    background: #D3DBDF;
    margin: 0 0px;
}
.slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active {
    background: #28282A;
}
.slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active:hover {
    background: #28282A !important;
}




.info-step{
    border-radius: 12px;
    border: 1px solid #28282A;
    padding: 18px 24px;
}
.info-step img{
    width: 100%;
    height: auto;
}
.info-step-content h4{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.info-step-content p{
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.info-step-content h6{
    color: #28282A;
    font-family: "MADE TOMMY";
    font-size: 25.789px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



.step-2-wrap{
    border-top: 1px solid #28282A;
    border-bottom: 1px solid #28282A;
    margin-top: 90px;
    padding: 62px 0;
}

.info-step-2-svg img{
    width: 100%;
    height: auto;
}
.info-step-2-content h4{
    color: #28282A;
    font-family: Geist;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.info-step-2-content p{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.info-step-2-content{
    display: table;
    width: 100%;
    height: 100%;
}
.info-step-2-content-inner{
    display: table-cell;
    vertical-align: middle;
}
.info-step-2{
    padding: 0px 15%;
}




.pas-wrap{
    position: relative;
}
.pas-wrap:before{
    content: "";
    width: 100%;
    height: 1px;
    background: #28282A;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 4px 4px 4px 4px #F2F2F2;
    z-index: 9;
}
.pas-single-step-number{
    color: #4DB8A2;
    text-align: center;
    font-family: "MADE TOMMY";
    font-size: 33.951px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    top: -28px;
    left: 0;
    right: 0;
    margin: auto; 
}
.pas-single-step{
    position: relative;
    margin-bottom: 25px;
}
.pas-single-step:before{
    content: "";
    width: 100%;
    height: 1px;
    background: #28282A;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 4px 5px 0px 4px #F2F2F2;
    z-index: 9;
}
.pas-single-step-svg{
    padding-top: 20px;
    padding-bottom: 20px;
}
.pas-single-step-svg img{
    width: 100%;
    height: 80px;
}



.svg-l-c-r-step-svg{
    display: table;
    width: 100%;
    height: 100%;
}
.svg-l-c-r-step-svg-inner{
    display: table-cell;
    vertical-align: middle;
}
.svg-l-c-r-step-content h6{
    color: #28282A;
    font-family: Geist;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.svg-l-c-r-step-content p{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}


.form-step-title{
    color: #28282A;
    font-family: Geist;
    font-size: clamp(18px, 2.5vw, 30px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}
.form-step-title span{
    color: #4DB8A2;
}

.pas-line{
    width: 100%;
    height: 1px;
    background: #28282A;
    position: relative;
}
.pas-line-2{
    width: 100%;
    height: 1px;
    background: #28282A;
    position: relative;
}

.pas-line:before{
    content: "";
    width: 100%;
    height: 1px;
    background: #28282A;
    position: absolute;
    top: 0;
    left: -100%;
}
.pas-line:after{
    content: "";
    width: 100%;
    height: 1px;
    background: #28282A;
    position: absolute;
    top: 0;
    right: -100%;
}

.pas-line-2:before{
    content: "";
    width: 100%;
    height: 1px;
    background: #28282A;
    position: absolute;
    bottom: 0;
    left: -100%;
}
.pas-line-2:after{
    content: "";
    width: 100%;
    height: 1px;
    background: #28282A;
    position: absolute;
    bottom: 0;
    right: -100%;
}


.lite-label{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.radio-slider{
    padding: 0;
    margin: 0;
    list-style: none;
}

.bx-wrapper {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
    margin-bottom: 0;
}


.qut-wrap{
    position: relative;
    display: flex;
}

.qut-wrap .qut-button{
    
}
.qut-wrap input{
    width: 45px;
    text-align: center;
    color: #28282A;
    font-family: "MADE TOMMY";
    font-size: 25.789px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    background: transparent;
}
.qut-wrap input::-webkit-outer-spin-button,
.qut-wrap input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.qut-wrap input[type=number] {
  -moz-appearance: textfield;
}

.qut-wrap .qut-button{
    color: #28282A;
    font-family: "MADE TOMMY";
    font-size: 25.789px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.form-coll p{
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}


.form-coll{
    width: 100%;
    height: 81.5%;
    border-radius: 12px;
    border: 1px solid #28282A;
    padding: 18px 24px;
}


.form-sub-button{
    color: #FFF;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
    border-radius: 6px;
    background: #4DB8A2;
    width: 100%;
}

.form-ul-2{
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 15px;
    padding-bottom: 15px;
}
.form-ul-2 li{
    display: block;
    margin-bottom: 5px;
}

.form-custom-label{
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.form-custom-label a{
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

.side-map-wrap{
    border-left: 1px solid #28282A;
    margin-right: -47%;
}
#map-din2{
    
    border-radius: 0 !important;
}

.col-5ths {
    flex: 0 0 20%;
    max-width: 20%;
}
@media(max-width:1350px){
    #calendar .ui-datepicker td {
        padding: 10px;
    }
    #calendar .ui-state-default.ui-state-highlight.ui-state-active {
        padding-top: 3px;
    }
    .ui-datepicker td span, .ui-datepicker td a {
        display: inline;
    }
}
@media(max-width:1230px){
    .footer-box-l {
        padding: 15px;
    }
    .footer-box-number {
        margin-bottom: 15px;
    }
    .footer-box-m {
        padding: 15px;
    }
    .footer-box-r {
        padding: 15px;
    }
}
@media(max-width:991px){
    .col-5ths {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
    .inline-ul{
        display: block;
    }
    .pas-wrap:before {
        height: 0 !important;
    }
    #calendar .ui-datepicker {
        height: auto !important;
    }
    .border-strip{
        padding-right: 0%;
    }
}
@media(max-width:767px){
    .col-5ths {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .footer-box-m:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 0;
    }
    .footer-box-m:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #fff;
        position: absolute;
        right: 0;
        top: auto;
        bottom: 0;
    }
    .common-p{
        width: 100% !important;
    }
    
}


.custom-lable-2{
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.custom-radio{
    padding: 3px 20px;
    border-radius: 200px;
    border: 1px solid #28282A;
    position: relative;
}
.custom-radio input{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}
.custom-radio input:checked + span{
    color: #4DB8A2;
    text-decoration: underline;
}    



.swiper-slide {
    width: 258px;
    height: 388px;
    background: #f2f2f2;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.swiper-slide {
  transition: transform 0.3s ease;
  transform: scale(0.85) !important; /* default smaller size */
  opacity: 0;
}

.swiper-slide-active {
  transform: scale(1) !important; /* full size for center slide */
  opacity: 1;
  z-index: 2;
  border-radius: 6px;
  border: 10px solid #4DB8A2;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-filter: grayscale(0%);
  filter: none;
}
.swiper-slide-active img{
    width: auto;
    height: 100%;
}

.swiper-slide-prev,
.swiper-slide-next {
  transform: scale(0.9) !important; /* slightly larger than others */
  z-index: 1;
  opacity: 0.7;
}



.swiper-button-next,
.swiper-button-prev{
      color: #28282A;
}
.swiper-button-next:after, 
.swiper-button-prev:after{
    font-size: 20px;
}
.swiper-button-prev{
    left: 0;
}
.swiper-button-next{
    right: 0;
}

.swiper-slide-active:before{
    content: "";
    background: #F2F2F2;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    margin: auto;
    width: 70%;
    z-index: 99999999999999;
}
.swiper-slide-active:after{
    content: "";
    background: #F2F2F2;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto;
    width: 70%;
    z-index: 99999999999999;
}










@media screen and (max-width: 1070px) {
  .event-table tbody tr th:nth-child(1){
    width: 18%;
  }
  .event-table tbody tr td.first-td{
    width: 40%;
  }
}  


/* Responsive styles for tablets & below */
@media screen and (max-width: 870px) {
  
  /*
  .row.align-items-stretch {
    flex-direction: column;
  }

  .event-table .col-lg-6 {
    width: 100%;
    padding: 0 15px;
  }
  */  
  .event-table p{
    text-align: center;
  }
  .event-table {
    border-spacing: 0 10px;
  }
  .star-wrap {
        background-color: rgba(77, 184, 162, 1);
        width: 36px;
        height: 36px;
        border-radius: 100px;
        padding: 4px 4px 4px 4px;
        display: block;
        float: none;
        text-align: center;
        margin: auto;
    }
    .table-sub-star{
        text-align: center;
    }
    .table-sub-star span {
        color: #43CCA2;
        display: inline-block;
        font-family: Geist;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-left: 0;
        margin-top: 9px;
        float: none;
    }

  .event-table tr {
    display: block;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
  }

  .event-table th,
  .event-table td {
    display: block;
    width: 100% !important;
    text-align: center !important;
    padding: 8px 0;
  }

  .event-table td .text-end,
  .event-table td p[style*="text-align: right"] {
    text-align: center !important;
    margin-top: 15px;
  }


  .calendar-wrap,
  .link-single-wrap,
  .link-single-wrap-2 {
    margin-top: 30px;
  }
  
  .event-table .table-title {
    min-height: 1px;
  }
  .event-table.table th, .event-table.table td {
    border-bottom: 0px solid #28282A !important;
  }
  
}



@media screen and (max-width: 767px) {
    .main-hero {
        height: auto !important;
        min-height: 550px;
    }
    .main-slide-img{
        display: none;
    }
    .hero-in-text-block h3 {
        font-size: 18.515px !important;
    }
}    


.text-field {
    outline: 0;
    color: rgba(255, 255, 255, 0.70);
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}    

.textarea-field {
    outline: 0;
    color: rgba(255, 255, 255, 0.70);
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}   

.form-bg-lite-wrap .textarea-field::placeholder {
    outline: 0;
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}    





.main-button-2:hover{
    color: #28282A ;
    background-color: #fff;
    border-color: #28282A ;
}
.main-button-2:hover span{
    color: #28282A ;
}
.main-button-2:hover div{
    background-color: #28282A ;
}
.main-button-2:hover div svg path{
    stroke: #ffffff ;
}
.main-button-2:hover div svg rect{
    fill: #ffffff ;
}


.main-button-3:hover{
    color: #28282A ;
    background-color: rgba(40, 40, 42, 1);
    border-color: #28282A ;
}
.main-button-3:hover span{
    color: #ffffff ;
}
.main-button-3:hover div{
    background-color: #ffffff !important;
}
.main-button-3:hover div svg path{
    stroke: #28282A ;
}
.main-button-3:hover div svg rect{
    fill: #28282A ;
}


.form-lite-bg .form-check-input:checked{
    background-color: #4DB8A2;
    border-color: #4DB8A2;
}
.form-dark-bg .form-check-input:checked{
    background-color: #28282A;
    border-color: #ffffff;
}


.swiper-slide-active{
    cursor: pointer;
}


#exampleModal .modal-header {
    border-bottom: 0;
}
#exampleModal button{
    border: none;
    background: transparent;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9;
}
#exampleModal .modal-dialog{
    border-radius: 6px;
    /*border: 20px solid #4DB8A2;*/
    position: relative;
}
#exampleModal .modal-body{
    padding: 0;
}
#exampleModal .modal-body img{
    width: 100%;
    height: auto;
    background: #fff;
}

/*
#exampleModal .modal-content:before {
    content: "";
    background: #F2F2F2;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    margin: auto;
    width: 70%;
    z-index: 99999999999999;
}
#exampleModal .modal-content:after {
    content: "";
    background: #F2F2F2;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    width: 70%;
    z-index: 99999999999999;
}
*/


.modal .modal-header {
    border-bottom: 0;
}
.modal .close{
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 9;
}
.modal-common .modal-header {
    border-bottom: 0;
}
.modal-common .close{
    border: none;
    background: transparent;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9;
}
.popup-form .text-field::placeholder {
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    
}
.popup-form .text-field {
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(40, 40, 42, 1);
    width: 100%;
}

.form-adauga-copi{
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.form-adauga-copi span{
    color: #28282A;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.pop-ul li{
    display: block;
}
.pop-ul a{
    color: #28282A;
    font-family: Geist;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.pop-text{
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.all-green-button{
    border-radius: 100px;
    background: #40C8AF;
    color: #FFF;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px;
    border: 1px solid #40C8AF;
}
.all-green-button:hover{
    border-radius: 100px;
    background: rgba(40, 40, 42, 1);
    color: #fff;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px;
    border: 1px solid rgba(40, 40, 42, 1);
}
.pop-spon{
    margin-top: 40px;
    padding: 10px 0;
}

.border-svg{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
}
#exampleModal .modal-body{
    padding: 22px;
    position: relative;
    z-index: 9;
}
#exampleModal .modal-content{
    background-color: transparent;
    border: none;
    overflow: hidden;
}
#exampleModal button {
    border: none;
    background: transparent;
    position: absolute;
    right: 36px;
    top: 36px;
    z-index: 99;
}

.spon-wrap img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    cursor: pointer;;
}
.spon-wrap img:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.radio-slider-section .bx-wrapper .bx-pager.bx-default-pager a{
    width: 17px;
    height: 17px;
    border-radius: 100px;
    background: rgba(211, 219, 223, 1);
}    
.radio-slider-section .bx-wrapper .bx-pager {
    bottom: -50px;
}
.radio-slider-section .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: rgba(40, 40, 42, 1);
}



select.lite-bg-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    outline: none;
    border: 1px solid #ddd;
    border-radius: 27.572px;
    background-image: url(img/select.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 96% 8px !important;
    color: #28282A;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 12px 11px;
}
select.dark-bg-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    outline: none;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 3px 5px;
    background-image: url(img/select-w.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 86% 16px !important;
    color: #FFF;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 3px 11px;
    height: 44px;
}
.form-dark-bg .form-check-input{
    --bs-form-check-bg: transparent;
}
.form-dark-bg .form-check-input:checked{
    --bs-form-check-bg: #ffffff;
    background-color: #ffffff;
}
.form-dark-bg input[type=checkbox].form-check-input:focus {
    box-shadow: none;
}

.form-bg-lite-wrap input[type=checkbox].form-check-input{
    border-radius: 2.06px;
    border: 0.687px solid #28282A;
}
.form-bg-lite-wrap input[type=radio].form-check-input{
    width: 17px;
    height: 17px;
    border: 0.687px solid #28282A;
}


.form-bg-lite-wrap input[type=radio].form-check-input:checked{
    background: #4DB8A2;
}
.form-bg-lite-wrap input[type=radio].form-check-input:focus {
    box-shadow: none;
}


.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: #4DB8A2; /* --- Lijn progres kleur --- */
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap span{
    position: absolute;
    left: 17px;
    top: 14px;
}

.pro-arr{
    position: absolute;
    left: 13px !important;
    top: 10px !important;
}



@keyframes dropFromTop {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.main-hero {
  animation: dropFromTop 1s ease-out forwards;
}

.main-button:hover{
    /*
    color: #4DB8A2 ;
    background-color: #fff;
    border-color: #4DB8A2;
    */
    color: #ffffff ;
    background-color: transparent;
    border-color: #ffffff;
}
.main-button:hover span{
    color: #ffffff ;
}
.main-button:hover div{
    background-color: rgba(22, 93, 86, 1) ;
}
.main-button:hover div svg path{
    stroke: #ffffff ;
}
.main-button:hover div svg rect{
    fill: #ffffff ;
}



.main-button-lite-bg:hover {
    border: 2px solid rgba(40, 40, 42, 1);
}
.main-button-lite-bg:hover span {
    color: rgba(40, 40, 42, 1);
}
.main-button-lite-bg:hover div{
    background-color: #4DB8A2 !important;
}
.main-button-lite-bg:hover div svg path{
    stroke: #ffffff ;
}
.main-button-lite-bg:hover div svg rect{
    fill: #ffffff ;
}




.main-button-lite-bg-form{
    border-radius: 30px;
    border: 2px solid #28282A;
}
.main-button-lite-bg-form span{
    color: rgba(40, 40, 42, 1);
}
.main-button-lite-bg-form div{
    background-color: rgba(77, 184, 162, 1);
    transition: all 0.8s ease;
}
.main-button-lite-bg-form div svg path{
    stroke: #ffffff ;
}
.main-button-lite-bg-form div svg rect{
    fill: #ffffff ;
}

.main-button-lite-bg-form:hover{
    border-radius: 30px;
    border: 2px solid #28282A;
}
.main-button-lite-bg-form:hover span{
    color: rgba(40, 40, 42, 1);
}
.main-button-lite-bg-form div{
    background-color: rgba(77, 184, 162, 1);
    transition: all 0.8s ease;
}
.main-button-lite-bg-form div svg path{
    stroke: #ffffff ;
}
.main-button-lite-bg-form div svg rect{
    fill: #ffffff ;
}


/*roteting animation*/

.rotating-headline {
    position: relative;    
    height: 1.19em;
    overflow: hidden;
    vertical-align: bottom;
    margin-left: 15px;
}

.rotate-text {
    position: absolute;
    left: 0;
    right: 0;
    text-align: left;
    opacity: 0;
    animation: rotateText 8s linear infinite;
    white-space: nowrap;
    background: linear-gradient(90deg, #07675C 2.4%, #079888 57.21%, #41C4AC 78.37%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    width: 400px;
}

.rotate-text:nth-child(1) {
  animation-delay: 0s;
  
}
.rotate-text:nth-child(2) {
  animation-delay: 2s;
  
}
.rotate-text:nth-child(3) {
  animation-delay: 4s;
  
}
.rotate-text:nth-child(4) {
  animation-delay: 6s;
  
}

@keyframes rotateText {
  0%   { opacity: 0; transform: translateY(100%); }
  5%   { opacity: 1; transform: translateY(0); }
  25%  { opacity: 1; transform: translateY(0); }
  30%  { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 0; }
}

@media(max-width:925px){
    .rotate-text {
        width: 260px;
    }
}
@media(max-width:705px){
    .rotate-text {
        width: 190px;
    }
    .hero-title{
        overflow: hidden;
    }    
}
@media(max-width:767px){
    .rotate-text {
        width: 190px;
    }
    .hero-title{
        overflow: hidden;
    }
    .hero-step-s-t{
        font-size: 14px;
    } 
    .hero-step-s-h3{
        font-size: 35px;
    }    
    .hero-step-s-h3-wrap{
        text-align: center !important;
    }
    section{
        padding-bottom: 45px !important;
        margin-top: -2px;
    }
    .pas-single-step {
        margin-bottom: 50px;
    }
    .pas-25-mb{
        margin-bottom: 0 !important;
    }
    .info-step-2 {
        padding: 0px 0;
    }
    .tab-step p {
        min-height: auto;
    }
    .tab-step{
        margin-bottom: 40px;
    }
    .curve-borders {
        border-radius: 15px 15px 0px 0px;
    }
    .mbm-margin{
        padding-bottom: 100px !important;
    }
    .row.align-items-stretch{
        margin-bottom: 0 !important;
    }
    .tab-step h4 {
        font-size: 22px;
    }
    .tab-step p {
        font-size: 14px;
    }
    .main-hero .common-p{
        font-size: 14px;
    }
    .modal-content{
        padding: 15px !important;
    }
    .clored-block {
        margin: auto !important;
    }
    
}
.form-wrap-space{
    margin-right: 25%;
}
footer ul.form-ul li{
    margin-right: 40px;
}
footer ul.form-ul{
    margin-bottom: 15px;
}
footer .footer-text-dec{
    padding-right: 21%; 
}
@media(max-width:991px){
    .section-sub-title{
        margin-right: 0;
        margin-bottom: 50px;
    }
    .form-wrap-space{
        margin-right: 0%;
    }
    footer .footer-text-dec{
        padding-right: 0%; 
    }
    .spons-slider li{
        text-align: center;
    }
    .spons-slider li img{
        margin: auto;
    }
}  

.middle-slide img{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

@media screen and (max-height: 770px) {
    /*
    .hero-title {
        font-size: clamp(32px, 6vw, 40px);
    }
    */
}  
@media(max-width:500px){
    /*
    .hero-title {
        font-size: clamp(25px, 6vw, 25px);
    }
    */
}
@media(max-width:1055px){
    .card-svg-rotate img{
        width: 100%;
    }
}
@media(max-width:767px){
    .card-svg-rotate img{
        width: 100%;
        max-width: 344px;
    }
    .card-svg-rotate-wrap{
        text-align: center !important;
    }
    .list-slide-info{
        margin-bottom: -34px !important;
    }
    .list-slide-info-text p{
        font-size: 10px !important;
    }
    .list-slide-info-text h2{
        font-size: 26px !important;
    }
    
    
    
    
    
}
@media(max-width:480px){
    .hero-title {
        font-size: clamp(24px, 5vw, 12px);
    }
    .main-logo img{
        width: 130px;
    }
    .main-button {
        background-color: transparent;
        border: 2px solid #fff;
        border-radius: 100px;
        padding: 2px 5px 2px 15px;
        font-size: 13px;
    }
    .main-button span {
        float: left;
        margin-top: 3px;
        margin-right: 10px;
        color: #FFF;
        font-family: Geist;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .main-button div {
        background-color: #fff;
        width: 23px;
        height: 23px;
        border-radius: 100px;
        padding-top: 0px;
        float: right;
        transition: all 0.8s ease;
    }
    .main-button div svg{
        width: 10px;
    }
    .main-button-lite-bg {
        border: 2px solid rgba(40, 40, 42, 1);
    }
    .main-button-lite-bg span {
        color: rgba(40, 40, 42, 1);
    }
    
    .main-button-lite-bg-form{
        border: 2px solid #28282A;   
    }
    .main-button-lite-bg-form span{
        color: rgba(40, 40, 42, 1);
    }
    .main-button-lite-bg-form div {
        background-color: rgba(77, 184, 162, 1);
    }
    .main-hero {
        height: 100vh;
        padding-top: 100px;
    }
}    
.without-curve-borders-content{
    display: none;
}
@media(max-width:1272px){
    .curve-borders-content{
        display: none;
    }
    .without-curve-borders-content{
        display: block;
    }
} 

.radio-slider-section .bx-controls-direction{
    display: none;
}

.doneaza-ul{
    padding: 0 20px;
    margin: 0;
}

.modal-content{
    background: #F2F2F2;
}



.peo-list-wrap{
    position: relative;
}
.peo-list{
    padding: 0;
    margin: 0;
    list-style: none;
}
.peo-list li{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.peo-list li a{
    display: inline-block;
}
.peo-list li a img{
    border: 3px solid #fff;
    border-radius: 100px;
}
.peo-list li a .svg-button{
    border: 3px solid #fff;
    border-radius: 100px;
    width: 48px;
    height: 48px;
    background: #fff;
    position: relative;
}
.peo-list li a .svg-button svg{
    left: 13px;
    position: absolute;
    top: 12px;
}
.hero-in-text-block{
    display: inline-block;
    margin-left: 20px;
}
.hero-in-text-block p{
    color: #FFF;
    font-family: Geist;
    font-size: 12.673px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}
.hero-in-text-block h3{
    color: #FFF;
    font-family: "MADE TOMMY";
    font-size: 28.515px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}
.section-new-right-c-t{
    font-family: Geist;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: linear-gradient(91deg, #3CADA9 19.42%, #34C7AD 93.4%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.clored-block{
    padding: 5px;
    border-radius: 5px;
    max-width: 355px;
}
.clored-block-innner{
    min-height: 200px;
    border: 2px solid #fff;
    position: relative;
    border-radius: 5px;
    padding: 25px;
}
.clored-block-b{
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 5px;
    position: absolute;
}
.clored-block-b1{
    left: -2px;
    top: -2px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    background: #4DB8A2;
    border-top-color: #4DB8A2;
    border-left-color: #4DB8A2;
}
.clored-block-b2{
    right: -2px;
    top: -2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    background: #4DB8A2;
    border-top-color: #4DB8A2;
    border-right-color: #4DB8A2;
}
.clored-block-b3{
    left: -2px;
    bottom: -2px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #4DB8A2;
    border-bottom-color: #4DB8A2;
    border-left-color: #4DB8A2;
}
.clored-block-b4{
    right: -2px;
    bottom: -2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #4DB8A2;
    border-bottom-color: #4DB8A2;
    border-right-color: #4DB8A2;
}

.clored-block h3{
     color: #fff;
     text-transform: uppercase;
     margin-bottom: 20px;
}
.clored-block img{
     margin-bottom: 100px;
}
.clored-block h5{
     color: #fff;
     margin-bottom: 30px;
}
.clored-block p{
     color: #fff;
}

.section-title-big{
    color: #28282A;
    font-family: Geist;
    font-size: 55.226px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
}
.section-title-big-svg{
    position: absolute;
    left: 0;
}
.section-title-big-text{
    position: relative;
    z-index: 9;
}

.acc-ul{
    margin: 0;
    padding: 0;
}
.acc-ul li{
    list-style: none;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding:10px 0 40px 0;
    margin-top: -1px;
    background: #F2F2F2;
    position: relative;
}
.acc-ul p{
    color: #000;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.54px;
    margin-bottom: 0;
    /*padding-top: 11px;*/
}
.list-slide-info-text p{
    color: #28282A;
    font-family: Geist;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.list-slide-info-text h2{
    color: #28282A;
    font-family: "MADE TOMMY";
    font-size: 59.031px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.list-slide-info{
    border-bottom: 0px solid #000 !important;
    border-top: 0px solid #000 !important;
    margin-bottom: -45px;
}

.table-slider{
    margin: 0;
    padding: 0;
    list-style: none;
}

.table-slider tr{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.table-slider tr td{
    padding: 20px 15px;
    color: #000;
    text-align: justify;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.before-after-slder-wrap{
    margin-top: 30px;
}
.before-after-slder{
    margin: 0;
    padding: 0;
    list-style: none;
}
.before-after-slder li{
    display: inline-block;
}
.before-after-slder li a{
    color: #000;
    text-align: right;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration: none;
}
.acc-slider-wrap .bx-next,
.table-slider-wrap .bx-next{
    opacity: 0;
}
.acc-slider-wrap .bx-prev,
.table-slider-wrap .bx-prev{
    opacity: 0;
}




.rotating-headline-js {
  position: relative;
  display: inline-block;
  height: 1.19em; /* adjust if text cuts off */
  overflow: hidden;
  vertical-align: bottom;
  width: 400px;
}

.rotate-text-js {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  opacity: 0;
  transform: translateY(100%);
  white-space: nowrap;
  background: linear-gradient(90deg, #07675C 2.4%, #079888 57.21%, #41C4AC 78.37%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  width: 400px;
}

.rotate-text-js.active {
  opacity: 1;
  transform: translateY(0);
}

@media(max-width:767px){
    .rotating-headline-js {
      width: 200px;
    }

    .rotate-text-js {
      width: 200px;
    }
}
@media(max-width:375px){
    .rotating-headline-js {
      width: 100px;
    }

    .rotate-text-js {
      width: 100px;
    }
}


.sp-right-text{
    padding-left: 11%;
}


#accordionExample,
#accordionExample2,
#accordionExample3,
#accordionExample4,
#accordionExample5{
    border: none;
    background: #F2F2F2;
    position: relative;
}
.accordion-item{
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding: 15px 0;
}
.accordion-header{
    border: none;
    background-color: transparent;
}
.accordion-button{
    background: #F2F2F2;
}
.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: #F2F2F2;
    box-shadow: none;
}
.accordion-item:first-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.accordion-button{
    padding: 0;
    outline: 0;
}
.accordion-body{
    padding: 20px 0 0 0;
}


.acc-slider-wrap .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
    visibility: hidden;
}
.acc-slider-wrap .bx-viewport{
    height: auto !important;
}



.accordion-button-ani{
    height: 33px;
    border: none;
    width: 33px;
    display: inline-block;
    transition: transform 0.3s ease;
    padding: 0;
    position: relative;
    z-index: 99;
}
.rotate-it{
    transform: rotate(46deg);
}





.evenimente-in-derulare-sblock{
    border-bottom: 1px solid #28282A;
}
@media(max-width:767px){
    .evenimente-in-derulare-sblock{
        text-align: center;
        padding: 15px 0;
    }
    .evenimente-in-derulare-sblock .table-sub-title{
        text-align: center !important;
    }
    .evenimente-in-derulare-sblock .table-sub-vol{
        text-align: center !important;
    }
    .evenimente-in-derulare-sblock div{
        text-align: center !important;
    }
}

.acc-slider-wrap .bx-controls{
    display: none;
}










/* ----- Responsive: stack rows into cards on small screens ----- */
@media (max-width: 767px) {
  .resp-table,
  .resp-table tbody,
  .resp-table tr,
  .resp-table td {
    display: block;
    width: 100%;
  }

  /* Visually hide the first row (header) on mobile */
  .resp-table tbody > tr:first-child {
    position: absolute !important;
    width: 1px; height: 1px;
    margin: -1px; padding: 0; border: 0;
    clip: rect(0 0 0 0); overflow: hidden;
  }

  /* Each data row becomes a card */
  .resp-table tbody > tr {
    margin: 0 0 16px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.04);
  }

  /* First cell acts like the section title (e.g., Loca?ie, Data) */
  .resp-table td:first-child {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #e5e7eb;
    background: transparent;
  }

  /* Column labels for the 2nd and 3rd cells via pseudo-elements */
  .resp-table td:nth-child(2)::before,
  .resp-table td:nth-child(3)::before {
    display: block;
    opacity: .7;
    margin-bottom: 4px;
    content: "";
  }
  .resp-table td:nth-child(2)::before { content: "Plantare"; }
  .resp-table td:nth-child(3)::before { content: "Voluntariat"; }

  /* Remove inner row borders inside the card */
  .resp-table td {
    border: none;
    padding: 10px 10px;
    width: 100% !important;
  }

div.bx-wrapper img.project-logo {
  max-width: none !important;
  width: auto !important;
  height: auto !important;
}
}

/* === FIX PENTRU SPAȚIUL HERO & PEO-LIST-WRAP === */

/* 1) Hero: padding-bottom mai controlat */
.main-hero {
  /* păstrăm min-height pentru consistență */
  min-height: clamp(520px, 82vh, 720px);
  height: auto !important; /* override la 90vh */
  padding-top: 150px;
  padding-bottom: clamp(40px, 12vh, 80px); /* spațiu adaptiv */
}

/* 2) Peo-list-wrap: poziționare mai sigură */
.peo-list-wrap {
  position: relative;
  z-index: 3;
  margin-top: 0;
  padding-top: 24px; /* spațiu intern în loc de margin exterior */
}

/* 3) Curba: fix pentru overlap */
.curve-borders {
  position: relative;
  z-index: 1; /* sub hero */
  margin-top: -40px; /* overlap decorativ controlat */
  pointer-events: none;
}

.curve-borders:before {
  z-index: 0 !important; /* sigur sub tot */
  pointer-events: none;
}

/* === RESPONSIVE REFINEMENT === */

/* Ecrane mari (1600px+) - reducem spațiul "gol" */
@media (min-width: 1600px) {
  .main-hero {
    min-height: clamp(520px, 62vh, 650px);
    padding-bottom: clamp(35px, 8vh, 60px);
  }
  
  .curve-borders {
    margin-top: -28px;
  }
}

/* Laptopuri (1200-1599px) */
@media (max-width: 1599px) {
  .main-hero {
    padding-bottom: clamp(50px, 10vh, 75px);
  }
}

/* Tablete landscape (992-1199px) */
@media (max-width: 1199px) {
  .main-hero {
    padding-top: 120px;
    padding-bottom: clamp(45px, 9vh, 70px);
  }
  
  .curve-borders {
    margin-top: -30px;
  }
}

/* Tablete portrait (768-991px) */
@media (max-width: 991px) {
  .main-hero {
    padding-top: 110px;
    padding-bottom: 50px; /* fix pentru consistență */
  }
  
  .peo-list-wrap {
    padding-top: 20px;
  }
  
  .curve-borders {
    margin-top: -20px;
    border-radius: 60px 60px 0 0; /* curba mai mică */
  }
}

/* Mobile (767px și mai jos) */
@media (max-width: 767px) {
  .main-hero {
    min-height: auto !important;
    height: auto !important;
    padding-top: 90px;
    padding-bottom: 40px; /* spațiu fix, nu mai suprapunem */
  }
  
  .peo-list-wrap {
    padding-top: 16px;
    margin-bottom: 24px; /* spațiu suplimentar pentru claritate */
  }
  
  .curve-borders {
    margin-top: 0; /* FĂRĂ overlap pe mobile */
    border-radius: 15px 15px 0 0;
  }
  
  /* Hero elements mai compacte pe mobile */
  .hero-title {
    margin-bottom: 20px !important;
  }
  
  .common-p {
    margin-bottom: 20px;
  }
}

/* Small phones (480px și mai jos) */
@media (max-width: 480px) {
  .main-hero {
    padding-top: 80px;
    padding-bottom: 30px;
  }
  
  .peo-list-wrap {
    padding-top: 12px;
  }
}

/* === SAFETY: prevenim overflow ascuns === */
.main-hero {
  overflow: visible; /* permite elementelor să iasă natural */
}

/* === FIX pentru u-li (avatar circles) === */
.peo-list li.u-li {
  position: relative; /* NU absolute */
  display: inline-block;
  margin-right: -12px; /* overlap elegant între avatare */
}

.peo-list li.u-li:last-child {
  margin-right: 0;
}

/* === BONUS: smooth transition la resize === */
.main-hero,
.peo-list-wrap,
.curve-borders {
  transition: padding 0.3s ease, margin 0.3s ease;
}

/* ========================================
   EVENIMENTE ÎN DERULARE - DESIGN NOU MODERN
   ======================================== */

/* Wrapper principal */
.events-slider-wrapper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 0 15px;
}

/* Grid cu 2 carduri pe desktop */
.events-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  align-items: stretch;
}

/* === CARD STYLING === */
.event-card {
  /* background: #fff; */
  border-radius: 16px;
  overflow: hidden;
  /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.event-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.event-card-inner {
  padding: 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px;
}

/* === HEADER === */
.event-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.event-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: linear-gradient(135deg, rgba(46, 195, 180, 0.1) 0%, rgba(22, 93, 86, 0.1) 100%);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: #165D56;
  font-family: "MADE TOMMY", "Poppins", sans-serif;
}

.event-badge svg {
  width: 14px;
  height: 14px;
  color: #2EC3B4;
}

/* === CONTENT === */
.event-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.event-title {
  font-family: "MADE TOMMY", "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #1C2117;
  line-height: 1.3;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* === DETAILS === */
.event-details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.event-detail-row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #555;
  font-family: "Poppins", sans-serif;
}

.event-detail-row svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: #2EC3B4;
}

.event-detail-row span {
  line-height: 1.4;
}

/* === FOOTER / BUTTON === */
.event-footer {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.event-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #2EC3B4 0%, #165D56 100%);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-family: "MADE TOMMY", "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.event-btn:hover {
  transform: translateX(2px);
  box-shadow: 0 4px 12px rgba(46, 195, 180, 0.3);
}

.event-btn svg {
  width: 14px;
  height: 14px;
  transition: transform 0.3s ease;
}

.event-btn:hover svg {
  transform: translateX(3px);
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

/* Tablete mari (max 1199px) */
@media (max-width: 1199px) {
  .events-grid {
    gap: 20px;
  }

  .event-card-inner {
    padding: 20px;
  }

  .event-title {
    font-size: 18px;
  }
}

/* Tablete (max 991px) */
@media (max-width: 991px) {
  .events-slider-wrapper {
    padding: 0 20px;
  }

  .events-grid {
    gap: 16px;
  }

  .event-card-inner {
    padding: 18px;
    gap: 16px;
  }

  .event-title {
    font-size: 17px;
  }

  .event-detail-row {
    font-size: 13px;
  }
}

/* Mobile și tablete mici (max 767px) - 1 CARD pe slide */
@media (max-width: 767px) {
  .events-slider-wrapper {
    padding: 0 15px;
  }

  .events-grid {
    display: block !important;
    grid-template-columns: 1fr !important;
  }

  /* Afișăm doar primul card (card-a) */
  .event-card.card-a {
    display: flex;
    max-width: 500px;
    margin: 0 auto;
  }

  /* Ascundem al doilea card (card-b) pe mobile */
  .event-card.card-b {
    display: none !important;
  }

  .event-card-inner {
    padding: 20px;
    gap: 18px;
  }

  .event-title {
    font-size: 18px;
  }

  .event-detail-row {
    font-size: 13px;
  }

  .event-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Small phones (max 480px) */
@media (max-width: 480px) {
  .events-slider-wrapper {
    padding: 0 12px;
  }

  .event-card.card-a {
    max-width: 100%;
    border-radius: 12px;
  }

  .event-card-inner {
    padding: 16px;
    gap: 14px;
  }

  .event-badge {
    padding: 5px 12px;
    font-size: 12px;
  }

  .event-title {
    font-size: 16px;
  }

  .event-detail-row {
    font-size: 12px;
  }

  .event-detail-row svg {
    width: 16px;
    height: 16px;
  }

  .event-btn {
    padding: 8px 16px;
    font-size: 13px;
  }
}

/* Extra small phones (max 380px) */
@media (max-width: 380px) {
  .event-card-inner {
    padding: 14px;
  }

  .event-title {
    font-size: 15px;
  }

  .event-detail-row {
    font-size: 11px;
    gap: 8px;
  }
}

/* === FIX PENTRU TITLUL SECȚIUNII (Implicarea civică...) === */
.evenimente-header {
  margin-bottom: 40px;
  padding: 0 15px; /* Padding lateral pe toate ecranele */
}

.evenimente-header h4,
.evenimente-header h2 {
  word-wrap: break-word;
  hyphens: auto;
  max-width: 100%;
}

@media (max-width: 991px) {
  .evenimente-header {
    margin-bottom: 35px;
    text-align: center; /* Centrăm pe tabletă și mobil */
  }

  .evenimente-header h4 {
    font-size: clamp(28px, 4.5vw, 36px);
    line-height: 1.3;
  }

  .evenimente-header h2 {
    font-size: clamp(26px, 4vw, 34px);
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .evenimente-header {
    margin-bottom: 30px;
  }

  .evenimente-header h4 {
    font-size: clamp(24px, 5vw, 30px);
    line-height: 1.3;
  }

  .evenimente-header h2 {
    font-size: clamp(22px, 4.5vw, 28px);
    line-height: 1.3;
  }
}

/* === FIX PENTRU SĂGEȚI NAVIGARE (.before-after-slder-wrap-2) === */
.before-after-slder-wrap-2 {
  margin-bottom: 30px;
  padding: 0 15px; /* Padding lateral consistent */
}

.before-after-slder-wrap-2 .before-after-slder {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
}

.before-after-slder-wrap-2 .before-after-slder li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 8px;
  transition: all 0.2s ease;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(77, 184, 162, 0.2);
}

.before-after-slder-wrap-2 .before-after-slder li a:hover {
  background: rgba(77, 184, 162, 0.15);
  border-color: rgba(77, 184, 162, 0.4);
  transform: translateY(-2px);
}

.before-after-slder-wrap-2 .before-after-slder li a svg {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

/* Tablete (max 991px) */
@media (max-width: 991px) {
  .before-after-slder-wrap-2 {
    margin-bottom: 25px;
    text-align: center;
  }

  .before-after-slder-wrap-2 .before-after-slder {
    justify-content: center;
    gap: 20px;
  }

  .before-after-slder-wrap-2 .before-after-slder li a {
    padding: 12px 16px;
  }

  .before-after-slder-wrap-2 .before-after-slder li a svg {
    width: 36px;
    height: 36px;
  }
}

/* Mobile (max 767px) */
@media (max-width: 767px) {
  .before-after-slder-wrap-2 {
    margin-bottom: 20px;
  }

  .before-after-slder-wrap-2 .before-after-slder {
    gap: 15px;
  }

  .before-after-slder-wrap-2 .before-after-slder li a {
    font-size: 0; /* ascundem textul pe mobil */
    padding: 12px;
    min-width: 48px; /* Dimensiune minimă pentru touch */
    min-height: 48px;
    justify-content: center;
  }

  .before-after-slder-wrap-2 .before-after-slder li a svg {
    width: 30px;
    height: 30px;
  }
}

/* === SPACING GENERAL PENTRU SECȚIUNEA EVENIMENTE === */
@media (max-width: 767px) {
  section[style*="padding-bottom: 100px"] {
    padding-bottom: 60px !important;
  }
}

/* === FIX PENTRU BXSLIDER (table-slider-wrap) === */
/* IMPORTANT: Toate regulile sunt scopate la .table-slider-wrap pentru a nu afecta alte slidere */

/* Container principal */
.table-slider-wrap {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 0 15px; /* Padding lateral consistent */
}

/* Ascundem controalele BxSlider care interferează */
.table-slider-wrap .bx-wrapper .bx-controls-direction {
  display: none; /* săgețile sunt deja în .before-after-slder-wrap-2 */
}

/* Wrapper BxSlider - fără shadow/border excesiv */
.table-slider-wrap .bx-wrapper {
  margin-bottom: 0;
  box-shadow: none;
  border: none;
  background: transparent;
  max-width: 100%;
}

/* Responsive pentru wrapper */
@media (max-width: 991px) {
  .table-slider-wrap {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .table-slider-wrap {
    padding: 0 15px;
  }
}

@media (max-width: 480px) {
  .table-slider-wrap {
    padding: 0 10px;
  }
}

/* Liste slider - spacing natural */
.table-slider-wrap .table-slider {
  list-style: none;
  margin: 0;
  padding: 0;
}

.table-slider-wrap .table-slider > li {
  margin-bottom: 0; /* BxSlider gestionează spacing-ul între slide-uri */
}

/* Viewport BxSlider - DOAR pentru table-slider-wrap */
.table-slider-wrap .bx-viewport {
  overflow: hidden;
  width: 100%;
  position: relative;
}

/* Pager dots (dacă există) - stilizare minimă */
.table-slider-wrap .bx-wrapper .bx-pager {
  padding-top: 20px;
  text-align: center;
}

.table-slider-wrap .bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
  margin: 0 4px;
}

.table-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a {
  background: rgba(211, 219, 223, 1);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
}

.table-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: rgba(40, 40, 42, 1);
}


/* === CONSISTENCY: Secțiuni generale === */
@media (max-width: 767px) {
  /* Toate secțiunile au padding consistent */
  section {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  
  /* Container-2 pe mobil - padding lateral redus */
  .container-2 {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  /* Titluri secțiuni - mai mici pe mobil */
  .section-title {
    font-size: 14px;
    margin-bottom: 16px;
  }
  
  .section-sub-title {
    font-size: clamp(28px, 6vw, 36px);
    margin-bottom: 20px;
  }
  
  .section-sub-title-r {
    font-size: 16px;
    padding-top: 12px;
  }
}

@media (max-width: 480px) {
  .container-2 {
    padding-left: 16px;
    padding-right: 16px;
  }
}