.hero-area {
  position: relative;
  background-color: var(--dark);
  z-index: 1
}

.hero-area .hero-top-right-vector img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.hero-area .hero-right {
  position: relative;
  /*margin-left: 25px;*/
  z-index: 1;
  width: 100%
}
@media(max-width:991px) {
  .hero-area .hero-right {
    display: none;
    visibility: hidden
  }
}
.hero-area .hero-right ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.hero-area .hero-right ul .banner-sqr1 {
  position: absolute;
  left: 89px;
  top: -47px;
  z-index: -1
}
@media(min-width:1400px) and (max-width:1599px) {
  .hero-area .hero-right ul .banner-sqr1 img {
    max-width: 100%;
    height: auto
  }
}
@media(max-width:1399px) {
  .hero-area .hero-right ul .banner-sqr1 img {
    max-width: 100%;
    height: auto
  }
}
.hero-area .hero-right ul .banner-sqr2 {
  position: absolute;
  left: 79px;
  top: -45px;
  z-index: -1
}
@media(min-width:1400px) and (max-width:1599px) {
  .hero-area .hero-right ul .banner-sqr2 img {
    max-width: 100%;
    height: auto
  }
}
@media(max-width:1399px) {
  .hero-area .hero-right ul .banner-sqr2 img {
    max-width: 100%;
    height: auto
  }
}
.hero-area .hero-right ul .banner-sqr3 {
  position: absolute;
  left: 88px;
  top: -38px;
  z-index: -1
}
@media(min-width:1400px) and (max-width:1599px) {
  .hero-area .hero-right ul .banner-sqr3 img {
    max-width: 100%;
    height: auto
  }
}
@media(max-width:1399px) {
  .hero-area .hero-right ul .banner-sqr3 img {
    max-width: 100%;
    height: auto
  }
}
@-webkit-keyframes sm-bg {
  0% {
    transform: rotate(0)
  }
  50% {
    transform: rotate(180deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
@keyframes sm-bg {
  0% {
    transform: rotate(0)
  }
  50% {
    transform: rotate(180deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
@-webkit-keyframes ms-bg {
  0% {
    transform: rotate(0)
  }
  50% {
    transform: rotate(-180deg)
  }
  100% {
    transform: rotate(-360deg)
  }
}
@keyframes ms-bg {
  0% {
    transform: rotate(0)
  }
  50% {
    transform: rotate(-180deg)
  }
  100% {
    transform: rotate(-360deg)
  }
}
.hero-area .hero-right .hero-img.one {
  position: relative;
  z-index: 1;
    text-align: right;
}
.hero-area .hero-right .hero-img.one .vector {
  position: absolute;
  left: -25px;
  top: -25px;
  z-index: -1;
  -webkit-animation: opc-sc 8s linear infinite alternate;
  animation: opc-sc 8s linear infinite alternate;
}
.hero-area .hero-right .hero-img.four {
  position: relative;
  z-index: 1
}
.hero-area .hero-right .hero-img.four .vector {
  position: absolute;
  right: -45px;
  bottom: -45px;
  z-index: -1;
  -webkit-animation: sm-bg 30s linear infinite alternate;
  animation: sm-bg 30s linear infinite alternate
}
@media(min-width:1400px) and (max-width:1599px) {
  .hero-area .hero-right .hero-img.four .vector {
    display: none;
    visibility: hidden
  }
}
@media(max-width:1399px) {
  .hero-area .hero-right .hero-img.four .vector {
    display: none;
    visibility: hidden
  }
}



.mt--175 {
  margin-top: -175px;
}
@-webkit-keyframes ripple-1 {
  0% {
    transform: scale(1);
    opacity: 1
  }
  100% {
    transform: scale(1.7);
    opacity: 0
  }
}
@keyframes ripple-1 {
  0% {
    transform: scale(1);
    opacity: 1
  }
  100% {
    transform: scale(1.7);
    opacity: 0
  }
}
@-webkit-keyframes ripple-2 {
  0% {
    transform: scale(1);
    opacity: 1
  }
  100% {
    transform: scale(1.9);
    opacity: 0
  }
}
@keyframes ripple-2 {
  0% {
    transform: scale(1);
    opacity: 1
  }
  100% {
    transform: scale(1.9);
    opacity: 0
  }
}
@-webkit-keyframes opc-sc {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.15)
  }
  100% {
    transform: scale(1)
  }
}
@keyframes opc-sc {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.15)
  }
  100% {
    transform: scale(1)
  }
}
/* Hide on tablets (screen width 768px and below) */
@media (max-width: 1199px) {
  .hero-right-area {
    display: none !important;
  }
}
/* Hide on mobile phones (screen width 480px and below) */
@media (max-width: 480px) {
  .hero-right-area {
    display: none !important;
  }
}


.bg-cabaret-red {
    background-color: #d94f6f;
}


.hero-area h1, .hero-area .h1 {
    font-size: 2.5rem;
    line-height: 3rem;
}

.hero-area{
    height: auto !important;
}
.hero-first-section{
    height: unset !important;
    padding: 90px 0px;

}
@media (max-width:767px){
  .hero-first-section{
    padding: 30px 0px;

}  
.hero-area{
    height: auto !important;
    padding: 0px 0px 50px 0px;
}

}

@media (min-width:1599px){
    .hero-main-images{
        padding:0px 90px;

    }
}

/* Review Widget Container */
.custom-review-widget {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

/* Logo/Icon */
.custom-logo {
    width: 52px;
    max-width: 52px;
    --container-widget-width: 52px;
    text-align: left;
    margin: 0px 3px -3px 0px;
}
.custom-logo img {
  width: 48px;
    display: inline-block;
    vertical-align: middle;
}

/* Rating Score */
.custom-rating-score {
  width: auto;
}
.custom-rating-score .custom-heading {
  background-color: #ececec;
    margin: 0px 10px 2px 0px;
    padding: 3px 6px 4px 6px;
    border-radius: 4px 4px 4px 4px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 0px;
    word-spacing: 0em;
}

/* Star Rating */
.custom-star-rating {
  width: auto;
    align-items: center;
    color: #ff9823;
    display: inline-block;
}

.custom-star-rating .screen-reader-only {
  height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
top: -10000em;
width: 1px;
clip: rect(0, 0, 0, 0);
border: 0;
}

/* Divider */
.custom-divider {
  width: 100%;
    direction: ltr;
    margin: 0;
}

/* Review Heading */
.custom-review-heading {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: 0px;
    word-spacing: 0em;
    margin: -12px 10px 0px 56px;
}
.custom-review-heading a {
      color: #737373;
}
    
       
    
/* Container */
.clutch-review-widget {
  display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.clutch-reviewed-on {
       margin: 0px 10px 0px 0px;
    }
    
/* “Reviewed on” Text */
.clutch-reviewed-on .clutch-heading {
  font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 0.5px;
    word-spacing: 0em;
}

/* Star Rating */
.clutch-star-rating {
  width: auto;
    align-items: center;
    color: #FF3D2E;
    display: inline-block;
}

.clutch-star-rating .screen-reader-only {
  height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -10000em;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Divider */
.clutch-divider {
  width: 100%;
    padding-block-start: 0px;
    padding-block-end: 0px;
}

.clutch-platform-logo {
  width: var(--container-widget-width, 90px);
    max-width: 90px;
    --container-widget-width: 90px;
    --container-widget-flex-grow: 0;
    text-align: left;
}
    
.clutch-platform-logo img {
  width: 100%;
    max-width: 80px;
}

/* Review Count */
.clutch-review-count {
  width: auto;
    max-width: 100%;
}
    
.clutch-review-count .clutch-heading {
      margin: 3px 10px 0px 0px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 0.5px;
    word-spacing: 0em;
}
.clutch-review-count .clutch-heading a {
  color: #787878;
}
    
.video_screenshot{
    border: solid 1px #eaeaea;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 0 40px rgb(0 0 0 / 5%);
}