.hero-slider-bg{padding:100px 20px;background-repeat:no-repeat !important;}
.hero-fade-in{animation:heroFadeIn 1s ease-in-out;opacity:1;}
@keyframes heroFadeIn{
	from{opacity:0;}
}
.hero-slider{overflow:hidden;}
.hero-slider,
.hero-slider *{transition:all .25s ease-in-out;}
.hero-slides{margin:0;padding:0;overflow:hidden;list-style: none;position: relative;width: 100%;height: auto;}
.hero-slides li{list-style:none;position: absolute;width: 100%;left: 0;transition: transform 0.5s ease-in-out;}
.hero-slides li.active{transform: translateX(0);}
.hero-slides li.next{transform: translateX(-100%);}
.hero-slides li.prev{transform: translateX(-200%);}

.hero-nav{display: flex;justify-content: center;gap: 30px;padding: 20px 0;}
.hide-nav{display:none;}
.hero-nav-bubble{width: 10px;height: 10px;border: none;background-color: #ccc;cursor: pointer;padding: 0;transition: background-color 0.3s ease, transform 0.2s ease;border-radius:50%;}
.hero-nav-bubble:hover{background-color: #aaa;transform:scale(1.1);}
.hero-nav-bubble.active{background-color: var(--global-palette1);transform:scale(1.2);}
.hero-nav-bubbles{display:flex;gap:15px;align-items:center;}

.hero-nav-arrow{background: none;border: none;color: var(--global-palette1);font-size: 24px;cursor: pointer;padding: 5px 10px;transition: all 0.3s ease;border-radius: 50%;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;border: 1px solid var(--global-palette1);background: white;}
.hero-nav-arrow:hover{background-color: var(--global-palette1);transform: scale(1.1);color:white;border-color:var(--global-palette3);}
.hero-nav-arrow:active{background-color: var(--global-palette1);transform: scale(0.95);color:white;}

.slider-flex{display:flex;}
.border-left-section{width:50%;}
.border-left{border-left: 5px solid var(--global-palette1);padding: 10px 0 10px 50px;}
.slider-flex a{margin-left: 50px;color:var(--global-palette1);background:#ffd51e;text-transform: uppercase;text-decoration: none !important;display: inline-block;padding: 15px 30px;border-radius: 50px;text-align: center;position: relative;overflow: hidden;z-index: 0;font-weight: 600;letter-spacing: .48px;}
.slider-flex a:hover{background:var(--global-palette3);}

.mobile-inner-white-bg{background: rgba(255,255,255,.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);padding: 20px;}

@media(max-width:1100px){
	.slider-flex{flex-direction:column;}
	.border-left-section{width:100%;}
}
@media(min-width:781px){
	.desktop-background-cover{background-size:cover;background-position:center;}
}
@media(max-width:781px){
	.desktop-background-cover{background-size: auto 50%!important; background-position: right 14% top -70px!important;}
    .mobile-inner-white-bg .slider-flex{background: rgba(255, 255, 255, .5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);padding:10px;border-radius: 12px;}
    .desktop-background-cover{padding-top: 350px !important;padding-bottom: 20px !important;}
	.border-left{padding: 10px 0 10px 20px;margin:0;}
	.slider-flex a{margin-left:20px;font-size:14px;}
}
@media(max-width:767px){
	/* This is to fix the homepage jumping up and down when switching between slides */
	.hero-block.hero-slider-bg{min-height: 920px !important;}
}
@media(max-width: 567px){
    .desktop-background-cover h1{font-size: 20px;font-weight:bold;}
}