#triple-e-modal-section,
#triple-e-modal-section>.triple-e-modal-inner,
#triple-e-modal-section>.triple-e-modal-inner>.banner-section,
#triple-e-modal-section>.triple-e-modal-inner>.info-section {
    position: relative;
}

#triple-e-modal-section>.triple-e-modal-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(../../../images/sites/sustainability/3e-modal/bg-3e-modal-desktop.jpg);
}
#triple-e-modal-section>.triple-e-modal-inner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(var(--custom-rgb-color-black-default),1);
    opacity: 0.4;
    z-index: 1;
}
#triple-e-modal-section>.triple-e-modal-inner>.banner-section,
#triple-e-modal-section>.triple-e-modal-inner>.info-section {
    z-index: 2;
}
#triple-e-modal-section>.triple-e-modal-inner>.banner-section {
    height: 550px;
    color: rgba(var(--custom-rgb-color-white),1);
    text-shadow: 0 3px 5px rgba(var(--custom-rgb-color-black),0.5);
    padding-bottom: 50px;
}
#triple-e-modal-section>.triple-e-modal-inner>.banner-section:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 350px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient( to top, rgba(var(--custom-rgb-color-black-default),1) , rgba(var(--custom-rgb-color-black-default),0));
    opacity: 0.9;
    z-index: 1;
}
#triple-e-modal-section>.triple-e-modal-inner>.banner-section>.container {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    z-index: 2;
}

#triple-e-modal-section>.triple-e-modal-inner>.info-section {
    /* height: 370px; */
    background-color: rgba(var(--custom-rgb-color-white),1);
}

#triple-e-modal-slide {
    margin-top: -150px;   
}
#triple-e-modal-slide ul.splide-list>li {
    padding-top: 150px;
}
.triple-e-modal-item {
    position: relative;
    text-align: center; 
    height: 385px;   
    padding-top: 15px;
}
.triple-e-modal-item.bg::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 370px;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.1;
    background: linear-gradient( to bottom, rgba(var(--custom-rgb-color-primary),1) , rgba(var(--custom-rgb-color-primary),0));
}
.triple-e-modal-item>.img,
.triple-e-modal-item>.detail {
    position: relative;
}
.triple-e-modal-item>.img {
    margin: -100px auto 35px auto;
}
.triple-e-modal-item>.img,
.triple-e-modal-item>.img>.this-img,
.triple-e-modal-item>.img>.this-frame {
    width: 200px;
}
.triple-e-modal-item>.img,
.triple-e-modal-item>.img>.this-frame {
    height: 200px;
}
.triple-e-modal-item>.img>.this-img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 260px;
    border-bottom-left-radius: 300px;
    border-bottom-right-radius: 300px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 2;
}
.triple-e-modal-item>.img>.this-frame {
    overflow: hidden;
    border-radius: 100%;
    background-color: rgba(214,198,185,1);
    box-shadow: 0 0 0 15px rgba(var(--custom-rgb-color-black-default),0.05);
    z-index: 1;
}

/* enhance */
.triple-e-modal-item>.img.img-enhance>.this-img {
    background-image: url(../../../images/sites/sustainability/3e-modal/img-enhance.png);
}

/* embrace */
.triple-e-modal-item>.img.img-embrace>.this-img {
    background-image: url(../../../images/sites/sustainability/3e-modal/img-embrace.png);
}

/* environmental */
.triple-e-modal-item>.img.img-environmental>.this-img {
    background-image: url(../../../images/sites/sustainability/3e-modal/img-environmental.png);
}

.triple-e-modal-item>.detail {}
.triple-e-modal-item>.detail>.text-title-main {}
.triple-e-modal-item>.detail>.text-title-sub {}
.triple-e-modal-item>.detail>.text-description {  
    position: relative;  
    margin-top: 70px;
}
.triple-e-modal-item>.detail>.text-description::before {
    position: absolute;
    content: "";
    height: 45px;
    top: -60px;
    left: 50%;
    border-left: 1px solid rgba(var(--custom-rgb-color-black),0.5);
}

/* xxl */
@media (min-width: 1400px) {}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {

#triple-e-modal-section>.triple-e-modal-inner>.banner-section {
    height: 500px;
}

}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {

#triple-e-modal-section>.triple-e-modal-inner>.banner-section {
    height: 500px;
}

}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {

#triple-e-modal-section>.triple-e-modal-inner>.banner-section {
    height: 450px;
}

.triple-e-modal-item {
    height: 360px;
}
.triple-e-modal-item>.img,
.triple-e-modal-item>.img>.this-frame {
    height: 150px;
}
.triple-e-modal-item>.img, .triple-e-modal-item>.img>.this-img, .triple-e-modal-item>.img>.this-frame {
    width: 150px;
}
.triple-e-modal-item>.img {
    margin: -75px auto 35px auto;
}

}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

#triple-e-modal-section>.triple-e-modal-inner>.banner-section {
    height: 450px;
}

.triple-e-modal-item {
    height: 360px;
}
.triple-e-modal-item>.img,
.triple-e-modal-item>.img>.this-frame {
    height: 150px;
}
.triple-e-modal-item>.img, .triple-e-modal-item>.img>.this-img, .triple-e-modal-item>.img>.this-frame {
    width: 150px;
}
.triple-e-modal-item>.img {
    margin: -75px auto 35px auto;
}

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

    
#triple-e-modal-section>.triple-e-modal-inner>.info-section {
    background: none !important;
}
#triple-e-modal-section>.triple-e-modal-inner:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient( to top, rgba(var(--custom-rgb-color-black-default),1) , rgba(var(--custom-rgb-color-black-default),0));
    opacity: 0.9;
    z-index: 1;
}
#triple-e-modal-section>.triple-e-modal-inner>.banner-section:before {
    display: none;
}
#triple-e-modal-section>.triple-e-modal-inner>.banner-section {
    height: 330px;
}
#triple-e-modal-section>.triple-e-modal-inner>.info-section {
    padding-bottom: 30px;
}
#triple-e-modal-section>.triple-e-modal-inner>.info-section .container.pd-content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.triple-e-modal-item {
    width: 300px;
    height: 350px;
    /* background-color: rgba(var(--custom-rgb-color-white),1); */
    background-color: rgba(var(--custom-rgb-color-black-default),0.3);
    border: 1px solid rgba(var(--custom-rgb-color-white),0.2); 
    color: rgba(var(--custom-rgb-color-white),1);
    border-radius: 20px;
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    -moz-backdrop-filter: saturate(100%) blur(10px);
    -ms-backdrop-filter: saturate(100%) blur(10px);
    -o-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
}
.triple-e-modal-item.bg::before {
    display: none;
}
.triple-e-modal-item>.detail>.text-title-sub {
    color: rgba(var(--custom-rgb-color-white),0.8) !important;
}

.triple-e-modal-item>.img,
.triple-e-modal-item>.img>.this-frame {
    height: 150px;
}
.triple-e-modal-item>.img>.this-frame {    
    box-shadow: 0 0 0 5px rgba(var(--custom-rgb-color-white),1);
}
.triple-e-modal-item>.img, .triple-e-modal-item>.img>.this-img, .triple-e-modal-item>.img>.this-frame {
    width: 150px;
}
.triple-e-modal-item>.img {
    margin: -75px auto 35px auto;
}
.triple-e-modal-item>.detail>.text-description {
    margin-top: 20px;
    padding-top: 20px;
}
.triple-e-modal-item>.detail>.text-description::before {
    position: absolute;
    width: 200px;
    height: auto;
    top: 0;
    left: 50%;
    margin-left: -100px;
    border-left:none !important;
    border-top: 1px solid rgba(var(--custom-rgb-color-white),0.3);
}

}

/* sm - xs */
@media (max-width: 767.98px) {

#triple-e-modal-section>.triple-e-modal-inner {
    background-image: url(../../../images/sites/sustainability/3e-modal/bg-3e-modal-mobile.jpg);
}

}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {

#triple-e-modal-section>.triple-e-modal-inner>.info-section {
    background: none !important;
}
#triple-e-modal-section>.triple-e-modal-inner:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient( to top, rgba(var(--custom-rgb-color-black-default),1) , rgba(var(--custom-rgb-color-black-default),0));
    opacity: 0.9;
    z-index: 1;
}
#triple-e-modal-section>.triple-e-modal-inner>.banner-section:before {
    display: none;
}
#triple-e-modal-section>.triple-e-modal-inner>.banner-section {
    height: 300px;
}
#triple-e-modal-section>.triple-e-modal-inner>.info-section {
    padding-bottom: 40px;
}
#triple-e-modal-section>.triple-e-modal-inner>.info-section .container.pd-content {
    padding-top: 30px;
    padding-bottom: 30px;
}
.triple-e-modal-item {
    width: 300px;
    height: 340px;
    /* background-color: rgba(var(--custom-rgb-color-white),1); */
    background-color: rgba(var(--custom-rgb-color-black-default),0.3);
    border: 1px solid rgba(var(--custom-rgb-color-white),0.2); 
    color: rgba(var(--custom-rgb-color-white),1);
    border-radius: 20px;
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    -moz-backdrop-filter: saturate(100%) blur(10px);
    -ms-backdrop-filter: saturate(100%) blur(10px);
    -o-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
}
.triple-e-modal-item.bg::before {
    display: none;
}
.triple-e-modal-item>.detail>.text-title-sub {
    color: rgba(var(--custom-rgb-color-white),0.8) !important;
}

.triple-e-modal-item>.img,
.triple-e-modal-item>.img>.this-frame {
    height: 150px;
}
.triple-e-modal-item>.img>.this-frame {    
    box-shadow: 0 0 0 5px rgba(var(--custom-rgb-color-white),1);
}
.triple-e-modal-item>.img, .triple-e-modal-item>.img>.this-img, .triple-e-modal-item>.img>.this-frame {
    width: 150px;
}
.triple-e-modal-item>.img {
    margin: -75px auto 35px auto;
}
.triple-e-modal-item>.detail>.text-description {
    margin-top: 20px;
    padding-top: 20px;
}
.triple-e-modal-item>.detail>.text-description::before {
    position: absolute;
    width: 200px;
    height: auto;
    top: 0;
    left: 50%;
    margin-left: -100px;
    border-left:none !important;
    border-top: 1px solid rgba(var(--custom-rgb-color-white),0.3);
}

}

/* xs */
@media (max-width: 575.98px) {

#triple-e-modal-section>.triple-e-modal-inner>.info-section {
    background: none !important;
}
#triple-e-modal-section>.triple-e-modal-inner:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient( to top, rgba(var(--custom-rgb-color-black-default),1) , rgba(var(--custom-rgb-color-black-default),0));
    opacity: 0.9;
    z-index: 1;
}
#triple-e-modal-section>.triple-e-modal-inner>.banner-section:before {
    display: none;
}
#triple-e-modal-section>.triple-e-modal-inner>.banner-section {
    height: 280px;
    padding-bottom: 30px;
}
#triple-e-modal-section>.triple-e-modal-inner>.info-section {
    padding-bottom: 40px;
}

.triple-e-modal-item {
    width: 300px;
    height: 340px;
    /* background-color: rgba(var(--custom-rgb-color-white),1); */
    background-color: rgba(var(--custom-rgb-color-black-default),0.3);
    border: 1px solid rgba(var(--custom-rgb-color-white),0.2); 
    color: rgba(var(--custom-rgb-color-white),1);
    border-radius: 20px;
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    -moz-backdrop-filter: saturate(100%) blur(10px);
    -ms-backdrop-filter: saturate(100%) blur(10px);
    -o-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
}
.triple-e-modal-item.bg::before {
    display: none;
}
.triple-e-modal-item>.detail>.text-title-sub {
    color: rgba(var(--custom-rgb-color-white),0.8) !important;
}

.triple-e-modal-item>.img,
.triple-e-modal-item>.img>.this-frame {
    height: 150px;
}
.triple-e-modal-item>.img>.this-frame {    
    box-shadow: 0 0 0 5px rgba(var(--custom-rgb-color-white),1);
}
.triple-e-modal-item>.img, .triple-e-modal-item>.img>.this-img, .triple-e-modal-item>.img>.this-frame {
    width: 150px;
}
.triple-e-modal-item>.img {
    margin: -75px auto 35px auto;
}
.triple-e-modal-item>.detail>.text-description {
    margin-top: 20px;
    padding-top: 20px;
}
.triple-e-modal-item>.detail>.text-description::before {
    position: absolute;
    width: 200px;
    height: auto;
    top: 0;
    left: 50%;
    margin-left: -100px;
    border-left:none !important;
    border-top: 1px solid rgba(var(--custom-rgb-color-white),0.3);
}

}

/* xs custom */
@media (max-width: 399.98px) {}