body {
  color: #000000;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.1875;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
#wb_indexLayoutGrid21 {
  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;
}
#indexLayoutGrid21 {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px 10px 15px;
  box-sizing: border-box;
}
#indexLayoutGrid21 > .row {
  margin-left: -15px;
  margin-right: -15px;
}
#indexLayoutGrid21 > .row > .col-1,
#indexLayoutGrid21 > .row > .col-2 {
  font-size: 0;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid21 > .row > .col-1,
#indexLayoutGrid21 > .row > .col-2 {
  float: left;
}
#indexLayoutGrid21 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 16.66666667%;
  background-color: transparent;
}
#indexLayoutGrid21 > .row > .col-2 {
  background-image: none;
  text-align: left;
  width: 83.33333333%;
  background-color: transparent;
}
#indexLayoutGrid21:before,
#indexLayoutGrid21:after,
#indexLayoutGrid21 .row:before,
#indexLayoutGrid21 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid21:after,
#indexLayoutGrid21 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid21 > .row > .col-1,
  #indexLayoutGrid21 > .row > .col-2 {
    width: 100% !important;
    float: none;
  }
}
#wb_Image1 {
  vertical-align: top;
  margin: 0;
}
#Image1 {
  box-sizing: border-box;
  display: inline-block;
  height: 55px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  width: 105px;
  border: 0px solid #000000;
}
.DropdownMenu1 .nav {
  color: #191970; /*#454545;*/
  font-size: 19px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  text-transform: none;
  font-family: Arial;
}

#DropdownMenu1,
.DropdownMenu1 .nav,
.DropdownMenu1 * {
  box-sizing: border-box;
  line-height: 1;
  list-style: none;
  padding: 0;
  margin: 0;
}

.DropdownMenu1 .nav:before,
.DropdownMenu1 .nav:after {
  display: table;
  content: " ";
}

.DropdownMenu1 .nav:after {
  clear: both;
}
.DropdownMenu1 .nav a {
  text-decoration: none;
}
.DropdownMenu1 .nav ul {
  margin-bottom: 0;
  margin-top: 0;
}
.DropdownMenu1 .nav ul ul {
  margin-bottom: 0;
}

.DropdownMenu1 .container {
  margin-left: auto;
  padding: 0px 0px 0px 0px;
  margin-right: auto;
}
.DropdownMenu1 .container:before,
.DropdownMenu1 .container:after {
  display: table;
  content: " ";
}

.DropdownMenu1 .container:after {
  clear: both;
}
.DropdownMenu1 .collapse {
  display: none;
}
.DropdownMenu1 .collapse.show {
  display: block;
}

.DropdownMenu1 .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
  position: relative;
}

.DropdownMenu1 .arrow,
.DropdownMenu1 .arrow-right {
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  height: 0;
  margin-left: 4px;
  vertical-align: middle;
  width: 0;
  display: inline-block;
}

.DropdownMenu1 .dropdown {
  position: relative;
}
.DropdownMenu1 .dropdown-toggle:focus {
  outline: 0;
}

.DropdownMenu1 .dropdown-menu {
  background-clip: padding-box;
  background-color: #f6f6f6; /*#F0F8FF;*/
  background-image: none;
  border-radius: 0px;
  border: 1px solid #191970; /*1px solid rgba(240, 248, 255, 1.00);*/
  display: none;
  float: left;
  font-size: 19px;
  left: 0;
  list-style: none;
  margin: 2px 0 0;
  min-width: 160px;
  padding: 5px 0;
  top: 100%;
  z-index: 1000;
  position: absolute;
}

.DropdownMenu1 .dropdown-menu .divider {
  background-color: #c5c5c5; /*#F0F8FF;*/
  margin: 9px 0;
  overflow: hidden;
  height: 1px;
}
.DropdownMenu1 .dropdown-menu > li > a {
  clear: both;
  color: #454545; /*#191970;*/
  line-height: 1.428571429;
  padding: 3px 20px 3px 20px;
  text-transform: none;
  white-space: nowrap;
  display: block;
}

.DropdownMenu1 .dropdown-menu > li > a:hover,
.DropdownMenu1 .dropdown-menu > li > a:focus {
  background-color: #f0f8ff;
  background-image: none;
  color: #191970;
  text-decoration: none;
}
.DropdownMenu1 .dropdown-menu > li > a.active,
.DropdownMenu1 .dropdown-menu > li > a.active:hover,
.DropdownMenu1 .dropdown-menu > li > a.active:focus {
  background-color: #f0f8ff;
  background-image: none;
  /*outline: 0;*/
  text-decoration: none;
  color: #191970;
}
.DropdownMenu1 .show > .dropdown-menu {
  display: block;
}
.DropdownMenu1 .show > a {
  outline: 0;
}
.DropdownMenu1 .dropdown-header {
  color: #aeaeae;
  line-height: 1.428571429;
  padding: 3px 20px;
  display: block;
}
.DropdownMenu1 .dropdown-backdrop {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 990;
  position: fixed;
}
.DropdownMenu1 .nav > li {
  display: block;
  position: relative;
}
.DropdownMenu1 .nav > li > a {
  display: block;
  padding: 10px 15px 10px 15px;
  position: relative;
}
.DropdownMenu1 .nav .show > a,
.DropdownMenu1 .nav .show > a:hover,
.DropdownMenu1 .nav .show > a:focus {
  border-color: #191970;
}
.DropdownMenu1 .nav .nav-divider {
  background-color: #f0f8ff;
  margin: 9px 0;
  overflow: hidden;
  height: 1px;
}
.DropdownMenu1 .nav .arrow {
  border-bottom-color: #191970;
  border-top-color: #191970;
}
.DropdownMenu1 {
  position: relative;
}
.DropdownMenu1:before,
.DropdownMenu1:after {
  display: table;
  content: " ";
}
.DropdownMenu1:after {
  clear: both;
}
.DropdownMenu1 .navbar-header:before,
.DropdownMenu1 .navbar-header:after {
  display: table;
  content: " ";
}
.DropdownMenu1 .navbar-header:after {
  clear: both;
}
.DropdownMenu1-navbar-collapse {
  -webkit-overflow-scrolling: touch;
  overflow-x: visible;
}
.DropdownMenu1-navbar-collapse:before,
.DropdownMenu1-navbar-collapse:after {
  display: table;
  content: " ";
}
.DropdownMenu1-navbar-collapse:after {
  clear: both;
}
.DropdownMenu1-navbar-collapse.show {
  overflow-y: auto;
}
.DropdownMenu1 .navbar-toggle {
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid transparent;
  float: right;
  padding: 12px 10px 11px 10px;
  position: relative;
}
.DropdownMenu1 .navbar-toggle .icon-bar {
  border-radius: 1px;
  height: 2px;
  width: 22px;
  display: block;
}
.DropdownMenu1 .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.DropdownMenu1 .navbar-nav {
  margin: 6px -15px;
}
.DropdownMenu1 .navbar-nav > li > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
.DropdownMenu1 .navbar-nav > li > a {
  color: #191970;
}
.DropdownMenu1 .navbar-nav > li > a:hover,
.DropdownMenu1 .navbar-nav > li > a:focus {
  background-image: none;
  color: #191970;
  text-decoration: none;
  background-color: #f0f8ff;
}
.DropdownMenu1 .navbar-nav > li > a.active,
.DropdownMenu1 .navbar-nav > li > a.active:hover,
.DropdownMenu1 .navbar-nav > li > a.active:focus {
  background-color: #f0f8ff;
  background-image: none;
  color: #191970;
}
.DropdownMenu1 .navbar-toggle {
  border: 1px solid transparent;
}
.DropdownMenu1 .navbar-toggle:hover,
.DropdownMenu1 .navbar-toggle:focus {
  background-color: transparent;
}
.DropdownMenu1 .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.DropdownMenu1-navbar-collapse {
  border-color: rgba(240, 248, 255, 1);
}
.DropdownMenu1 .navbar-nav > .dropdown > a:hover .arrow,
.DropdownMenu1 .navbar-nav > .dropdown > a:focus .arrow {
  border-bottom-color: #191970;
  border-top-color: #191970;
}
.DropdownMenu1 .navbar-nav > .show > a,
.DropdownMenu1 .navbar-nav > .show > a:hover,
.DropdownMenu1 .navbar-nav > .show > a:focus {
  background-image: none;
  color: #191970;
  background-color: #f0f8ff;
}
.DropdownMenu1 .navbar-nav > .show > a .arrow,
.DropdownMenu1 .navbar-nav > .show > a:hover .arrow,
.DropdownMenu1 .navbar-nav > .show > a:focus .arrow {
  border-bottom-color: #191970;
  border-top-color: #191970;
}
.DropdownMenu1 .navbar-nav > .dropdown > a .arrow {
  border-bottom-color: #191970;
  border-top-color: #191970;
}
.DropdownMenu1 .navbar-link {
  color: #191970;
}
.DropdownMenu1 .navbar-link:hover {
  color: #191970;
}
.DropdownMenu1 .navbar-header {
  color: #ffffff;
}

@media (min-width: 768px) {
  .DropdownMenu1 .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .DropdownMenu1 .navbar-header {
    float: left;
  }
  .DropdownMenu1-navbar-collapse {
    border-top: 0;
    box-shadow: none;
    width: auto;
  }
  .DropdownMenu1-navbar-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 0;
    display: block !important;
  }
  .DropdownMenu1-navbar-collapse.show {
    overflow-y: auto;
  }
  .DropdownMenu1 .navbar-toggle {
    display: none;
  }
  .DropdownMenu1 .navbar-nav {
    margin: 0;
    float: right;
  }
  .DropdownMenu1 .navbar-nav > li {
    float: left;
  }
  .DropdownMenu1 .container > .navbar-header,
  .DropdownMenu1 .container > .DropdownMenu1-navbar-collapse {
    margin-left: 0;
    margin-right: 0;
  }
  .DropdownMenu1 .navbar-nav > .dropdown > a:hover .arrow,
  .DropdownMenu1 .navbar-nav > .dropdown > a:focus .arrow {
    border-bottom-color: #191970;
    border-top-color: #191970;
  }
}
@media (max-width: 768px) {
  .DropdownMenu1 {
    background-image: none;
    border: 1px solid #191970;
    background-color: #191970;
  }
  .DropdownMenu1 .navbar-nav {
    background-color: #f0f8ff;
    background-image: none;
    margin: 0;
  }
  .DropdownMenu1 .navbar-nav .show .dropdown-menu {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    float: none;
    margin-top: 0;
    transform: translate3d(0px, 0px, 0px) !important;
    width: auto;
    position: static !important;
  }
  .DropdownMenu1 .navbar-nav .show .dropdown-menu > li > a,
  .DropdownMenu1 .navbar-nav .show .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .DropdownMenu1 .navbar-nav .show .dropdown-menu > li > a {
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  .DropdownMenu1 {
    background-image: none;
    border-radius: 0px;
    border: 1px solid #191970;
    background-color: #191970;
  }
  .DropdownMenu1 .navbar-nav > li > a {
    color: #ffffff;
  }
  .DropdownMenu1 .navbar-nav > li > a:hover,
  .DropdownMenu1 .navbar-nav > li > a:focus {
    background-color: #f0f8ff;
    background-image: none;
    color: #191970;
  }
  .DropdownMenu1 .navbar-nav > li > a.active,
  .DropdownMenu1 .navbar-nav > li > a.active:hover,
  .DropdownMenu1 .navbar-nav > li > a.active:focus {
    background-color: #f0f8ff;
    background-image: none;
    color: #191970;
  }
  .DropdownMenu1 .navbar-nav > .show > a,
  .DropdownMenu1 .navbar-nav > .show > a:hover,
  .DropdownMenu1 .navbar-nav > .show > a:focus {
    background-image: none;
    color: #191970;
    background-color: #f0f8ff;
  }
  .DropdownMenu1 .navbar-nav > .dropdown > a:hover .arrow {
    border-bottom-color: #191970;
    border-top-color: #191970;
  }
  .DropdownMenu1 .navbar-nav > .dropdown > a .arrow {
    border-bottom-color: #ffffff;
    border-top-color: #ffffff;
  }
  .DropdownMenu1 .navbar-nav > li > a.active > .arrow,
  .DropdownMenu1 .navbar-nav > li > a.active:hover > .arrow,
  .DropdownMenu1 .navbar-nav > li > a.active:focus > .arrow {
    border-bottom-color: #191970;
    border-top-color: #191970;
  }
  .DropdownMenu1 .navbar-nav > .show > a .arrow,
  .DropdownMenu1 .navbar-nav > .show > a:hover .arrow,
  .DropdownMenu1 .navbar-nav > .show > a:focus .arrow {
    border-bottom-color: #191970;
    border-top-color: #191970;
  }
  .DropdownMenu1 .navbar-link {
    color: #ffffff;
  }
  .DropdownMenu1 .navbar-link:hover {
    color: #fff;
  }
}
#wb_DropdownMenu1 {
  z-index: 1111 !important;
}

/* lo nuevo*/

.DropdownMenu1 .nav-link {
  background-color: #191970; /* Azul oscuro */
  color: white; /* Letras blancas */
  transition: background-color 0.3s ease, color 0.3s ease; /* Transición suave */
}

/* Resaltado al pasar el puntero por encima */
.DropdownMenu1 .nav-link:hover,
.DropdownMenu1 .show > a {
  background-color: white; /* Fondo blanco */
  color: #191970; /* Letras azul oscuro */
}

/* Menú desplegable: Aseguramos que el estilo sea coherente */
.DropdownMenu1 .dropdown-menu .nav-link {
  background-color: #191970; /* Azul oscuro para las opciones del menú desplegable */
  color: white;
}

.DropdownMenu1 .dropdown-menu .nav-link:hover {
  background-color: white; /* Fondo blanco cuando se pasa el mouse */
  color: #191970; /* Letras azul oscuro */
}

/* Modificación segunda: Resaltar cuando se pasa el mouse y restaurar al salir */
.DropdownMenu1 .dropdown-toggle {
  background-color: #191970; /* Azul oscuro */
  color: white;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.DropdownMenu1 .dropdown-toggle:hover {
  background-color: white; /* Fondo blanco cuando se pasa el mouse */
  color: #191970; /* Letras azul oscuro */
}

#DropdownMenu1 .show > a {
  background-color: white; /* Fondo blanco cuando el menú está desplegado */
  color: #191970; /* Letras azul oscuro */
}
/* hasta aqui lo nuevo*/

#wb_Carousel1 {
  background-image: none;
  border-radius: 0px;
  margin: 0;
  background-color: transparent;
}
#wb_Carousel1 {
  float: left;
  top: 0 !important;
  display: block;
}
#Carousel1 .frame {
  display: inline-block;
  float: left;
  height: 400px;
  width: 994px;
}
#wb_Carousel1 .pagination {
  left: 0;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  z-index: 998;
  bottom: 0;
}
#wb_Carousel1 .pagination a {
  background-color: #191970;
  border-radius: 50%;
  border: 1px solid #e0ffff;
  box-shadow: inset 0 0 0 0 #e0ffff;
  cursor: pointer;
  height: 11px;
  margin: 12px 12px 12px 12px;
  text-indent: -999px;
  transition: box-shadow 0.3s ease;
  width: 11px;
  display: inline-block;
}
#wb_Carousel1 .pagination a.active {
  box-shadow: inset 0 0 0 6px #e0ffff;
}
#wb_Carousel1 .carousel-control-next,
#wb_Carousel1 .carousel-control-prev {
  cursor: pointer;
  left: 0;
  opacity: 1;
  text-align: center;
  top: 0;
  transition: opacity 0.3s ease;
  position: absolute;
}
#wb_Carousel1 .carousel-control-next-icon,
#wb_Carousel1 .carousel-control-prev-icon {
  background-size: 100% 100%;
  background: transparent no-repeat center center;
  height: 32px;
  width: 32px;
  display: inline-block;
}
#wb_Carousel1 .carousel-control-next:hover,
#wb_Carousel1 .carousel-control-prev:hover {
  opacity: 1;
  outline: 0;
  text-decoration: none;
}
#wb_Carousel1 .carousel-control-prev-icon {
  background: url("data:image/svg+xml,%3Csvg%20style%3D%22fill%3A%23191970%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%3Cg%20transform%3D%22scale%281%29%22%3E%0D%0A%20%20%20%3Cpath%20d%3D%22M279%20466%20C267%20479%2C%20262%20495%2C%20262%20511%20L262%20511%20C262%20527%2C%20267%20543%2C%20279%20556%20L654%20931%20C668%20943%2C%20682%20949%2C%20699%20949%20C716%20949%2C%20731%20943%2C%20744%20931%20C756%20918%2C%20762%20903%2C%20762%20886%20C762%20869%2C%20756%20854%2C%20744%20841%20L412%20511%20L744%20181%20C756%20168%2C%20762%20153%2C%20762%20136%20C762%20120%2C%20756%20104%2C%20744%2091%20C731%2080%2C%20716%2074%2C%20699%2074%20C682%2074%2C%20668%2080%2C%20654%2091%20L279%20466%20L279%20466%22%2F%3E%0D%0A%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
    no-repeat center center;
}
#wb_Carousel1 .carousel-control-next-icon {
  background: url("data:image/svg+xml,%3Csvg%20style%3D%22fill%3A%23191970%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%3Cg%20transform%3D%22scale%281%29%22%3E%0D%0A%20%20%20%3Cpath%20d%3D%22M744%20466%20C756%20479%2C%20762%20495%2C%20762%20511%20L762%20511%20C762%20527%2C%20756%20543%2C%20744%20556%20L369%20931%20C355%20943%2C%20341%20949%2C%20324%20949%20C307%20949%2C%20292%20943%2C%20279%20931%20C267%20918%2C%20262%20903%2C%20262%20886%20C262%20869%2C%20267%20854%2C%20279%20841%20L611%20511%20L279%20181%20C267%20168%2C%20262%20153%2C%20262%20136%20C262%20120%2C%20267%20104%2C%20279%2091%20C292%2080%2C%20307%2074%2C%20324%2074%20C341%2074%2C%20355%2080%2C%20369%2091%20L744%20466%20L744%20466%22%2F%3E%0D%0A%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
    no-repeat center center;
}
#Carousel1_back {
  height: 32px;
  left: 4px;
  top: 46%;
  width: 32px;
  z-index: 999;
  position: absolute;
}
#Carousel1_next {
  height: 32px;
  right: 4px;
  top: 46%;
  width: 32px;
  z-index: 999;
  position: absolute;
}
#Carousel1_back a,
#Carousel1_next a {
  cursor: pointer;
}
#Carousel1 .frame-1 {
  background-image: url("1.jpeg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
}
#Carousel1 .frame-2 {
  background-image: url("images/2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
}
#Carousel1 .frame-3 {
  background-image: url("images/3.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
}
#Carousel1 .frame-4 {
  background-image: url("images/4.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
}
#wb_Heading1 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #191970;
  margin: 0;
  padding: 0px 0px 0px 0px;
  text-align: center;
  background-color: transparent;
}
#Heading1 {
  font-family: Arial;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  text-align: center;
  text-transform: none;
  color: #191970;
}
#wb_Text1 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: transparent;
}
#wb_Text1 {
  font-family: Arial;
  font-size: 21px;
  font-weight: normal;
  line-height: 24px;
  color: #191970;
}
#wb_Text1 div {
  text-align: left;
}
#wb_indexHeading1 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #000000;
  margin: 0;
  padding: 0px 0px 0px 0px;
  text-align: left;
  background-color: transparent;
}
#indexHeading1 {
  font-family: Arial;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  text-align: left;
  text-transform: none;
  color: #87ceeb;
}
#wb_indexText1 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: transparent;
}
#wb_indexText1 div {
  text-align: left;
}
#wb_indexHeading2 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #000000;
  margin: 0;
  padding: 0px 0px 0px 0px;
  text-align: center;
  background-color: transparent;
}
#indexHeading2 {
  font-family: Arial;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  text-align: center;
  text-transform: none;
  color: #191970;
}
#wb_indexHeading3 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #000000;
  margin: 0;
  padding: 0px 0px 0px 0px;
  text-align: center;
  background-color: transparent;
}
#indexHeading3 {
  font-family: Arial;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  text-align: center;
  text-transform: none;
  color: #87ceeb;
}
#wb_indexLayoutGrid1 {
  background-color: #ffffff;
  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;
}
#indexLayoutGrid1 {
  margin-left: auto;
  margin-right: auto;
  padding: 28px 15px 10px 15px;
  box-sizing: border-box;
}
#indexLayoutGrid1 > .row {
  margin-left: -15px;
  margin-right: -15px;
}
#indexLayoutGrid1 > .row > .col-1 {
  font-size: 0;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid1 > .row > .col-1 {
  float: left;
}
#indexLayoutGrid1 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 100%;
  background-color: transparent;
}
#indexLayoutGrid1:before,
#indexLayoutGrid1:after,
#indexLayoutGrid1 .row:before,
#indexLayoutGrid1 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid1:after,
#indexLayoutGrid1 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid1 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexHeading4 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #000000;
  box-sizing: border-box;
  margin: 0;
  padding: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: top;
  background-color: transparent;
}
#indexHeading4 {
  font-family: Arial;
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  text-align: center;
  text-transform: none;
  color: #191970;
}
#wb_indexHeading5 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #000000;
  box-sizing: border-box;
  margin: 0;
  padding: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: top;
  background-color: transparent;
}
#indexHeading5 {
  font-family: Arial;
  font-size: 27px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  text-align: center;
  text-transform: none;
  color: #191970;
}
#wb_indexLayoutGrid2 {
  background-color: #ffffff;
  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;
}
#indexLayoutGrid2 {
  margin-left: auto;
  margin-right: auto;
  padding: 12px 15px 0px 15px;
  box-sizing: border-box;
}
#indexLayoutGrid2 > .row {
  margin-left: -15px;
  margin-right: -15px;
}
#indexLayoutGrid2 > .row > .col-1 {
  font-size: 0;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid2 > .row > .col-1 {
  float: left;
}
#indexLayoutGrid2 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 100%;
  background-color: transparent;
}
#indexLayoutGrid2:before,
#indexLayoutGrid2:after,
#indexLayoutGrid2 .row:before,
#indexLayoutGrid2 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid2:after,
#indexLayoutGrid2 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid2 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexText2 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: transparent;
}
#wb_indexText2 div {
  text-align: center;
}
#wb_indexText2 {
  box-sizing: border-box;
  width: 100%;
  display: block;
}
#indexCardRepeater1 {
  background-color: #ffffff;
  background-image: none;
  border: 0px solid #000000;
  box-sizing: border-box;
  font-size: 0;
  margin: 0;
  padding: 10px 10px 10px 10px;
  position: relative;
  display: block;
}
#indexCardRepeater1 {
  column-gap: 30px;
  orphans: 1;
  widows: 1;
  column-count: 3;
}
#indexCardRepeater1 > div {
  width: 100% !important;
  display: inline-block !important;
}
#wb_indexCard4 {
  align-self: auto;
  background-color: #f0f8ff;
  background-image: none;
  border-radius: 15px;
  border: 1px solid #dddddd;
  box-shadow: 4px 4px 10px #191970;
  box-sizing: border-box;
  display: flex;
  flex-basis: 0%;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  text-align: center;
  position: relative;
}
#indexCard4-card-body {
  flex: 1 1 auto;
  font-size: 0;
  padding: 0px 0px 0px 0px;
}
#indexCard4-card-item0 {
  color: #191970;
  font-family: Arial;
  font-size: 21px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 20px 0px 20px;
  padding: 0px 0px 0px 0px;
  box-sizing: border-box;
}
#indexCard4-card-item1 {
  color: #191970;
  font-family: Arial;
  font-size: 19px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 15px 0px 0px 0px;
  box-sizing: border-box;
}
#indexCard4-card-item2 {
  background-color: #f8f8ff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #e6e6fa;
  box-sizing: border-box;
  color: #191970;
  font-family: Arial;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  height: 37px;
  margin: 25px 20px 20px 20px;
  display: inline-block;
}
#indexCard4-card-item2 a {
  display: block;
  padding: 10px 16px 10px 16px;
  text-decoration: none;
  color: inherit;
}
#wb_indexCard4:hover {
  transition: transform 300ms linear 0ms;
  transform: rotate(0deg) scale(1.05, 1.05);
}
#wb_indexCard5 {
  align-self: auto;
  background-color: #f0f8ff;
  background-image: none;
  border-radius: 15px;
  border: 1px solid #dddddd;
  box-shadow: 4px 4px 10px #191970;
  box-sizing: border-box;
  display: flex;
  flex-basis: 0%;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  text-align: center;
  position: relative;
}
#indexCard5-card-body {
  flex: 1 1 auto;
  font-size: 0;
  padding: 0px 0px 0px 0px;
}
#indexCard5-card-item0 {
  color: #191970;
  font-family: Arial;
  font-size: 21px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 20px 0px 20px;
  padding: 0px 0px 0px 0px;
  box-sizing: border-box;
}
#indexCard5-card-item1 {
  color: #191970;
  font-family: Arial;
  font-size: 19px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 15px 0px 0px 0px;
  box-sizing: border-box;
}
#indexCard5-card-item2 {
  background-color: #f8f8ff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #e6e6fa;
  box-sizing: border-box;
  color: #191970;
  font-family: Arial;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  height: 37px;
  margin: 25px 20px 20px 20px;
  display: inline-block;
}
#indexCard5-card-item2 a {
  display: block;
  padding: 10px 16px 10px 16px;
  text-decoration: none;
  color: inherit;
}
#wb_indexCard5:hover {
  transition: transform 300ms linear 0ms;
  transform: rotate(0deg) scale(1.05, 1.05);
}
#wb_indexCard6 {
  align-self: auto;
  background-color: #f0f8ff;
  background-image: none;
  border-radius: 15px;
  border: 1px solid #dddddd;
  box-shadow: 4px 4px 10px #191970;
  box-sizing: border-box;
  display: flex;
  flex-basis: 0%;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  text-align: center;
  position: relative;
}
#indexCard6-card-body {
  flex: 1 1 auto;
  font-size: 0;
  padding: 0px 0px 0px 0px;
}
#indexCard6-card-item0 {
  color: #191970;
  font-family: Arial;
  font-size: 21px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 20px 0px 20px;
  padding: 0px 0px 0px 0px;
  box-sizing: border-box;
}
#indexCard6-card-item1 {
  color: #191970;
  font-family: Arial;
  font-size: 19px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 15px 2px 0px 2px;
  box-sizing: border-box;
}
#indexCard6-card-item2 {
  background-color: #f8f8ff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #e6e6fa;
  box-sizing: border-box;
  color: #191970;
  font-family: Arial;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  height: 37px;
  margin: 25px 20px 20px 20px;
  display: inline-block;
}
#indexCard6-card-item2 a {
  display: block;
  padding: 10px 16px 10px 16px;
  text-decoration: none;
  color: inherit;
}
#wb_indexCard6:hover {
  transition: transform 300ms linear 0ms;
  transform: rotate(0deg) scale(1.05, 1.05);
}
#wb_indexLayoutGrid13 {
  background-color: #d3d3d3;
  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;
}
#indexLayoutGrid13 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px 0px 15px;
  box-sizing: border-box;
}
#indexLayoutGrid13 > .row {
  margin-left: -15px;
  margin-right: -15px;
}
#indexLayoutGrid13 > .row > .col-1 {
  font-size: 0;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid13 > .row > .col-1 {
  float: left;
}
#indexLayoutGrid13 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 100%;
  background-color: transparent;
}
#indexLayoutGrid13:before,
#indexLayoutGrid13:after,
#indexLayoutGrid13 .row:before,
#indexLayoutGrid13 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid13:after,
#indexLayoutGrid13 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid13 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexHeading10 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #000000;
  box-sizing: border-box;
  margin: 15px 10px 0px 10px;
  padding: 20px 0px 20px 0px;
  text-align: center;
  vertical-align: top;
  background-color: transparent;
}
#indexHeading10 {
  font-family: Arial;
  font-size: 27px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  text-align: center;
  text-transform: none;
  color: #191970;
}
#indexFlexGrid1 {
  background-color: #d3d3d3;
  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: "section1 section1 section3" "section2 section2 section3";
  grid-template-columns: 30% 40% 30%;
  grid-template-rows: 50% 50%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  display: grid;
}
#indexFlexGrid1 .section1 {
  align-content: flex-start;
  align-items: flex-start;
  background-color: transparent;
  background-image: none;
  flex-direction: row;
  flex-wrap: wrap;
  grid-area: section1;
  justify-content: flex-start;
  padding: 0px 0px 0px 0px;
  display: flex;
}
#indexFlexGrid1 .section3 {
  align-content: flex-start;
  align-items: flex-start;
  background-color: transparent;
  background-image: none;
  flex-direction: row;
  flex-wrap: wrap;
  grid-area: section3;
  justify-content: flex-start;
  padding: 0px 10px 0px 0px;
  display: flex;
}
#indexFlexGrid1 .section2 {
  align-content: flex-start;
  align-items: flex-start;
  background-color: transparent;
  background-image: none;
  flex-direction: row;
  flex-wrap: wrap;
  grid-area: section2;
  justify-content: flex-start;
  padding: 0px 0px 0px 0px;
  display: flex;
}
#wb_LayoutGrid1 {
  background-color: transparent;
  background-image: none;
  border-radius: 0px;
  border: 0px solid #cccccc;
  box-sizing: border-box;
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  max-width: 970px;
  position: relative;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  clear: both;
}
#LayoutGrid1 {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px 10px 15px;
  box-sizing: border-box;
}
#LayoutGrid1 > .row {
  margin-left: -15px;
  margin-right: -15px;
}
#LayoutGrid1 > .row > .col-1 {
  font-size: 0;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  box-sizing: border-box;
}
#LayoutGrid1 > .row > .col-1 {
  float: left;
}
#LayoutGrid1 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 100%;
  background-color: transparent;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after {
  content: " ";
  display: table;
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #LayoutGrid1 > .row > .col-1 {
    width: 100%;
    float: none;
  }
}
#wb_indexHeading7 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #000000;
  box-sizing: border-box;
  margin: 0;
  padding: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: top;
  background-color: transparent;
}
#indexHeading7 {
  font-family: Arial;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  text-align: center;
  text-transform: none;
  color: #191970;
}
#Line1 {
  border-bottom-width: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-top: 0;
  height: 0 !important;
  line-height: 0 !important;
  margin: 10px 0px 10px 0px;
  padding: 0;
  border-color: rgba(238, 238, 238, 1);
}
#Editbox4 {
  background-color: #ffffff;
  background-image: none;
  border-radius: 0px;
  border: 0px solid #cccccc;
  color: #555555;
  font-family: Arial;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  margin: 0;
  padding: 4px 4px 4px 4px;
  text-align: left;
  box-sizing: border-box;
}
#Editbox4:focus {
  outline: 0;
}
#Line2 {
  border-bottom-width: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-top: 0;
  height: 0 !important;
  line-height: 0 !important;
  margin: 10px 0px 10px 0px;
  padding: 0;
  border-color: rgba(238, 238, 238, 1);
}
#Editbox5 {
  background-color: #ffffff;
  background-image: none;
  border-radius: 0px;
  border: 0px solid #cccccc;
  color: #555555;
  font-family: Arial;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  margin: 0;
  padding: 4px 4px 4px 4px;
  text-align: left;
  box-sizing: border-box;
}
#Editbox5:focus {
  outline: 0;
}
#Line3 {
  border-bottom-width: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-top: 0;
  height: 0 !important;
  line-height: 0 !important;
  margin: 10px 0px 10px 0px;
  padding: 0;
  border-color: rgba(238, 238, 238, 1);
}
#Editbox6 {
  background-color: #ffffff;
  background-image: none;
  border-radius: 0px;
  border: 0px solid #cccccc;
  color: #555555;
  font-family: Arial;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  margin: 0;
  padding: 4px 4px 4px 4px;
  text-align: left;
  box-sizing: border-box;
}
#Editbox6:focus {
  outline: 0;
}
#Line4 {
  border-bottom-width: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-top: 0;
  height: 0 !important;
  line-height: 0 !important;
  margin: 10px 0px 10px 0px;
  padding: 0;
  border-color: rgba(238, 238, 238, 1);
}
#TextArea2 {
  background-color: #ffffff;
  background-image: none;
  border: 0px solid #cccccc;
  color: #555555;
  font-family: Arial;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  overflow: auto;
  padding: 4px 4px 4px 4px;
  resize: none;
  text-align: left;
  box-sizing: border-box;
}
#TextArea2:focus {
  outline: 0;
}
#TextArea2::placeholder {
  opacity: 1;
  color: #000000;
}
#TextArea2::-ms-input-placeholder {
  color: #000000;
}
#Line5 {
  border-bottom-width: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-top: 0;
  height: 0 !important;
  line-height: 0 !important;
  margin: 10px 0px 10px 0px;
  padding: 0;
  border-color: rgba(238, 238, 238, 1);
}
#Button2 {
  -webkit-appearance: none;
  background-color: #18bc9c;
  background-image: none;
  border-radius: 4px;
  color: #ffffff;
  font-family: Arial;
  font-size: 19px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #18bc9c;
}
#Button2:focus {
  outline: 0;
}
#wb_indexLayoutGrid10 {
  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;
}
#indexLayoutGrid10 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 5px 0px 5px;
  box-sizing: border-box;
}
#indexLayoutGrid10 > .row {
  margin-left: -5px;
  margin-right: -5px;
}
#indexLayoutGrid10 > .row > .col-1 {
  font-size: 0;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid10 > .row > .col-1 {
  float: left;
}
#indexLayoutGrid10 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 100%;
  background-color: transparent;
}
#indexLayoutGrid10:before,
#indexLayoutGrid10:after,
#indexLayoutGrid10 .row:before,
#indexLayoutGrid10 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid10:after,
#indexLayoutGrid10 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid10 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexSection1 {
  background-color: #f2f5f7;
  background-image: none;
  border-radius: 10px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
  text-align: right;
  height: 170px;
}
#indexSection1-card-body {
  font-size: 0;
  flex: 1 1 auto;
}
#indexSection1-card-item0 {
  color: #191970;
  font-family: Arial;
  font-size: 19px;
  font-style: normal;
  font-weight: bold;
  height: 15.2%;
  left: 50%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 11%;
  transform: translateX(-50%);
  width: 145px;
  box-sizing: border-box;
}
#indexSection1-card-item1 {
  height: 55%;
  left: 3%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 20.8%;
  width: 11.7%;
  box-sizing: border-box;
}
#indexSection1-card-item1 img {
  border-radius: 5px;
  border: 0px solid #000000;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  box-sizing: border-box;
}
#indexSection1-card-item2 {
  color: #362b36;
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  height: 19.5%;
  left: 16.1%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 31.5%;
  width: 80.2%;
  box-sizing: border-box;
}
#indexSection1-card-item3 {
  align-items: center;
  background-color: #d7ebf9;
  background-image: none;
  border-radius: 20px;
  border: 0px solid #aed0ea;
  box-sizing: border-box;
  color: #191970;
  font-family: Arial;
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  height: 22.4%;
  justify-content: center;
  left: 50%;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 60%;
  transform: translateX(-50%);
  width: 243px;
  display: inline-flex;
}
#indexSection1-card-item3 a {
  display: block;
  padding: 8px 0px 8px 0px;
  text-decoration: none;
  width: 100%;
  color: inherit;
}
#wb_indexLayoutGrid11 {
  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;
}
#indexLayoutGrid11 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 5px 0px 5px;
  box-sizing: border-box;
}
#indexLayoutGrid11 > .row {
  margin-left: -5px;
  margin-right: -5px;
}
#indexLayoutGrid11 > .row > .col-1 {
  font-size: 0;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid11 > .row > .col-1 {
  float: left;
}
#indexLayoutGrid11 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 100%;
  background-color: transparent;
}
#indexLayoutGrid11:before,
#indexLayoutGrid11:after,
#indexLayoutGrid11 .row:before,
#indexLayoutGrid11 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid11:after,
#indexLayoutGrid11 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid11 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexSection2 {
  background-color: #f2f5f7;
  background-image: none;
  border-radius: 10px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
  text-align: center;
  height: 170px;
}
#indexSection2-card-body {
  font-size: 0;
  flex: 1 1 auto;
}
#indexSection2-card-item0 {
  color: #191970;
  font-family: Arial;
  font-size: 19px;
  font-style: normal;
  font-weight: bold;
  height: 14.9%;
  left: 50%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 9.5%;
  transform: translateX(-50%);
  width: 145px;
  box-sizing: border-box;
}
#indexSection2-card-item1 {
  height: 55%;
  left: 3%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 20.8%;
  width: 11.7%;
  box-sizing: border-box;
}
#indexSection2-card-item1 img {
  border-radius: 5px;
  border: 0px solid #000000;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  box-sizing: border-box;
}
#indexSection2-card-item2 {
  color: #362b36;
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  height: 19.4%;
  left: 15.9%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 27.1%;
  width: 80.1%;
  box-sizing: border-box;
}
#indexSection2-card-item3 {
  align-items: center;
  background-color: #d7ebf9;
  background-image: none;
  border-radius: 20px;
  border: 0px solid #aed0ea;
  box-sizing: border-box;
  color: #191970;
  font-family: Arial;
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  height: 22.4%;
  justify-content: center;
  left: 50%;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 59.4%;
  transform: translateX(-50%);
  width: 243px;
  display: inline-flex;
}
#indexSection2-card-item3 a {
  display: block;
  padding: 8px 0px 8px 0px;
  text-decoration: none;
  width: 100%;
  color: inherit;
}
#wb_indexLayoutGrid12 {
  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;
}
#indexLayoutGrid12 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 5px 0px 5px;
  box-sizing: border-box;
}
#indexLayoutGrid12 > .row {
  margin-left: -5px;
  margin-right: -5px;
}
#indexLayoutGrid12 > .row > .col-1 {
  font-size: 0;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid12 > .row > .col-1 {
  float: left;
}
#indexLayoutGrid12 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 100%;
  background-color: transparent;
}
#indexLayoutGrid12:before,
#indexLayoutGrid12:after,
#indexLayoutGrid12 .row:before,
#indexLayoutGrid12 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid12:after,
#indexLayoutGrid12 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid12 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexSection3 {
  background-color: #f2f5f7;
  background-image: none;
  border-radius: 10px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
  text-align: center;
  height: 350px;
}
#indexSection3-card-body {
  font-size: 0;
  flex: 1 1 auto;
}
#indexSection3-card-item0 {
  color: #191970;
  font-family: Arial;
  font-size: 19px;
  font-style: normal;
  font-weight: bold;
  height: 25.6%;
  left: 50%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 8.8%;
  transform: translateX(-50%);
  width: 800px;
  box-sizing: border-box;
}
#indexSection3-card-item1 {
  height: 50%;
  left: 4.2%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 22.7%;
  width: 33.7%;
  box-sizing: border-box;
}
#indexSection3-card-item1 img {
  border-radius: 5px;
  border: 0px solid #000000;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  box-sizing: border-box;
}
#indexSection3-card-item2 {
  color: #362b36;
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  height: 50%;
  left: 45.4%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 21.1%;
  width: 49.6%;
  box-sizing: border-box;
}
#indexSection3-card-item3 {
  align-items: center;
  background-color: #d7ebf9;
  background-image: none;
  border-radius: 20px;
  border: 0px solid #aed0ea;
  box-sizing: border-box;
  color: #191970;
  font-family: Arial;
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  height: 12.1%;
  justify-content: center;
  left: 47.3%;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 76.9%;
  width: 46.7%;
  display: inline-flex;
}
#indexSection3-card-item3 a {
  display: block;
  padding: 8px 0px 8px 0px;
  text-decoration: none;
  width: 100%;
  color: inherit;
}
#wb_indexLayoutGrid15 {
  background-color: #d3d3d3;
  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;
}
#indexLayoutGrid15 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px 0px 15px;
  box-sizing: border-box;
}
#indexLayoutGrid15 > .row {
  margin-left: -15px;
  margin-right: -15px;
}
#indexLayoutGrid15 > .row > .col-1 {
  font-size: 0;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid15 > .row > .col-1 {
  float: left;
}
#indexLayoutGrid15 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 100%;
  background-color: transparent;
}
#indexLayoutGrid15:before,
#indexLayoutGrid15:after,
#indexLayoutGrid15 .row:before,
#indexLayoutGrid15 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid15:after,
#indexLayoutGrid15 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid15 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexHeading9 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #000000;
  box-sizing: border-box;
  margin: 10px 0px 0px 0px;
  padding: 20px 0px 20px 0px;
  text-align: center;
  vertical-align: top;
  background-color: transparent;
}
#indexHeading9 {
  font-family: Arial;
  font-size: 27px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  text-align: center;
  text-transform: none;
  color: #191970;
}
#indexFlexGrid4 {
  background-color: #d3d3d3;
  background-image: none;
  border: 0px solid #000000;
  box-sizing: border-box;
  font-size: 0;
  grid-template-areas: "contato map_etiq icon_contact" "email map address";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 20% auto;
  margin: 0;
  padding: 0px 0px 0px 0px;
  display: grid;
}
#indexFlexGrid4 .contato {
  align-content: center;
  align-items: center;
  background-color: transparent;
  background-image: none;
  flex-direction: row;
  flex-wrap: wrap;
  grid-area: contato;
  justify-content: space-around;
  padding: 0px 0px 0px 0px;
  display: flex;
}
#indexFlexGrid4 .map_etiq {
  align-content: center;
  align-items: center;
  background-color: transparent;
  background-image: none;
  flex-direction: row;
  flex-wrap: wrap;
  grid-area: map_etiq;
  justify-content: space-around;
  padding: 0px 0px 0px 0px;
  display: flex;
}
#indexFlexGrid4 .icon_contact {
  align-content: center;
  align-items: center;
  background-color: transparent;
  background-image: none;
  flex-direction: row;
  flex-wrap: wrap;
  grid-area: icon_contact;
  justify-content: space-around;
  padding: 0px 0px 0px 0px;
  display: flex;
}
#indexFlexGrid4 .email {
  align-content: flex-start;
  align-items: flex-start;
  background-color: transparent;
  background-image: none;
  flex-direction: row;
  flex-wrap: wrap;
  grid-area: email;
  justify-content: flex-start;
  padding: 0px 0px 0px 0px;
  display: flex;
}
#indexFlexGrid4 .map {
  align-content: flex-start;
  align-items: flex-start;
  background-color: transparent;
  background-image: none;
  flex-direction: row;
  flex-wrap: wrap;
  grid-area: map;
  justify-content: center;
  padding: 0px 0px 0px 0px;
  display: flex;
}
#indexFlexGrid4 .address {
  align-content: flex-start;
  align-items: flex-start;
  background-color: transparent;
  background-image: none;
  flex-direction: row;
  flex-wrap: wrap;
  grid-area: address;
  justify-content: flex-start;
  padding: 0px 0px 0px 0px;
  display: flex;
}
#wb_indexText3 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 10px 0px 10px 0px;
  text-align: center;
  background-color: transparent;
}
#wb_indexText3 div {
  text-align: center;
}
#wb_indexText3 {
  box-sizing: border-box;
  width: 100%;
  display: block;
}
#wb_indexLayoutGrid4 {
  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;
}
#indexLayoutGrid4 {
  margin-left: auto;
  margin-right: auto;
  padding: 5px 15px 5px 15px;
  box-sizing: border-box;
}
#indexLayoutGrid4 > .row {
  margin-left: -15px;
  margin-right: -15px;
}
#indexLayoutGrid4 > .row > .col-1 {
  font-size: 0;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid4 > .row > .col-1 {
  float: left;
}
#indexLayoutGrid4 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 100%;
  background-color: transparent;
}
#indexLayoutGrid4:before,
#indexLayoutGrid4:after,
#indexLayoutGrid4 .row:before,
#indexLayoutGrid4 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid4:after,
#indexLayoutGrid4 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid4 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#name {
  background-color: #f2f5f7;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dddddd;
  color: #362b36;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 39px;
  margin: 5px 0px 0px 0px;
  padding: 4px 4px 4px 4px;
  text-align: left;
  box-sizing: border-box;
}
#name:focus {
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075),
    0px 0px 8px rgba(102, 175, 233, 0.6);
  outline: 0;
  border-color: #66afe9;
}
#name::placeholder {
  opacity: 1;
  color: #d3d3d3;
}
#name::-ms-input-placeholder {
  color: #d3d3d3;
}
#email {
  background-color: #f2f5f7;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dddddd;
  color: #362b36;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 39px;
  margin: 5px 0px 0px 0px;
  padding: 4px 4px 4px 4px;
  text-align: left;
  box-sizing: border-box;
}
#email:focus {
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075),
    0px 0px 8px rgba(102, 175, 233, 0.6);
  outline: 0;
  border-color: #66afe9;
}
#email::placeholder {
  opacity: 1;
  color: #d3d3d3;
}
#email::-ms-input-placeholder {
  color: #d3d3d3;
}
#Mensagem {
  background-color: #f2f5f7;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dddddd;
  color: #362b36;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  margin: 5px 0px 0px 0px;
  overflow: auto;
  padding: 4px 4px 4px 4px;
  resize: none;
  text-align: left;
  box-sizing: border-box;
}
#Mensagem:focus {
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075),
    0px 0px 8px rgba(102, 175, 233, 0.6);
  outline: 0;
  border-color: #66afe9;
}
#Mensagem::placeholder {
  opacity: 1;
  color: #d3d3d3;
}
#Mensagem::-ms-input-placeholder {
  color: #d3d3d3;
}
#indexButton1 {
  -webkit-appearance: none;
  background-color: #d7ebf9;
  background-image: none;
  border-radius: 10px;
  color: #191970;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #aed0ea;
}
#indexButton1:focus {
  outline: 0;
}
#wb_indexText4 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 10px 0px 10px 0px;
  text-align: center;
  background-color: transparent;
}
#wb_indexText4 div {
  text-align: center;
}
#wb_indexText4 {
  box-sizing: border-box;
  width: 100%;
  display: block;
}
#wb_indexText5 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 10px 0px 10px 0px;
  text-align: center;
  background-color: transparent;
}
#wb_indexText5 div {
  text-align: center;
}
#wb_indexText5 {
  box-sizing: border-box;
  width: 100%;
  display: block;
}
#wb_indexLayoutGrid3 {
  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;
}
#indexLayoutGrid3 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px 0px 15px;
  box-sizing: border-box;
}
#indexLayoutGrid3 > .row {
  margin-left: -15px;
  margin-right: -15px;
}
#indexLayoutGrid3 > .row > .col-1 {
  font-size: 0;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid3 > .row > .col-1 {
  float: left;
}
#indexLayoutGrid3 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 100%;
  background-color: transparent;
}
#indexLayoutGrid3:before,
#indexLayoutGrid3:after,
#indexLayoutGrid3 .row:before,
#indexLayoutGrid3 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid3:after,
#indexLayoutGrid3 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid3 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexLayoutGrid14 {
  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;
}
#indexLayoutGrid14 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0px 10px 0px;
  box-sizing: border-box;
}
#indexLayoutGrid14 > .row {
  margin-left: 0;
  margin-right: 0;
}
#indexLayoutGrid14 > .row > .col-1,
#indexLayoutGrid14 > .row > .col-2 {
  font-size: 0;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid14 > .row > .col-1,
#indexLayoutGrid14 > .row > .col-2 {
  float: left;
}
#indexLayoutGrid14 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 8.33333333%;
  background-color: transparent;
}
#indexLayoutGrid14 > .row > .col-2 {
  background-image: none;
  text-align: left;
  width: 91.66666667%;
  background-color: transparent;
}
#indexLayoutGrid14:before,
#indexLayoutGrid14:after,
#indexLayoutGrid14 .row:before,
#indexLayoutGrid14 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid14:after,
#indexLayoutGrid14 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid14 > .row > .col-1,
  #indexLayoutGrid14 > .row > .col-2 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexText6 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: transparent;
}
#wb_indexText6 div {
  text-align: left;
}
#wb_indexText6 {
  box-sizing: border-box;
  width: 100%;
  display: block;
}
#wb_indexLayoutGrid16 {
  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;
}
#indexLayoutGrid16 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0px 10px 0px;
  box-sizing: border-box;
}
#indexLayoutGrid16 > .row {
  margin-left: 0;
  margin-right: 0;
}
#indexLayoutGrid16 > .row > .col-1,
#indexLayoutGrid16 > .row > .col-2 {
  font-size: 0;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid16 > .row > .col-1,
#indexLayoutGrid16 > .row > .col-2 {
  float: left;
}
#indexLayoutGrid16 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 8.33333333%;
  background-color: transparent;
}
#indexLayoutGrid16 > .row > .col-2 {
  background-image: none;
  text-align: left;
  width: 91.66666667%;
  background-color: transparent;
}
#indexLayoutGrid16:before,
#indexLayoutGrid16:after,
#indexLayoutGrid16 .row:before,
#indexLayoutGrid16 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid16:after,
#indexLayoutGrid16 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid16 > .row > .col-1,
  #indexLayoutGrid16 > .row > .col-2 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexText7 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: transparent;
}
#wb_indexText7 div {
  text-align: left;
}
#wb_indexText7 {
  box-sizing: border-box;
  width: 100%;
  display: block;
}
#wb_indexLayoutGrid17 {
  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;
}
#indexLayoutGrid17 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0px 10px 0px;
  box-sizing: border-box;
}
#indexLayoutGrid17 > .row {
  margin-left: 0;
  margin-right: 0;
}
#indexLayoutGrid17 > .row > .col-1,
#indexLayoutGrid17 > .row > .col-2 {
  font-size: 0;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid17 > .row > .col-1,
#indexLayoutGrid17 > .row > .col-2 {
  float: left;
}
#indexLayoutGrid17 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 8.33333333%;
  background-color: transparent;
}
#indexLayoutGrid17 > .row > .col-2 {
  background-image: none;
  text-align: left;
  width: 91.66666667%;
  background-color: transparent;
}
#indexLayoutGrid17:before,
#indexLayoutGrid17:after,
#indexLayoutGrid17 .row:before,
#indexLayoutGrid17 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid17:after,
#indexLayoutGrid17 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid17 > .row > .col-1,
  #indexLayoutGrid17 > .row > .col-2 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexText8 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: transparent;
}
#wb_indexText8 div {
  text-align: left;
}
#wb_indexText8 {
  box-sizing: border-box;
  width: 100%;
  display: block;
}
#wb_indexLayoutGrid18 {
  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;
}
#indexLayoutGrid18 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0px 10px 0px;
  box-sizing: border-box;
}
#indexLayoutGrid18 > .row {
  margin-left: 0;
  margin-right: 0;
}
#indexLayoutGrid18 > .row > .col-1,
#indexLayoutGrid18 > .row > .col-2 {
  font-size: 0;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  box-sizing: border-box;
}
#indexLayoutGrid18 > .row > .col-1,
#indexLayoutGrid18 > .row > .col-2 {
  float: left;
}
#indexLayoutGrid18 > .row > .col-1 {
  background-image: none;
  text-align: left;
  width: 8.33333333%;
  background-color: transparent;
}
#indexLayoutGrid18 > .row > .col-2 {
  background-image: none;
  text-align: left;
  width: 91.66666667%;
  background-color: transparent;
}
#indexLayoutGrid18:before,
#indexLayoutGrid18:after,
#indexLayoutGrid18 .row:before,
#indexLayoutGrid18 .row:after {
  content: " ";
  display: table;
}
#indexLayoutGrid18:after,
#indexLayoutGrid18 .row:after {
  clear: both;
}
@media (max-width: 480px) {
  #indexLayoutGrid18 > .row > .col-1,
  #indexLayoutGrid18 > .row > .col-2 {
    width: 100% !important;
    float: none;
  }
}
#wb_indexText9 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: transparent;
}
#wb_indexText9 div {
  text-align: left;
}
#wb_indexText9 {
  box-sizing: border-box;
  width: 100%;
  display: block;
}
#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 .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_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;
}
@media (max-width: 480px) {
  #indexLayoutGrid5 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#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;
}
@media (max-width: 480px) {
  #indexLayoutGrid6 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#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;
}
@media (max-width: 480px) {
  #indexLayoutGrid7 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#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;
}
@media (max-width: 480px) {
  #indexLayoutGrid9 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#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;
}
@media (max-width: 480px) {
  #indexLayoutGrid8 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#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;
}
@media (max-width: 480px) {
  #indexLayoutGrid19 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#indexLayer1 {
  background-image: none;
  border-radius: 0px;
  background-color: transparent;
}
#wb_indexIcon1 {
  background-image: none;
  border-radius: 0px;
  border: 0px solid #245580;
  line-height: 35px;
  margin: 0;
  padding: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: top;
  background-color: transparent;
}
#wb_indexIcon1 a::after {
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  right: 0;
  top: 0;
  z-index: 1;
  position: absolute;
}
#indexIcon1 {
  height: 100%;
  vertical-align: top;
  width: 100%;
  overflow: visible;
}
#indexIcon1 g {
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
  width: 30px;
  fill: #191970;
}
#wb_indexIcon1:hover g {
  fill: #191970;
}
#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;
}
@media (max-width: 480px) {
  #indexLayoutGrid20 > .row > .col-1 {
    width: 100% !important;
    float: none;
  }
}
#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;
}

/* Contenedor para las cards generadas dinámicamente */
#indexCardRepeater2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  padding: 20px;
  background-color: #d3d3d3;
  box-sizing: border-box;
  align-items: stretch; /* Mantener el stretch para igualar la altura de las tarjetas */
}

#indexCardRepeater2 > div {
  width: calc(33.33% - 10px); /* Ajusta al 33.33% del ancho del contenedor */
  display: flex; /* Utiliza flexbox para controlar el espacio interno */
  flex-direction: column; /* Alinea el contenido en una columna */
  justify-content: space-between; /* Distribuye el contenido verticalmente */
  box-sizing: border-box;
  padding: 15px;
  background-color: #fff; /* Asegura que todas las tarjetas tengan el mismo fondo */
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Estilos para cada card */
.news-card {
  background-color: #ffffff; /* Fondo blanco */
  border: 1px solid #cccccc; /* Borde gris claro */
  border-radius: 8px; /* Bordes redondeados */
  box-shadow: 4px 4px 10px #191970; /* Sombra suave */
  padding: 15px; /* Reducir el padding interno */
  width: calc(
    33.33% - 20px
  ); /* Tres cards en una fila con 10px de separación */
  box-sizing: border-box;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column; /* Asegura que los elementos dentro de la card estén alineados verticalmente */
  justify-content: space-between; /* flex-startAsegura que el contenido esté bien distribuido */
  /*margin: 0;*/
  text-align: center;
  /*height: auto; /* Las cards se ajustan al contenido */
  min-height: 350px; /* Reducir la altura mínima */
  max-height: 450px; /* Limitar la altura máxima */
  position: relative; /* Asegurar que los elementos internos estén bien alineados */
  margin-bottom: 15px;
  height: 100%; /* Asegura que la tarjeta ocupe todo el alto disponible */
}

/* Efecto hover para las cards */
.news-card:hover {
  transform: scale(1.05); /* Efecto de agrandamiento al pasar el mouse */
  /*box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra más intensa */
}

/* Ajuste específico para imágenes más grandes */
.news-card img {
  width: 100%; /* Ajustar la imagen al ancho de la card */
  height: auto; /* Mantener la relación de aspecto */
  max-height: 110px; /* Limitar la altura máxima de la imagen */
  object-fit: cover; /* Asegurar que la imagen se recorte en lugar de distorsionarse */
  border-radius: 5px;
  margin-bottom: 10px;
}

/* Título de las noticias */
.news-card h2 {
  font-size: 16px; /* Reducir el tamaño del título */
  color: #191970; /* Azul oscuro */
  margin-bottom: 10px;
  font-weight: bold;
}

/* Subtítulo de las noticias */
.news-card p {
  font-size: 13px; /* Reducir el tamaño del subtítulo */
  color: #454545; /* Gris oscuro */
  margin-bottom: 15px;
}

/* Imagen dentro de las cards */
.news-card img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  margin-bottom: 10px;
}

/* Enlace a la noticia */
.news-card a {
  display: inline-block;
  padding: 10px 15px;
  background-color: #191970; /* Azul oscuro */
  color: white;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  position: absolute; /* Posicionar el botón de manera absoluta */
  bottom: 10px; /* Fijar el botón al borde inferior con un margen de 10px */
  left: 50%; /* Centrar el botón horizontalmente */
  transform: translateX(-50%); /* Ajuste fino para centrar el botón */
}

/* Efecto hover para el enlace de "Leer más" */
.news-card a:hover {
  background-color: #f0f8ff; /* Fondo claro */
  color: #191970; /* Azul oscuro */
}

/* Adaptación responsive para pantallas más pequeñas */
@media (max-width: 768px) {
  .news-card {
    width: 100%; /* Las cards ocuparán todo el ancho en pantallas pequeñas */
  }
}

.news-header h2 {
  font-size: 1.5em;
  margin-bottom: 10px;
  color: #333;
  flex-shrink: 0; /* El título no se reduce si falta espacio */
}

.news-body {
  margin-bottom: 15px;
  flex-grow: 1; /* El contenido del body puede crecer según sea necesario */
  overflow: hidden;
}

.news-body img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.news-body p {
  color: #666;
  margin: 0; /* Elimina márgenes innecesarios */
  overflow: hidden; /* Oculta el texto que se desborde */
  text-overflow: ellipsis; /* Añade puntos suspensivos si el texto se desborda */
  display: -webkit-box; /* Para que funcione con flexbox en navegadores modernos */
  -webkit-line-clamp: 3; /* Limita el texto a 3 líneas */
  -webkit-box-orient: vertical; /* Necesario para que funcione line-clamp */
  white-space: normal; /* Permite que el texto haga salto de línea */
  margin-bottom: 15px; /* Añade espacio extra entre el subtítulo y el botón */
  max-height: 60px; /* Controla el tamaño máximo del subtítulo para evitar que exceda el espacio */
}

.news-footer {
  text-align: right;
  margin-top: auto; /* Asegura que el footer esté siempre al final */
  clear: both; /* Evita que el footer se superponga a otros elementos */
}

.btn {
  padding: 10px 15px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
}

.btn:hover {
  background-color: #0056b3;
}