.error {
    color: #EB5757;
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    display: block;
}
.success {
    color: green;
    display: block;
    font-size: 12px;
    line-height: normal;
    border: 1px solid #f27d00;
    padding: 5px 10px;
    font-weight: 500;
    margin-top: 10px;
}

.container{
    padding-left:1.25rem;
    padding-right:1.25rem
}
html{
    font-family:Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size:1rem;
    line-height:1.5rem
}
.section{
    padding-top:2.5rem;
    padding-bottom:2.5rem
}
@media (min-width: 768px){
    .section{
        padding-top:2.5rem;
        padding-bottom:2.5rem
    }
}
@media (min-width: 1024px){
    .section{
        padding-top:6rem;
        padding-bottom:6rem
    }
}
 .button{
    display:inline-flex;
    width:100%;
    align-items:center;
    justify-content:space-between;
    white-space:nowrap;
    font-size:1rem;
    line-height:1.5rem;
    font-weight:500
}
@media (min-width: 640px){
    .button{
        width:auto
    }
}
.button .button__icon{
    margin-right:0.5rem;
    height:1.25rem
}
.button--sm{
    height:3rem;
    padding-left:2rem;
    padding-right:2rem
}
.button--sm.button--icon{
    width:3rem
}
.button--md{
    height:2.75rem;
    padding-left:3.5rem;
    padding-right:3.5rem
}
.button--md.button--icon{
    width:3rem
}
.button--xl{
    height:4rem;
    padding-left:2.5rem;
    padding-right:2.5rem
}
.button--xl .button__icon{
    margin-right:0.5rem;
    height:1.25rem
}
.button--xl.button--icon{
    width:3rem
}
.button--link{
    height:auto;
    padding-left:0px;
    padding-right:0px
}
.button--icon{
    padding-left:0px;
    padding-right:0px
}
.button--icon .button__icon{
    margin-right:0px
}
.button--primary.button--solid{
    --tw-bg-opacity:1;
    background-color:rgb(242 125 0 / var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.button--primary.button--solid:hover{
    --tw-bg-opacity:1;
    background-color:rgb(29 29 27 / var(--tw-bg-opacity))
}
.button--primary.button--link{
    --tw-text-opacity:1;
    color:rgb(242 125 0 / var(--tw-text-opacity))
}
.button-link__icon{
    margin-right:0.5rem;
    height:1.25rem
}
.button__arrow{
    position:relative;
    margin-left:3rem;
    margin-top:5px
}
.button__arrow:after{
    content:"";
    background-image:url(../../icons/arrow.svg);
    background-size:1.25rem;
    display:block;
    height:1rem;
    width:1.25rem;
    background-repeat:no-repeat
}
.header{
    position:relative;
    z-index:50;
    border-bottom-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(230 230 230 / var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.header-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.header-wrap__nav{
    position:absolute;
    left:0px;
    right:0px;
    display:none
}
@media (min-width: 1024px){
    .header-wrap__nav{
        position:static
    }
    .header-wrap__nav{
        display:block
    }
}
.header-wrap__nav{
    top:70px
}
.header-nav{
    z-index:50;
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity));
    text-align:center
}
@media (min-width: 1024px){
    .header-nav{
        display:flex
    }
    .header-nav{
        align-items:center
    }
}
.header-nav li{
    position:relative;
    padding-left:1.25rem;
    padding-right:1.25rem;
    padding-top:1.75rem;
    padding-bottom:1.75rem
}
@media (min-width: 1024px){
    .header-nav li{
        padding-top:0px;
        padding-bottom:0px
    }
}
.header-nav li a{
    display:block;
    font-size:1.5rem;
    line-height:2rem;
    font-weight:500
}
.header-nav li a:hover{
    --tw-text-opacity:1;
    color:rgb(242 125 0 / var(--tw-text-opacity))
}
@media (min-width: 1024px){
    .header-nav li a{
        font-size:1rem;
        line-height:1.5rem
    }
    .header-nav li .header-contact{
        font-size:1.25rem;
        line-height:1.75rem
    }
}
.nav-dot:before{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    margin:auto;
    height:0.25rem;
    width:0.25rem;
    border-radius:9999px;
    --tw-bg-opacity:1;
    background-color:rgb(230 230 230 / var(--tw-bg-opacity))
}
@media (min-width: 1024px){
    .nav-dot:before{
        top:0.625rem
    }
    .nav-dot:before{
        right:auto
    }
}
.nav-border{
    border-top-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(230 230 230 / var(--tw-border-opacity));
    padding-top:1.5rem
}
@media (min-width: 1024px){
    .nav-border{
        border-top-width:0px
    }
    .nav-border{
        border-left-width:1px
    }
    .nav-border{
        padding-top:0px
    }
    .nav-border{
        padding-left:1.5rem
    }
    .header-menu{
        display:none
    }
}
.menu-close{
    display:none
}
@media (min-width: 1024px){
    .header-btn{
        display:none
    }
}
.header-btn{
    position:fixed;
    bottom:2rem;
    left:1.25rem;
    right:1.25rem;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    max-width:90%
}
.header-wrap.active .header-menu{
    display:none
}
.header-wrap.active .menu-close{
    display:block
}
.header-wrap__nav.open{
    display:block;
    height:100vh;
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity));
    padding:1.25rem
}
.section--cover{
    position:relative
}
.cover > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
}
@media (min-width: 768px){
    .cover{
        display:grid
    }
    .cover{
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
    .cover{
        gap:2rem
    }
    .cover > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse:0;
        margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom:calc(0px * var(--tw-space-y-reverse))
    }
}
.cover__content > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}
.cover__title{
    overflow-wrap:break-word;
    font-size:1.875rem;
    line-height:2.25rem;
    font-weight:500;
    --tw-text-opacity:1;
    color:rgb(242 125 0 / var(--tw-text-opacity))
}
@media (min-width: 1024px){
    .cover__title{
        font-size:3.75rem;
        line-height:1
    }
    .cover__title{
        line-height:1.375
    }
}
.cover__title span{
    --tw-text-opacity:1;
    color:rgb(29 29 27 / var(--tw-text-opacity))
}
.cover__text{
    font-size:1.125rem;
    line-height:1.75rem;
    --tw-text-opacity:1;
    color:rgb(29 29 27 / var(--tw-text-opacity))
}
@media (min-width: 1024px){
    .cover__text{
        width:66.666667%
    }
    .cover__text{
        line-height:2rem
    }
}
@media (min-width: 768px){
    .cover__image .cover-img-mob{
        display:none
    }
}
.cover__image .cover-img-desk{
    display:none
}
@media (min-width: 768px){
    .cover__image .cover-img-desk{
        position:absolute
    }
    .cover__image .cover-img-desk{
        top:0px
    }
    .cover__image .cover-img-desk{
        right:0px
    }
    .cover__image .cover-img-desk{
        display:block
    }
    .cover__image .cover-img-desk{
        -o-object-fit:fill;
        object-fit:fill
    }
}
@media (min-width: 1024px){
    .cover__image .cover-img-desk{
        max-width:32rem
    }
}
@media (min-width: 1280px){
    .cover__image .cover-img-desk{
        max-width:36rem
    }
}
@media screen and (max-width:992px){
    .cover__image .cover-img-desk{
        max-width:20rem
    }
}
.feature-wrap{
    display:grid;
    gap:2.5rem
}
@media (min-width: 1024px){
    .feature-wrap{
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
    .feature-wrap{
        gap:6rem
    }
}
.feature-box__header{
    display:flex;
    align-items:center;
    border-bottom-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(230 230 230 / var(--tw-border-opacity));
    padding-bottom:1.25rem
}
.feature-box__title{
    margin-left:1.25rem;
    font-size:1.25rem;
    line-height:1.75rem;
    font-weight:500
}
@media (min-width: 1024px){
    .feature-box__title{
        margin-left:2.5rem
    }
    .feature-box__title{
        width:20rem
    }
    .feature-box__title{
        font-size:1.875rem;
        line-height:2.25rem
    }
    .feature-box__title{
        line-height:2.25rem
    }
}
.feature-box__desc{
    margin-top:1.5rem
}
@media (min-width: 1024px){
    .feature-box__desc{
        margin-top:2.5rem
    }
    .feature-box__desc{
        width:75%
    }
}
.section--project{
    position:relative;
    padding-top:2.5rem
}
.tab{
    overflow:hidden
}
.tab-nav{
    display:block;
    border-top-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(242 242 242 / var(--tw-border-opacity));
    padding-top:2.25rem
}
@media (min-width: 1024px){
    .tab-nav{
        display:flex
    }
    .tab-nav{
        border-style:none
    }
    .tab-nav{
        padding-top:0px
    }
}
.tab-nav__link{
    display:flex;
    justify-content:flex-start;
    --tw-bg-opacity:1;
    background-color:rgb(242 242 242 / var(--tw-bg-opacity));
    padding-left:1.25rem;
    padding-right:1.25rem;
    padding-top:1rem;
    padding-bottom:1rem;
    font-size:0.875rem;
    line-height:1.25rem;
    font-weight:600
}
@media (min-width: 1024px){
    .tab-nav__link{
        display:inline-flex
    }
    .tab-nav__link{
        flex:1 1 0%
    }
    .tab-nav__link{
        justify-content:center
    }
}
.tab-nav__link{
    margin:1px
}
.tab-nav__link.is-active{
    position:relative;
    --tw-bg-opacity:1;
    background-color:rgb(29 29 27 / var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.tab-nav__link.is-active img{
    display:block;
    padding-right:1.25rem;
    height: 4px;
    margin: auto 0;
}
.tab-nav__link:hover{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 640px){
    .tab-nav__link:hover{
        --tw-bg-opacity:1;
        background-color:rgb(242 125 0 / var(--tw-bg-opacity))
    }
}
.tab-nav__link img{
    display:none
}
.tab-content{
    margin-left:auto;
    padding-top:2.5rem
}
@media (min-width: 1024px){
    .tab-content{
        padding-top:3.5rem
    }
}
.tab-content{
    max-width:89.5%
}
.tab-card{
    display:none;
    overflow:hidden;
    border-radius:0.5rem
}
@media (min-width: 1024px){
    .tab-card{
        --tw-shadow:0 0 #0000;
        --tw-shadow-colored:0 0 #0000;
        box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}
.tab-card__link{
    display:none;
    justify-content:space-between;
    font-size:1.125rem;
    line-height:1.75rem;
    font-weight:100
}
.tab-card__link img{
    transition-property:all;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:300ms
}
.tab-card__content{
    display:none
}
@media (min-width: 1024px){
    .tab-card__content{
        display:block
    }
}
.tab-card.is-active{
    display:block
}
.tab-card.is-active .tab-card__link img{
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property:all;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:300ms
}
.tab-card.is-active .tab-card__content{
    display:block
}
.tab-card+.tab-card{
    margin-top:1.25rem
}
@media (min-width: 1024px){
    .tab-card+.tab-card{
        margin-top:0px
    }
}
.tab-row{
    margin-top:0.5rem;
    display:flex;
    flex-direction:column
}
@media (min-width: 640px){
    .tab-row{
        margin-top:0px
    }
}
@media (min-width: 1024px){
    .tab-row{
        flex-direction:row
    }
}
.tab-row__content{
    margin-bottom:2.5rem;
    display:block
}
@media (min-width: 1024px){
    .tab-row__content{
        margin-bottom:0px
    }
    .tab-row__content{
        width:33.333333%
    }
    .tab-row__content{
        border-top-width:1px
    }
    .tab-row__content{
        --tw-border-opacity:1;
        border-color:rgb(242 242 242 / var(--tw-border-opacity))
    }
    .tab-row__content{
        padding-top:1.25rem
    }
}
.tab-row__slider{
    max-width:0 0 100%;
    width:100%;
    margin-top:0px;
    padding-bottom:3.5rem
}
@media (min-width: 1024px){
    .tab-row__slider{
        margin-top:0px
    }
    .tab-row__slider{
        margin-left:1.75rem
    }
    .tab-row__slider{
        width:66.666667%
    }
    .tab-row__slider{
        border-bottom-width:1px
    }
    .tab-row__slider{
        --tw-border-opacity:1;
        border-color:rgb(242 242 242 / var(--tw-border-opacity))
    }
    .tab-row__slider{
        padding-bottom:3.5rem
    }
}
.tab-row__slider img{
    width:100%
}
@media (min-width: 640px){
    .tab-row .tab-row__slider{
        max-width:100%
    }
}
.tab-row__btn{
    margin-left:1.25rem;
    margin-right:1.25rem;
    margin-top:2.5rem;
    margin-bottom:0.5rem;
    display:flex
}
@media (min-width: 1024px){
    .tab-row__btn{
        display:none
    }
}
.maincontent{
    position:relative;
    display:flex
}
.maincontent__num{
    width:5rem
}
.maincontent__btn{
    position:absolute;
    display:none
}
@media (min-width: 1024px){
    .maincontent__btn{
        display:flex
    }
}
.maincontent__btn{
    margin-top:100%
}
.row-num{
    font-size:3.75rem;
    line-height:1;
    font-weight:500;
    --tw-text-opacity:1;
    color:rgb(29 29 27 / var(--tw-text-opacity))
}
.row-title{
    margin-bottom:0.5rem;
    font-size:1.5rem;
    line-height:2rem;
    font-weight:500;
    --tw-text-opacity:1;
    color:rgb(29 29 27 / var(--tw-text-opacity))
}
@media (min-width: 1024px){
    .row-title{
        font-size:1.875rem;
        line-height:2.25rem
    }
}
.row-location{
    position:relative;
    display:flex;
    align-items:center;
    font-size:0.875rem;
    line-height:1.25rem;
    --tw-text-opacity:1;
    color:rgb(29 29 27 / var(--tw-text-opacity))
}
.row-location .location-img{
    height:1.5rem;
    padding-right:0.75rem
}
.row-content{
    margin-top:1.5rem
}
@media (min-width: 1024px){
    .row-content{
        margin-top:2rem
    }
}
.row-content p{
    width:15rem;
    font-size:1rem;
    line-height:1.5rem;
    --tw-text-opacity:1;
    color:rgb(29 29 27 / var(--tw-text-opacity))
}
.row-content p+p{
    margin-top:1rem
}
.slider-wrap{
    position:relative;
    display:flex
}
.slider-wrap .slick-arrow{
    position:absolute;
    left:1.25rem;
    bottom:-3rem;
    z-index:20;
    height:2.5rem;
    width:2.5rem;
    cursor:pointer;
    --tw-bg-opacity:1;
    background-color:rgb(242 242 242 / var(--tw-bg-opacity));
    padding:0.5rem
}
.slider-wrap .slick-arrow:hover{
    --tw-bg-opacity:1;
    background-color:rgb(242 125 0 / var(--tw-bg-opacity))
}
@media (min-width: 768px){
    .slider-wrap .slick-arrow{
        left:0px
    }
}
@media (min-width: 1024px){
    .slider-wrap .slick-arrow{
        bottom:-3rem
    }
}
.slider-wrap .slick-arrow{
    font-size:0
}
.slider-wrap .slick-arrow:after{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    content:"";
    background:url(../../icons/prev-arrow.svg) no-repeat 50%;
    background-size:15px
}
.slider-wrap .slick-next{
    left:auto;
    right:1.25rem
}
@media (min-width: 768px){
    .slider-wrap .slick-next{
        right:0px
    }
}
@media (min-width: 1024px){
    .slider-wrap .slick-next{
        left:2.75rem
    }
}
.slider-wrap .slick-next:after{
    background:url(../../icons/next-arrow.svg) no-repeat 50%;
}
.tab-row__slider .slick-dots{
    position:absolute;
    right:0px;
    left:0px;
    bottom:-2rem;
    z-index:10;
    display:flex;
    justify-content:center
}
@media (min-width: 1024px){
    .tab-row__slider .slick-dots{
        bottom:-3rem
    }
    .tab-row__slider .slick-dots{
        bottom:-1.75rem
    }
}
.tab-row__slider .slick-dots li{
    margin-left:0.5rem;
    margin-right:0.5rem;
    height:0.25rem;
    width:0.25rem;
    cursor:pointer;
    --tw-bg-opacity:1;
    background-color:rgb(29 29 27 / var(--tw-bg-opacity));
    font-size:0
}
.tab-row__slider .slick-dots .slick-active{
    --tw-bg-opacity:1;
    background-color:rgb(242 125 0 / var(--tw-bg-opacity))
}
.slide-item{
    position:relative;
    max-width:100%;
    overflow:hidden;
    padding-bottom:60.25%
}
.slide-item img{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.tab-row__slider .slick-list.draggable{
    padding:0 15% 0 0!important
}
.tab-row-slide+.tab-row-slide{
    margin-left:0.75rem
}
@media (min-width: 1024px){
    .tab-row-slide+.tab-row-slide{
        margin-left:1.75rem
    }
}
.pagingInfo{
    display:none
}
@media (min-width: 1024px){
    .pagingInfo{
        position:relative
    }
    .pagingInfo{
        top:1rem
    }
    .pagingInfo{
        margin-right:1.25rem
    }
    .pagingInfo{
        display:flex
    }
    .pagingInfo{
        justify-content:flex-end
    }
}
@media screen and (min-width:1024px){
    .tab-content{
        max-width:98.2%
    }
}
@media screen and (min-width:1440px){
    .tab-row__slider .slick-list.draggable{
        padding:0 10% 0 0!important
    }
    .tab-content{
        max-width:93%
    }
}
@media screen and (min-width:1900px){
    .tab-row__slider .slick-list.draggable{
        padding:0 15% 0 0!important
    }
    .tab-content{
        max-width:89.5%
    }
}
@media screen and (min-width:2560px){
    .tab-row__slider .slick-list.draggable{
        padding:0 20% 0 0!important
    }
    .tab-content{
        max-width:79%
    }
    .maincontent__btn{
        margin-top:95%
    }
}
@media only screen and (max-width:767px){
    .tab-content{
        max-width:100%
    }
    .tab-row__content{
        margin-left:1.25rem;
        margin-right:1.25rem
    }
}
@media (min-width: 1024px){
    .section--sponsor{
        padding-top:0px
    }
}
.sponsor-wrap{
    border-top-width:1px;
    border-bottom-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(242 242 242 / var(--tw-border-opacity));
    padding:1.25rem
}
@media (min-width: 1024px){
    .sponsor-wrap{
        padding:2.5rem
    }
}
.sponsor{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:center;
    gap:2.5rem
}
@media (min-width: 640px){
    .sponsor{
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
}
@media (min-width: 1024px){
    .sponsor{
        grid-template-columns:repeat(6, minmax(0, 1fr))
    }
    .sponsor{
        gap:3.5rem
    }
}
.sponsor__logo{
    margin-left:auto;
    margin-right:auto
}
.sponsor--mob{
    display:none;
    padding-top:3.5rem
}
@media (min-width: 640px){
    .sponsor--mob{
        display:grid
    }
}
.section-content.is-active .sponsor--mob{
    display:grid
}
.section-content.is-active .more-btn img{
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-right:1.25rem
}
.section--testimonial{
    padding-left:1.25rem;
    padding-right:1.25rem;
    padding-top:2.5rem
}
@media (min-width: 1024px){
    .section--testimonial{
        padding-left:0px;
        padding-right:0px
    }
}
.testimonial{
    position:relative;
    margin-left:auto;
    margin-right:0px;
    padding-bottom:3rem
}
@media (min-width: 1280px){
    .testimonial{
        max-width:80rem
    }
}
@media (min-width: 1536px){
    .testimonial{
        max-width:1536px
    }
}
.testimonial__block+.testimonial__block{
    margin-left:0px
}
@media (min-width: 768px){
    .testimonial__block+.testimonial__block{
        margin-left:1.75rem
    }
}
.testimonial .slick-arrow{
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:10;
    height:2.5rem;
    width:2.5rem;
    cursor:pointer;
    --tw-bg-opacity:1;
    background-color:rgb(242 242 242 / var(--tw-bg-opacity));
    padding:0.5rem
}
.testimonial .slick-arrow:hover{
    --tw-bg-opacity:1;
    background-color:rgb(242 125 0 / var(--tw-bg-opacity))
}
.testimonial .slick-arrow{
    font-size:0
}
.testimonial .slick-arrow:after{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    content:"";
    background:url(../../icons/prev-arrow.svg) no-repeat 50%;
    background-size:15px
}
.testimonial .slick-next{
    right:0px;
    left:auto
}
@media (min-width: 1024px){
    .testimonial .slick-next{
        left:2.75rem
    }
}.testimonial .slick-next:after{
    background:url(../../icons/next-arrow.svg) no-repeat 50%
}

@media (min-width: 1024px){
    .testimonial .slick-list.draggable{
        padding:0 20% 0 0!important
    }
}
.slick-arrow:hover:after{
    filter:invert(100)
}
.testimonial-box{
    border-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(242 242 242 / var(--tw-border-opacity));
    padding:1.25rem
}
@media (min-width: 768px){
    .testimonial-box{
        padding-left:2rem;
        padding-right:2rem
    }
    .testimonial-box{
        padding-top:2rem
    }
    .testimonial-box{
        padding-bottom:3rem
    }
}
.testimonial-box:hover{
    --tw-bg-opacity:1;
    background-color:rgb(242 242 242 / var(--tw-bg-opacity))
}
.testimonial-box__decs{
    margin-top:1.5rem;
    margin-bottom:1.5rem
}
.testimonial-box__decs p{
    font-size:1rem;
    line-height:1.5rem;
    font-weight:400
}
.testimonial-box__author h5{
    font-size:0.875rem;
    line-height:1.25rem;
    font-weight:500
}
.testimonial-box__author span{
    margin-bottom:3rem;
    display:block;
    font-size:0.75rem;
    line-height:1rem
}
@media screen and (min-width:1024px){
    .testimonial{
        max-width:98.2%
    }
}
@media screen and (min-width:1440px){
    .testimonial{
        max-width:93%
    }
}
@media screen and (min-width:1900px){
    .testimonial{
        max-width:89.5%
    }
}
@media screen and (min-width:2560px){
    .testimonial{
        max-width:79%
    }
}
@media screen and (max-width:991px){
    .slick-list.draggable{
        padding:0!important
    }
}
@media (min-width: 1024px){
    .garantie{
        display:flex
    }
    .garantie{
        align-items:center
    }
    .garantie{
        padding-right:3rem
    }
    .garantie__heading{
        width:50%
    }
    .garantie__heading{
        border-right-width:1px
    }
    .garantie__heading{
        --tw-border-opacity:1;
        border-color:rgb(242 242 242 / var(--tw-border-opacity))
    }
}
.garantie__heading button{
    margin-top:2.5rem;
    display:none
}
@media (min-width: 1024px){
    .garantie__heading button{
        display:flex
    }
}
.garantie__text{
    border-left-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(242 242 242 / var(--tw-border-opacity));
    padding-left:1.25rem
}
@media (min-width: 1024px){
    .garantie__text{
        width:50%
    }
    .garantie__text{
        border-width:0px
    }
    .garantie__text{
        padding-left:3rem
    }
}
.garantie__text p{
    margin-bottom:1rem;
    font-size:1.125rem;
    line-height:1.75rem
}
@media (min-width: 1024px){
    .garantie__text p{
        font-size:1.25rem;
        line-height:1.75rem
    }
}
.garantie__text button{
    margin-top:2.5rem
}
@media (min-width: 1024px){
    .garantie__text button{
        display:none
    }
}
.team{
    display:flex;
    flex-wrap:wrap
}
@media (min-width: 768px){
    .team{
        display:grid
    }
    .team{
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
    .team{
        gap:1.25rem
    }
}
@media (min-width: 1024px){
    .team{
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }
    .team{
        gap:2rem
    }
}
.team-box{
    flex-basis:50%;
    padding-left:0.5rem;
    padding-right:0.5rem;
    padding-bottom:1rem
}
@media (min-width: 768px){
    .team-box{
        width:auto
    }
}
.team-box__content{
    --tw-bg-opacity:1;
    background-color:rgb(242 242 242 / var(--tw-bg-opacity));
    padding-top:2.5rem;
    padding-bottom:2.5rem;
    padding-left:1.25rem;
    padding-right:1.25rem
}
@media (min-width: 1024px){
    .team-box__content{
        padding-top:2.25rem;
        padding-bottom:2.25rem
    }
    .team-box__content{
        padding-left:3.5rem;
        padding-right:3.5rem
    }
}
.team-box__content p{
    margin-bottom:1.5rem;
    font-size:1rem;
    line-height:1.5rem
}
@media (min-width: 1024px){
    .team-box__content p{
        font-size:1.125rem;
        line-height:1.75rem
    }
}
.team-box__content p:last-child{
    margin-bottom:0px
}
.team-box--1{
    order:1;
    padding-left:0px
}
@media (min-width: 768px){
    .team-box--1{
        order:0
    }
}
.team-box--2{
    order:2;
    padding-right:0px
}
@media (min-width: 768px){
    .team-box--2{
        order:0
    }
}
.team-box--3{
    order:3;
    padding-left:0px
}
@media (min-width: 768px){
    .team-box--3{
        order:0
    }
}
.team-box--4{
    order:4;
    padding-right:0px
}
@media (min-width: 768px){
    .team-box--4{
        order:0
    }
}
.team-box--5{
    order:6;
    padding-left:0px
}
@media (min-width: 768px){
    .team-box--5{
        order:0
    }
}
.team-box--7{
    order:7;
    padding-right:0px
}
@media (min-width: 768px){
    .team-box--7{
        order:0
    }
}
.team-box--8{
    order:8;
    padding-left:0px
}
@media (min-width: 768px){
    .team-box--8{
        order:0
    }
}
.team-box--10{
    order:9;
    padding-right:0px
}
@media (min-width: 768px){
    .team-box--10{
        order:0
    }
}
.team-box--6{
    order:5;
    grid-column:span 3 / span 3;
    grid-row:span 1 / span 1;
    flex-basis:100%;
    padding-left:0px;
    padding-right:0px
}
@media (min-width: 768px){
    .team-box--6{
        order:0
    }
}
@media (min-width: 1024px){
    .team-box--6{
        grid-column:span 2 / span 2
    }
}
.team-box--6 .team-box__content{
    height:100%
}
.team-box--9{
    order:10;
    grid-column:span 3 / span 3;
    grid-row:span 1 / span 1;
    flex-basis:100%;
    padding-left:0px;
    padding-right:0px
}
@media (min-width: 640px){
    .team-box--9{
        order:10
    }
}
@media (min-width: 768px){
    .team-box--9{
        order:0
    }
}
@media (min-width: 1024px){
    .team-box--9{
        order:0
    }
    .team-box--9{
        grid-column:span 3 / span 3
    }
    .team-box--9{
        grid-row:span 3 / span 3
    }
    .section--faq{
        padding-top:0px
    }
}
.accordion{
    margin-top:1.5rem;
    margin-bottom:1.5rem;
    border-bottom-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(242 242 242 / var(--tw-border-opacity));
    padding-bottom:1.5rem
}
.accordion:first-child{
    border-top-width:1px;
    padding-top:1.5rem
}
.accordion__header{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:space-between
}
.accordion__title{
    overflow-wrap:break-word;
    text-align:left;
    font-size:1.25rem;
    line-height:1.75rem;
    font-weight:500
}
@media (min-width: 1024px){
    .accordion__title{
        font-size:1.5rem;
        line-height:2rem
    }
}
.accordion__img{
    display:flex;
    height:2.5rem;
    width:2.5rem;
    justify-content:center;
    --tw-bg-opacity:1;
    background-color:rgb(242 242 242 / var(--tw-bg-opacity))
}
.accordion__text{
    margin-top:1rem
}
@media (min-width: 1024px){
    .accordion__text{
        width:50%
    }
}
.accordion__text p{
    font-size:1rem;
    line-height:1.5rem
}
.accordion__header[aria-expanded=true] .accordion__img{
    --tw-bg-opacity:1;
    background-color:rgb(242 125 0 / var(--tw-bg-opacity))
}
.accordion__header[aria-expanded=true] .accordion__img img{
    filter:invert(1);
    opacity:1
}
.accordion.faq-active .accordion__img {
  --tw-bg-opacity: 1;
  background-color: rgb(242 125 0 / var(--tw-bg-opacity));
}
.accordion.faq-active .accordion__img img {
  filter: invert(1);
  opacity: 1;
  --tw-rotate: 180deg;
}
.accordion.faq-active .accordion__ans {
  display: block !important;
}
@media only screen and (max-width:767px){
    .accordion__img{
        min-width:40px
    }
}
.section--contact{
    padding-bottom:5rem;
    padding-top:2.5rem
}
@media (min-width: 1024px){
    .contact{
        display:flex
    }
}
.contact__text{
    margin-bottom:2.25rem
}
@media (min-width: 1024px){
    .contact__text{
        margin-bottom:0px
    }
    .contact__text{
        flex-basis:50%
    }
}
@media (min-width: 1280px){
    .contact__text{
        padding-right:10rem
    }
}
.contact__text button{
    display:none
}
@media (min-width: 1024px){
    .contact__text button{
        display:flex
    }
    .contact__hero{
        flex-basis:50%
    }
}
.contact__hero button{
    margin-top:2.25rem
}
@media (min-width: 1024px){
    .contact__hero button{
        display:none
    }
}
.contact-decs{
    margin-top:2.25rem;
    border-left-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(242 242 242 / var(--tw-border-opacity));
    padding-left:2.25rem
}
@media (min-width: 1024px){
    .contact-decs{
        margin-top:4rem
    }
    .contact-decs{
        margin-bottom:5rem
    }
    .contact-decs{
        width:75%
    }
}
.contact-decs p{
    margin-bottom:1rem;
    font-size:1rem;
    line-height:1.5rem
}
.contact-decs a{
    font-size:1.25rem;
    line-height:1.75rem;
    font-weight:500
}
.section--footer{
    padding-bottom:2.5rem
}
@media (min-width: 1024px){
    .footer{
        display:flex
    }
}
.footer__logo{
    justify-content:center
}
@media (min-width: 1024px){
    .footer__logo{
        padding-right:10rem
    }
}
.footer__logo img{
    margin-left:auto;
    margin-right:auto
}
.footer__content{
    margin-top:2.25rem;
    margin-bottom:2.25rem;
    border-bottom-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(242 242 242 / var(--tw-border-opacity));
    padding-bottom:2.25rem;
    text-align:center
}
@media (min-width: 1024px){
    .footer__content{
        margin-top:0px;
        margin-bottom:0px
    }
    .footer__content{
        border-style:none
    }
    .footer__content{
        padding-bottom:0px
    }
    .footer__content{
        text-align:left
    }
}
.footer__content p{
    margin-bottom:0.75rem;
    font-size:1rem;
    line-height:1.5rem;
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.footer__content a{
    font-size:1rem;
    line-height:1.5rem;
    font-weight:500;
    --tw-text-opacity:1;
    color:rgb(242 125 0 / var(--tw-text-opacity))
}
.footer__social{
    border-bottom-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(242 242 242 / var(--tw-border-opacity));
    padding-bottom:2.25rem;
    text-align:center
}
@media (min-width: 1024px){
    .footer__social{
        margin-left:auto
    }
    .footer__social{
        border-style:none
    }
    .footer__social{
        padding-bottom:0px
    }
    .footer__social{
        text-align:right
    }
}
.footer__social a{
    margin-bottom:0.75rem;
    display:inline-block;
    font-size:1.25rem;
    line-height:1.75rem;
    font-weight:500;
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.footer__social a:hover .social-icon{
    fill:#f27d00
}
.social-links{
    display:flex;
    justify-content:center
}
@media (min-width: 1024px){
    .social-links{
        justify-content:flex-end
    }
}
.social-links a{
    margin-left:0.25rem;
    margin-right:0.25rem;
    margin-bottom:0px
}
.social-links a:last-child{
    margin-right:0px
}
@media (min-width: 1024px){
    .copyright{
        display:flex
    }
    .copyright{
        flex-direction:row-reverse
    }
    .copyright{
        align-items:center
    }
    .copyright{
        justify-content:space-between
    }
    .copyright{
        padding-top:4rem
    }
}
.copyright__text p{
    text-align:center;
    font-size:0.75rem;
    line-height:1rem;
    font-weight:500;
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 1024px){
    .copyright__text p{
        text-align:left
    }
}
.copyright__text p a:hover{
    --tw-text-opacity:1;
    color:rgb(242 125 0 / var(--tw-text-opacity))
}
.copyright__nav{
    margin-top:2rem;
    margin-bottom:2rem;
    border-bottom-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(242 242 242 / var(--tw-border-opacity));
    padding-bottom:2rem;
    text-align:center
}
@media (min-width: 1024px){
    .copyright__nav{
        margin-top:0px;
        margin-bottom:0px
    }
    .copyright__nav{
        border-style:none
    }
    .copyright__nav{
        padding-bottom:0px
    }
    .copyright__nav{
        text-align:right
    }
    .footer-nav{
        display:flex
    }
}
.footer-nav li{
    position:relative;
    padding-top:0.75rem;
    padding-bottom:0.75rem
}
@media (min-width: 1024px){
    .footer-nav li{
        padding-top:0px;
        padding-bottom:0px
    }
    .footer-nav li{
        padding-left:1.25rem;
        padding-right:1.25rem
    }
}
.nav-dot:before{
    content:"";
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    margin:auto;
    height:0.25rem;
    width:0.25rem;
    --tw-bg-opacity:1;
    background-color:rgb(230 230 230 / var(--tw-bg-opacity))
}
@media (min-width: 1024px){
    .nav-dot:before{
        top:0.625rem
    }
    .nav-dot:before{
        right:auto
    }
}
.section-enquiry{
    padding-bottom:0px;
    padding-top:5rem
}
@media (min-width: 1024px){
    .section-enquiry{
        padding-top:5rem;
        padding-bottom:5rem
    }
}
.enquiry__heading{
    margin-bottom:2.25rem
}
@media (min-width: 768px){
    .enquiry__heading{
        margin-bottom:3rem
    }
}
@media (min-width: 1024px){
    .enquiry__heading{
        width:50%
    }
}
.enquiry__heading p{
    margin-bottom:0.5rem;
    font-size:1.125rem;
    line-height:1.75rem
}
@media (min-width: 1024px){
    .enquiry__heading p{
        font-size:1.25rem;
        line-height:1.75rem
    }
}
.enquiry__heading p a{
    --tw-text-opacity:1;
    color:rgb(242 125 0 / var(--tw-text-opacity))
}
.enquiry button:hover .close-img{
    fill:#f27d00
}
@media (min-width: 1024px){
    .enquiry-content{
        display:flex
    }
    .enquiry-content{
        flex-direction:row-reverse
    }
}
.enquiry-content__text{
    margin-bottom:3rem
}
@media (min-width: 1024px){
    .enquiry-content__text{
        margin-bottom:0px
    }
    .enquiry-content__text{
        width:50%
    }
    .enquiry-content__text{
        padding-left:3.5rem
    }
}
.enquiry-content__text .button--primary{
    display:flex;
    width:100%;
    justify-content:space-between
}
@media (min-width: 1024px){
    .enquiry-content__hero{
        width:50%
    }
}