.home-hero {
    position: relative;
    width: 100%;
    min-height: 720px;
    height: 76vh;
    max-height: 920px;
    overflow: hidden;
    background: #000;
}

.home-hero__swiper {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.home-hero__swiper .swiper-wrapper,.home-hero__swiper .swiper-slide {
    height: 100%;
}

.home-hero__img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.home-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: var(--gray-bg,#545454);
    opacity: .55;
}

.home-hero__content {
    position: absolute;
    inset: 0;
    z-index: 3;
}

.home-hero__content .container-lg {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.home-hero__text {
    width: 100%;
}

.home-hero__title {
    color: #fff;
    font-family: Poppins,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    font-size: clamp(47px,9.6vw,155px);
    line-height: clamp(56px,7.6vw,150px);
}

.home-hero__subtitle {
    color: #fff;
    font-family: Poppins,sans-serif;
    font-weight: 700;
    margin: 14px 0 0;
    font-size: clamp(18px,2.2vw,33px);
    line-height: clamp(22px,2.1vw,40px);
}

.home-hero__actions {
    position: absolute;
    left: var(--gutter,20px);
    right: var(--gutter,20px);
    bottom: 28px;
    z-index: 4;
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 991px) {
    .home-hero {
        min-height:640px;
        height: 72vh;
    }

    .home-hero__actions {
        bottom: 22px;
    }
}

@media (max-width: 520px) {
    .home-hero {
        min-height:600px;
        height: 78vh;
    }

    .home-hero__actions {
        bottom: 18px;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .home-hero__actions .btn-layout {
        /* width: 100%; */
        justify-content: center;
    }
}

.home-purpose{padding: 0px 0 50px;background:#fff;}
.home-purpose__title{
  color:var(--main,#0071BA);
  text-align:center;
  font-family:Poppins,sans-serif;
  font-size:32px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  text-transform:uppercase;
  margin: 50px 0 0;
}

.home-purpose__video-wrap{
  position:relative;
  max-width: 100%;
  margin:0 auto;
  aspect-ratio:16/9;
  background:#000;
  overflow:hidden;
  /* border-radius:10px; */
  cursor:pointer;
  outline:none;
}

.home-purpose__video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.home-purpose__shade{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.20) 100%),var(--gray-bg,#545454);
  opacity: 0.5;
  transition:opacity .2s ease;
}
.home-purpose .container {padding: 0;max-width: 100%;}
.home-purpose__play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:3;
  width:92px;
  height:62px;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  transition:opacity .2s ease,transform .15s ease;
}

.home-purpose__video-wrap:hover .home-purpose__play{
  transform:translate(-50%,-50%) scale(1.03);
}

 
.home-purpose.is-playing .home-purpose__shade{opacity:0;}
.home-purpose.is-playing .home-purpose__play{opacity:0;}

@media (max-width:991px){
  .home-purpose{/* padding:70px 0; */}
  .home-purpose__title{font-size:28px;margin-left: 20px;margin-right: 20px;}
}

@media (max-width:520px){
  .home-purpose{/* padding:54px 0; */}
  .home-purpose__title{font-size:20px;margin-bottom:18px;}
  .home-purpose__video-wrap{border-radius:8px;}
  .home-purpose__play{width:78px;height:54px;border-radius:14px;}
}

.home-approach{background:#0071BA;padding:96px 0;}
.home-approach .container{max-width:980px;}
.home-approach__title{
  color:#fff;
  font-family:Poppins,sans-serif;
  font-size:108px;
  font-style:normal;
  font-weight:700;
  line-height:110px;
  text-transform:uppercase;
  text-align:center;
  margin:0 0 0px;
}
.home-approach__title-2{
 color: #FFF;
 text-align: center;
 font-family: Poppins;
 font-size: 130px;
 font-style: normal;
 font-weight: 700;
 margin-bottom: 50px;
 line-height: 130px; /* 100% */
 text-transform: uppercase;
}
.home-approach__text{
  color:#fff;
  font-family:Poppins,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  max-width:760px;
  margin:0 auto;
  text-align:left;
}
.home-approach__text p{margin:0 0 22px;color: #FFF;font-family: Poppins;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;}
.home-approach__text p:last-child{margin-bottom:0;}
.home-approach__actions{margin-top: 50px;text-align:center;}

@media (max-width:991px){
  .home-approach{padding:78px 0;}
  .home-approach__title{font-size:72px;line-height:74px;}
  .home-approach__title-2{font-size: 89px;line-height:74px;}
  .home-approach__text{font-size:18px;}
}

@media (max-width:520px){
  .home-approach{padding:56px 0;}
  .home-approach__title{font-size:44px;line-height:46px;margin-bottom:18px;}
    .home-approach__title-2{font-size: 50px;line-height: 14px;margin-bottom: 60px;}
  .home-approach__text{font-size:16px;}
  .home-approach__text p{margin-bottom:16px;}
  .home-approach__actions{margin-top: 50px;}
}

.home-locations{display:grid;grid-template-columns: 0.85fr 1fr;min-height:520px;background:#fff;}
.home-locations__map{background:url('../img/map.png') center/cover no-repeat;}
.home-locations__content{display:flex;align-items:center;padding: 100px 0;}
.home-locations__content .container{max-width:520px;width:100%;}
.home-locations__title{
  color:var(--main,#0071BA);
  font-family:Poppins,sans-serif;
  font-size:24px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  text-transform:uppercase;
  margin:0 0 22px;
}
.home-locations__block{margin:0 0 34px;}
.home-locations__block:last-child{margin-bottom:0;}
.home-locations__office{
  color:var(--gray-bg,#545454);
  font-family:Poppins,sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  text-transform:uppercase;
  margin:0 0 10px;
}
.home-locations__line{
  color:var(--gray-bg,#545454);
  font-family:Poppins,sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  margin:0 0 10px;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.home-locations__content .container-lg {margin-left: 130px;}
.home-locations__line br{display:block;}
.home-locations__link{color:#256EFF;text-decoration:none;}
.home-locations__link:hover{text-decoration:underline;}

@media (max-width:991px){
  .home-locations{grid-template-columns:1fr;}
  .home-locations__map{min-height:340px;}
  .home-locations__content{padding:56px 0;}
  .home-locations__content .container-lg{max-width:680px;margin-left: 0;}
}

@media (max-width:520px){
  .home-locations__map{min-height:260px;}
  .home-locations__content{padding:44px 0;}
  .home-locations__title{font-size:20px;margin-bottom:16px;}
  .home-locations__office{font-size:16px;}
  .home-locations__line{font-size:15px;}
}
