.homepage-banner {
  z-index: 1;
  /*   margin-bottom: 10px; */ 
}
.homepage-banner__bg {
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 0
}
.homepage-banner__bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  /*  background: var(--gradient-left-dark)
  */
}
.homepage-banner .video .action-button {
  bottom: 23.8rem;
  right: 7.2rem;
  display: none!important
}
.homepage-banner__image-bg {
  aspect-ratio: auto
}
.homepage-banner--with-thumbcards .gallery-thumbs .homebanner-slide {
  overflow: hidden;
  flex: 1;
  cursor: pointer;
  background: var(--dark-25);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  transition: all .25s ease-in-out;
  margin: 0 1px
}
.homepage-banner--with-thumbcards .gallery-thumbs .homebanner-slide p {
  color: var(--base-5);
  margin: 24px 0 12px;
  transition: all .25s ease-in-out
}
.homepage-banner--with-thumbcards .gallery-thumbs .homebanner-slide .cta {
  font-size: var(--label-xs-font-size);
  line-height: var(--label-xs-line-height)
}

.homepage-banner__content-image{
  max-height: 12.4rem;
}
.homepage-banner-thumb.position-relative.h-100:before {
  content: '';
  background: linear-gradient(180deg, rgb(5 25 63) 0%, rgba(0, 26, 65, 0) 60%);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

@media (max-width:767.98px) {
  .homepage-banner .svg-text {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 20rem
  }
  .homepage-banner-thumb{
    height: 64.4rem ;
  }
  .homepage-banner{
    margin-bottom: 0;
    height: 64.4rem;
    padding-bottom: 0;
  }

  /*
  .homepage-banner--with-thumbcards .gallery-thumbs {
  margin-left: 2.8rem;
  margin-top: -27.5rem; 
  right: 7.2rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none
}
  */

  .homepage-banner--with-thumbcards { position: relative; overflow: visible; }

  .homepage-banner--with-thumbcards .gallery-thumbs {
    transform: translateY(-27.5rem);
    margin-left: 2.8rem;
    margin-top: 0;
    position: relative;
    z-index: 20;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scrollbar-width: none; 
  }

  .gallery-thumbs .homebanner-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
  }

  .gallery-thumbs .homebanner-slide__inner img{
    height: 11.9rem;
  }

  .homepage-banner--with-thumbcards .gallery-thumbs::-webkit-scrollbar {
    display: none;
  }
  .gallery-thumbs .homebanner-slide {
    flex: 0 0 auto;  
    width: 260px;
  }

  .homepage-banner--with-thumbcards .gallery-thumbs .homebanner-wrapper {
    width: 733px;
    margin-left: 0;
    display: flex
  }
  .homepage-banner__bg{
    height: 50rem ;
    background: var(--primary-1);
  }
  .video--background{
    height: 50rem ;
  }
  .homepage-banner__content-image{
    margin-top: -15.3rem;
  }
}

@media (min-width:992px) {
  .homepage-banner--with-thumbcards .gallery-thumbs {
    margin-top: -12.5rem;
    justify-content: center;
    display: flex;
  }
}

@media (min-width:992px) {

  .homepage-banner .video .action-button {
    display: flex!important
  }
  .homepage-banner--with-thumbcards .gallery-thumbs {
    right: 22.2rem
  }
  .homepage-banner--with-thumbcards .gallery-thumbs .homebanner-slide {
    flex: none;
    max-width: 24.6rem;
    height: 24rem
  }
  .homepage-banner--with-thumbcards .gallery-thumbs .homebanner-slide p {
    margin: 2.4rem 0;
    line-height: 1.6rem
  }
  .homepage-banner--with-thumbcards .gallery-thumbs .homebanner-slide:hover {
    height: 26.8rem;
    background-color: var(--dark-50);
    margin-top: -1.4rem
  }
  .homepage-banner--with-thumbcards .gallery-thumbs .homebanner-slide:hover p {
    margin-bottom: 12px
  }
  .homepage-banner--with-thumbcards .gallery-thumbs .homebanner-slide img {
    height: 12rem
  }
  .homepage-banner--with-thumbcards .gallery-thumbs .video .action-button {
    bottom: 13.6rem
  }
}

@media (min-width:1024px) {
  .homepage-banner__content-image{
    max-height: 26.4rem;
    padding: var(--md-2);
  }
}

@media (min-width:1400px) {
  .homepage-banner--with-share-price .shareprice-ticker {
    right: calc((100% - 1440px)/ 2 + 1.6rem)
  }
  .homepage-banner__content-image{
    max-height: 31.6rem;
    padding: 0;
  }
}
@media (width >= 1536px) {
  body .homepage-banner--with-share-price .shareprice-ticker {
    right: calc((100% - 1536px)/ 2 + 1.6rem)
  }
}
.career-banner__bg::before {
  content: url("/~/media/Images/I/inchcape/Corp/custom-components/career-banner/mobile-dot-career-banner.png");
  position: absolute;
  right: 40px;
  bottom: 0;
  z-index: 1
}
.career-banner__search-wrap {
  max-width: 31.5rem;
}
.career-banner__search-wrap .career-input::placeholder{
  color: var(--base-5);
}
.career-banner__search-wrap .career-input {
  background-color: rgba(255,255,255,.15);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  border: .5px solid rgba(255,255,255,.18);
  color: var(--base-5);
  width: 100%;
  padding: var(--sm-4) var(--sm-2);
  transition: all .25s;
  border-radius: 100px;
  padding-left:5.7rem;
}
.career-banner__search-wrap .career-search-button {
  line-height: 100%;
  border: none;
  background-color: transparent;
  right: auto;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--base-5);
  border-radius: 100px;
  padding-left: var(--sm-2);
}
.career-banner__right-wrapper .video__frame-wrapper iframe {
  width: 100%
}
.career-banner__right-wrapper .video .action-button {
  display: none!important
}
@media (min-width:992px) {
  .career-banner__right-wrapper .video[data-video-type=youtube] {
    height: 60rem
  }
  .career-banner__right-wrapper .video[data-video-type=youtube] iframe {
    left: 50%;
    width: 250%!important
  }
}
.career-banner__right-wrapper .small-img {
  display: none
}
@media (max-width:575.98px) {
  .career-banner__right-wrapper .video {
    height: 30.4rem
  }
  .career-banner__right-wrapper .video__frame-wrapper iframe {
      width: 212%; 
  }
}
@media (min-width:992px) {
  .career-banner__bg::before {
    content: url("/~/media/Images/I/inchcape/Corp/custom-components/career-banner/career-banner-dots.png");
    position: absolute;
    right: 40px;
    bottom: -279px;
    z-index: 1
  }
  .career-banner__right-wrapper .video {
    aspect-ratio: auto
  }
  .career-banner__right-wrapper .video__frame-wrapper {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    border-radius: 6px
  }
  .career-banner__right-wrapper .video__frame-wrapper iframe {
    width: 250%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: -75%;
    border: none;
    transform: none;
    aspect-ratio: auto
  }
  .career-banner__right-wrapper .small-img {
    position: absolute;
    z-index: 2;
    border-radius: 6px;
    display: block
  }
  .career-banner__right-wrapper .left-image {
    width: 18rem;
    height: 12.7rem;
    bottom: 2.7rem;
    left: -13rem
  }
  .career-banner__right-wrapper .bottom-image {
    width: 25.1rem;
    height: 16.6rem;
    top: 85%;
    left: 25%
  }
}
@media (min-width:1200px) {
  .career-banner__right-wrapper .video iframe {
    width: 200%!important;
    left: -50%
  }
  .career-banner__right-wrapper .left-image {
    width: 30rem;
    height: 19.7rem;
    bottom: -4.3rem;
    left: -22rem
  }
  .career-banner__right-wrapper .bottom-image {
    width: 41.1rem;
    height: 26.5rem;
    top: 89%;
    left: 18%
  }
  .homepage-banner__content img{
    scale:0.9;
  }
}
.panel-light .career-banner__search-wrap .career-input,
.section-light .career-banner__search-wrap .career-input {
  color: var(--base-1)
}
.panel-light .career-banner__search-wrap .career-search-button,
.section-light .career-banner__search-wrap .career-search-button {
  color: var(--base-1)
}

.homepage-banner__bg::before{
  background: linear-gradient(180deg, rgba(0, 26, 65, 0.00) 45%, var(--primary-1) 95%);
}

.homepage-banner .homepage-banner--with-thumbcards::after{

}

.full-width-banner__image-wrapper::after {
  background: linear-gradient(180deg, rgba(0, 26, 65, 0.00) 45%, #001A41 95%);
}
@media (min-width:768px) and (max-width:1024px) {
  .homepage-banner{
    height: 60rem;
  }
  .homepage-banner--with-thumbcards .gallery-thumbs{
    margin-top: -12.6rem;
  }
}

@media (max-width:767px){
  .homepage-banner__bg::before{
    top : -130px;
  }
}


@media (min-width:2501px){
  .homepage-banner .gallery-thumbs {
    scale:135%;
  }
  .homepage-banner--with-thumbcards .gallery-thumbs {
    margin-top: -16rem;
  }
}

@media (min-width:1920px) and (max-width:2500px){
  .homepage-banner .gallery-thumbs {
    scale:120%;
  }
  .homepage-banner--with-thumbcards .gallery-thumbs {
    margin-top: -13.5rem;
  }
}


@media (min-width:1400px) and (max-width:1919px){
  .homepage-banner .gallery-thumbs {
    scale:110%;
  }
  .homepage-banner--with-thumbcards .gallery-thumbs {
    margin-top: -11.5rem;
  }
}