.tabs-general {
	padding-bottom: 0px;
}

.tabs-general .info {
position: relative;
}

.tab-arrows {
position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 35px;
    width: 100%;
}

.prev-tb-1 {
      bottom: 0;
    height: 25px;
    left: -50px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 25px;
    z-index: 9;
    transition: .3s ease-in-out;
}

.next-tb-1 {
      bottom: 0;
    height: 25px;
    margin: auto;
    position: absolute;
    right: -50px;
    top: 0;
    width: 25px;
    z-index: 9;
  transition: .3s ease-in-out;
}

.next-tb-1:hover  , .prev-tb-1:hover  {
  opacity: .7;
  cursor: pointer;
}

@media(max-width: 1300px) {
.tab-arrows {
    width: calc(100% - 40px);
  }
  .tabs-general .info {
    padding: 0 40px;
}
  
  .prev-tb-1  {
  left: -40px;
  }
  .next-tb-1  {
  right: 0;
  }

}


@media screen and (max-width: 640px) {
	.tabs-general {
		padding-bottom: 30px;
	}
	.tabs-general h2 {
		background: transparent;

	}
}
@media(max-width: 600px) {

  .prev-tb-1 svg {
  width: 100%;
  }
  
   .prev-tb-1 {
  width: 15px;
     left: -35px;
  }
  
     .next-tb-1 {
  width: 15px;
       right: 5px;
  }
  
  
  
    .next-tb-1 svg {
    width: 100%;
  }
}

.tabs-general .tabs {
	margin-bottom: 30px;
}
@media screen and (max-width: 900px) {
	.tabs-general .tabs {
		margin: 30px 0 30px 0;
	}
}
.tabbies .tabs .tab {
	padding: 5px 30px;
	min-width: 150px;
}
.tabbies .tabs .tab .text {
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
}
@media screen and (max-width: 900px) {
	.tabbies .tabs .tab {
		padding: 5px 30px;
		min-width: unset;
	}
}
.tabs-general .tabs .tab.active-tab * {
	color: #fff;
	transition: .35s;
	
}

.tabs-general .tabs {
  max-width: 100%;
}


.tabs-general .info div[data-tabid] {
	display: none;
}
.tabs-general .info div[data-tabid].active-tab {
	display: block;
}
.tabs-general .tab-list__wrap {
	display: inline-block;
	vertical-align: top;
	max-width: calc(50% - 2px);
}
@media screen and (max-width: 640px) {
	.tabs-general .tab-list__wrap {
		display: block;
		max-width: unset;
	}
}
.tabs-general .button {
	margin-top: 30px;
}

.tabs-general .data {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 900px) {
	.tabs-general .data {
		display: block;
	}
}
.tabs-general .data > * {
	width: calc(50% - 30px);
}
@media screen and (max-width: 900px) {
	.tabs-general .data > * {
		width: 100%;
	}
}
.tabs-general .data img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 900px) {
	.tabs-general .data img {
		margin-bottom: 15px;
	}
}
.tabs-general .data h3 {
	padding-bottom: 15px;
}


.tabs-general .tabs-play-button:after {
	content: " ";
    background: url(https://cdn2.hubspot.net/hubfs/2596302/video-play-svg.svg) no-repeat center center;
    width: 51px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: 0 auto;
}


.p1-tabs.tabbies .tabs .tab {
    background: #0054a6;
  color: #fff;
border: 0;
}
.p1-tabs.tabbies .tabs .tab.active-tab , .p1-tabs.tabs-general .tabs .tab.active-tab * {
   color: #0054a6;
  background: #fff;
}
.p1-tabs.tabbies .tabs {
border: 0;
  background: transparent;
}



.p1-tabs.tabbies .tabs .tab {
    min-width: 183px;
    padding: 14px 30px;
}


.p1-tabs.tabbies.tabs-general .tabs {
    margin: 30px 0 40px 0;
  width: 100%;
}


@media(min-width: 789px) {
  .p1-tabs.tabs-general .data .image {
  order: 2;
  }


}


@media(max-width: 1000px) {
  .p1-tabs.tabs-general .data .image {
  
  text-align: center;
  }
  .p1-tabs.tabs-general .data .image img {
max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }

}


@media(max-width: 1200px) {
.p1-tabs.tabbies .tabs .tab {
    min-width: 86px;
    padding: 14px 20px;
}
}


@media(max-width: 1000px) {
.p1-tabs.tabbies .tabs .tab {
    min-width: 86px;
    padding: 14px 15px;
}
}


@media(max-width: 800px) {
.p1-tabs.tabbies .tabs .tab {
    min-width: 86px;
    padding: 14px 11px;
}
}

@media(min-width: 1100px) {
.tabbies .tabs .tab .text {
  font-size: 14px;
}
}


.p1-tabs h3 {
text-transform: uppercase;
}


/* Targeting scrollbars within .tabs class for WebKit browsers like Chrome, Safari, and newer versions of Edge */
.tabs::-webkit-scrollbar {
    width: 12px;  /* Vertical scrollbar thickness */
    height: 12px; /* Horizontal scrollbar thickness */
}

.tabs::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the scrollbar track */
}

.tabs::-webkit-scrollbar-thumb {
    background-color: #ed8b00; /* Color of the scroll thumb */
    border-radius: 6px; /* Roundness of the scroll thumb */
    border: 3px solid #f1f1f1; /* Creates padding around the scroll thumb */
}

.tabs::-webkit-scrollbar-thumb:hover {
    background-color: #cc7a00; /* Darker shade of orange when hovering over the scroll thumb */
}

/* For Firefox */
.tabs {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: #ed8b00 #f1f1f1; /* thumb and track color */
}


@media screen and (max-width: 640px) {
  
 .p1-tabs.tabbies .tabs .tab {
        min-width: 41%;
        padding: 7px 9px;
    }
}

  .tabbies div.tabs {
    overflow-x: auto;
    flex-wrap: wrap;
  }
}