body {
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
   background-color: #FFFFFF;
}

/* ====================================================================== */
/* ===== CÓDIGO CSS DEFINITIVO PARA LA CABECERA Y MENÚ ===== */
/* ====================================================================== */

/* --- CONTENEDOR DE LA CABECERA --- */
#header-container {
    background-color: #191970;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#logo img {
    max-width: 180px;
    height: auto;
    display: block;
}

/* --- MENÚ DE NAVEGACIÓN --- */
.navbar { position: relative; }
.navbar-nav { margin: 0; padding: 0; list-style: none; display: flex; }
.nav-item { position: relative; }
.nav-link {
    display: block; padding: 10px 15px; font-size: 19px; text-decoration: none;
    color: white; background-color: #191970; transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
}
.nav-link .arrow {
    display: inline-block; margin-left: 5px; vertical-align: middle;
    border-top: 5px solid white; border-right: 5px solid transparent; border-left: 5px solid transparent;
    transition: border-top-color 0.3s;
}

/* --- SUBMENÚ --- */
.dropdown-menu {
    display: none; position: absolute; background-color: #ffffff;
    border: 1px solid #191970; z-index: 1000; min-width: 100%;
    list-style: none; padding: 5px 0; margin: 0; border-radius: 4px;
}
.dropdown-menu a {
    padding: 12px 20px; font-size: 19px; color: #191970;
    white-space: nowrap; background-color: transparent;
}

/* --- HAMBURGER TOGGLE (BOTÓN MÓVIL) --- */
.navbar-toggle { display: none; }
.submenu-toggle { display: none; }

/* --- ESTILOS PARA ESCRITORIO (min-width: 768px) --- */
@media (min-width: 768px) {
    .nav-item:hover .dropdown-menu { display: block; }
    .nav-link:hover { background-color: white; color: #191970; }
    .nav-link:hover .arrow { border-top-color: #191970; }
    .dropdown-menu a:hover { background-color: #191970; color: white; }
}

/* --- AJUSTE FINAL DE ALTURA PARA LA BARRA DE NAVEGACIÓN EN ESCRITORIO --- */
@media (min-width: 768px) {
    #header-container { padding-top: 5px; padding-bottom: 5px; transition: padding 0.3s ease; }
    #logo img { max-height: 40px; transition: max-height 0.3s ease; }
}


#wb_service1LayoutGrid1 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service1LayoutGrid1 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service1LayoutGrid1 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service1LayoutGrid1 > .row > .col-1 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service1LayoutGrid1 > .row > .col-1 {
   float: left;
}
#service1LayoutGrid1 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 100%;
   background-color: transparent;
}
#service1LayoutGrid1:before,
#service1LayoutGrid1:after,
#service1LayoutGrid1 .row:before,
#service1LayoutGrid1 .row:after {
   content: " ";
   display: table;
}
#service1LayoutGrid1:after,
#service1LayoutGrid1 .row:after {
   clear: both;
}

#wb_indexHeading8 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 10px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-align: center;
   vertical-align: top;
   background-color: transparent;
}
#indexHeading8 {
   font-family: Arial;
   font-size: 27px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: center;
   text-transform: none;
   color: #191970;
}
#wb_indexText10 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #C0C0C0;
   margin: 0;
   padding: 10px 0px 0px 0px;
   text-align: center;
   background-color: transparent;
}
#wb_indexText10 div {
   text-align: center;
}
#wb_indexText10 {
   box-sizing: border-box;
   width: 100%;
   display: block;
}
#wb_indexText11 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #C0C0C0;
   margin: 0;
   padding: 10px 0px 0px 0px;
   text-align: center;
   background-color: transparent;
}
#wb_indexText11 div {
   text-align: center;
}
#wb_indexText11 {
   box-sizing: border-box;
   width: 100%;
   display: block;
}
#wb_indexText12 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #C0C0C0;
   margin: 0;
   padding: 10px 0px 0px 0px;
   text-align: center;
   background-color: transparent;
}
#wb_indexText12 div {
   text-align: center;
}
#wb_indexText12 {
   box-sizing: border-box;
   width: 100%;
   display: block;
}
#wb_indexText13 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #C0C0C0;
   margin: 0;
   padding: 10px 0px 0px 0px;
   text-align: center;
   background-color: transparent;
}
#wb_indexText13 div {
   text-align: center;
}
#wb_indexText13 {
   box-sizing: border-box;
   width: 100%;
   display: block;
}
#wb_indexText14 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #C0C0C0;
   margin: 0;
   padding: 10px 0px 0px 0px;
   text-align: center;
   background-color: transparent;
}
#wb_indexText14 div {
   text-align: center;
}
#wb_indexText14 {
   box-sizing: border-box;
   width: 100%;
   display: block;
}
#wb_indexText15 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #C0C0C0;
   margin: 0;
   padding: 10px 0px 0px 0px;
   text-align: center;
   background-color: transparent;
}
#wb_indexText15 div {
   text-align: center;
}
#wb_indexText15 {
   box-sizing: border-box;
   width: 100%;
   display: block;
}
#wb_indexLayoutGrid5 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#indexLayoutGrid5 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#indexLayoutGrid5 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#indexLayoutGrid5 > .row > .col-1 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#indexLayoutGrid5 > .row > .col-1 {
   float: left;
}
#indexLayoutGrid5 > .row > .col-1 {
   background-image: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
}
#indexLayoutGrid5:before,
#indexLayoutGrid5:after,
#indexLayoutGrid5 .row:before,
#indexLayoutGrid5 .row:after {
   content: " ";
   display: table;
}
#indexLayoutGrid5:after,
#indexLayoutGrid5 .row:after {
   clear: both;
}

#wb_indexLayoutGrid6 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#indexLayoutGrid6 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#indexLayoutGrid6 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#indexLayoutGrid6 > .row > .col-1 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#indexLayoutGrid6 > .row > .col-1 {
   float: left;
}
#indexLayoutGrid6 > .row > .col-1 {
   background-image: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
}
#indexLayoutGrid6:before,
#indexLayoutGrid6:after,
#indexLayoutGrid6 .row:before,
#indexLayoutGrid6 .row:after {
   content: " ";
   display: table;
}
#indexLayoutGrid6:after,
#indexLayoutGrid6 .row:after {
   clear: both;
}

#wb_indexLayoutGrid7 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#indexLayoutGrid7 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#indexLayoutGrid7 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#indexLayoutGrid7 > .row > .col-1 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#indexLayoutGrid7 > .row > .col-1 {
   float: left;
}
#indexLayoutGrid7 > .row > .col-1 {
   background-image: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
}
#indexLayoutGrid7:before,
#indexLayoutGrid7:after,
#indexLayoutGrid7 .row:before,
#indexLayoutGrid7 .row:after {
   content: " ";
   display: table;
}
#indexLayoutGrid7:after,
#indexLayoutGrid7 .row:after {
   clear: both;
}

#wb_indexLayoutGrid9 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#indexLayoutGrid9 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#indexLayoutGrid9 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#indexLayoutGrid9 > .row > .col-1 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#indexLayoutGrid9 > .row > .col-1 {
   float: left;
}
#indexLayoutGrid9 > .row > .col-1 {
   background-image: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
}
#indexLayoutGrid9:before,
#indexLayoutGrid9:after,
#indexLayoutGrid9 .row:before,
#indexLayoutGrid9 .row:after {
   content: " ";
   display: table;
}
#indexLayoutGrid9:after,
#indexLayoutGrid9 .row:after {
   clear: both;
}

#wb_indexLayoutGrid8 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#indexLayoutGrid8 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#indexLayoutGrid8 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#indexLayoutGrid8 > .row > .col-1 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#indexLayoutGrid8 > .row > .col-1 {
   float: left;
}
#indexLayoutGrid8 > .row > .col-1 {
   background-image: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
}
#indexLayoutGrid8:before,
#indexLayoutGrid8:after,
#indexLayoutGrid8 .row:before,
#indexLayoutGrid8 .row:after {
   content: " ";
   display: table;
}
#indexLayoutGrid8:after,
#indexLayoutGrid8 .row:after {
   clear: both;
}

#wb_indexLayoutGrid19 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#indexLayoutGrid19 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#indexLayoutGrid19 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#indexLayoutGrid19 > .row > .col-1 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#indexLayoutGrid19 > .row > .col-1 {
   float: left;
}
#indexLayoutGrid19 > .row > .col-1 {
   background-image: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
}
#indexLayoutGrid19:before,
#indexLayoutGrid19:after,
#indexLayoutGrid19 .row:before,
#indexLayoutGrid19 .row:after {
   content: " ";
   display: table;
}
#indexLayoutGrid19:after,
#indexLayoutGrid19 .row:after {
   clear: both;
}


#indexFlexGrid3 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   font-size: 0;
   grid-column-gap: 5px;
   grid-row-gap: 5px;
   grid-template-areas: "header header header header header header" "site1 site2 site3 site4 site5 site6" "legend1 legend2 legend3 legend4 legend5 legend6";
   grid-template-columns: 16% 16% 17% 17% 17% 17%;
   grid-template-rows: 20% 65% 15%;
   margin: 0;
   padding: 0px 0px 0px 0px;
   display: grid;
}

#indexFlexGrid3 [onclick] {
    cursor: pointer;
}

#indexFlexGrid3 .header {
   align-content: center;
   align-items: center;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: header;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .site1 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: site1;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .site2 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: site2;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .site3 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: site3;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .site4 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: site4;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .site5 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: site5;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .site6 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: site6;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .legend1 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: legend1;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .legend2 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: legend2;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .legend3 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: legend3;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .legend4 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: legend4;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .legend5 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: legend5;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#indexFlexGrid3 .legend6 {
   align-content: flex-start;
   align-items: flex-start;
   background-color: transparent;
   background-image: none;
   flex-direction: row;
   flex-wrap: wrap;
   grid-area: legend6;
   justify-content: center;
   padding: 0px 0px 0px 0px;
   display: flex;
}
#wb_indexLayoutGrid20 {
   background-color: #191970;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#indexLayoutGrid20 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#indexLayoutGrid20 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#indexLayoutGrid20 > .row > .col-1 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#indexLayoutGrid20 > .row > .col-1 {
   float: left;
}
#indexLayoutGrid20 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 100%;
   background-color: transparent;
}
#indexLayoutGrid20:before,
#indexLayoutGrid20:after,
#indexLayoutGrid20 .row:before,
#indexLayoutGrid20 .row:after {
   content: " ";
   display: table;
}
#indexLayoutGrid20:after,
#indexLayoutGrid20 .row:after {
   clear: both;
}

#service1Tabs1.ui-widget {
   font-size: 1em  !important;
}
#service1Tabs1 {
   background-image: none;
   border: 1px solid #DDDDDD;
   box-sizing: border-box;
   margin: 0;
   padding: 4px 4px 4px 4px;
   background-color: #FFFFFF;
}
#service1Tabs1 .ui-tabs-nav {
   font-size: 13px;
   font-weight: normal;
   line-height: 1.0;
   margin: 0;
   padding: 4px 4px 0px 4px;
   font-family: Arial;
}
#service1Tabs1 .ui-tabs-nav li {
   font-size: 13px;
   font-style: normal;
   font-weight: bold;
   margin: 0px 2px -1px 0px;
   text-align: left;
   font-family: Arial;
}
#service1Tabs1 .ui-tabs-nav li a {
   padding: 8px 10px 8px 10px;
}
#service1Tabs1,
#service1Tabs1 .ui-corner-all,
#service1Tabs1 .ui-corner-top {
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}
#service1Tabs1,
#service1Tabs1 .ui-corner-all,
#service1Tabs1 .ui-corner-bottom {
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}
#service1Tabs1 .ui-helper-reset {
   line-height: 16px;
}
#service1Tabs1 .ui-widget-header {
   background-color: #E9E9E9;
   background-image: none;
   border: 1px solid #DDDDDD;
}
#service1Tabs1 .ui-state-default,
#service1Tabs1 .ui-widget-content .ui-state-default {
   background-color: #F6F6F6;
   background-image: none;
   border-color: #C5C5C5;
}
#service1Tabs1 .ui-state-hover,
#service1Tabs1 .ui-widget-content .ui-state-hover {
   background-color: #EDEDED;
   background-image: none;
   border-color: #CCCCCC;
}
#service1Tabs1 .ui-state-active,
#service1Tabs1 .ui-widget-content .ui-state-active {
   background-color: #191970;
   background-image: none;
   border-color: #2E6DA4;
}
#service1Tabs1 .ui-state-default a,
#service1Tabs1 .ui-widget-content .ui-state-default a {
   color: #191970;
}
#service1Tabs1 .ui-state-hover a,
#service1Tabs1 .ui-widget-content .ui-state-hover a {
   color: #191970;
}
#service1Tabs1 .ui-state-active a,
#service1Tabs1 .ui-widget-content .ui-state-active a {
   color: #FFFFFF;
}
#service1Tabs1 .ui-widget-content {
   text-align: left;
   font-size: 0;
}
#service1Tabs1 .ui-tabs-panel {
   padding: 0px 0px 0px 0px;
   overflow: auto;
}
#service1Tabs1 .description {
   font-size: 13px;
   font-style: italic;
   font-weight: bold;
}
#wb_service1Heading6 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 20px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service1Heading6 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service1Line12 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service1Select4 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service1Select4:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#wb_service1Heading7 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 2px 0px 3px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service1Heading7 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service1Line13 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service1Line14 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service1Heading8 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 3px 0px 4px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service1Heading8 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service1Select5 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service1Select5:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service1Line15 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service1Heading9 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 2px 0px 3px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service1Heading9 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service1Line16 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service1Select6 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service1Select6:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#wb_service1Heading10 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service1Heading10 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line9 {
   border-bottom-width: 46px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3Line10 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3LayoutGrid3 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service3LayoutGrid3 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service3LayoutGrid3 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service3LayoutGrid3 > .row > .col-1,
#service3LayoutGrid3 > .row > .col-2 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service3LayoutGrid3 > .row > .col-1,
#service3LayoutGrid3 > .row > .col-2 {
   float: left;
}
#service3LayoutGrid3 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 50%;
   background-color: transparent;
}
#service3LayoutGrid3 > .row > .col-2 {
   background-image: none;
   text-align: left;
   width: 50%;
   background-color: transparent;
}
#service3LayoutGrid3:before,
#service3LayoutGrid3:after,
#service3LayoutGrid3 .row:before,
#service3LayoutGrid3 .row:after {
   content: " ";
   display: table;
}
#service3LayoutGrid3:after,
#service3LayoutGrid3 .row:after {
   clear: both;
}

#wb_service3LayoutGrid4 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service3LayoutGrid4 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service3LayoutGrid4 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service3LayoutGrid4 > .row > .col-1,
#service3LayoutGrid4 > .row > .col-2 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service3LayoutGrid4 > .row > .col-1,
#service3LayoutGrid4 > .row > .col-2 {
   float: left;
}
#service3LayoutGrid4 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 41.66666667%;
   background-color: transparent;
}
#service3LayoutGrid4 > .row > .col-2 {
   background-image: none;
   text-align: left;
   width: 58.33333333%;
   background-color: transparent;
}
#service3LayoutGrid4:before,
#service3LayoutGrid4:after,
#service3LayoutGrid4 .row:before,
#service3LayoutGrid4 .row:after {
   content: " ";
   display: table;
}
#service3LayoutGrid4:after,
#service3LayoutGrid4 .row:after {
   clear: both;
}

#service3FlexBoxContainer1 {
   align-content: flex-start;
   align-items: center;
   background-color: transparent;
   background-image: none;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   flex-direction: row;
   flex-wrap: nowrap;
   font-size: 0;
   justify-content: space-around;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: relative;
   display: flex;
}
#service3FlexBoxContainer2 {
   align-content: flex-start;
   align-items: center;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   flex-direction: row;
   flex-wrap: nowrap;
   font-size: 0;
   justify-content: space-around;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: relative;
   display: flex;
}
#service3Line11 {
   align-self: auto;
   border-bottom-width: 349px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   flex-grow: 0;
   flex-shrink: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(233, 233, 233, 1.00);
}
#service3Line12 {
   align-self: auto;
   border-bottom-width: 570px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   flex-grow: 0;
   flex-shrink: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(233, 233, 233, 1.00);
}
#wb_indexText16 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #C0C0C0;
   margin: 0;
   padding: 20px 0px 10px 0px;
   text-align: left;
   background-color: transparent;
}
#wb_indexText16 div {
   text-align: left;
}
#wb_indexText16 {
   box-sizing: border-box;
   width: 100%;
   display: block;
}
#wb_service3LayoutGrid1 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service3LayoutGrid1 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service3LayoutGrid1 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service3LayoutGrid1 > .row > .col-1,
#service3LayoutGrid1 > .row > .col-2 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service3LayoutGrid1 > .row > .col-1,
#service3LayoutGrid1 > .row > .col-2 {
   float: left;
}
#service3LayoutGrid1 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 41.66666667%;
   background-color: transparent;
}
#service3LayoutGrid1 > .row > .col-2 {
   background-image: none;
   text-align: left;
   width: 58.33333333%;
   background-color: transparent;
}
#service3LayoutGrid1:before,
#service3LayoutGrid1:after,
#service3LayoutGrid1 .row:before,
#service3LayoutGrid1 .row:after {
   content: " ";
   display: table;
}
#service3LayoutGrid1:after,
#service3LayoutGrid1 .row:after {
   clear: both;
}

#wb_service3Heading1 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 20px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading1 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line1 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3LayoutGrid2 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service3LayoutGrid2 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service3LayoutGrid2 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service3LayoutGrid2 > .row > .col-1,
#service3LayoutGrid2 > .row > .col-2 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service3LayoutGrid2 > .row > .col-1,
#service3LayoutGrid2 > .row > .col-2 {
   float: left;
}
#service3LayoutGrid2 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 50%;
   background-color: transparent;
}
#service3LayoutGrid2 > .row > .col-2 {
   background-image: none;
   text-align: left;
   width: 50%;
   background-color: transparent;
}
#service3LayoutGrid2:before,
#service3LayoutGrid2:after,
#service3LayoutGrid2 .row:before,
#service3LayoutGrid2 .row:after {
   content: " ";
   display: table;
}
#service3LayoutGrid2:after,
#service3LayoutGrid2 .row:after {
   clear: both;
}

#wb_service3Heading2 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 2px 0px 3px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading2 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line2 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading3 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 3px 0px 4px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading3 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line3 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading4 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 2px 0px 3px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading4 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Select1 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select1:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line4 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3Select2 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select2:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line5 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3Select3 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select3:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line6 {
   border-bottom-width: 46px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading5 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading5 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line7 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3FlexBoxContainer3 {
   align-content: flex-start;
   align-items: center;
   background-color: transparent;
   background-image: none;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   flex-direction: row;
   flex-wrap: nowrap;
   font-size: 0;
   justify-content: space-around;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: relative;
   display: flex;
}
#service3Line8 {
   align-self: auto;
   border-bottom-width: 349px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   flex-grow: 0;
   flex-shrink: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(233, 233, 233, 1.00);
}
#service3FlexBoxContainer4 {
   align-content: flex-start;
   align-items: center;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   flex-direction: row;
   flex-wrap: nowrap;
   font-size: 0;
   justify-content: space-around;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: relative;
   display: flex;
}
#service3Line13 {
   align-self: auto;
   border-bottom-width: 570px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   flex-grow: 0;
   flex-shrink: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(233, 233, 233, 1.00);
}
#wb_service3LayoutGrid5 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service3LayoutGrid5 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service3LayoutGrid5 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service3LayoutGrid5 > .row > .col-1,
#service3LayoutGrid5 > .row > .col-2 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service3LayoutGrid5 > .row > .col-1,
#service3LayoutGrid5 > .row > .col-2 {
   float: left;
}
#service3LayoutGrid5 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 41.66666667%;
   background-color: transparent;
}
#service3LayoutGrid5 > .row > .col-2 {
   background-image: none;
   text-align: left;
   width: 58.33333333%;
   background-color: transparent;
}
#service3LayoutGrid5:before,
#service3LayoutGrid5:after,
#service3LayoutGrid5 .row:before,
#service3LayoutGrid5 .row:after {
   content: " ";
   display: table;
}
#service3LayoutGrid5:after,
#service3LayoutGrid5 .row:after {
   clear: both;
}

#wb_service3Heading6 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 20px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading6 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line14 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3LayoutGrid6 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service3LayoutGrid6 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service3LayoutGrid6 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service3LayoutGrid6 > .row > .col-1,
#service3LayoutGrid6 > .row > .col-2 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service3LayoutGrid6 > .row > .col-1,
#service3LayoutGrid6 > .row > .col-2 {
   float: left;
}
#service3LayoutGrid6 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 50%;
   background-color: transparent;
}
#service3LayoutGrid6 > .row > .col-2 {
   background-image: none;
   text-align: left;
   width: 50%;
   background-color: transparent;
}
#service3LayoutGrid6:before,
#service3LayoutGrid6:after,
#service3LayoutGrid6 .row:before,
#service3LayoutGrid6 .row:after {
   content: " ";
   display: table;
}
#service3LayoutGrid6:after,
#service3LayoutGrid6 .row:after {
   clear: both;
}

#wb_service3Heading7 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 2px 0px 3px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading7 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line15 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading8 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 3px 0px 4px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading8 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line16 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading9 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 2px 0px 3px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading9 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Select4 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select4:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line17 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3Select5 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select5:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line18 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3Select6 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select6:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line19 {
   border-bottom-width: 46px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading10 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading10 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line20 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3FlexBoxContainer5 {
   align-content: flex-start;
   align-items: center;
   background-color: transparent;
   background-image: none;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   flex-direction: row;
   flex-wrap: nowrap;
   font-size: 0;
   justify-content: space-around;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: relative;
   display: flex;
}
#service3Line21 {
   align-self: auto;
   border-bottom-width: 349px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   flex-grow: 0;
   flex-shrink: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(233, 233, 233, 1.00);
}
#service3FlexBoxContainer6 {
   align-content: flex-start;
   align-items: center;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   flex-direction: row;
   flex-wrap: nowrap;
   font-size: 0;
   justify-content: space-around;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: relative;
   display: flex;
}
#service3Line22 {
   align-self: auto;
   border-bottom-width: 570px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   flex-grow: 0;
   flex-shrink: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(233, 233, 233, 1.00);
}
#wb_service3LayoutGrid7 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service3LayoutGrid7 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service3LayoutGrid7 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service3LayoutGrid7 > .row > .col-1,
#service3LayoutGrid7 > .row > .col-2 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service3LayoutGrid7 > .row > .col-1,
#service3LayoutGrid7 > .row > .col-2 {
   float: left;
}
#service3LayoutGrid7 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 41.66666667%;
   background-color: transparent;
}
#service3LayoutGrid7 > .row > .col-2 {
   background-image: none;
   text-align: left;
   width: 58.33333333%;
   background-color: transparent;
}
#service3LayoutGrid7:before,
#service3LayoutGrid7:after,
#service3LayoutGrid7 .row:before,
#service3LayoutGrid7 .row:after {
   content: " ";
   display: table;
}
#service3LayoutGrid7:after,
#service3LayoutGrid7 .row:after {
   clear: both;
}

#wb_service3Heading11 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 20px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading11 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line23 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3LayoutGrid8 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service3LayoutGrid8 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service3LayoutGrid8 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service3LayoutGrid8 > .row > .col-1,
#service3LayoutGrid8 > .row > .col-2 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service3LayoutGrid8 > .row > .col-1,
#service3LayoutGrid8 > .row > .col-2 {
   float: left;
}
#service3LayoutGrid8 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 50%;
   background-color: transparent;
}
#service3LayoutGrid8 > .row > .col-2 {
   background-image: none;
   text-align: left;
   width: 50%;
   background-color: transparent;
}
#service3LayoutGrid8:before,
#service3LayoutGrid8:after,
#service3LayoutGrid8 .row:before,
#service3LayoutGrid8 .row:after {
   content: " ";
   display: table;
}
#service3LayoutGrid8:after,
#service3LayoutGrid8 .row:after {
   clear: both;
}

#wb_service3Heading12 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 2px 0px 3px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading12 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line24 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading13 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 3px 0px 4px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading13 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line25 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading14 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 2px 0px 3px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading14 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Select7 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select7:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line26 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3Select8 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select8:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line27 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3Select9 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select9:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line28 {
   border-bottom-width: 46px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading15 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading15 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line29 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3FlexBoxContainer7 {
   align-content: flex-start;
   align-items: center;
   background-color: transparent;
   background-image: none;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   flex-direction: row;
   flex-wrap: nowrap;
   font-size: 0;
   justify-content: space-around;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: relative;
   display: flex;
}
#service3Line30 {
   align-self: auto;
   border-bottom-width: 349px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   flex-grow: 0;
   flex-shrink: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(233, 233, 233, 1.00);
}
#service3FlexBoxContainer8 {
   align-content: flex-start;
   align-items: center;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   flex-direction: row;
   flex-wrap: nowrap;
   font-size: 0;
   justify-content: space-around;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: relative;
   display: flex;
}
#service3Line31 {
   align-self: auto;
   border-bottom-width: 570px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   flex-grow: 0;
   flex-shrink: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(233, 233, 233, 1.00);
}
#wb_service3LayoutGrid9 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service3LayoutGrid9 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service3LayoutGrid9 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service3LayoutGrid9 > .row > .col-1,
#service3LayoutGrid9 > .row > .col-2 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service3LayoutGrid9 > .row > .col-1,
#service3LayoutGrid9 > .row > .col-2 {
   float: left;
}
#service3LayoutGrid9 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 41.66666667%;
   background-color: transparent;
}
#service3LayoutGrid9 > .row > .col-2 {
   background-image: none;
   text-align: left;
   width: 58.33333333%;
   background-color: transparent;
}
#service3LayoutGrid9:before,
#service3LayoutGrid9:after,
#service3LayoutGrid9 .row:before,
#service3LayoutGrid9 .row:after {
   content: " ";
   display: table;
}
#service3LayoutGrid9:after,
#service3LayoutGrid9 .row:after {
   clear: both;
}

#wb_service3Heading16 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 20px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading16 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line32 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3LayoutGrid10 {
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   clear: both;
}
#service3LayoutGrid10 {
   margin-left: auto;
   margin-right: auto;
   padding: 0px 15px 0px 15px;
   box-sizing: border-box;
}
#service3LayoutGrid10 > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#service3LayoutGrid10 > .row > .col-1,
#service3LayoutGrid10 > .row > .col-2 {
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   box-sizing: border-box;
}
#service3LayoutGrid10 > .row > .col-1,
#service3LayoutGrid10 > .row > .col-2 {
   float: left;
}
#service3LayoutGrid10 > .row > .col-1 {
   background-image: none;
   text-align: left;
   width: 50%;
   background-color: transparent;
}
#service3LayoutGrid10 > .row > .col-2 {
   background-image: none;
   text-align: left;
   width: 50%;
   background-color: transparent;
}
#service3LayoutGrid10:before,
#service3LayoutGrid10:after,
#service3LayoutGrid10 .row:before,
#service3LayoutGrid10 .row:after {
   content: " ";
   display: table;
}
#service3LayoutGrid10:after,
#service3LayoutGrid10 .row:after {
   clear: both;
}

#wb_service3Heading17 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 2px 0px 3px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading17 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line33 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading18 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 3px 0px 4px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading18 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line34 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading19 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 2px 0px 3px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading19 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Select10 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select10:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line35 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3Select11 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select11:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line36 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3Select12 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   color: #333333;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   border: 1px solid #DDDDDD;
}
#service3Select12:focus {
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102, 175, 233, 0.60);
   outline: 0;
   border-color: #66AFE9;
}
#service3Line37 {
   border-bottom-width: 46px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#wb_service3Heading20 {
   background-image: none;
   border-radius: 0px;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: top;
   background-color: transparent;
}
#service3Heading20 {
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
   color: #000000;
}
#service3Line38 {
   border-bottom-width: 12px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(255, 255, 255, 1.00);
}
#service3FlexBoxContainer9 {
   align-content: flex-start;
   align-items: center;
   background-color: transparent;
   background-image: none;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   flex-direction: row;
   flex-wrap: nowrap;
   font-size: 0;
   justify-content: space-around;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: relative;
   display: flex;
}
#service3Line39 {
   align-self: auto;
   border-bottom-width: 349px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   flex-grow: 0;
   flex-shrink: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(233, 233, 233, 1.00);
}
#service3FlexBoxContainer10 {
   align-content: flex-start;
   align-items: center;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   flex-direction: row;
   flex-wrap: nowrap;
   font-size: 0;
   justify-content: space-around;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: relative;
   display: flex;
}
#service3Line40 {
   align-self: auto;
   border-bottom-width: 570px;
   border-left: 0;
   border-right: 0;
   border-style: solid;
   border-top: 0;
   flex-grow: 0;
   flex-shrink: 0;
   height: 0  !important;
   line-height: 0  !important;
   margin: 0;
   padding: 0;
   border-color: rgba(233, 233, 233, 1.00);
}
#service3Line37 {
   width: 100%;
   z-index: 58;
   display: block;
}
#service3Line35 {
   width: 100%;
   z-index: 50;
   display: block;
}
#wb_service1Heading8 {
   width: 100%;
   z-index: 4;
   display: block;
}
#service3Line4 {
   width: 100%;
   z-index: 92;
   display: block;
}
#wb_service3Heading19 {
   width: 100%;
   z-index: 48;
   display: block;
}

#wb_service3Heading13 {
   width: 100%;
   z-index: 25;
   display: block;
}
#service3Line17 {
   width: 100%;
   z-index: 71;
   display: block;
}
#service3Line21 {
   width: 371px;
   display: block;
}
#wb_service3Heading20 {
   width: 100%;
   z-index: 59;
   display: block;
}
#wb_service3Heading12 {
   width: 100%;
   z-index: 23;
   display: block;
}
#wb_service3Heading18 {
   width: 100%;
   z-index: 46;
   display: block;
}
#service3Line38 {
   width: 100%;
   z-index: 60;
   display: block;
}
#wb_service3Heading15 {
   width: 100%;
   z-index: 38;
   display: block;
}
#service1Line16 {
   width: 100%;
   z-index: 10;
   display: block;
}
#service3Line40 {
   width: 524px;
   display: block;
}
#wb_service3Heading9 {
   width: 100%;
   z-index: 69;
   display: block;
}
#service3Line15 {
   width: 100%;
   z-index: 66;
   display: block;
}
#service3Line18 {
   width: 100%;
   z-index: 73;
   display: block;
}
#service3Line22 {
   width: 524px;
   display: block;
}
#wb_service3Heading17 {
   width: 100%;
   z-index: 44;
   display: block;
}
#service3Select3 {
   height: 25px;
   width: 100%;
   z-index: 95;
   display: block;
}
#indexHtml10 {
   height: 74px;
   width: 74px;
   z-index: 120;
   display: inline-block;
}
#service1Line15 {
   width: 100%;
   z-index: 5;
   display: block;
}
#service3Select5 {
   height: 25px;
   width: 100%;
   z-index: 72;
   display: block;
}
#service3Select11 {
   height: 25px;
   width: 100%;
   z-index: 51;
   display: block;
}
#service3Line25 {
   width: 100%;
   z-index: 26;
   display: block;
}
#service1Select5 {
   height: 25px;
   width: 100%;
   z-index: 9;
   display: block;
}
#wb_service1Heading7 {
   width: 100%;
   z-index: 2;
   display: block;
}
#wb_service3Heading2 {
   width: 100%;
   z-index: 86;
   display: block;
}
#service1Select6 {
   height: 25px;
   width: 100%;
   z-index: 11;
   display: block;
}
#text4682 {
   -inkscape-font-specification: Swis721 BT;
   fill-opacity: 1;
   fill: #263f78;
   font-family: "Swis721 BT";
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 125%;
   stroke-linecap: butt;
   stroke-linejoin: miter;
   stroke-opacity: 1;
   stroke-width: 1px;
   stroke: none;
   text-align: center;
   text-anchor: middle;
   writing-mode: lr-tb;
   font-size: 29.39999962px;
}
#path3766 {
   fill-opacity: 1;
   fill-rule: evenodd;
   fill: #263f78;
}
#service3Line31 {
   width: 524px;
   display: block;
}
#service3Line29 {
   width: 100%;
   z-index: 39;
   display: block;
}
#service3Select10 {
   height: 25px;
   width: 100%;
   z-index: 49;
   display: block;
}
#wb_service1Heading6 {
   width: 100%;
   z-index: 13;
   display: block;
}
#service3Select7 {
   height: 25px;
   width: 100%;
   z-index: 28;
   display: block;
}

#service3Select12 {
   height: 25px;
   width: 100%;
   z-index: 53;
   display: block;
}
#wb_service3Heading3 {
   width: 100%;
   z-index: 88;
   display: block;
}
#service1Line14 {
   width: 100%;
   z-index: 14;
   display: block;
}
#service3Line2 {
   width: 100%;
   z-index: 87;
   display: block;
}
#service3Line14 {
   width: 100%;
   z-index: 77;
   display: block;
}

#service3Line39 {
   width: 371px;
   display: block;
}
#wb_service3Heading8 {
   width: 100%;
   z-index: 67;
   display: block;
}
#service3Line34 {
   width: 100%;
   z-index: 47;
   display: block;
}
#service3Line12 {
   width: 524px;
   display: block;
}
#service3Line33 {
   width: 100%;
   z-index: 45;
   display: block;
}
#indexHtml9 {
   height: 76px;
   width: 76px;
   z-index: 118;
   display: inline-block;
}
#service3Line16 {
   width: 100%;
   z-index: 68;
   display: block;
}
#service3Select9 {
   height: 25px;
   width: 100%;
   z-index: 32;
   display: block;
}
#indexHtml13 {
   height: 74px;
   width: 74px;
   z-index: 126;
   display: inline-block;
}
#service3Line27 {
   width: 100%;
   z-index: 31;
   display: block;
}
#wb_service3Heading11 {
   width: 100%;
   z-index: 34;
   display: block;
}
#service3Line3 {
   width: 100%;
   z-index: 89;
   display: block;
}
#service3Line30 {
   width: 371px;
   display: block;
}
#service3Line11 {
   width: 371px;
   display: block;
}
#service3Line32 {
   width: 100%;
   z-index: 56;
   display: block;
}
#service3Select8 {
   height: 25px;
   width: 100%;
   z-index: 30;
   display: block;
}
#service1Select4 {
   height: 25px;
   width: 100%;
   z-index: 7;
   display: block;
}
#service1Line13 {
   width: 100%;
   z-index: 3;
   display: block;
}
#service3Line28 {
   width: 100%;
   z-index: 37;
   display: block;
}

#service3Line1 {
   width: 100%;
   z-index: 98;
   display: block;
}
#wb_service3Heading4 {
   width: 100%;
   z-index: 90;
   display: block;
}
#service3Line19 {
   width: 100%;
   z-index: 79;
   display: block;
}
#service3Line20 {
   width: 100%;
   z-index: 81;
   display: block;
}
#wb_service3Heading16 {
   width: 100%;
   z-index: 55;
   display: block;
}
#service3Line5 {
   width: 100%;
   z-index: 94;
   display: block;
}
#service3Line6 {
   width: 100%;
   z-index: 100;
   display: block;
}
#service3Line9 {
   width: 100%;
   z-index: 16;
   display: block;
}
#service3Line10 {
   width: 100%;
   z-index: 18;
   display: block;
}
#service1Line12 {
   width: 100%;
   z-index: 8;
   display: block;
}
#service3Line23 {
   width: 100%;
   z-index: 35;
   display: block;
}
#wb_service1Heading10 {
   width: 100%;
   z-index: 17;
   display: block;
}
#text4662 {
   -inkscape-font-specification: Swis721 BT;
   fill-opacity: 1;
   fill: #263f78;
   font-family: "Swis721 BT";
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 125%;
   stroke-linecap: butt;
   stroke-linejoin: miter;
   stroke-opacity: 1;
   stroke-width: 1px;
   stroke: none;
   text-align: center;
   text-anchor: middle;
   writing-mode: lr-tb;
   font-size: 29.39999962px;
}
#wb_service3Heading5 {
   width: 100%;
   z-index: 101;
   display: block;
}
#wb_service3Heading6 {
   width: 100%;
   z-index: 76;
   display: block;
}
#service3Select1 {
   height: 25px;
   width: 100%;
   z-index: 91;
   display: block;
}
#indexHtml12 {
   height: 74px;
   width: 74px;
   z-index: 124;
   display: inline-block;
}
#service1Tabs1 {
   width: 100%;
   z-index: 107;
   display: inline-block;
}
#wb_indexHeading8 {
   text-align: center;
   width: 100%;
   z-index: 115;
   display: block;
}
#service3Select2 {
   height: 25px;
   width: 100%;
   z-index: 93;
   display: block;
}
#wb_service3Heading7 {
   width: 100%;
   z-index: 65;
   display: block;
}
#wb_service1Heading9 {
   width: 100%;
   z-index: 6;
   display: block;
}
#wb_service3Heading14 {
   width: 100%;
   z-index: 27;
   display: block;
}
#indexHtml11 {
   height: 74px;
   width: 74px;
   z-index: 122;
   display: inline-block;
}
#service3Select4 {
   height: 25px;
   width: 100%;
   z-index: 70;
   display: block;
}
#wb_service3Heading10 {
   width: 100%;
   z-index: 80;
   display: block;
}

#service3Line13 {
   width: 524px;
   display: block;
}
#service3Line36 {
   width: 100%;
   z-index: 52;
   display: block;
}
#service3Line26 {
   width: 100%;
   z-index: 29;
   display: block;
}
#service3Line8 {
   width: 371px;
   display: block;
}
#wb_service3Heading1 {
   width: 100%;
   z-index: 97;
   display: block;
}
#path3758 {
   fill: #007ec6;
}
#service3Line24 {
   width: 100%;
   z-index: 24;
   display: block;
}
#indexHtml8 {
   height: 74px;
   width: 74px;
   z-index: 116;
   display: inline-block;
}
#service3Line7 {
   width: 100%;
   z-index: 102;
   display: block;
}
#service3Select6 {
   height: 25px;
   width: 100%;
   z-index: 74;
   display: block;
}

/* Sidebar estilos */

.sidebar {
	background-color: #f4f4f4;
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;  /* Asegura que el sidebar ocupe todo el ancho disponible */
	height: 100%;
    padding: 10px;  /* A�adir un padding para mejorar la apariencia */
    box-sizing: border-box;  /* Incluye el padding en el tama�o total del contenedor */
    overflow-y: auto;  /* Permite que el contenido se desplace si es demasiado alto */
}

.sidebar button {
    margin: 2px;
    padding: 2px 2px;
    background-color: #191970;/* #007bff;*/
    color: white;
   /* border: none;*/
   border: 1px solid #191970;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;  /* Cambiar a block para que el bot�n ocupe el ancho del contenedor */
    white-space: nowrap;
    text-align: center;
    width: 50px;   /* auto;Permitir que el bot�n crezca seg�n el texto */
    overflow: visible;  /* Asegura que el texto no se corte */
	 font-size: 14px;  /* Define el tama�o de la fuente en p�xeles */
}

.sidebar button:hover {
    background-color: #F0F8FF; /*#0056b3;*/
}

.sidebar button.active {
    background-color: #F0F8FF; /*#0056b3;*/
}

/* Image viewer y controles estilos */
.image-viewer {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: #fff;
    width: 600px;
    height: 600px;
}

.image-viewer img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border: 2px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.controls {
    margin-top: 10px;
    display: flex;            /* <--- AÑADE ESTA LÍNEA */
    justify-content: center;  /* <--- AÑADE ESTA LÍNEA */
    width: 100%;              /* <--- AÑADE ESTA LÍNEA */
}

.controls button {
    padding: 10px 20px;
    font-size: 14px;
    margin: 0 10px;
    background-color: #191970; /*#007bff;*/
    color: white;
    /*border: none;*/
    border: 1px solid #191970;
    border-radius: 4px;
    cursor: pointer;
}

.controls button:hover {
    background-color: #D3D3D3;/* #0056b3;*/
    color: #191970;
}

/* ====================================================================== */
/* ===== BOTÓN FLOTANTE "SUBIR" (REEMPLAZO MODERNO DE STICKYLAYER) ===== */
/* ====================================================================== */

#indexLayer1 {
    position: fixed;     /* Lo fija en la pantalla */
    bottom: 30px;        /* 30px desde abajo */
    right: 30px;         /* 30px desde la derecha */
    width: 40px;         /* Ancho del botón */
    height: 40px;        /* Alto del botón */
    z-index: 1050;       /* Se asegura que esté por encima de otros elementos */
    
    /* Control de visibilidad */
    opacity: 0;          /* Inicialmente invisible */
    visibility: hidden;  /* Inicialmente oculto */
    transition: opacity 0.4s, visibility 0.4s; /* Animación suave */
    
    background-color: rgba(25, 25, 112, 0.7); /* Fondo azul oscuro semitransparente */
    border-radius: 50%; /* Lo hace redondo */
    cursor: pointer;
}

/* Clase que se añadirá con JavaScript para mostrar el botón */
#indexLayer1.visible {
    opacity: 1;
    visibility: visible;
}

#indexLayer1:hover {
    background-color: rgba(25, 25, 112, 1); /* Se vuelve opaco al pasar el mouse */
}

/* Ajustes para el ícono SVG dentro del botón */
#indexLayer1 #wb_indexIcon1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#indexLayer1 #indexIcon1 g {
    fill: #FFFFFF; /* Color del ícono (flecha) en blanco */
}


/* ====================================================================== */
/* == SOLUCIÓN FLEXBOX PARA ESTABILIZAR EL MENÚ DE PESTAÑAS (TABS)   == */
/* ====================================================================== */

/* 1. Convierte el menú de pestañas en un contenedor Flexbox */
#service1Tabs1 .ui-tabs-nav {
  display: flex;         /* Activa Flexbox */
  flex-wrap: wrap;       /* Permite que las pestañas bajen de línea si no hay espacio */
  padding-bottom: 0;     /* Elimina el padding inferior que causa problemas */
  border-bottom: 1px solid #DDDDDD; /* Mantiene la línea separadora inferior */
}

/* 2. Anula los estilos antiguos (float) de cada pestaña */
#service1Tabs1 .ui-tabs-nav li {
  float: none;           /* Desactiva el problemático "float" */
  margin-bottom: -1px;   /* Ayuda a que la pestaña activa se solape con el borde */
}

/* 3. Asegura que la pestaña activa se fusione con el panel de contenido */
#service1Tabs1 .ui-tabs-nav .ui-tabs-active {
  border-bottom-color: transparent; /* Oculta su borde inferior */
}

/* 2. Añade espacio DENTRO y DEBAJO de la caja de detalles */
#wb_service3LayoutGrid3,
#wb_service3LayoutGrid8,
#wb_service3LayoutGrid10,
#wb_service3LayoutGrid6,
#wb_service3LayoutGrid2 {
   margin-bottom: 15px !important;
   padding: 5px !important; /* <--- AJUSTE AÑADIDO AQUÍ */
}

/* ====================================================================== */
/* == CORRECCIÓN PARA LEYENDAS SUPERPUESTAS (SITES DE PREVISÃO)    == */
/* ====================================================================== */

#indexFlexGrid3 {
  /* Le decimos a las filas que su altura se base en el contenido y no en porcentajes */
  grid-template-rows: auto auto auto;
  
  /* Añadimos espacio inferior para separar claramente del footer */
  padding-bottom: 20px;
}

/* ====================================================================== */
/* ===== AJUSTE RESPONSIVO PARA LOGOS SVG (Copernicus, NOAA, etc.) ===== */
/* ====================================================================== */
.logo-svg {
  max-width: 100%;   /* Asegura que la imagen nunca sea más ancha que su contenedor */
  height: auto;      /* Mantiene la proporción correcta de la imagen al escalar */
  display: block;    /* Mejora el manejo del espaciado */
  margin: 0 auto;
}

/* ====================================================================== */
/* == AJUSTE RESPONSIVO PARA EL TEXTO DEL FOOTER (BARRA INFERIOR) == */
/* ====================================================================== */

/* Por defecto (vista de escritorio), mostramos el texto largo y ocultamos el corto */
.footer-texto-largo {
    display: inline; /* O el valor que corresponda */
}
.footer-texto-corto {
    display: none;
}

/* ====================================================================== */
/* ===== ESTILOS PARA LA VENTANA MODAL (VERSIÓN FINAL) ============== */
/* ====================================================================== */

.image-viewer img {
    cursor: pointer;
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 2000;
    display: flex; /* Cambiado a flex para que 'visible' solo controle la opacidad */
    justify-content: center;
    align-items: center;
    opacity: 0; /* Controlaremos la visibilidad con opacidad */
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.modal-overlay.visible {
    opacity: 1;
    visibility: visible;
}

.modal-content {
    position: relative;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    max-width: 95vw;
    max-height: 95vh;
    overflow: auto;
    /* Transición para el redimensionamiento suave */
    transition: width 0.2s ease-out, height 0.2s ease-out;
}

.modal-content img {
    display: block;
    /* ¡CLAVE! La imagen siempre ocupa el 100% del ancho de la ventana */
    width: 100%;
    height: auto;
    /* Transición para el zoom interno y origen del zoom */
    transform-origin: center;
    transition: transform 0.2s ease-out;
}

.modal-close {
    position: absolute;
    top: 15px;
    right: 25px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 2001;
    transition: color 0.3s;
}

.modal-close:hover {
    color: #ccc;
}

/* Por defecto (escritorio), mostramos el texto largo y ocultamos el corto */
.tab-texto-largo {
    display: inline;
}
.tab-texto-corto {
    display: none;
}

/* --- ESTILOS RESPONSIVOS PARA MÓVIL (max-width: 767px) --- */
@media (max-width: 767px) {

  /* --- ESTILOS DEL MENÚ DE NAVEGACIÓN --- */
  #header-container { flex-wrap: wrap; }
  .navbar { width: 100%; }
  .navbar-toggle {
      display: block; background: none; border: none; padding: 10px; cursor: pointer;
      position: absolute; top: -45px; right: 0; z-index: 1100;
  }
  .icon-bar { background-color: white; display: block; width: 22px; height: 2px; margin-top: 4px; }
  .navbar-nav {
      display: none; position: absolute; top: calc(100% - 35px); right: 0; width: max-content;
      flex-direction: column; background-color: #f0f8ff; border: 1px solid #ddd;
      border-radius: 5px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); z-index: 1100;
  }
  .navbar-nav.open { display: flex; }
  .nav-link { color: #191970; background-color: transparent; text-align: left; }
  .nav-link .arrow { border-top-color: #191970; }
  
  .dropdown-menu {
      position: static; border: none; box-shadow: inset 0 3px 5px -5px #555;
      background-color: #e9e9e9; width: 100%; max-height: 0;
      overflow: hidden; transition: max-height 0.3s ease-out; padding: 0; border-radius: 0;
  }
  #submenu-toggle:checked ~ .dropdown-menu { display: block; max-height: 500px; }
  .dropdown-menu a { padding-left: 40px; }

  /* --- ESTILOS DEL CONTENIDO DE LA PÁGINA --- */

  /* 1. Apila las secciones principales */
  #wb_service3LayoutGrid4 .col-1, #wb_service3LayoutGrid4 .col-2,
  #wb_service3LayoutGrid7 .col-1, #wb_service3LayoutGrid7 .col-2,
  #wb_service3LayoutGrid9 .col-1, #wb_service3LayoutGrid9 .col-2,
  #wb_service3LayoutGrid5 .col-1, #wb_service3LayoutGrid5 .col-2,
  #wb_service3LayoutGrid1 .col-1, #wb_service3LayoutGrid1 .col-2 {
    width: 100% !important;
    float: none;
  }
  
  /* 3. Organiza la caja "Detalhes" en dos columnas de 50% */
  #service3LayoutGrid3 > .row, #service3LayoutGrid8 > .row,
  #service3LayoutGrid10 > .row, #service3LayoutGrid6 > .row,
  #service3LayoutGrid2 > .row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }
  
  #service3LayoutGrid3 > .row > .col-1, #service3LayoutGrid8 > .row > .col-1,
  #service3LayoutGrid10 > .row > .col-1, #service3LayoutGrid6 > .row > .col-1,
  #service3LayoutGrid2 > .row > .col-1 {
    width: 50% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: right !important;
    padding-right: 10px;
  }

  #service3LayoutGrid3 > .row > .col-2, #service3LayoutGrid8 > .row > .col-2,
  #service3LayoutGrid10 > .row > .col-2, #service3LayoutGrid6 > .row > .col-2,
  #service3LayoutGrid2 > .row > .col-2 {
    width: 50% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  [id^="wb_service1Heading"] h1, [id^="wb_service3Heading"] h1 {
    font-size: 14px !important;
    margin: 0;
  }

  [id^="service1Select"], [id^="service3Select"] {
    width: 100%;
    box-sizing: border-box;
    font-size: 14px !important;
  }

  /* --- 4. Mantiene los ajustes de viñetas, visor y limpieza --- */
  .sidebar { flex-wrap: wrap; justify-content: flex-start; }
  .image-viewer { width: 100%; height: auto; }
  .image-viewer img { max-height: 50vh; }
  [id^="service1Line"], [id^="service3Line"] { display: none !important; }

    /* ====================================================================== */
  /* ===== AJUSTE RESPONSIVO PARA LOS LOGOS (SITES DE PREVISÃO)       ===== */
  /* ====================================================================== */

  /* 1. Cambia el grid a 2 columnas en móvil */
  #indexFlexGrid3 {
    grid-template-columns: 1fr 1fr !important; /* Dos columnas de igual tamaño */
    grid-template-rows: auto !important; /* La altura de las filas será automática */
    grid-template-areas:
      "header header"
      "site1 site2"
      "legend1 legend2"
      "site3 site4"
      "legend3 legend4"
      "site5 site6"
      "legend5 legend6" !important;
    
    gap: 20px 10px !important; /* Espacio vertical y horizontal */
    padding: 20px !important;
  }

  /* 2. Asegura que el título ocupe ambas columnas */
  #indexFlexGrid3 .header {
    grid-area: header !important;
  }

  /* 3. Centra el texto de las leyendas */
  #wb_indexText10,
  #wb_indexText11,
  #wb_indexText12,
  #wb_indexText13,
  #wb_indexText14,
  #wb_indexText15 {
    padding-top: 0 !important;
  }

  /* ====================================================================== */
   /* ===== AJUSTE RESPONSIVO PARA BOTONES DE REPRODUCCIÓN             ===== */
   /* ====================================================================== */

   .controls button {
      padding: 8px 15px; /* Reduce el espacio interior del botón */
      margin: 0 5px;     /* Reduce el espacio entre botones */
      font-size: 13px;   /* Reduce el tamaño del texto/icono */
   }

       /* Ocultamos el texto largo */
  .footer-texto-largo {
      display: none;
  }
  /* Y mostramos el texto corto */
  .footer-texto-corto {
      display: inline; /* O el valor que corresponda */
  }

  /* Opcional: Ajustamos el tamaño de la fuente en móvil para que quepa mejor */
  #wb_indexText16 span {
      font-size: 16px !important;
  }

  /* --- AJUSTE PARA LA 'X' DE LA MODAL EN MÓVIL --- */
   .modal-close {
      color: #000; /* Cambia la 'X' a negro solo en pantallas pequeñas */
      
      /* Opcional: Acercarla un poco al borde para que no quede sobre la imagen */
      top: 5px;
      right: 10px;
   }

     /* --- AJUSTE PARA texto de pestañas --- */
   .tab-texto-largo {
        display: none;
    }
   .tab-texto-corto {
        display: inline;
    }

}