@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');



.hi_hero__container {
	height: 750px;
}
.hi_hero__container > div {
	height: 100%;
}
.hi_hero {
    margin-bottom: 50px;
}

.hi_hero__image {
	height: 750px !important;
	width: 45%;
	object-fit: cover;
	position: absolute;
	right: 0px;
	top: 0px;
}


.hi_hero__item {
    padding-inline: 100px;
    height: 100%;
    display: flex;
    justify-content: center;
  }
  
  .hi_hero__layout {
    width: 100%;
    max-width: 1400px;
    display: flex;
    align-items: center;
  }
  

.hi_hero__content {
    width: 930px;
    max-width: 70%;
    height: 530px;
    background-color: #fff;
    padding: 70px;
    box-sizing: border-box;
    position: relative;
    color: #7f878c;
  }
  

.hi_hero__title {
    color: #7f878c !important;
    font-size: 55px;
    line-height: 100%;
    font-weight: 600;
    font-family: "Maven Pro", sans-serif;
  }
  

.hi_hero__subtitle {
    font-family: "Open Sans", sans-serif;
    font-size: 22px;
  }
  

.hi_hero__link {
    background-color: #0065b3 !important;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Open Sans";
    text-align: center;
    width: 194px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 70px;
    left: 70px;
  }
  
  .hi_hero__logo {
    position: absolute;
    bottom: 70px;
    right: 70px;
    width: auto;
    max-width: 225px !important;
  }
  


.hi_hero__navs {
    position: absolute;
    bottom: 120px;
    left: -30px;
    transform: rotate(90deg);
  }
  
  .hi_hero__navs > li > a {
    width: 18px;
    height: 9px;
    border-radius: unset;
    background-color: #c0cdd8 !important;
    border: unset;
  }
  
  .hi_hero__navs > li.uk-active > a {
    background-color: #0066b4 !important;
  }
  
  .hi_hero__container a[uk-slider-item="next"] {
	height: 530px;
	display: flex;
	width: 65px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0px;
	background-color: #fff;
	opacity: 0.5;
	border-top: solid #3a9c2e 13px;
    margin-top: 13px;

}

@media (min-width: 1500px) {
    .hi_hero__navs {

        left: calc(((100vw - 1490px) / 2) - 70px);

      }
}


@media (min-width: 1800px) {
    .hi_hero__navs {

        left: calc((100vw - 1690px) / 2);

      }
}

@media (max-width: 600px) {


    .hi_hero__container {
        height: 800px;
      }
      
      .hi_hero__image {
        width: 100%;
        height: 310px;
      }
      
      .hi_hero__arrow {
        display: none !important;
      }
      

.hi_hero__item {
    padding-inline: 16px;
  }
  
  .hi_hero__layout {
    justify-content: center;
  }
  
  .hi_hero__content {
    max-width: 340px;
    padding: 20px;
    height: auto;
  }
  
  .hi_hero__title {
    font-size: 29px;
    line-height: 115%;
  }
  
  .hi_hero__subtitle {
    font-size: 16px;
  }
  
  .hi_hero__link {
    bottom: 95px;
  }
  
  .hi_hero__logo {
    position: static;
    margin-inline: auto;
    display: block;
    margin-bottom: 160px;
  }
  .hi_hero__navs {
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
    top: -180px;
  }
  
    }