body{
  scroll-behavior: smooth;
}


.acquisition-hero{
background-color: #171C20;
}

.hero-container {
  height: fit-content;
  padding-bottom: 20px;
}

.acquisition-hero-title{
font-family: 'GlovoFont Medium' , 'Noto Regular', sans serif;
text-align: center;
color: white;
font-size: 40px;
line-height: 1.3;
margin: 20px;
}

.hero-image-container{
height: 820px;
width: 100%;
}

.aq-image {
height: 100%;
background-repeat: no-repeat;
background-repeat: cover;
opacity: 0.3;
background-attachment: fixed;
}
.aq-image-black-background {
position: relative;
width: 100%;
height: auto;
transform: translate(-50%, -50%);
top: 20%;
left: 50%;
}




.hero-form-container {
margin: 0px 0px;
padding-left: 20px;
padding-right: 20px;
max-width: 100%;
}


.acquisition-hero-form-container {
max-width: 600px;
background-color: #F3F3F4;
border-radius: 12px;
}

.worldcup-cta.worldcup-green-container__cta.aq{
  max-width: 100%;
  min-width: revert;
}

.acquisition-hero-form-content-container{
padding: 0px 20px 20px 20px
}

.acquisition-hero-form-title-container {
background-color: #17C2A2;
padding: 35px;
margin-bottom: 35px;
border-radius: 12px 12px 0px 0px;
}

.acquisition-hero-form-title {
font-family: 'GlovoFont Medium' , 'Noto Regular', sans serif;
text-align: start;
font-size: 20px;
line-height: 1.2;
}

.wog-input-aqusition-form {
  margin-bottom: 25px;
  width: 100%;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 2px solid #d8d8d8;
  background-color: transparent;
}

.aq-phone-form {
display: flex;
gap: 20px;
}
.wog-input-aqusition-form.prefix {
width: 20%;
}

.acquisition-hero-form-subtitle-container{
color: white;
}

.aq-hidemobile{
display: none;
}

.aq-hidedesktop{
display: block;
}

form.acquistion-form{
  text-align: start;
}



/* Section Explanation */

.acquisition-explanation {
padding: 30px 0px;
display: flex;
justify-content: center;
}

.acquisition-explanation-container{
margin: 0px 20px;
}

.acquisition-explanation-cards-icon {
width: 65px;
margin-top: 20px;
  display: flex;
justify-content: center;
}

.acquisition-explanation-title {
font-family: 'GlovoFont Medium' , 'Noto Regular', sans serif;
font-size: 28px;
line-height: 1.3;
padding: 0px 0px;
text-align: center;
padding-bottom: 20px;
}

.acquisition-explanation-cards-container {
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 15px;
}

.acquisition-explanation-cards {
width: 100%;
background-color: #F3F3F4;
min-height: fit-content;
height: 295px;
text-align: center;
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
border-radius: 9px;
}

.acquisition-explanation-cards-title{
font-size: 20px;
font-family: 'GlovoFont Medium', 'Noto Medium', sans-serif;
margin: 20px 0px;
}

.acquisition-explanation-cards {
padding: 20px;
height: auto;
}

.acquisition-explanation-button {
display: flex;
justify-content: center;
margin-top: 30px;
}

.acquisition-expect-numbers-icon{
max-width: 35px;
max-height: 35px;
height: auto;
}

.aq-place-form {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 25px;
align-items: baseline;
}

.form-group.acquistion {
width: 100%;
}

.invalid{
border-bottom: 2px solid #e11111;
}


/* Section Expect */

.acquisition-expect-container{
display: flex;
margin: 0px 20px;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
flex-direction: column-reverse;
}

.acquisition-expect{
background-color: #17C2A2;
position: relative;
min-height: 880px;
padding: 50px 0px;
height: fit-content;
}

.acquisition-expect-title {
font-family: 'GlovoFont Medium' , 'Noto Regular', sans serif;
font-size: 28px;
line-height: 1.3;
margin: 50px 0px;
text-align: center;
}

.acquisition-expect-numbers {
display: flex;
gap: 20px;
margin-bottom: 30px;
flex-direction: column;
justify-content: center;
align-items: center;
}


.acquisition-expect-cards-descritpion {
font-family: 'GlovoFont Medium', 'Noto Regular', sans-serif;
font-size: 20px;
text-align: center;
}

.acquisition-expect-image-container {
max-width: 100%;
}

.acquisition-expect-image-container img{
max-width: 100%;
}



/* Section Started */
.acquisition-started{
background-color: #171C20;
min-height: 975px;
height: fit-content;
padding: 30px 0px;
}

.acquisition-started-title{
font-family: 'GlovoFont Medium' , 'Noto Regular', sans serif;
font-size: 28px;
line-height: 1.3;
padding-top: 0px;
text-align: center;
color: white;
padding-bottom: 35px;
}

.acquisition-started-image {
max-width: 100%;
height: auto;
}

.acquisition-started-container{
margin: 0px 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.acquisition-started-cards-container{
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-width: 100%;
justify-content: space-around;
color: white;
gap: 20px;
}

.acquisition-started-cards-text-container{
 max-width: 100%;
 display: flex;
 flex-direction: column;
 text-align: start;
 justify-content: start;
 align-items: start;
 background-color: #2E3236;
 padding: 18px;
 border-radius: 9px;
}

.acquisition-started-cards-title {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  display: flex;
  gap: 20px;

}

/* Quotes */
.acquisition-quote{
background-color: #D1F3EC;
min-height: 975px;
height: fit-content;
padding: 30px 0px;
}




.acquisition-quote-container{
margin: 0px 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.acquisition-quote-card{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}


.acquisition-quote-images-containter {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 20px;
}

.acquisition-quotes-container{
margin: 0px 20px;
}

.acquisition-icon-container {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 0px;
padding-bottom: 10px;
}


.acquisition-quote-cards-description {
background-color: white;
padding: 35px;
border-radius: 9px;
width: 100%;
height: fit-content;
margin-top: -25px;
min-height: 285px;
}


.acquisition-quote-image {
max-width: 100%;
}

.acquisition-quote-card.one {
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
align-items: center;
}

/* Faqs */

.acquisition-faqs-container{
margin: 0px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 30px;
}

.acquisition-faqs-title {
font-family: 'GlovoFont Medium' , 'Noto Regular', sans serif;
font-size: 28px;
line-height: 1.3;
padding-top: 30px;
padding-bottom: 20px;
text-align: center;
}

/* Final */
.aq-image-final-background{
width: 100%;
}

.acquisition-final-title{
font-family: 'GlovoFont Medium' , 'Noto Regular', sans serif;
font-size: 28px;
line-height: 1.3;
text-align: center;
color: white;
}



.final-text-container{
position: absolute;
top: 40%;
}

.final-image-container {
   position: relative;
  display: flex;
  justify-content: center;
  background-size: cover; 
  max-height: 600px;
}

.acquisition-quote-card.two {
display: flex;
flex-direction: column-reverse;
gap: 20px;
justify-content: center;
align-items: center;
margin-top: 40px;
}

.intl-tel-input.allow-dropdown .flag-container {
  right: 0!important;
  left: 0!important;
}

.intl-tel-input {
position: relative;
direction: ltr;
width: 100%;
}

.form-group{
margin-bottom: 0px!important;
}


.worldcup-cta.worldcup-green-container__cta.aq:hover {
background-color: #17C2A2D9;
text-decoration: none;
transform: scale(1.1);
transition: all .2s ease-in-out;
}

.aq-error-form{
border-bottom: 2px solid #bf1c1c;
}

.aq-success-form{
border-bottom: 2px solid #1cbf48;
}

.acquisition-form-icon-container{
display: flex;
align-items: center;
}

.acquisition-form-icon {
width: 20px;
height: 100%;
margin-right: 12px;
opacity: 0.6;
margin-bottom: 25px;
}



.acquisition-final-button {
display: flex;
justify-content: center;
}


.acquisition-final {
max-height: 600px;
}



/* Modal */
.aq-menu-btn {
display: flex;
flex-direction: row;
align-items: center;
color: black;
gap: 10px;
min-height: 56px;
min-width: fit-content;
width: 250px;
padding: 10px 20px;
border-radius: 8px;
}

.aq-menu-btn:hover {
color: black;
background: var(--solids-fog, #F3F3F4);
text-decoration: none;
}




.aq-select-country-btn {
border: none;
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
padding: 5px 30px;
gap: 10px;
border-radius: 36px;
background-color: transparent;
color: black;
}

.aq-country-selected {
border: 1px solid var(--solids-dolphin, #B9BABC);
}

.aq-modal-row{
row-gap: 18px;
}

.aq-menu-img {
max-width: 25px;
}

.modal-dialog.aq-modal-container{
max-width: 1200px;
}

.col-sm-3.aq-modal-col {
justify-content: center;
display: flex;
}

#show_country_alert {
  background-color: #171C20;
width: fit-content;
border-radius: 5px;
color: white;
padding: 10px;
font-size: 13px;
margin-left: 20px;
margin-right: 20px;
text-align: center;
}


.aq-select-country {
background: transparent;
color: white;
border: none;
}

.aq_select_title {
color: white;
text-decoration: underline;
}

.acquisition-hero-form-title {
  font-size: 28px;
}

  .worldcup-cta.worldcup-green-container__cta.aq{
      max-width: 100%;
      min-width: 250px;
  }
  
  h5.aq-country-title {
    padding: 20px;
}

.hero-title-container{
  max-width: 100%;
  padding-top: 57px;

}

.select#aq-vehicle{
    color: black;
}

.select#aq-city{
    color: black;
}


/* Desktop */
@media (min-width: 992px) {
.hero-container {
  position: relative;
  height: 1300px;
  display: flex;
  justify-content: center;
}



  .final-image-container {
      height: 600px;
      max-height: 1200px;
  }

.acquisition-hero-title{
  text-align: start;
  font-size: 65px;
}


.hero-title-container{
  position: absolute;
  top: 295px;
  max-width: 1200px;
  padding: 0px;
}

.hero-form-container{
  position: absolute;
  top: 570px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
}

.acquisition-hero-form-title {
  font-size: 28px;
}

  .worldcup-cta.worldcup-green-container__cta.aq{
      max-width: 100%;
      min-width: 250px;
  }

.acquisition-hero-form-subtitle-container {
  width: 44%;
  font-family: 'GlovoFont Book', 'Noto Regular', sans-serif;
  text-align: start;
  font-size: 17px;
  line-height: 1.3;
  color: white;
  margin-top: 200px;
}

.acquisition-hero-form-subtitle {
  font-family: 'GlovoFont Medium' , 'Noto Regular', sans serif;
  text-align: start;
  font-size: 45px;
  line-height: 1.3;
}

.acquisition-hero-form-container{
  width: 45%;
}

.acquisition-hero-form-description p {
  color: white;
  margin-top: 20px;
  line-height: 1.6;
}

.aq-hidemobile{
  display: block;
}

.aq-hidedesktop{
  display: none;
}
.acquisition-hero-container {
  max-width: 80%;
}


  .aq-place-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    padding-top: 25px;
    align-items: baseline;
  }

  .acquisition-hero-title-container {
      width: 1200px;
  }

/* Section Explanation */

.acquisition-explanation-container{
margin: 0px 15%;
max-width: 1200px;
}

.acquisition-explanation-cards-container {
  flex-direction: row;
}

.acquisition-explanation-cards {
  width: 30%;
}

.acquisition-explanation-title {
  font-size: 45px;
  margin: 0px 0px;
}

.acquisition-explanation {
padding: 50px 0px;
display: flex;
justify-content: center;
}

  /* Section Expect */

.acquisition-expect-container{
  margin: 0px 15%;
  max-width: 1200px;
}


.acquisition-expect-container{
  flex-direction: row;
}

.acquisition-expect{
min-height: fit-content;
display: flex;
  justify-content: center;
}

.acquisition-expect-text-container {
  width: 50%;
}


.acquisition-expect-title {
  font-size: 45px;
  text-align: start;
}

.acquisition-expect-image-container {
  max-width: 42%;
}

.acquisition-expect-numbers {
  flex-direction: row;
  justify-content: start;
  align-items: start;
}
.acquisition-expect-cards-descritpion {
text-align: start;
}


    /* Section Started */

.acquisition-started{
  min-height: 642px;
  padding: 50px 0px;
  display: flex;
  justify-content: center;
}

.acquisition-started-container{
  margin: 0px 15%;
  max-width: 1200px;
}

.acquisition-started-image-container {
    max-width: 80%;
}

.acquisition-started-title{
  font-size: 45px;
}

.acquisition-started-cards-container{
  flex-direction: row;
  gap: 50px;
}

.acquisition-started-cards-text-container{
   max-width: 25%;
   text-align: center;
   justify-content: start;
   align-items: center;
   background-color: transparent;
   padding: 0px;
}

/* Quotes */
.acquisition-quote{
  padding: 0px;
  display: flex;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
}


.acquisition-quote-container{
   margin: 0px 15%;
  max-width: 1200px;
}


.acquisition-quote-images-containter {
  display: flex;
  flex-direction: row;
  gap: 60px;
}


.acquisition-quote-card {
  position: relative;
  max-width: 40%;
}


.acquisition-quote-card {
  position: relative;
}

.acquisition-quote-cards-description.one {
  position: absolute;
  top: 6vh;
  left: 23vw;
}

.acquisition-quote-card.two{
  justify-content: flex-end;
  align-items: end;
}

.acquisition-quote-card.one {
  justify-content: start;
  align-items: start;
}


.acquisition-quote-image-container.two {
  display: flex;
  justify-content: end;
}

.acquisition-quote-cards-description.two {
  position: absolute;
  right: 312px;
}

.acquisition-quote-card.two {
    height: fit-content;
  margin: 40px 0px;
}

.acquisition-quotes-container {
    padding: 10px 0px;
}

.acquisition-quote-cards-description.two {
  position: absolute;
  bottom: 13px;
}

.quote-icon{
  min-width: 25px;
  min-height: 25px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
}

.quote-icon.one {
  position: absolute;
  top: -25px;
  right: 31px;
}


.quote-icon.two {
  position: absolute;
  top: -25px;
  left: 31px;
}

.acquisition-icon-container {
  gap: 20px;
}


  /* Faqs */

.acquisition-faqs{
  min-height: fit-content;
  display: flex;
  justify-content: center;
}

.acquisition-faqs-container{
  margin: 0px 15%;
  max-width: 1200px;
}

.acquisition-faqs-container{
    padding-top: 50px;
  }

.acquisition-faqs-title {
  font-size: 45px;
  padding-bottom: 20px;
}


.acquisition-final-title{
  font-size: 45px;
}

.final-text-container{
  position: absolute;
  top: 35%;
}


.aq-select-country-btn {
border: 1px solid white;
justify-content: center;
color: white;
}

#show_country_alert {
  text-align: start;
  font-size: revert;
  }
  
    .aq-full-container {
    margin: 0px 300px;
  }

  .aq-menu-title{
    font-size: 17px;
  }
  
  

}