/* CUSTOM STYLES */

.img_contain {
      object-fit: contain;
}

.download_panel_wrap--cm0-1-br1-bc1-bw1 {
  overflow: hidden;, }

/* hide on devices */
@media screen and (max-width: 991px) {
.hide_tablet {
display: none;}
}

@media screen and (max-width: 767px) {
.hide_mobile {
display: none;}
}



/* remove scroll bounce 
body { overscroll-behavior: none; }*/

/* prevent horizontal scroll */
.page_wrap { overflow: clip; }

/* enable setting w-button border radius with utilities */
.w-button { border-radius: var(--border-radius); }

/* hide container ::before & ::after */
.w-container::before, .w-container::after { display: none; }

/* empty div in designer view when utilities are added */
.wf-empty[class*="--"] { padding-bottom: 0; padding-right: 0; }

/* flex: reverse direction */
[reverse-direction="true"] { flex-direction: row-reverse; }

/* btn small */
[btn-main-small="true"] { padding: 0.6rem 1rem; }
[btn-main-small="true"] .btn_main_icon {width: 0.8rem; height: 0.8rem; right: 1.2rem;}

/* btn icon mode 2 */
[btn-mode="2"] .btn_main_icon {background: rgba(var(--brand-1), 1);}

a:hover [btn-mode="1"] .btn_main_icon {
  background: rgba(var(--brand-1), 1); 
  transition: all 0.3s ease;
}

a [btn-main="icon"] {
  transition: transform 0.3s ease;
  transform-origin: left center; 
}

a .btn_arrow_icon {
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.5s ease 0.2s; 
  transform: rotate(0deg);
}

a:hover .btn_arrow_icon {
  opacity: 1;
  transform: rotate(-45deg);
}

/* Text link */
.text_link_wrap {
  transition: width 330ms ease;
}
.text_link_line_over {
width: 0;
transition: width 330ms ease; 
  }
.text_link_wrap:hover .text_link_line_over {
  width: 110%;
}

/* btn hovers */
@media (pointer: fine) {
a:hover [btn-main="icon"] {transform: scale(1.6); transition: transform 0.3s ease;  transform-origin: left center; /* Set the transform origin to the left side */
}
  a:hover [btn-play="base"] { transform: scale(1.1); }
}

/* form styles */
/* field placeholder */
.w-input::placeholder, .w-select::placeholder {
	color: var(--fc2);
}
/* field focus */
.w-input:focus, .w-select:focus {
	border-color: var(--bc2);
}
/* checkbox and radio selected */
.w-checkbox-input.w--redirected-checked,
.w-radio-input.w--redirected-checked {
	background-color: rgba(var(--brand-1), 1);
	border-color: rgba(var(--brand-1), 1);
}

/* Dots background */
.dots-light {
    background: radial-gradient(circle farthest-corner at bottom left, rgba(251, 251, 251, 0.9) 0%, #FBFBFB 85%), url(https://uploads-ssl.webflow.com/64f84079012c74116f94f0da/64f8d13670905fd5debbdcd0_dots_light.png);
    background-repeat: repeat;
}

.dots-dark {
    background: radial-gradient(circle farthest-corner at bottom left, #071522eb 0%, #071522 85%), url(https://uploads-ssl.webflow.com/64f84079012c74116f94f0da/65083446d866a7bdaa894b11_dots_dark.png);
    background-repeat: repeat;
        background-color: #071522;
}

.text_mw {
max-width: 800px;
margin-left: auto;
margin-right: auto;}

styled_list_contain--pd0.5-br1-bc1-mb0.5-em0.5{
    display: inherit;
    width: 93%;
    float: right;
}

.list_container_dark li {
    background-image: url(https://uploads-ssl.webflow.com/64f84079012c74116f94f0da/65082979f59f2e6bd7de47f5_li_green_marker.svg);
margin: 0;
    padding: 0em 0em 0em 20px;
    background-position: 0% 0px;
    background-size: 18px 42px;
    background-repeat: no-repeat;
}
.std_shadow {
box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.08);
}
.nav_arrow {
  transition: all 330ms ease;}

.highlight span { 
  background-color: #fff;
  display: inline;
  padding: 0.65rem;
  /* Needs prefixing */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.highlight.alt span { 
  background-color: #caced1;}


    .w-slider {
    height: fit-content !important;}

a[insight-card="true"] .insight_card_image {
    transition: all 0.33s ease; 
}
a[insight-card="true"]:hover .insight_card_image {
    transform: scale(1.1);
}

.em0-1 [btn-mode="2"] .btn_main_icon, .em0-2 [btn-mode="2"] .btn_main_icon, .em0-3 [btn-mode="2"] .btn_main_icon {
    background: rgba(var(--dark-1), 1);
}

.em0-1:hover [btn-mode="2"] .btn_main_icon,.em0-2:hover [btn-mode="2"] .btn_main_icon,.em0-3:hover [btn-mode="2"] .btn_main_icon {
    background: rgba(var(--brand-1), 1);
}

p img {
    border-radius: var(--br1);
    margin-top: 1rem;
}