body.widget-snippet .hero, .fee .widget-snippet .hero{
  padding:30px;
}
.hero {
      position: relative;
      width: 100%;
      min-height: auto;
      background: url(/template/9cd87d1c/images/Mask-Group-min.webp) center center/cover no-repeat;
      display: flex !important;
      align-items: center;
      justify-content: flex-start;
      padding: 210px 0;
    }

    .overlay {
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: linear-gradient(90deg, #000000 0%, #FFFFFF00 120%);
      z-index: 0;
    }

    .hero-content {
      position: relative;
      color: #fff;
      padding: 60px 40px;
      width: 100%;
      margin: 0 auto;
      max-width: 1920px;
    }
.hero-content .inner {
    margin-left: 5vw;
    max-width: 50%;
}
.hero-content .banner-head img {
    max-width: 38px;
    max-height: 38px;
}
    .hero-content .subtitle {
      margin-bottom: 0;
      display: flex;
      align-items: center;
      gap: 8px;
      font-family: "Raleway", Sans-serif;
      color: #FFFFFF;
      font-size: 30px;
      font-weight: 500;
      line-height: 26px;
    }

    .hero-content h1 {
	font-family: "Raleway", Sans-serif;
	color: #FFFFFF;
	font-size: 76px;
	font-weight: 700;
	line-height: 88px;
	letter-spacing: 0.8px;
	margin-block-start: 0.42em;
	margin-block-end: 0.42em;
	}

    .hero-content p {
      margin-bottom: 32px;
	  font-family: "Raleway", Sans-serif;
    font-weight: 400;
    line-height: 44px;
    color: #FFFFFF;
    font-size: 30px;
    }

    .hero-buttons {
      display: flex;
      gap: 15px;
      max-width: 370px;
      margin-top: 50px;
    }

    .hero-buttons a {
      padding: 12px 28px;
      font-size: 1.6rem;
      font-weight: 600;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: background 0.2s;
      display: flex;
      align-items: center;
    }

    .hero-buttons a.get-started, .hero-buttons a.learn-more {
      background: #ffb300;
      color: #fff;
    }

.hero-content .banner-head {
    display: flex;
    gap: 0 15px;
}

 .hero-buttons a {
	display: block;
    padding: 12px 28px;
	color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
	cursor: pointer;
	letter-spacing: .15rem;
	position: relative;
	overflow: hidden;
	z-index: 1;
	max-width: 178px;
	margin: 0 auto 0 0;
	transition: background-color 0.3s ease;
	}
 .hero-buttons a:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background-color:#f09c00;
		transition: all .3s;
		z-index: -1;
		transform:rotate(60deg)
	}
 .hero-buttons a:hover {
		color: #fff;
		background-color:#f09c00;
    }
 .hero-buttons a:hover:before {
			width: 250%;
		}