@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", serif;
}

body,
html {
  scroll-behavior: smooth;
}

.container {
  max-width: 1270px !important;
  margin: 0 auto;
  padding: 0 20px;
}

.smooth-slider {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}


.text-slider .slick-slide {
  display: inline-block;
  white-space: nowrap;
}

.text-slider {
  display: flex;
  align-items: center;
}




#menu ul li a.active{
  color: #652c8f;
}

#header nav{
  transition: all 0.3s ease-in-out;
}

.header-fixed nav{
  padding:  25px 0;
}

#menu {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}



#menu.translate-x-0 {
  transform: translateX(0); 
}

#menu-toggle span {
  display: block;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

#menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(3px, 4px);
}


#menu-toggle.active span:nth-child(2) {
  opacity: 0;
}

#menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

.accordion-header.active .plusminus:before {
  transform: translateY(-50%) rotate(-90deg);
  opacity: 0;
}

.accordion-header.active .plusminus:after {
  transform: translateY(-50%) rotate(0);
}

.plusminus:before,
.plusminus:after {
  content: "";
  display: block;
  background-color: #450E6D;
  position: absolute;
  top: 50%;
  transition: 0.3s ease;
  width: 10px;
  height: 2px;
}

.plusminus:before {
  transform: translateY(-50%);
}

.plusminus:after {
  transform: translateY(-50%) rotate(90deg);
}



.accordion-content {
  padding: 0 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out;
}

.accordion-content ul li{
  color:#756A7D ;
 
}

.Agrandir {
  font-family: 'Agrandir Narrow';


}


.horizontal-ticker__slide img{
  width: 100%;
}


.strap {
  position: relative;
}

.strap::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 50px;
  background-color: #fff;
  right: 0;
  bottom: 0;
  transform: translateY(90%);
  z-index: 0;
}


#horizontal-ticker-bottom .slick-track{
  display: flex;
  align-items: center;
}



.why-card ul li {
  position: relative;
  overflow: hidden;
}

.why-card ul li::after {
  content: "";
  background: #652c8f;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top;
  z-index: -1;
  transition: transform 0.3s ease, height 0.3s ease;
}

/* .why-card ul li:hover::after {
  transform-origin: bottom;
  transform: scaleY(1);
  transition: transform 0.3s ease, height 0.3s ease;
  
} */
.why-card ul li.scaling::after {
  transform-origin: bottom;
  transform: scaleY(1);
}
label.error {
  display: none!important;
}
input.error, select.error {
  border-bottom: 1px solid #ff0000;
}


.career_single .button_area a,
.career_single .button_area a svg path
{transition: all ease 0.3s;}

.career_single .button_area a:hover{background-color: #652c8f; color: #ffffff;}
.career_single .button_area a:hover svg path{fill: #ffffff;}
.msg-info {
    margin-top: 10px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 16px;
}
.notifications .success {
    background: #d2ffd2;
    color: green;
}
.notifications .error {
    background: #fbe4e4;
    color: red;
}

.form_control{position: relative;}
.form_control .label{font-size: 14px; line-height: 1.3; font-weight: 400; color: #333333; display: flex; margin-bottom: 10px; }

.form_control input[type="text"],
.form_control input[type="tel"],
.form_control input[type="email"],
.form_control textarea
{height: 45px; padding: 0 20px; border: 1px solid #CBDBDD; border-radius: 5px; width:100%; outline: none;}
.radio_single input[type="radio"], .radio_single input[type="checkbox"] {position: absolute; opacity: 0; font-size: 16px; color: #333333;}

.form_control input[type="text"].error, .form_control input[type="tel"].error, .form_control input[type="email"].error, .form_control textarea.error { border-color: #ff0000; }

.form_control textarea{padding: 20px; height: 100px;}

.radio_single label{color: #666666; font-size: 13px; cursor: pointer; position: relative; min-height: 25px; display: flex; align-items: center; padding-left: 35px; line-height: 1.3;}

.radio_single label:before{width: 25px; height: 25px; border-radius: 25px; border: 1px solid #CBDBDD; background: #FFF; content: ''; position: absolute; left:0; top:0; transition: all ease 0.3s;}

.radio_single label:after{width: 13px; height: 13px; border-radius: 25px; ; background: #DCADFF; content: ''; position: absolute; left:6px; top:6px; transition: all ease 0.3s; opacity: 0;}


.radio_single input:checked + label{color: #111111;}
.radio_single input:checked + label:before{border-color: #DCADFF;}
.radio_single input:checked + label:after{opacity: 1;}

.radio_single label:hover{color: #111111;}
.radio_single label:hover:before{border-color: #111111;}

.radio_group{margin-top: 20px;}

.form_control button[type="submit"]{display: flex; justify-content: center; align-items: center; gap:15px; border-radius: 25px;
background: #111111; width: 100%; height: 50px; cursor: pointer; font-size: 16px; color: #FFF; text-align: center;}

.form_control button[type="submit"]:hover{background-color: #000000;}

input#resume{position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    right: 0;}

label[for="resume"]{height: 50px; border-radius: 25px; border: 1px solid #9C9F9F; background: #FFF; display: flex; align-items: center; justify-content: center; cursor: cccc; cursor: pointer; font-size: 16px; gap:10px}

.uploaded_file_txt{max-width:calc(100% - 18px - 40px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.career_single .bottom_area,
.career_single .text_area
{display:none;}

.career_single h3{position:relative}
.career_single h3:before{content:''; width:16px; height:2px; position:absolute; left:20px; top:32px; background:#111111; transition:all ease 0.2s;}
.career_single h3:after{content:''; width:16px; height:2px; position:absolute; left:20px; top:32px; background:#111111; transition:all ease 0.2s; transform: rotate(90deg);}

.career_single.active{border-color:#ffffff; background-color:#ffffff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.career_single.active h3:after{transform: rotate(0);}


@media(min-width:375px) {
  .strap::before {
    height: 30px;
  }


  
}



@media(min-width:640px) {

.career_single h3:before{display:none;}
.career_single h3:after{display:none;}
.career_single .bottom_area, .career_single .text_area { display: flex !important;}
}

@media(min-width:767px) {
  .strap::before {
    height: 90px;

  }
  .footer-list{
    row-gap: 25px !important;
  }

  .form_control input[type="text"],
.form_control input[type="tel"],
.form_control textarea,
.form_control input[type="email"]{font-size: 14px;}



}


@media (min-width: 375px) and (max-width: 767px) {
  .why-card ul li {
    border: none; 
  }

  .why-card ul li:nth-child(even) {
    border-left: 1px solid #DCADFF; 
   
  }

  .why-card ul li:last-child {
    border: none;
  }

  .why-card ul{
    justify-content: center;
  }
  #horizontal-ticker-bottom img{
    max-height: 35px;
  }
}