/* category */

.py-12px {
    padding: 12px 0 !important;
}

.mobile {
    display: none !important;
}

.mb-20px {
    margin-bottom: 20px;
}

.bg-FCF9F2 {
    background: #fcf9f2 !important;
}

.list-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.list-item .item {
    max-width: 100%;
}

.suggest-product {
    padding-top: 112px;
}

.category-products,
.suggest-product {
    background: #fcf9f2;
}

.suggest-product .image-title {
    margin-bottom: 40px;
}

.suggest-product h2 {
    color: #003129;
    font-family: "Andes Rounded";
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 76px;
}

.suggest-product .aiz-card-box {
    padding-bottom: 80px;
}

.category-products {
    padding-top: 112px;
}

.aiz-card-box .product-card {
    height: 476px;
}

.category-box {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 26px;
    margin-bottom: 76px;
    margin-top: 50px;
    flex-wrap: wrap;
}

.list-category {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-left: 0;
    margin-bottom: 0;
}

.list-category .item {
    color: #a2a2a2;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    height: 40px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 41px;
    border: 1px solid #d5d5d5;
    background: #fff;
}

.list-category .item.active {
    color: #fff;
    background: #e65000;
    border: 0;
}

@media screen and (max-width: 1894px) {
    .banner-container .swiper-slide {
        min-height: calc(100vh - 80px);
    }

    .banner-container .content .title {
        font-size: 70px;
    }

    .category-box {
        margin: 50px 0;
    }

    .category-box .title-category {
        font-size: 50px;
    }

    .category-products {
        padding-top: 50px;
    }

    .aiz-card-box {
        padding-bottom: 50px;
    }

    .suggest-product {
        padding-top: 50px;
    }

    .suggest-product .container {
        max-width: 100%;
        padding: 0 60px;
    }

    .suggest-product h2 {
        margin-bottom: 50px;
        font-size: 50px;
    }

    .category-products .container {
        max-width: 100%;
    }

    .category-products .container {
        padding: 0 60px;
    }
}

@media screen and (max-width: 1440px) {
    .aiz-card-box .product-card {
        height: 300px;
    }

    .list-item {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .coffee-stories .blogs .blog {
        max-height: 528px;
    }
}

@media screen and (max-width: 1199.98px) {

    .suggest-product .container,
    .category-products .container {
        padding: 0 16px;
    }
}

@media screen and (max-width: 768px) {
    .banner-container .swiper-slide {
        min-height: 480px;
    }

    .banner-container .content {
        bottom: 40px;
    }

    .banner-container .swiper .swiper-pagination-banner {
        bottom: 20px;
    }

    .suggest-product .container,
    .category-products .container {
        max-width: 100%;
    }

    .list-item {
        display: flex;
    }

    .banner-container .content .title {
        font-size: 50px;
    }

    .category-box {
        margin: 32px 0 0 0;
    }

    .category-box .title-category {
        font-size: 32px;
    }

    .suggest-product h2 {
        font-size: 32px;
        margin-bottom: 32px;
    }

    .suggest-product .image-title {
        margin-bottom: 32px;
    }

    .suggest-product {
        padding-top: 0;
    }

    .list-category {
        padding: 0;
        flex-wrap: nowrap;
        overflow: auto;
        margin-bottom: 20px;
    }

    .list-category .item a {
        width: max-content;
    }
}

.frame-child-0 {
    position: absolute;
    top: 288.64px;
    left: 0px;
    border-radius: 332.77px;
    width: 365.7px;
    height: 365.7px;
    object-fit: cover;
}

.frame-child-1 {
    position: absolute;
    top: 703.16px;
    left: 123.7px;
    border-radius: 332.77px;
    width: 365.7px;
    height: 365.7px;
    object-fit: cover;
}

.frame-child-2 {
    position: absolute;
    top: 897.4px;
    left: 512.18px;
    border-radius: 332.77px;
    width: 365.7px;
    height: 365.7px;
    object-fit: cover;
}

.frame-child-3 {
    position: absolute;
    top: 0px;
    left: 341.81px;
    border-radius: 332.77px;
    width: 365.7px;
    height: 365.7px;
    object-fit: cover;
}

.frame-child-4 {
    position: absolute;
    top: 193.15px;
    left: 729.2px;
    border-radius: 332.77px;
    width: 365.7px;
    height: 365.7px;
    object-fit: cover;
}

.frame-child-5 {
    position: absolute;
    top: 610.93px;
    left: 845.31px;
    border-radius: 332.77px;
    width: 365.7px;
    height: 365.7px;
    object-fit: cover;
}

.rectangle-parent {
    width: 1211px;
    position: absolute;
    height: 1263.1px;
    top: -125px;
    left: 1190px;
}

@media screen and (min-width: 1921px) {
    .rectangle-parent {
        left: unset;
        right: -22%;
    }
}

@media screen and (max-width: 1894px) {
    .frame-child-0 {
        position: absolute;
        top: 244.31px;
        left: 0px;
        border-radius: 281.66px;
        width: 309.5px;
        height: 309.5px;
        object-fit: cover;
    }

    .frame-child-1 {
        position: absolute;
        top: 595.16px;
        left: 104.7px;
        border-radius: 281.66px;
        width: 309.5px;
        height: 309.5px;
        object-fit: cover;
    }

    .frame-child-2 {
        position: absolute;
        top: 759.56px;
        left: 433.51px;
        border-radius: 281.66px;
        width: 309.5px;
        height: 309.5px;
        object-fit: cover;
    }

    .frame-child-3 {
        position: absolute;
        top: 0px;
        left: 289.31px;
        border-radius: 281.66px;
        width: 309.5px;
        height: 309.5px;
        object-fit: cover;
    }

    .frame-child-4 {
        position: absolute;
        top: 163.49px;
        left: 617.2px;
        border-radius: 281.66px;
        width: 309.5px;
        height: 309.5px;
        object-fit: cover;
    }

    .frame-child-5 {
        position: absolute;
        top: 517.09px;
        left: 715.48px;
        border-radius: 281.66px;
        width: 309.5px;
        height: 309.5px;
        object-fit: cover;
    }

    .rectangle-parent {
        left: 68%;
    }
}

@media screen and (max-width: 1024px) {
    .rectangle-parent {
        position: relative;
        width: 100%;
        height: 600px;
        left: 100px;
        top: 111px;
    }

    .rectangle-parent * {
        width: 200px;
        height: 200px;
    }
}

/* products */
.max-1024px {
    max-width: 1056px !important;
    padding: 0 20px;
}

.gallery-images .image-main {
    /* min-height: 476px !important;
    object-fit: cover; */
}

.images-main-box {
    flex-direction: row-reverse;
    gap: 24px;
}

.images-main-box .aiz-carousel-thumb .slick-track {
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: 16px;
    width: 100% !important;
}

.images-main-box .aiz-carousel-thumb .slick-slide {
    width: 100% !important;
}

.images-main-box .aiz-carousel-thumb .slick-slide img {
    object-fit: cover;
    width: 100%;
    height: 80px;
}

.images-main-box .slick-track:before {
    display: none;
}

.images-main-box .aiz-carousel-thumb .slick-slide.slick-current {
    border: 3px solid #e65000;
}

.price-current {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 0.3px;
}

.price-box {
    flex-direction: column;
    gap: 4px;
}

.price-old {
    color: #ff541f;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
}

.mb-32px {
    margin-bottom: 32px;
}

.text-label {
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.aiz-radio-inline .aiz-megabox-elem {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 6px 12px;
    line-height: 150%;
    /* 24px */
    color: #61605d;
}

.aiz-radio-inline .aiz-megabox {
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    margin: 0;
}

.aiz-radio-inline {
    display: flex;
    gap: 8px;
}

.aiz-megabox>input:checked~.aiz-megabox-elem,
.aiz-megabox>input:checked~.aiz-megabox-elem {
    background: #e65000;
    color: #fff;
}

.option-choice-form .btn {
    display: flex;
    width: 36px;
    height: 36px;
    padding: 9.2px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #00251f;
}

.aiz-plus-minus input {
    max-width: 52px;
    margin: 0 8px;
    background: #fcf9f2;
    border-bottom: 1px solid #cbc9c7 !important;
}

.add-to-cart-box {
    /* display: inline-flex; */
    /* width: 100%; */
}

.add-to-cart-box .add-to-cart.btn-secondary-base {
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    display: flex;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 35px;
    background: #00251f;
    min-width: 200px;
    display: inline-block;
}

.add-to-cart-box .add-to-cart.btn-secondary-base:hover {
    color: #00251f;
    border: 1px solid #00251f;
    background-color: unset;
}

.add-to-cart-box .add-to-cart.btn-primary {
    color: #00251f;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    display: inline-flex;
    padding: 8px 20px 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 35px;
    border: 1px solid #00251f;
    background: unset;
    min-width: 200px;
}

.add-to-cart-box .add-to-cart.btn-primary:hover {
    background: #00251f;
    color: #fff;
}

.add-to-cart-box .add-to-cart.btn-primary:hover path {
    fill: #fff;
}

.add-to-cart-box .add-to-cart.btn-primary path {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.ml-12 {
    margin-left: 12px;
}

.another-buy {
    color: #61605d;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.jssocials-shares {
    margin: 0;
}

.share-box {
    align-items: center;
    color: #61605d;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    gap: 8px;
}

.container-description .container {
    max-width: 945px;
}

.tab-content .tab-pane ul,
.tab-content .tab-pane ol {
    padding-left: 22px;
}

.tab-content .tab-pane ul li,
.tab-content .tab-pane ol li {
    color: #61605d;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.images-main-right {
    width: calc(100% - 109px);
}

.images-main-left {
    width: 85px;
}

.tab-pane-box {
    padding: 40px 0 0 0;
}

.tab-pane-box p {
    color: #61605d;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 40px;
}

.tab-pane-box h2 {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    padding: 24px 0 16px;
    margin: 0;
    border-top: 1px solid #ced6df;
}

.tab-pane-box ul li,
.tab-pane-box ol li {
    color: #61605d;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.review-title {
    display: flex;
    gap: 16px;
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.rating i.hover,
.rating i.active,
.text-rating {
    color: #003129;
}

.review-user-name {
    color: #1f4a42;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 4px;
}

.review-user-name .review-date {
    color: #a7a7a7;
    font-weight: 400;
}

.comment-text {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.reviews-area .avatar-md {
    width: 45px;
    height: 45px;
}

.list-group-flush>.list-group-item {
    padding: 16px 0;
    background: unset;
}

.btn-review {
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    display: flex;
    height: 48px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 35px;
    background: #00251f;
}

.pagination .page-link,
.page-item.disabled .page-link {
    background-color: unset;
}

.btn-review:hover {
    background: unset;
    color: #00251f;
}

.aiz-carousel.gutters-16 .carousel-box {
    padding: 0 16px;
}

.related-products .carousel-box .aiz-card-box {
    margin: 0;
    padding: 0;
}

.related-products .product-name-category h3,
.related-products .product-name-category a {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 19.8px */
    letter-spacing: 0.3px;
}

.related-products .price-box {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 17.6px */
    letter-spacing: 0.3px;
}

@media screen and (max-width: 991px) {
    .images-main-right {
        width: 100%;
    }

    .gallery-images .image-main {
        width: 100%;
        min-height: 366px;
        object-fit: cover;
    }
}

.gridBlock {
    opacity: 0;
}

/* Grid almost fully pulled from https://www.rino-pelle.com/ */
.grid-container {
    width: 100vw;
    height: 400vh;
    position: relative;
}

.grid {
    top: 0;
    left: 0;
    z-index: 1;
    width: 70vw;
    height: 60vw;
    margin: 0 calc(100vw / 20 * 3);
    position: absolute;
}

@media only screen and (max-width: 580px) {
    .grid {
        margin: 0;
        width: 100vw;
        height: 89.444vw;
    }
}

.gridBlock {
    background-size: cover;
    background-color: darkgray;
}

.gridLayer {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    will-change: transform;
    transform-origin: 44.951% 50%;
}

.gridLayer:nth-child(1) .gridBlock {
    top: 5vw;
    left: -7vw;
    width: 538px;
    height: 378px;
}

@media only screen and (max-width: 580px) {
    .gridLayer:nth-child(1) .gridBlock {
        top: 11.111vw;
        left: 23.889vw;
        width: 15vw;
        height: 15vw;
    }
}

.gridLayer:nth-child(2) .gridBlock {
    top: 0;
    left: 41.5vw;
    width: 538px;
    height: 378px;
}

@media only screen and (max-width: 580px) {
    .gridLayer:nth-child(2) .gridBlock {
        top: 0;
        left: 43.333vw;
        width: 26.389vw;
        height: 26.389vw;
    }
}

.gridLayer:nth-child(3) .gridBlock {
    left: 6vw;
    top: 48vw;
    width: 406px;
    height: 329px;
}

@media only screen and (max-width: 580px) {
    .gridLayer:nth-child(3) .gridBlock {
        top: 30.278vw;
        left: 0;
        width: 26.389vw;
        height: 26.389vw;
    }
}

.gridLayer:nth-child(4) .gridBlock {
    top: 10.5vw;
    left: 0;
    width: 1481px;
    height: 769px;
    visibility: visible !important;
}

@media only screen and (max-width: 580px) {
    .gridLayer:nth-child(4) .gridBlock {
        top: 30.278vw;
        left: 30.278vw;
        width: 39.444vw;
        height: 39.444vw;
    }
}

.gridLayer:nth-child(5) {
    z-index: 1;
}

.gridLayer:nth-child(5) .gridBlock {
    top: 53vw;
    left: 46vw;
    width: 517px;
    height: 327px;
}

@media only screen and (max-width: 580px) {
    .gridLayer:nth-child(5) .gridBlock {
        top: 23.889vw;
        left: 73.889vw;
        width: 15.278vw;
        height: 15.278vw;
    }
}

.gridLayer:nth-child(5) a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gridLayer:nth-child(5) svg {
    width: 1.75vw;
}

@media only screen and (max-width: 580px) {
    .gridLayer:nth-child(5) svg {
        width: 4.722vw;
    }
}

.gridLayer:nth-child(6) .gridBlock {
    left: 50vw;
    top: 27.5vw;
    width: 20vw;
    height: 20vw;
}

@media only screen and (max-width: 580px) {
    .gridLayer:nth-child(6) .gridBlock {
        top: 43.889vw;
        left: 73.889vw;
        width: 26.389vw;
        height: 26.389vw;
    }
}

.gridLayer:nth-child(7) .gridBlock {
    left: 10vw;
    top: 42.5vw;
    width: 5vw;
    height: 5vw;
}

@media only screen and (max-width: 580px) {
    .gridLayer:nth-child(7) .gridBlock {
        display: none;
    }
}

.gridLayer:nth-child(8) .gridBlock {
    bottom: 5vw;
    left: 42.5vw;
    width: 5vw;
    height: 5vw;
}

@media only screen and (max-width: 580px) {
    .gridLayer:nth-child(8) .gridBlock {
        display: none;
    }
}

.gridLayer:nth-child(9) .gridBlock {
    bottom: 0;
    left: 50vw;
    width: 10vw;
    height: 10vw;
}

@media only screen and (max-width: 580px) {
    .gridLayer:nth-child(9) .gridBlock {
        top: 73.889vw;
        left: 58.889vw;
        width: 15.278vw;
        height: 15.278vw;
    }
}

.gridBlock {
    display: block;
    position: absolute;
}

.gallery {
    min-height: 200vh;
}

.layout-grid-efort {
    position: relative;
    /* padding: 0 80px; */
    padding: 36px 0 120px;
    background: url("../img/bg-no-luc.png") no-repeat;
    background-position: top;
}

.layout-grid-efort svg {
    display: block;
    margin: auto;
    /* width: calc(100% + 80px); */
    width: 90%;
    height: 3145px;
    overflow: visible;
}

.layout-grid-efort .bg-right {
    position: absolute;
    top: -250px;
    right: -200px;
    width: 1005.838px;
    height: 753.635px;
}

#motionPath,
#motionPath-right,
#motionPath-mobile {
    animation: dash 0.5s linear infinite;
    animation-direction: reverse;
}

@keyframes dash {
    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: 11;
    }
}

.content-1 {
    max-width: 1394px;
    position: absolute;
    top: 10%;
    transform: translate(-50%, 0);
    left: 50%;
    width: 100%;
}

.content-1 img {
    margin-bottom: 64px;
    border-radius: 67px 0px;
    width: 100%;
}

.content-1 .main-content {
    display: flex;
    flex-direction: row;
    gap: 84px;
}

.content-1 h2 {
    color: #003129;
    font-family: "Andes Rounded";
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    min-width: 605px;
}

.content-1 h2 span {
    display: block;
}

.content-1 p {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.content-1 p span {
    color: #a4afae;
}

.content-2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 47px;
    width: 100%;
    max-width: 1394px;
    align-items: center;
    position: absolute;
    top: 40%;
    transform: translate(-50%, 0);
    left: 50%;
}

.content-2 .main-content {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
    max-width: 646px;
}

.content-3 {
    position: absolute;
    bottom: 32%;
    display: flex;
    flex-direction: row;
    gap: 96px;
    transform: translate(-50%, 0);
    left: 50%;
    width: 100%;
    max-width: 1394px;
    align-items: end;
}

.content-2 img {
    border-radius: 0px 67px 67px 0px;
}

.content-3 img {
    width: 442px;
    border-radius: 67px 0px 0px 67px;
    max-height: 600px;
}

.content-3 .main-content {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 36px */
    opacity: 0.8;
}

.content-4 {
    position: absolute;
    bottom: 15%;
    display: flex;
    flex-direction: row;
    gap: 96px;
    transform: translate(-50%, 0);
    left: 65%;
    width: 100%;
    max-width: 1394px;
    align-items: end;
}

.content-5 {
    position: absolute;
    transform: translate(-50%, 0);
    left: 68%;
    bottom: 6%;
}

.content-5 .main-content {
    display: flex;
    width: 824px;
    padding: 52px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 0px 67px;
    background: #f7f0df;
}

.content-5 .main-content p {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
    margin: 0;
}

.gsap-marker-scroller-start,
.gsap-marker-scroller-end,
.gsap-marker-start,
.gsap-marker-end,
.gsap-marker-scroller-start,
.gsap-marker-scroller-end {
    opacity: 0 !important;
}

.section-essence {
    display: flex;
    position: relative;
    z-index: 10;
}

.section-essence .main-content .image {
    margin-bottom: 64px;
}

.section-essence .main-content {
    background: #02241f;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 86px;
}

.section-essence h2 {
    color: #fcf9f2;
    text-align: center;
    font-family: "Andes Rounded";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 24px;
}

.section-essence p {
    color: #fcf9f2;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.section-enhance-value {
    padding: 164px 0;
    display: flex;
    flex-direction: column;
    gap: 48px;
    justify-content: center;
    align-items: center;
}

.section-enhance-value h2 {
    color: #716646;
    text-align: center;
    font-family: "Andes Rounded";
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0;
    max-width: 1500px;
    padding: 0 40px;
}

.section-enhance-value p {
    color: #737068;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 1024px;
    padding: 0 40px;
}

.item-efforts-1 {
    background: #0f4f40;
}

.item-efforts-2 {
    background: #c7bfa8;
}

.item-efforts {
    padding: 80px 96px 100px 64px;
    border-radius: 64px 64px 0 0;
}

.item-efforts .sub-title {
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 32px;
}

.item-efforts .content {
    display: flex;
    gap: 96px;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1.7fr 1fr;
}

.item-efforts .content h2 {
    color: #fcf9f2;
    font-family: "Andes Rounded";
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

.item-efforts .content p {
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 523px;
}

.item-efforts-2 .sub-title {
    color: #0f4f40;
}

.item-efforts-2 .content h2 {
    color: #0f4f40;
}

.item-efforts-2 .content p {
    color: #02241f;
}

.item-efforts-3 {
    background: #fff;
}

.item-efforts-3 .sub-title {
    color: #0f4f40;
}

.item-efforts-3 .content h2 {
    color: #0f4f40;
}

.item-efforts-3 .content p {
    color: #02241f;
}

.value-section {
    padding: 0 0 80px 0;
}

@media screen and (max-width: 1800px) {
    .content-1 {
        max-width: 1024px;
        top: 13%;
    }

    .content-1 h2 {
        font-size: 46px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        min-width: 533px;
        margin-bottom: 95px;
    }

    .content-1 p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        align-content: flex-end;
    }

    .content-1 .main-content {
        gap: 32px;
    }

    .content-2 {
        max-width: 1024px;
        top: 41%;
    }

    .content-2 .main-content {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .content-2 img {
        max-height: 256px;
    }

    .content-3 {
        max-width: 1024px;
        gap: 48px;
        bottom: 33%;
    }

    .content-3 .main-content {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .content-3 img {
        max-height: 500px;
        width: auto;
    }

    .content-4 img {
        max-height: 288px;
    }

    .content-4 {
        bottom: 21%;
        left: 73%;
    }

    .content-5 {
        bottom: 10%;
    }

    .content-5 .main-content {
        width: 482px;
    }

    .content-5 .main-content p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .section-essence img {
        max-width: 373px;
        height: 1083px;
        object-fit: cover;
    }

    .section-essence .main-content .image {
        margin-bottom: 32px;
    }

    .section-essence h2 {
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
    }

    .section-essence p {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .section-essence .main-content {
        justify-content: start;
        padding-top: 120px;
    }

    .item-efforts {
        padding: 40px 60px 100px 40px;
    }

    .item-efforts .sub-title {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        margin-bottom: 16px;
    }

    .item-efforts .content {
        gap: 70px;
    }

    .item-efforts .content h2 {
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        /* 52.8px */
    }

    .item-efforts .content p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
    }

    .item-efforts .content img {
        max-height: 230px;
    }
}

@media screen and (max-width: 1600px) {
    .layout-grid-efort svg {
        height: 2800px;
    }

    .content-1 {
        max-width: 1024px;
        top: 13%;
    }

    .content-2 {
        top: 39%;
    }

    .content-3 {
        bottom: 34%;
    }

    .content-3 img {
        max-height: 400px;
    }

    .content-4 {
        bottom: 22%;
    }

    .content-5 {
        bottom: 10%;
    }

    .layout-grid-efort {
        padding-bottom: 180px;
    }

    .value-section {
        padding-top: 0;
    }
}

@media screen and (max-width: 1500px) {
    .layout-grid-efort svg {
        height: 2700px;
    }

    .content-1 {
        top: 12%;
    }

    .content-3 {
        bottom: 34.5%;
    }

    .content-4 {
        bottom: 22%;
    }

    .content-5 {
        bottom: 11%;
    }
}

@media screen and (max-width: 1440px) {
    .section-enhance-value {
        padding: 40px 0;
    }

    .section-essence img {
        height: 712px;
    }

    .layout-grid-efort svg {
        height: 2600px;
    }

    .content-1 {
        top: 12%;
    }

    .layout-grid-efort .bg-right {
        width: 889.838px;
        height: 686.635px;
    }

    .item-efforts .content {
        grid-template-columns: 1fr 1.5fr 1fr;
    }
}

@media screen and (max-width: 1400px) {
    .layout-grid-efort svg {
        height: 2500px;
    }

    .content-1 {
        top: 11%;
    }
}

@media screen and (max-width: 1300px) {
    .layout-grid-efort svg {
        height: 2300px;
    }

    .content-1 {
        top: 11.5%;
        max-width: 768px;
    }

    .content-1 img {
        margin-bottom: 32px;
    }

    .content-1 .main-content {
        gap: 16px;
        flex-direction: column;
    }

    .content-1 h2 {
        margin: 0;
    }

    .content-2 {
        max-width: 768px;
    }

    .content-2 img {
        width: 50%;
    }

    .content-3 {
        max-width: 768px;
    }

    .content-4 {
        bottom: 21%;
        left: 85%;
    }

    .content-5 .main-content {
        padding: 32px;
    }

    .item-efforts .content {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 1100px) {
    .layout-grid-efort svg {
        height: 2000px;
    }

    .layout-grid-efort .bg-right {
        width: 739.838px;
        height: 598.635px;
    }

    .content-1 {
        top: 10.5%;
    }

    .content-2 {
        top: 37%;
    }

    .content-3 img {
        max-height: 350px;
    }

    .content-4 {
        bottom: 22%;
    }

    .content-4 img {
        max-height: 230px;
    }
}

@media screen and (max-width: 1024px) {
    .layout-grid-efort svg {
        height: 1800px;
        width: 100%;
    }

    .layout-grid-efort svg {
        height: 2000px;
    }

    .content-1 {
        top: 11%;
    }

    .content-4 img {
        max-height: 230px;
    }

    .section-essence img {
        max-width: 250px;
        height: 700px;
        object-fit: cover;
    }

    .item-efforts .content {
        display: flex;
        flex-direction: column;
    }

    .item-efforts .sub-title {
        margin-bottom: 21px;
    }

    .item-efforts .content h2 {
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
    }

    .item-efforts .content {
        gap: 0;
    }

    .item-efforts .content h2 {
        margin-bottom: 8px;
    }

    .item-efforts .content p {
        margin-bottom: 46px;
    }

    .item-efforts .content img {
        object-fit: cover;
    }
}

@media screen and (max-width: 900px) {
    .content-2 {
        top: 39%;
    }

    .content-3 {
        bottom: 29.5%;
    }

    .content-4 {
        bottom: 16%;
    }

    .content-5 {
        bottom: 8%;
    }

    .layout-grid-efort {
        padding-bottom: 50px;
    }

    .layout-grid-efort .bg-right {
        width: 500px;
        height: 500px;
        top: -300px;
        right: -37px;
    }

    .layout-grid-efort svg {
        height: 1800px;
    }

    .section-essence .main-content {
        padding: 64px 20px 80px;
    }
}

@media screen and (max-width: 800px) {
    .layout-grid-efort svg {
        height: 1660px;
    }
}

@media screen and (max-width: 768px) {
    .rectangle-parent {
        display: none;
    }

    .layout-grid-efort {
        background: none;
    }

    .value-section {
        padding: 0;
    }

    .item-efforts {
        padding-bottom: 60px;
        border-radius: 32px 32px 0px 0px;
    }

    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    .layout-grid-efort .bg-right {
        width: 522px;
        height: 600px;
        top: -8%;
        right: -14%;
    }

    .layout-grid-efort {
        padding: 0;
        margin-bottom: 100px;
    }

    .content-1 {
        padding: 0 30px;
    }

    .layout-grid-efort svg {
        height: auto;
    }

    .content-1 img {
        min-height: 260px;
        margin-bottom: 40px;
        object-fit: cover;
    }

    .content-1 h2 {
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        min-width: unset;
    }

    .content-1 .main-content {
        gap: 24px;
    }

    .content-1 {
        top: 13.5%;
    }

    .content-2 {
        flex-direction: column-reverse;
        padding: 0 30px;
        top: 36%;
        gap: 40px;
    }

    .content-2 .main-content {
        max-width: 100%;
    }

    .content-2 img {
        width: 100%;
        object-fit: cover;
    }

    .content-3 {
        flex-direction: column;
        padding: 0 30px;
    }

    .content-3 img {
        max-height: 400px;
        width: 100%;
        object-fit: cover;
    }

    .content-4 {
        bottom: 20%;
        left: 96%;
    }

    .content-5 .main-content {
        padding: 52px;
    }

    .section-essence {
        flex-direction: column;
    }

    .section-essence img {
        max-width: 100%;
        height: 229px;
    }

    .section-enhance-value {
        padding: 64px 0;
    }

    .section-enhance-value h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 120%;
        padding: 0 20px;
    }

    .section-enhance-value {
        gap: 24px;
    }

    .section-enhance-value p {
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        padding: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .layout-grid-efort .bg-right {
        width: 500px;
        height: 600px;
        top: -10%;
        right: 7%;
    }
}

@media screen and (max-width: 550px) {
    .layout-grid-efort .bg-right {
        width: 500px;
        height: 600px;
        top: -10%;
        right: -19%;
    }
}

@media screen and (max-width: 500px) {
    .layout-grid-efort .bg-right {
        top: -12%;
        right: -7%;
    }

    .content-1 {
        top: 9.5%;
    }

    .content-2 {
        top: 34%;
    }

    .content-3 {
        bottom: 29%;
    }

    .content-4 img {
        max-height: 200px;
    }

    .content-4 {
        bottom: 19%;
        left: 88%;
    }

    .content-5 {
        transform: unset;
        left: 0;
        bottom: 5%;
        padding: 0 20px;
    }

    .content-5 .main-content {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .layout-grid-efort .bg-right {
        width: 500px;
        height: 600px;
        top: -14%;
        right: -14%;
    }

    .content-3 img {
        max-height: 300px;
    }
}

@media screen and (max-width: 400px) {
    .layout-grid-efort .bg-right {
        top: -15%;
        right: -25%;
    }

    .content-1 {
        top: 6.5%;
    }

    .content-2 {
        top: 32%;
    }

    .content-3 {
        bottom: 26%;
    }

    .content-4 {
        bottom: 18%;
        left: 80%;
    }

    .content-5 {
        bottom: 3%;
    }
}

@media screen and (max-width: 380px) {
    .content-2 {
        top: 32%;
    }
}

@media screen and (max-width: 370px) {
    .content-1 {
        top: 6%;
    }

    .content-3 {
        bottom: 25.5%;
        gap: 40px;
    }

    .content-4 {
        bottom: 17%;
    }

    .content-5 {
        bottom: 2%;
    }
}

.section-blogs {
    padding-bottom: 40px;
}

.section-blogs .container {
    padding: 100px 120px 0;
    max-width: 100%;
}

.section-blogs h1 {
    color: #003129;
    font-family: "Andes Rounded";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 64px;
}

.section-blogs h2 {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: 0.3px;
    margin-bottom: 12px;
}

.blog-img {
    height: 408px !important;
}

.h-54px {
    height: 54px;
}

.blog-date {
    display: flex;
    gap: 8px;
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
}

.blog-content {
    border-bottom: 1px solid #c6c6c6;
}

.blog.card-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 32px;
    row-gap: 80px;
}

.blog .blog-content h2 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 52.8px;
    min-height: 52.8px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog .blog-content .short-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 27px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.section-blogs .aiz-pagination .pagination {
    justify-content: center;
    gap: 12px;
}

.section-blogs .pagination .page-link,
.section-blogs .pagination .page-item.disabled .page-link {
    border: 0;
    min-width: unset;
    min-height: unset;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    color: #003129;
}

.section-blogs .pagination .page-item.disabled .page-link {
    color: #0031294d;
}

.section-blogs .pagination .page-item {
    margin: 0;
}

.section-blogs .pagination .page-item {
    min-width: 36px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-blogs .pagination .active .page-link {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    background-color: unset;
}

.section-blogs .pagination .page-item.active {
    background: #e65000;
}

.section-blogs .pagination .page-link:hover {
    background-color: unset;
}

.section-blogs .pagination .page-item:first-of-type .page-link,
.section-blogs .pagination .page-item:last-of-type .page-link {
    font-size: 28px;
}

.section-blogs .short-description {
    color: #61605d;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
}

.section-blogs .banner-container .swiper-slide {
    min-height: 600px;
}

.section-blogs .banner-container .content {
    bottom: 128px;
}

@media screen and (max-width: 1440px) {
    .section-enhance-value h2 {
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .section-enhance-value p {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .section-blogs .banner-container .content {
        transform: translate(-50%, -50%);
        bottom: unset;
        top: 50%;
    }

    .section-blogs .banner-container .swiper-slide {
        min-height: 450px;
    }

    .blog-img {
        height: 284px !important;
    }
}

@media screen and (max-width: 1024px) {
    .blog.card-columns {
        grid-template-columns: 1fr 1fr;
        column-gap: 8px;
        row-gap: 20px;
    }

    .blog-img {
        height: 165px !important;
    }

    .blog-content {
        padding: 12px 0 !important;
    }

    .section-blogs h2 {
        color: #003129;
        font-family: "Plus Jakarta Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        /* 19.8px */
        letter-spacing: 0.3px;
        margin-bottom: 12px;
    }

    .blog .blog-content h2 a {
        max-height: 39.6px;
        min-height: 39.6px;
    }

    .section-blogs .short-description {
        margin-bottom: 8px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        font-size: 14px;
        height: auto;
    }

    .blog-date {
        font-size: 12px;
    }

    .section-blogs {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .section-blogs .banner-container .swiper-slide {
        min-height: 480px;
    }

    .section-blogs .banner-container .content {
        transform: translate(-50%, 0);
        top: unset;
        bottom: 20px;
        gap: 12px;
    }

    .section-blogs .banner-container .content .title {
        font-size: 41px;
    }

    .section-blogs .container {
        padding: 20px;
    }

    .section-blogs h1 {
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 35px;
    }

    .section-essence h2 {
        color: #fcf9f2;
        text-align: center;
        font-family: "Andes Rounded";
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        /* 33px */
        margin-bottom: 24px;
    }

    .section-essence p {
        color: #fcf9f2;
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        margin: 0;
    }

    .section-enhance-value {
        padding: 64px 0;
        display: flex;
        flex-direction: column;
        gap: 24px;
        justify-content: center;
        align-items: center;
    }

    .section-enhance-value h2 {
        color: #716646;
        text-align: center;
        font-family: "Andes Rounded";
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 36px */
        margin: 0;
        padding: 0 20px;
    }

    .section-enhance-value p {
        color: #737068;
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        max-width: 1500px;
        padding: 0 20px;
    }
}

.details-blog.normal {
    padding-bottom: 72px;
}

.details-blog .highlight {
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    padding: 4px 8px;
    background: #f54f01;
    display: flex;
    justify-content: center;
    margin: auto;
    width: fit-content;
    margin-bottom: 12px;
}

.details-blog .title {
    color: #003129;
    text-align: center;
    font-family: "Andes Rounded";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    max-width: 848px;
    margin: auto;
    margin-bottom: 13.5px;
}

.details-blog .date-container {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.details-blog .highlight-box {
    margin-bottom: 64px;
    margin-top: 40px;
}

.details-blog .date-container span {
    color: #545454;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.details-blog .date-container .note-icon {
    margin: 0 6px;
}

.details-blog .date-container .category-icon {
    margin: 0 12px;
}

.details-blog .date-container .share-icon {
    margin-right: 8px;
}

.details-blog .banner {
    max-height: 600px;
    object-fit: cover;
}

.details-blog .blog-descripttion {
    padding-top: 80px;
    max-width: 1056px;
}

.details-blog .blog-descripttion img {
    margin-bottom: -32px;
}

.details-blog .blog-descripttion h2 {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 24px;
}

.details-blog .blog-descripttion p {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 40px;
}

.details-blog .share {
    cursor: pointer;
}

.recent-blogs-container h3 {
    color: #003129;
    font-family: "Andes Rounded";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 60px;
    margin-top: 40px;
}

.recent-blogs-container img {
    height: 408px !important;
}

.recent-blogs-container .description-content {
    padding: 24px 0 20px;
    border-bottom: 1px solid #c6c6c6;
}

.recent-blogs-container .description-content h2 {
    color: #003129;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    /* 26.4px */
    letter-spacing: 0.3px;
    margin-bottom: 12px;
}

.recent-blogs-container .description-content .short-description {
    color: #61605d;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
}

.recent-blogs-container .description-content .date-content {
    display: flex;
    gap: 8px;
}

.details-blog .blog-descripttion blockquote {
    color: #003129;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    opacity: 0.8;
}

@media screen and (max-width: 1440px) {
    .recent-blogs-container img {
        height: 284px !important;
    }

    .details-blog .banner {
        max-height: 450px;
    }
}

@media screen and (max-width: 768px) {
    .details-blog .container {
        max-width: 100%;
    }

    .details-blog .highlight-box {
        margin: 20px 0;
    }

    .details-blog .title {
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .details-blog .banner {
        max-height: 296px;
    }

    .details-blog .blog-descripttion {
        padding-top: 20px;
    }

    .details-blog .blog-descripttion h2 {
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        /* 42px */
    }

    .details-blog .blog-descripttion p {
        color: #003129;
        font-family: "Plus Jakarta Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        margin-bottom: 20px;
    }

    .details-blog .blog-descripttion img {
        margin-bottom: -12px;
    }

    .details-blog .blog-descripttion blockquote {
        color: #003129;
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .recent-blogs-container h3 {
        margin: 20px 0;
        color: #003129;
        font-family: "Andes Rounded";
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
    }

    .recent-blogs-container .row {
        margin: 0;
        column-gap: 8px;
        row-gap: 20px;
    }

    .recent-blogs-container .col-6 {
        padding: 0;
        flex: 0 0 calc(50% - 4px);
        max-width: calc(50% - 4px);
    }

    .recent-blogs-container .description-content {
        padding: 12px 0;
    }

    .recent-blogs-container .description-content h2 {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        /* 19.8px */
        letter-spacing: 0.3px;
    }

    .recent-blogs-container .description-content .short-description {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 21px */
        -webkit-line-clamp: 4;
        height: 84px;
    }

    .details-blog {
        padding-bottom: 20px;
    }

    .section-essence .main-content .image {
        margin-bottom: 16px;
    }
}

.count-cart {
    display: flex;
    padding: 4px;
    height: 16px;
    width: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 24px;
    background: #e15911;
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    position: absolute;
    top: -8px;
    right: -8px;
}

.header-menu {
    justify-content: space-between;
    gap: 12px;
}

.menu-mobile {
    gap: 20px;
}

.menu-mobile .text-xxl {
    color: #1d413b;
    font-family: "Plus Jakarta Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -1px;
    transition: 0.5s all;
}

.menu-mobile .text-xxl:hover,
.menu-mobile .text-xxl.active {
    color: #e65000;
}

.menu-mobile .menu-header {
    flex-direction: column-reverse;
    justify-content: flex-end;
}

.menu-mobile .menu-header ul {
    gap: 40px;
    margin-bottom: 0;
    justify-content: flex-start;
    padding: 64px 20px;
}

.menu-mobile .menu-header .left-content {
    width: 100%;
    padding: 48px 20px;
    justify-content: center;
}

.menu-header .right-content {
    background-image: url("../img/bg-menu-desktop.png");
    background-color: #fcf9f2;
    width: calc(100% - 445px);
    float: left;
    order: 2;

    @media screen and (max-width: 991.98px) {
        width: 100%;
    }
}

.menu-header .left-content {
    order: 1;

    @media screen and (max-width: 991.98px) {
        width: 100%;
    }
}

.menu-mobile .menu-header .right-content {
    background-image: url("../img/bg-menu-mobile.png");
    background-color: #fcf9f2;
}

/** @format */
html {
    scroll-snap-type: y mandatory;
}

* {
    box-sizing: border-box;
}

/* Головной элемент */
.presenter {
    margin: 0;
    /* min-height: 100vh; */
    scroll-snap-type: y mandatory;
    position: relative;
    margin: 32px -20px 0;
}

/* Слайд */
.presenter>.slide {
    /* width: 100vw;
    height: 100vh; */
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* Заголовок слайда */
.presenter>.slide h2 {
    font-size: 5em;
    color: black;
    width: fit-content;
    display: flex;
    gap: 47px;
    overflow: hidden;
    margin: 0;
}

/* Слайд в распорке */
.presenter>.space {
    width: fit-content;
    height: 140px !important;
}

.presenter>.space>.slide {
    scroll-snap-align: end;
    scroll-snap-stop: normal;
}

/* Вертикальное позиционирование */
.presenter>.space>.slide.horiz {
    /* height: 100vw; */
}

/* Горизонтальное позиционирование */
.presenter>.space>.slide.vert {
    /* height: 100vh; */
}

.core-values .presenter img {
    width: 140px;
    height: 140px;
    margin: 0;
}

@media screen and (min-width: 380px) {
    .core-values .presenter img {
        width: calc(50% - 42px);
        height: auto;
    }

    .presenter>.space {
        width: fit-content;
        height: 250px !important;
    }
}

@media screen and (min-width: 500px) {
    .presenter>.space {
        width: fit-content;
        height: 350px !important;
    }
}

@media screen and (min-width: 767px) {
    .core-values .presenter {
        display: none;
    }
}

.lang-header {
    padding: 0 24px;
    border-left: 1px solid #acb8b6;
}

.lang-header img {
    border-radius: 100%;
    width: 18px;
    height: 18px;
}

.lang-header .language {
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 17.6px */
    text-transform: uppercase;
    margin-left: 6px;
}

.lang-header .dropdown-item.active .language,
.lang-header .dropdown-item:hover .language {
    color: #fff;
}

.product-banner img {
    width: 100%;
    min-height: 114px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .product-box {
        padding-top: 32px !important;
    }
}