/* ------------------------------------- Banner */
.banner-section{
  overflow: hidden;
  padding-bottom: 10px;
}
.bann-row-aa1 .bann-content{
  padding-right: 80px;
}
.bann-row-aa1{
  align-items: center;
}
.bann-row-aa1 .bann-content > h1{
  color: #0AB2FF;
  margin-bottom: 10px;
}
.bann-row-aa1 .bann-content > h3{
  margin-bottom: 40px;
}
.bann-row-aa1 .bann-content > h4{
  margin-bottom: 20px;
}

.comm-wrap {
  margin-top: 40px;
  display: inline-flex;
  align-items: center;
  padding: 18px;
  background-color: #F9FAFE;
  border-radius: 12px;
  gap: 18px;
}
ul.comm-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
ul.comm-list > li:not(:first-child){
  margin-left: -15px;
}
ul.comm-list > li > img {
  width: 46px;
}
.comm-wrap > div{
  flex: 1;
  line-height: 1.3;
  margin-bottom: -8px;
}

/* ---- Range Slider */
.range-slide-wrap-aa1{
  --block_height: 540px;
  --block-width: 614px;
  --button-size: 60px;
  --line-size: 5px;
  display: flex;
  justify-content: center;
}
.range-slide-aa1{
  position: relative;
  max-width: var(--block-width);
  height: 100%;
  width: 100%;
  padding-bottom: calc(var(--button-size) / 2);
}
.aa1-img {
  height: var(--block_height);
  width: 100%;
  position: relative;
  overflow: hidden;
}
.aa1-img > img{
  position: absolute;
  left: 0;
  bottom: 0;
  width: auto;
  height: var(--block_height);
  max-width: unset;
}
.aa1-img.aa1-fg-img {
  position: absolute;
  width: 50%;
  bottom: calc(var(--button-size) / 2);
  z-index: 3;
}
.slide-range-aa1, .range-slide-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
input.range-input {
  width: calc(100% + var(--button-size) - var(--line-size));
  height: 100%;
  position: relative;
  z-index: 9;
  appearance: none;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: all 0.3s ease-in-out;
}
input.range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: var(--button-size);;
  height: var(--button-size);;
  border-radius: 50%;
  cursor: pointer;
  background-color: transparent;
}
input.range-input::-moz-slider-thumb {
  appearance: none;
  width: var(--button-size);;
  height: var(--button-size);;
  border-radius: 50%;
  cursor: pointer;
  background-color: transparent;
}
input.range-input:hover{
  background-color: rgba(255, 255, 255, 0.1);
}

.range-slide-btn {
  background-color: #fff;
  height: 100%;
  width: var(--line-size);
  z-index: 6;
  left: 50%;
  transform: translateX(calc(-50% - var(--line-size) / 2));
}
.range-slide-btn > button {
  position: absolute;
  bottom: 0;
  width: var(--button-size);
  height: var(--button-size);
  outline: none;
  border: none;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #D9D9D9;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.range-slide-btn > button > i {
  margin: 0 var(--line-size);
}

@media screen and (max-width: 670px) {
  .range-slide-wrap-aa1{
    --block_height: calc(100vw - 130px);
    --block-width: calc(114vw - 148px);
    --button-size: 8vw;
    --line-size: 0.6vw;
  }
  .range-slide-btn > button {
    font-size: 2.2vw;
  }
}







/* ----------------------------------- What the Flight is */
.wf-section-ab1{
  --section_height: 900px;
  position: relative;
  overflow: hidden;
  min-height: calc(var(--section_height) + 180px);
  display: flex;
  align-items: center;
  margin-top: -30px;
}
.wf-img-ab1{
  max-width: var(--section_height);;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.content-wrap.wf-content-ab1 {
  text-align: end;
}
.wf-heading-ab1{
  margin-bottom: 20px;
}
.wf-heading-ab1 > h2, .wf-heading-ab1 > div > span {
  color: #0AB2FF;
}
.wf-heading-ab1 > h3{
  margin-top: 20px;
  padding-left: 120px;
}
.wf-heading-ab1 img {
  max-height: 67px;
  margin-bottom: -7px;
}
ul.wf-ul-ab1{
  list-style: none;
  margin: 40px 0 40px 0;
  padding: 0;
}
ul.wf-ul-ab1 > li{
  position: relative;
  padding-right: 40px;
  line-height: 1.3;
}
ul.wf-ul-ab1 > li:before {
  content: "\f060";
  font-family: 'FontAwesome';
  font-size: 10px;
  line-height: 1;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(0, 0, 0, 0.25);
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  right: 0;
}
ul.wf-ul-ab1 > li:not(:last-child){ margin-bottom: 10px; }


/* ----------------------------- Video */
.video-section-ac1 video{
  margin-bottom: -8px;
}

/* ---------------------------Share Connect Engage */
.shr-section-ad1{
  padding: 0;
}
.shr-block-ad1 {
  color: #fff;
  padding: 90px 0 60px 0;
  background: linear-gradient(90.17deg, #0DB3FF 0.15%, #8394F3 99.87%);
}
img.shr-plane-ad1 {
  max-width: 80vw;
  margin-bottom: -10px;
}
.shr-row-ad1 .content-wrap > h2{ line-height: 1.2; }
.shr-row-ad1 .content-wrap > h4{ line-height: 1.5; }
.shr-row-ad1 .content-wrap > h3{ line-height: 1.5; }

.shr-item{
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 991px){
  .shr-item:before, 
  .shr-item:after{
    content: "";
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .shr-item.active:before, 
  .shr-item.active:after{
    border: 2px solid #304FFE;
    position: absolute;
    opacity: 1;
  }
  .shr-item.active:before{
    height: 24px;
    width: 24px;
    left: 50%;
    transform: translateX(-100%);
    bottom: calc(-1 * 24px - 8px);
    border-left: 0;
    border-top: 0;
    border-radius: 0 0 10px 0;
  }
  .shr-item.active:after{
    --line_width: 340px;
    --after_width: var(--line_width);
    height: 90px;
    width: var(--after_width);
    left: calc(50% - 20px);
    transform: translateX(-100%);
    top: calc(100% + 30px);
    border-right: 0;
    border-bottom: 0;
    border-radius: 10px 0 0 0;
  }
  .shr-row-ad2 > div:nth-child(3n+2) .shr-item.active:after{
    width: calc(var(--after_width) + 1 * 219px);
  }
  .shr-row-ad2 > div:nth-child(3n+3) .shr-item.active:after{
    width: calc(var(--after_width) + 2 * 219px);
  }
  .shr-row-ad2 > div:nth-child(n+4) .shr-item.active:after{
    --after_width: calc(var(--line_width) - 40px);
    left: calc(50% - 70px);
    top: 10px;
  }
  .shr-row-ad2 > div:nth-child(n+4) .shr-item.active:before{
    display: none;
  }

}


.shr-item > .hover-title{
  color: #fff;
  text-align: center;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 3;
  margin-bottom: 10px;
  opacity: 0;
}
/* .shr-item > .hover-title:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  mix-blend-mode: multiply;
} */
.shr-inn{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  width: 100%;
  height: 100%;
}
.shr-inn > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shr-title-overly {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background: linear-gradient(0deg, #304FFE 0%, rgba(48, 79, 254, 0) 100%);
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 15px;
  transition: all 0.3s ease-in-out;
}
.shr-item.active{
  pointer-events: none;
}
.shr-item.active .shr-title-overly{
  opacity: 0;
}
.shr-item.active > .hover-title{
  opacity: 1;
}
.shr-item.active .shr-inn {
  outline: 2px solid #D9D9D9;
  outline-offset: 6px;
}

.shr-row-ad2{
  padding-top: 60px;
  margin-bottom: -220px;
}


.shr-block-ad2{
  color: #000;
}
.shr-block-ad2 .content-wrap{
  padding: 60px 60px 90px 0px;
}
ul.shr-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.shr-list > li:not(.active){
  display: none;
}

.shr-res-content {
  background-color: #304ffe;
  color: #fff;
  border-radius: 15px;
  padding: 20px;
  margin: 30px 0 0 0;
  display: none;
  position: relative;
  z-index: 99;
  width: calc(100vw - 60px);
}
@media (max-width: 991px){
  .shr-item.active{
    position: relative;
  }
  .shr-item.active:after{
    content: "";
    position: absolute;
    top: auto;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease-in;
    z-index: 9;
    border-bottom: 10px solid #304ffe;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
}
@media (min-width: 768px){
  .shr-row-ad2 > div:nth-child(3n + 2) .shr-res-content{
    left: calc(-33.3vw + 12px);
  }
  .shr-row-ad2 > div:nth-child(3n + 3) .shr-res-content{
    left: calc(-66.6vw + 23px);
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  .shr-row-ad2 > div:nth-child(2n) .shr-res-content{
    left: calc(-50vw + 18px);
  }
}


/* ----------------------------- The Genesis of Aeroplane */
.gen-section-ae1 .section-title > h2{
  color: #4B58A4;
}
.gen-section-ae1{
  padding: 90px 0 0 0;
}
.gen-section-ae1 .section-title{
  margin-bottom: 120px;
  position: relative;
}
.gen-row-ae1{
  position: relative;
  z-index: 3;
}
.gen-block-ae1{
  height: 100%;
  display: flex;
  position: relative;
  transform: translateY(-120px);
}
.gen-block-ae1.block-ae1{
  align-items: flex-end;
  justify-content: flex-end;
  padding-right: 24px;
}
.gen-block-ae1.block-ae2{
  align-items: flex-end;
  justify-content: flex-start;
  padding-left: 0;
}
.gen-block-ae1 > img{
  height: auto;
  max-width: 100%;
  width: 100%;
}

button.plus-btn {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
button.plus-btn > span{
  color: #B8B8B8;
  font-size: 10px;
  margin-top: 5px;
}
button.plus-btn > i{
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #fff;
  height: 30px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #3351FE 0%, #8294F4 100%);
  border-radius: 50%;
}
button.plus-btn:hover{
  transform: translateY(-3px);
}
button.plus-btn:hover span{
  color: #4B58A4;
}
.gen-block-ae1 button.plus-btn{
  position: absolute;
}
.gen-block-ae1.block-ae1 button.plus-btn{
  top: 530px;
  right: 20px;
}
.gen-block-ae1.block-ae2 button.plus-btn {
  top: 394px;
  left: 20px;
}

/* ----------------------------- Get in Touch */
.git-section-af1{
  color: #fff;
  background: linear-gradient(90.17deg, #0EB3FF 0.15%, #8394F3 99.87%);
  border-radius: 20vw 0px 0px 0px;
  position: relative;
  overflow: hidden;
  margin-top: 90px;
}
.git-row-af1 .content-wrap{
  padding: 120px 60px 0px 0;
}
.git-row-af1 .content-wrap > .btn-wrap{
  margin-top: 60px;
}

.git-section-af1 .section-title, 
.git-section-af1 .row .content-wrap{
  position: relative;
  z-index: 3;
}
.git-globe-wrap > video{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100vw;
  clip-path: circle(37% at 76% 72%);
}

/* ============================= Popups */
.form_x1 .popup-block {
  width: 400px;
}