.elementor-kit-6{--e-global-color-primary:#EC2022;--e-global-color-secondary:#282828;--e-global-color-text:#555555;--e-global-color-accent:#EC2022;--e-global-color-765548f:#E1E6ED;--e-global-color-0673a6a:#F3F4F8;--e-global-color-88feb2f:#FFFFFF;--e-global-color-1400e38:#979797;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:200;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.page-content{
    overflow-x: hidden;
}


/* ------ TYPOGRAPHY ------ */

h1 {
	font-size: 46px;
	line-height: 56px;
}
h2{
	font-size: 28px !important;
	line-height: 34px !important;
}
h3{
	font-size: 22px !important;
	line-height: 30px !important;
}
h4{
	font-size: 24px !important;
	line-height: 34px !important;
}
h5{
	font-size: 18px !important;
	line-height: 28px !important;
}
h6{
	font-size: 14px !important;
	line-height: 16px !important;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-weight: 700 !important;
}
p{  
	font-size: 16px !important;
	line-height: 26px !important;
}
ul{
    font-size: 16px !important;
    line-height: 26px !important;
    margin-bottom: 12px;
}
.text li{
    list-style: none;
}

.text li::marker {
    content: ""; 

}
.text li::before {
    content: "•"; 
    color: #EC2022;
    font-size: 18px;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
    
}

@media only screen and (min-width: 753px) {

    h1 {
	    font-size: 54px;
    	line-height: 64px;
    }
    h2{
	    font-size: 32px !important;
	    line-height: 42px !important;
    }
    h3{
    	font-size: 28px !important;
    	line-height: 38px !important;
    }
    h4{
    	font-size: 24px !important;
    	line-height: 30px !important;
    }
    h5{
    	font-size: 20px !important;
    	line-height: 30px !important;
    }
    h6{
    	font-size: 14px !important;
    	line-height: 16px !important;
    }
    p{
    	font-size: 16px !important;
    	line-height: 26px !important;
    }
    ul{
    	margin-bottom: 24px;
        margin-top: 24px;
    }
}
@media only screen and (min-width: 1024px) {
    h1 {
	    font-size: 54px;
    	line-height: 64px;
    }
    h2{
	    font-size: 46px !important;
	    line-height: 58px !important;
    }
    h3{
    	font-size: 38px !important;
    	line-height: 48px !important;
    }
    h4{
    	font-size: 30px !important;
    	line-height: 38px !important;
    }
    h5{
    	font-size: 24px !important;
    	line-height: 38px !important;
    }
    h6{
    	font-size: 14px !important;
    	line-height: 16px !important;
    }
    p{
    	font-size: 16px !important;
        line-height: 28px !important;
        }
    li{
    	font-size: 16px !important;
    	line-height: 26px !important;
    	margin-bottom: 24px;
    }

}




/*------ FONT RULES */

.uber h1,
.uber h2{
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    letter-spacing: 0em !important;
}
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5{
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    letter-spacing: 0em !important;
}
.super h1,
.super h2{
    font-size: 80px !important;
    line-height: 90px !important;
}
@media only screen and (min-width: 753px) {
    .uber h1,
    .uber h2{
        font-size: 44px !important;
        line-height: 56px !important;
    }
    .hero h1,
    .hero h2,
    .hero h3,
    .hero h4,
    .hero h5{
        font-size: 44px !important;
        line-height: 56px !important;
    }
    .super h1,
    .super h2{
        font-size: 180px !important;
        line-height: 190px !important;
    }
}
@media only screen and (min-width: 1024px){
    .uber h1,
    .uber h2{
        font-size: 112px !important;
        line-height: 144px !important;
    }
    .super h1,
    .super h2{
        font-size: 300px !important;
        line-height: 300px !important;
    }
    .hero h1,
    .hero h2,
    .hero h3,
    .hero h4,
    .hero h5{
        font-size: 64px !important;
        line-height: 84px !important;
    }
}



/*------ COLUMNS - To allow you to use 100% widths */

.elementor-section > .elementor-container{
    flex-wrap: wrap !important;
}




/*------ REMOVES DEFAULT PADDING FROM COLUMNS */

.elementor-element-populated{
    padding: 0 !important;
    margin: 0 !important;
}




/*------ REMOVES HORIZONTAL SCROLL BARS */
body{
    overflow-x: hidden;
}




/*------ PADDING */

.o-wrapper{
    padding-left: 24px;
    padding-right: 24px;
}
.inner-wrapper,
.btn-col .btn-primary .elementor-button{
    padding-left: 24px;
    padding-right: 24px;
}
.section{
    padding-top: 48px;
    padding-bottom: 48px;
}
.section-small{
    padding-top: 48px;
    padding-bottom: 48px;
}
.section-slim{
    padding-top: 64px;
    padding-bottom: 32px;
}
@media only screen and (min-width: 753px) {
    .o-wrapper{
        padding-left: 48px;
        padding-right: 48px;
    }
    .inner-wrapper,
    .btn-col .btn-primary .elementor-button{
        padding-left: 48px;
        padding-right: 48px;
    }
    .section{
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .section-small{
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .section-slim{
        padding-top: 64px;
        padding-bottom: 32px;
    }
}
@media only screen and (min-width: 1024px) and (min-height: 1024px) {
    .o-wrapper{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .inner-wrapper,
    .btn-col .btn-primary .elementor-button{
        padding-left: 6vw;
        padding-right: 6vw;
    }
    .section{
        padding-top: 128px;
        padding-bottom: 128px;
    }
    .section-slim{
        padding-top: 128px;
        padding-bottom: 32px;
    }
}
@media only screen and (min-width: 1920px) and (min-height: 1024px) {
    .o-wrapper{
        padding-left: 14vw;
        padding-right: 14vw;
    }
    .inner-wrapper,
    .btn-col .btn-primary .elementor-button{
        padding-left: 8vw;
        padding-right: 8vw;
    }
}



/*------ BUTTON STYLES */

.elementor-button{
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700 !important; 
    line-height: 30px !important;
    color: #fff !important;
    background: #EC2022;
    border: none !important;
    border-radius: 0;
    margin-top: 24px;
    padding: 24px 96px;
}

.elementor-button svg path{
    fill: #fff;
}

.elementor-button:hover{
    background: #fff !important;
    color: #EC2022 !important;
}
.elementor-button:hover svg path{
    fill: #EC2022;
}
.elementor-button:hover svg{
    transform: translateX(10px) !important;
}

/* styling the buttons to span full width*/
.btn-primary .elementor-button{
    width: 100%;
    text-align: left;
    margin-top: 0;
    padding: 24px;
}
@media only screen and (min-width: 753px){
    .btn-primary .elementor-button{
        padding: 48px 6vw;
    }
}




/*------ ANIMATION */

/* button icon */
.elementor-button svg,
/*partner logos */
.partner-logos .logo-col .elementor-icon svg path,
/* btn tags */
.elementor-post-info__item--type-custom a,
/* slider arrows */
.product-info .elementor-swiper-button,
.elementor-post-info__item--type-custom a,
/* product thumbnails */
.uael-post__title a{
    transition: all .2s ease-in-out;
}




/*------ DARK */

.dark-mode .btn-col .elementor-widget-wrap{
    background: #282828 !important;
}
.dark-mode .btn-col h2,
.dark-mode .btn-col h5 {
    color: #fff !important;
}
.dark-mode .btn-col p{
    color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 753px){
    /* positioning the text carousel */
    .dark-mode .img-col .elementor-swiper {
        margin-left: 0; 
        right: 48px;
        color: #fff !important;    
    }
    .dark-mode .img-col .swiper-slide-bg{
        background: #282828 !important;
    }
    .dark-mode .img-col .elementor-swiper .elementor-slide-heading{
        color: #fff !important;    
    }
    .dark-mode .img-col .elementor-slide-description{
        color: rgba(255, 255, 255, 0.6) !important;
    }
}




/*------ HEADER BG */
    .header-bg{
        background: #ec1f21;
        width: 100%;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }




/*------ HEADER */

.main-header .logo-col .logo svg path {
    fill: #EC2022;
}

/* positioning and styling the header 
.page-id-7 .main-header,
.page-id-915 .main-header,
.page-id-24 .main-header,
.page-id-26 .main-header,
.page-id-623 .main-header{
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 100;
}
.page-id-7 .main-header .logo-col .logo svg path,
.page-id-915 .main-header .logo-col .logo svg path,
.page-id-24 .main-header .logo-col .logo svg path,
.page-id-26 .main-header .logo-col .logo svg path,
.page-id-623 .main-header .logo-col .logo svg path{
    fill: #fff;
}
.page-id-7 .main-header .nav-col  a,
.page-id-915 .main-header .nav-col  a,
.page-id-24 .main-header .nav-col  a,
.page-id-26 .main-header .nav-col  a,
.page-id-623 .main-header .nav-col  a{
    color: #fff !important;
}
*/



/*------ SECTIONS */




/*------ BANNERS */



.banner .elementor-container {
  height: 100vh;
  /* mobile viewport bug fix */
  max-height: -webkit-fill-available;
}
.banner .img-col,
.banner .img-col .banner-image,
.banner .img-col .banner-image img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.banner .img-col .banner-image img{
    object-fit: cover;
    object-position: 75% 50%;
}
.banner .text-col{
    width: 100%;
}
.banner .text-col .elementor-widget-wrap{
    position: absolute;
    display: flex;
    flex-wrap: nowrap !important;
    bottom: 0 !important;
    left: 0;
    background: #282828;
    padding: 48px 24px !important;
    width: 100%;
}
.banner .text-col h2{
    color: #fff !important;
}
.banner .down-arrow:hover .elementor-icon{
    background: none;
    border-radius: 1000px;
}
.banner .down-arrow:hover svg path{
    fill: #fff;
}
.banner .text-col .elementor-widget:not(:last-child){
    margin: 0;
}

@media only screen and (max-width: 752px){
    .banner .text-col .elementor-widget-wrap {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: flex-end !important;
    }
    .banner .text-col .down-arrow {
        margin-top: 24px;
    }
}
@media only screen and (max-width: 320px){
    .banner .text-col .elementor-widget-wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start !important;
    }
    .banner .text-col .down-arrow {
        margin-top: 24px;
    }
}
@media only screen and (min-width: 1024px) and (min-height: 720px) {
    /*.banner,
    .banner .text-col{
        height: calc(100vh) !important;
    }
    /*.banner-partners,
    .banner-partners .text-col{
        height: calc(100vh - 120px) !important;
    }*/
    .banner .text-col .elementor-widget-wrap{
        width: 50%;
    }
}




/*------ PARTNER BANNER */

  /*.banner-partners,
.banner-partners .text-col{
  min-height: calc(100vh - 220px) !important;
    min-height: -webkit-fill-available;

}
*/



/*------ MANUFACTURER BANNER */

/* banner height 
.banner-manufacturer,
.banner-manufacturer .title-col{
    height: 80vmax !important;
}*/
@media only screen and (min-width: 753px) {
    /* banner height */
    .banner-manufacturer,
    .banner-manufacturer .title-col{
        height: 80vmin !important;
    }  
}



/*------ DOWN ARROWS */

.down-arrow,
.down-arrow-center,
.down-arrow-left{
    height: 48px !important;
    width: 48px !important;
    transition: transform 0.3s ease-in-out;
}
/* setting the arrow position */
.down-arrow-center{
    position: absolute;
    bottom: 72px !important;
    left: calc(50% - 24px);
    z-index: 10;
} 
/* setting the arrow position */
.down-arrow-left{
    position: absolute;
    bottom: 72px;
    left: 0;
}
/* arrow hover states */
.down-arrow:hover,
.down-arrow-center:hover,
.down-arrow-left:hover{
    transform: scale(1.2);
}
.down-arrow:hover .elementor-icon{
    background: #fff;
    border-radius: 1000px;
}
.down-arrow:hover svg path{
    fill: red;
}
@media only screen and (min-width: 753px){
    /* setting the arrow position */
    .down-arrow-center{
        position: absolute;
        bottom: 72px;
        left: calc(50% - 24px);
        z-index: 10;
    }
}

/*
.main-banner .elementor-slide-description{
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    letter-spacing: 0.01em !important;
    margin: 0 !important;
    padding: 0;
}
.main-banner .swiper-slide-contents{
    max-width: 90% !important;
    background: #EC2022;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 32px;
    text-align: left !important;
} 

@media only screen and (min-width: 753px){
    .main-banner,
    .main-banner .swiper-slide{
        height: 600px !important;
    }
    .main-banner .elementor-slide-description{
        font-size: 22px !important;
        line-height: 26px !important;
    }
}
@media only screen and (min-width: 1024px) and (min-height: 720px) {

    .main-banner,
    .main-banner .swiper-slide{
        height: 100vh !important;
    }
    .main-banner .swiper-slide-contents{
        width: 50%;
        padding: 48px;
    } 
    .down-arrow{
        display: inline-block;
    }
}
@media only screen and (min-width: 1024px){
    .main-banner .elementor-slide-description{
        font-size: 46px !important;
        line-height: 56px !important;
    }
}
@media only screen and (min-width: 1440px){
    .main-banner .elementor-slide-description{
        font-size: 58px !important;
        line-height: 72px !important;
    }
}







/*------ TEXT AND IMAGE */

.text-image .text-col,
.text-image .img-col{
    min-height: 50vh;
}
.text-image .text-col .elementor-widget-wrap{
    flex-direction: row !important;
    align-content: center;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.text-image .btn-col .elementor-widget-wrap{
    flex-direction: column;
    justify-content: center;
}
.text-image .first-item{
    padding-top: 48px;
    margin-top: auto;
}

.text-image .btn-primary{
    margin-top: auto;
}
.text-image .text-col .text{
    padding-bottom: auto;
}

@media only screen and (min-width: 753px){
    .text-image .first-item{
        padding-top: 72px;
    }
    .text-image .text-col .elementor-widget-wrap{
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .text-image .img-col{
        min-height: 720px;
    }
}
@media only screen and (min-width: 1024px){
    .text-image .first-item{
        padding-top: 96px;
    }
    .text-image .text-col .elementor-widget-wrap{
        padding-top: 96px !important;
        padding-bottom: 96px !important;
    }
}
@media only screen and (min-width: 1920px){
    .text-image .first-item{
        padding-top: 144px;
    }
    .text-image .text-col .elementor-widget-wrap{
        padding-top: 144px !important;
        padding-bottom: 144px !important;
    }
}




/*------ TEXT AND LOGOS */

/* making the images fill the space */
.text-logos .logos-col img{
    width: 100%;
    padding: 24px;
    background: #fff;
}
/* setting the number of logo columns */
.text-logos .logos-col .elementor-image-gallery .gallery-columns-3 .gallery-item{
    max-width: 33.3% !important;
}
    
@media only screen and (min-width: 753px) {
    /* setting the number of logo columns */
    .text-logos .logos-col .elementor-image-gallery .gallery-columns-3 .gallery-item{
        max-width: 50% !important;
    }
    /* hiding the last logo on tablet */
    .text-logos .logos-col .elementor-image-gallery .gallery-columns-3 .gallery-item:last-child {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    /* setting the number of logo columns */
    .text-logos .logos-col .elementor-image-gallery .gallery-columns-3 .gallery-item{
        max-width:33.3% !important;
    }
    /* showing the last logo on tablet */
    .text-logos .logos-col .elementor-image-gallery .gallery-columns-3 .gallery-item:last-child {
            display: inline-block;
    }
}



/*------ TEXT AND IMAGE CAROUSEL */

/* setting the height of the image column */
.text-image .img-col .text-carousel .elementor-widget-container{
    height: 50vh !important;
}
/* positioning the text carousel */
.text-image .img-col .elementor-swiper {
    position: absolute;
    margin-left: 24px;   
    bottom: 24px;
    width: calc(100% - 48px);
}
/* setting the height of the box */
.text-image .img-col .swiper-slide{
    height: 120px !important;
    border-radius: 4px;
}
.text-image .img-col .swiper-slide-inner{
    padding: 24px !important;
}
.text-image .img-col .swiper-slide-contents{
    max-width: 100% !important;
}
.text-image .img-col .elementor-slide-heading,
.text-image .img-col .elementor-slide-description{
    font-size: 14px !important;
    line-height: 22px;
    margin: 8px !important;
}

@media only screen and (min-width: 753px){
    /* setting the height of the image column */
    .text-image .img-col .text-carousel .elementor-widget-container{
        height: 720px !important;
    }
    /* positioning the text carousel */
    .text-image .img-col .elementor-swiper {
        bottom: 48px;
        margin-left: 48px;   
        width: 50%;
    }
}

@media only screen and (min-width: 1024px){
    .text-image .img-col .text-carousel .elementor-widget-container{
       height: calc(100vh - 120px) !important;
    }
}




/*------ IMAGE SECTION */

.img-section .elementor-container{
    display: flex;
    justify-content: flex-end !important;
}
.img-section .img-col{
    width: 100%;
    height: 25vh;
}
.img-section .img-col .img-section-image,
.img-section .img-col .img-section-image img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.img-section .img-col .img-section-image img{
    object-fit: cover;
}
@media only screen and (min-width: 753px) {
    .img-section .img-col{
        width: 80%;
        height: 33vh;
    }
    .img-section img{
        width: 100%;
        height: 100%;
    }
}




/*------ TITLE SECTION */

.title-section .elementor-container{
    max-width: 888px;
}




/*------ FEATURES */

.features-white,
.features-grey,
.features-black {
    background: #E1E6ED;
}
.features-grey {
    background: #888888;
}
.features-white .features-col,
.features-grey .features-col,
.features-black .features-col{
    margin: 1px 1px 0 0;
    padding: 48px;
}
.features-white .features-col:last-child,
.features-grey .features-col:last-child,
.features-black .features-col:last-child{
    margin-right: 0;
}
.features-white .features-col .elementor-icon{
    background: #F3F4F8;
    padding: 24px;
    border-radius: 100px;
}
.features-grey .features-col .elementor-icon,
.features-black .features-col .elementor-icon{
    background: #fff;
    padding: 24px;
    border-radius: 100px;
}

.features-white .features-col{
    background: #fff;
    text-align: center !important;
}
.features-grey .features-col{
    background: #E1E6ED;
    text-align: center !important;
}
.features-black .features-col{
    background: #282828;
    text-align: center !important;
}
.features-white .features-col .elementor-icon-wrapper,
.features-grey .features-col .elementor-icon-wrapper{
    text-align: center !important;
}
.features-white .features-col p,
.features-grey .features-col p{
    color: #282828 !important;
    text-align: center !important;
}
.features-black .features-col p{
    color: #fff !important;
    text-align: left !important;
}
.features-white .features-col .elementor-icon svg path,
.features-grey .features-col .elementor-icon svg path{
    fill: #EC2022 !important;
}
.features-white .features-col .elementor-icon:hover svg path,
.features-grey .features-col .elementor-icon:hover svg path{
    fill: #EC2022 !important;
}
.features-black .features-col .elementor-icon svg path{
    fill: #282828 !important;
}
.features-black .features-col .elementor-icon:hover svg path{
    fill: #282828 !important;
}


@media only screen and (min-width: 753px) {
    .features-white .features-col,
    .features-grey .features-col,
    .features-black .features-col{
        width: calc(50% - 1px);
    }
}
@media only screen and (min-width: 1024px) {
    .features-white .elementor-container,
    .features-grey .elementor-container,
    .features-black .elementor-container{
        flex-wrap: nowrap !important;
    }
}

@media only screen and (max-width: 752px) {
    /* scrolling layout for mobile */
    .features-white .elementor-container,
    .features-grey .elementor-container,
    .features-black .elementor-container{
        flex-wrap: nowrap !important;
    } 
    /* styling the tabs */
    .features-white,
    .features-grey,
    .features-black{
        display: flex;
        overflow-x: scroll !important ;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    .features-white::-webkit-scrollbar,
    .features-grey::-webkit-scrollbar,
    .features-black::-webkit-scrollbar{
        display: none !important;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    .features-white,
    .features-grey,
    .features-black{
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .features-white .features-col,
    .features-grey .features-col,
    .features-black .features-col{
        width: 90vw !important;
    }
}




/*------ PARTNER LOGOS */

.partner-logos .elementor-container{
    flex-wrap: nowrap !important;
} 
.partner-logos .logo-col{
    margin-right: 1px;
    background: #fff;
    width: 100% !important;
}
.partner-logos .logo-col .elementor-icon{
    padding: 16px;
}
.partner-logos .logo-col .elementor-icon svg{
    height: 100%;
    width: 100%;
}
.partner-logos .logo-col .elementor-icon svg path{
    fill: #282828;
}
.partner-logos .logo-col .elementor-icon:hover svg path{
    fill: #EC2022;
}
@media only screen and (min-width: 753px) {
    .partner-logos .logo-col{
        margin-right: 1px;
        height: 180px;
    }
    .partner-logos .logo-col .elementor-icon{
        height: 180px;
        width: 100%;
        padding: 0px;
    }
}
@media only screen and (min-width: 1024px) {
    .partner-logos .elementor-container{
        flex-wrap: nowrap !important;
    }
    .partner-logos .logo-col{
        height: 360px;
    }
    .partner-logos .logo-col .elementor-icon{
        height: 360px;
        padding: 16px;
    }
}
@media only screen and (max-width: 752px) {
    /* scrolling layout for mobile */
    /* scrolling layout for mobile */
    .partner-logos .elementor-container{
        flex-wrap: nowrap !important;
    } 
    /* styling the tabs */
    .partner-logos{
        display: flex;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    .partner-logos::-webkit-scrollbar {
        display: none !important;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    .partner-logos  {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .partner-logos .logo-col,
    .partner-logos .logo-col .elementor-icon{
        width: 70vw !important;
        height: 60vmin;
    }
    .partner-logos .logo-col .elementor-icon svg{
        height: 100%;
    }
}




/*------ TESTIMONIALS */
.testimonial-section .client-name,
.testimonial .client-name,
.testimonial-section .company-name,
.testimonial .company-name{
    display: none;
}

.testimonial-section .testimonial-col {
    width: 100%;
}
.testimonial-section .testimonial-col{
    background: #282828;
    height: auto;
    align-items: center;
}
.testimonial-col{
    padding: 48px 24px
}
.testimonial-section .img-col img{
    width: 100%;
}
.testimonial-section .client-name,
.testimonial .client-name{
    padding-top: 48px;
    margin: 0;
}
.testimonial-section .company-name,
.testimonial .company-name{
    padding-top: 4px;
}
.testimonial .client-name p{
    text-transform: uppercase;
    font-weight: 700 !important;
}


@media only screen and (min-width: 753px) {
    .testimonial-section .testimonial-col {
        width: 75%;        
        height: auto;
        order: 2;
    }
    /* making the column fill it's container */
    .testimonial-col {
        padding: 96px 6vw !important;
    }
}
@media only screen and (min-width: 1024px) {
    .testimonial-section .testimonial-col {
        width: 50%;        
        height: 50vw;
        order: 0;
    }
}


/*------ CALL TO ACTION */

.call-to-action{
    overflow: hidden;
}
.call-to-action .elementor-button {
    margin-top: 48px;
}
.call-to-action .text-col{
    width: 100%;
    order: 2;
}
.call-to-action .img-col{
    width: 100%;
    min-height: 320px;
    order: 1;
}
@media only screen and (min-width: 1024px) {
    .call-to-action .text-col{
        width: 50%;
        order: 1;
    }
    .call-to-action .img-col{
        width: 50%;
        min-height: 320px;
        order: 2;
    }
}




/*------ MANUFACTURERS */

/* setting the column widths */
.text-image--partner .text-col,
.text-image--partner .img-col{
  width: 100% !important;
}
/* sizing the image (to maintain it's ratio) */
.text-image--partner .img-col:after {
  content: "";
  display: block;
  padding-bottom: 70%;
}
.text-image--partner .img-col .elementor-widget-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    align-content: center !important;
    padding: 30% !important;
}
.text-image--partner .img-col .partner-product-image,
.text-image--partner .img-col .partner-product-image img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.text-image--partner .img-col .partner-product-image img{
    object-fit: cover;
}
/* styling the logo/image section */
.text-image--partner .text-col .elementor-widget-wrap{
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
.text-image--partner .text-col .elementor-icon{
    margin-bottom: 24px;
}
/* sizing the logo */
.text-image--partner .text-col .elementor-icon svg{
    width: auto;
    /*height: 100px*/
}
.text-image--partner .text-col .elementor-icon svg path{
    fill: #fff;
}

/* FILTERS */

.partner--products .uael-filters-dropdown{
    margin-bottom: 0 !important;
}
.partner--products .uael-filters-dropdown-button{
    width: 100%;
    text-align: center;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: center;
    transition: all 0.3s ease-in-out !important;
    padding: 24px !important;
}
.partner--products .uael-filters-dropdown-button:hover{
    background: #282828 !important;
}
/* stylng the filters */
.partner--products  .uael-post__header-filters{
    flex-direction: row;
    justify-content: stretch;
    width: 100%;
}
.partner--products  .uael-post__header-filters li{
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: center;
    padding: 48px !important;
    margin-right: 1px !important;
    transition: all 0.3s ease-in-out !important;
}
.partner--products ul{
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
.uael-post__header-filters-wrap{
    margin-bottom: 0 !important;
}
.partner--products .uael-post__header-filters li:last-child{
    margin-right: 0 !important;
}


@media only screen and (min-width: 753px){
    /* setting the column widths */
    .text-image--partner .text-col,
    .text-image--partner .img-col{
        width: 50% !important;
    }
    .text-image--partner .text-col .elementor-widget-wrap{
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    /* stylng the filters */
    .partner--products  .uael-post__header-filters{
        display: flex;
    }
    .partner--products .uael-post-grid__inner{
                margin-right: -.4% !important;
    }
}
@media only screen and (min-width: 1024px){
    /* sizing the logo */
    .text-image--partner .text-col .elementor-icon svg{
        /*height: 150px*/
    }
}

/* styling the thumbnails */
.partner--products .uael-post__inner-wrap{
    width: 100% !important;
    height: 100% !important;
}
.partner--products .uael-post__content-wrap{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    top: 0;
    width: 100%;
    height: 100%;
    align-content: center;
    justify-content: center;
    z-index: 0;
    padding: 0 !important;
}
/* positioning the thumbnail link text */
.uael-post__title{
    display: flex;
    top: 0;
    height: 100%;
    width: 100%;
    margin-bottom: 0 !important;
}
.partner--products h3{
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}
/* making the img fill it's container */
.partner--products .uael-post__thumbnail img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.partner--products .uael-post__thumbnail{
    width: 100vw;
    height: 100vw;
}
/* styling the thumbnail link text */
.uael-post__title a{
    height: 100%;
    width: 100%;
    padding: 0;
    opacity: 0;
    font-size: 24px !important;
    line-height: 34px !important;
    display: flex;
    text-align: center;
    padding: 48px;
    flex-direction: column;
    justify-content: center;
}
.uael-post__title a:hover{
    opacity: 1;
    background: #BFBFBF;
    z-index: 1;
}
/* positioning the terms */
.partner--products .uael-post__content-wrap .uael-post__terms-wrap{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    bottom: 24px;
}
/* positioning the terms above the thumbnail hover */
.uael-post__terms-wrap{
    z-index: 2;
}
.partner--products .uael-post__content-wrap .uael-post__terms{
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}
.partner--products .uael-post__content-wrap .uael-post__terms-wrap .uael-listing__terms-link{
    background: #ec2022;
    color: #fff;
    width: auto;
    margin: 0 8px 0 0;    
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 4px 16px !important;
    border-radius: 1000px;
    text-transform: uppercase;
}
.partner--products .uael-post__footer{
    margin-top: 0 !important;
}
 /* removing the gap between rows */
.uael-post-wrapper{
    line-height: 0;   
}
@media only screen and (min-width: 753px){
    .partner--products .uael-post__thumbnail{
        width: 50vw;
        height: 50vw;
    }
}
@media only screen and (min-width: 1024px){
    .partner--products .uael-post__thumbnail{
        width: 33vw;
        height: 33vw;
    }
}
@media only screen and (min-width: 1279px){
    .uael-post__title a{
        font-size: 38px !important;
        line-height: 48px !important;
    }
}
@media only screen and (min-width: 1535px){
    .uael-post__title a{
        font-size: 46px !important;
        line-height: 66px !important;
    }
}
@media only screen and (min-width: 1919px){
    .uael-post__title a{
        font-size: 54px !important;
        line-height: 70px !important;
    }
}




/*------ PRODUCTS */




/*------ PRODUCT BANNER */

.product-banner .text-col{
    order: 2;
    height: auto;
    width: 100%;
}
.product-banner .img-col{
    order: 1;
    /*height: 60vmin;*/
    width: 100%;
}
/* sizing the image (to maintain it's ratio) */
.product-banner .img-col:after {
  content: "";
  display: block;
  padding-bottom: 70%;
}
.product-banner .img-col .elementor-widget-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    align-content: center !important;
    padding: 30% !important;
}
.product-banner .img-col .product-banner_image,
.product-banner .img-col .product-banner_image img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.product-banner .img-col .product-banner_image img{
    object-fit: cover;
}
/* centering the content */
.product-banner .text-col .elementor-widget-wrap{
    align-content: center;
}
/* space above the first item */
.product-banner .first-item{
    padding: 48px 0 32px 0;
}
/* styling the three 'type' buttons */
.product-banner .text-col .btn-tag {
    width: auto;
}
.product-banner .text-col .btn-col .elementor-widget-wrap{
    padding-bottom: 0 !important;
}
/*positioning the down arrow */
.product-banner .text-col .down-arrow-left{
    position: relative;
    width: 48px;
    height: 48px;
    margin-top: 72px;
}

/* styling the tag buttons */
.elementor-post-info__item--type-custom a{
    background: #ec2022;
    width: auto;
    margin: 0 8px 0 0;    
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 4px 16px !important;
    border-radius: 1000px;
    text-transform: uppercase;
}
.elementor-post-info__item--type-custom a:hover{
    background: #F3F4F8;
    color: #ec2022 !important;
}
@media only screen and (min-width: 753px){
    .product-banner .text-col{
        order: 1;
        height: auto;
        width: 50%;
    }
    .product-banner .first-item{
        padding-top: 72px;
    }
    .product-banner .img-col{
        width: 50%;
        order: 2;
    }

}





/*------ PRODUCT IMAGE & INFO SECTION */

/* setting the width and height of the slider */
.product-info .img-col{
    width: 100%;
}
.product-info .img-col .swiper-slide{
    height: 50vmax;
    width: 100vw;
}
.product-info .img-col .swiper-slide-inner img{
    position: absolute;
    height: 50vmax;
    width: 100vw;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 1;
}
/* styling the arrows */
.product-info .img-col .elementor-swiper-button{
    padding: 16px;
    background: #fff;
    border-radius: 1000px;
    color: #ec2022;
}
.product-info .elementor-swiper-button{
    opacity: 0.5;
}
.product-info .eicon-chevron-left,
.product-info .eicon-chevron-right{
    width: 24px;
    height: 24px;
}
.product-info .eicon-chevron-left:before{
    content: url(https://staging-maxfurniturenew.kinsta.cloud/wp-content/uploads/2021/07/arrow_back.svg);
}
.product-info .eicon-chevron-right:before{
    content: url(https://staging-maxfurniturenew.kinsta.cloud/wp-content/uploads/2021/07/arrow_forward.svg);
}
.product-info .elementor-swiper-button:hover{
    padding: 24px;
    opacity: 1;
}
/* setting the width of the text column */
.product-info .text-col{
    width: 100% !important;
}
/* setting the width and height of the info column */
.product-info .text-col .inner-section{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    height: 100%;
}

/* adding a line under each row*/
.product-info .inner-section > div > div{
    margin-bottom: 1px !important;
}
/* setting space between the text */
.product-info .inner-section .elementor-widget:not(:last-child){
    margin-bottom: 8px;
}
/* sizing the columns/blocks */
.product-info .text-col .type-col,
.product-info .text-col .dimensions-col,
.product-info .text-col .weight-col,
.product-info .text-col .db-rating-col,
.product-info .text-col .occupancy-col{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    padding: 24px;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-info .text-col .primary-btn-col{
    width: 100% !important;
}
/* sizing the 3 black button containers*/
.product-info .text-col .btn-col{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: auto;
    margin-right: 1px;
    width: calc(50% - 1px)
}
.product-info .text-col .btn-col .elementor-button{
    background: #282828 !important;
    padding: 24px;
    margin: 0;
}
/* styling the 3 black buttons */
.product-info .text-col .btn-col .btn-icon .elementor-button-icon{
    margin-bottom: 8px;
}
.product-info .text-col .btn-col .btn-icon .elementor-button-icon svg{
    width: 24px;
    height: 24px;
}
.product-info .text-col .btn-col .elementor-button-content-wrapper{
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
/* black buttons fill their container */
.product-info .text-col .btn-col .btn-icon,
.product-info .text-col .btn-col .elementor-widget-container,
.product-info .text-col .btn-col .elementor-button-wrapper,
.product-info .text-col .btn-col .elementor-button {
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
/* setting hover state for the 3 black buttons */
.product-info .text-col .btn-col .elementor-button:hover{
    background: #fff !important;
    color: #EC2022;
}
.product-info .text-col .btn-col .elementor-button:hover svg path{
    fill: #EC2022;
}
.product-info .text-col .btn-col .elementor-button:hover svg{
    -webkit-transform: none !important;
            transform: none !important;
}
@media only screen and (min-width: 753px){
    /* sizing the 3 black button containers*/
    .product-info .text-col .btn-col{
        width: auto;
    }
}
@media only screen and (min-width: 1024px){
    /* setting the height of the slider */
    .product-info .img-col{
        height: 50vw;
        width: 50%;
    }
    .product-info .img-col .swiper-slide,
        .product-info .img-col .swiper-slide-inner img{
        width: 50vw;
        height: 50vw;
    }
    .product-info .text-col {
        width: 50% !important;
    }
    /* sizing the 'perfect for' column */
    .product-info .text-col .type-col{
        height: calc(10vw - 1px);
        padding: 2vw 4vw;
    }
    /* sizing the other columns */
    .product-info .text-col .dimensions-col,
    .product-info .text-col .weight-col,
    .product-info .text-col .db-rating-col,
    .product-info .text-col .occupancy-col{
        width: calc(50% - 1px);
        padding: 2vw 4vw;
        height: calc(10vw - 1px);
    }
    /* adding a space between the blocks/columns */
    .product-info .text-col .dimensions-col,
    .product-info .text-col .db-rating-col{
        margin-right: 1px;
    }
    /* sizing the big red button */
    .product-info .text-col .primary-btn-col{
        width: 100%;
        height: calc(10vw - 1px);
    }
    .product-info .text-col .primary-btn-col .btn-primary,
    .product-info .text-col .primary-btn-col .elementor-widget-container,
    .product-info .text-col .primary-btn-col .elementor-button-wrapper,
    .product-info .text-col .primary-btn-col .elementor-button {
        height: 100%;
        width: 100%;
    }
    /* trying to position the red button content in the center */
    .product-info .text-col .primary-btn-col .elementor-button{
        padding: 4vw;
    }
    /* sizing the 3 black button containers*/
    .product-info .text-col .btn-col{
        height: 20%;
    }
}




/*------ LARGE TITLE SECTION */

.large-title-section,
.large-title-section .title{
   height: 96px;
}
.large-title-section h2{
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-size: 20vw !important;
    line-height: auto !important;
}
@media only screen and (min-width: 753px) {
    .large-title-section,
    .large-title-section .title{
       height: 20vw;
    }
    .large-title-section h2{
        height: auto;
        position: absolute;
        right: 0;
        bottom: 24px;
        z-index: 1;
        font-size: 20vw !important;
        line-height: auto !important;
    }
}
@media only screen and (min-width: 1024px) {
    .large-title-section h2{
        bottom: 48px;
    }
}
@media only screen and (min-width: 1920px) {
    .large-title-section h2{
        bottom: 96px;
    }
}




/*------ PROJECTS ARCHIVE */

/* thumbnail hover states */
.portfolio-projects .uael-post__title a{
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
}
.portfolio-projects .uael-post__title a:hover{
    opacity: 0;
}
/* making the img fill it's container */
.portfolio-projects .partner--products .uael-post__thumbnail img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.portfolio-projects .partner--products .uael-post__thumbnail{
    width:auto;
    height: auto;
}




/*------ PROJECT SINGLE */

.banner-text-section .title h1{
    max-width: 888px
}
.banner-text-section .sub-title h5{
    max-width: 660px
}

/* setting the height of the slider */
.project-info .text-col{
    width: 100%;
}
.project-info .img-col{
    width: 100%;
}
.project-info .img-col .elementor-widget{
    margin: 0;
}
.project-info .img-col img{
    height: 100%;
    width: 100%;
}

/* adding a line under each row*/
.project-info .inner-section > div > div{
    margin-top: 1px !important;
}
/* setting space between the text */
.project-info .inner-section .elementor-widget:not(:last-child){
    margin-bottom: 8px;
}
/* sizing the columns/blocks */
.project-info .text-col .type-col,
.project-info .text-col .manufacturers-col,
.project-info .text-col .location-col,
.project-info .text-col .sector-col{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    padding: 24px;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.project-info .service {
    display: flex !important;
    flex-wrap: wrap !important;
    width: auto;
}


/* styling the tag buttons */
.project-info .service p {
    background: #E1E6ED;
    color: #555555 !important;
    width: auto;
    margin: 0 8px 0 0;    
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 4px 16px !important;
    border-radius: 1000px;
    text-transform: uppercase;
}

.project-info .text-col .manufacturers-col .text{
    width: auto;
    margin-right: 16px;
}
/* sizing the big red button */
.project-info .text-col .primary-btn-col{
    width: 100%;
}
.project-info .text-col .primary-btn-col .elementor-button{
    padding: 24px;
}
@media only screen and (min-width: 1024px){
    /* setting the height of the slider */
    .project-info .text-col {
        width: 25%;
    }
    .project-info .img-col{
        width: 75%;
    }
    .project-info .img-col img{
        width: 100%;
    }
    /* sizing the 'perfect for' column */
    .project-info .text-col .type-col,
    .project-info .text-col .manufacturers-col,
    .project-info .text-col .location-col,
    .project-info .text-col .sector-col{
        padding: 48px;
    }
    /* sizing the other columns */
    .project-info .text-col .location-col,
    .project-info .text-col .sector-col{        width: calc(50% - 1px);
    }
    /* adding a space between the blocks/columns */
    .project-info .text-col .location-col,
    .project-info .text-col .sector-col{
        margin-right: 1px;
    }
    /* sizing the big red button */
    .project-info .text-col .primary-btn-col .elementor-button{
        padding: 48px;
    }
}/* End custom CSS */