@font-face {
  font-family: Gilroy-Light;
  src: url(../fonts/Gilroy-Light.ttf);
}

@font-face {
  font-family: product-sans;
  src: url(../fonts/Product-Sans.ttf);
}

* {
  margin: 0;
  padding: 0;
}

.orange_color {
  color: #ea4827;
}
.title_0 {
  font-family: "popins", sans-serif;
  font-size: clamp(5.8rem, 13vw, 22vh) !important;
}

.nav_back {
  background-color: rgb(255, 255, 255);
}

.nav-link_re {
  color: rgb(0, 0, 0) !important;
  font-family: "Gilroy-Light", sans-serif;
  font-weight: 800 !important;
  font-size: 1.2rem !important;
  transition: 0.5s;
  border-radius: 10px;
}

.nav-link_re:hover,
.nav-link_re:focus,
.nav-link_re:active {
  color: #ffffff !important;
  background: #ea4827;
}

.nav-link_re_scroll {
  transition: 0.5s;
  color: #ea4827 !important;
  font-family: "Gilroy-Light", sans-serif;
  font-weight: 600 !important;
  font-size: 1.2rem !important;
}

.nav-link_re_scroll:hover,
.nav-link_re_scroll:focus,
.nav-link_re_scroll:active {
  transition: 0.5s;
  color: #ffffff !important;
}

.offcanvas.offcanvas-start {
  width: 80vw !important;
}

.slider_div {
  height: 100vh;
}

.section_1_body {
  --bs-gutter-x: 0 !important;
  background-color: #0000007c;
}
.title_1 {
  font-family: "popins", sans-serif;
  font-size: clamp(2.8rem, 7vw, 16vh) !important;
}
.desc_font {
  font-family: "roboto", sans-serif;
  line-height: 2;
}

/* buttoncss */
a.site_btn,
button.site_btn {
  border-radius: 10px;
  display: block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 900;
  font-family: "product-sans", sans-serif;
  text-decoration: none;
  color: white;
  background: #ea4827;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  transition: all 0.35s;
}

a.site_btn span,
button.site_btn span {
  position: relative;
  z-index: 2;
}

a.site_btn:after,
button.site_btn:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #000000;
  transition: all 0.35s;
  border-radius: 10px;
}

a.site_btn:hover,
button.site_btn:hover {
  color: #fff;
}

a.site_btn:hover:after,
button.site_btn:hover:after {
  width: 100%;
}

.slide_section {
  position: sticky;
  top: 0;
}

.carousel_div {
  position: fixed !important;
  z-index: -10 !important;
}

.title_2 {
  font-family: "popins", sans-serif;
  font-weight: 700;
}
.card_icon i {
  font-size: 2rem;
}

.card_title_font {
  font-family: "popins", sans-serif;
  font-weight: 600;
}

.card_desc_font {
  font-family: "Gilroy-Light", sans-serif;
  font-size: 1.2rem;
}
.card_btn {
  display: block;
  width: 200px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  font-weight: 900;
  font-family: "product-sans", sans-serif;
  text-decoration: none;
  color: white;
  background: #ea4827;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  transition: all 0.35s;
  border-radius: 15px;
}

.card_btn:hover {
  background: #b3361d;
}

.challenge_37 img {
  width: 400px;
}

@media only screen and (max-width: 576px) {
  .challenge_37 img {
    width: 300px;
  }
  
}

@media only screen and (max-width: 960px) {
 .desc_font {
    text-align: center;
    font-size: 16px;
  }

  
}


.background_sec_1 {
  background: #fffbf1;
  background: linear-gradient(135deg, #fffbf1, #f8e6da);
}
.heading_section_1 {
  font-weight: 700 !important;
}

.background_sec_2 {
  background-color: #f6f9fc;
}

.background_sec_3 {
  background: #ffffff;
  background: linear-gradient(135deg, #ffffff, #f5f5f5);
}

a.site_btn_white,
button.site_btn_white {
  border-radius: 10px;
  display: block;
  border: 2px solid #ea4827;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 900;
  font-family: "product-sans", sans-serif;
  text-decoration: none;
  color: #ea4827;
  background: white;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  transition: all 0.35s;
}

a.site_btn_white:hover,
button.site_btn_white:hover {
  background: rgb(240, 240, 240);
}

.section_1_img img {
  width: 700px;
}

.card_list {
  list-style: none;
}

.rating span {
  font-size: 2rem;
  color: #ea4827;
}
.video_div video {
  max-height: 85vh;
}

.play_pause_btn {
  position: absolute;
  border: none;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  color: white;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 24px;
  cursor: pointer;
  transition: all 0.3s ease; /* Smooth transition */
}

.play_pause_btn:hover {
  background-color: rgba(0, 0, 0, 0.7); /* Darker on hover */
}

.play_pause_btn i {
  font-size: 30px; /* Adjust icon size */
}

.play_pause_btn:focus {
  outline: none;
}

/* form */

.contact_form .form_field {
  position: relative;
  margin: 32px 0;
}
.contact_form .input_text {
  display: block;
  width: 100%;
  height: 36px;
  border-width: 0 0 2px 0;
  border-color: #ea4827;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.contact_form .input_text:focus-visible {
  outline: none;
}

/* number hidden carret  */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.div_back {
  top: 7vh !important;
}

.img_height {
  max-width: 125px;
}

.icon_font a {
  font-size: 2rem;
}

.vh_90 {
  min-height: 95vh;
}

.load_div {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1; /* Initial opacity */
  transition: opacity 0.5s ease;
  z-index: 1032;
}

.img_card_section1 {
  width: 80%;
}

.card-body img {
  height: 300px;
  border-radius: 10px;
}
.iti{
  width: 100%;
}