.flexBanner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hero-content .banner_title {
	font-family: "Playfair Display", serif;
	font-weight: 700;
	font-style: Bold;
	font-size: clamp(28px, 3.61111vw , 52px);
	line-height: 1;
	letter-spacing: 0%;
	color: #ffffff;
	margin: 0 !important;
}
.hero-content .banner_title span {
	color: #68FC96;
}
.home .hero-content .banner_para p  {
	padding-top: 20px;
}
.hero-content .banner_para p {
	font-weight: 500;
	font-style: Italic;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #ffffff;
	margin: 0 !important;
	font-family: "Montserrat", sans-serif;
	padding-top: 10px;

}
.hero-content {
  	overflow: hidden; /* important */
}
.home .flexBanner {
	padding-top: 112px;
}
section.hero-content{
	position: relative;
}
section.hero-content::before {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.43726) 54.05%, rgba(0, 0, 0, 0.85) 100%);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 157px;
    width: 100%;
}
.flexBanner {
	  display: flex;
	  align-items: center;
	  gap: 40px;
	  padding-top: 99px;
}

.hero-text .hero-buttons .btn {
	display: flex;
	align-items: center;
} 
.hero-text .hero-buttons .btn i{
	font-size: 24px;
}

/* LEFT TEXT */
.hero-text {
	  flex: 0 0 54%;
	  max-width: 54%;
}

/* RIGHT IMAGE */
.hero-image {
	  flex: 0 0 45%;
	  max-width: 45%;
	  position: relative;
	  align-self: end;

}

.hero-image img {
	  width: 120%;
	  max-width: none;
	  height: auto;
	  display: block;
}
.hero-image.w100 img {
	 width: 100%;
}


/* Buttons */

.hero-buttons {
	  display: flex;
	  gap: 1rem;
	  margin-top: 30px;
}

.btn {
	  padding: 0.75rem 1.5rem;
	  transition: all 0.3s ease;
	  font-family: "Outfit", sans-serif;
	font-weight: 700;
	font-style: Bold;
	font-size: 16px;
	line-height: 100%;
	border-radius: 100px;
 	border: 2px solid #fff;
}

.btn.primary {
  background: #fff;
  color: #202A34;
  
}
.btn.primary:hover {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.btn.secondary {
  color: #fff;
    border: 2px solid #fff;
}
.btn.secondary i{
 transform: rotate(-45deg);
  transition: transform 0.3s ease;
}

.btn.secondary:hover {
  background: #68FC96;
   border: 2px solid #68FC96;
   color: #000000;
   
}
.btn.secondary:hover i {
   transform: rotate(0deg);
}
a.btn.primary i {
    padding-right: 10px;
}
.btn.secondary i {
	margin-left: 10px;
}
 .breadcrumb {
    font-family: "Outfit", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #68FC96;
	margin-bottom: 10px;
}

.breadcrumb a {
    color: #68FC96;
    text-decoration: none;
    transition: opacity 0.3s;
}

.breadcrumb a:hover {
    opacity: 0.7;
}

.breadcrumb span {
    font-weight: 500;
}


.no-image {
    padding-top: 116px;
    padding-bottom: 103px;
}


@media (min-width: 768px) and (max-width: 1024px) { 
.hero-content .banner_para p br{
		display: none !important;
	}
}
@media (max-width: 767px) {
	.hero-content .banner_para p br{
		display: none !important;
	}
	.flexBanner {
		flex-wrap: wrap;
		gap: 25px;
	}
	.hero-text , .hero-image{
	  flex: 0 0 100% !important;
	  max-width: 100% !important;
	}
	.hero-text.no-image {
	    padding: 0 0  50px 0;
	}
	.hero-image.w100 img {
	    width: 100%;
	}
	.hero-buttons {
		display: inline-flex;
	}
}

@media (max-width: 450px) {
	.breadcrumb{
		font-size: 16px !important;
	}
	.hero-buttons {
		flex-direction: column;
		row-gap: 20px;
	}

 }