/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

@media (max-width: 768px) { /* adjust breakpoint if needed */
    .isp-wrapper {
        display: none !important;
    }
}
@media (max-width: 768px) { /* adjust breakpoint if needed */
    .main-price-button {
        margin-top:0px!important
    }
}
@media (max-width: 768px) { /* adjust breakpoint if needed */
    .main-price-button1 {
        margin-bottom:50px!important
    }
}

[data-aos] { opacity: 1 !important; transform: none !important; }

/* Make the banner fill the viewport */
.slider-video {
  position: relative;
  width: 100%;
  height: 100vh;      /* full screen */
  overflow: hidden;
}

/* Ensure inner wrappers fill it */
.slider-video .cover-wrapper,
.slider-video .lazyload {
  position: absolute;
  inset: 0;
}

/* If it’s a VIDEO element (whether hard-coded or injected by JS) */
.slider-video video,
.slider-video .cover-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* If the banner is using a background image instead of <video> */
.slider-video .cover-wrapper,
.slider-video .lazyload {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
	cursor: default !important;
}
/* Remove the grab/grabbing hand on the header slider */
.header-main-slider .flickity-viewport,
.header-main-slider .flickity-viewport.is-pointer-down {
  cursor: default !important; /* or auto */
}

.dot {
  display: none !important;
}
.text-shadow {
  text-shadow: 2px 2px 4px black; /* x-offset, y-offset, blur-radius, color */
}
.ip-info { white-space: nowrap; }

.menu-wrap.fixed .logo-menu {
  width: 180px !Important;
}
.footer .logo-footer {
  width: 220px !Important;
}
.main-price {
  height: 450px!important;
}
.main-price-button {
  margin-top:35px!important;
}
.sec-bg3.infonews {
  width: 100%;
}

.sec-bg3.infonews .container.sec-bg3 {
  padding-left: 0;
  padding-right: 0;
  text-align: left;   /* center the content */
	background-color: #15212a!important;
}

.sec-bg3.infonews .row.sec-bg3 {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  justify-content: left;  /* center horizontally */
  background-color: #15212a!important;
}

#ip-info.sec-bg3 {
  display: inline-block;  /* keeps content centered */
  text-align: left;
 background-color: #15212a!important;
}
/* Change background of the IP status bar */
.infonews,
.infonews .container {
    background-color: #15212a !important;
}

/* if you still see a thin gap due to body default margin */

.footer {
 position: static!important;
}