/* ---- Generic CSS Setup ---- */
body, h1, h2, h3, h4, h5, h6, p {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  margin: 0;
  color: var(--bs-customblue);
}

:root {
  --bs-lightblue: #eaf1fb;
  --bs-customblue: #1f3162;
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --hlb-blue: #002147;
  --hlb-red: #FF0000;
  --hk-gold: #ffe2b0;
  --hk-darkgold: #E4A669;
  --hk-darkred: #aa0614;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

.ecasa-referee *,
.ecasa-referee *::before,
.ecasa-referee *::after {
  box-sizing: border-box;
}

.ecasa-referee a {
  color: var(--bs-customblue);
}

.ecasa-referee h2 {
  font-family: "noto_sanssemibold",Arial,sans-serif;
  font-weight: 700;
  line-height: 1.5;
}

.ecasa-referee .display-1 {
  font-size: clamp(1.2rem, 1.425rem + 2.1vw, 3rem);
  line-height: 1.2;
}

.ecasa-referee .display-2 {
  font-size: clamp(1rem, 1.375rem + 1.5vw, 2.5rem);
  line-height: 1.2;
}

.ecasa-referee .display-3 {
  font-size: clamp(0.8rem, 1.325rem + 0.9vw, 2rem);
  line-height: 1.2;
}

.ecasa-referee .display-4 {
  font-size: clamp(0.6rem, 1.275rem + 0.5vw, 1.5rem);
  line-height: 1.2;
}

.ecasa-referee .display-5 {
  font-size: clamp(0.4rem, 1.225rem + 0.2vw, 1rem);
  line-height: 1.5;
}

.ecasa-referee .display-6 {
  font-size: clamp(0.4rem, 1rem + 0.1vw, 0.75rem);
  line-height: 1.5;
}

.ecasa-referee img {
  width: 100%;
  object-fit: cover;
}

.ecasa-referee .row .col {
  width: 70%;
  padding-left: 15px;
  padding-right: 15px;
}

.ecasa-referee .text-white {
  color: var(--bs-white);
}

.ecasa-referee .pt-80 {
  padding-top: 80px;
}

.ecasa-referee .pt-50 {
  padding-top: 50px;
}

.ecasa-referee .pb-80 {
  padding-bottom: 80px;
}

.ecasa-referee .pb-50 {
  padding-bottom: 50px;
}

.ecasa-referee h1,
.ecasa-referee .info-sec h4,
.ecasa-referee .info-sec h5,
.ecasa-referee .more-info-sec .col h3,
.ecasa-referee .more-info-sec .col h4,
.ecasa-referee .more-info-sec .col h5,
.ecasa-referee .choose-sec .col h4 {
  font-family: "noto_sansbold", Arial,sans-serif;
  font-weight: 700;
}

.ecasa-referee .cta-sec .col-item p {
  font-weight: 600;
}

/* ---- Info Sec ---- */
.ecasa-referee .main-container {
  overflow-x: hidden;
  position: relative;
  width: 100vw !important;
  left: 50%;
  right: 50%;
  margin-left: calc(-50vw - 0px);
  margin-right: calc(-50vw - 0px);
  color: var(--hlb-blue);
}

.ecasa-referee .info-sec .title-holder {
  margin-bottom: 100px;
}

.ecasa-referee .info-sec .row .col:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.ecasa-referee .info-sec .col-outer-layer {
  border-radius: 30px;
  text-align: center;
  padding-bottom: 60px;
  /*width: calc(33.33% - 13.33px);*/
  width: calc(33.33% - 13.33px);
  background-image: linear-gradient(180deg, #0D4DE4 12.16%, #060FA3 103.68%);
}

.ecasa-referee .info-sec .col-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-radius: 30px;
  justify-content: center;
}

.ecasa-referee .info-sec .col-wrapper img {
  width: 130px;
  margin-top: -30px;
}

.ecasa-referee .info-sec .col-outer-layer:last-child img {
  margin-top: -80px;
}

.ecasa-referee .info-sec .col-wrapper .col-item {
  width: 90%;
}

.ecasa-referee .info-sec .col-outer-layer h4,
.ecasa-referee .info-sec .col-outer-layer h5,
.ecasa-referee .info-sec .col-outer-layer p {
  color: var(--bs-white);
}

.ecasa-referee .info-sec .col-outer-layer h4 {
  margin-bottom: 5px;
}

.ecasa-referee .info-sec .col-right .img-wrapper {
  position: relative;
}

/* ---- More Info Sec ---- */
.ecasa-referee .more-info-sec .col:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.ecasa-referee .more-info-sec .title-holder {
  margin-bottom: 30px;
}

.ecasa-referee .more-info-sec .col .col-outer-layer {
  width: calc(45% - 15px);
  border-radius: 20px;
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center;
  min-height: 300px;
  padding: 15px;
}

.ecasa-referee .more-info-sec .col .col-outer-layer:last-child {
  width: calc(55% - 15px);
}

.ecasa-referee .more-info-sec .col .col-left {
  background-image: url('../images/img-grand-prize.jpg');
}

.ecasa-referee .more-info-sec .col .col-right {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
}

.ecasa-referee .more-info-sec .col .col-right .col-right-item {
  width: 100%;
  border-radius: 20px;
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 15px;
}

.ecasa-referee .more-info-sec .col .col-right .col-right-item:first-child {
  background-image: url('../images/img-second-prize.jpg');
  min-height: 200px;
}

.ecasa-referee .more-info-sec .col .col-right .col-right-item:last-child {
  background-image: linear-gradient(180deg, #0D4DE4 12.16%, #060FA3 103.68%);
  overflow: hidden;
  min-height: 100px;
}

.ecasa-referee .more-info-sec .col-right-item:last-child .text-col {
  width: 60%;
}

.ecasa-referee .more-info-sec .col-right-item:last-child .text-col h5,
.ecasa-referee .more-info-sec .col-right-item:last-child .text-col p {
  color: var(--bs-white);
}

.ecasa-referee .more-info-sec .col-right-item:last-child:after {
  content: '';
  display: block;
  background-image: url('../images/img-other-prize.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  position: absolute;
  right: -20px;
  bottom: -5px;
  width: 50%;
  height: 100%;
}

.ecasa-referee .more-info-sec .col .col-outer-layer h3,
.ecasa-referee .more-info-sec .col .col-outer-layer h4,
.ecasa-referee .more-info-sec .col .col-outer-layer h5 {
  text-transform: uppercase;
}

.ecasa-referee .more-info-sec .col a {
  font-family: "noto_sansbold",Arial,sans-serif;
  font-weight: 700;
  text-decoration: underline;
}

/* ---- Steps Sec ---- */
.ecasa-referee .steps-sec {
  background-color: var(--bs-lightblue);
}

.ecasa-referee .step-slider-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/* --- Top Tabs Navigation --- */
.ecasa-referee .step-tabs-nav {
  background-image: linear-gradient(180deg, #0D4DE4 12.16%, #060FA3 103.68%);
  border-radius: 15px;
  max-width: 480px;
  margin: 30px auto 20px auto;
  padding: 0 8px;
  position: relative;
}

.ecasa-referee .step-tabs-nav .slick-list,
.ecasa-referee .step-tabs-nav .slick-track {
  width: 100% !important;
  display: flex !important;
  transform: none !important;
}

.ecasa-referee .step-tabs-nav .tab-item {
  flex: 1 1 33.333% !important;
  width: 33.333% !important;
  float: none !important;
  color: #ffffff;
  font-family: "noto_sansbold",Arial,sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  text-align: center;
  padding: 12px 0;
  cursor: pointer;
  position: relative;
  outline: none;
  box-sizing: border-box;
}

.ecasa-referee .step-tabs-nav .tab-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 6px;
  background-color: #ee3124;
  border-radius: 50px;
  transition: width 0.25s ease-in-out;
}

.ecasa-referee .step-tabs-nav .slick-current.tab-item::after {
  width: 50%;
}

/* --- Content Card Slider --- */
.ecasa-referee .step-content-slider {
  position: relative;
}

.ecasa-referee .slide-item {
  padding: 0 50px 50px;
}

.ecasa-referee .slide-card {
  position: relative;
}

.ecasa-referee .slide-card::before {
  content: '';
  display: block;
  position: absolute;
  background: var(--bs-white);
  border-radius: 50px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
  width: 100%;
  height: 90%;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.ecasa-referee .slide-wrapper {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 60px;
  z-index: 1;
}

.ecasa-referee .slide-left {
  flex: 1;
  padding-right: 20px;
}

.ecasa-referee .slide-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.ecasa-referee .step-badge {
  display: inline-block;
  background-image: linear-gradient(180deg, #0D4DE4 12.16%, #060FA3 103.68%);
  color: var(--bs-white);
  padding: 8px 18px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.ecasa-referee .phone-img {
  max-width: 260px;
  height: auto;
}

/* --- Arrows Styling --- */
.ecasa-referee .slick-prev::before,
.ecasa-referee .slick-next::before {
  display: none !important;
}

.ecasa-referee .custom-arrow {
  width: 15px;
  height: 15px;
  background: transparent;
  border: none;
  padding: 0;
  z-index: 10;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ecasa-referee .custom-arrow img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.2s ease;
}

.ecasa-referee .custom-arrow:hover img {
  transform: scale(1.1);
}

.ecasa-referee .slick-prev {
  left: 70px;
}

.ecasa-referee .slick-next {
  right: 70px;
}

/* ---- Choose Sec ---- */
.ecasa-referee .choose-sec .title-holder {
  margin-bottom: 60px;
}

.ecasa-referee .choose-sec .row .col:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 60px;
}

.ecasa-referee .choose-sec .col-outer-layer {
  width: calc(50% - 10px);
  display: flex;
}

.ecasa-referee .choose-sec .col-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.ecasa-referee .choose-sec .col-wrapper .col-item:first-child {
  width: 100%;
  background-color: var(--bs-white);
  border-radius: 30px 30px 0 0;
}

.ecasa-referee .choose-sec .img-wrapper {
  width: 100%;
  height: 150px;
  position: relative;
  background-image: linear-gradient(0deg, #CCC 59.93%, #D5D5D5 68.38%, #FFF 102.17%);
  border-radius: 30px 30px 0 0;
}

.ecasa-referee .choose-sec .img-wrapper img {
  width: 100%;
  height: 300px;
  object-fit: contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -100px;
}

.ecasa-referee .choose-sec .col-wrapper .col-item:last-child {
  background-color: #00174c;
  padding: 30px 20px 50px 20px;
  border-radius: 0 0 30px 30px;
  color: white;
  position: relative;
  flex-grow: 1;
}

.ecasa-referee .choose-sec .col-item:last-child:after {
  content: '';
  display: block;
  color: #ffffff;
  margin-top: -20px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url('../images/asset-curve-shape.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.ecasa-referee .choose-sec .col-outer-layer h4,
.ecasa-referee .choose-sec .col-outer-layer p {
  color: var(--bs-white);
  position: relative;
  z-index: 2;
}

.ecasa-referee .choose-sec .col-outer-layer h4 {
  margin-bottom: 15px;
}

.ecasa-referee .choose-sec ul {
  list-style: initial;
  padding-inline-start: 15px;
}

.ecasa-referee .choose-sec ul li:not(:last-child) {
  margin-bottom: 15px;
}

/* ---- CTA Sec ---- */
.ecasa-referee .cta-sec .row .col .col-outer-layer {
  background-image: linear-gradient(180deg, #0D4DE4 12.16%, #060FA3 103.68%);
  display: flex;
  flex-wrap: wrap;
  padding: 30px 50px;
  gap: 50px;
  border-radius: 20px;
  align-items: center;
  justify-content: space-between;
}

.ecasa-referee .cta-sec .row .col .col-outer-layer p {
  color: var(--bs-white);
}

.ecasa-referee .cta-sec .col-item {
  width: calc(50% - 25px);
}

.ecasa-referee .cta-sec .col-left img {
  width: 80%;
  margin-top: 10px;
}

.ecasa-referee .cta-sec .col-right {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: calc(45% - 25px);
}

.ecasa-referee .cta-sec .col-right > img,
.ecasa-referee .cta-sec .col-right .list-of-platform {
  width: calc(50% - 10px);
}

/* ---- Accordion Sec ---- */
.ecasa-referee .accordion-sec .accordion .row .col {
  width: 100%;
}

.ecasa-referee .accordion-sec .accordion-body > ol,
.ecasa-referee .accordion-sec .accordion-body ul {
  padding-inline-start: 20px;
}

.ecasa-referee .accordion-sec .accordion-body > ol > li:not(:last-child) {
  margin-bottom: 20px;
}

.ecasa-referee .accordion-sec .accordion-body > ol > li > ul {
  list-style: initial;
}

.ecasa-referee .accordion-sec .accordion-body .roman-list {
  list-style: lower-roman;
}

.ecasa-referee .accordion-sec .accordion-button{
  border: none;
  background: none;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
}

.ecasa-referee .accordion-sec .accordion-button::after{
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url('../images/accordion-close.svg');
  background-repeat: no-repeat;
  transition: 0.2s ease-in-out;
  margin-left: auto;
}

.ecasa-referee .accordion-sec .accordion-button:not(.collapsed)::after {
  background-image: url('../images/accordion-open.svg');
  margin-top: 12px;
}

.ecasa-referee .accordion-sec .text-col {
  color: var(--bs-blue);
  display: block;
  gap: 15px;
  justify-content: center;
}

.ecasa-referee .accordion-sec .text-col a {
  text-decoration: underline;
}

.ecasa-referee .accordion-collapse {
  margin-top: 20px;
}

/* ---- Mobile Responsive ---- */
@media (max-width: 1200px) {
  .ecasa-referee .info-sec .col-wrapper .col-item:not(:first-child) {
    width: 80%;
  }

  .ecasa-referee .more-info-sec .col .col-right .text-col {
    width: 100%;
  }

  .ecasa-referee .more-info-sec .col-right-item:last-child .text-col {
    width: 50%;
  }

  .ecasa-referee .more-info-sec .col-right-item:last-child:after {
    width: 60%;
    height: 70%;
  }
}

@media (max-width: 991px) {
  .ecasa-referee .row .col {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .ecasa-referee .more-info-sec .col .col-outer-layer,
  .ecasa-referee .more-info-sec .col .col-outer-layer:last-child {
    width: 100%;
  }

  .ecasa-referee .more-info-sec .col .col-outer-layer:last-child {
    min-height: 400px;
  }

  .ecasa-referee .more-info-sec .col .col-outer-layer,
  .ecasa-referee .more-info-sec .col .col-right .col-right-item:last-child {
    height: auto;
  }

  .ecasa-referee .more-info-sec .col .col-right {
    justify-content: left;
    text-align: left;
  }
}

@media (max-width: 600px) {
  .ecasa-referee .info-sec .title-holder {
    margin-bottom: 60px;
  }

  .ecasa-referee .info-sec .row .col:last-child {
    gap: 100px;
  }

  .ecasa-referee .info-sec .col-outer-layer {
    width: 100%;
  }

  .ecasa-referee .slide-item {
    padding: 20px 20px 50px;
  }

  .ecasa-referee .slide-wrapper {
    flex-wrap: wrap;
    padding: 30px 60px 0;
    gap: 20px;
  }

  .ecasa-referee .slide-card::before {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
  }

  .ecasa-referee .slide-left,
  .ecasa-referee .slide-right {
    width: 100%;
    flex: unset;
    text-align: center;
    padding: 0;
  }

  .ecasa-referee .slide-right {
    justify-content: center;
  }

  .ecasa-referee .slide-card::before {
    height: 100%;
  }

  .ecasa-referee .slick-prev {
    left: 40px;
  }

  .ecasa-referee .slick-next {
    right: 40px;
  }

  .ecasa-referee .cta-sec .col-item {
    width: 100%;
  }

  .ecasa-referee .cta-sec .row .col .col-outer-layer {
    padding: 20px 30px;
    gap: 25px;
  }

  .ecasa-referee .cta-sec .col-left {
    text-align: center;
  }

  .ecasa-referee .choose-sec .row .col:last-child {
    display: block;
  }

  .ecasa-referee .choose-sec .col-outer-layer {
    width: 100%;
  }

  .ecasa-referee .choose-sec .col-outer-layer:first-child {
    margin-bottom: 130px;
  }
}