@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {
  #navigation .navbar-nav.navbar-right li {
    padding: 0 0;
  }
  #topStats {
    width: 60%;
  }
  .navbar-toggle {
    top: -2px;
  }
  .container {
    width: 100%;
  }
  #bannerWrapper {
    height: 300px;
  }
  #bannerSlider .oneByOne_item {
    max-height: 300px;
  }
  #bannerSlider .oneByOne_item img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
  }
  #bannerSlider .oneByOne_item span.slideh2, #bannerSlider .oneByOne_item span.slideh3, #bannerSlider .oneByOne_item span.slideparagraph {
    margin: 10px 0px 0px 200px;
    line-height: 20px;
  }
  #bannerSlider .oneByOne_item span.slidebutton a {
    margin: 10px 0px 0 200px;
    font-size: 15px;
  }
  #bannerSlider .oneByOne_item span.slidebutton_left a {
    margin: 10px 0px 0 20px;
    font-size: 20px;
  }
  #bannerSlider .oneByOne_item span.slideh2_left, #bannerSlider .oneByOne_item span.slideh3_left, #bannerSlider .oneByOne_item span.slideparagraph_left {
    margin-left: 10px !important;
    margin: 0px;
    width: 100%;
  }
  #bannerSlider .oneByOne_item span.slideh2, #bannerSlider .oneByOne_item span.slideh2_left {
    font-size: 25px;
    line-height: 20px;
  }
  #bannerSlider .oneByOne_item span.slideh3, #bannerSlider .oneByOne_item span.slideparagraph, #bannerSlider .oneByOne_item span.slideh3_left, #bannerSlider .oneByOne_item span.slideparagraph_left {
    font-size: 20px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .contentPublic .config td {
    display: block !important;
    width: 100%;
    text-align: left !important;
    font-weight: bold;
  }
  .contentPublic .config td:first-child {
    margin-top: 10px;
  }
  .contentPublic .config td input {
    width: 100%;
    text-align: left !important;
  }
  .contentPublic .config input[type=text], .contentPublic .config input[type=password], .contentPublic .config input[type=password], .contentPublic .config select, .contentPublic .config textarea, .form-control {
    width: 98%;
    text-align: left !important;
    padding: 3px;
    color: #585858 !important;
  }
  .contentPublic .config select {
    max-width: 463px;
  }
  .main-footer {
    margin-top: 150px;
  }
  #adminNotification {
    display: none !important;
  }
  #bannerWrapper {
    background-size: 100% 100%;
  }
  .media, .media-body {
    overflow: inherit !important
  }
  #topStats {
    display: none;
  }
  #topMenu {
    right: 10px;
    width: 90%;
    position: absolute;
  }
  #footerWrapper .colum {
    display: block;
  }
  #footerWrapper .lastmembers, .testimonial, .footerNews, .contact, .contactWrapper, .egnIM-LiveSupport, .testimonialWrapper, .lastmembersWrapper {
    width: 100% !important;
  }
  #footerWrapper .testimonial {
    height: 300px;
  }
  #footerWrapper .lastmembers {
    height: 200px;
  }
  #copyrightWrapper {
    width: 100%;
    height: 130px;
  }
  #copyrightWrapper .socialicons {
    display: block;
    float: left;
  }
  #bannerWrapper, #bannerSlider {
    height: 200px;
  }
  #bannerSlider .oneByOne_item {
    max-height: 200px;
  }
  #bannerSlider .oneByOne_item img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
  }
  #bannerSlider .oneByOne_item span.slideh2, #bannerSlider .oneByOne_item span.slideh3, #bannerSlider .oneByOne_item span.slideparagraph {
    margin: 10px 0px 0px 150px;
    line-height: 20px;
  }
  #bannerSlider .oneByOne_item span.slidebutton a {
    margin: 10px 0px 0 150px;
    font-size: 15px;
  }
  #bannerSlider .oneByOne_item span.slidebutton_left a {
    margin: 10px 0px 0 20px;
    font-size: 15px;
  }
  #bannerSlider .oneByOne_item span.slideh2_left, #bannerSlider .oneByOne_item span.slideh3_left, #bannerSlider .oneByOne_item span.slideparagraph_left {
    margin-left: 10px !important;
    margin: 0px;
    width: 100%;
  }
  #bannerSlider .oneByOne_item span.slideh2, #bannerSlider .oneByOne_item span.slideh2_left {
    font-size: 20px;
    line-height: 20px;
  }
  #bannerSlider .oneByOne_item span.slideh3, #bannerSlider .oneByOne_item span.slideparagraph, #bannerSlider .oneByOne_item span.slideh3_left, #bannerSlider .oneByOne_item span.slideparagraph_left {
    font-size: 15px;
    line-height: 15px;
  }
  .productDetails .pradInfo {
    margin-left: 0;
  }
  .cart-top-info {
    margin-right: 80px;
  }
  .input-search {
    width: 70% !important;
  }
  .shop-autoplay {
    width: 90%;
  }
  #footerWrapper .footerInfo .colum {
    display: block;
    padding: 5px !important;
  }
  #copyrightWrapper {
    width: 100%;
    min-height: 180px;
  }
  #copyrightWrapper .copyright {
    text-align: center;
  }
  #copyrightWrapper .terms {
    margin-top: 30px;
    text-align: center;
  }
  .main-footer .quick-access {
    display: none !important;
    text-align: left !important;
  }
  .ui-tabs-panel {
    padding-top: 20px;
  }
  .tabButton {
    width: 100% !important;
    display: block !important;
  }
  .tabButton .btn {
    margin-bottom: 5px;
    margin-top: 3px;
    width: 100% !important;
  }
  .ui-tabs .ui-tabs-tab {
    margin-top: 4px;
    border-bottom: 1px solid #ddd;
  }
  .ui-tabs .ui-tabs-nav {
    padding: 0 !important;
  }
  .ui-tabs li {
    display: block;
    float: left;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .etooltip {
    visibility: hidden;
  }
  #footerWrapper .testimonial {
    height: 400px;
  }

    
  .standard-logo, .retina-logo {
    /* height: 60px !important; */
    width: 75%;
  }
    
  #mainLogo img {
    max-width: 180px;
    margin-top: 10px;
    margin-left: 5px !important;
  }
  body section {
    overflow: hidden
  }
/*  .media, .media-body {
    overflow: inherit !important
  }
 */ 
  #bannerSlider .oneByOne_item span.slideh2, #bannerSlider .oneByOne_item span.slideh3, #bannerSlider .oneByOne_item span.slideparagraph {
    margin: 0px 0px 0px 0px;
    line-height: 20px;
  }
  #bannerSlider .oneByOne_item span.slidebutton a {
    margin: 10px 0px 0 10px;
    font-size: 15px;
  }
  .topInfo {
    padding-left: 5px;
    padding-right: 4px;
  }
  #topTime {
    width: auto;
    font-size: 11px;
  }
  .navbar-toggle {
    top: -2px;
  }
  #footerWrapper .footerInfo .colum {
    display: block;
  }
  #copyrightWrapper {
    width: 100%;
    min-height: 220px;
  }
  #footerWrapper .socialicons {
    display: block;
    width: 100%;
  }
  .ui-tabs-panel {
    padding-top: 20px;
  }
  .ui-tabs li {
    display: block;
    float: left;
    width: 100%;
  }
  .productDetails .adImages {
    margin: 0 auto !important;
  }
}
@media (max-width: 420px) {
  #location-items {
    width: 130px !important;
  }
  .asdasda {
    width: 130px !important;
  }
  #logo {
    margin-left: 10px !important;
  }
  .pageTitle h2 {
    font-size: 12px !important;
  }
  /*
  input[type=text], input[type=password] {
    max-width: 300px;
  }
  input[name=touring_code] {
    width: 120px;
  }
  input[name="bday[year]"] {
    width: 120px;
  }
*/
  .home-thumbnail .thumbnail {
    min-height: 570px;
  }
}
@media (max-width: 320px) {
  .auto-dropdownsss {
    display: none;
  }
  #topStats {
    display: none;
  }
}
@media (max-width: 767px) {
  .contentPublic .config td {
    display: block !important;
    width: 100%;
    text-align: left !important;
    font-weight: bold;
  }
  .contentPublic .config td:first-child {
    margin-top: 10px;
  }
  .contentPublic .config td input {
    width: 100%;
    text-align: left !important;
  }
  .contentPublic .config input[type=text], .contentPublic .config input[type=password], .contentPublic .config input[type=password], .contentPublic .config select, .contentPublic .config textarea, .form-control {
    width: 98%;
    text-align: left !important;
    padding: 3px;
    color: #585858 !important;
  }
  .contentPublic .config select {
    max-width: 463px;
  }
}


/* PV Theme
================================================== */

/* Responsive Video
================================================== */
.responsivevideo-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width:100%;
  margin: 1% auto 0;
  text-align: center;
}
.responsivevideo-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid;
  border-radius: 8px;
  border-color: #c49734;
}

:root {
  --responsivevideo-aspect-ratio: calc(450 / 800); /* Height / Width */
}

@media (min-width: 992px) {
  .responsivevideo-container {
    width: 60vw; /* Adjust as needed */
    height: calc(60.28vw * var(--responsivevideo-aspect-ratio));
  }
}
@media (min-width: 768px) and (max-width: 991.9px) {
  .responsivevideo-container {
    width: 70vw;   /* 600px / 958px  * 100 */
    height: calc(70.4vw * var(--responsivevideo-aspect-ratio));
  }
}
@media (min-width: 665px) and (max-width: 767.9px) {
  .responsivevideo-container {
    width: 70vw;
    height: calc(70.4vw * var(--responsivevideo-aspect-ratio));
  }
}
@media (min-width: 480px) and (max-width: 664.9px) {
  .responsivevideo-container {
    width: 80vw;     /* 400 / 480 * 100 */
    height: calc(80.45vw * var(--responsivevideo-aspect-ratio));
  }
}
@media (min-width: 420px) and (max-width: 479.9px) {
  .responsivevideo-container {
    width: 90vw;     /* 360 / 420 * 100*/
    height: calc(91vw * var(--responsivevideo-aspect-ratio));
  }
}
@media (max-width: 419.9px) {
    .responsivevideo-container {
        width: 90vw;
        height: calc(90.85vw * var(--responsivevideo-aspect-ratio));
    }
}

/* RMC Video
================================================== */
.rmcvideo-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width:100%;
  margin: 0 auto;
  text-align: center;
}
.rmcvideo-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid;
  border-radius: 8px;
  border-color: #c49734;
}

@media (min-width: 1200px) {
  .rmcvideo-container {
    width: 475px;
    height: 270px;
  }
}
@media (min-width: 1006px) and (max-width: 1199.9px) {
  .rmcvideo-container {
    width: 360px;
    height: 205px;
  }
}
@media (min-width: 992px) and (max-width: 1005.9px) {
  .rmcvideo-container {
    width: 400px;
    height: 230px;
  }
}
@media (min-width: 768px) and (max-width: 991.9px) {
  .rmcvideo-container {
    width: 350px;
    height: 200px;
  }
}
@media (min-width: 665px) and (max-width: 767.9px) {
  .rmcvideo-container {
    width: 475px;
    height: 270px;
	margin-bottom: 3%;
  }
}
@media (min-width: 480px) and (max-width: 664.9px) {
  .rmcvideo-container {
    width: 400px;
    height: 230px;
	margin-bottom: 3%;
  }
}
@media (min-width: 420px) and (max-width: 479.9px) {
  .rmcvideo-container {
    width: 90vw;     /* 360 / 420 * 100*/
    height: calc(91vw * var(--responsivevideo-aspect-ratio));
  }
}
@media (max-width: 419.9px) {
    .rmcvideo-container {
    width: 90vw;
    height: calc(90.85vw * var(--responsivevideo-aspect-ratio));
    }
}


/* Multi Videos: video-carousel
================================================== */
.video-carousel {
    position: relative;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
.video-carousel iframe {
    display: inline-block;
    width: 25%;
    /* This is relative to the screen size */
    height: 186px;
    /* This is relative to the height value */
    margin: 4px;
    border: solid;
    /* Adding the border */
    border-radius: 8px;
    /* Adding border radius */
    border-color: #c49734;
    /* Adding border color */
    font-size: 0;
}
@media (min-width: 992px) {
    .video-carousel iframe {
        width: 370px;
        height: 210px;
        margin: 4px;
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .video-carousel iframe {
        width: 300px;
        height: 170px;
        margin: 6px;
  }
}
@media (min-width: 665px) and (max-width: 767.9px) {
    .video-carousel iframe {
        width: 280px;
        height: 160px;
        margin: 4px;
  }
}
@media (min-width: 576px) and (max-width: 664.9px) {
    .video-carousel iframe {
        width: 264px;
        height: 150px;
        margin: 4px;
  }
}
@media (min-width: 480px) and (max-width: 575.9px) {
    .video-carousel iframe {
        width: 264px;
        height: 150px;
        margin: 4px;
  }
}
@media (min-width: 420px) and (max-width: 479.9px) {
    .video-carousel iframe {
        width: 264px;
        height: 150px;
        margin: 4px;
  }
}

@media (max-width: 419.9px) {
    .video-carousel iframe {
        width: 80%;
        height: 42vw;
        margin: 4px;
    }
}

/* Image Responsive
================================================== */

img{
    vertical-align:middle
}
.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{
   /* display:block; */
    max-width: 100%;
    height: auto;
}
.img-rounded{
    border-radius: 6px;
}
.img-thumbnail{
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.img-circle{
    border-radius: 50%
}
.img-center{
	text-align: center;
	margin: auto;
}

.pvresponsive-image {
  width: 100%;
  height: auto;
  display: block;
}

/* PV Text-Font: Huge, Large, Medium, Small
================================================== */
.pvcontainer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
@media (max-width: 768px) {
    .pvcontainer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.pvcolor-gold {
    color: #c49734;
}
.pvhero-text {
    margin-bottom: 20px;
}
.pvtext-center {
    text-align: center;
}
.pvfont-large {
    font-size: 36pt;
    line-height: 1.4;
}
.pvfont-large2 {
    font-size: 36pt;
    line-height: 1.4;
}
.pvfont-medium {
    font-size: 28pt;
    line-height: 1.3;
}
.pvfont-medium2 {
    font-size: 28pt;
    line-height: 1.3;
}
.pvfont-small {
    font-size: 22pt;
    line-height: 1.2;
}
.pvfont-tiny {
    font-size: 18pt;
    line-height: 1.2;
}
@media (min-width: 992px) and (max-width: 1290px) {
    .pvfont-large {
        font-size: 24pt;
    }
    .pvfont-large2 {
        font-size: 25pt;
    }
    .pvfont-medium {
        font-size: 22pt;
    }
    .pvfont-medium2 {
        font-size: 23pt;
    }
    .pvfont-small, .pvfont-tiny {
        font-size: 15pt;
        line-height: 1.1;
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .pvfont-large {
        font-size: 23pt;
    }
    .pvfont-large2 {
        font-size: 24pt;
    }
    .pvfont-medium {
        font-size: 20pt;
    }
    .pvfont-medium2 {
        font-size: 20pt;
    }
    .pvfont-small, .pvfont-tiny {
        font-size: 14.5pt;
        line-height: 1.1;
    }
}
@media (min-width: 480px) and (max-width: 767.9px) {
    .pvfont-large {
        font-size: 15pt;
    }
    .pvfont-large2 {
        font-size: 16pt;
    }
    .pvfont-medium {
        font-size: 14pt;
    }
    .pvfont-medium2 {
        font-size: 14.5pt;
    }
    .pvfont-small, .pvfont-tiny {
        font-size: 14pt;
        line-height: 1.1;
    }
}
@media (max-width: 479.9px) {
    .pvfont-large {
        font-size: 13pt;
    }
    .pvfont-large2 {
        font-size: 17pt;
    }
    .pvfont-medium {
        font-size: 10pt;
    }
    .pvfont-medium2 {
        font-size: 15pt;
    }
    .pvfont-small, .pvfont-tiny {
        font-size: 13pt;
        line-height: 1.1;
    }
}

/* Horizontal Scrolling Logos
================================================== */
.marquee {
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden; /* Prevent vertical scrolling */
  block-size: 80px; /* Correct fixed value, can be anything, as long as fixed */
}

.marquee--8 {
  --marquee-item-width: 372px;
  --marquee-item-height: 80px;
  --marquee-duration: 36s;
  --marquee-items: 12;
}

.marquee__item {
  --marquee-item-offset: max(
    calc(var(--marquee-item-width) * var(--marquee-items)),
    calc(100% + var(--marquee-item-width))
  );
  --marquee-delay: calc(var(--marquee-duration) / var(--marquee-items) * (var(--marquee-items) - var(--marquee-item-index)) * -1);
  position: absolute;
  inset-inline-start: var(--marquee-item-offset);
  transform: translateX(-50%);
  animation: go linear var(--marquee-duration) var(--marquee-delay, 0s) infinite;
  /*Remove base value and use it, on what we want*/
  height: 80px;
  top: 50%;            /* Center vertically */
  transform: translateX(-50%) translateY(-50%); /* remove and set to the correct one*/
}

.marquee__item:nth-child(4n) {
  border-top-right-radius: 1rem;
}

.marquee__item:nth-child(4n + 1) {
  border-bottom-right-radius: 1rem;
}

.marquee__item:nth-child(4n + 2) {
  border-bottom-left-radius: 1rem;
}

.marquee__item:nth-child(4n + 3) {
  border-top-left-radius: 1rem;
}

.marquee--8 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--8 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--8 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--8 .marquee__item:nth-of-type(4) {
  --marquee-item-index: 4;
}

.marquee--8 .marquee__item:nth-of-type(5) {
  --marquee-item-index: 5;
}

.marquee--8 .marquee__item:nth-of-type(6) {
  --marquee-item-index: 6;
}

.marquee--8 .marquee__item:nth-of-type(7) {
  --marquee-item-index: 7;
}

.marquee--8 .marquee__item:nth-of-type(8) {
  --marquee-item-index: 8;
}

.marquee--8 .marquee__item:nth-of-type(9) {
  --marquee-item-index: 9;
}

.marquee--8 .marquee__item:nth-of-type(10) {
  --marquee-item-index: 10;
}

.marquee--8 .marquee__item:nth-of-type(11) {
  --marquee-item-index: 11;
}

.marquee--8 .marquee__item:nth-of-type(12) {
  --marquee-item-index: 12;
}

@keyframes go {
  to {
    inset-inline-start: calc(var(--marquee-item-width) * -1);
  }
}

/* Media Query for Mobile Phones */
@media (max-width: 480px) {
  .marquee--8 {
    --marquee-item-width: 186px; /* Reduced logo width (372 / 2) */
    --marquee-item-height: 40px; /* Reduced logo height (80 / 2) */
    --marquee-duration: 24s; /* Adjust animation speed (36s / 1.5) - Adjust to taste */
  }

  .marquee__item {
    /*Remove this value*/
    /*transform: translateX(-50%);  Ensure it's horizontally aligned */
    /*Correct values for the image*/
    height: 40px; /*Make sure the height is respected*/
    top: 50%;            /* Center vertically */
    transform: translateX(-50%) translateY(-50%); /* Correct vertical centering*/
  }

  .marquee__item img {
    width: auto;        /*Remove the previous properties and use object fit and object-position*/
    height: 40px;
    max-height: 40px;   /* Set max height to container's height */
    object-fit: contain; /* Ensures full image is visible */
    object-position: center;
  }

  .marquee {
    block-size: 40px; /*Correct, now is not a var*/
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden; /* Prevent vertical scrolling */
    /*mask-image: linear-gradient(
    to right,
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );*/
  }
}

/* Horizontal Scrolling Text
================================================== */
.text-scroll-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #c49734;
  color: #fff;
  font-size: 1.2em;
  white-space: nowrap;
}
.text-scroll-track {
  display: inline-block;
  padding-left: 100%;
  animation: text-scroll 30s linear infinite;
}
.text-scroll-item {
  display: inline-block;
  padding: 10px 20px;
}

@keyframes text-scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Media Query for Mobile Phones */
@media (max-width: 480px) {
  .text-scroll-container {
    font-size: 1em;       /* Smaller font size on mobile */
  }
  .text-scroll-track {
    animation: text-scroll 60s linear infinite; /* Adjust animation speed for mobile */
  }
  .text-scroll-item {
    padding: 8px 16px;   /* Slightly smaller padding on mobile */
  }
}

/* Horizontal Scrolling Big Gold Text
================================================== */
.bigtext-scroll-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.bigtext-scroll-track {
  display: inline-block;
  padding-left: 100%; /* Start offscreen to the right */
  animation: bigtext-scroll 30s linear infinite; /* Adjust the time */
  font-family: Helvetica !important;
  font-size: 5em;
  font-weight: bold;
  line-height: 1.2; /* Add a line height to make space */
  /* NEW STYLES FOR OUTLINE */
  -webkit-text-stroke: 2px #dacdae; /* Gold outline for WebKit browsers */
  text-stroke: 2px #dacdae;         /* Gold outline for standard browsers */
  color: transparent;             /* Make the fill transparent */
  -webkit-text-fill-color: transparent; /* Ensure transparent fill in WebKit */
  background: none; /* Remove gradient background */
}

@keyframes bigtext-scroll {
  0% {
    transform: translateX(0%); /*Correct start property*/
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Responsive adjustments for mobile */
@media (max-width: 480px) {
  .bigtext-scroll-track {
    font-size: 3em; /* Smaller font size on mobile */
    line-height: 1.2; /* Ensure line-height is consistent */
    animation: bigtext-scroll 30s linear infinite; /* Adjust speed for mobile */
    -webkit-text-stroke: 1px #dacdae; /* Adjust stroke for mobile */
    text-stroke: 1px #dacdae;
  }
}

/* 3 PV Products in 1 Row
================================================== */
/* General Styling and Transitions */
.pvbuy-button,
.pvlearn-button {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  border: none;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-weight: bold;
  font-size: 1em;
  padding: 15px 20px;
  border-radius: 4px;
  cursor: pointer;
}

/* Button Hover and Focus (Color Change) */
.pvbuy-button:hover,
.pvbuy-button:focus {
  background-color: #000;
  color: #FFD700;
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.pvlearn-button:hover,
.pvlearn-button:focus {
  background-color: #000;
  color: #FFD700;
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Product Card Styling */
.pvproduct-card {
  width: 30%;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  text-align: center;
  opacity: 0;
  transform: translateY(20px);
  border: 1pt solid #c49734;
}

/* Shimmer Effect (LED Gold Border) */
.pvproduct-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  /* background: linear-gradient(45deg, transparent, #FFD700, transparent, #FFD700, transparent); */
  background: #fff;
  background-size: 400% 400%;
  z-index: -1;
  animation: shimmer 5s linear infinite paused;
  transition: all 0.3s ease;
}

/* Start Shimmer on card hover */
.pvproduct-card:hover::before,
.pvproduct-card:focus-within::before {
  animation-play-state: running;
}

@keyframes shimmer {
  0% {
    background-position: 0% 0%;
  }

  100% {
    background-position: 400% 0%;
  }
}

/* Product Image Styling */
.pvproduct-img {
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
}

.pvproduct-card:hover .pvproduct-img,
.pvproduct-card:focus-within .pvproduct-img {
  transform: scale(1.1);
}

/* Fade-up animation on scroll */
.pvproduct-card.fade-in {
    animation: fadeUp 0.5s ease forwards;
}
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Media Queries for Responsiveness */
@media (min-width: 992px) and (max-width: 1290px) {
  .pvproduct-card {
    width: 32% !important;
  }
  .pvbuy-button, .pvlearn-button {
    font-size: 0.95em;
    padding: 15px 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.9px) {
  .pvproduct-card {
    width: 45% !important;
  }
  .pvbuy-button, .pvlearn-button {
    font-size: 1em;
    padding: 14px 10px;
  }
}
@media (min-width: 480px) and (max-width: 767.9px) {
  .pvproduct-card {
    width: 80% !important;
  }
  .pvbuy-button, .pvlearn-button {
    font-size: 0.9em;
    padding: 15px 18px;
  }
}
@media (min-width: 420px) and (max-width: 479.9px) {
  .pvproduct-card {
    width: 90% !important;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
  }
  .pvbuy-button, .pvlearn-button {
    font-size: 0.8em;
    padding: 14px 18px;
  }
}
@media (max-width: 419.9px) {
  .pvproduct-card {
    width: 90% !important;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
  }
  .pvbuy-button, .pvlearn-button {
    font-size: 0.8em;
    padding: 12px 10px;
  }
}


/* PV2 Testimonials
================================================== */
#pv2testimonials-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-width: 1600px;
    margin: 20px auto;
}

.pv2testimonials-wrapper {
    display: flex;
    animation: scrollTestimonials 40s linear infinite;
    padding-bottom: 20px;
    width: calc(600px * 14);
}

.pv2container {
    border: 1pt solid #c49734;
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    margin: 16px;
    width: 600px;
    flex: 0 0 auto;
    box-sizing: border-box;
    min-width: 400px;
}

.pv2container::after {
    content: "";
    clear: both;
    display: table;
}

.pv2container img {
    float: left;
    margin-right: 20px;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.pv2container span {
    font-size: 20px;
    margin-right: 15px;
    display: block;
    margin-bottom: 5px;
}

/* Mobile Styles */
@media (max-width: 768px) {
    #pv2testimonials-container {
        max-width: 100%;
        margin: 10px auto;
    }
    .pv2container {
        text-align: center;
        width: 80vw;
        margin: 10px;
        padding: 12px;
        min-width: unset;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .pv2container img {
        margin: 0 auto 10px;
        float: none;
        display: block;
    }
    .pv2container p {
        text-align: left;
        margin-left: 0;
    }
    .pv2container span {
        text-align: center;
    }
    .pv2testimonials-wrapper {
        width: calc(80vw * 14);
    }
}

/* Animation */
@keyframes scrollTestimonials {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-600px * 7));
    }
}

/* Mobile Animation */
@media (max-width: 768px) {
    @keyframes scrollTestimonials {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-80vw * 7));
        }
    }
}


/* PV Slider 3 Banners (Screen, Tablet, Mobile)
================================================== */
/*  Scope styles to the slider wrapper */
.pvslider-wrapper {
  position: relative; /* For positioning arrows */
  width: 100%; /* Take up full width by default - adjust as needed */
}
@media(max-width:990px){
	.pvslider-wrapper{
		top:18px;
	}
}

/* Basic Slider Styles */
.pvslider-wrapper .pvslider-container {
  overflow: hidden;
}
.pvslider-wrapper .pvslider {
  display: flex;
  transition: transform 0.5s ease-in-out; /*  Consider using a CSS variable for the transition */
}
.pvslider-wrapper .pvslide {
  flex: 0 0 100%; /* Each slide takes up 100% of the container width */
  position: relative; /*  Potentially for absolute positioning of content within the slide */
}
.pvslider-wrapper .pvslide img {
  width: 100%;
  height: auto; /* Maintain aspect ratio */
  display: block; /* Remove extra space below image */
}

/* Arrow Styles */
.pvslider-wrapper .pvslider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2em; /* Consider using rem or em for relative sizing */
  background: rgba(0, 0, 0, 0.3);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  user-select: none; /* Prevent text selection */
  outline: none; /* Remove focus outline */
}
.pvslider-wrapper .pvslider-arrow:hover {
  background: rgba(0, 0, 0, 0.5);
}
.pvslider-wrapper .pvslider-arrow.left {
  left: 10px;
}
.pvslider-wrapper .pvslider-arrow.right {
  right: 10px;
}

/* Optional:  Fade Up Effect for the Second Slider */
.pvfadeup .pvslide {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;  /* Adjust duration as needed */
}
.pvfadeup .pvslide:first-child {
  opacity: 1; /* Show the first slide */
}

/* Add active class in JS */
.pvfadeup .pvslide.active {
  opacity: 1;
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) {
  .pvslider-wrapper .pvslider-arrow {
    font-size: 1.5em; /* Reduce font size for mobile */
    padding: 5px; /* Adjust padding as needed */
  }
}

/* PV Fade-Up Animation (pvfadeup)
================================================== */

/* Base styles for hidden content */
.pvfadeup {
  opacity: 0;
  transform: translateY(50px); /* Move content down slightly */
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Active class to trigger the animation */
.pvfadeup.active {
  opacity: 1;
  transform: translateY(0); /* Move content back to its original position */
}

/* Optional: Adjust animation based on screen size */
@media (max-width: 768px) { /* Mobile */
  .pvfadeup {
    transform: translateY(30px); /* Less vertical movement on small screens */
  }
}

@media (min-width: 769px) and (max-width: 992px) { /* Tablet */
  .pvfadeup {
    transform: translateY(40px); /* Slightly less vertical movement on tablets */
  }
}

/* Logo and Header
================================================== */
@media(max-width:767px){
.retina-logo img{
    height: fit-content!important;
  }
  .retina-logo{
    display: flex;
    align-items: anchor-center;
  }
  #logo{
	  width:50%;
  }
  #logo .retina-logo{
	  width:100%;
  }
}

#header #header-wrap .full-header{
	padding-bottom: 0px !important;
    /* margin-bottom: -20px!important; */
}

@media(min-width: 1400px){
#header #header-wrap .full-header{
	display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
	height: 70px;
}
#header #header-wrap .header-row{
	    flex-wrap: inherit;
}
#logo img{
	    height: 60px !important;
}
.header-container {
  height: 80px;
}
}

@media(max-width: 800px){
#logo img{
	height: 100% !important;
}
}