@charset "UTF-8";
.details-element{padding-top:2rem}.details-element .details-title{font-size:var(--font-size-xxxl);font-family:var(--font-bold)}.details-element .details-container{display:flex;flex-wrap:wrap;gap:1rem}.details-element .details-container .detail-item{background:#d9e9df;border-radius:1.875rem;padding:1.25rem;flex:1 1 calc(33.333% - 1rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:19.5rem;height:12.5rem}.details-element .details-container .content{text-align:center;font-size:clamp(18px, calc(18px * var(--custom-font-size-rem)), 24px);font-weight:500;line-height:1.75rem;letter-spacing:0px;color:#006B2B;opacity:1;margin-top:1rem}@media screen and (max-width:768px){.details-element .details-container.swiper-container{display:block;overflow:hidden}.details-element .details-container .swiper-wrapper{display:flex;flex-wrap:nowrap}.details-element .details-container .detail-item.swiper-slide{flex:none;width:80%}.details-element .details-title{font-size:1.6rem;margin-bottom:4rem}.details-element .detail-item{flex:none;width:80%}.details-element .detail-item .icon img{width:36px;height:34px}.details-element .detail-item .content{font-size:calc(var(--font-size-md) - 2px)}}@media screen and (max-width:768px){.details-element{}.details-element .swiper-container{width:100%;height:100%;position:relative}.details-element .swiper-slide{display:flex;justify-content:center;align-items:center;text-align:center}.details-element .swiper-button-prev,.details-element .swiper-button-next{position:absolute;top:50%;transform:translateY(-80%);width:40px;height:40px;background-color:#fff;border:1px solid #ddd;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:10;font-family:"Font Awesome 5 Free"}.details-element .swiper-button-prev{left:10px}.details-element .swiper-button-next{right:10px}.details-element .swiper-button-prev::after{font-family:"Font Awesome 5 Pro", "Font Awesome 5 Brands";content:"";font-size:1.25rem;font-weight:300;color:#000}.details-element .swiper-button-next::after{font-family:"Font Awesome 5 Pro", "Font Awesome 5 Brands";content:"";font-size:1.25rem;font-weight:300;color:#000}.details-element .swiper-button-prev:hover,.details-element .swiper-button-next:hover{border:1px solid var(--primary-color);background-color:var(--primary-color)}.details-element .swiper-button-prev:hover::after,.details-element .swiper-button-next:hover::after{color:#fff}}@media screen and (max-width:480px){.details-element .detail-item .icon img{width:30px;height:28px}.details-element .detail-item .content{font-size:calc(var(--font-size-md) - 4px)}}