.tabs-pro {
   max-width: 936px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
}
.tabs-btn {
    width: 214px;
    display: inline-block;
    border: 1px solid #E8E8EA;
    border-radius: 8px;
    text-align: center;
    background-color: #FFFFFF;
    padding: 24px 12px 12px 12px;
}
.tabs-btn:hover {
    cursor: pointer;
}
.tabs-btn.active {
    background-color: #2153CC;
    position: relative;
}
.tabs-btn.active::after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4641 15C11.9245 17.6667 8.0755 17.6667 6.5359 15L1.33975 6C-0.199855 3.33333 1.72465 4.00244e-08 4.80385 -2.29168e-07L15.1962 -1.13769e-06C18.2754 -1.40688e-06 20.1999 3.33333 18.6603 6L13.4641 15Z' fill='%232153CC'/%3E%3C/svg%3E");
    position: absolute;
    bottom: -18px;
    left: 45%;
}
.tabs-btn:nth-child(1).active svg path {
    stroke: white;
}
.tabs-btn:nth-child(2).active svg path {
    stroke: white;
}
.tabs-btn:nth-child(2).active svg path:nth-child(3),
.tabs-btn:nth-child(2).active svg path:nth-child(4) {
    fill: white;
}
.tabs-btn:nth-child(3).active svg path {
    stroke: white;
    fill: white;
}
.tabs-btn:nth-child(4).active svg path {
    stroke: white;
    fill: white;
}
#main_content p.tabs-btn-title {
    font-size: 20px;
    line-height: 24px;
    font-family: "Fugue Regular";
}
#main_content .tabs-btn.active p.tabs-btn-title {
    color: #FFFFFF;
}
.tabs-pro .tabs-btn-wrap {
    overflow-y: hidden;
    overflow-x: scroll;
    padding-top: 10px;
}
.tabs-pro  .tabs-btn-wrap::-webkit-scrollbar {
    width: 0;
  }
.tabs-pro .tabs-btn-wrap {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.tabs-btn-wrap .vc_tta-tabs-list{
    width: 936px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
}
.tabs-pro span.scroll_forward.show {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 1px 1.5px 3px rgba(0, 0, 0, 0.3);
	position: absolute;
	right: 1px;
    background-color: white;
    top: 56px;
    margin-top: 8px;
    z-index: 99;
    cursor: pointer;
}
.tabs-pro span.scroll_forward.show::before {
    content: '';
    width: 96px;
    height: 220px;
    background: linear-gradient(270deg, #FFFFFF 11.11%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: -50px;
    top: -63px;
    pointer-events: none;
}
.tabs-pro span.scroll_back.show {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 1px 1.5px 3px rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 1px;
    background-color: white;
    top: 56px;
    margin-top: 8px;
    z-index: 99;
    cursor: pointer;
}
.tabs-pro span.scroll_back.show::before {
    content: '';
    width: 96px;
    height: 220px;
    background: linear-gradient(270deg, #FFFFFF 11.11%, rgba(255, 255, 255, 0) 100%);
    transform: rotate(-180deg);
    position: absolute;
    left: -30px;
    top: -63px;
    pointer-events: none;
}
.tabs-pro span.scroll_back.show:after, .tabs-pro span.scroll_forward.show:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--c-white);
    border-radius: 50%;
}
.tabs-pro span.scroll_back.show:after{
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.91179 10.8473C6.96824 10.9036 7 10.9803 7 11.0602C7 11.1402 6.96824 11.2169 6.91179 11.2732L6.27961 11.9091C6.22549 11.9671 6.14994 12 6.07087 12C5.99179 12 5.91624 11.9671 5.86213 11.9091L0.381207 6.39594C0.297298 6.31164 0.250103 6.19728 0.249999 6.07799L0.249999 5.92201C0.250103 5.80272 0.297298 5.68836 0.381207 5.60406L5.86213 0.0908984C5.91624 0.0329008 5.99179 1.00393e-06 6.07087 1.01775e-06C6.14994 1.03158e-06 6.22549 0.0329009 6.27961 0.0908984L6.91179 0.726802C6.96825 0.783123 7 0.859791 7 0.93977C7 1.01975 6.96825 1.09642 6.91179 1.15274L2.09288 6L6.91179 10.8473Z' fill='%23121316'/%3E%3C/svg%3E%0A");
}
.tabs-pro span.scroll_forward.show:after{
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0882082 1.15274C0.031755 1.09641 9.59924e-07 1.01975 9.66916e-07 0.939767C9.73908e-07 0.859788 0.031755 0.783121 0.0882082 0.726799L0.720393 0.0908961C0.774506 0.0328984 0.850058 -1.46946e-06 0.929133 -1.46255e-06C1.00821 -1.45564e-06 1.08376 0.0328984 1.13787 0.0908961L6.61879 5.60406C6.7027 5.68836 6.7499 5.80272 6.75 5.92201L6.75 6.07799C6.7499 6.19728 6.7027 6.31164 6.61879 6.39594L1.13787 11.9091C1.08376 11.9671 1.00821 12 0.929132 12C0.850057 12 0.774505 11.9671 0.720392 11.9091L0.0882073 11.2732C0.0317541 11.2169 7.51652e-08 11.1402 8.21572e-08 11.0602C8.91492e-08 10.9803 0.0317541 10.9036 0.0882073 10.8473L4.90712 6L0.0882082 1.15274Z' fill='%23121316'/%3E%3C/svg%3E%0A");
}

.tabs-content {
    display: none;
}
.tabs-content.active {
    display: flex;
}
.tabs-content .col1 {
    width: 40%;
    padding-top: 60px;
}
.tabs-content .col2 {
    width: 60%;
    padding-top: 32px;
}
.tabs-content img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
#main_content  .tabs-content-text {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Proxima Nova';
}
.tabs-content .vc_btn3-container {
    max-width: max-content;
}
@media (max-width: 992px) {
    .tabs-content .col2 {
        padding-top: 60px;
    }
}
@media (max-width: 580px) {
    .tabs-btn-wrap .vc_tta-tabs-list {
        width: 666px;
    }
    .tabs-pro span.scroll_back.show,
    .tabs-pro span.scroll_forward.show {
        top: 42px;
    }
    .tabs-pro span.scroll_back.show::before,
    .tabs-pro span.scroll_forward.show::before {
        top: -51px;
        height: 180px;
    }
    .tabs-btn {
        width: 156px;
    }
    #main_content p.tabs-btn-title {
        font-size: 12px;
        line-height: 16px;
    }
    .tabs-content-text {
        font-size: 18px;
        text-align: center;
    }
    .tabs-content {
        flex-direction: column-reverse;
    }
    .tabs-content .col1,
    .tabs-content .col2 {
        width: 100%;
        padding-top: 16px;
    }
    .tabs-content .vc_btn3-container {
        margin: 0 auto;
    }
    #main_content  .tabs-content-text {
        font-size: 18px;
        line-height: 28px;
    }
}