.nojs .banner .banner__slick .banner__slick-wrapper {display: none;} 
.nojs .banner .banner__slick .banner__slick-wrapper:first-child {display: block;} 

/*========= Home Banner CSS starts ==========*/
.home-page-banner,.thin-banner-main-wrapper{padding-top:166px;}
.banner__slick-wrapper{height:80vh;position: relative;}
.banner__slider {height: 100%;  border-radius: 12px;background-size: cover;  background-repeat: no-repeat;  background-position: center;  position: relative;  overflow: hidden;}
.banner__slick-wrapper {overflow: hidden;}
.video_wrapper{height: 100%;  position: absolute;  width: 100%;  overflow: hidden;border-radius: 12px;}
.video-banner .video_wrapper{height: 100%;  position: absolute;  width: 100%;  overflow: hidden; border-radius:0}
.video_wrapper iframe {height: 100%; width:100%; translate: -12% -18%;  background-color: gray;}
.video_wrapper .vimeo__wrapper{width: calc(100% + 962px);  height: calc(100% + 700px) !important;}
.ticker{display: flex;  justify-content: flex-end;  align-items: flex-end;  padding-bottom: 33px;}
.home_banner_text-wrapper{display: flex;  flex-direction: column;  justify-content: center;}
.home_banner_text-wrapper, .ticker{height:100%;}
.banner__content-wrapper {color:var(--bright-white);}
.banner__content-wrapper .intro, .banner__content-wrapper a{margin-bottom: 40px;}
.ticker_Wrapper{border-radius: 12px; backdrop-filter: blur(30px); padding: 24px;  display: flex;  background:radial-gradient(50% 50% at 50% 50%, rgba(136, 77, 100, 0.05) 0%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(0deg, rgba(26, 30, 34, 0.40) 0%, rgba(26, 30, 34, 0.40) 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);  width: 560px; position: relative;}
.ticker__item{display: flex;  flex-direction: column;  justify-content: space-between;}
.ticker__item.ticker__item-1{width: 60%;}
.ticker__item.ticker__item-2{width: 40%;}
.ticker__item a.title{color: var(--bright-white);}
.ticker__item a.title:hover span.icon{color: var(--red);}

.slick_homebanner_custom-arrows{width: 150px;}
.banner-circle {height: 4px;  width: 4px;  background-color: #F0EEE8;  display: inline-block;border-radius: 50%;opacity: 0.25;}
.slick-active .banner-circle {background-color: var(--bright-white);opacity: 1;}
.slick_homebanner_custom-arrows .slick-prev.slick-arrow{transform: rotate(90deg);}
.slick_homebanner_custom-arrows .slick-next.slick-arrow{transform: rotate(-90deg);}
.slick_homebanner_custom-arrows .custom_slick-dots {margin: 0px 20px;}
.slick_homebanner_custom-arrows button {background-color: transparent;border: none;color: var(--soft-white);font-size: 2.4rem;}
.custom_slick-dots .banner__dots-list{display: flex;  padding: 0;}
.custom_slick-dots ul li{margin:0px 4px;}
.ticker_Wrapper .ticker__item:first-child{border-right: 2px solid rgba(255, 255, 255, 0.30);}
.ticker_Wrapper .ticker__item:last-child{padding-left: 24px;margin-left: 24px;}
.ticker_Wrapper::before {content:""; background:url("/~/media/Images/H/Hgcapital-Trust-V2/hg-modules-images/patterns-images/home-banner-ticker-img.svg")no-repeat;height: 182px;  width: 380px;  position: absolute;  right: 0;  bottom: 0;  z-index: -1;}
.ticker__item iframe{color:var(--bright-white);}
.ticker__item .content__cta { margin-top: 40px;}
.ticker__item p.title{margin-bottom:16px;color: var(--bright-white);}

/*===== slick arrow css starts ======*/

/*===== Module Video Banner starts ======*/
.video-banner{padding-top:0px;padding-bottom:120px}
/* .video-banner .banner__slick-wrapper{height: 100vh;
    position: relative;} */
/*===== Module Video Banner End ======*/


/*===== slick arrow css ends ======*/
@media screen and (max-width:1490px){
  .banner__content-wrapper h1 {font-size: 5.5rem;} 
}
@media screen and (max-width:1199.98px){
.home_banner_text-wrapper, .ticker{height:auto;}
  .banner__slick-wrapper {height:817px;}
  .home_banner_text-wrapper{padding-top: 9%;}
  .video-banner .home_banner_text-wrapper{
/*   padding-top: 30%; */
  padding-top: 25%;
  }
  
 }


@media screen and (max-width:991.98px){
  .home-page-banner > .container-fluid, .home-page-banner{padding:0px;}
  .video_wrapper, .video_wrapper iframe, .banner__slider{border-radius: 0px;}
 /* .ticker_Wrapper{width: 100%;}*/
  .home_banner_text-wrapper {padding-top: 15%;}
  .video-banner .home_banner_text-wrapper {padding-top: 30%;}
  .ticker{padding-bottom: 24px;}
  .ticker__item .content__cta {margin-top: 27px;}
  .home-page-banner,.thin-banner-main-wrapper{padding-top:0px;}
  .thin-banner-main-wrapper .thin-banner-item {border-radius: 0px;}
}

@media screen and (max-width:767.88px){
  .ticker_Wrapper{width: 285px;padding: 14px;flex-direction: column;justify-content: center;align-items: center;}
  .ticker__item.ticker__item-1, .ticker__item.ticker__item-2{width:100%;}
  .ticker_Wrapper .ticker__item:first-child {border-right: none; padding-bottom: 14px;border-bottom: 2px solid rgba(255, 255, 255, 0.30);}
  .ticker_Wrapper .ticker__item:last-child {padding-left: 0;padding-top: 14px; margin-left: 0px;}
  .ticker__item{width: 100%;}
  .banner__slick-wrapper {height: 1029px;}
  .video_wrapper .vimeo__wrapper {width: calc(100% + 1700px);height: calc(100% + 1300px) !important;}

   .home_banner_text-wrapper {padding-top: 27%;}
  .video_wrapper iframe{translate: -20% -26%;}
  .video-banner .video_wrapper iframe{translate: -40% -26%;}
  .banner__content-wrapper .intro, .banner__content-wrapper a{margin-bottom: 32px;}

  /* Module - Video banner */
  .video-banner .video_wrapper .vimeo__wrapper
  {
    width: calc(100% + 2100px);
    height: calc(100% + 1300px) !important;
  }
  .video-banner .home_banner_text-wrapper{
    padding-top: 50%;
  }
 }
/*========= Home Banner CSS ends ==========*/


/*------- landing banner css -------- */ 

.banner__landing {min-height: 379px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;} 
.banner__landing::before {position: absolute; content: " "; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);} 
.title {width: fit-content;}
@media screen and (max-width: 1024px) {.banner__landing {min-height: 255px;}} 
@media screen and (max-width: 767.98px) {.banner__landing {min-height: 135px;}} 


/*==== inline page nav css=====*/
.m__drop-down {padding: 32px 0px;}
.in-circle {  height: 5px;  width: 5px;  background-color: var(--neutral-50);  border-radius: 50%;  margin-left: 4px;  margin-top: 3px;  display: inline-block;  position: absolute;}
.m__drop-down ul{border-radius: 30px;  background: rgba(255, 255, 255, 0.6);  backdrop-filter: blur(3rem);  padding: 4px 18px 4px 10px;  margin-left: 24px;margin-top: 5.5px;}
.m__drop-down a{line-height: 19.2px;  color: var(--anthracite);  padding: 8px 16px;  display: inline-block; transition: 0.3s all ease-in-out;} 
.m__drop-down a:focus-visible .in-circle, .m__drop-down a:hover .in-circle{background-color: var(--anthracite);}
.inpagenavigation-btn .text{margin-right:16px;}
.m__drop-down .icon.icon-chevronbig {transition: 0.3s all ease-in-out;font-size: 1.2rem;}


.inpagenavigation-btn.dd-open .icon, .inpagenavigation-btn.selected-stated .icon{transform: rotate(180deg);  transition: 0.3s all ease-in-out;}
.inpagenavigation-btn.selected-stated.dd-open .icon{transform: rotate(0deg);}
a.button.text-uppercase.active .in-circle {background-color: var(--red);}

.thin-banner-main-wrapper.no-image .thin-banner-item{min-height: 490px;height: 100%;}



@media screen and (max-width:991.98px){
.thin-banner-main-wrapper.no-image{padding-top: 90px;}
.m__drop-down button:hover > .icon {color: var(--red);}
.m__drop-down button {border-radius: 100px;  border: 1px solid #9E9E9E;  padding: 12.5px 24px;  background: transparent;  margin-left: 24px;}
.m__drop-down ul{z-index:3;padding: 0;margin:0;border-radius: 20px;border: 1px solid #9E9E9E; position: absolute; top: 80px;   opacity: 0;  visibility: hidden;  transition: 0.3s ease;/* transform: translateX(-50%); left: 50%;*/ left:auto;}
.m__drop-down ul.opened-ul{opacity: 1;  visibility: visible;margin-left: 24px;}
.m__drop-down a{min-width: 100%;padding: 12.5px 24px;}
.m__drop-down ul li:first-child > a{  border-radius: 20px 20px 0px 0px;}
.m__drop-down ul li:last-child > a{  border-radius: 0px 0px 20px 20px;}
.m__drop-down a.active,  .m__drop-down a:hover{  background: var(--sky);}
  
  
  /*=================*/
.select-dropdown {position: relative;  display: inline-block;  max-width: 100%;}
.select-dropdown__button {padding: 10px 35px 10px 15px;  background-color: #fff;  color: #616161;  border: 1px solid #cecece;  border-radius: 3px;  cursor: pointer;  width: 210px;  text-align: left;}
.select-dropdown__button::focus {outline: none;}
.select-dropdown__button .zmdi-chevron-down {  position: absolute;  right: 10px;  top: 12px;}
.select-dropdown__list {position: absolute;  display: block;  left: 0;  right: 0;  max-height: 300px;  overflow: auto;  margin: 0; padding: 0;  list-style-type: none;  opacity: 0;  pointer-events: none;  transform-origin: top left;  transform: scale(1, 0);  transition: all ease-in-out 0.3s;  z-index: 2;}
.select-dropdown__list.active {opacity: 1;  pointer-events: auto;  transform: scale(1, 1);}
.select-dropdown__list-item {display: block;  list-style-type: none;  padding: 10px 15px;  background: #fff;  border-top: 1px solid #e6e6e6;  font-size: 14px;  line-height: 1.4;  cursor: pointer;  color: #616161;  transition: all ease-in-out 0.3s;}
}
@media screen and (max-width:400px){
.m__drop-down button, .m__drop-down ul.opened-ul {margin-left: 0px;}
.m__drop-down ul.opened-ul{min-width: 250px;}
.m__drop-down{flex-direction: column;  align-items: center;}
.m__drop-down p.label.mb-0{margin-bottom: 2rem !important;}
.m__drop-down ul{top: 132px;transform: translateX(-50%);left: 50%;}
}

/*Module - Video banner  */

@media only screen and (min-width:768px) and (max-width:992px){
    .video-banner .banner__slick .banner__slick-wrapper .video_wrapper .vimeo__wrapper{
        width: calc(100% + 1600px);
    }
    .video-banner .banner__slick .banner__slick-wrapper .video_wrapper .vimeo__wrapper iframe{
        translate: -22% -18%;
    }
}

@media only screen and (min-width:992px){
    .video-banner .video_wrapper .vimeo__wrapper{width: calc(100% + 1400px);}
    .video-banner .video_wrapper .vimeo__wrapper iframe{translate: -25% -18%;}
}
@media only screen and (min-width:1200px){
    .video-banner .banner__slick-wrapper{height: 100vh;}
    .video-banner .home_banner_text-wrapper{padding-top:5%} 
}
.video-banner .bgimage{position:absolute;}