.tabs-wrapper { display: flex; }
@media screen and (max-width: 1200px) { .tabs-wrapper { display: block; } }
@media screen and (min-width: 1201px) { .tabs-wrapper .swiper-container.swiper1 { width: 500px; overflow: visible; margin-right: 150px; background: rgba(14, 29, 54, 0.5); border-radius: 0 50px 50px 0; padding: 50px 0 50px 10px; } }
@media screen and (max-width: 1200px) { .tabs-wrapper .swiper-container.swiper1 { background: #23B0E2; max-width: 80%; border-radius: 8px; padding: 20px; } }
@media screen and (max-width: 1200px) { .tabs-wrapper .swiper-container.swiper1 .desktop-view { display: none; } }
.tabs-wrapper .swiper-container.swiper1 .desktop-view .rectangle { position: absolute; background: rgba(14, 29, 54, 0.5); height: 100%; display: block; top: 0; left: -1000px; width: 1000px; }
.tabs-wrapper .swiper-container.swiper1 .desktop-view .tab-title { margin-bottom: 0; padding: 9px 15px; cursor: pointer; }
.tabs-wrapper .swiper-container.swiper1 .desktop-view .tab-title.swiper-slide-active { background: #18B0E2; border-radius: 8px; }
.tabs-wrapper .swiper-container.swiper1 .desktop-view .tab-title.swiper-slide-active .title { color: #fff; }
.tabs-wrapper .swiper-container.swiper1 .desktop-view .tab-title .title { color: #9DAABE; font-size: 28px; font-weight: 400; }
.tabs-wrapper .swiper-container.swiper1 .mobile-view { display: none; }
@media screen and (max-width: 1200px) { .tabs-wrapper .swiper-container.swiper1 .mobile-view { display: flex; } }
.tabs-wrapper .swiper-container.swiper1 .mobile-view .tab-title { text-align: center; font-size: 21px; color: #fff; font-weight: 400; }
.tabs-wrapper .swiper-container.swiper1 .swiper-button-next, .tabs-wrapper .swiper-container.swiper1 .swiper-button-prev { display: none; width: 9px; height: 22px; background: url(../img/icon-triangle.svg) no-repeat center; position: absolute; left: 15px; top: 50%; margin-top: -12px; z-index: 2; cursor: pointer; }
.tabs-wrapper .swiper-container.swiper1 .swiper-button-next:after, .tabs-wrapper .swiper-container.swiper1 .swiper-button-prev:after { display: none; }
@media screen and (max-width: 1200px) { .tabs-wrapper .swiper-container.swiper1 .swiper-button-next, .tabs-wrapper .swiper-container.swiper1 .swiper-button-prev { display: flex; } }
.tabs-wrapper .swiper-container.swiper1 .swiper-button-next { left: auto; right: 15px; transform: rotate(180deg); }
.tabs-wrapper .swiper-container.swiper2 { width: calc(100% - 650px); }
@media screen and (max-width: 1200px) { .tabs-wrapper .swiper-container.swiper2 { width: 80%; margin-top: 30px; } }
.tabs-wrapper .swiper-container.swiper2 .swiper-wrapper .tab-content { visibility: hidden; }
.tabs-wrapper .swiper-container.swiper2 .swiper-wrapper .tab-content.swiper-slide-active { visibility: visible; }
.tabs-wrapper .swiper-container.swiper2 .swiper-wrapper .tab-content .bg-text { position: absolute; top: 0; font-size: 300px; color: #0E1D36; z-index: 1; line-height: 180px; opacity: 0.5; }
@media screen and (max-width: 768px) { .tabs-wrapper .swiper-container.swiper2 .swiper-wrapper .tab-content .bg-text { font-size: 170px; line-height: 110px; } }
.tabs-wrapper .swiper-container.swiper2 .swiper-wrapper .tab-content .tab-text { padding-top: 20px; color: #fff; background: none; z-index: 2; position: relative; font-size: 28px; font-weight: 400; line-height: 42px; }
@media screen and (max-width: 768px) { .tabs-wrapper .swiper-container.swiper2 .swiper-wrapper .tab-content .tab-text { font-size: 16px; line-height: 21px; } }