/*
Theme Name: RM Läder
Author: Creative Works
Template: hello-elementor
*/

@import url("https://use.typekit.net/azr4ynx.css");

html{
    font-size: 100%;
}
body{
    font-weight: 400;
    color: #333;
}
body, h1, h2, h3, h4, h5, p, span, a, b, strong, div, li, input, textarea, select, option{
    font-family: "proxima-nova", sans-serif;
}
h1, h2, h3, h4, h5{
    font-weight: 700;
    font-family: "big-caslon-fb", serif;
}
h1{
    font-size: 4rem;
    font-weight: 400;
    line-height: 1.3;
}
h2{
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.3;
}
h3{
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.3;
}
h4{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
}
h5{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
}
p{
    margin: 0 0 1rem 0;
}
div{

}
a{
    color: #333;
}
b, strong{
    font-weight: 600;
}

ul{
    padding-left: 20px;
}
ul li{
    padding-top: 10px;
    padding-left: 10px;
}
ul li:first-child{
    padding-top: 0px;
}
.block-inner-c{
    padding-left: clamp(40px, 4.3vw, 80px);
    padding-right: clamp(40px, 4.3vw, 80px);
}
.block-inner-margin-c{
    margin-left: clamp(40px, 4.3vw, 80px);
    margin-right: clamp(40px, 4.3vw, 80px);
}
.header-c.block-inner-c{
    padding-left: clamp(23px, 2.1vw, 40px);
    padding-right: clamp(23px, 2.1vw, 40px);
}
.block-inner-c.numbers-start{
    padding-left: clamp(60px, 6vw, 120px);
    padding-right: clamp(60px, 6vw, 120px);
}




/* Header start */
header,
header.sticky{
    background-color: transparent;
    width: 100%;
    z-index: 500;
    min-height: 160px;
    transition: all 300ms !important;
    position: fixed;
}
header.scrolled{
    opacity: 0;
    background-color: transparent;
    pointer-events: none;
}
header.scrolled.sticky{
    background-color: #fff;
    opacity: 1;
    pointer-events: auto;
}
.header-logo{
    display: block;
}
.header-logo.inverted{
    display: none;
}
header.scrolled.sticky .header-logo,
body.header-inverted .header-logo{
    display: none;
}
header.scrolled.sticky .header-logo.inverted,
body.header-inverted .header-logo.inverted{
    display: block;
}


header.scrolled.sticky + .hamburger-outer-c .hamburger-inner,
header.scrolled.sticky + .hamburger-outer-c .hamburger-inner::before,
header.scrolled.sticky + .hamburger-outer-c .hamburger-inner::after,
body.header-inverted .hamburger-outer-c .hamburger-inner,
body.header-inverted .hamburger-outer-c .hamburger-inner::before,
body.header-inverted .hamburger-outer-c .hamburger-inner::after{
    background-color: #000;
}

header + .hamburger-outer-c .hamburger--spring .hamburger-inner {
    top: 1px;
}

header .main-menu-c .e-n-menu-title-container:hover{
    text-decoration: none !important;
}

body .main-menu-c .e-n-menu-title-text{
    color: #fff !important;   
}

header.scrolled .main-menu-c .e-n-menu-title-text,
body.header-inverted .main-menu-c .e-n-menu-title-text{
    color: #000 !important;
}


header.scrolled .main-menu-c .e-n-menu-title-container .e-n-menu-title-text::after,
body.header-inverted .main-menu-c .e-n-menu-title-container .e-n-menu-title-text::after{
    background-color: #000 !important;
}

header .main-menu-c .e-n-menu-title-container{
    position: relative;
    padding: 10px 44px 10px 44px;
    cursor: pointer !important;
}
header .main-menu-c .e-n-menu-item:last-child .e-n-menu-title-container{
    padding-right: 15px;
}
header .main-menu-c .e-n-menu-title-container .e-n-menu-title-text{
    position: relative;
    cursor: pointer !important;
}
header .main-menu-c .e-n-menu-title-container .e-n-menu-title-text::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    height: 1px;
    background-color: #fff !important;
    width: 0px;
    left: auto;
    right: 0px;
    transition: width 200ms;
    opacity: 1 !important;
}
header .main-menu-c .e-n-menu-title-container:hover .e-n-menu-title-text::after{
    left: 0px;
    width: 100%;
}
header .submenu-outer-c{
    background-color: transparent;
}
.submenu-c{
    display: flex;
    gap: 0px;
}
.submenu-menu-c{
    width: calc(100% - 380px);
    padding-right: 40px;
}
.submenu-menu-c > div{
    padding-top: 15px;
    padding-bottom: 15px;
}
#submenu-c-our-units .submenu-menu-c > div{
    max-width: 200px;
}
.submenu-menu-c > div:first-child{
    padding-top: 0px;
}
.submenu-menu-c > div:last-child{
    padding-bottom: 0px;
}
.submenu-menu-c a{
    display: inline;
    position: relative;
    padding: 0px 0px 0px 0px;
}
.submenu-menu-c a,
.submenu-menu-c a:hover{
    font-family: "big-caslon-fb", serif;
    font-weight: 700;
    text-decoration: none;
}
.submenu-menu-c a::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -4px;
    height: 1px;
    background-color: #000 !important;
    width: 0px;
    left: auto;
    right: 0px;
    transition: width 200ms;
    opacity: 1 !important;
}
.submenu-menu-c a:hover::after{
    left: 0px;
    width: 100%;
}

.submenu-img-c{
    width: 380px;
}
.submenu-img-c img{
    width: 100%;
    max-width: 100%;
    display: block;
}
.submenu-img-c img{
    height: 295px;
    object-fit: cover;
}
button.hamburger{
    border: 0 !important;
    background-color: transparent !important;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
.mobile-menu-inner-c .menu-item a{
    background-color: transparent !important;
    line-height: 1.25em !important;
}
header + .hamburger-outer-c{
    position: fixed;
    background-color: transparent;
    width: 50px;
    height: 50px;
    right: 20px;
    top: 20px;
    z-index: 99999;
}
header.scrolled + .hamburger-outer-c{
    opacity: 0;
}
header.scrolled.sticky + .hamburger-outer-c{
    opacity: 1;
}
body.mobile-menu-open .hamburger-outer-c{
    opacity: 1 !important;
}
body.mobile-menu-open .hamburger-inner,
body.mobile-menu-open .hamburger-inner::before,
body.mobile-menu-open .hamburger-inner::after{
    background-color: #000 !important;
}

body .hamburger--spring .hamburger-inner{
    transition: background-color 0s 0s linear;
}
body .hamburger--spring.is-active-removed .hamburger-inner{
    transition: background-color 0s 0.13s linear;
}


.mobile-menu-outer-c{
    opacity: 0.98;
}
.mobile-menu-inner-c .menu-item a.has-submenu .sub-arrow{
    display: none;
}
.mobile-menu-inner-c .menu-item a.has-submenu{
    justify-content: space-between;
}
.mobile-menu-inner-c .menu-item a.highlighted{
    text-decoration: underline;
}
.mobile-menu-inner-c .menu-item a.has-submenu::after{
    content: '';
    display: block;
    position: relative;
    width: 8px;
    height: 13px;
    background-image: url('/wp-content/themes/rmlader/images/menu-item-arr.svg');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 8px 13px;
    opacity: 1 !important;
}
.mobile-menu-inner-c .menu-item a.has-submenu[aria-expanded="true"]::after{
    transform: rotate(90deg);
}


.mobile-menu-inner-c .current-menu-parent > a{
    text-decoration: underline;
}
.mobile-menu-inner-c .current-menu-parent > ul.sub-menu{
    display: block;
}
.mobile-menu-inner-c .current-menu-parent > ul.sub-menu .elementor-item-active,
.mobile-menu-inner-c .current-menu-item .elementor-item-active{
    text-decoration: underline;
}

.mobile-menu-inner-c ul.sub-menu{
    padding-bottom: 20px;
}
.mobile-menu-inner-c ul.sub-menu a{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.mobile-menu-inner-c .menu-item a{
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

/* Header end */



.elementor-widget-button .elementor-button{
    min-width: 200px;
    background-color: transparent;
}
.elementor-widget-button .elementor-button:hover{
    text-decoration: none;
}

.elementor-widget-button.b-inv .elementor-button{
    border: 1px solid #fff;
    color: #fff;
}
.elementor-widget-button.b-inv .elementor-button:hover{
    background-color: #fff;
    color: #000;
}

.intro-vid-c video{
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important;
}
.intro-vid-c.elementor-widget-video .elementor-wrapper{
    aspect-ratio:unset;
}

.pause-play-but-c button img{
    height: 35px;
    width: auto;
}
.pause-play-but-c button{
    border: 0px !important;
    padding: 10px !important;
}
.pause-play-but-c button:hover,
.pause-play-but-c button:focus{
    background-color: transparent !important;
}

.p-path-left{
    display: flex;
    width: calc(100% - 20px);
}
.p-path-left::before{
    content: '';
    position: relative;
    display: block;
    width: 20px;
    background-image: url('/wp-content/themes/rmlader/images/stitches.svg');
    background-position: left top;
    background-repeat: repeat-y;
    background-size: 2px 158px;
    flex-shrink: 0;
    top: 9px;
    margin-bottom: 28px;
}
.p-path-left.inverted-path::before{
    background-image: url('/wp-content/themes/rmlader/images/stitches-inverted.svg');
}

.block-inner-c.curved-stitches h1,
.block-inner-c.curved-stitches h2,
.block-inner-c.curved-stitches h3,
.block-inner-c.curved-stitches h4,
.block-inner-c.curved-stitches p{
    background-color: #fff;
    font-size: 1.125rem;
    line-height: 1;
    box-decoration-break: clone;
    padding: 2px 10px 2px 10px;
    display: inline;
}


.curved-stitches > .e-con-inner{
    background-image: url('/wp-content/themes/rmlader/images/curved-stitches.svg');
    background-position: left top;
    background-position: left 55px top -40px;
    background-repeat: repeat-y;
    background-size: 115px auto;
}


.prod-cats-outer-c{
    width: 100%;
    display: flex;
    column-gap: 100px;
}
.prod-cats-img-c{
    width: 50%;
    flex-shrink: 0;
    flex-grow: 0;
    aspect-ratio: 860 / 666;
}
.prod-cats-img-c img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prod-cats-links-c{
    width: 760px;
    flex-shrink: 1;
    flex-grow: 1;
}
.prod-cats-links-c a{
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 0px;
    border-bottom: 2px solid #48251E;
    background-color: #fff;
    height: calc(100% / 3);
    font-size: 2rem;
    line-height: 1.375;
}
.prod-cats-links-c a:first-child{
    border-top: 2px solid #48251E;
}
.prod-cats-links-c a:hover{
    text-decoration: none;
    background-color: #F0F0F0;
    font-size: 2rem;
    line-height: 1.375;
}

.sustainability-inner-c{
    max-width: 100%;
}


.logo-swiper-slider-c{
    max-width: 1400px;
    margin: 0 auto;
}
.logo-swiper-slider-c .swiper-container{
    padding-bottom: 80px;
}
.logo-swiper-slider-c .swiper-pagination{
    bottom: 6px;
}
.logo-swiper-slider-c .swiper-pagination,
.logo-swiper-slider-c .swiper-pagination span{
    font-weight: 700;
    font-family: "big-caslon-fb", serif;
    font-size: 24px;
    line-height: 1.2;
}
.logo-swiper-slider-c .swiper-button-prev,
.logo-swiper-slider-c .swiper-button-next{
    top: auto;
    bottom: 0px;
    left: calc(50% - 83px);
    transform: translateX(-50%);
    z-index: 15;
    width: 35px;
}
.logo-swiper-slider-c .swiper-button-next{
    left: calc(50% + 83px);
}
.logo-swiper-slider-c .swiper-button-prev::after,
.logo-swiper-slider-c .swiper-button-next::after,
.logo-swiper-slider-c .swiper-button-prev::before,
.logo-swiper-slider-c .swiper-button-next::before{
    display: none !important;
}

.logo-slider{
    overflow: hidden;
}
.logo-slider .swiper-slide{
    height: 135px;
}
.logo-slider .swiper-wrapper{
    align-items: center;
}
.logo-slider .logo-wrapper{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.logo-slider .swiper-slide img{
    max-height: 100%;
    object-fit: contain;
}



.production-swiper-slider-c{
    overflow: hidden;
}
.production-swiper-slider-c .swiper-slide{
    width: 100%;
}

.production-swiper-slider-c .produktionssteg-wrapper{
    width: 100%;
    height: 511px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
.production-swiper-slider-c .swiper-container{
    padding-bottom: 80px;
}
.product-imgs-swiper-nav-c > .elementor-widget-html > .elementor-widget-container{
    padding-bottom: 60px;
}
.production-swiper-slider-c .swiper-pagination{
    bottom: 6px;
}
.production-swiper-slider-c .swiper-pagination,
.production-swiper-slider-c .swiper-pagination span,
.product-imgs-c .swiper-pagination,
.product-imgs-c .swiper-pagination span
{
    font-weight: 700;
    font-family: "big-caslon-fb", serif;
    font-size: 24px;
    line-height: 1.2;
}
.production-swiper-slider-c .swiper-button-prev,
.production-swiper-slider-c .swiper-button-next,
.product-imgs-c .swiper-button-prev,
.product-imgs-c .swiper-button-next{
    top: auto;
    bottom: 0px;
    left: calc(50% - 83px);
    transform: translateX(-50%);
    z-index: 15;
    width: 35px;
}
.production-swiper-slider-c .swiper-button-next,
.product-imgs-c .swiper-button-next{
    left: calc(50% + 83px);
}
.production-swiper-slider-c .swiper-button-prev::after,
.production-swiper-slider-c .swiper-button-next::after,
.production-swiper-slider-c .swiper-button-prev::before,
.production-swiper-slider-c .swiper-button-next::before,
.product-imgs-c .swiper-button-prev::after,
.product-imgs-c .swiper-button-next::after,
.product-imgs-c .swiper-button-prev::before,
.product-imgs-c .swiper-button-next::before{
    display: none !important;
}
.production-swiper-slider-c .produktionssteg-txt{
    padding: 20px 60px 20px 100px;
    max-width: 490px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 10px;
    background-color: rgba(0, 0, 0, 0.5);
}
.production-swiper-slider-c .produktionssteg-txt,
.production-swiper-slider-c .produktionssteg-txt h1,
.production-swiper-slider-c .produktionssteg-txt h2,
.production-swiper-slider-c .produktionssteg-txt h3,
.production-swiper-slider-c .produktionssteg-txt h4,
.production-swiper-slider-c .produktionssteg-txt h5,
.production-swiper-slider-c .produktionssteg-txt p{
    color:#fff;
}

.production-swiper-slider-c .produktionssteg-txt .elementor-widget-button.b-inv .elementor-widget-button span{
    transition: color 300ms ease;
}
.production-swiper-slider-c .produktionssteg-txt .elementor-widget-button.b-inv .elementor-button:hover span{
    color:#000;
}

.sustainability-outer-c > div > .elementor-widget-image,
.full-width-block > div > .elementor-widget-image{
    height: 100%;
}
.sustainability-outer-c > div > .elementor-widget-image img,
.full-width-block > div > .elementor-widget-image img{
    height: 100%;
    object-fit: cover;
}

.footer-c a,
.footer-c a:hover{
    font-size: 1rem;
}

.footer-c .menu-head a{
    font-weight: 700;
    font-family: "big-caslon-fb", serif;
}

.subfooter a,
.subfooter a:hover{
    color: #fff;
    font-size: 0.9rem;
}

.page-id-155 #e-n-menu-title-2631 .e-n-menu-title-text::after,
.page-id-160 #e-n-menu-title-2631 .e-n-menu-title-text::after,
.page-id-162 #e-n-menu-title-2631 .e-n-menu-title-text::after,
.page-id-164 #e-n-menu-title-2631 .e-n-menu-title-text::after,
.page-id-166 #e-n-menu-title-2632 .e-n-menu-title-text::after,
.page-id-168 #e-n-menu-title-2632 .e-n-menu-title-text::after,
.page-id-1617 #e-n-menu-title-2632 .e-n-menu-title-text::after,
.page-id-170 #e-n-menu-title-2632 .e-n-menu-title-text::after,
.page-id-171 #e-n-menu-title-2632 .e-n-menu-title-text::after,
.page-id-172 #e-n-menu-title-2632 .e-n-menu-title-text::after,
.page-id-173 #e-n-menu-title-2632 .e-n-menu-title-text::after,
.page-id-178 #e-n-menu-title-2633 .e-n-menu-title-text::after,
.page-id-180 #e-n-menu-title-2633 .e-n-menu-title-text::after,
.page-id-182 #e-n-menu-title-2633 .e-n-menu-title-text::after,
.page-id-183 #e-n-menu-title-2633 .e-n-menu-title-text::after,
.page-id-186 #e-n-menu-title-2634 .e-n-menu-title-text::after,
.page-id-188 #e-n-menu-title-2635 .e-n-menu-title-text::after{
    left: 0px;
    width: 100%;
}

.page-id-155 #submenu-page-155:after,
.page-id-160 #submenu-page-160:after,
.page-id-162 #submenu-page-162:after,
.page-id-164 #submenu-page-164:after,
.page-id-166 #submenu-page-166:after,
.page-id-168 #submenu-page-168:after,
.page-id-170 #submenu-page-170:after,
.page-id-171 #submenu-page-171:after,
.page-id-172 #submenu-page-172:after,
.page-id-173 #submenu-page-173:after,
.page-id-178 #submenu-page-178:after,
.page-id-180 #submenu-page-180:after,
.page-id-182 #submenu-page-182:after,
.page-id-183 #submenu-page-183:after,
.page-id-1617 #submenu-page-1617:after{
    left: 0px;
    width: 100%;
} 


a.unit-block-c{

}
a.unit-block-c,
a.unit-block-c:hover{
    text-decoration: none;
}

a.unit-block-c > .elementor-widget-image{
    overflow: hidden;
}
a.unit-block-c > .elementor-widget-image img{
    transform: scale(1);
    transition: transform 200ms;
}
a.unit-block-c:hover > .elementor-widget-image img{
    transform: scale(1.1);
}


.contact-form-c input[type=text],
.contact-form-c input[type=email],
.contact-form-c input[type=phone],
.contact-form-c textarea{
    padding: 8px 15px 8px 15px;
    font-size: 1.125rem;
    border-radius: 0px;
}


.contact-right-img > .elementor-widget-container{
    height: calc(100% - 77px) !important;
}


@media only screen and (min-width: 768px){
    .product-imgs-grid .prod-img.img-d{
        grid-column: span 2;
        grid-row: span 2;
    }
    .product-imgs-grid .prod-img.img-e{
        grid-column: span 2;
        grid-row: span 2;
    }
    .product-imgs-grid.swiper-wrapper{
        display: grid !important;
    }
}

@media only screen and (max-width: 767px){
    .product-imgs-c{
        overflow: hidden;
    }
    .product-imgs-c > .e-con-inner{
        overflow: hidden;
    }
    .product-imgs-c .product-imgs-grid.swiper-wrapper{
        column-gap: 0px;
    }
}

@media only screen and (max-width: 1800px){
    header .main-menu-c .e-n-menu-title-container{
        padding: 10px 30px 10px 30px;
    }
}
@media only screen and (max-width: 1600px){
    .product-right-col{
        padding-right: 0px !important;
    }
}
@media only screen and (max-width: 1500px){
    header .main-menu-c .e-n-menu-title-container{
        padding: 10px 15px 10px 15px;
    }
}
@media only screen and (max-width: 1400px){

}
@media only screen and (max-width: 1300px){
    .prod-cats-links-c a,
    .prod-cats-links-c a:hover{
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 1200px){
    
}
@media only screen and (max-width: 1100px){

}
@media only screen and (max-width: 1024px){
    header, header.sticky {
        min-height: 86px;
    }
}
@media only screen and (max-width: 900px){
    
}
@media only screen and (max-width: 767px){
    
    .intro-content-txt-button{
        height: calc(100dvh - 60px);
        bottom: auto;
        top:0px
    }
    .intro-content-txt-button .e-con-inner{
        display: flex;
        flex-direction: column !important;
        justify-content: flex-end !important;
        padding-bottom: 0px;
    }
    .pause-play-but-c{
        height: calc(100dvh - 49px) !important;
        bottom: auto;
        top:0px;
    }
    .pause-play-but-c .elementor-widget-container{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .prod-cats-outer-c{
        flex-direction: column;
    }
    .prod-cats-img-c{
        width: 100%;
    }
    .prod-cats-links-c{
        width: 100%;
    }

    .block-inner-c.curved-stitches{
        padding-left: 0px;
        padding-right: 0px;
    }
    .curved-stitches > .e-con-inner {
        padding-left: 40px;
        padding-right: 40px;
        background-size: 90px auto;
        background-position: left 15px bottom 0px;
        background-image: url('/wp-content/themes/rmlader/images/curved-stitches-mob.svg');
    }
    .block-inner-c.curved-stitches h1,
    .block-inner-c.curved-stitches h2,
    .block-inner-c.curved-stitches h3,
    .block-inner-c.curved-stitches h4,
    .block-inner-c.curved-stitches p{
        font-size: 1rem;
        line-height: 1.5;
        padding: 2px 0px 2px 13px;
        margin-left: -13px;
    }

    .prod-cats-links-c a{
        height: 80px;
    }
    .prod-cats-links-c a, .prod-cats-links-c a:hover {
        font-size: 1.75rem;
    }

    .logo-slider .swiper-slide {
        height: 68px;
    }
    .block-inner-c.customers-block{
        padding-left: 0px;
        padding-right: 0px;

    }
    .logo-swiper-slider-c {
        padding-left: 20px;
        padding-right: 20px;
    }
    .logo-swiper-slider-c .swiper-container {
        padding-bottom: 70px;
    }

    .production-swiper-slider-c .produktionssteg-txt h1{
        font-size: 2rem;
    }
    .production-swiper-slider-c .produktionssteg-txt h2{
        font-size: 1.9rem;
    }
    .production-swiper-slider-c .produktionssteg-txt h3{
        font-size: 1.75rem;
    }
    .production-swiper-slider-c .produktionssteg-txt h4{
        font-size: 1.5rem;
    }
    .production-swiper-slider-c .produktionssteg-txt h5{
        font-size: 1.2rem;
    }
    .production-swiper-slider-c .produktionssteg-txt p{
        font-size: 1rem;
    }
    .production-swiper-slider-c .produktionssteg-txt {
        padding: 20px 15px 30px 24px;
        row-gap: 0px;
        max-width: 100%;
        width: 100%;
        height: auto;
        justify-content: flex-end;
    }
    .production-swiper-slider-c .produktionssteg-txt h1,
    .production-swiper-slider-c .produktionssteg-txt h1,
    .production-swiper-slider-c .produktionssteg-txt h1,
    .production-swiper-slider-c .produktionssteg-txt h1,
    .production-swiper-slider-c .produktionssteg-txt h1,
    .production-swiper-slider-c .produktionssteg-txt p{
        max-width: 229px;
    }
    .production-swiper-slider-c .produktionssteg-wrapper {
        height: 70vh;
        display: flex;
        align-items: flex-end;
    }
    .production-swiper-slider-c .elementor-widget-button.b-inv{
        padding-top: 15px;
    }
    .production-swiper-slider-c .swiper-container {
        padding-bottom: 60px;
    }

    .footer-c a,
    .footer-c a:hover{
        font-size: 0.875rem;
    }

    .contact-right-img > .elementor-widget-container{
        height: 100% !important;
    }
    
} /* </767> */
@media only screen and (max-width: 500px){

}
@media only screen and (max-width: 380px){
    
}
@media only screen and (max-width: 360px){
    h1{
        font-size: 2.6rem !important;
    }
    h2{
        font-size: 2.4rem !important;
    }
    .elementor-button-text{
        font-size: 1rem;
    }
    .numbers-production h3{
        font-size: 2.8rem !important;
    }
    .numbers-production h4{
        font-size: 1.2rem !important;
    }
}
@media only screen and (max-width: 330px){

   .intro-content-txt-button{
        height: calc(100dvh - 90px);
    }

    .pause-play-but-c{
        height: calc(100dvh - 10px) !important;
        right: auto !important;
        left: 30px;        
        bottom: auto !important;
    }

    

    .elementor-widget-button .elementor-button{
        min-width: 150px;
    }
    .elementor-button-text{
        font-size: 0.875rem;
    }
}
@media only screen and (max-width: 320px){
    h1{
        font-size: 2rem !important;
    }
    h2{
        font-size: 1.8rem !important;
    }


}