<style> /*--------------------------------------------------------------------*/<!-- [et_pb_line_break_holder] -->/*----------Tabs Module for Content Navigation by Divi Soup-----------*/<!-- [et_pb_line_break_holder] -->/*--------------------------------------------------------------------*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Remove padding and set the background color for the tabs*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_all_tabs {<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> background: #000!important;<!-- [et_pb_line_break_holder] --> border-top: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_tab, <!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_tabs_controls a, <!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_tabs_controls .et_pb_tab_active a {<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Remove the tabs border*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation.et_pb_tabs {<!-- [et_pb_line_break_holder] --> border: none !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Remove the border for the tab controls*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_tabs_controls ul {<!-- [et_pb_line_break_holder] --> border-bottom: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Style the tabs controls*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation ul.et_pb_tabs_controls {<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> background: transparent;<!-- [et_pb_line_break_holder] --> z-index: 10;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Style the individual tabs controls*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_tabs_controls li {<!-- [et_pb_line_break_holder] --> height: 80px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> padding: 5px 10px !important;<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> -webkit-transition: background 0.3s, color 0.3s;<!-- [et_pb_line_break_holder] --> transition: background 0.3s, color 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Evenly space the tab controls*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Replace the number 8 with the number of tabs you have*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Divide 100 by the number of tabs you have and replace the width value with your result*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_tabs_controls li:first-child:nth-last-child(12),<!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_tabs_controls li:first-child:nth-last-child(12) ~ li {<!-- [et_pb_line_break_holder] --> width: 8.3333%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Position the active tab*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_tabs_controls li.et_pb_tab_active {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> bottom: 0 !important;<!-- [et_pb_line_break_holder] --> height: 80px;<!-- [et_pb_line_break_holder] --> margin-top: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Add the bottom line effect animation to the tabs*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_tabs_controls li:before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 2px;<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> -webkit-transform: scale3d(0, 5, 1);<!-- [et_pb_line_break_holder] --> transform: scale3d(0, 5, 1);<!-- [et_pb_line_break_holder] --> -webkit-transform-origin: 0% 50%;<!-- [et_pb_line_break_holder] --> transform-origin: 0% 50%;<!-- [et_pb_line_break_holder] --> -webkit-transition: -webkit-transform 0.3s;<!-- [et_pb_line_break_holder] --> transition: transform 0.5s;<!-- [et_pb_line_break_holder] --> -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);<!-- [et_pb_line_break_holder] --> transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Animate the bottom line effect*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation .et_pb_tabs_controls li.et_pb_tab_active:before {<!-- [et_pb_line_break_holder] --> -webkit-transform: scale3d(1, 1, 1);<!-- [et_pb_line_break_holder] --> transform: scale3d(1, 1, 1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Set the tab image to fullwidth for larger screens*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation img.ds-tabs-image {<!-- [et_pb_line_break_holder] --> width: 100% !important;<!-- [et_pb_line_break_holder] --> margin-bottom: -10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Style the tab text content*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation div.ds-tabs-text {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> background: rgba(0,149,186,0.7);<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation div.ds-tabs-text a,<!-- [et_pb_line_break_holder] -->.ds-tab-navigation div.ds-tabs-text h2 {<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> text-transform:none!important ;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Style the tab text links*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation div.ds-tabs-text a {<!-- [et_pb_line_break_holder] --> padding: 10px 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Add the bottom line effect animation to the tab text links*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation div.ds-tabs-text a:before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> left: 40%;<!-- [et_pb_line_break_holder] --> width: 20%;<!-- [et_pb_line_break_holder] --> height: 2px;<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> -webkit-transform: scale3d(0, 5, 1);<!-- [et_pb_line_break_holder] --> transform: scale3d(0, 5, 1);<!-- [et_pb_line_break_holder] --> -webkit-transform-origin: 0% 50%;<!-- [et_pb_line_break_holder] --> transform-origin: 0% 50%;<!-- [et_pb_line_break_holder] --> -webkit-transition: -webkit-transform 0.3s;<!-- [et_pb_line_break_holder] --> transition: transform 0.5s;<!-- [et_pb_line_break_holder] --> -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);<!-- [et_pb_line_break_holder] --> transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Animate the bottom line effect on the tab text links*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-tab-navigation div.ds-tabs-text a:hover:before {<!-- [et_pb_line_break_holder] --> -webkit-transform: scale3d(1, 1, 1);<!-- [et_pb_line_break_holder] --> transform: scale3d(1, 1, 1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Adjust for smaller screens*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*This creates two rows of tabs, set the width percentage based on the number of tabs you want on each row, 25% = 4 tabs*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 1280px) {<!-- [et_pb_line_break_holder] --> .ds-tab-navigation .et_pb_tabs_controls li:first-child:nth-last-child(8),<!-- [et_pb_line_break_holder] --> .ds-tab-navigation .et_pb_tabs_controls li:first-child:nth-last-child(8) ~ li {<!-- [et_pb_line_break_holder] --> width: 25%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .ds-tab-navigation .et_pb_tabs_controls li,<!-- [et_pb_line_break_holder] --> .ds-tab-navigation .et_pb_tabs_controls li.et_pb_tab_active {<!-- [et_pb_line_break_holder] --> height: 40px;<!-- [et_pb_line_break_holder] --> /*set the height of the tabs when using multiple rows*/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 1023px) {<!-- [et_pb_line_break_holder] --> .ds-tab-navigation ul.et_pb_tabs_controls {<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .ds-tab-navigation div.ds-tabs-text h2 {<!-- [et_pb_line_break_holder] --> font-size: 80%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .ds-tab-navigation div.ds-tabs-text a {<!-- [et_pb_line_break_holder] --> font-size: 70%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .ds-tab-navigation div.ds-tabs-text p {<!-- [et_pb_line_break_holder] --> line-height: 1em !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*At this breakpoint, the tabs will stack one on top of the other, set the height of the tabs based on how many you have, 100 / 8 = 12.5*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 766px) {<!-- [et_pb_line_break_holder] --> .ds-tab-navigation .et_pb_tabs_controls li,<!-- [et_pb_line_break_holder] --> .ds-tab-navigation .et_pb_tabs_controls li.et_pb_tab_active {<!-- [et_pb_line_break_holder] --> height: 12.5%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .ds-tab-navigation p.ds-tabs-body {<!-- [et_pb_line_break_holder] --> font-size: 70%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .ds-tab-navigation .et_pb_tabs_controls li a {<!-- [et_pb_line_break_holder] --> font-size: 70%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .ds-tab-navigation div.ds-tabs-text {<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] --> width: 75%;<!-- [et_pb_line_break_holder] --> padding: 10px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Hide the body text on smaller mobiles*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 500px) {<!-- [et_pb_line_break_holder] --> .ds-tab-navigation p.ds-tabs-body {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .ds-tab-navigation .et_pb_tabs_controls li a {<!-- [et_pb_line_break_holder] --> font-size: 50% !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*--------------------------------------------------------------------*/<!-- [et_pb_line_break_holder] -->/*--------End Tabs Module for Content Navigation by Divi Soup---------*/<!-- [et_pb_line_break_holder] -->/*--------------------------------------------------------------------*/</style>