/* single background styles */
.advant-blocks-wrapper[style*="#ffffff"] .btn-accent:hover {
     background: #00FDCF;
     opacity: 0.8;
}
.category-top-banner-wrapper {
     display: flex;
     align-items: center;
     /*background: #C1C7D9 url('/image/logi-logo-office.svg') no-repeat center top;*/
     padding: 5rem 0;
     position: relative;
     width: 100%;
     width: 100vw;
     left: 50%;
     transform: translateX(-50%);
     height: 450px;
     min-height: 200px;
     max-height: 80vh;
}

.category-top-banner-wrapper.light-theme, .category-top-banner-wrapper .block-style-light {
     /*background: #5C5C5C url('/image/logi-logo-office-light.svg') no-repeat center top;*/
     color: #fff;
}

.category-top-banner-inner {
     max-width: 1230px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
.category-top-banner {
     display: flex;
     align-items: stretch;
     gap: 40px;
}
.category-top-banner .devider {
     width: 1px;
     background: #2F3132;
}
.category-top-banner-wrapper.light-theme .category-top-banner .devider, .category-top-banner-wrapper .block-style-light .devider {
     background: #fff;
}
.category-top-banner h2, .category-top-banner .adv-block-title {
     margin: 0;
     font-size: clamp(3.571rem, 2.796vw + 1.522rem, 5.357rem);
     line-height: 1.2;
     display: flex;
     align-self: center;
     padding: 2rem 0;
}
.category-top-banner > p, .category-top-banner .adv-block-description {
     margin: 0;
     font-size: 18px;
     font-weight: 300;
     line-height: 1.2;
     display: flex;
     flex-direction: column;
     align-self: center;
     max-width: 650px;
     padding: 2rem 0;
     flex: 1;
}

.category-top-banner.align-center {
     flex-direction: column;
     align-items: center;
     justify-content: center;
}
.category-top-banner.align-center .devider {
     display: none;
}
.category-top-banner.align-center > p, .category-top-banner.align-center .adv-block-description {
     text-align: center;
     padding: 0;
}
.category-top-banner.align-center h2, .category-top-banner.align-center .adv-block-title {
     padding: 0;
}
@media screen and (max-width: 991px) {
     .category-top-banner-wrapper {
          min-height: 250px;
          height: auto;
     }
     .category-top-banner br {
     	display: none;
     }
}
@media screen and (max-width: 767px) {
     .category-top-banner > p, .category-top-banner .adv-block-description {
          font-size: 16px;
     }
     
}
@media screen and (max-width: 574px) {
     .category-top-banner-wrapper {
          min-height: auto;
          padding: 4rem 0;
     }
     .category-top-banner {
          flex-direction: column;
          gap: 20px;
     }
     .category-top-banner .devider {
          display: none;
     }
     .category-top-banner h2, .category-top-banner .adv-block-title, .category-top-banner > p, .category-top-banner .adv-block-description {
          padding: 0;
          align-self: flex-start;
     }
     .category-top-banner.align-center h2, .category-top-banner.align-center .adv-block-title, 
     .category-top-banner.align-center > p, .category-top-banner.align-center .adv-block-description {
          align-self: center;
     }
     .category-top-banner > p, .category-top-banner .adv-block-description {
          font-size: 14px;
     }
}

/* Default styles */
.advant-blocks-wrapper {
     display: flex;
     align-items: center;
     padding: 7rem 0;
     position: relative;
     width: 100%;
     width: 100vw;
     left: 50%;
     transform: translateX(-50%);
     min-height: 450px;
     /*max-height: 80vh;*/
}
.advant-blocks-wrapper-inner {
     max-width: 1230px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
.advant-blocks-wrapper-inner .advant-blocks-item {
     display: grid;
     grid-template-columns: 1fr;
     align-items: center;
     gap: 40px;
}
.advant-blocks-wrapper-inner .advant-blocks-item.two-columns {
     grid-template-columns: 1fr 1.5fr;
}
.advant-blocks-wrapper-inner .advant-blocks-item.block-style-light {
     color: #fff;
}
.advant-blocks-item .advant-blocks-item__image {
     display: flex;
     overflow: hidden;
     border-radius: 26px;
}
.advant-blocks-item .advant-blocks-item__image img {
     border-radius: 26px;
}

.advant-blocks-wrapper-inner .advant-blocks-item.align-center {
     text-align: center;
}

.advant-blocks-wrapper-inner .advant-blocks-item.two-columns.align-left {
     grid-template-columns: 1.5fr 1fr;
}
.advant-blocks-wrapper-inner .advant-blocks-item.two-columns.align-left .advant-blocks-item__image {
     order: -1;
}

.advant-blocks-item .adv-block-title {
     margin: 0;
     font-weight: 500;
     line-height: 1.3;
     font-size: clamp(2.571rem, 1.282vw + 2.242rem, 4rem);
}
.advant-blocks-item .adv-block-description {
     font-size: 16px;
     margin-top: 20px;
}
.advant-blocks-item .adv-block-description p:last-child {
     margin-bottom: 0;
}
.advant-blocks-item .adv-block-description .btn {
     margin-top: 3rem;
}

@media screen and (max-width: 1199px) {
     .advant-blocks-wrapper-inner .advant-blocks-item.two-columns {
          grid-template-columns: 1fr 1.2fr;
     }
}
@media screen and (max-width: 991px) {
     .advant-blocks-wrapper-inner .advant-blocks-item.two-columns.align-left .advant-blocks-item__image {
          order: inherit;
     }
     .advant-blocks-wrapper-inner .advant-blocks-item.two-columns {
          grid-template-columns: 1fr !important;
     }
     .advant-blocks-item .adv-block-description .btn {
          margin-top: 2rem;
     }
}
@media screen and (max-width: 991px) {
     .advant-blocks-wrapper {
          padding: 4rem 0;
     }
}

/* Single banner */
.advant-blocks-wrapper.banner-theme {
     padding: 5rem 0;
     min-height: 350px;
     max-height: 80vh;
     line-height: 1.3;
}
.advant-blocks-wrapper.banner-theme .advant-blocks-item.align-left,
.advant-blocks-wrapper.banner-theme .advant-blocks-item.align-right {
     max-width: 400px;
}
.banner-theme .advant-blocks-item .adv-block-title {
    font-size: clamp(3.286rem, 2.685vw + 1.318rem, 5rem);
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 2rem;
    line-height: 1.1;
}
.banner-theme .advant-blocks-item.align-left .adv-block-title, .banner-theme .advant-blocks-item.align-right .adv-block-title {
     font-size: clamp(2.143rem, 2.237vw + 0.503rem, 3.571rem);
}
.banner-theme .advant-blocks-item .adv-block-description {
     font-size: 18px;
     font-weight: 300;
}
.banner-theme .advant-blocks-item .adv-block-description .btn {
     margin-top: 3rem;
}
@media screen and (max-width: 574px) {
     .banner-theme .advant-blocks-item .adv-block-description {
          font-size: 16px;
     }
}

/* Carousel Style */
.advant-blocks-wrapper.carousel-theme .swiper-viewport {
     background: transparent;
}
.advant-blocks-wrapper.carousel-theme .advant-blocks-item__image {
     display: flex;
     overflow: hidden;
     border-radius: 20px;
}
.advant-blocks-wrapper.carousel-theme .adv-block-title {
    margin: 20px 0 0;
    font-size: clamp(2rem, 1.282vw + 1.67rem, 3.429rem);
    line-height: 1.2;
}
.advant-blocks-wrapper.carousel-theme .adv-block-description {
     margin-top: 20px;
}
.advant-blocks-wrapper.carousel-theme .adv-block-description p:last-child {
     margin-bottom: 0;
}
.advant-blocks-wrapper.carousel-theme .adv-block-description .buttons-group {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
}
.advant-blocks-wrapper.carousel-theme .adv-block-description a {
     transition: all 0.2s ease-in;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline;
}
.advant-blocks-wrapper.carousel-theme .adv-block-description a:hover {
    text-decoration: none;
}
.advant-blocks-wrapper.carousel-theme .adv-block-description a + a {
     margin-left: 20px;
}
.advant-blocks-wrapper.carousel-theme .adv-block-description b, .advant-blocks-wrapper.carousel-theme .adv-block-description strong {
     font-weight: 500;
}

/* Carousel Banner Style */

.advant-blocks-wrapper.carousel-theme-banners .advant-blocks-item__banner {
     display: flex;
     position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    transition: all 0.3s ease;
}
.advant-blocks-wrapper.carousel-theme-banners .advant-blocks-item__banner .adv-block-title {
     position: absolute;
     z-index: 1;
     left: 25px;
     bottom: 25px;
     font-size: clamp(2.571rem, 0.671vw + 2.08rem, 3rem);
     font-weight: 500;
     line-height: 1.1;
     margin: 0;
}

.advant-blocks-wrapper.carousel-theme-banners .advant-blocks-item__banner .adv-banner-image {
     object-fit: cover;
}

.advant-blocks-wrapper.carousel-theme-banners .advant-blocks-item__banner .btn-category-view {
     position: absolute;
     z-index: 1;
     left: 30px;
     bottom: 30px;
     background: #00FDCF;
     border-color: #00FDCF;
     color: #2F3132;
     text-transform: uppercase;
     font-size: 12px !important;
}

.advant-blocks-wrapper.carousel-theme-banners .advant-blocks-item__banner .btn-category-view {
     background: #fff;
     border-color: #fff;
}

.advant-blocks-wrapper.carousel-theme-banners .advant-blocks-item__banner:hover .btn-category-view {
     background: #fff;
     border-color: #fff;
}

@media screen and (max-width: 767px) {
     .advant-blocks-wrapper.carousel-theme-banners .advant-blocks-item__banner .adv-banner-image {
          max-height: 250px;
          width: 100%;
          max-width: unset;
     }
}

/* Two columns */
.two-colums-theme .row-columns {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 40px;
}
.two-colums-theme .advant-blocks-item {
     display: block;
}
.two-colums-theme .advant-blocks-item .advant-blocks-item__image {
     margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
     .two-colums-theme .row-columns {
          gap: 20px;
     }
}
@media screen and (max-width: 767px) {
     .two-colums-theme .row-columns {
          grid-template-columns: 1fr;
          gap: 40px;
     }
     .two-colums-theme .advant-blocks-item {
          display: grid;
          gap: 0;
     }
     .two-colums-theme .advant-blocks-item .advant-blocks-item__image {
          order: 3;
          margin-bottom: 0;
          margin-top: 30px;
     }
}

/* Grid Theme */
.advant-blocks-wrapper.grid-theme {
     padding: 4rem 0;
}
.advant-blocks-wrapper.grid-theme .block-grid-banners .carousel-grid {
     column-gap: 60px;
     row-gap: 30px;
}
.advant-blocks-wrapper.grid-theme .block-grid-banners .banner-card:nth-child(1) img {
      height: auto; 
}
.advant-blocks-wrapper.grid-theme .block-grid-banners .banner-card:nth-child(2) img {
      height: auto; 
}
.advant-blocks-wrapper.grid-theme .block-grid-banners .banner-card:nth-child(3) img {
      height: auto; 
}

.advant-blocks-wrapper.grid-theme .advant-blocks-heading {
     font-size: clamp(3.571rem, 1.282vw + 3.242rem, 5rem);
     margin: 0 0 3rem 0;
     line-height: 1.2;
}
.advant-blocks-wrapper.grid-theme .block-grid-banners .carousel-grid {
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
     column-gap: 40px;
}

@media screen and (min-width: 992px) {
     .advant-blocks-wrapper.grid-theme .advant-blocks-heading {
          position: relative;
          bottom: -50px;
          display: grid;
          column-gap: 60px;
          row-gap: 30px;
          grid-template-columns: 4fr 2fr 3fr;
          margin: 0;
     }
     .advant-blocks-wrapper.grid-theme .block-grid-banners .carousel-grid {
          grid-template-columns: 4fr 3fr 3fr;
          column-gap: 60px;
          row-gap: 30px;
     }
}
     .advant-blocks-wrapper.grid-theme .block-grid-banners .banner-card:nth-child(1) {
          grid-column: 1;
         grid-row: 1 / 3;
     }
     .advant-blocks-wrapper.grid-theme .block-grid-banners .banner-card:nth-child(3) {
          grid-column: 3;
         grid-row: 1 / 3;
         align-self: center;
         margin-top: -13rem;
     }
          .common-home .advant-blocks-wrapper.grid-theme .block-grid-banners .banner-card:nth-child(4) {
                 grid-column: 1;
        grid-row: 3;
        margin-top: -44rem;
     }
     
    .common-home .advant-blocks-wrapper.grid-theme .block-grid-banners .banner-card:nth-child(4) .banner-card_text {
    margin-top: 2rem;
    line-height: 1.2;
    max-width: 370px;
}
     
     .common-home .advant-blocks-wrapper.grid-theme .block-grid-banners .banner-card:nth-child(6) {
      grid-column: 3;
        grid-row: auto;
        align-self: center;
        margin-top: -35rem;
     }
@media screen and (max-width: 600px) {
     .advant-blocks-wrapper.grid-theme .block-grid-banners .carousel-grid {
          column-gap: 25px;
          display: block;
     }
     
     .block-grid-banners .banner-card {
    margin-bottom: 20px;
}
}