/* <sub53> */
.tpl-body-sub-53 > .tpl-block-list-objects:not(.swiper-wrapper) > *:not(:first-child) {
    display: none;
}

.tpl-body-sub-53 {
    --swiper-theme-color: var(--tpl-color-foreground-accent, #007aff);
    --swiper-navigation-size: 52px;
}

.tpl-body-sub-53 > .tpl-block-list {
    display: block;
}

.tpl-body-sub-53 .swiper-pagination {
    text-align: center;
    position: relative;
    margin: 38px 0 38px 0;
}

.tpl-body-sub-53 .swiper-pagination-bullet {
    border: 1px solid var(--tpl-color-foreground-main-lightest, #333);
    background-color: transparent;
    height: 12px;
    width: 12px;
    margin: 0 6px;
    opacity: 0.35;
}

.tpl-body-sub-53 .swiper-pagination-bullet-active, 
.tpl-body-sub-53 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--tpl-color-brand, #007aff);
    border-color: var(--tpl-color-brand, #007aff);
    opacity: 1;
}

.tpl-body-sub-53 .swiper-pagination-bullet:focus {
    outline: none;
    border: 1px solid var(--tpl-color-foreground-main, #000);
    background-color: var(--tpl-color-foreground-main-lightest, #333);
    opacity: 1;
}

.tpl-body-sub-53 .swiper-pagination-bullet-active:focus {
    background-color: var(--tpl-color-brand, #007aff);
}

.tpl-body-sub-53 .swiper-scrollbar {
    background-color: var(--tpl-color-foreground-main-lightest, rgba(0,0,0,0.1));
}

.tpl-body-sub-53 .swiper-scrollbar-drag {
    background-color: var(--tpl-color-foreground-accent, rgba(0,0,0,0.5));
}

.swiper-nc-auto-slides-per-view > .swiper-slide {
    width: auto;
    min-width: 100px;
}

.tpl-body-sub-53 .swiper-container-multirow .tpl-body-sub-53 .tpl-area-main-list > * {
    height: var(--tpl-mixin-gw-slider-slide-height);
}

.tpl-body-sub-53 .swiper-gw-container-inner {
    position: relative;
}

.tpl-body-sub-53 .swiper-button-prev, .tpl-body-sub-53 .swiper-button-next {
    border: 1px solid #CCC;
    border-radius: 50%;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.64111 3.94141L17.6158 12.518L8.58793 21.9413' stroke='%23273350' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
}

.tpl-body-sub-53 .swiper-button-prev:focus, .tpl-body-sub-53 .swiper-button-next:focus {
    outline: none;
}

.tpl-body-sub-53 .swiper-button-prev {
    transform: rotate(180deg);
    left: var(--tpl-mixin-gw-slider-arrow-container-margin, 0px);
}

.tpl-body-sub-53 .swiper-button-next {
    right: var(--tpl-mixin-gw-slider-arrow-container-margin, 0px);
}


.tpl-body-sub-53 .swiper-button-prev:after, .tpl-body-sub-53 .swiper-button-next:after {
    content: none;
}
.tpl-body-sub-53 {
--tpl-color-foreground-main: #1CE8BC;
--tpl-color-foreground-main-darkest: rgb(9,97,78);
--tpl-color-foreground-main-darker: rgb(14,143,115);
--tpl-color-foreground-main-dark: rgb(18,190,153);
--tpl-color-foreground-main-light: rgb(74,237,201);
--tpl-color-foreground-main-lighter: rgb(120,241,215);
--tpl-color-foreground-main-lightest: rgb(166,246,229);
--tpl-color-foreground-accent: #1999E8;
--tpl-color-foreground-accent-darkest: rgb(9,60,92);
--tpl-color-foreground-accent-darker: rgb(13,91,139);
--tpl-color-foreground-accent-dark: rgb(18,121,185);
--tpl-color-foreground-accent-light: rgb(69,172,236);
--tpl-color-foreground-accent-lighter: rgb(115,193,241);
--tpl-color-foreground-accent-lightest: rgb(162,213,245);
color: var(--tpl-color-foreground-main);
 }
.tpl-body-sub-53 { background: radial-gradient(ellipse at center, rgba(50, 118, 171, 1) 0%, rgba(84, 179, 91, 1) 100%); }
/* </sub53> */
/* <sub58> */
.tpl-body-sub-58 .tpl-area-main-list { display: flex; flex-direction: row; flex-wrap: wrap; }
.tpl-body-sub-58 .tpl-area-main-list > * {
    width: calc(50.0000% - 2.0000px);
    margin: 4.0px 2.0px 0;
    align-self: center;
}
.tpl-body-sub-58 .tpl-area-main-list > *:nth-child(2n) { margin-right: 0 }
.tpl-body-sub-58 .tpl-area-main-list > *:nth-child(2n+1) { margin-left: 0 }
.tpl-body-sub-58 .tpl-area-main-list > *:nth-child(-n+2) { margin-top: 0; }
.tpl-body-sub-58 { background: linear-gradient(4deg, rgba(113, 204, 237, 1) 0%, rgba(98, 173, 101, 1) 100%); }
/* </sub58> */
