/*
Theme Name: Hello Raffel Winner
Description: A competitions website
Author: Yeshwin Anil & Dijo Matthew
Author URI: https://www.mambamarketing.co.uk/
Template: hello-elementor
Version: 1.0.0
*/

/* for getting a fixed padding for centered widgets */
.bounding-box {
  width: 85% !important; /* Adjust width as needed */
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: linear-gradient(to bottom, #dde4eb, #eef2f5) !important;
}
.mamba-full-page-cont {
  background: linear-gradient(to bottom, #dde4eb, #eef2f5) !important;
}
.curved-bg {
  width: 100vw;
  background-image: url("https://stg-rafflewinner-devenv.kinsta.cloud/wp-content/uploads/2025/08/Hero-Background-scaled.png");
  background-size: 100% 100%;
  background-position: top center; /* starts image from the top */
  background-repeat: no-repeat;
  background-color: #ffffff00;
}
.mamba-header-text h2 {
  transition: color 0.4s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, color;
}

.mamba-header-text h2:hover {
  color: #005c99 !important;
  transform: scale(1.08);
  cursor: pointer;
}

.mamba-enter-now-parent-btn {
  position: relative;
}

.mamba-enter-btn1 {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}

.mamba-enter-btn2 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}

.mamba-enter-now-parent-btn:hover .mamba-enter-btn2 {
  opacity: 1;
  visibility: visible;
}

.mamba-enter-now-parent-btn:hover .mamba-enter-btn1 {
  opacity: 0;
  visibility: hidden;
}
.mamba-form-submit-btn {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    #005c99
  ) !important;
  width: 40% !important;
  border-radius: 15px !important;
  border: 1px solid #fff !important;
  display: block !important;
  margin: auto !important;
  text-align: center !important;
}
.mamba-form-submit-btn:hover {
  background: linear-gradient(to bottom, #359843, #58fe70) !important;
}
.forminator-ui {
  padding-bottom: 25px !important;
}
.forminator-module-edit-link {
  display: none !important;
}
.forminator-input {
  border-radius: 10px !important;
  height: 50px !important;
}
.forminator-response-message.forminator-show.forminator-success {
  border-radius: 10px !important;
}

/* Mobile (max 767px) */
@media screen and (max-width: 767px) {
  .bounding-box {
    width: 95% !important; /* Adjust width as needed */
  }
  .curved-bg {
    background-size: 120% 100%;
  }
  .mamba-review-img-cont {
    margin-bottom: -3.5% !important;
  }
  .mamba-competition-cont {
    margin-top: -38% !important;
  }
  .forminator-ui {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .mamba-form-submit-btn {
    width: 100% !important;
  }
}

/* Tablet Changes */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bounding-box {
    width: 95% !important;
    max-width: 1400px !important;
    margin: 0 auto;
  }
  .curved-bg {
    background-size: 110% 100%;
  }
  .mamba-review-img-cont {
    margin-bottom: -1.5% !important;
  }
  .mamba-competition-cont {
    margin-top: -35% !important;
  }
  .forminator-ui {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .mamba-form-submit-btn {
    width: 60% !important;
  }
}
/* Laptops & MacBooks (1024px to 1680px) */
@media screen and (min-width: 1024px) and (max-width: 1680px) {
  .mamba-review-img-cont {
    margin-bottom: -1.2% !important;
  }
  .mamba-competition-cont {
    margin-top: -25% !important;
    margin-right: 1.5%;
  }
}

/*✅ Large Screens (1920px and above) */
@media screen and (min-width: 1920px) {
  .mamba-review-img-cont {
    margin-bottom: -0.8% !important;
  }
  .mamba-competition-cont {
    margin-top: -23% !important;
    margin-right: 1.5%;
  }
}