/* Archivo para insertar estilos especificos de un evento, cambios de color, margenes, etc */

/* =================================== 

    01. Google font 

====================================== */ 
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap"); 
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap"); 
:root { 
  --alt-font: "Plus Jakarta Sans", sans-serif; 
  --primary-font: "Inter", sans-serif; 
} 

/* =================================== 

    02. CSS color variable 

====================================== */ 

:root { 
  --base-color: #486e4e; 
   --white: #ffffff; 
    --secondary: #809650; 
    --tertiary: #54785e;  
  --black: #000000; 
  --red: #dc3131; 
  --light-red: #feedec;
  --green: #91c846; 
  --blue: #053f81; 
  --light-blue: #56bbb5; 
  --crusoe-green: #d39121; 
  --yellow: #ffea23; 
  --dark-gray: #232323; 
  --medium-gray: #717580; 
  --extra-medium-gray: #e4e4e4; 
  --light-gray: #a8a8a8; 
  --very-light-gray: #f7f7f7; 
  --light-medium-gray: #eaeaeb; 
  --charcoal-blue: #202329; 
  --slate-blue: #262b35; 
  --medium-slate-blue: #374162; 
  --extra-medium-slate-blue: #23262d; 
  --dark-slate-blue: #1f232c; 
  --extra-dark-slate-blue: #121418; 
  --extra-very-slate-blue: #161620; 
  --tussock-yellow: #BC8947; 
  --aluminium-grey:#80858F; 
  --solitude-blue:#f0f4fd; 
  --golden-yellow:#fd961e; 
  --selago:#eaedff; 
  --white-ice:#d8f5ef; 
  --cornflower-blue:#445fed; 
  --jade:#00AF6B; 
  --orange: #ef991f; 
  --majorelle-blue: #724ade; 
  --light-majorelle-blue: #f2edfe; 
  --spring-wood: #f9f6f3;
  --tropical-blue: #1ea3b1; 
  --camarone: #20642b; 
  --seal-brown: #0e0708; 
  --Wasabi: #8ea63a; 
} 
.custom-carousel-top{
    width:100%;
    top:0 !important;
    height:50%;
    color:#FFF;
    text-align: center;
    asas
}

.custom-carousel-bottom{
    width:100%;
    top:50% !important;
    height:50%;
    color:#FFF;
    text-align: center;
}

.gdlr-header-inner{
    background-color: transparent!important;
} 

.topLineBlue{
    background-color: #486e4e;
    color: white;
    font-size: 14px;
    padding: 5px;
    text-align: right;
}
 

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { 
  padding-right: 15px; 
  padding-left: 15px; 
} 
 
section.big-section { 
  padding-top: 130px; 
  padding-bottom: 130px; 
} 

section.extra-big-section { 
  padding-top: 160px; 
  padding-bottom: 160px; 
} 

img { 
  max-width: 100%; 
  height: auto; 
} 
row { 
  margin-right: -15px; 
  margin-left: -15px; 
} 

.mb-1 { 
  margin-bottom: 1% !important; 
} 
.justify-content-center { 
  justify-content: center !important; 
}
  
.text-center { 
  text-align: center !important; 
} 

.text-uppercase { 
  text-transform: uppercase !important; 
} 
.text-white, .btn-link.text-white, a.text-white-hover:hover { 
  color: var(--white); 
} 
.text-secondary,  .btn-link.text-secondary, a.text-secondary-hover:hover { 
  color: var(--blue); 
} 
.text-tertiary,  .btn-link.text-tertiary, a.text-tertiary-hover:hover { 
  color: var(--blue); 
} 
.text-jade,  .btn-link.text-jade, a.text-jade:hover { 
  color: var(--jade); 
} 

.bg-base-color { 
  background-color: var(--base-color);
} 
 
.bg-gradient-blue-green { 
  background-image: linear-gradient(to right top, #809650, #809650, #3d5f42 ); 
} 
.border-radius-30px { 
  border-radius: 30px !important; 
} 
.align-middle { 
  vertical-align: middle !important; 
} 
 
.last-paragraph-no-margin p:last-of-type { 
  margin-bottom: 0; 
} 



/* Countdown style 02 */ 

.countdown-style-02 .countdown-box { 
  position: relative; 
  width: 165px; 
  padding: 0 15px; 
  color: var(--white); 
  font-family: var(--alt-font);  
  display: inline-block; 
  text-align: center; 
} 

.countdown-style-02 .countdown-box:before { 
  content: ":"; 
  position: absolute; 
  top: 50%; 
  right: -5px; 
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); 
  color: var(--white); 
  text-align: center; 
  font-size: 3rem; 
  margin-top: -4px; 
} 

.countdown-style-02 .countdown-box:last-child:before { 
  display: none; 
} 

.countdown-style-02 .countdown-box .number { 
  font-size: 3.5rem; 
  line-height: 3.75rem; 
  font-weight: 600; 
  letter-spacing: -1px; 
} 

.countdown-style-02 .countdown-box span { 
  font-size: 15px; 
  line-height: 14px; 
  text-transform: uppercase; 
  position: absolute; 
  top: -26px; 
  left: 0;
  right: 0; 
  color: var(--white); 
  font-weight: 500; 
} 

@media (max-width: 991px) { 
  .countdown-style-02 .countdown-box { 
    width: 145px; 
  }

} 

@media (max-width: 767px) { 

  .countdown-style-02 .countdown-box,  { 
    width: 50%; 
    margin: 0 0 30px; 
  } 

  .countdown-style-02 .countdown-box span,  { 
    position: relative; 
    top: 0; 
  } 

  .countdown-style-02 .countdown-box:before,  { 
    transform: none; 
    top: 15px; 
  } 

  .countdown-style-02 .countdown-box:nth-child(2):before,  { 
    display: none; 
  } 

} 


/* Parallax background */ 
[data-parallax-background-ratio] { 
  position: relative !important; 
  background-size: cover !important; 
  overflow: hidden; 
  background-attachment: fixed !important; 
  transition-duration: 0s; 
  -webkit-transition-duration: 0s; 
} 

@media (max-width: 1199px) { 
  [data-parallax-background-ratio], 
  .fix-background { 
    background-attachment: inherit !important; 
    background-position: center !important; 
  } 
} 

.is-touchable [data-parallax-background-ratio] { 
  background-attachment: inherit !important; 
  background-position: center !important; 
  background-repeat: no-repeat !important; 
} 



 

/* Interactive banner style 01 */ 

.interactive-banner-style-01 figure { 
  -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); 
  transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); 
} 

.interactive-banner-style-01 figure .icon-box { 
  opacity: 0; 
  position: relative; 
  top: 15px; 
} 
.interactive-banner-style-01 figure figcaption { 
  position: absolute; 
  bottom: 0; 
} 
.interactive-banner-style-01 figure:hover { 
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px); 
} 
.interactive-banner-style-01 figure:hover img { 
  -webkit-transform: scale(1.1); 
  transform: scale(1.1); 
  -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); 
  transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); 
} 
.interactive-banner-style-01 figure:hover .icon-box { 
  opacity: 1; 
  top: 0; 
} 
.interactive-banner-style-01 figure:hover .box-overlay { 
  opacity: 0.5; 
} 
/* Interactive banner style 02 */ 
.interactive-banner-style-02.hover-box * { 
  will-change: auto !important; 
} 

.interactive-banner-style-02 figure figcaption .features-icon { 
  margin-bottom: -45px; 
  opacity: 0; 
  visibility: hidden; 
} 

.interactive-banner-style-02:hover figure img { 
  -webkit-transform: scale(1.1); 
  transform: scale(1.1); 
} 

.interactive-banner-style-02:hover figure figcaption .features-icon { 
  margin-bottom: 20px; 
  opacity: 1; 
  visibility: visible; 
} 

/* Interactive banner style 03 */ 

.interactive-banner-style-03 figure { 
  position: relative; 
} 

.interactive-banner-style-03 figure img { 
  -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); 
  transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
} 

.interactive-banner-style-03 figure figcaption { 
  position: absolute; 
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2); 
} 

.interactive-banner-style-03 figure:hover img { 
  -webkit-transform: scale(1.08); 
  transform: scale(1.08);
} 

/* Interactive banner style 04 */ 

.interactive-banner-style-04 figure { 
  -webkit-transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1); 
  transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1);
} 

.interactive-banner-style-04 figure * { 

  -webkit-transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1); 

  transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1); 

} 

.interactive-banner-style-04 figure figcaption { 

  position: absolute; 

  bottom: 0; 

} 

.interactive-banner-style-04 figure figcaption .features-content { 

  position: absolute; 

  left: 25px; 

  top: 25px; 

  width: calc(100% - 50px); 

  height: calc(100% - 50px); 

  opacity: 0; 

  visibility: hidden; 

  -webkit-transform: translateY(20px); 

  transform: translateY(20px); 

  -webkit-transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); 

  transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); 

} 

.interactive-banner-style-04 figure figcaption .features-content .box-overlay { 

  height: 0%; 

  -webkit-transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); 

  transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); 

} 

.interactive-banner-style-04 figure figcaption .box-button { 

  opacity: 1; 

  visibility: visible; 

  position: relative; 

  bottom: 0; 

  -webkit-transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); 

  transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); 

} 

.interactive-banner-style-04 figure:hover { 

  -webkit-transform: translateY(-5px); 

  transform: translateY(-5px); 

} 

.interactive-banner-style-04 figure:hover figcaption .features-content { 

  opacity: 1; 

  visibility: visible; 

  -webkit-transform: translateY(0); 

  transform: translateY(0); 

} 

.interactive-banner-style-04 figure:hover figcaption .box-overlay { 

  height: 100%; 

} 

.interactive-banner-style-04 figure:hover figcaption .box-button { 

  opacity: 0; 

  visibility: hidden; 

  position: relative; 

  bottom: -70px; 

} 

/* Interactive banner style 05 */ 

.interactive-banner-style-05 figure img { 

  -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); 

  transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); 

} 

.interactive-banner-style-05 figure figcaption .btn { 

  margin-bottom: -50px; 

  visibility: hidden; 

  opacity: 0; 

  transition-timing-function: linear; 

  -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); 

  transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); 

} 

.interactive-banner-style-05 figure figcaption .content-arrow { 

  position: absolute; 

  right: 0; 

  opacity: 0; 

  top: 50%; 

  -webkit-transform: translateY(5px); 

  transform: translateY(5px); 

} 

.interactive-banner-style-05 figure:hover img { 

  -webkit-transform: scale(1.08); 

  transform: scale(1.08); 

} 

.interactive-banner-style-05 figure:hover figcaption img { 

  -webkit-transform: scale(1); 

  transform: scale(1); 

} 

.interactive-banner-style-05 figure:hover figcaption .content-arrow { 

  opacity: 1; 

  -webkit-transform: translateY(-50%); 

  transform: translateY(-50%); 

} 

.interactive-banner-style-05 figure:hover figcaption .btn { 

  margin-bottom: 0; 

  visibility: visible; 

  opacity: 1; 

} 

.interactive-banner-style-05 .atropos:hover .box-overlay { 

  opacity: 1; 

  visibility: visible; 

} 

.interactive-banner-style-05 .atropos:hover img { 

  -webkit-transform: scale(1.08); 

  transform: scale(1.08); 

} 

/* Interactive banner style 06 */ 

.interactive-banner-style-06 { 

  position: relative; 

  overflow: hidden; 

} 

.interactive-banner-style-06 .banners-icon { 

  z-index: 9; 

  -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); 

} 

.interactive-banner-style-06 img { 

  -webkit-transition: 1s cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 1s cubic-bezier(0.12, 0, 0.39, 0); 

  width: 100%; 

} 

.interactive-banner-style-06 .interactive-banners-content { 

  position: absolute; 

  bottom: 0; 

  left: 0; 

  width: 100%; 

  z-index: 1; 

  transform: translateY(calc(100% - 155px)); 

  -webkit-transition: 550ms cubic-bezier(0.12, 0, 0.1, 0); 

  transition: 550ms cubic-bezier(0.12, 0, 0.1, 0); 

} 

.interactive-banner-style-06 .interactive-banners-content .interactive-banners-content-text { 

  opacity: 0; 

  visibility: hidden; 

  -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); 

} 

.interactive-banner-style-06 .box-overlay { 

  height: 25%; 

  bottom: 0; 

  top: auto; 

  visibility: visible; 

  opacity: 0; 

  -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); 

} 

.interactive-banner-style-06:hover img { 

  -webkit-transform: scale(1.3); 

  transform: scale(1.3); 

  -webkit-transition: 3s cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 3s cubic-bezier(0.12, 0, 0.39, 0); 

} 

.interactive-banner-style-06:hover .icon-hover-base-color { 

  color: var(--base-color) !important; 

} 

.interactive-banner-style-06:hover .interactive-banners-content { 

  transform: translateY(0); 

} 

.interactive-banner-style-06:hover .interactive-banners-content .interactive-banners-content-text { 

  opacity: 1; 

  visibility: visible; 

} 

.interactive-banner-style-06:hover .box-overlay { 

  height: 100%; 

  visibility: visible; 

  opacity: 1; 

} 

/* Interactive banner style 07 */ 

.interactive-banner-style-07 figure { 

  position: relative; 

  overflow: hidden; 

} 

.interactive-banner-style-07 figure > img { 

  -webkit-transition: 0.6s cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 0.6s cubic-bezier(0.12, 0, 0.39, 0); 

  -webkit-transform: scale(1); 

  transform: scale(1); 

} 

.interactive-banner-style-07 figure .overlay-bg { 

  -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); 

} 

.interactive-banner-style-07 figure figcaption { 

  position: absolute; 

  top: 0; 

  left: 0; 

  width: 100%; 

  height: 100%; 

  z-index: 1; 

} 

.interactive-banner-style-07 figure .hover-hide-content { 

  position: absolute; 

  bottom: 50px; 

  left: 0; 

  width: 100%; 

  -webkit-transition: 1s; 

  transition: 1s; 

} 

.interactive-banner-style-07 figure .hover-show-content { 

  opacity: 0; 

  visibility: hidden; 

  position: absolute; 

  bottom: 50px; 

  -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); 

  -webkit-transform: scale(1); 

  transform: scale(1); 

} 

.interactive-banner-style-07 figure:hover > img { 

  -webkit-transform: scale(1.1); 

  transform: scale(1.1); 

} 

.interactive-banner-style-07 figure:hover .overlay-bg { 

  opacity: 0.7; 

} 

.interactive-banner-style-07 figure:hover .hover-hide-content { 

  opacity: 0; 

  visibility: hidden; 

  -webkit-transition: 0.1s; 

  transition: 0.1s; 

} 

.interactive-banner-style-07 figure:hover .hover-show-content { 

  opacity: 1; 

  visibility: visible; 

  -webkit-transform: scale(1.2); 

  transform: scale(1.2); 

} 

/* Interactive banner style 08 */ 

.interactive-banner-style-08 figure:hover img { 

  -webkit-transform: scale(1.08); 

  transform: scale(1.08); 

  -webkit-transition: 1.5s; 

  transition: 1.5s; 

} 

.interactive-banner-style-08 figure:hover .box-overlay { 

  opacity: 1; 

  visibility: visible; 

} 

.interactive-banner-style-08 figure:hover figcaption .circle-box { 

  background-color: var(--white) !important; 

  -webkit-transform: scale(1.1); 

  transform: scale(1.1); 

  -webkit-transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1.5); 

  transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1.5); 

} 

/* Interactive banner style 09 */ 

.interactive-banner-style-09 img { 

  -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); 

  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); 

} 

.interactive-banner-style-09 .image-content { 

  position: absolute; 

  top: 0; 

} 

.interactive-banner-style-09 .image-content .content-title { 

  -webkit-box-flex: 1; 

  -ms-flex: 1; 

  flex: 1; 

  position: relative; 

  opacity: 0.6; 

  visibility: visible; 

  will-change: transform; 

  -webkit-transform: translateY(0); 

  transform: translateY(0); 

  -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); 

} 

.interactive-banner-style-09 .image-content .content-title-hover { 

  position: absolute; 

  width: auto; 

  left: 0; 

  bottom: 0; 

  visibility: hidden; 

  will-change: transform; 

  -webkit-transform: translateY(20px); 

  transform: translateY(20px); 

  -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); 

} 

.interactive-banner-style-09 .image-content .content-arrow { 

  will-change: transform; 

  position: absolute; 

  right: 0; 

  opacity: 0; 

  top: 50%; 

  -webkit-transform: translateY(10px); 

  transform: translateY(10px); 

  -webkit-transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0); 

  transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0); 

  display: flex; 

  align-items: center; 

  justify-content: center; 

} 

.interactive-banner-style-09 .image-content .label { 

  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); 

} 

.interactive-banner-style-09 .image-content .hover-label-icon i { 

  opacity: 0; 

  position: absolute; 

  top: 20px; 

  left: 0; 

  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); 

  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); 

} 

.interactive-banner-style-09 .image-content:hover .content-arrow { 

  opacity: 1; 

  -webkit-transform: translateY(-42%); 

  transform: translateY(-42%); 

} 

.interactive-banner-style-09 .image-content:hover .content-title { 

  opacity: 0; 

  visibility: hidden; 

  -webkit-transform: translateY(-20px); 

  transform: translateY(-20px); 

} 

.interactive-banner-style-09 .image-content:hover .content-title-hover { 

  visibility: visible; 

  -webkit-transform: translateY(-3px); 

  transform: translateY(-3px); 

} 

.interactive-banner-style-09 .image-content:hover .box-overlay { 

  opacity: 1; 

  visibility: visible; 

} 

.interactive-banner-style-09 .image-content:hover .hover-label-icon .label { 

  opacity: 0; 

  margin-top: -20px; 

} 

.interactive-banner-style-09 .image-content:hover .hover-label-icon i { 

  opacity: 1; 

  top: 0; 

} 

.interactive-banner-style-09:hover img { 

  -webkit-transform: scale(1.1); 

  transform: scale(1.1); 

} 

/* List style 01 */ 

.list-style-01 { 

  list-style: none; 

} 

.list-style-01 li { 

  border-bottom: 1px solid; 

} 

.list-style-01 li:last-child { 

  border-bottom: 0px; 

} 

/* List style 02 */ 

.list-style-02 { 

  list-style: none; 

} 

.list-style-02 li { 

  display: -webkit-box; 

  display: -ms-flexbox; 

  display: flex; 

  -webkit-box-orient: horizontal; 

  -webkit-box-direction: normal; 

  -ms-flex-direction: row; 

  flex-direction: row; 

  -webkit-box-align: start; 

  -ms-flex-align: start; 

  align-items: start; 

} 

.list-style-02 li:last-child { 

  margin-bottom: 0; 

} 

.list-style-02 li i { 

  line-height: 32px; 

} 

/* List style 03 */ 

.list-style-03 { 

  counter-reset: li; 

  list-style-type: none; 

} 

.list-style-03 li { 

  position: relative; 

  padding: 0 0 0 38px; 

  margin: 0 0 9px 0; 

} 

.list-style-03 li:before { 

  content: counter(li, decimal-leading-zero) "."; 

  counter-increment: li; 

  display: inline-block; 

  position: absolute; 

  left: 0; 

} 

/* List style 04 */ 

.list-style-04 { 

  padding-left: 16px; 

} 

.list-style-04 li { 

  margin: 0 0 10px; 

  list-style: disc; 

} 

/* List style 05 */ 

.list-style-05 { 

  padding: 0; 

  margin: 0; 

} 

.list-style-05 li { 

  margin: 0; 

  display: inline-block; 

} 

.list-style-05 li:before { 

  border-radius: 100%; 

  content: ""; 

  background-color: var(--medium-gray); 

  display: inline-block; 

  width: 6px; 

  height: 6px; 

  margin: 0 15px; 

  vertical-align: middle; 

  position: relative; 

  top: -2px; 

} 

.list-style-05 li:first-child:before { 

  display: none; 

} 




/* Swiper slider pagination */ 
.swiper-horizontal > .swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { 
  bottom: 45px; 
  left: 50%; 
  width: auto; 
  cursor: default; 
  -webkit-transform: translateX(-50%); 
  transform: translateX(-50%); 
} 
.swiper-horizontal > .swiper-pagination-bullets-right, .swiper-vertical > .swiper-pagination-bullets-right { 
  bottom: auto; 
  top: 50%; 
  right: 60px; 
  left: auto; 
  width: auto; 
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); 
  text-align: right; 
} 
.swiper-horizontal > .swiper-pagination-bullets-right .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets-right .swiper-pagination-bullet { 
  display: block; 
  margin: 25px 0 !important; 
} 
.swiper-dark-pagination .swiper-pagination-bullet { 
  width: 8px; 
  height: 8px; 
  margin: 0 15px !important; 
  opacity: 1; 
  background-color: var(--light-gray); 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
  outline: none; 
} 
.swiper-dark-pagination .swiper-pagination-bullet:before { 
  content: ""; 
  width: 30px; 
  height: 30px; 
  border: 1px solid var(--dark-gray); 
  background: transparent; 
  display: inline-block; 
  border-radius: 50%; 
  position: relative; 
  top: 50%; 
  left: 50%; 
  -webkit-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%); 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
  opacity: 0; 
} 
.swiper-dark-pagination .swiper-pagination-bullet:hover { 
  background-color: var(--dark-gray); 
} 
.swiper-dark-pagination .swiper-pagination-bullet:hover:before { 
  opacity: 1; 
} 
.swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { 
  background-color: var(--dark-gray); 
} 
.swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { 
  opacity: 1; 
} 
.swiper-light-pagination .swiper-pagination-bullet { 
  width: 8px; 
  height: 8px; 
  margin: 0 15px !important; 
  display: inline-block; 
  vertical-align: middle; 
  background-color: var(--white); 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
  outline: none; 
  opacity: 0.5; 
} 
.swiper-light-pagination .swiper-pagination-bullet:before { 
  content: ""; 
  width: 30px; 
  height: 30px; 
  border: 2px solid rgba(255, 255, 255, 0.2); 
  background: transparent; 
  display: inline-block; 
  border-radius: 50%; 
  position: relative; 
  top: 50%; 
  left: 50%; 
  -webkit-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%); 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
  opacity: 0; 
} 
.swiper-light-pagination .swiper-pagination-bullet:hover { 
  background-color: var(--white); 
  opacity: 1; 
} 
.swiper-light-pagination .swiper-pagination-bullet:hover:before { 
  opacity: 1; 
} 
.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { 
  background-color: var(--white); 
  opacity: 1; 
} 
.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { 
  opacity: 1; 
} 
/* Swiper pagination style 02 */ 
.swiper-pagination-style-2 .swiper-pagination-bullet { 
  width: 8px; 
  height: 8px; 
  margin: 0 6px !important; 
} 
.swiper-pagination-style-2 .swiper-pagination-bullet:before { 
  display: none; 
} 
/* Swiper pagination style 03 */ 
.swiper-pagination-style-3 .swiper-pagination-bullet { 
  width: 14px; 
  height: 14px; 
  background: transparent; 
  opacity: 0.4; 
  margin: 0 7px !important; 
  border: 2px solid var(--white); 
} 
.swiper-pagination-style-3 .swiper-pagination-bullet:hover, .swiper-pagination-style-3 .swiper-pagination-bullet.swiper-pagination-bullet-active { 
  background-color: var(--white); 
  opacity: 1; 
  -webkit-transform: scale(1.3); 
  transform: scale(1.3); 
} 
.swiper-pagination-style-3 .swiper-pagination-bullet:before { 
  display: none; 
} 
.swiper-pagination-style-3.dark .swiper-pagination-bullet { 
  border: 2px solid var(--dark-gray); 
} 
.swiper-pagination-style-3.dark .swiper-pagination-bullet.swiper-pagination-bullet-active { 
  background-color: var(--dark-gray); 
} 
/* Swiper pagination style 04 */ 
.swiper-pagination-style-4 .swiper-pagination-bullet { 
  width: 8px; 
  height: 8px; 
  background: var(--white); 
  opacity: 1; 
  position: relative; 
  margin: 0 25px !important; 
  border: 0; 
} 
.swiper-pagination-style-4 .swiper-pagination-bullet:hover, .swiper-pagination-style-4 .swiper-pagination-bullet.swiper-pagination-bullet-active { 
  background-color: var(--base-color); 
  opacity: 1; 
  border: 0; 
} 
.swiper-pagination-style-4.dark .swiper-pagination-bullet { 
  background: var(--dark-gray); 
} 
.swiper-pagination-style-4.dark .swiper-pagination-bullet:hover, .swiper-pagination-style-4.dark .swiper-pagination-bullet.swiper-pagination-bullet-active { 
  background-color: var(--base-color); 
} 
/* Custom image pagination */ 
.slider-custom-image .slider-custom-image-pagination { 
  display: flex; 
  align-items: center; 
  bottom: 0; 
} 
.slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet { 
  margin: 0 15px !important; 
  outline: none; 
  opacity: 0.8; 
  width: 100px; 
  height: 100px; 
  margin: 0 15px !important; 
  background-size: cover; 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
  -webkit-filter: grayscale(1); 
  filter: grayscale(1); 
} 
.slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { 
  -webkit-filter: grayscale(0); 
  filter: grayscale(0); 
  -webkit-transform: scale(1.2); 
  transform: scale(1.2); 
  opacity: 1; 
} 
.slider-custom-image .slider-custom-image-pagination.slider-custom-image-pagination-top { 
  top: 0; 
  bottom: auto; 
} 
/* Swiper number pagination style 01 */ 
.swiper-number-pagination-style-01 .swiper-number { 
  text-align: left; 
  bottom: 70px; 
} 
.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet { 
  position: relative; 
  padding-right: 10px; 
  padding-left: 8px; 
  margin: 0; 
  color: var(--white); 
  opacity: 0.7; 
  width: auto; 
  -webkit-transition: 0.5s; 
  transition: 0.5s; 
  height: auto; 
  background: transparent; 
  border-radius: 0; 
  outline: none; 
} 

.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active { 
  opacity: 1; 
} 
.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:after { 
  width: 70px; 
} 
.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet:after { 
  width: 0; 
  height: 1px; 
  content: ""; 
  margin-left: 15px; 
  display: inline-block; 
  background: var(--white); 
  vertical-align: middle; 
  -webkit-transition: 0.5s; 
  transition: 0.5s; 
} 
/* Swiper number pagination style 02 */ 
.swiper-number-pagination-style-02 .swiper-number { 
  width: auto; 
  left: inherit; 
  right: 60px; 
  padding: 0; 
} 
.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet { 
  position: relative; 
  font-family: var(--alt-font); 
  font-size: 15px; 
  display: block; 
  color: var(--white); 
  margin: 10px 0 !important; 
  opacity: 0.7; 
  width: 56px; 
  -webkit-transition: 0.4s; 
  transition: 0.4s; 
  height: 56px; 
  background: transparent; 
  border-radius: 100%; 
  text-align: center; 
  line-height: 56px; 
  outline: none; 
} 
.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1; 
} 
.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:before { 
  opacity: 1; 
  -webkit-transform: scale(1); 
  transform: scale(1);

  -webkit-transition: 0.4s; 
  transition: 0.4s; 
  background: rgba(0, 0, 0, 0.45); 
  z-index: -1; 
} 
.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet:before { 
  width: 56px; 
  height: 56px; 
  border-radius: 100%;
  content: ""; 
  position: absolute; 
  top: 0; 
  left: 0; 
  -webkit-transform: scale(0.7); 
  transform: scale(0.7); 
} 
/* Swiper line pagination style 01 */ 
.swiper-line-pagination-style-01 .swiper-line-pagination { 
  text-align: center; 
  bottom: 0; 
  width: 100%; 
  left: 0; 
} 
.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet { 
  width: 100px; 
  height: 2px; 
  margin: 0 !important; 
  border-radius: 0; 
} 
.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet:before { 
  display: none; 
} 
.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { 
  background-color: var(--base-color); 
} 
.swiper-h-pagination:after { 
  display: none; 
} 
/* Swiper number line pagination style */ 
.swiper-number-pagination-progress .swiper-pagination-wrapper .number-prev, .swiper-number-pagination-progress .swiper-pagination-wrapper .number-next { 
  width: 50px; 
  text-align: center; 
} 
.swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination { 
  position: inherit; 
  width: auto; 
} 
.swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet { 
  width: 60px; 
  height: 1px; 
  vertical-align: middle; 
  margin: 0; 
  background-color: var(--medium-gray); 
} 
/* Swiper number navigation style */ 
.swiper-number-navigation-style .swiper-button-prev, .swiper-number-navigation-style .swiper-button-next { 
  top: inherit; 
  bottom: 0; 
  position: inherit; 
  display: inline-block; 
  vertical-align: middle; 
  transform: none; 
  width: auto; 
  height: auto; 
} 
.swiper-number-navigation-style .swiper-button-prev i, .swiper-number-navigation-style .swiper-button-prev .number-prev, .swiper-number-navigation-style .swiper-button-prev .number-next, .swiper-number-navigation-style .swiper-button-next i, .swiper-number-navigation-style .swiper-button-next .number-prev, .swiper-number-navigation-style .swiper-button-next .number-next { 
  display: inline-block; 
vertical-align: middle; 

} 
.swiper-number-navigation-style .swiper-button-prev .number-prev, .swiper-number-navigation-style .swiper-button-prev .number-next, .swiper-number-navigation-style .swiper-button-next .number-prev, .swiper-number-navigation-style .swiper-button-next .number-next { 
  width: 50px; 
  text-align: center; 
} 
/* Swiper pagination progress style */ 
.swiper-pagination-progress { 
  width: 220px; 
  height: 1px; 
  position: relative; 
} 
.swiper-pagination-progress .swiper-progress { 
  position: absolute; 
  top: 0; 
  left: 0; 
  height: 100%; 
  width: var(--swiper-progress, 0); 
  background-color: var(--base-color); 
  -webkit-transition: 0.4s; 
  transition: 0.4s; 
} 
/* Swiper pagination progress style */ 
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper { 
  position: absolute; 
  right: 40px; 
  top: 50%; 
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); 
  z-index: 99; 
} 
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-progress { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 2px; 
  height: var(--swiper-progress, 0); 
  background-color: var(--dark-gray); 
  -webkit-transition: 0.4s; 
  transition: 0.4s; 
} 
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .pagination-progress-vertical { 
  transform: rotate(180deg); 
  writing-mode: vertical-lr; 
} 
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-pagination-progress { 
  width: 2px; 
  height: 100px; 
  background-color: var(--extra-medium-gray); 
} 
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-next { 
  margin-top: 15px; 
  width: auto; 
} 
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-prev { 
  margin-bottom: 15px; 
  width: auto; 
} 
/* Swiper pagination bottom */ 
.swiper-pagination-bottom .swiper-button-prev, .swiper-pagination-bottom .swiper-button-next { 
  top: inherit; 
  bottom: 0; 
} 
/* Swiper navigation */ 
.swiper-button-prev, .swiper-button-next { 
  outline: none; 
  cursor: pointer; 
  height: 45px; 
  width: 45px; 
  margin-top: 0; 
  text-align: center; 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center; 
  -webkit-box-pack: center; 
  -ms-flex-pack: center; 
  justify-content: center; 
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
} 
.swiper-button-prev:hover, .swiper-button-next:hover { 
  opacity: 0.8; 
} 
.swiper-button-next { 
left: inherit; 

} 
/* Swiper navigation style 01 */ 
.slider-navigation-style-01 { 
  position: absolute; 
  top: 50%; 
  left: 65px; 
  -webkit-border-radius: 100%; 
  border-radius: 100%; 
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
} 
.slider-navigation-style-01.swiper-button-next { 
  right: 65px; 
  left: inherit; 
} 
.slider-navigation-style-01:hover { 
  opacity: 0.8; 
} 
/* Swiper navigation style 02 */ 
.slider-navigation-style-02 { 
  position: absolute; 
  top: 50%; 
  left: 0; 
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); 
  z-index: 99; 
} 
.slider-navigation-style-02.swiper-button-next { 
  right: 0; 
  left: auto; 
} 
/* Swiper navigation style 03 */ 
.slider-navigation-style-03 { 
  position: absolute; 
  top: 50%; 
  left: -60px; 
  width: 40px; 
  height: 40px; 
  background: var(--white); 
  -webkit-border-radius: 100%; 
  border-radius: 100%; 
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
} 
.slider-navigation-style-03.swiper-button-next { 
  right: -60px; 
  left: inherit; 
} 
.slider-navigation-style-03:hover { 
  -webkit-box-shadow: 0px 0 20px rgba(35, 35, 35, 0.1); 
  box-shadow: 0px 0 20px rgba(35, 35, 35, 0.1);
} 
/* Swiper navigation style 04 */ 
.slider-navigation-style-04 { 
  height: 56px; 
  width: 56px; 
  border-radius: 100%; 
  position: relative; 
  bottom: inherit; 
  left: 0; 
  top: inherit; 
  -webkit-transform: translateY(0px); 
  transform: translateY(0px); 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
} 
.slider-navigation-style-04 i { 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
} 
.slider-navigation-style-04:hover i { 
  opacity: 0.5;
} 
.slider-navigation-style-04.swiper-button-prev { 
  margin-right: 5px; 
} 
.slider-navigation-style-04.swiper-button-next { 
  margin-left: 5px; 
} 
/* Swiper navigation style 05 */ 
.slider-navigation-style-05 { 
  left: -30%;
} 
.slider-navigation-style-05.swiper-button-next { 
  right: -30%; 
  left: inherit; 
} 
/* Swiper navigation style 06 */ 
.slider-navigation-style-06 { 
  width: auto; 
  height: auto; 
  left: 60px; 
} 
.slider-navigation-style-06.swiper-button-next { 
  right: 60px; 
  left: inherit; 
} 
/* Swiper navigation style 07 */ 
.slider-navigation-style-07 { 
  left: 50%; 
  bottom: 0; 
  top: inherit; 
  width: 75px; 
  height: 75px; 
  -webkit-transform: translateX(-100%); 
  transform: translateX(-100%); 
} 
.slider-navigation-style-07.swiper-button-next { 
  bottom: 1px; 
  -webkit-transform: translate(-100%, -100%); 
  transform: translate(-100%, -100%); 
} 
/* Swiper navigation style 08 */ 
.slider-navigation-style-08 { 
  width: auto; 
  height: auto; 
  position: relative; 
  -webkit-transform: translateX(0px); 
  transform: translateX(0px); 
  left: 0; 
} 
.slider-navigation-style-08.swiper-button-next { 
  right: 0; 
  left: inherit; 
} 
/* Slider custom text */ 
.slider-custom-verticle-text > span { 
  -webkit-transform: rotate(-90deg); 
  transform: rotate(-90deg); 
} 
.swiper-button-prev.slider-custom-text-prev, .swiper-button-prev.slider-custom-text-next, .swiper-button-next.slider-custom-text-prev, .swiper-button-next.slider-custom-text-next { 
  width: auto; 
  height: auto; 
  min-height: 125px; 
  -webkit-transition: 0.3s; 
  transition: 0.3s; 
  -webkit-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
}
.swiper-button-prev.slider-custom-text-prev:hover, .swiper-button-prev.slider-custom-text-next:hover, .swiper-button-next.slider-custom-text-prev:hover, .swiper-button-next.slider-custom-text-next:hover { 
  opacity: 0.5; 
} 
.swiper-button-prev.slider-custom-text-prev { 
  border-right: 1px solid var(--extra-medium-gray); 
  padding-right: 50px; 
}

.swiper-button-next.slider-custom-text-next {
  border-left: 1px solid var(--extra-medium-gray); 
  padding-left: 50px; 
} 
/* Swiper width auto */ 
.swiper-width-auto .swiper-slide { 
  width: auto; 
} 
/* Slider shadow */ 
.slider-shadow-right { 
  mask-image: linear-gradient(to right, transparent 0%, #000000 0%, #000000 50%, transparent 80%); 
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 0%, #000000 50%, transparent 80%); 
} 
.slider-shadow-left { 
  mask-image: linear-gradient(to right, transparent 50%, #000000 80%, #000000 0%, transparent 0%); 
  -webkit-mask-image: linear-gradient(to right, transparent 50%, #000000 80%, #000000 0%, transparent 0%); 
} 

.slider-shadow-left-right { 
  mask-image: linear-gradient(to right, transparent 18%, #000000 22%, #000000 78%, transparent 82%); 
  -webkit-mask-image: linear-gradient(to right, transparent 18%, #000000 22%, #000000 78%, transparent 82%); 
} 

.slider-shadow-none .swiper { 
  mask-image: none !important; 
  -webkit-mask-image: none !important; 
} 

/* Highlight separator */ 
.highlight-separator { 
  position: relative; 
  padding-bottom: 20px; 
} 

.highlight-separator[data-shadow-animation] { 
  box-shadow: none !important; 
  display: inline-block; 
}

.highlight-separator[data-shadow-animation] span { 
  clip-path: inset(0px 100% 0px 0px); 
  float: left; 
  width: 100%; 
  height: 20px; 
  transition: clip-path 1s; 
  transition-timing-function: cubic-bezier(0.4, 0.6, 0.4, 1); 
  position: absolute; 
  left: 0; 
  bottom: 0; 
} 

.highlight-separator[data-shadow-animation] span img { 
  position: absolute; 
  left: 0; 
  bottom: 0; 
  transition: none; 
  width: 100%; 
  height: 14px; 
} 

.highlight-separator.shadow-in[data-shadow-animation] span { 
  clip-path: inset(0px 0 0px 0px); 
} 

.speaker-carousel-item{
    max-width: 12.5%;
}