.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

.btn {
	padding: .74rem 1.92rem;
	border-radius: 3px;
	font-size: 15px;
	font-weight: bold;
	text-transform:none!important;
}

.js-tab-hidden {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}

.tabs-section {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 150px 0;
}

.tabs-section .sub-title {
	display: block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #00adbb!important;
	margin: 0 0 10px;
}

.tabs-section h2 {
	font-weight: 400;
	letter-spacing: -1px;
	color: #32325d;
	margin: 0 0 23px;
	font-size: 2.49805rem;
}

.tabs-section p {
	margin: 0 0 1.75rem;
	    font-size: 1.063rem;
    font-weight: 400;
    line-height: 1.345;
    color: #525f7f;
    text-align: left;
}
.tabs-section .et_pb_row {
	max-width: 980px!important;
	width:100%;
}

.tabs-section .btn {
	margin: 4px 0 0;
}

.tab-content {
	position: relative;
	z-index: 2;
}

.tabset {
	margin: 0;
	padding: 0;
	list-style: none!important;
	width: 500px;
	height: 500px;
	position: relative;
	z-index: 1;
}

.tabset:before {
	position: absolute;
	top: -330px;
	right: -92px;
	z-index: -1;
	content: "";
	background: url(../images/bg-tabs.jpg) no-repeat;
	width: 1026px;
	height: 1027px;
}

.tabset li {
	position: absolute;
	z-index: 10;
	text-align: center;
}

.tabset li.link01 {
	top: 78px;
	left: 142px;
}

.tabset li.link01 .ico-box {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	margin: 0 8px -20px -8px;
	width: 190px;
	height: 182px;
	background: url(../images/polygon01.svg) no-repeat;
}

.tabset li.link01 .ico-box:hover {
	background-image: url(../images/polygon01-hover.svg);
}

.tabset li.link01.active .ico-box {
	background-image: url(../images/polygon01-active.svg);
}

.tabset li.link01 img {
	margin: -8px -8px 8px 8px;
}

.tabset li.link02 {
	top: -54px;
	right: -6px;
}

.tabset li.link02 .ico-box {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	margin: 0 10px -23px -10px;
	width: 182px;
	height: 177px;
	background: url(../images/polygon02.svg) no-repeat;
}

.tabset li.link02 .ico-box:hover {
	background-image: url(../images/polygon02-hover.svg);
}

.tabset li.link02.active .ico-box {
	background-image: url(../images/polygon02-active.svg);
}

.tabset li.link02 img {
	margin: -8px -11px 8px 11px;
}

.tabset li.link03 {
	top: 148px;
	right: 3px;
}

.tabset li.link03 .ico-box {
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
	margin: 0 9px -20px -9px;
	width: 165px;
	height: 171px;
	background: url(../images/polygon03.svg) no-repeat;
}

.tabset li.link03 .ico-box:hover {
	background-image: url(../images/polygon03-hover.svg);
}

.tabset li.link03.active .ico-box {
	background-image: url(../images/polygon03-active.svg);
}

.tabset li.link03 img {
	margin: -6px -8px 6px 8px;
}

.tabset li.link04 {
	top: 303px;
	right: 115px;
}

.tabset li.link04 .ico-box {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	margin: 0 8px -20px -8px;
	width: 179px;
	height: 180px;
	background: url(../images/polygon04.svg) no-repeat;
}

.tabset li.link04 .ico-box:hover {
	background-image: url(../images/polygon04-hover.svg);
}

.tabset li.link04.active .ico-box {
	background-image: url(../images/polygon04-active.svg);
}

.tabset li.link04 img {
	margin: -8px -9px 8px 9px;
}

.tabset li.link05 {
	top: 259px;
	left: 33px;
}

.tabset li.link05 .ico-box {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	margin: 0 11px -21px -11px;
	width: 170px;
	height: 171px;
	background: url(../images/polygon05.svg) no-repeat;
}

.tabset li.link05 .ico-box:hover {
	background-image: url(../images/polygon05-hover.svg);
}

.tabset li.link05.active .ico-box {
	background-image: url(../images/polygon05-active.svg);
}

.tabset li.link05 img {
	margin: -8px -12px 8px 12px;
}

.tabset li.link06 {
	top: 113px;
	left: -38px;
}

.tabset li.link06 .ico-box {
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
	margin: -26px 9px -20px -10px;
	width: 168px;
	height: 170px;
	background: url(../images/polygon06.svg) no-repeat;
}

.tabset li.link06 .ico-box:hover {
	background-image: url(../images/polygon06-hover.svg);
}

.tabset li.link06.active .ico-box {
	background-image: url(../images/polygon06-active.svg);
}

.tabset li.link06 img {
	margin: -8px -9px 8px 9px;
}

.tabset li.link07 {
	top: -103px;
	left: -25px;
}

.tabset li.link07 .ico-box {
	margin: 0 8px -29px 16px;
	width: 177px;
	height: 183px;
	background: url(../images/polygon07.svg) no-repeat;
}

.tabset li.link07 .ico-box:hover {
	background-image: url(../images/polygon07-hover.svg);
}

.tabset li.link07.active .ico-box {
	background-image: url(../images/polygon07-active.svg);
}

.tabset li.link07 img {
	margin: -7px -8px 7px 14px;
}

.tabset li.link08 {
	top: -97px;
	left: 155px;
}

.tabset li.link08 .ico-box {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	margin: 0 8px -21px -8px;
	width: 142px;
	height: 142px;
	background: url(../images/polygon08.svg) no-repeat;
}

.tabset li.link08 .ico-box:hover {
	background-image: url(../images/polygon08-hover.svg);
}

.tabset li.link08.active .ico-box {
	background-image: url(../images/polygon08-active.svg);
}

.tabset li.link08 img {
	margin: -8px -9px 8px 9px;
}

.tabset li.active .title {
	font-weight: 600;
	color: #525f7f;
}

.tabset .ico-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: translatey(0px);
	-ms-transform: translatey(0px);
	transform: translatey(0px);
	-webkit-animation: float 6s ease-in-out infinite;
	animation: float 6s ease-in-out infinite;
}

.tabset .title {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	box-shadow: 0 16px 35px rgba(0, 80, 85, .1);
	border-radius: 14px;
	padding: 7px 15px 8px;
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	color: #8898aa;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.tabset:before {
		background-image: url(../images/bg-tabs@2x.jpg);
		background-size: 100%;
	}
}

@media (max-width: 991px) {
	.tabs-section {
		padding: 150px 0 100px;
	}

	.tabset {
		margin: 0 auto 50px;
		left: 30px;
	}

	.tabset:before {
		right: -200px;
	}
}

@media (max-width: 767px) {
	.tabset {
		left: 20px;
	}
}

@media (max-width: 768px) {
	.tabs-section .et_pb_row {
	padding: 0 10px!important;
	
	}
}

@media (max-width: 575px) {
	.tabs-section {
		padding: 50px 0;
	}

	.tabset {
		width: 280px;
		height: 400px;
		margin: 0 auto 43px;
		left: auto;
	}

	.tabset:before {
		top: -145px;
		right: -135px;
		background-image: url(../images/bg-tabs-m.jpg);
		width: 555px;
		height: 545px;
	}

	.tabset li.link01 {
		top: 162px;
		left: auto;
		right: -22px;
	}

	.tabset li.link01 .ico-box {
		margin: 0 10px -26px -10px;
		width: 126px;
		height: 128px;
		background: url(../images/polygon01-m.svg) no-repeat;
	}

	.tabset li.link01 .ico-box:hover {
		background-image: url(../images/polygon01-m-hover.svg);
	}

	.tabset li.link01.active .ico-box {
		background-image: url(../images/polygon01-m-active.svg);
	}

	.tabset li.link01 img {
		margin: -9px -8px 9px 8px;
		max-width: 37px;
	}

	.tabset li.link02 {
		top: 10px;
		right: -27px;
	}

	.tabset li.link02 .ico-box {
		margin: 0 8px -28px -8px;
		width: 128px;
		height: 127px;
		background: url(../images/polygon02-m.svg) no-repeat;
	}

	.tabset li.link02 .ico-box:hover {
		background-image: url(../images/polygon02-m-hover.svg);
	}

	.tabset li.link02.active .ico-box {
		background-image: url(../images/polygon02-m-active.svg);
	}

	.tabset li.link02 img {
		margin: -8px -9px 8px 9px;
		max-width: 36px;
	}

	.tabset li.link03 {
		top: 291px;
		right: 21px;
	}

	.tabset li.link03 .ico-box {
		margin: 0 9px -27px -9px;
		width: 118px;
		height: 122px;
		background: url(../images/polygon03-m.svg) no-repeat;
	}

	.tabset li.link03 .ico-box:hover {
		background-image: url(../images/polygon03-m-hover.svg);
	}

	.tabset li.link03.active .ico-box {
		background-image: url(../images/polygon03-m-active.svg);
	}

	.tabset li.link03 img {
		margin: -9px -10px 9px 10px;
		max-width: 34px;
	}

	.tabset li.link04 {
		top: 107px;
		right: 78px;
	}

	.tabset li.link04 .ico-box {
		margin: 0 10px -26px -10px;
		width: 127px;
		height: 127px;
		background: url(../images/polygon04-m.svg) no-repeat;
	}

	.tabset li.link04 .ico-box:hover {
		background-image: url(../images/polygon04-m-hover.svg);
	}

	.tabset li.link04.active .ico-box {
		background-image: url(../images/polygon04-m-active.svg);
	}

	.tabset li.link04 img {
		margin: -8px -10px 8px 10px;
		max-width: 37px;
	}

	.tabset li.link05 {
		top: 275px;
		left: 7px;
	}

	.tabset li.link05 .ico-box {
		margin: 0 10px -26px -10px;
		width: 120px;
		height: 121px;
		background: url(../images/polygon05-m.svg) no-repeat;
	}

	.tabset li.link05 .ico-box:hover {
		background-image: url(../images/polygon05-m-hover.svg);
	}

	.tabset li.link05.active .ico-box {
		background-image: url(../images/polygon05-m-active.svg);
	}

	.tabset li.link05 img {
		margin: -8px -9px 8px 9px;
		max-width: 33px;
	}

	.tabset li.link06 {
		top: 161px;
		left: -11px;
	}

	.tabset li.link06 .ico-box {
		margin: 0 8px -27px -8px;
		width: 103px;
		height: 103px;
		background: url(../images/polygon06-m.svg) no-repeat;
	}

	.tabset li.link06 .ico-box:hover {
		background-image: url(../images/polygon06-m-hover.svg);
	}

	.tabset li.link06.active .ico-box {
		background-image: url(../images/polygon06-m-active.svg);
	}

	.tabset li.link06 img {
		max-width: 26px;
	}

	.tabset li.link07 {
		top: 7px;
		left: -23px;
	}

	.tabset li.link07 .ico-box {
		margin: 0 -3px -26px 3px;
		width: 126px;
		height: 129px;
		background: url(../images/polygon07-m.svg) no-repeat;
	}

	.tabset li.link07 .ico-box:hover {
		background-image: url(../images/polygon07-m-hover.svg);
	}

	.tabset li.link07.active .ico-box {
		background-image: url(../images/polygon07-m-active.svg);
	}

	.tabset li.link07 img {
		margin: -8px 1px 8px -1px;
		max-width: 34px;
	}

	.tabset li.link08 {
		top: -50px;
		left: 92px;
	}

	.tabset li.link08 .ico-box {
		margin: 0 9px -26px -9px;
		width: 113px;
		height: 114px;
		background: url(../images/polygon08-m.svg) no-repeat;
	}

	.tabset li.link08 .ico-box:hover {
		background-image: url(../images/polygon08-m-hover.svg);
	}

	.tabset li.link08.active .ico-box {
		background-image: url(../images/polygon08-m-active.svg);
	}

	.tabset li.link08 img {
		max-width: 30px;
	}

	.tabset .title {
		font-size: 12px;
	}
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 575px), (min-resolution: 144dpi) and (max-width: 575px) {
	.tabset:before {
		background-image: url(../images/bg-tabs-m@2x.jpg);
	}
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		-webkit-transform: translatey(-15px);
		transform: translatey(-15px);
	}

	100% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}

@keyframes float {
	0% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		-webkit-transform: translatey(-15px);
		transform: translatey(-15px);
	}

	100% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}


.btn-primary {
	color: #fff;
	background-color: #00adbb;
	border-color: #00adbb;
}
.btn-primary:hover {
	color: #fff;
	background-color: #008a95;
	border-color: #007e88;
}
.btn-primary:focus,
.btn-primary.focus {
	box-shadow: 0 0 0 .2rem rgba(0, 173, 187, .5);
}
.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: #00adbb;
	border-color: #00adbb;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #007e88;
	border-color: #00727b;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 173, 187, .5);
}


@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.tabset:before {
		background-image: url(../images/bg-tabs@2x.jpg);
		background-size: 100%;
	}
}

@media (max-width: 991px) {
	.tabs-section {
		padding: 150px 0 100px;
	}

	.tabset {
		margin: 0 auto 50px;
		left: 30px;
	}

	.tabset:before {
		right: -200px;
	}
}

@media (max-width: 767px) {
	.tabset {
		left: 20px;
	}
}

@media (max-width: 575px) {
	.tabs-section {
		padding: 50px 0;
	}

	.tabset {
		width: 280px;
		height: 400px;
		margin: 0 auto 43px;
		left: auto;
	}

	.tabset:before {
		top: -145px;
		right: -135px;
		background-image: url(../images/bg-tabs-m.jpg);
		width: 555px;
		height: 545px;
	}

	.tabset li.link01 {
		top: 162px;
		left: auto;
		right: -22px;
	}

	.tabset li.link01 .ico-box {
		margin: 0 10px -26px -10px;
		width: 126px;
		height: 128px;
		background: url(../images/polygon01-m.svg) no-repeat;
	}

	.tabset li.link01 .ico-box:hover {
		background-image: url(../images/polygon01-m-hover.svg);
	}

	.tabset li.link01.active .ico-box {
		background-image: url(../images/polygon01-m-active.svg);
	}

	.tabset li.link01 img {
		margin: -9px -8px 9px 8px;
		max-width: 37px;
	}

	.tabset li.link02 {
		top: 10px;
		right: -27px;
	}

	.tabset li.link02 .ico-box {
		margin: 0 8px -28px -8px;
		width: 128px;
		height: 127px;
		background: url(../images/polygon02-m.svg) no-repeat;
	}

	.tabset li.link02 .ico-box:hover {
		background-image: url(../images/polygon02-m-hover.svg);
	}

	.tabset li.link02.active .ico-box {
		background-image: url(../images/polygon02-m-active.svg);
	}

	.tabset li.link02 img {
		margin: -8px -9px 8px 9px;
		max-width: 36px;
	}

	.tabset li.link03 {
		top: 291px;
		right: 21px;
	}

	.tabset li.link03 .ico-box {
		margin: 0 9px -27px -9px;
		width: 118px;
		height: 122px;
		background: url(../images/polygon03-m.svg) no-repeat;
	}

	.tabset li.link03 .ico-box:hover {
		background-image: url(../images/polygon03-m-hover.svg);
	}

	.tabset li.link03.active .ico-box {
		background-image: url(../images/polygon03-m-active.svg);
	}

	.tabset li.link03 img {
		margin: -9px -10px 9px 10px;
		max-width: 34px;
	}

	.tabset li.link04 {
		top: 107px;
		right: 78px;
	}

	.tabset li.link04 .ico-box {
		margin: 0 10px -26px -10px;
		width: 127px;
		height: 127px;
		background: url(../images/polygon04-m.svg) no-repeat;
	}

	.tabset li.link04 .ico-box:hover {
		background-image: url(../images/polygon04-m-hover.svg);
	}

	.tabset li.link04.active .ico-box {
		background-image: url(../images/polygon04-m-active.svg);
	}

	.tabset li.link04 img {
		margin: -8px -10px 8px 10px;
		max-width: 37px;
	}

	.tabset li.link05 {
		top: 275px;
		left: 7px;
	}

	.tabset li.link05 .ico-box {
		margin: 0 10px -26px -10px;
		width: 120px;
		height: 121px;
		background: url(../images/polygon05-m.svg) no-repeat;
	}

	.tabset li.link05 .ico-box:hover {
		background-image: url(../images/polygon05-m-hover.svg);
	}

	.tabset li.link05.active .ico-box {
		background-image: url(../images/polygon05-m-active.svg);
	}

	.tabset li.link05 img {
		margin: -8px -9px 8px 9px;
		max-width: 33px;
	}

	.tabset li.link06 {
		top: 161px;
		left: -11px;
	}

	.tabset li.link06 .ico-box {
		margin: 0 8px -27px -8px;
		width: 103px;
		height: 103px;
		background: url(../images/polygon06-m.svg) no-repeat;
	}

	.tabset li.link06 .ico-box:hover {
		background-image: url(../images/polygon06-m-hover.svg);
	}

	.tabset li.link06.active .ico-box {
		background-image: url(../images/polygon06-m-active.svg);
	}

	.tabset li.link06 img {
		max-width: 26px;
	}

	.tabset li.link07 {
		top: 7px;
		left: -23px;
	}

	.tabset li.link07 .ico-box {
		margin: 0 -3px -26px 3px;
		width: 126px;
		height: 129px;
		background: url(../images/polygon07-m.svg) no-repeat;
	}

	.tabset li.link07 .ico-box:hover {
		background-image: url(../images/polygon07-m-hover.svg);
	}

	.tabset li.link07.active .ico-box {
		background-image: url(../images/polygon07-m-active.svg);
	}

	.tabset li.link07 img {
		margin: -8px 1px 8px -1px;
		max-width: 34px;
	}

	.tabset li.link08 {
		top: -50px;
		left: 92px;
	}

	.tabset li.link08 .ico-box {
		margin: 0 9px -26px -9px;
		width: 113px;
		height: 114px;
		background: url(../images/polygon08-m.svg) no-repeat;
	}

	.tabset li.link08 .ico-box:hover {
		background-image: url(../images/polygon08-m-hover.svg);
	}

	.tabset li.link08.active .ico-box {
		background-image: url(../images/polygon08-m-active.svg);
	}

	.tabset li.link08 img {
		max-width: 30px;
	}

	.tabset .title {
		font-size: 12px;
	}
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 575px), (min-resolution: 144dpi) and (max-width: 575px) {
	.tabset:before {
		background-image: url(../images/bg-tabs-m@2x.jpg);
	}
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		-webkit-transform: translatey(-15px);
		transform: translatey(-15px);
	}

	100% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}

.tabset-select {display:none;width:100%
}
@media only screen and (max-device-width : 767px) {
.tabset-select {display:block;}
.tabset {display:none;}
}
<title>07</title>