/* Header CSS */
.header-with-white-bg.header .header-main{ background: rgba(255, 255, 255, 0.0); position:relative; }
.header-with-white-bg.header .header-main:after{ content:""; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:-1; }
@supports not (backdrop-filter: blur(20px)) {
  .header-with-white-bg.header .header-main:after{
    filter: blur(2px);
  }
}
body .header.header-main-wp{ position:fixed; top:0; left:0; right:0; width:100%; z-index:999; }

.home-hero-banner{
  position:relative;
  z-index: 1;
}
.home-hero-banner.overlay:after{
  content: "";
  position: absolute;
  background: linear-gradient(89.99deg, #000000 -53.89%, rgba(0, 0, 0, 0) 100.36%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.home-hero-banner .home-main-content {
  max-width: 640px;
  width:100%;
}
.home-hero-banner .page-center {
  padding-left: 24px;
  padding-right: 24px;
}
.home-hero-banner .home-main-content h1 {
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 24px;
}
.home-hero-banner .home-main-content .content-block{
  max-width:520px;
  width:100%;
}
.home-hero-banner .home-main-content .content-block p{
  color:#fff;
}
.home-hero-banner .home-main-content .btn-block {
  margin-top:100px;
} 
.home-hero-banner .home-main-content .button {
  padding: 10px 28px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: .20000000298023224px;
  background-color: #D6006D;
  color:#fff;
  border: 0;
  margin: 0 10px 15px 0;
/*   transition: all ease 1s; */
}
.home-hero-banner .home-main-content .button:after {
  content: '';
  transition: .3s;
  display: inline-block;
}
.home-hero-banner .home-main-content .button:hover:after{content:"\f0da";font-family:FontAwesome;vertical-align:middle;padding-left:12px;font-weight:400;line-height:1;}
.home-hero-banner .home-main-content .button:hover{
  background: linear-gradient(90deg, #D6006D 0%, #700039 100%);
  color:#fff;
  /*    transition: all ease 1s; */
}


@media screen and (max-width: 1400px) {
  .home-hero-banner .home-main-content h1 { font-size: 50px; line-height: 60px; }
}


@media screen and (max-width: 1250px) {
  .home-hero-banner .home-main-content h1{ font-size:45px; line-height:1.15; max-width:550px; margin-bottom:15px; }
  .home-hero-banner .home-main-content .btn-block .button{
    font-size: 16px;
  }
  .home-hero-banner .home-main-content .content-block p {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1026px) {
  .home-hero-banner .home-main-content h1{ font-size:40px; }
}

@media(max-width:991px){
  .header-with-white-bg.header .header-main {
    background-color:#fff;
  }
  .home-hero-banner:after {
    content: "";
    position: absolute;
    background: linear-gradient(89.99deg, #000000 -53.89%, rgba(0, 0, 0, 0) 100.36%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .home-hero-banner .home-main-content .btn-block {
    margin-top: 50px;
  }
  .home-hero-banner .home-main-content .btn-block .button {
    background:linear-gradient(90deg, #D6006D 0%, #700039 100%);
  }
  .home-hero-banner .home-main-content .btn-block .button:after {
    content: "\f0da";
    font-family: FontAwesome;
    vertical-align: middle;
    padding-left: 12px;
    font-weight: 400;
    line-height: 1;
  }
}

@media screen and (max-width: 767px) {
  .home-hero-banner .home-main-content h1{font-size:34px;line-height:1.20;}
}