/* CSS Document */

@font-face {
    font-family: 'Montserrat';
    src: url('../Montserrat-font/Montserrat-VariableFont_wght.ttf');
    /*src: url('../Montserrat-font/Montserrat-Italic-VariableFont_wght.ttf');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.account-bg{width:100%; background-image:url(banner.jpg); min-height:420px; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top:50px; top:50px; position: relative; /* required for overlay */}
.account-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(212, 175, 55, 0.5),
        rgba(184, 134, 11, 0.5)
    );
    z-index: 1;
}

.signup-bg{width:100%; background-image:url(banner2.jpg); min-height:420px; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top:50px; top:50px; position: relative; /* required for overlay */}
.signup-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(212, 175, 55, 0.5),
        rgba(184, 134, 11, 0.5)
    );
    z-index: 1;
}

.request-bg{width:100%; background-image:url(filling-form.jpg); min-height:420px; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top:50px; top:50px; position: relative; /* required for overlay */}
.request-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(212, 175, 55, 0.5),
        rgba(184, 134, 11, 0.5)
    );
    z-index: 1;
}

.aboutus-bg{width:100%; background-image:url(CEO-Office.jpeg); min-height:420px; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top:50px; top:50px; position: relative; /* required for overlay */}
.aboutus-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(212, 175, 55, 0.5),
        rgba(184, 134, 11, 0.5)
    );
    z-index: 1;
}

.contact-bg{width:100%; background-image:url(vstaff.jpg); min-height:420px; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top:50px; top:50px; position: relative; /* required for overlay */}
.contact-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(212, 175, 55, 0.5),
        rgba(184, 134, 11, 0.5)
    );
    z-index: 1;
}

.services-bg{width:100%; background-image:url(luxury-services.jpg); min-height:420px; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top:50px; top:50px; position: relative; /* required for overlay */}
.services-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(212, 175, 55, 0.5),
        rgba(184, 134, 11, 0.5)
    );
    z-index: 1;
}

.pay-bg{width:100%; background-image:url(visa-gold.jpg); min-height:420px; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top:50px; top:50px; position: relative; /* required for overlay */}
.pay-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(212, 175, 55, 0.5),
        rgba(184, 134, 11, 0.5)
    );
    z-index: 1;
}


body {
	background-color: #38383B; 
}
.navbar {
  position: relative;
  overflow: hidden;
}

/* Create the light sweep effect */
.navbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: sweepLight 4s infinite linear;
}

/* The animation moving from left to right */
@keyframes sweepLight {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}

.menulinks {
  position: relative;
  font-family: "Montserrat", serif;
  font-weight: 700;
  letter-spacing: 3px;
  color: #FFFFFF;
  display: block;
  font-size: 20px;
  font-variant: small-caps;
  padding-bottom: 40px;
  text-decoration: none;
}

.menulinks::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  color:#e6c300;
  background-color: #e6c300;
  transition: width 0.3s ease;
}

.menulinks:hover::after {
  width: 100%; color:#e6c300!important;
}
.menulinks.active{font-family: "Montserrat", serif; font-weight:700; letter-spacing: 3px; color:#e6c300!important; display:block; font-size:20px; font-weight:bold;}

.submenulinks{font-family: "Montserrat", serif; font-weight:700; color:#FFFFFF; display:block; font-size:16px;}
.submenulinks:hover{font-family: "Montserrat", serif; font-weight:700; color:#FFFFFF; display:block; font-size:16px;}

.header1 {
  font-family: "Montserrat", serif;
  font-weight: 700;
  color: #e6c300;
  display: inline-block;
  font-size: 32px;
  position: relative;
  overflow: hidden;
}

/* glare layer */
.header1::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  mix-blend-mode: screen; /* gives a nice metallic shine effect */
  animation: textGlare 3s linear;
}

/* animation */
@keyframes textGlare {
  0% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}

.main-text{font-family: "Montserrat", serif; font-weight:400; color:#FFFFFF; font-size:20px;}
.main-text-black{font-family: "Montserrat", serif; font-weight:400; color:#000000; font-size:20px;}

.card_categories{font-family: "Montserrat", serif; font-weight:700; letter-spacing: 3px; color:#e6c300!important; font-size:20px; font-weight:bold;}

.video_card{background-color:#FFFFFF}
.video_card:hover{background-color:#EFEFEF !important; color:#333333; border-color:#e6c300}

.gold-btn {
  /* width: 60%; */
  background-color: #e6c300;
  border-color: #e6c300;
  color: black; /* optional: better contrast */
}

.gold-btn:hover {
  background-color: #c4a200;
  border-color: #c4a200;
}


#sitemap_bar{width:100%; background-color: #202020;}

.white{color:#FFFFFF}
.red{color:#FF0000}

.sitemap_links{color:#FFFFFF; text-decoration:none}
.sitemap_links:hover{color:#CC9933; text-decoration:none}

#footercopyright{width:100%; height:30px; background-color:#CC9933; font-size:12px; color:#FFFFFF; line-height:30px}

.my-div {
  width: 100%;              /* or any specific width */
  height: 500px;            /* set the height you want */
  min-height: 500px;
  background-image: url('1673164192301.jpg');
  background-size: cover;       /* cover the entire div */
  background-position: center;  /* center the image */
  background-repeat: no-repeat; /* no tiling */
}

#menubar {
  position:sticky; top: 0;
  top: 120;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 20px;
  max-height:20px;
}

#lux{width:100%; background-image:url(1673164192301.jpg); min-height:660px; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: center;}

/*** Testimonial ***/
.testimonial {
    background: linear-gradient(rgba(15, 23, 43, .7), rgba(15, 23, 43, .7)), url(testimonials-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	width:100%;
}

.testimonial-carousel {
    padding-left: 65px;
    padding-right: 65px;
}

.testimonial-carousel .testimonial-item {
    padding: 30px;
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: 100%;
    height: 40px;
    top: calc(50% - 20px);
    left: 0;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 2px;
    font-size: 18px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--primary);
    background: #e6c300;
}