.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(87deg, rgb(28 38 52), rgb(255 85 0 / 0%));
}

.hero-slider {
  width: 100%;
  height: 75vh;
  overflow: hidden;
}

.hero_slider_video iframe {
	width: 450px;
	height: 315px
}

.hero-slider .flickity-viewport {
padding-top: 0;
}

.hero-slider .carousel-cell {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center!important;
}
.hero-slider .carousel-cell .inner {
  position: relative;
  z-index: 9999;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  text-align: left;
}
.hero-slider .carousel-cell .inner .subtitle {
    margin:5px 0px 25px 0px;
    font-size: 1rem;
    line-height: 1.5em;
    color: white;
    margin-bottom: 30px;
	text-transform: inherit;
}



.hero-slider .carousel-cell .inner .title {
    font-size: 2.5rem;
    line-height: 50px;
    text-transform: capitalize;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: -1px;
    opacity: 1;
    visibility: visible;
    color: white;
}




.slider-biz_btn {
	background: -webkit-linear-gradient(left, #ff4105 0%, #f2682b 30%, #ff4105 100%);
    background-size: 300%, 1px;
    background-position: 0;
    border: 1px solid #adb5bd00 !important;
    font-weight: 500;
    white-space: nowrap;
    border-color: #ff4105;
    border-radius: 5px;
    outline: none;
    box-shadow: #999 0 0 0 0;
    box-sizing: border-box;
    cursor: pointer;
    visibility: inherit;
    transition: none 0 ease 0;
    text-align: inherit;
    margin: 0;
    padding: 10px 15px !important;
    min-height: 0;
    min-width: 0;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0;
    color: #fff;
}


.slider-biz_btn:after {
    content: "\27A1";
    padding: 10px 0 0 10px;
    font-weight: 700;
}

.hero-slider .carousel-cell .inner .slider-biz_btn {
      font-size: calc(2px + 0.9vw);
	    padding: 10px 8px !important;
}

.hero-slider .carousel-cell .inner a.slider-biz_btn:hover {
	background: transparent; color: white; border: 1px solid #ff671b !important;
}

.hero-slider .carousel-cell .inner .btn {
  border: 1px solid #fff;
  padding: 14px 18px;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 3px;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease;
}
.hero-slider .carousel-cell .inner .btn:hover {
  background: #fff;
  color: #000;
}
.hero-slider .flickity-prev-next-button {
  width: 65px;
  height: 65px;
  background: transparent;
	top: 50%;
}
.hero-slider .flickity-prev-next-button:hover {
  background: transparent;
}
.hero-slider .flickity-prev-next-button .arrow {
  fill: white;
}
.hero-slider .flickity-page-dots {
  bottom: 30px;
}
.hero-slider .flickity-page-dots .dot {
  width: 30px;
  height: 4px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.5);
  border: 0 solid white;
  border-radius: 0;
}
.hero-slider .flickity-page-dots .dot.is-selected {
  background: #00af8d;
  border: 0 solid #00af8d;
}

.flickity-prev-next-button.next {
    right: -10px!important;
}

.hero-slider button.flickity-prev-next-button:focus {
    box-shadow: none!important;
}



.hero-slider button.flickity-prev-next-button.previous {
    left: 10px;
}

.hero-slider button.flickity-prev-next-button svg {
    background: #00000096;
    border-radius: 50%!important;
    padding: 10px;
}


.hero-slider button.flickity-prev-next-button svg:hover {
    background: black!important;
}


.hero-slider .flickity-prev-next-button .arrow {
    fill: #ffffff !important;
}

.hero-slider .carousel-cell .inner .slider_ui_01  {
	display: flex;
    gap: 70px;

}


.hero-slider .carousel-cell .inner .slider_ui_01 h2.subtitle {
    color: #fff;
    width: 180px;
    font-size: 1.3em;
    font-weight: 500!important;
    line-height: 30px;
	text-align: left;
    -webkit-box-shadow: inset -8px 0 5px -5px rgb(130 130 130 / 10%);
    -moz-box-shadow: inset -8px 0 5px -5px rgba(130,130,130,.1);
    box-shadow: inset -8px 0 5px -5px rgb(130 130 130 / 10%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
	justify-content: flex-start;
}

.hero-slider .carousel-cell .inner .slider_ui_01 h2.subtitle:hover {
    color: #fb4a0e;
}

.mini__title {
    color: #ff671b;
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 0px;
}

.slider_ui_01 h2.subtitle a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

a.biz_btn-outline.biz_btn-outline2 {
	font-size: calc(2px + 0.9vw);
   border: 1px solid #adb5bd !important;
    color: #fff;
	padding: 10px 8px !important;
}

.flickity-prev-next-button.next svg {
    left: 0 !important;
    top: 35% !important;
    background: #00000096;
    border-radius: 50%!important;
    padding: 10px;
}

.our_off {
    position: relative;
	top: 49%;
}

.our_off-btn {
    position: absolute;
    z-index: 999;
    right: -33.5%;
}

.our_off-btn > a {
    font-weight: 700;
	font-weight: 700;
    background: linear-gradient(135deg,#f1672a,#fc4206);
    box-shadow: rgb(252 75 12) 0px 2px 16px;
    text-transform: capitalize;
    color: #ffffff!important;
    font-size: 0.8rem;
    padding: 8px 8px 8px 8px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
	text-transform: uppercase;
}

.our_off-btn a:hover {
    color: white;
}



.arrow20 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(50%, 50%);
    transform: rotate(-90deg);
    cursor: pointer;
	 margin-top: 10px;
}

.arrow20 span {
    display: block;
    width: 1vw;
    height: 1vw;
    border-bottom: 5px solid white;
    border-right: 5px solid white;
    transform: rotate(45deg);
    margin: -5px;
    animation: animate 2s infinite;
}

.arrow20 span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow20 span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}







@media only screen   
and (min-width: 1280px)   
and (max-width: 1920px)  
{ 
    .hero-slider {
    height: 85vh;
}

}


@media (max-width: 1920px) 
{ 
    .hero-slider {
    height: 85vh;
}

}

@media (min-width: 1920px) 
{ 
    .hero-slider {
    height: 80vh;
}

}

@media only screen   
and (min-width: 1400px)   
and (max-width: 2800px)  
{ 
    .hero-slider {
    height: 75vh;
}

}


/* For 1366 Resolution */  
@media only screen   
and (min-width: 1300px)   
and (max-width: 1400px)  
{ 
.hero-slider .carousel-cell {
    background-position: 0% 0%!important;
    background-size: 100% 100%;
	}

.hero-slider {
    height: 85vh;
}


}



@media only screen and (max-width: 1024px) {

	.hero-slider .carousel-cell .inner .slider-biz_btn {
      font-size: calc(6px + 0.8vw);
}

.hero-slider .carousel-cell .inner .title {
    font-size: 2rem;
   
}

}

 /* For 1024 Resolution */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)  
{
		.hero-slider .carousel-cell .inner .slider-biz_btn {
      font-size: calc(6px + 0.8vw);
}
	.hero-slider .carousel-cell {
    background-position: 0% 0%!important;
    background-size: 108% 87%;
	}


	.hero_slider_video {
        justify-content: center;
		display: flex;
		margin-top: -10px;

	}
	
	.hero_slider_video iframe {
    width: 400px;
    height: 315px;
}
	
	.mini__title {
    text-align: center;
}

  .hero-slider .carousel-cell .inner .title {
	text-align: center;
  }
	
.hero-slider .carousel-cell .inner .subtitle {
text-align: center;
}
	
	
}  

@media screen and (max-width:1200px) {
       .hero-slider .carousel-cell .inner .title {
    font-size: 2rem;
   
}
}

@media (min-width:320px) and (max-width:500px) {
	
	.hero-slider {
    height: 60vh;
  
}
	
	.hero-slider .flickity-prev-next-button {
    top: 80%;
     }

	
   .hero-slider .carousel-cell .inner .slider-biz_btn { font-size: calc(6px + 1vw); padding: 10px 10px !important; } 
	
	.hero_slider_video {
        justify-content: center;
	display: flex;
	margin-top: -10px;
	}
	
	.hero_slider_video iframe {
    width: 300px;
    height: 215px;
}
	
	.mini__title {
    text-align: center;
}

  .hero-slider .carousel-cell .inner .title {
    font-size: 1.7rem;
	text-align: center;
  }
	
	.hero-slider .carousel-cell .inner .subtitle {
text-align: center;
}

  .hero-slider .carousel-cell .inner .subtitle {
    font-size: 0.8rem;
  }


	.hero-slider .carousel-cell .inner .subtitle {
    font-size: 0.8rem;
}
	
	a.biz_btn-outline.biz_btn-outline2 {
    font-size: calc(5px + 1vw);
}
	
	.home_banner-btns {
    margin-top: 0px;
}
	
	
	.hero-slider .carousel-cell .inner .subtitle {
    margin-bottom: 5px;
    
}
	
	.hero-slider .carousel-cell .inner .slider_ui_01 {
    gap: 5px;
}
	.hero-slider .carousel-cell .inner .slider_ui_01 h2.subtitle {
    color: #fff;
    width: 100px;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    
	}
	
	.hero-slider .carousel-cell {
    background-position: 40% 100%!important;
}

 .hero-slider .carousel-cell.grd_remove {
    background-position: 9% 100% !important;
  }
	
.our_off {
    position: relative;
    top: 108%;
    right: 46%;
}

.our_off-btn>a {
    font-size: .6rem;
   
}
	
	.arrow20 {
    top: 100%;
    left: 60%;
}
	
	.arrow20 span {
    width: 3vw;
    height: 3vw;
}
	
}


@media only screen and (max-width:320px) {
	.hero-slider {
    height: 60vh;
}

.our_off {
    right: 50%;
    
}

#mega-menu-wrap-primary .mega-menu-toggle {
    right: 30px;
}

.hero-slider .flickity-page-dots .dot {
    width: 15px;
}

}


@media (min-width:400px) and (max-width:900px) {
   .hero-slider .carousel-cell .inner .slider-biz_btn { font-size: calc(6px + 0.8vw); } 

}