@font-face {
  font-family: "Clash Grotesk";
  font-style: normal;
  /* font-weight: normal; */
  src: url("../fonts/ClashGrotesk_Complete/Fonts/TTF/ClashGrotesk-Variable.ttf");
}

:root {
  --font-size: clamp(12px, 2vw, 16px);
  --line-height: 27px;
  --font-family: "Clash Grotesk", sans-serif;
  --letter-spacing: 0px;
  --primary-color: #5484ff;
  --secondary-color: #3f47ea;
  --text-color: #141d38;
  --font-80: clamp(48px, 4vw, 80px);
  --font-40: clamp(24px, 2vw, 40px);
}

html {
  scroll-padding-top: 200px;
  overflow-x: hidden!important;
}
body {
  font-family: var(--font-family);
  letter-spacing: var(--letter-spacing);
  color: var(--text-color);
  background-color: #ffffff;
  font-size: clamp(14px, (20 / 1920) * 100vw, 30px);
  overflow-x: hidden!important;
}

.text-primary {
  color: var(--primary-color) !important;
}
.orange-color {
  color: #f7941d;
}
.grey-color {
  background: #f1f1f126 0% 0% no-repeat padding-box;
}
.text-grey {
  color: #737887;
}

h1,
.font-size-80 {
  /* font-size: clamp(56px, (80 / 1920) * 100vw, 120px); */
    font-size: clamp(50px, (80 / 1920) * 100vw, 120px);

  line-height: 1.5;
}
h2,
.font-size-40 {
  font-size: clamp(28px, (40 / 1920) * 100vw, 60px);
  line-height: 1.5;
}
h3,
.font-size-30 {
  font-size: clamp(20px, (30 / 1920) * 100vw, 45px);
  line-height: 1.5;
}
h4,
.font-size-24 {
  font-size: clamp(16px, (24 / 1920) * 100vw, 36px);
  line-height: 1.5;
}
h5,
.font-size-20 {
  /* font-size: clamp(12px, (20 / 1920) * 100vw, 30px); */
   font-size: clamp(14px, (20 / 1920) * 100vw, 30px);
  line-height: 1.5;
}
h6,
.font-size-26 {
  font-size: clamp(18px, (26 / 1920) * 100vw, 26px);
  line-height: 1.5;
}

.font-size-32 {
  font-size: clamp(16px, (32 / 1920) * 100vw, 40px);
  line-height: 1.5;
}
.font-size-16 {
  /* font-size: clamp(12px, (16 / 1920) * 100vw, 24px); */
  font-size: clamp(14px, (16 / 1920) * 100vw, 24px);
  line-height: 1.5;
}
.text-justify {
  text-align: justify;
}
.h-inherit {
  height: inherit;
}

.button {
  background: transparent linear-gradient(90deg, #0d6efd 0%, #642cdc 100%)
    no-repeat padding-box;
  padding: 10px 35px;
  border: 2px solid transparent;
  color: white;

  /* font-size: 14px; */
  /* font-weight: bold; */
  outline: none;
  cursor: pointer;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  /* transition: background 0.3s ease, box-shadow 0.3s ease; */
  /* background: transparent linear-gradient(90deg, #0D6EFD 0%, #642CDC 100%) 0% 0% no-repeat padding-box; */
  border-radius: 28px;
  opacity: 1;
}

.curve_underline {
  position: relative;
}
.curve_underline:after {
  content: "";
  position: absolute;
  width: 100%;
  border-top: 3px solid #5484ff;
  left: 0;
  bottom: -16px;
  border-radius: 50%;
  height: 20px;
}

.button:hover {
  background: linear-gradient(90deg, #0d6efd 0%, #642cdc 100%);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.lottie-player {
  width: 300px;
  position: relative;
}
.button-text {
  position: absolute;
  top: 25%;
  left: 12%;
  color: black;
  z-index: 1;
}

.breadcrumb_navbar {
  background: transparent url("../images/about_bg_2.png") 0% 0% no-repeat;
  background-size: cover; 
  background-position: center center; 
  

}

.breadcrumb_section {
  background: transparent url("../images/Group\ 150.png") 0% 0% no-repeat
    padding-box;
  background-size: cover;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: white;
  content: var(--bs-breadcrumb-divider, ">");
}
.breadcrumb-item.active {
  color: #f7941d;
}

.navbar {
  background: #E8EDFF 0% 0% no-repeat padding-box;
  border: 0.30000001192092896px solid #cdcccc;
  border-radius: 4.5rem;
  padding: 0 22px;
  height: 93px;
}


.sticky {
  position: fixed;
  top: 0;
   left: 0;
  right: 0; 
  width: 100%;
  z-index: 4;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.30000001192092896px solid #f4f1f1;
  border-radius: 0;
}

/* footer css start*/
.fluid-container {
  background-image: url("../images/contact_bg_9 (1)@2x.png");
  background-size: cover;
}
.form-control::placeholder {
  color: #777;
  font-size: 12px;
}
.footer_contact_info{
 background-image: url('../images/appointment_bg_5@2x.png');
   background-size: cover;
   /* height:400px; */
   height: 325;
   border-radius: 1rem;
 
}

/* Styling for the horizontal line */
.footer-line {
  width: 3px;
  height: 100%;
  background-color: #fff;
  margin: 10px;
}

/* Styling for the "Other Links" section */
.footer-links {
  list-style-type: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 10px;
}

.footer-links a {
  text-decoration: none;
  color: white;
  font-size: 16px;
  transition: color 0.3s ease;
}

.footer-links a:hover {
  color: #f0a500; /* Change color on hover */
}

/* Optional: Add responsiveness for smaller screens */
/* @media (max-width: 991px) {
  .col-lg-6, .col-lg-5 {
      width: 100%;
  }

  .col-lg-1 {
      display: none;
  }
} */


/* footer css end*/

.text-format {
  text-transform: lowercase; 
}

.text-format::first-letter {
  text-transform: uppercase; 
}

.country-list{
  width:425%;
}
.hide{
  display:none;
}
.hs-button .primary .large{
  background:transparent linear-gradient(90deg, #0d6efd 0%, #642cdc 100%)
  no-repeat padding-box !important;
}
.anchor-btn-text{
  color: #000;
  text-decoration: none;
}
.text-decoration-underline-none{
  text-decoration: none;
}
.text-color{
  color:#141d38;
}
.text-color-white{
  color:#fff;
}
/* modal start */
.close_button{

  position: absolute;
    right: -3%;
    top: -4%;
    text-decoration: none;
    background-color: transparent;
    border: none;
  }
  .first_close_button{
  position: absolute;
    right: -2%;
    top: -1%;
    text-decoration: none;
    background-color: transparent;
    border: none;
  }
  .succes_continue_btn{
  background-color: #44AB43;
  margin-left:5rem
  }
  /* modal end */


  /* navbar drop down  start*/
.rrma_dropdown {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.rrma_dropdown-content_simple {
  position: absolute;
  top: 65px;
  /* top: 40px; */
  left: 0;
  display: none;
  background-color: white;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.1);
  z-index: 100;
  /* padding: 20px; */
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 18px;
  border-radius: 5px;
  width: auto;
  min-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 2%;
  border-bottom: 3px solid #1767f9;

}
.rrma_dropdown-section ul li{
  padding: 5px 0;
}
.nav-item {
  position: relative;
  display: inline-block;
}

.nav-item:hover .nav-link {
  color:  rgb(13 110 253);
}

.nav-item.active .nav-link {
  color:  rgb(13 110 253);
}

.nav-item .dropdown.open > .nav-link {
  color:   rgb(13 110 253); 
}

.rrma_dropdown:hover .rrma_dropdown-content_simple {
    display: block;
    opacity: 1;  
  transform: translateY(0);
}

.rrma_dropdown-section ul {
    list-style: none;
    padding-left: 0;
}
.rrma_dropdown-item {
    font-size: 15px;
    color: #141D38;
    text-decoration: none;
    display: block;
    padding: 6px 10px;
   text-align:start;
  
}
.rrma_dropdown-item:hover {
    color :  rgb(13 110 253);
}

/* Media Queries for Mobile */
@media (max-width: 768px) {
    .rrma_dropdown-content_simple {
      position: absolute;
      top: 15px;
      width: 100%;
    }
    html {
      scroll-padding-top: 30px;
    }
    .hr-line .footer-line {
      display: none;
  }
}

@media (max-width: 991px) {
  .rrma_dropdown-content_simple {
    position: absolute;
    top: 15px;
    width: 100%;
  }
  .hr-line .footer-line{
      display: none;
  }
}


  /* navbar dropdown end */

@media (min-width: 1100px) {
  .container {
    max-width: 1050px;
  }
}
@media (min-width: 1200px) {
  .container {
      max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1250px;
  }
}
@media (min-width: 1500px) {
  .container {
    max-width: 1320px;
  }
}
@media (min-width: 1800px) {
  .container {
    max-width: 80%;
  }
}