@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap");


html,
body {
  background-color: #F5F5F5 !important;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

/* Global */
.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}


main.main-site .form-title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1.5px solid #d9d9d9;
  padding-top: 25px;
}
main.main-site label {
  display: block;
  width: 100%;
  text-align: left;
}


main.main-site select {
  background-color: transparent !important;
  color: #202020;
  border: 1px solid #757575 !important;
  font-size: 18px;
  border-radius: 10px;
  display: block;
  width: 100%;
  background: blue url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='gray'/></g></svg>") no-repeat;
  background-size: 20px;
  background-position: 95% center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 16px 20px;
}
main.main-site select::-ms-expand {
  display: none;
}
main.main-site select:focus {
  border: 1px solid #003e7e !important;
}
main.main-site input {
  background-color: transparent !important;
  color: #202020;
  border: 1px solid #757575 !important;
  font-size: 18px;
  border-radius: 10px;
}
main.main-site input::placeholder {
  color: rgba(32, 32, 32, 0.6);
}
main.main-site input:focus {
  border: 1px solid #003e7e !important;
}
main.main-site input.outline {
  border: 1px solid #a5a5a5 !important;
  background-color: transparent !important;
}
main.main-site input.outline::placeholder {
  color: #a5a5a5;
}
main.main-site .input-icon {
  position: relative;
  height: fit-content;
}
main.main-site .input-icon.big {
  /* max-width: 422px; */
  width: 100%;
  flex: 1 0 422px;
}
main.main-site .input-icon.big input {
  height: 64px;
}
main.main-site .input-icon input {
  padding-right: 40px !important;
}
main.main-site .input-icon button {
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  background-color: transparent;
  border: none;
}
main.main-site .input_wrapper {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  margin-bottom: 35px;
}




main.main-site .mb-35 {
  margin-bottom: 35px;
}
main.main-site .mb-6 {
  margin-bottom: 4rem !important;
}
main.main-site .pt-220 {
  padding-top: 220px;
}
main.main-site .transparent {
  background-color: transparent;
}
main.main-site .transparent i {
  font-size: 1.5rem;
}




main.main-site .w-fit {
  width: fit-content;
}
main.main-site hr {
  margin: 37px auto;
  background-color: #d9d9d9;
  height: 1.5px;
  width: 100%;
}

main.main-site a{
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
}

main.main-site .preloader.type-2 {
  background: #444444;
  position: absolute;
  width: 100%;
  height: 100%;
}
main.main-site span {
  line-height: 22px;
}
main.main-site h1,
main.main-site h2,
main.main-site h3,
main.main-site h4,
main.main-site h5,
main.main-site p,
main.main-site span,
main.main-site label ul li {
  font-family: "Open Sans", sans-serif;
  color: #000;
}
main.main-site h1.blue,
main.main-site h2.blue,
main.main-site h3.blue,
main.main-site h4.blue,
main.main-site h5.blue,
main.main-site p.blue,
main.main-site label.blue ul.blue li {
  color: #003e7e;
  font-weight: 500;
}


main.main-site h1,
main.main-site h2,
main.main-site h3,
main.main-site h4,
main.main-site h5,
main.main-site h6 {
  margin-top: 0;
}
main.main-site h2 {
  margin: 0;
  font-size: 49px;
  line-height: 54px;
}
main.main-site h4 {
  font-size: 28px;
  line-height: 33px;
  font-weight: 500;
  margin-bottom: 5px;
}
main.main-site h4.title {
  font-weight: 600;
  margin-bottom: 35px;
  font-size: 30px;
  margin-top: 50px;
}
main.main-site h5 {
  font-weight: 500;
}
main.main-site li,
main.main-site p {
  color: #202020;
}
main.main-site label.small {
  font-size: 14px;
}
main.main-site p {
  line-height: 22px;
}
main.main-site p span {
  color: #ff0000;
  font-weight: 700;
}
main.main-site p.subtitle {
  margin-bottom: 35px;
}
main.main-site a.green {
  color: #003e7a !important;
}
main.main-site .green-color {
  color: #003e7a;
  display: inline;
  font-weight: 700;
}
main.main-site .blue-color {
  color: #f3d600;
  display: inline;
  font-weight: 700;
}
main.main-site .underlined {
  text-decoration: underline;
}
main.main-site .highlight {
  background-color: #f3d600;
  color: #000;
  padding: 5px 20px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 4px;
}
main.main-site .text_right {
  text-align: right;
}
main.main-site .text_left {
  text-align: left !important;
}
main.main-site .m-auto {
  margin: auto;
}
main.main-site .mt--140 {
  margin-top: -140px;
  z-index: 2;
  position: relative;
}
main.main-site .mt-6 {
  margin-top: 6rem;
}
main.main-site .banner-section .overlay {
  background-image: url(../../../assets/img/main-background.png);
  background-position: center center;
  background-size: cover;
}
main.main-site .cmn-btn {
  color: #202020;
}
main.main-site .background-img {
  background: url("../../../assets/img/main-background.png") center center
    no-repeat;
  background-size: cover;
  transition: all 0.3s;
}
main.main-site .card-white {
  background-color: #003e7a;
  padding: 50px;
  border: 1px solid #f9f9f9;
  border-radius: 25px;
  box-shadow: 20px 20px 19px -9px rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: 20px 20px 19px -9px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 20px 20px 19px -9px rgba(0, 0, 0, 0.21);
}
main.main-site .card-white.fit {
  width: fit-content;
  padding: 25px 75px;
  margin: auto;
}
main.main-site .card-white.no-border {
  border-radius: 0;
}
main.main-site .card-white.min-border {
  border-radius: 4px;
}
main.main-site .card-white.back-image {
  background-position: top left;
  background-repeat: no-repeat;
}
main.main-site .card-white.custom-1 {
  max-width: 925px;
  display: grid;
  grid-template-columns: 45% 10% 45%;
  gap: 1rem;
  width: calc(100% - 2rem);
  margin: auto;
  min-height: 80px;
}
main.main-site .card-white.custom-1.no-limit {
  max-width: 100%;
  width: 100%;
}
main.main-site .card-white.custom-1 img {
  margin: 0 0.5rem;
}
main.main-site .normal-btn {
  font-size: 18px;
  line-height: 21px;
  background-color: #003e7a;
  color: #f9f9f9;
  text-align: center;
  padding: 17.5px 44.5px;
  border-radius: 5px;
  transition: all 0.2s ease-in;
}
main.main-site .normal-btn:hover {
  background-color: #002447;
}
main.main-site .normal-btn.right {
  display: block;
  margin-left: auto;
}
main.main-site .normal-btn.transparent {
  background-color: transparent;
  padding: 0;
}
main.main-site .cmn-btn {
  padding: 5px 30px;
  width: fit-content;
}
main.main-site .cmn-btn.p-min {
  padding: 10px 25px !important;
}
main.main-site .cmn-btn:hover {
  background-color: transparent;
  color: #003e7a;
}
main.main-site .cmn-btn.button-outline {
  background: transparent;
  color: #003e7a;
}
main.main-site .cmn-btn.button-outline:hover {
  background-color: #003e7a;
  color: #000;
}
main.main-site .cmn-btn.big-button {
  padding: 10px 35px;
  width: fit-content;
  height: fit-content;
}
main.main-site .cmn-btn.large-button {
  max-width: 422px;
  width: 100%;
}
main.main-site .grid-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  width: calc(100% - 1.5rem);
  gap: 1.5rem;
}
main.main-site .grid-40-60 {
  display: grid;
  grid-template-columns: 40% 60%;
  width: calc(100% - 0.3rem);
  gap: 0.3rem;
}
main.main-site .grid-75-25 {
  display: grid;
  grid-template-columns: 75% 25%;
  width: calc(100% - 4rem);
  gap: 4rem;
}
main.main-site .grid-75-25.gap-min {
  gap: 0.5rem;
  width: calc(100% - 0.5rem);
}
main.main-site .grid-60-15-25 {
  display: grid;
  grid-template-columns: 60% 15% 25%;
}
main.main-site .couter {
  display: flex;
  justify-content: center;
}
main.main-site .couter .counter-wrap {
  margin: 0 5px;
  font-weight: 500;
}
main.main-site .couter .counter-wrap .counter-item {
  background-color: #f9f9f9;
  border-radius: 4px;
  font-size: 49px;
  color: #fff;
  padding: 25px;
  margin: 0 5px;
  width: 78px;
  height: 81px;
}
main.main-site .grid-responsive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(435px, 1fr));
  width: 100%;
  gap: 2rem;
}
main.main-site .grid-responsive .item-grid {
  width: 100%;
  height: 100%;
}
main.main-site .grid-responsive .item-grid .image_wrapper {
  position: relative;
  width: fit-content;
  height: fit-content;
  border-radius: 4px;
  overflow: hidden;
}
main.main-site .grid-responsive .item-grid .image_wrapper:hover .courtain {
  opacity: 1;
}
main.main-site .grid-responsive .item-grid .image_wrapper:hover .share_icons {
  z-index: 1;
  opacity: 1;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper:hover
  .text-color-wrapper
  .text-color.text-small {
  color: #fff;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper:hover
  .text-color-wrapper
  .text-color.blue {
  color: #fff;
}
main.main-site .grid-responsive .item-grid .image_wrapper .courtain {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #003e7a;
}
main.main-site .grid-responsive .item-grid .image_wrapper img {
  width: 100%;
}
main.main-site .grid-responsive .item-grid .image_wrapper .share_icons {
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 12%;
  justify-content: center;
  z-index: -1;
  opacity: 0;
}
main.main-site .grid-responsive .item-grid .image_wrapper .share_icons img {
  width: 2.1rem;
  margin: 0 25px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper
  .share_icons
  img:hover {
  transform: translateY(-5px);
}
main.main-site .grid-responsive .item-grid .image_wrapper .text-color-wrapper {
  position: absolute;
  left: 10%;
  top: 30%;
  z-index: 1;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper
  .text-color-wrapper.type-1 {
  top: 15%;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper
  .text-color-wrapper.type-2 {
  top: 20%;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper
  .text-color-wrapper.type-3 {
  top: 25%;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper
  .text-color-wrapper
  .text-color {
  position: relative;
  user-select: none;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper
  .text-color-wrapper
  .text-color.text-normal {
  color: #fff;
  transition: all 0s ease-in;
  font-size: 30px;
  line-height: 30px;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper
  .text-color-wrapper
  .text-color.text-small {
  font-family: "Mukta", sans-serif;
  color: #003e7a;
  font-weight: 700;
  transition: all 0s ease-in;
  font-size: 16px;
  line-height: 16px;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper
  .text-color-wrapper
  .text-color.blue {
  font-family: "Kaushan Script", cursive;
  color: #003e7a;
  font-size: 3rem;
  line-height: 3rem;
  transition: all 0s ease-in;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper
  .text-color-wrapper
  .text-color.white {
  font-family: "Kaushan Script", cursive;
  color: #fff;
  font-size: 4rem;
  line-height: 4rem;
  margin-left: 7%;
  transition: all 0s ease-in;
}
main.main-site
  .grid-responsive
  .item-grid
  .image_wrapper
  .text-color-wrapper
  .text-color.white.special {
  font-family: "Kaushan Script", cursive;
  color: #fff;
  font-size: 3rem;
  line-height: 3rem;
  transition: all 0s ease-in;
  margin-left: 0;
}
main.main-site .slider-section {
  width: 100%;
  padding-top: 166px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
main.main-site .slider-section .sliderContainer {
  position: relative;
  background-color: transparent;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #f9f9f9;
}
main.main-site .slider-section .slider {
  width: 100%;
  height: 100%;
  position: relative;
  height: 60vh;
}
main.main-site .slider-section .slider .slide-general {
  width: 100%;
  height: 60vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
main.main-site .slider-section .slider .slide-general img {
  width: auto;
  height: 60vh;
  max-width: none;
}
main.main-site .slider-section .slick-slide {
  height: 100%;
  color: white;
}
main.main-site .slider-section .slick-prev:before,
main.main-site .slider-section .slick-next:before {
  color: black;
}
main.main-site .slider-section .slick-dots {
  bottom: -30px;
}
main.main-site .slider-section .progressBarContainer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 5rem;
  display: flex;
  justify-content: center;
}
main.main-site .slider-section .progressBarContainer .progressBarInner {
  display: grid;
  grid-template-columns: auto 40px;
  width: fit-content;
  align-items: center;
}
main.main-site
  .slider-section
  .progressBarContainer
  .progressBarInner
  .progress-bars {
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  width: fit-content;
}
main.main-site .slider-section .progressBarContainer .progressBarInner div {
  display: block;
  width: 110px;
  padding: 0;
  cursor: pointer;
  margin-right: 1rem;
  color: white;
  margin-bottom: 20px;
}
main.main-site
  .slider-section
  .progressBarContainer
  .progressBarInner
  div.active
  p {
  color: #fff;
}
main.main-site .slider-section .progressBarContainer .progressBarInner div p {
  color: transparent;
  transition: all 0.3s ease-in-out;
}
main.main-site
  .slider-section
  .progressBarContainer
  .progressBarInner
  div
  span.progressBar {
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.4);
  display: block;
  border-radius: 50px;
}
main.main-site
  .slider-section
  .progressBarContainer
  .progressBarInner
  div
  span.progressBar
  .inProgress {
  background-color: #f9f9f9;
  width: 0%;
  height: 3px;
}
main.main-site .slider-section .controls_carousel {
  width: 100%;
  height: fit-content;
  position: absolute;
  z-index: 1;
  inset: 0 0 0 0;
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding: 2rem;
}
main.main-site .slider-section .controls_carousel .back,
main.main-site .slider-section .controls_carousel .next {
  width: 82px;
  height: 82px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
main.main-site .slider-section .controls_carousel .back:hover,
main.main-site .slider-section .controls_carousel .next:hover {
  background-color: #fff;
}
main.main-site .slider-section .controls_carousel .back img,
main.main-site .slider-section .controls_carousel .next img {
  width: 80%;
  display: block;
  margin: 9% auto;
}
main.main-site .slider-section .cont {
  margin-left: 5px;
}
main.main-site .counter-section {
  margin-top: 0;
}
main.main-site .counter-section .single-area {
  justify-content: center;
  height: 100%;
}
main.main-site .counter-section .single-area .text-area {
  margin-left: 15px;
}
main.main-site .counter-section .single-area .img-area {
  width: 300px;
}
main.main-site .counter-section .single-area .img-area img {
  margin: auto;
  display: block;
}
main.main-site .counter-section::before {
  left: 0;
  width: 100%;
  background-color: #202020;
  border: 1px solid #f9f9f9;
  border-radius: 25px;
}
main.main-site .default_section {
  min-height: 100vh;
  padding: 2rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main.main-site .default_section.start {
  padding-top: 166px;
}
main.main-site .default_section.background {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
main.main-site .medium_section {
  min-height: 55vh;
  padding: 0 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main.main-site .medium_section input.special {
  background-color: transparent !important;
  font-size: 42px;
  font-size: 42px;
  padding: 2.5rem;
  text-align: center;
  max-width: 1000px;
  border: 1px solid #d9d9d9 !important;
  transition: all 0.3s ease-in-out;
}
main.main-site .medium_section input.special:focus {
  border: 1px solid #fff !important;
}
main.main-site .medium_section input.special::placeholder {
  color: #d9d9d9;
}
main.main-site .bet-this-game .single-area {
  border: 1px solid #f9f9f9;
}
main.main-site .bet-this-game .single-area .head-area {
  background-color: #f9f9f9;
}
main.main-site .bet-this-game .single-area .bottom-item {
  border-top: 1px solid #f9f9f9;
}
main.main-site
  .amazing-features
  .features-carousel
  .slick-arrow.slick-next::before {
  background-image: url(../../../assets/images/icon/arrow-right.png);
}
main.main-site
  .amazing-features
  .features-carousel
  .slick-arrow.slick-prev::before {
  background-image: url(../../../assets/images/icon/arrow-left.png);
}
main.main-site .faqs-section .faq-bg::before {
  background-color: #202020;
  border: 1px solid #f9f9f9;
}
main.main-site .faqs-section .accordion .accordion-item {
  background: #202020;
  border: 1px solid #f9f9f9;
}
main.main-site .faqs-section .accordion .accordion-item .accordion-button {
  background: #f9f9f9 !important;
}
main.main-site
  .faqs-section
  .accordion
  .accordion-item
  .accordion-button::before {
  background-color: #202020;
}
main.main-site .faqs-section .accordion .accordion-item .accordion-body p {
  border-top: 1px solid #fff;
}
main.main-site .log-reg .modal-content {
  background-color: #003e7e;
  overflow: hidden;
  border-radius: 25px;
  position: relative;
  border: none;
  min-height: 650px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15%;
}
main.main-site .log-reg .modal-content::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../../../assets/img/general/Vector-2.png);
}
main.main-site .log-reg .modal-content.type-2 {
  position: relative;
  background-color: #f3f3f3;
  overflow: hidden;
  border-radius: 25px;
  position: relative;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  overflow: hidden;
}
main.main-site .log-reg .modal-content.type-2.flow-paper-patch {
  padding-bottom: 4rem;
  background-color: #444444;
}
main.main-site .log-reg .modal-content.type-2 .pdf_container {
  width: 100%;
  height: 90vh;
}
main.main-site .log-reg .modal-content.type-2 .pdf_container_2,
main.main-site .log-reg .modal-content.type-2 .pdf_container_3 {
  width: 100%;
  height: 90vh;
}
main.main-site .log-reg .modal-content.type-2::after {
  display: none;
}
main.main-site .log-reg .modal-content img,
main.main-site .log-reg .modal-content h4,
main.main-site .log-reg .modal-content p {
  z-index: 2;
  position: relative;
  color: #003e7e;
  text-align: center;
}
main.main-site .log-reg .modal-content .log-reg-btn {
  position: relative;
  z-index: 1;
}
main.main-site .log-reg .modal-content .log-reg-btn li button {
  border-bottom: none;
}
main.main-site .log-reg .modal-content .log-reg-btn li button::before {
  content: "";
  width: 1000px;
  position: absolute;
  height: 500px;
  background-color: #f9f9f9;
  bottom: -15px;
  left: -100px;
  z-index: -1;
}
main.main-site .log-reg .modal-content .log-reg-btn li button.active {
  border-bottom: 1px solid #003e7a;
  color: #003e7a;
}
main.main-site .log-reg .modal-content .modal-header {
  z-index: 2;
  top: 1rem;
  right: 1rem;
}
main.main-site .log-reg .modal-content .modal-header .btn-close {
  background-color: white !important;
  background: url(../../../assets/img/icons/close.svg);
  opacity: 1;
  background-size: contain;
}
main.main-site .log-reg .modal-content .custom-btn {
  color: #fff;
  min-width: 100px;
  padding: 9px 14px;
  border-radius: 4px;
  font-size: 16px;
}
main.main-site .log-reg .modal-content .custom-btn.facebook-btn {
  background-color: #4067b2;
}
main.main-site .log-reg .modal-content .custom-btn.google-btn {
  background-color: #ea4335;
}
main.main-site
  .log-reg
  .modal-content
  .tab-content
  .login-reg-content
  .head-area {
  border-bottom: 1px solid #f9f9f9;
}
main.main-site
  .log-reg
  .modal-content
  .tab-content
  .login-reg-content
  .remember-me
  .checkbox-single
  input:checked
  ~ .checkmark {
  background: #f9f9f9;
  border: 1px solid #f9f9f9;
}
main.main-site
  .log-reg
  .modal-content
  .tab-content
  .login-reg-content
  .remember-me
  .checkbox-single
  .checkmark {
  background-color: #f9f9f9;
}
main.main-site
  .log-reg
  .modal-content
  .tab-content
  .login-reg-content
  .remember-me
  .checkbox-single
  .checkmark::after {
  width: auto;
  height: auto;
  background-image: none;
  content: "\f00c";
  font-weight: 900;
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-size: 0.8rem;
}
main.main-site .log-reg .modal-content .modal_body {
  padding: 3rem 2rem;
  width: 100%;
  height: 100%;
}
main.main-site .log-reg .modal-content .share_icons_modal {
  display: flex;
  justify-content: space-evenly;
  padding: 50px 40px 15px;
}
main.main-site .log-reg .modal-content .share_icons_modal a i {
  font-size: 2.2rem;
  color: #003e7a;
}
main.main-site .input-wrapper {
  display: flex;
  justify-content: center;
}
main.main-site .input-wrapper .input-inner {
  padding: 0 1rem;
}
main.main-site .input-wrapper .input-inner.type-1 .input-container {
  background-color: #e90052;
  color: #fff;
  border-radius: 4px;
}
main.main-site .input-wrapper .input-inner.type-2 .input-container {
  background-color: #003e7a;
  color: #000;
  border-radius: 4px;
}
main.main-site .input-wrapper .input-inner.type-2 .input-container input {
  color: #000;
  width: 2rem;
}
main.main-site
  .input-wrapper
  .input-inner.type-2
  .input-container
  input::placeholder {
  color: #000;
}
main.main-site .input-wrapper .input-inner label {
  font-size: 12px;
}
main.main-site .input-wrapper .input-inner label.mb {
  margin-bottom: 0.2rem;
}
main.main-site .input-wrapper .input-inner label.mt {
  margin-top: 0.2rem;
  color: #003e7a;
  text-decoration: underline;
  cursor: pointer;
}
main.main-site .input-wrapper .input-inner .input-container {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 10px;
  margin: auto;
}
main.main-site .input-wrapper .input-inner .input-container input {
  background: transparent;
  border: none;
  width: 1.5rem;
  height: fit-content;
  padding: 0;
  text-align: center;
}
main.main-site .grid-50-50 .last-name {
  grid-column: 1 / 3;
  text-align: left;
}
main.main-site .grid-50-50 span {
  text-align: left;
}
main.main-site .grid-60-15-25 p {
  text-align: left;
}
main.main-site .grid-60-15-25 .small {
  font-size: 12px;
}
main.main-site .field-container {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  text-align: center;
  row-gap: 3rem;
}
main.main-site .field-container.type-2 {
  grid-template-columns: auto 125px;
}
main.main-site .field-container.type-2 .side-field {
  flex-direction: column;
}
main.main-site .field-container img {
  width: 100%;
  margin: auto;
  display: block;
}
main.main-site .field-container .side-field {
  display: flex;
  justify-content: center;
}
main.main-site .field-container .field {
  display: flex;
  flex-direction: column;
  position: relative;
}
main.main-site .field-container .field::after {
  content: "";
  background: url(../../../assets/img/general/field_2.png) center center
    no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}
main.main-site .field-container .field .field-row {
  display: flex;
  flex-direction: row;
  padding: 0.5rem 0;
}
main.main-site .field-container .field .field-row:nth-child(2) {
  padding: 0.5rem 24%;
}
main.main-site .field-container .field .field-row:nth-child(3) {
  padding: 0.5rem 19%;
}
main.main-site .field-container .field .field-row:nth-child(4) {
  padding: 0.5rem 34%;
}
main.main-site .field-container .field .field-row .player {
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
main.main-site .field-container .field .field-row .player.captain::after {
  content: "C";
  background-color: #f3d600;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10%;
  right: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  border-radius: 4px;
  font-size: 1.2rem;
}
main.main-site .field-container .field .field-row .player img {
  width: 58px;
}
main.main-site .field-container .field .field-row .player p {
  font-size: 16px;
}
main.main-site .field-container .player {
  margin: 0 0.5rem 25px;
}
main.main-site .field-container .player img {
  width: 60px;
}
main.main-site .field-container .player .card-white {
  border: 0;
  width: fit-content;
  margin: auto;
  padding: 5px 10px;
}
main.main-site .button-container {
  display: block;
  margin: 0 auto;
  width: fit-content;
}
main.main-site .button-container button {
  margin: 0 0.5rem;
}
main.main-site .player-image {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  align-items: center;
  border-bottom: 1px solid #f9f9f9;
}
main.main-site .player-image img {
  max-height: 183px;
  width: auto;
  display: block;
  margin: auto;
}
main.main-site .player-points {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
  width: calc(100% + 60px);
  background-color: #f9f9f9;
  margin-left: -30px;
  margin-right: -30px;
}
main.main-site .player-points .player-point {
  text-align: center;
  position: relative;
  display: block;
  padding: 1rem 0;
}
main.main-site .player-points .player-point:not(:last-child):after {
  content: "";
  position: absolute;
  width: 100%;
  height: 80%;
  border-right: 1px solid #d9d9d9;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
main.main-site .modal-logo-container {
  display: grid;
  grid-template-columns: 50px auto;
  width: 100%;
}
main.main-site .modal-logo-container button {
  display: block;
  margin-left: auto;
}
main.main-site .faqs-section.faqs-page ul {
  border: none;
}
main.main-site .faqs-section.faqs-page ul .cmn-btn,
main.main-site .faqs-section.faqs-page ul .faqs-section.faqs-page ul .cmn-btn {
  background-color: transparent;
  color: #003e7a;
}
main.main-site .faqs-section.faqs-page ul .cmn-btn.active,
main.main-site .faqs-section.faqs-page ul .cmn-btn:hover {
  background-color: #003e7a;
  color: #000;
}









main.main-site .blog-section .blog-post {
  background: #202020;
  border: 1px solid #f9f9f9;
}
main.main-site .blog-section .blog-post .author .author-img {
  border: 3px solid #f9f9f9;
  max-width: 80px;
}
main.main-site .blog-section .bottom-item {
  border-top: 1px solid #f9f9f9;
}
main.main-site .blog-section .comments-area .title {
  border-bottom: 1px solid #f9f9f9;
}
main.main-site .blog-section .comments-area .single-comments {
  border-bottom: 1px solid #f9f9f9;
}
main.main-site
  .blog-section
  .comments-area
  .single-comments
  .right-area
  .reply-btn {
  color: #003e7a;
}
main.main-site .blog-section .leave-comments {
  background-color: #202020;
  border: 1px solid #f9f9f9;
}
main.main-site .blog-section .leave-comments .single-input .input-area {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
}
main.main-site .blog-section .leave-comments .single-input textarea {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
}
main.main-site .pagination .page-item .page-link {
  background: transparent;
  border: 1px solid #003e7a;
  color: #003e7a;
  font-size: 1.1rem;
}
main.main-site .add-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
main.main-site .add-container img {
  max-width: 266px;
}
main.main-site .add-container h2 {
  margin: 1rem;
}
main.main-site .sample-container {
  width: 1000px;
  height: 1000px;
  margin: auto;
}
main.main-site .button-mobile {
  display: none;
}
main.main-site .bg-white-content {
  background-color: white;
  padding: 1.5rem;
  border-radius: 16px;
 /*  width: 100%; */
  -webkit-box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.15);
  max-width: 1200px;
  margin: 0 auto;
}
main.main-site .w-medium {
  max-width: 500px;
}
main.main-site .title-secction {
  font-size: 43px;
  line-height: normal;
  font-weight: 700;
  color: #003e7a;
}
main.main-site .title-secction-form {
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  color: #003e7a;
}
main.main-site .txt-black {
  color: #000;
}
main.main-site .txt-blue {
  color: #003e7e;
}
main.main-site .txt-left {
  text-align: left;
}
main.main-site .over-none {
  overflow: initial;
}
main.main-site .content-parafo {
  padding: 0px 0.5rem;
}
main.main-site .content-parafo p {
  font-size: 1rem;
  color: #000;
  margin-bottom: 0.5rem;
}
main.main-site .content-img {
  width: 100%;
}
main.main-site .content-img img {
  width: 100% !important;
  max-height: 300px;
  min-height: 250px;
  /* height: 100%; */
  object-fit: contain;
  object-position: center;
}
main.main-site .mb-20 {
  margin-bottom: 20px;
}
main.main-site .mt-16px {
  margin-top: 30px;
}
main.main-site .accordion-wrap {
  padding: 0px 0.5rem;
}
main.main-site .accordion-item-b {
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  margin-top: 16px;
}
main.main-site .accordion-header {
  transition: ease-in-out 100ms;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #002c62;
  font-weight: 700;
  padding: 8px;
  border-bottom: 1px solid rgba(174, 173, 173, 0.516);
  user-select: none;
}
main.main-site .accordion-header:hover {
  background-color: #e3e3e37f;
  border-radius: 5px;
}
main.main-site .accordion-header .h-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px !important;
  min-height: 40px !important;
  background-color: #002c62;
  border-radius: 5px;
  color: white;
}
main.main-site .accordion-header strong {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: normal;
}
main.main-site .accordion-text {
  width: 100%;
  display: none;
  padding-bottom: 20px;
}
main.main-site .accordion-text ul {
  list-style: disc;
  padding: 1rem;
  margin-left: 1.5rem;
  
}
main.main-site .accordion-text ul li {
  font-size: 16px;
  margin-bottom: 8px;
  font-family: 'Open Sans', sans-serif;
}
main.main-site .fa {
  transition: ease-in-out 300ms;
}
main.main-site .rotate-fa {
  transform: rotate(180deg);
}
main.main-site .accordion-header .fa {
  float: right;
  line-height: 35px;
}
main.main-site .accordion-gold {
  color: #002c62;
}
main.main-site .accordion-no-bar {
  border-bottom: 0;
}
main.main-site .content-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-around;
}
main.main-site .sub-title-section {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  color: #003e7e;
}
main.main-site .input-select {
  width: 170px;
  flex-grow: 2;
}
main.main-site .input-select label {
  font-weight: 400;
  font-size: 15px;
  color: #003e7e;
  font-family: 'Open sans', sans-serif;
}
main.main-site .input-select select {
  border: 1px solid #003e7e !important;
}
main.main-site .input-select button {
  margin-top: 28px;
  padding: 14px 40px;
  background: rgba(0, 63, 126, 0.14);
  border-radius: 10px;
  color: #002c62;
}
main.main-site .input-select button:hover {
  background: rgba(0, 63, 126, 0.25);
}
main.main-site .input-select button:active {
  transform: scale(0.9);
}
main.main-site .conten-search {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-top: 28px;
}
main.main-site .conten-search label {
  font-weight: 400;
  font-size: 15px;
  color: #003e7e;
  width: fit-content;
}
main.main-site .grid-img {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 230px));
  gap: 1.5rem;
  background-color: #f6f9f9;
  padding: 1rem;
  justify-content: center;
}
main.main-site .grid-img .item-grid {
  width: 100%;
  height: 100%;
  min-height: 237px;
  border-radius: 1rem;
  object-fit: contain;
  transition: transform 0.3s;
  background-color: #fff;
  border: 1px solid rgba(200, 198, 198, 0.5);
  overflow: hidden;
}
main.main-site .grid-img .item-grid:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
  box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.2);
}
main.main-site .grid-img img {
  width: 100%;
  min-height: 237px;
  object-fit: fill;
}
main.main-site .grid-img span {
  display: block;
  width: 100%;
  text-align: center;
  color: #00346f;
  padding: 0.5rem;
  font-size: 1rem;
}
main.main-site .slider-benifit {
  width: 100vw !important;
}
main.main-site .spacing {
  padding-top: 12rem;
  min-height: auto;
  /* margin-top: 12rem; */
}
main.main-site .modal {
  visibility: hidden;
  opacity: 0;
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.506);
  transition: all 0.4s;
  height: 100vh;
}
main.main-site .modal:target {
  visibility: visible;
  opacity: 1;
}
main.main-site .modal__content {
  border-radius: 12px;
  position: relative;
  width: 750px;
  max-width: 90%;
  max-height: 90vh;
  background: #ffffff;
  padding: 1em 2em;
  overflow: auto;
}
main.main-site .modal__content2 {
  width: 100%;
  max-width: initial;
  max-height: initial;
}
main.main-site .modal__content2 .title-secction {
  font-size: 28px;
  text-transform: uppercase;
}
main.main-site .modal__content2 .layou-moodal-subitem {
  justify-content: space-around;
}
main.main-site .modal__footer {
  text-align: right;
}
main.main-site .modal__footer a {
  color: #585858;
}
main.main-site .modal__footer i {
  color: #d02d2c;
}
main.main-site .modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: hwb(210 0% 51%/0.5);
  text-decoration: none;
  font-size: 2.5rem;
  transition: 0.2s;
}
main.main-site .modal__close:hover {
  color: hwb(210 0% 51%);
  transition: 0.2s;
}
main.main-site .info-wrapp-modal {
  color: #000;
  background-color: #b0b0b033;
  padding: 0.5rem 0.8rem;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
}
main.main-site .status-modal {
  background-color: #1795ea1a;
  text-align: center;
  border-radius: 5px;
}
main.main-site .status-modal p {
  padding: 1rem;
  color: #1795ea;
  font-size: 1rem;
  font-weight: 700;
}
main.main-site .modal-descripcion p {
  font-size: 0.7rem;
  color: gray;
  line-height: 0.9rem;
  text-align: justify;
  padding: 0.7rem;
  background-color: #b0b0b082;
  margin-top: 0.5rem;
  border-radius: 5px;
}
main.main-site .img-modal {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
main.main-site .layou-moodal-img {
  display: flex;
  justify-content: center;
  /* background-color: rgba(0, 63, 126, 1);
    padding: 0.5rem; */
}
main.main-site .layou-moodal-img img {
  border-radius: 10px;
  border: 1px solid rgba(200, 198, 198, 0.5);
}
main.main-site .layou-moodal-head {
  border-bottom: 1px solid #c9c4c47a;
  padding-bottom: 0.5rem;
}
main.main-site .layou-moodal-head p {
  color: #a9a9a9;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.5rem 0rem;
}
main.main-site .layou-moodal-subitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
main.main-site .layou-moodal-subitem__item label {
  font-size: 1rem;
  color: #002c62;
  font-weight: 400;
}
main.main-site .layou-moodal-subitem__item span {
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
}
main.main-site .layou-moodal-body-list label {
  color: #221f1f;
  font-weight: 700;
  font-size: 1rem;
}
main.main-site .layou-moodal-body-list ul {
  list-style: disc;
  color: #221f1f;
  margin-left: 1rem;
}
main.main-site .layou-moodal-body-list ul li {
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.5rem;
}
main.main-site .layou-moodal-head-socia {
  padding: 0.5rem 0rem;
}
main.main-site .layou-moodal-head-socia label {
  color: #002c62;
  font-size: 1rem;
  font-weight: 600;
}
main.main-site .layou-moodal-head-socia ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
main.main-site .layou-moodal-head-socia ul li {
  transition: transform 0.3s;
}
main.main-site .layou-moodal-head-socia ul li:hover {
  transform: scale(1.2);
  transition: transform 0.3s;
}




main.main-site .img-comunicado {
  display: flex;
  justify-content: center;
  padding: 1rem;
}
main.main-site .txt-justify {
  text-align: justify;
}
main.main-site .txt-bold {
  font-weight: 700;
}
main.main-site .content-btns {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1rem;
  flex-wrap: wrap;
  /* padding: 1rem; */
}
main.main-site .content-btns a,
main.main-site .content-btns button,
main.main-site .content-btns input[type="submit"] {
  background: #003e7e !important;
  border-radius: 5px;
  color: #f9f9f9;
  font-weight: 700;
  padding: 1.1rem 3rem;
  font-size: 18px;
  line-height: 21px;
  border: 1px solid #003e7e !important;
  text-align: center;
}
main.main-site .content-btns a:hover,
main.main-site .content-btns button:hover,
main.main-site .content-btns input[type="submit"]:hover {
  color: #003e7e !important;
  background-color: transparent !important;
}
main.main-site .content-btns input[type="submit"] {
  padding: 0px !important;
}
main.main-site .content-btns .btn-size-equal {
  width: 200px;
}
main.main-site .content-btns .cancel {
  background: #f3f3f3;
  color: rgba(35, 31, 31, 0.4);
  font-weight: 700;
  border: none !important;
  flex: 1 0 150px;
}
main.main-site .content-btns .cancel:hover {
  background: #e0e0e0 !important;
  color: rgba(35, 31, 31, 0.4);
}
main.main-site .content-btns .ok {
  font-weight: 700;
  background: #003e7e;
  border: none !important;
  flex: 1 0 150px;
}
main.main-site .content-btns .ok:hover {
  background: #002f5e !important;
  color: white !important;
}
main.main-site .content-parrafo {
  font-size: 1rem;
}
main.main-site .content-parrafo p {
  font-size: 1rem;
}
main.main-site .content-btns-rigth {
  display: flex;
  justify-content: flex-end;
}
main.main-site .contents-imgs {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
  flex-wrap: wrap;
  background: white;
  z-index: 1;
}
main.main-site .contents-imgs__active {
  background-color: #bae6ff;
}
main.main-site .contents-imgs__item {
  flex: 1 0 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  cursor: pointer;
  background-color: white;
  position: relative;
  transition: transform 0.3s;
  /* &:hover img{
      
      			filter: invert(88%) sepia(69%) saturate(5689%) hue-rotate(340deg) brightness(99%) contrast(96%);
      		}
      		 */
  /* &:hover .check {
      	border: 2px solid hsla(210, 100%, 25%, 0.5);
      } */
}
main.main-site .contents-imgs__item img {
  padding: 0.5rem;
  width: fit-content;
  z-index: 2;
}
main.main-site .contents-imgs__item span {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #003e7e;
  z-index: 2;
  margin-top: 1rem;
  text-align: center;
}
main.main-site .contents-imgs__item label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  cursor: pointer;
}
main.main-site .contents-imgs__item .bg-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main.main-site .contents-imgs__item img {
  filter: invert(13%) sepia(86%) saturate(2566%) hue-rotate(198deg)
    brightness(96%) contrast(101%);
}
main.main-site .contents-imgs__item:hover {
  /* background-color: #BAE6FF; */
  background-color: #f3d600;
  transform: scale(1.1);
  transition: transform 0.3s;
}
main.main-site
  .contents-imgs__item:hover
  input[type="radio"]:checked
  ~ label
  ~ .bg-check {
  background-color: transparent;
}
main.main-site .contents-imgs__item .check {
  display: block;
  position: absolute;
  border: 2px solid #003e7e;
  border-radius: 100%;
  height: 27px;
  width: 27px;
  /* top: 30px;
        left: 20px; */
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
main.main-site .contents-imgs__item .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 50%;
  left: 50%;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
  transform: translate(-50%, -50%);
}
main.main-site .contents-imgs__item input[type="radio"]:checked ~ .check {
  border: 2px solid #003e7e;
}
main.main-site .contents-imgs__item input[type="radio"] {
  z-index: -1 !important;
  opacity: 0;
}
main.main-site
  .contents-imgs__item
  input[type="radio"]:checked
  ~ .check::before {
  background: #003e7e;
}
main.main-site
  .contents-imgs__item
  input[type="radio"]:checked
  ~ label
  ~ .bg-check {
  background-color: #bae6ff;
}
main.main-site div[disabled],
main.main-site a[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}
main.main-site .title-section-form {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  color: #003e7e;
  margin-bottom: 1rem;
}
main.main-site .title-section-form label {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #202020;
  margin-top: 2rem;
}
main.main-site .title-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 0.5rem;
}
main.main-site .title-section .color-1 {
  color: #003e7e;
}
main.main-site .title-section h4 {
  font-weight: 700;
  font-size: 1.3rem;
  margin: 0px;
  line-height: 23px;
}
main.main-site .title-section span {
  font-size: 1rem;
  font-weight: 400;
  color: rgba(33, 33, 33, 0.5);
}
main.main-site .label-form {
  font-size: 1rem;
  font-weight: 400;
  color: #202020;
}
main.main-site .label-form span::after {
  content: "*";
  color: #ff0505;
}
main.main-site .a-i-c {
  align-items: center;
}
main.main-site .outline2 {
  font-weight: 500;
  color: #202020 !important;
}
main.main-site .outline2:focus {
  border: 1px solid #003e7e !important;
}
main.main-site .unstyled {
  margin: 0;
  padding: 1rem;
  list-style-type: none;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  /* .styled-checkbox:focus+label:before {
    	box-shadow: 0 0 0 3px #003E7E;
    } */
}
main.main-site .unstyled li {
  width: 150px;
  display: flex;
  justify-content: end;
  /* flex: 1 0 150px; */
}
main.main-site .unstyled label {
  color: #000;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  width: fit-content;
  align-items: center;
  flex-direction: row-reverse;
  gap: 0.5rem;
  width: fit-content;
  line-height: normal;
}
main.main-site .unstyled label:hover {
  color: #003e7e;
}
main.main-site .unstyled .styled-checkbox {
  position: absolute;
  opacity: 0;
}
main.main-site .unstyled .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
main.main-site .unstyled .styled-checkbox + label:before {
  content: "";
  /* margin-right: 10px; */
  display: inline-block;
  vertical-align: text-top;
  min-width: 18px;
  min-height: 18px;
  background: #ffffff;
  border: 2px solid #003e7e;
  border-radius: 4px;
}
main.main-site .unstyled .styled-checkbox:hover + label:before {
  background: #003e7e;
}
main.main-site .unstyled .styled-checkbox:checked + label:before {
  background: #003e7e;
}
main.main-site .unstyled .styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
main.main-site .unstyled .styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
main.main-site .unstyled .styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white,
    4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg) translateY(-50%);
}
main.main-site .unstyled2 {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
main.main-site .unstyled2 li {
  width: 100%;
  display: flex;
  justify-content: start;
  /* flex: 1 0 150px; */
}
main.main-site .unstyled2 label {
  flex-direction: initial;
}
main.main-site .unstyled2 .styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 4px;
  /* top: 14px; */
}
main.main-site .layou-center {
  display: flex;
  justify-content: stretch;
  /* align-items: center; */
  flex-direction: column;
}
main.main-site .login-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
main.main-site .login-img img {
  width: 65%;
}
main.main-site .layou-full {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
main.main-site .chk-title-list {
  font-weight: 700;
  font-size: 24px;
  line-height: 21px;
  text-align: center;
  color: #003e7e;
}
main.main-site .txt-area-input {
  font-size: 1rem;
  background: transparent;
  border: 1px solid gray;
  height: auto;
  color: #000;
}
main.main-site .txt-area-input:focus {
  border: 1px solid #003e7e;
}
main.main-site .txt-area-input::placeholder {
  color: gray;
}
main.main-site .textArea-count {
  position: relative;
}
main.main-site .textArea-count span {
  position: absolute;
  bottom: 20px;
  right: 25px;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #003e7e;
}


main.main-site .modal-conten-success {
  box-sizing: border-box;
  padding: 2rem 3.8rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
main.main-site .modal-conten-success img {
  width: 130px;
}
main.main-site .modal-conten-success__txt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
main.main-site .modal-conten-success__txt p,
main.main-site .modal-conten-success__txt span {
  color: #003e7e;
  text-align: center;
}
main.main-site .modal-conten-success__txt p {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
}
main.main-site .modal-conten-success__txt span {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
main.main-site .btn-back {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1rem 1rem 0rem;
  color: #003e7e;
  margin-bottom: 2rem;
  border-radius: 8px;
  width: fit-content;
  cursor: pointer;
}
main.main-site .btn-back label {
  color: #003e7e;
  font-size: 24px;
  line-height: 33px;
  width: fit-content;
  cursor: pointer;
}
main.main-site .btn-back i {
  font-size: 1.2rem;
  padding: 0.5rem 1rem 0.5rem 0rem;
}
main.main-site .btn-back:hover ~ i,
main.main-site .btn-back:hover ~ label {
  color: rgba(0, 64, 128, 0.5);
  cursor: pointer;
}
main.main-site .table-form-style {
  /* border: 1px solid rgba(128, 128, 128, 0.54) !important; */
  border-radius: 12px;
  /* border-collapse: inherit; */
  text-align: center;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 1px;
}
main.main-site .table-form-style thead {
  background-color: #0070c0;
}
main.main-site .table-form-style thead th {
  padding: 0.5rem 1rem 0.5rem 0.2rem;
  /* min-width: 300px;
        max-width: 350px; */
  font-weight: 600;
  font-size: 13px;
  line-height: 21px;
  border-collapse: collapse;
  /* min-width: 80px; */
  height: 50px;
}
main.main-site .table-form-style thead th div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.main-site .table-form-style tbody td,
main.main-site .table-form-style tbody a,
main.main-site .table-form-style tbody span {
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 21px;
  color: #003e7e;
  text-transform: uppercase;
}
main.main-site .table-form-style tbody td:nth-child(1),
main.main-site .table-form-style tbody a:nth-child(1),
main.main-site .table-form-style tbody span:nth-child(1) {
  font-weight: 700;
}
main.main-site .table-form-style tbody td a,
main.main-site .table-form-style tbody a a,
main.main-site .table-form-style tbody span a {
  font-weight: 400 !important;
}
main.main-site .table-form-style tbody td a:hover,
main.main-site .table-form-style tbody a a:hover,
main.main-site .table-form-style tbody span a:hover {
  text-decoration: underline;
  cursor: pointer;
}
main.main-site .table-form-style tbody tr:nth-of-type(odd) {
  background: rgba(0, 62, 126, 0.05);
  background: rgba(0, 62, 126, 0.05);
}
main.main-site .table-form-style tbody tr {
  /* border: 1px solid rgba(128, 128, 128, 0.442); */
}
main.main-site .table-form-style tbody tr:hover {
  background: rgba(0, 62, 126, 0.07);
}
main.main-site .txt-modal-msg {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  color: #003e7e;
  margin-top: 2rem;
}
main.main-site .txt-modal-msg p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 21px;
  color: #003e7e;
}
main.main-site .layou-par {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0rem;
  flex-wrap: wrap;
  gap: 1rem;
}
main.main-site .chk-login {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
main.main-site .chk-login input[type="checkbox"] {
  width: 22px;
  height: 22px;
}
main.main-site .content-date {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
main.main-site .content-date label {
  color: #000;
  width: fit-content;
  font-size: 1rem;
}
main.main-site .icon-table {
  display: flex;
  align-items: center;
  justify-content: center;
}
main.main-site .icon-table a {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.main-site .icon-table a:hover {
  transform: scale(1.1);
  transition: transform 0.2s;
  background: rgba(0, 61, 122, 0.1);
  border-radius: 5px;
}
main.main-site .icon-table img {
  margin: 0px;
  border-radius: 0px;
  width: 75%;
}
main.main-site .icon-table img:hover {
  background: none;
}
main.main-site .txt-red {
  color: red;
}
main.main-site .selection {
  width: 100%;
}
main.main-site .select2-container {
  width: 100% !important;
}
main.main-site .select2-container--default .select2-selection--single {
  height: auto;
  border-radius: 10px;
}
main.main-site
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0.5rem 1rem;
  max-width: 95%;
  height: 45px;
  font-size: 16px;
}
main.main-site
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  width: 100%;
  background-image: url(../../../assets/img/icons/arrow_down.svg);
  background-size: 2rem;
  background-position: 98% center;
  background-repeat: no-repeat;
  margin-top: 12px;
}
main.main-site
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}

main.main-site .pt-2{
  padding-top: 16px !important;
}
main.main-site .pt-2{
  padding-bottom: 16px !important;
}

main.main-site .container-new {
  /* width: 100%; */
  max-width: 1200px;
  margin: 0 auto;
  padding: 0rem 1.5rem;
  margin-top: 1.5rem;
}

/* main.main-site .container-new-full {
  width: 100%;
} */
main.main-site .bg-white-solid {
  background: white;
}
main.main-site .bg-blue-light {
  background: rgba(0, 64, 128, 0.1);
}
main.main-site .pd-space-layoud {
  padding: 0rem 1.5rem;
}
main.main-site .layou-center-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-direction: column;
}
main.main-site .layou-center-title h1 {
  padding: 0px;
  margin: 0px;
  line-height: 50px;
}
main.main-site .txt-center {
  text-align: center;
}
main.main-site .pd-layout-full {
  padding: 2rem;
}
main.main-site .hide-content {
  overflow: hidden;
}
main.main-site .company-card {
  background-color: white;
  padding: 1rem;
  border-radius: 12px;
  /* height: 209px; */
  min-width: fit-content;
}
main.main-site .company-card h3 {
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  color: #003e7e;
}
main.main-site .company-card__body {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
main.main-site .company-card__body .body-item {
  width: 140px;
  border: 1px solid rgba(128, 128, 128, 0.2);
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  align-items: center;
  justify-content: space-around;
  position: relative;
  padding: 1rem 0rem;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.2s;
}
main.main-site .company-card__body .body-item:hover {
  transform: scale(1.05);
  transition: transform 0.2s;
  box-shadow: 0px 0px 5px rgba(128, 128, 128, 0.2);
  cursor: pointer;
}
main.main-site .company-card__body .body-item img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  z-index: 9;
  object-fit: contain;
  object-position: center;
}
main.main-site .company-card__body .body-item span {
  color: #003e7e;
  font-weight: 700;
  font-size: 13px;
  line-height: normal;
  text-align: center;
  z-index: 9;
  padding: 5px !important;
}
main.main-site .company-card__body .body-item a,
main.main-site .company-card__body .body-item p {
  color: #003e7e;
  font-weight: 400;
  font-size: 11px;
  line-height: normal;
  text-align: center;
}
main.main-site .company-card__body .body-item a:hover,
main.main-site .company-card__body .body-item p:hover {
  color: #003f7eaf;
}
main.main-site .company-card__body .body-item input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
main.main-site .company-card__body .body-item label {
  /* border: 1px solid red; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  cursor: pointer;
  background: transparent;
}
main.main-site .company-card__body .body-item .bg-card {
  position: absolute;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
main.main-site
  .company-card__body
  .body-item
  input[type="radio"]:checked
  ~ label
  ~ .bg-card {
  background: rgba(0, 64, 128, 0.25);
}
main.main-site
  .company-card__body
  .body-item
  input[type="radio"]:checked
  ~ label:hover
  ~ .bg-card {
  background: transparent;
}
main.main-site .company-card__body .body-item--hover {
  transition: transform 0.3s;
}
main.main-site .company-card__body .body-item--hover:hover {
  background: rgba(0, 64, 128, 0.25);
  border-radius: 5px;
  transform: scale(1.1);
  transition: transform 0.3s;
}
main.main-site .layout-company {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  /* 	align-items: center; */
  /* 	overflow-x: auto; */
  padding: 1rem 0px;
  flex-wrap: wrap;
}

main.main-site .txt-1 {
  font-size: 1rem;
}
main.main-site .w-750 {
  max-width: 700px;
  margin: 0 auto;
}
main.main-site .title-medium {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #003e7e;
}
main.main-site .txt-title-xl {
  font-size: 36px;
  line-height: inherit !important;
  margin-bottom: 8px !important;
}
main.main-site .layou-pay {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
main.main-site .layou-pay__item {
  /* flex: 1 280px 280px; */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  gap: 0.5rem;
  flex-direction: column;
  width: 280px;
}
main.main-site .layou-pay__item span {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background: #003e7a;
  font-size: 24px;
  font-weight: 700;
}
main.main-site .layou-pay__item img {
  border-radius: 8px;
  height: 100px;
}
main.main-site .layou-pay__item h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #003e7e;
  text-align: left;
  width: 100%;
  min-height: 50px;
  text-align: center;
}
main.main-site .layou-pay__item p {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  text-align: left;
  width: 100%;
  min-height: 50px;
}
main.main-site .layou-pay__item a {
  width: 200px;
  padding: 0.7rem 0px;
  margin: 0px auto;
  background: #003e7e;
  border-radius: 8px;
  border: 1px solid #003e7e;
  color: white;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
main.main-site .layou-pay__item a:hover {
  background: transparent;
  color: #003e7e;
}
main.main-site .content-filter-pay {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
main.main-site .content-filter-pay .content-select {
  flex: 1 0 70%;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
main.main-site .content-filter-pay .content-select .input-select {
  flex-grow: initial;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  /* flex-wrap: wrap; */
}
main.main-site .content-filter-pay .content-select .input-select label {
  width: fit-content;
}
main.main-site .content-filter-pay .conten-search {
  flex: 1 0 30%;
  margin-top: 0px;
}
main.main-site .content-filter-pay .conten-search input {
  height: 55px;
  padding-left: 20px;
  width: 100%;
}
main.main-site .content-filter-pay .line-filter {
  height: 55px;
  width: 1px;
  display: block;
  background-color: #8080805e;
}
main.main-site .layout-qr {
  max-width: 600px;
  padding: 1rem;
  margin: 0 auto;
}
main.main-site .layout-qr img {
  width: 100%;
}
main.main-site .layout-qr .txt-qr {
  width: 100%;
  text-align: center;
}
main.main-site .layout-qr .txt-qr p {
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #202020;
}
main.main-site .layout-qr .txt-qr h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #003e7e;
}
main.main-site .content-txt-form {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
}
main.main-site .layout-icons-click {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: 1.5rem;
}
main.main-site .layout-icons-click__item {
  background: white;
  height: 150px;
  border-radius: 12px;
  box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
main.main-site .layout-icons-click__item span {
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #003E7E;
}



main.main-site .layout-form-grid {
  grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
  display: grid;
  column-gap: 2rem;
  row-gap: 1rem;
}
main.main-site #pais {
  grid-column: span 2;
}

main.main-site .txt-datatable .dataTables_paginate span a {
  padding: 0px 10px !important;
  font-size: 1rem;
  background-color: gray !important;
  border: none !important;
}
main.main-site .new-input-form label {
  margin-bottom: 5px;
}
main.main-site .new-input-form input,
main.main-site .new-input-form select {
  font-size: 16px;
  height: 45px;
}
main.main-site .new-input-form .row {
  padding: 0px;
  margin: 0px;
}
main.main-site
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field {
  height: 35px;
  font-size: 16px;
  border-radius: 8px;
  padding: 0.8rem;
}
main.main-site
  .select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #007aff;
}
main.main-site li.select2-results__option {
  font-size: 16px;
}
main.main-site li.select2-results__option:hover {
  background: #007aff;
}
main.main-site #register-form-table_filter label {
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: 16px;
}
main.main-site #register-form-table_filter label input {
  border-radius: 8px;
  border: 1px solid #002f5e !important;
  width: 300px;
  font-size: 16px;
  padding: 0rem 1rem;
}
main.main-site .content-slider {
  width: 100%;
  position: relative;
}
main.main-site .content-slider img {
  width: 100%;
}
main.main-site .content-slider a {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  min-width: 200px;
  padding: 0.7rem 0px;
  margin: 0px auto;
  background: #f3d600;
  border-radius: 8px;
  border: 1px solid #f3d600;
  color: #003e7a;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
main.main-site .content-slider a:hover {
  background: rgba(243, 214, 0, 0.7);
  /* color: #003E7E; */
}
main.main-site .content-slider .center {
  right: 50%;
  transform: translateX(50%);
  padding: 0.7rem 20px;
}
main.main-site .card-grid-b {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  width: 100%;
  gap: 1rem;
}
main.main-site .card-grid-b .item {
  border-radius: 10px;
  overflow: hidden;
  height: 312px;
  position: relative;
}
main.main-site .card-grid-b .item img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
main.main-site .card-grid-b .item p {
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  padding: 1rem 2rem;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
main.main-site .card-video {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
}
main.main-site .card-video .item-video {
  flex: 1 0 600px;
  position: relative;
}
main.main-site .card-video .item-video .bg-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #003e7e 0%, rgba(30, 84, 141, 0.5) 100%);
  display: flex;
  align-items: end;
  padding: 1rem;
}
main.main-site .card-video .item-video .bg-text p {
  background: none;
  height: fit-content;
  position: initial;
  text-align: initial;
  display: flex;
  align-items: center;
  padding: 0px;
  justify-content: space-between;
  gap: 1rem;
}
main.main-site .card-video .item-video .bg-text p span {
  color: white;
}
main.main-site .card-video .item-video .bg-text p i {
  color: #f3d600;
  font-size: 40px;
  cursor: pointer;
  transition: transform 0.2s;
}
main.main-site .card-video .item-video .bg-text p i:hover {
  transform: scale(1.1);
  transition: transform 0.2s;
}
main.main-site .card-video .video-big {
  overflow: hidden;
  border-radius: 10px;
  height: 638px;
}
main.main-site .card-video .video-big img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
main.main-site .card-video .video-big div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}
main.main-site .card-video .video-big div span {
  font-size: 36px;
  font-weight: 700;
  color: white;
}
main.main-site .card-video .video-big div a {
  min-width: 200px;
  padding: 0.7rem 0px;
  background: #f3d600;
  border-radius: 8px;
  border: 1px solid #f3d600;
  color: #003e7a;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  transition: transform 0.2s;
}
main.main-site .card-video .video-big div a:hover {
  transform: scale(1.1);
  transition: transform 0.2s;
}
main.main-site .tabs {
  display: flex;
  flex-wrap: wrap;
  background: white;
  padding: 1.5rem;
  border-radius: 16px;
}
main.main-site .tabs h3 {
  display: flex;
  gap: 1rem;
  font-size: 20px;
  font-weight: 500;
  color: #003e7a;
  align-items: center;
}
main.main-site .tabs h3 img {
  width: 45px;
}
main.main-site .tabs p {
  font-size: 18px;
  color: #003e7a;
  font-weight: 300px;
  padding-bottom: 1.5rem;
  text-align: justify;
}
main.main-site .tabs .parafo-tab {
  font-size: 13px;
  font-weight: 300;
  color: #003e7a;
}
main.main-site .tabs hr {
  margin: 20px auto;
  background-color: #0d6efd;
}
main.main-site .tabs label {
  flex: 1 0 200px;
  order: 1;
  display: block;
  padding: 1rem 2rem;
  cursor: pointer;
  background: #e4f3ff;
  font-weight: bold;
  transition: background ease 0.2s;
  text-align: center;
  font-size: 18px;
  color: #859db4;
  border-right: 1px solid #a7a7a7;
  height: 60px;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}
main.main-site .tabs label img {
  display: none;
}
main.main-site .tabs label:nth-last-child(-n + 3) {
  border-right: 1px solid #a7a7a700;
}
main.main-site .tabs label:hover {
  background: #002c62;
  color: white;
}
main.main-site .tabs label:hover img {
  display: block;
}
main.main-site .tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1.5rem;
  background: #fff;
}
main.main-site .tabs input[type="radio"] {
  display: none;
}
main.main-site .tabs input[type="radio"]:checked + label {
  background: #002c62;
  color: white;
}
main.main-site .tabs input[type="radio"]:checked + label img {
  display: block;
}
main.main-site .tabs input[type="radio"]:checked + label + .tab {
  display: block;
}
@media (max-width: 45em) {
  main.main-site .tabs .tab,
  main.main-site .tabs label {
    order: initial;
  }
  main.main-site .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}
main.main-site .bg-white2 {
  background-color: white;
  padding: 1.5rem;
  border-radius: 16px;
  -webkit-box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.15);
}
main.main-site .canje1 h3 {
  color: #003e7e;
  font-size: 35;
  font-weight: 700;
  line-height: normal;
  margin: 1rem 0rem;
}
main.main-site .canje1 p {
  color: #003e7e;
  text-align: justify;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
}
main.main-site .canje1 h5 {
  color: #003e7e;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
main.main-site .canje1 .txt-gray {
  color: #221f1f;
}
main.main-site .btn-tabs {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
main.main-site .btn-tabs__item {
  flex: 1 0 115px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 5px;
  background: #003e7e;
  border-bottom: 2px solid #ffd200;
  color: white;
}
main.main-site .tabs-tajeta {
  background: transparent;
  gap: 1rem;
  padding: 0px 8px;
  justify-content: center;
}
main.main-site .tabs-tajeta .tab {
  margin-top: 1rem;
  border-radius: 10px;
}
main.main-site .tabs-tajeta .tab h3 {
  font-size: 20px;
}
main.main-site .tabs-tajeta .tab h2 {
  color: #003e7e;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}
main.main-site .tabs-tajeta label {
  border-radius: 10px;
  border: 1px solid #cdcdcd !important;
  background: #fff;
  color: #221f1f;
  flex: initial;
  width: 300px;
}
main.main-site .tabs-tajeta label img {
  display: block;
}
main.main-site .tabs-tajeta label:hover {
  color: white;
  border-bottom: 3px solid #ffd200 !important;
}
main.main-site .tabs-tajeta label:hover img {
  filter: invert(100%) sepia(98%) saturate(18%) hue-rotate(224deg)
    brightness(104%) contrast(100%);
}
main.main-site .tabs-tajeta input[type="radio"]:checked + label {
  border-bottom: 3px solid #ffd200 !important;
}
main.main-site .tabs-tajeta input[type="radio"]:checked + label img {
  filter: invert(100%) sepia(98%) saturate(18%) hue-rotate(224deg)
    brightness(104%) contrast(100%);
}
main.main-site .select-chk {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
main.main-site .select-chk .chk-item {
  flex: 1 0 110px;
}
main.main-site .select-chk .chk-item label {
  background: #ebebeb;
  border-radius: 5px;
  font-size: 13px;
  padding: 7px 12px;
  border: 1px solid transparent !important;
  height: fit-content;
  text-transform: uppercase;
  width: auto;
}
main.main-site .select-chk .chk-item label:hover {
  background: #002c62;
  color: white;
}
main.main-site .select-chk .chk-item input {
  display: none;
  opacity: 0;
}
main.main-site .select-chk .chk-item input[type="checkbox"]:checked + label {
  background: #002c62;
  color: white;
}
main.main-site .sub-title-tabs h5 {
  color: #221f1f;
  font-size: 13px;
  font-weight: 700;
}
main.main-site .grid-tabs {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 2rem;
  padding: 2rem;
  border-radius: 10px;
  background: #f6f9f9;
  margin-bottom: 2rem;
}
main.main-site .grid-tabs__item {
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  box-shadow: 2px 2px 4px rgba(128, 128, 128, 0.1);
  outline: 2px solid #e6e6e6;
  height: 100%;
}
main.main-site .grid-tabs__item:hover {
  outline: 2px solid #ffd200;
  cursor: pointer;
}
main.main-site .grid-tabs__item .grid-img-tabs {
  width: 100%;
  margin-bottom: 12px;
  min-height: 210px;
}
main.main-site .grid-tabs__item .grid-img-tabs img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
main.main-site .grid-tabs__item .grid-txt {
  border-radius: 9px;
  background: #ffdeb9;
  /* width: 100%; */
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 8px 1rem;
  margin: 0px 8px 8px 8px;
}
main.main-site .grid-tabs__item .grid-txt span,
main.main-site .grid-tabs__item .grid-txt strong {
  color: #c07531;
  font-size: 13px;
  line-height: normal;
  font-weight: 500;
  text-align: center;
}
main.main-site .grid-tabs__item .grid-txt strong {
  font-size: 15px;
  font-weight: 700;
}
main.main-site .info-txt-tabs {
  width: 100%;
  padding: 2rem 0px;
}
main.main-site .info-txt-tabs p {
  color: #003e7e;
  text-align: center;
  font-family: Open Sans;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
main.main-site .info-txt-tabs a {
  margin: 0px auto;
  border-radius: 10px;
  background: #ffd200;
  padding: 10px 16px;
  color: #003e7e;
  font-size: 18px;
  font-weight: 600;
  display: block;
  width: fit-content;
  text-align: center;
}
main.main-site .info-txt-tabs a:hover {
  background: #ffdc42;
}
main.main-site .info-txt-tabs .txt {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
main.main-site .info-txt-tabs .txt h5 {
  color: #003e7e;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}
main.main-site .info-txt-tabs .txt ul {
  padding-left: 25px;
  margin-bottom: 1.5rem;
}
main.main-site .info-txt-tabs .txt ul li {
  color: #221f1f;
  font-family: Open Sans;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 7px;
}
main.main-site .info-txt-tabs .txt p {
  color: #003e7e;
  font-size: 24px;
  font-weight: 300;
  text-align: left;
}
main.main-site .info-txt-tabs .txt .content-btn-tab {
  display: flex;
  justify-content: end;
}
main.main-site .info-txt-tabs .txt .content-btn-tab a {
  background: #003e7e;
  color: white;
  margin: 0px;
}
main.main-site .info-txt-tabs .txt .content-btn-tab a:hover {
  background: #22507e;
}
main.main-site .info-txt-tabs .txt a {
  background: #003e7e;
  color: white;
}
main.main-site .title-parr {
  color: #003e7e;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 4rem;
}
main.main-site .ipt-frm label {
  color: #111;
  font-size: 13px;
}
main.main-site .ipt-frm input,
main.main-site .ipt-frm select,
main.main-site .ipt-frm input[type="date"],
main.main-site .ipt-frm textarea {
  border-radius: 10px;
  border: 1px solid #ddd !important;
  font-size: 15px;
  background: white;
}
main.main-site .ipt-frm hr {
  margin: 1rem 0px;
  width: 100%;
  height: 1.5px;
  background-color: #d9d9d9;
}
main.main-site .ipt-frm button {
  border-radius: 10px;
  background: #003e7e;
  text-align: center;
  color: white;
  padding: 1rem;
  width: 100%;
}
main.main-site .tabs .tab h3.podcast {
  margin-bottom: 1rem;
}
main.main-site .tabs .tab h3.podcast p {
  margin-bottom: 1rem;
  font-size: 22px;
  font-weight: 700;
  background: transparent !important;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
main.main-site .tabs .tab h3.podcast img {
  width: 65px;
  border-radius: 8px;
}
main.main-site .tabs .tab h3.podcast p a {
  font-size: 22px !important;
  margin-top: 0px;
  text-decoration: underline;
  color: #003e7a;
  background: transparent !important;
  margin-left: 18px;
}
main.main-site .tabs .tab h3.podcast p a:hover {
  color: #ffd200;
}
@media screen and (max-width: 530px) {
  main.main-site .tabs .tab h3.podcast p,
  main.main-site .tabs .tab h3.podcast p a {
    font-size: 16px !important;
    text-align: left;
  }
  main.main-site .tabs .tab h3.podcast p a {
    font-weight: 700;
    margin-left: 14px;
  }
  main.main-site .tabs .tab h3.podcast img {
    display: block;
  }
  main.main-site .tabs .tab h3 img {
    display: none;
  }
}
main.main-site .txt-color-purple {
  color: #5652a3;
}
main.main-site .title-libe {
  color: #5652a3;
  font-family: Open Sans;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 12px;
}
main.main-site .list-img {
  list-style: none;
}
main.main-site .list-img li {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px;
}
main.main-site .list-img li span {
  min-width: 50px;
  min-height: 50px;
  border-radius: 10px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #5652a3;
  font-family: Open Sans;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.main-site .list-img li p {
  font-size: 20px;
  margin: 0px;
}
main.main-site .list-img li p a {
  border-radius: 10px;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  transition: transform 0.3s;
}
main.main-site .list-img li p a img {
  height: 60px;
  padding: 4px;
}
main.main-site .list-img li p a:hover {
  transform: scale(1.05);
  transition: transform 0.3s;
  border-color: #d1d3d6;
}
main.main-site .bg-purple-content {
  background-color: #5652a3;
  padding: 1.5rem;
  border-radius: 16px;
  width: 100%;
  -webkit-box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.15);
  min-height: 320px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.main-site .libe {
  width: 75%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
main.main-site .libe img {
  width: 25%;
  padding: 16px;
}
main.main-site .libe div {
  width: 75%;
  padding: 16px;
}
main.main-site .libe div h3 {
  color: #fff;
  font-family: Open Sans;
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 25px;
}
main.main-site .libe div a {
  border-radius: 8px;
  border: 1px solid #38cb89;
  background: #38cb89;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 10px 18px;
  color: #fff;
  font-family: Open Sans;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  transition: transform 0.2s linear;
}
main.main-site .libe div a:hover {
  transform: scale(1.05);
  transition: transform 0.2s linear;
}
main.main-site .txt-servicios {
  color: #003e7e;
  text-align: center;
  font-family: "Open", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  width: 100%;
}
main.main-site .footer-text {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  width: 100%;
  justify-content: center;
}
main.main-site .footer-text span {
  color: #002c62;
  text-align: center;
  padding: 0px !important;
}
main.main-site .footer-text span:last-child {
  color: #f3d600;
  text-decoration: underline;
}
main.main-site .footer-text span:last-child:hover {
  color: #002c62;
}
main.main-site .grid-use {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 16px;
  margin-top: 20px;
}
main.main-site .grid-use .grid-use_item {
  border-radius: 8px;
  border: 1px solid #f2f4f7;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 8px;
  display: grid;
  gap: 16px;
  grid-template-columns: 64px 1fr 40px;
  align-items: center;
}
main.main-site .grid-use .grid-use_item img {
  border-radius: 10px;
}
main.main-site .grid-use .grid-use_item:hover {
  border-color: #002c628a;
}
main.main-site .grid-use .grid-use_item .txt-use {
  margin: 0px;
  color: #344054;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
main.main-site .grid-use .grid-use_item .icon-use {
  border-radius: 8px;
  border: 1px solid #f2f4f7;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 8px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.main-site .etiquta-txt-center {
  background-color: #003e7e;
  width: fit-content;
  padding: 12px 18px 12px 18px !important;
  border-radius: 10px;
  margin: 0 auto;
  color: #ffd200 !important;
  font-family: "Open Sans", sans-serif;
  font-size: 18px !important;
  line-height: normal;
  text-align: center !important;
  margin-bottom: 16px;
}
main.main-site .txt-list {
  /* background: #FFD200; */
  border-radius: 12px;
  padding: 16px;
  /* background: linear-gradient(353deg, rgba(255, 159, 0, 1) 0%, rgba(255, 210, 0, 1) 29%, rgba(255, 210, 0, 1) 71%, rgba(255, 159, 0, 1) 100%);
    } */
  background: linear-gradient(
    353deg,
    #ff9f00 0%,
    #ffd200 20%,
    #ffd200 79%,
    #ff9f00 100%
  );
}
main.main-site .txt-list .grid-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px;
}
main.main-site .txt-list .list-item {
  display: flex;
  gap: 12px;
  margin: 14px 0px;
  flex-direction: column;
  align-items: center;
  background: white;
  /* padding: 16px; */
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(224, 224, 224, 0.4);
}
main.main-site .txt-list .list-item svg {
  min-width: 35px;
  height: 70px;
  width: 70px;
}
main.main-site .txt-list .list-item svg:hover #anima-1 {
  transform: translate(30px, -30px);
  transition: 0.3s;
}
main.main-site .txt-list h4 {
  color: #003e7e;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
main.main-site .txt-list span {
  color: #fff;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 16px;
  background-color: #003e7e;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 105px;
  width: 100%;
}
main.main-site .txt-list p {
  color: #003e7e;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  padding: 16px;
}
main.main-site .card-video {
  background-color: #003e7e;
  border-radius: 12px;
  margin-top: 35px;
}
main.main-site .card-video .title-content {
  width: 100%;
  padding: 16px;
  border-bottom: 1px solid #fff;
  height: fit-content;
}
main.main-site .card-video .title-content h3 {
  color: #ffd200;
  font-family: "Inter", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.96px;
  text-align: center;
  display: block;
}
main.main-site .card-video .title-content p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0px;
}
main.main-site .card-video .body-card {
  padding: 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #fff;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
}
main.main-site .card-video .body-card p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  flex: 430px 0 1;
  text-align: center;
}
main.main-site .card-video .body-card iframe {
  flex: 1;
}
main.main-site .card-video .footer-card {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
main.main-site .card-video .footer-card p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0px;
}
main.main-site .card-video .footer-card p a {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  background: none;
  padding: 0px;
  text-decoration: underline;
}
main.main-site .card-video .footer-card p a:hover {
  color: #ffd200;
}
main.main-site .card-video .footer-card a {
  margin: 0px !important;
  padding: 15px 25px;
  font-size: 20px;
  font-weight: 700;
}
main.main-site .banner-img-club {
  width: 100%;
  height: 300px;
  border-radius: 12px;
  background-color: #e3e3e3;
  overflow: hidden;
}






/* ============================== */
@media screen and (max-width: 768px){
  main.main-site .content-filter-pay .line-filter {
    display: none;
  }
  main.main-site .content-filter-pay {
      flex-wrap: wrap;
  }
  main.main-site .content-filter-pay .content-select .input-select {
    flex-wrap: wrap;
}
}

@media screen and (max-width: 575px){
  .content-select {
    flex: 1 0 100%;
  }
  main.main-site .content-filter-pay .content-select .input-select {
    flex: 1 0 100%;
  }

}