@font-face {
   font-family: 'Gilroy';
   src: url('../fonts/Gilroy-Bold.woff2') format('woff2');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy';
   src: url('../fonts/Gilroy-Medium.woff2') format('woff2');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy';
   src: url('../fonts/Gilroy-Regular.woff2') format('woff2');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

:root {
   --primary: rgba(7, 29, 202, 1);
   --secondary: rgba(211, 3, 175, 1);
   --third: rgba(91, 22, 227, 1);
}

body {
   font-family: 'Gilroy' !important;
}

.ff-gilroy {
   font-family: 'Gilroy' !important;
}

.text-primary {
   color: var(--primary) !important;
}

.bg-primary {
   background-color: var(--primary) !important;
}

.text-secondary {
   color: var(--secondary) !important;
}

.bg-secondary {
   background-color: var(--secondary) !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active {
   background-color: var(--secondary) !important;
   color: #fff;
   border-color: var(--secondary) !important;
}

.text-third {
   color: var(--third) !important;
}

.bg-third {
   background-color: var(--third) !important;
}

.bg-schedule {
   background: #D303AF;
   background: linear-gradient(90deg, rgba(211, 3, 175, 1) 0%, rgba(91, 22, 227, 1) 100%);
}

.ctn-schedule {
   border-radius: 25px;
}

.ctn-schedule .dates {
   border-radius: 25px;
}

.ctn-schedule .text-day-main {
   font-size: 9rem;
   line-height: 0.9;
}

.ctn-schedule .select-day {
   width: 40px !important;
   height: 40px !important;
   background-color: #fff;
   font-weight: bold;
   border: none !important;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--primary);
}

.ctn-schedule .select-day.is-active {
   background-color: var(--secondary);
   color: #fff !important;
}

.box-speakers {
   overflow: visible;
}

.box-speakers .box-speakers-information {
   display: flex;
   align-items: center;
   flex-direction: column;
   margin-bottom: 1rem;
}

.box-speakers .box-speakers-information img {
   width: 120px;
}

.ctn-schedule .line-divisor {
   position: relative;
   justify-content: center;
}

.ctn-schedule .line-divisor::after {
   content: "";
   position: absolute;
   width: 6px;
   background-color: transparent;
   top: 3%;
   bottom: 0;
   left: 50%;
   border-left: 2px dashed var(--primary);
}

.cursor-pointer {
   cursor: pointer;
}

.profile {
   cursor: pointer;
}

.profile img {
   margin-bottom: 1rem;
}

.bg-transparent {
   background-color: transparent !important;
}

.text-justify {
   text-align: justify;
}

.information {
   color: #fff;
   margin-top: 1.5rem;
   background-color: #395873 !important;
}

.information div {
   border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.box-text-information {
   padding: 1rem 5rem;
}

.box-text-information .col-12 {
   padding: 1rem 4rem;
   background-color: #75b0b8 !important;
}

.box-text-information p {
   color: #fff;
   font-size: 1.1rem;
   line-height: 1.7;
}

.btn-register {
   font-size: 14px;
}

#profileModal .modal-content .name,
#profileModal .modal-content .company,
#profileModal .modal-content .description {
   color: #fff;
   line-height: 1.6;
   text-align: justify;
}

/* Splides */
.splide-banner-secondary .splide__pagination__page,
.splide-partners .splide__pagination__page {
   background-color: #fff;
}

.splide__arrow__banners__secondary,
.splide__arrow__schedule {
   background-color: var(--secondary);
   width: 2em;
   height: 2em;
}

.splide__arrow__banners__secondary svg,
.splide__arrow__schedule svg {
   fill: #fff;
   width: 1.5em;
   height: 1.5em;
}

.splide__arrow__partners {
   background-color: unset;
   opacity: 1;
}

.splide__arrow__partners svg {
   fill: #fff;
   width: 6em;
   height: 6em;
}

.splide-pagination-page-schedule {
   background-color: #7896ab;
}

.splide-pagination-page-schedule.is-active {
   background-color: #001698;
}

/* End Splides */

/* FlipClock */
.flip-clock-wrapper ul li a div div.inn,
.flip-clock-dot {
   background-color: var(--third);
}

.flip-clock-divider .flip-clock-label {
   color: var(--primary);
   font-size: 11px !important;
}

.flip-clock-wrapper ul li a div div.inn {
   font-size: 55px !important;
}

/* Flipclock Responsive */
@media only screen and (min-width: 100px) and (max-width: 360px) {
   #contador {
      zoom: 0.4;
      font-size: 12px;
   }

   .flip-clock-divider .flip-clock-label {
      right: -100px;
   }

   .flip-clock-divider.minutes .flip-clock-label {
      right: -120px;
   }

   .flip-clock-divider.seconds .flip-clock-label {
      right: -124px;
   }
}

@media only screen and (min-width: 361px) and (max-width: 550px) {
   #contador {
      zoom: 0.5;
      font-size: 13px;
   }

   .flip-clock-divider .flip-clock-label {
      right: -95px;
   }

   .flip-clock-divider.minutes .flip-clock-label {
      right: -98px;
   }

   .flip-clock-divider.seconds .flip-clock-label {
      right: -126px;
   }
}

@media only screen and (min-width: 551px) and (max-width: 773px) {
   #contador {
      zoom: 0.6;
      font-size: 16px;
   }

   .flip-clock-divider .flip-clock-label {
      right: -100px;
   }

   .flip-clock-divider.minutes .flip-clock-label {
      right: -120px;
   }

   .flip-clock-divider.seconds .flip-clock-label {
      right: -127px;
   }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   #contador {
      zoom: 0.7;
      font-size: 1.1rem;
   }

   .flip-clock-divider .flip-clock-label {
      right: -92px;
   }

   .flip-clock-divider.minutes .flip-clock-label {
      right: -105px;
   }

   .flip-clock-divider.seconds .flip-clock-label {
      right: -110px;
   }
}

@media not all and (min-resolution: 0.001dpcm) {
   @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      @media only screen and (max-width: 500px) {
         #contador {
            transform: scale(1);
            display: flex;
            font-size: 1.1rem;
         }

         .flip-clock-divider .flip-clock-label {
            right: -100px;
         }

         .flip-clock-divider.minutes .flip-clock-label {
            right: -98px;
         }

         .flip-clock-divider.seconds .flip-clock-label {
            right: -105px;
         }

         .flip-clock-wrapper ul li a div div.inn {
            font-size: 36px !important;
         }

         .flip-clock-label {
            font-size: 13px;
         }
      }
   }
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 500px) {
   #contador {
      transform: scale(1);
      display: flex;
   }

   .flip-clock-divider .flip-clock-label {
      right: -100px;
   }

   .flip-clock-divider.minutes .flip-clock-label {
      right: -98px;
   }

   .flip-clock-divider.seconds .flip-clock-label {
      right: -105px;
   }

   .flip-clock-wrapper ul li a div div.inn {
      font-size: 36px !important;
   }
}

@-moz-document url-prefix() {
   @media only screen and (max-width: 500px) {
      #contador {
         transform: scale(0.5);
         display: flex;
         justify-content: center;
         width: 90%;
      }

      .flip-clock-divider .flip-clock-label {
         right: -100px;
      }

      .flip-clock-divider.minutes .flip-clock-label {
         right: -120px;
      }

      .flip-clock-divider.seconds .flip-clock-label {
         right: -125px;
      }

      .flip-clock-wrapper {
         text-align: center;
         position: relative;
         width: 0;
         margin: 1em;
      }
   }
}

/* Mobile */
@media screen and (max-width: 767px) {

   .box-information .col-description {
      border-bottom: 2px dashed #000;
   }

   .box-information:last-child {
      border-bottom: none;
   }

   .btn-forms {
      flex-direction: column;
   }

   .box-text-information {
      padding: 1rem;
   }

   .box-text-information .col-12 {
      padding: 1rem;
   }

   #profileModal .modal-content .image img {
      width: 50%;
   }
}