body.home.page-template-default *{
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    color:#676774;
}

body.home.page-template-default b,
body.home.page-template-default strong{
     font-weight: 600;
}

body.home.page-template-default h1,.h1,
body.home.page-template-default h2,.h2,
body.home.page-template-default h3,.h3,
body.home.page-template-default h4,.h4,
body.home.page-template-default h5,.h5,
body.home.page-template-default h6,.h6{
    font-family: Poppins, sans-serif;
    font-weight: 600;
    color:#0E0E11;
    text-align: left;
}

body.home.page-template-default h1,
body.home.page-template-default .h1{
    font-size: 40px;
    line-height: 125%;
}

body.home.page-template-default h2,
body.home.page-template-default .h2{
    font-size: 32px;
    line-height: 125%;
}

body.home.page-template-default h2:after{
    display: none;
}

body.home.page-template-default h3,
body.home.page-template-default .h3{
    font-size: 24px;
    line-height: 130%;
}

body.home.page-template-default h4,
body.home.page-template-default .h4{
    font-size: 20px;
    line-height: 130%;
}

body.home.page-template-default h5,
body.home.page-template-default .h5{
    font-size: 18px;
    line-height: 130%;
}

body.home.page-template-default h6,
body.home.page-template-default .h6{
    font-size: 16px;
    line-height: 130%;
}

@media (max-width: 767.98px) {
    body.home.page-template-default h1,
    body.home.page-template-default .h1{
        font-size: 32px;
    }

    body.home.page-template-default h2,
    body.home.page-template-default .h2{
        font-size: 28px;
        line-height: 130%;
    }

    body.home.page-template-default h3,
    body.home.page-template-default .h3{
        font-size: 24px;
    }

    body.home.page-template-default h4,
    body.home.page-template-default .h4{
        font-size: 20px;
    }

    body.home.page-template-default h5,
    body.home.page-template-default .h5{
        font-size: 18px;
    }

    body.home.page-template-default h6,
    body.home.page-template-default .h6{
        font-size: 16px;
    }
}

.page-template-default .container {
    width: 100%;
	padding-right: 40px;
    padding-left: 40px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 767.98px) {
	.page-template-default .container {
		padding-right: 16px;
		padding-left: 16px;
    }	
}

@media (min-width: 576px) {
    .page-template-default .container {
        max-width: 1440px;
    }
}
@media (min-width: 768px) {
    .page-template-default .container {
        max-width: 1440px;
    }
}
@media (min-width: 992px) {
    .page-template-default .container {
        max-width: 1440px;
    }
}

@media (min-width: 1200px) {
    .page-template-default .container {
		max-width: 1440px;
    }
}

body.home.page-template-default a{
    font-family: Poppins, sans-serif;
    font-weight: 600;
    line-height: 145%;
    color: #0E0E11;
    text-decoration: underline;
}

body.home.page-template-default a:hover,
body.home.page-template-default a:focus,
body.home.page-template-default a:active{
    color:#D63909;
}

body.home.page-template-default a.btn{
    padding:16px;
    border-radius: 999px;
    line-height: 135%;
    font-size: 14px;
    font-weight:600;
    letter-spacing: 0.02em;
    text-decoration: none;
    text-transform: none;
}

body.home.page-template-default a.btn.btn-primary{
    color:#ffffff;
    background-color: #D63909;
    border: 1.4px solid #D63909;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

body.home.page-template-default a.btn.btn-primary:hover,
body.home.page-template-default a.btn.btn-primary:focus,
body.home.page-template-default a.btn.btn-primary:active{
    background-color: #EF5222;
    border: 1.4px solid #EF5222;
}

body.home.page-template-default a.btn.btn-primary.disabled{
    background-color: #D7D7DD !important;
    border: 1.4px solid #D7D7DD !important;
}


body.home.page-template-default a.btn.btn-secondary{
    color:#B54A19;
    background-color: transparent;
    border: 1.4px solid #D7D7DD;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

body.home.page-template-default a.btn.btn-secondary:hover,
body.home.page-template-default a.btn.btn-secondary:focus,
body.home.page-template-default a.btn.btn-secondary:active{
    color:#EF5222;
    background-color: #ECECF1;
    border: 1.4px solid #ECECF1;
}

body.home.page-template-default a.btn.btn-secondary.disabled{
    color:#D7D7DD;
    background-color: transparent !important;
    border: 1.4px solid #D7D7DD !important;
}

body.home.page-template-default a.btn.btn-link{
    color:#0E0E11;
    background-color: transparent;
    border: 0;
    text-decoration: none;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

body.home.page-template-default a.btn.btn-link:hover,
body.home.page-template-default a.btn.btn-link:focus,
body.home.page-template-default a.btn.btn-link:active{
    color:#D63909;
    background-color: transparent;
    border: 0;
    text-decoration: none;
    background-color: transparent !important;
}

body.home.page-template-default a.btn.btn-link.disabled{
    color:#D7D7DD !important;
    background-color: transparent;
    border: 0;
    text-decoration: none;
    background-color: transparent !important;
}

body.home.page-template-default .main{
    padding: 20px 0 0 0;
}

body.home.page-template-default .hp-showcase{
    position: relative;
    width: 100vw;
    height:100%;
    left: 50%;
    margin-left: -50vw;
    right: auto;
    margin-bottom: 20px;
}

body.home.page-template-default .hp-showcase .hp-showcase-content {
	width: calc(100% - 20px);
    height:100%;
	display: grid;
	grid-template-columns: 75% 25%;
	gap: 20px;
    padding: 0 20px;
}

@media (max-width: 767.98px) {
    body.home.page-template-default .hp-showcase .hp-showcase-content {
        grid-template-columns: 100%;
    }
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider {
    margin-bottom: 0px;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider,
body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list,
body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-track,
body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-track .slick-slide,
body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-track .slick-slide > div { 
  height: 100% !important;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-track .slick-slide > div .slider {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-track .slick-slide > div .slider .slider__image{
     height: 100% !important;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-track .slick-slide > div .slider .slider__image img{
    width: auto;
    height:calc(100vh - 290px);
    object-fit: cover;
    object-position:left center;
}

.cover-img {
  width: 100%;
  object-fit: cover;
  object-position:left center;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider,
body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list,
body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-slide,
body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-slide > div,
body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-slide .slider{
    border-radius: 16px !important;
    overflow: hidden !important;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-slide .slider .slider__content{
    background-color: #FFF0DD;
    padding: 16px;
    padding:24px;
    border-radius: 16px;
    overflow: hidden;
    min-width:350px;
    top:auto;
    bottom:24px;
    left:24px;
    transform: none;
}

@media (max-width: 767.98px) {
    body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-slide .slider .slider__content{
        min-width:0;
    }
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-slide .slider .slider__content .slider__title{
    font-family: poppins, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    color:#0E0E11;
    margin-bottom: 16px;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col1 .hp-slider .slick-list .slick-slide .slider .slider__content .slider__subtitle{
   font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    color:#676774;
    margin-bottom: 20px;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col1,
body.home.page-template-default .hp-showcase .hp-showcase-content .col2{
    height:100%;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col2 .hp-promo-block{
    display: grid;
    grid-template-rows: 1fr 1fr;
    height:100%;
    border-radius: 16px;
    overflow: hidden;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col2 .hp-promo-block .hp-promo-block-text-container{
    background-color: #ECECF1;
    display:flex;
    flex-direction: column;
    justify-content: space-between;

}

body.home.page-template-default .hp-showcase .hp-showcase-content .col2 .hp-promo-block .hp-promo-block-text-container{
    padding: 16px;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .col2 .hp-promo-block .hp-promo-block-text-container .hp-promo-block-tag{
    color:#0E0E11;
    font-size: 12px;
    font-weight: 600;
    line-height: 145%;
    letter-spacing: 0em;
    background-color: #ffffff;
    padding: 8px 12px;
    display:inline-block;
}

body.home.page-template-default .hp-showcase .hp-showcase-content .hp-promo-block .hp-promo-block-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

body.home.page-template-default .hp-reassurance{
    margin-bottom: 40px;
}

body.home.page-template-default .hp-reassurance .hp-reassurance-content{
    display:flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap:16px;
} 

body.home.page-template-default .hp-reassurance .hp-reassurance-content .hp-reassurance-item{
    /* flex: 1 1 33.3333%; */
    flex: 1 1 0;
    padding: 8px;
    display:flex;
    justify-content: left;
    align-items: center;
    gap:12px;
    border-radius: 16px;
    box-shadow: 0px 0px 5.59px 0px rgba(166, 166, 166, 0.25);
}

@media (max-width: 767.98px) {
    body.home.page-template-default .hp-reassurance .hp-reassurance-content .hp-reassurance-item{
        flex: 1 1 100%;
    }
}

body.home.page-template-default .hp-reassurance .hp-reassurance-content .hp-reassurance-item .logo img{
    max-width: 100%;
    height: auto;
}

body.home.page-template-default .hp-reassurance .hp-reassurance-content .hp-reassurance-item .text *{
    margin-bottom: 0;
}

/* body.home.page-template-default .hp-reassurance .hp-reassurance-content .hp-reassurance-item .text{
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    color:#676774;
    text-align: center;
} */

body.home.page-template-default .hp-categories{
    padding:0;
    margin-bottom: 40px;
}

body.home.page-template-default .hp-categories h2{
    margin-bottom: 20px;
}

body.home.page-template-default .hp-categories .hp-categories-new__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr); 
    gap: 16px; 
    align-items: start; 
}

@media (max-width: 1199.98px) {
    body.home.page-template-default .hp-categories .hp-categories-new__list {
        grid-template-columns: repeat(4, 1fr); 
    }
}

@media (max-width: 991.98px) {
    body.home.page-template-default .hp-categories .hp-categories-new__list {
        grid-template-columns: repeat(3, 1fr); 
    }
}


@media (max-width: 767.98px) {
    body.home.page-template-default .hp-categories .hp-categories-new__list {
        grid-template-columns: repeat(2, 1fr); 
    }
}

/*
@media (max-width: 575.98px) {
      body.home.page-template-default .hp-categories .hp-categories-new__list {
        grid-template-columns: repeat(1, 1fr); 
    }
}
*/

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    border-radius: 16px;
    background-color: #F6F6F8;
    border-radius: 16px;
    padding: 24px;
    min-height: 240px;
    border-bottom: 0;
    transition: background-color 1s ease;
}

@media (max-width: 767.98px) {
    body.home.page-template-default .hp-categories .hp-categories-new__list{
        column-gap:8px;
        row-gap: 16px;
    }
    body.home.page-template-default .hp-categories .hp-categories-new__list > div{
        display:none;
    }
    body.home.page-template-default .hp-categories .hp-categories-new__list > div:nth-child(1),
    body.home.page-template-default .hp-categories .hp-categories-new__list > div:nth-child(2),
    body.home.page-template-default .hp-categories .hp-categories-new__list > div:nth-child(3),
    body.home.page-template-default .hp-categories .hp-categories-new__list > div:nth-child(4){
        display: block;
    }
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item:hover,
body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item:active,
body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item:focus{
    background-color: #ECECF1;
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item .cat-item__image img{
    height: 100px;
    width: 100px;
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item{
    box-shadow: none;
    text-decoration: none;
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item .cat-item__title {
    font-size: 20px;
    line-height: 130%;
    font-weight: 600;
    color: #0E0E11;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
    transition: text-decoration-color 1s ease;
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item:hover .cat-item__title {
  text-decoration-color: currentColor;
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item.quote-request-card{
    position: relative;
    background-color: #D63909;
    background-image: url('/wp-content/themes/gmt/resources/custom/assets/images/bg_request_quote.png'); 
    background-size: contain; 
    background-position: calc(100% + 10px) 0px; 
    background-repeat: no-repeat;
    transition: background-color 1s ease;
    overflow: hidden;
}  

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item.quote-request-card:before{
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/wp-content/themes/gmt/resources/custom/assets/images/bg_request_quote_on.png');
    background-size: contain;
    background-position: calc(100% + 10px) 0px;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1s ease;
    pointer-events: none;
    z-index: 0;
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item.quote-request-card:hover,
body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item.quote-request-card:active,
body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item.quote-request-card:focus{
    background-color: #EF5222;    
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item.quote-request-card:hover::before,
body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item.quote-request-card:active::before,
body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item.quote-request-card:focus::before{
    opacity: 1;
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item.quote-request-card .cat-item__title{
    color:#ffffff;
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item .cat-item__image{
    height:auto;
    width:auto;
    background-color: transparent;
    border-radius: 0;
    transition: none;
    display: inline;
}

body.home.page-template-default .hp-categories .hp-categories-new__list .cat-item:hover .cat-item__image{
    transform: none;
}

body.home.page-template-default .hp-partenaires{
    margin-bottom: 40px;
}

body.home.page-template-default .hp-partenaires .hp-partenaires-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0; 
}

body.home.page-template-default .hp-partenaires .hp-partenaires-container .hp-partenaires-item:first-child {
  width: 30%;
}

body.home.page-template-default .hp-partenaires .hp-partenaires-container .hp-partenaires-item:last-child {
  width: 50%;
  margin-left: 20%;
}

@media (max-width: 767.98px) {
  body.home.page-template-default .hp-partenaires .hp-partenaires-container{
    flex-direction: column;
  }  

  body.home.page-template-default .hp-partenaires .hp-partenaires-container .hp-partenaires-item {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

body.home.page-template-default .hp-partenaires .hp-partenaires-container .hp-partenaires-tag-container .hp-partenaires-tag{
    color:#0E0E11;
    font-size: 12px;
    font-weight: 600;
    line-height: 145%;
    border-radius: 4px;
    background-color: #f6f6f8;
    padding: 8px 12px;
}

body.home.page-template-default .hp-partenaires .hp-partenaires-container .hp-partenaires-tag-container{
    margin-bottom: 25px;
}

body.home.page-template-default .hp-partenaires .hp-partenaires-container .hp-partenaires-text{
    margin-bottom: 20px;
}

body.home.page-template-default .hp-productions-title h2{
    margin-bottom: 20px;
}

body.home.page-template-default .hp-productions-slider .slick-arrow.slick-prev{
    left:40px;
}

@media (min-width: 576px){
    body.home.page-template-default .hp-productions-slider .slick-arrow {
        width: 50px;
        height: 50px;
        padding: 0;
    }
}

body.home.page-template-default .hp-productions-slider .slick-arrow.slick-next {
    right: 60px;
    -webkit-transform: translateY(-45%) scaleX(-1);
    -o-transform: translateY(-45%) scaleX(-1);
    transform: translateY(-45%) scaleX(-1);
}

@media (min-width: 576px){
    body.home.page-template-default .hp-productions-slider .slick-arrow {
        width: 50px;
        height: 50px;
        padding: 0;
    }
}

body.home.page-template-default .hp-productions-slider .slick-arrow {
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    transform: translateY(-45%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAD6ADAAQAAAABAAAADwAAAAAk/vkzAAAAl0lEQVQoFWNgwAL+///PCMTKWKQICwE1TgHif0DMS1g1kgqghg4gBoEaJGHCTJAGsDagAYRVI6kAaiqAapyCJEyYCdSUCtU4H0gzEtYBUQEK1SggczEQ3wDiPCD+C8TEgCcgza+AKkWJUY2m5jlFNoMNA9pOlp/hLgEaQF5ow0wAGkBePCMZQF4KQzKAvLQNMgDofKJyFQCpjZJd8UTfuwAAAABJRU5ErkJggg==) transparent no-repeat 50%;
    width: 15px;
    height: 15px;
    content: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-size: 0;
    z-index: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}


body.home.page-template-default .hp-productions-slider {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  right: auto;
}

body.home.page-template-default .hp-productions-slider .hp-productions__list {
  padding: 0 20px;
}

body.home.page-template-default .hp-productions-slider .hp-productions__list .slick-list .slick-track{
    display: flex !important;
    gap: 0;
}

body.home.page-template-default .hp-productions-slider .hp-productions__list .slick-list .slick-track .slick-slide {
  margin-right: 20px;
}

body.home.page-template-default .hp-productions-slider .hp-productions__list .slick-list .slick-track .slick-slide:last-child{
    margin-right: 0;
}

body.home.page-template-default .hp-productions-slider .hp-productions__list .cat-item{
    background: transparent;
    box-shadow: none;
    border-bottom: 0;
    transition: none;
    padding-top: 0;
}

body.home.page-template-default .hp-productions-slider .hp-productions__list .cat-item:hover,
body.home.page-template-default .hp-productions-slider .hp-productions__list .cat-item:active,
body.home.page-template-default .hp-productions-slider .hp-productions__list .cat-item:focus{
    background: transparent;
    box-shadow: none;
}

body.home.page-template-default .hp-productions-slider .hp-productions__list .cat-item > div{ 
    display:block;
    width:100%;
    height: 100%;
}

body.home.page-template-default .hp-productions-slider .hp-productions__list .cat-item > div .cat-item__image-container{
    overflow:hidden;
    border-radius: 16px;
}

body.home.page-template-default .hp-productions-slider .hp-productions__list .cat-item > div .cat-item__image {
  width: 100%;
  height:auto;
  display: block;
  position: relative;
  background: none;
  border-radius: 0;
}


body.home.page-template-default .hp-productions-slider .hp-productions__list .cat-item > div .cat-item__image img.cat-item__img {
  width: 100%; /* Image takes full width of its container */
  aspect-ratio: 379 / 476; /* The image itself will maintain this aspect ratio */
  object-fit: cover;
  object-position: center;
}