html { scroll-behavior: smooth; }
body { font-family: 'Lato', sans-serif; background-color: rgb(255, 255, 255); }
a { color: white; text-decoration: none; font-size: 16px; }
@media only screen and (max-width: 900px) {
    body {
        overflow-x: hidden !important;
    }
}

@keyframes fade-in {
    from {opacity: 0; transform: translateY(25px);}
    to {opacity: 1;}
}

.fade-in-element { animation: fade-in 1.2s; }

/* ---------------------------------------------- 
                  Hero Section
   ---------------------------------------------- */

header { min-height: 800px; display: flex; flex-direction: column; align-items: flex-start; background-size: cover; background-position: center; position: relative; background-color: #333; background-image: url("img/home-hero.jpg"); background-position: top; background-repeat: no-repeat; background-size: cover;  }

.topbar { position: fixed; background-color: #39394D; padding: 12px 0px; min-height: 20px; width: 100%; top: 0; z-index: 7; display: flex; flex-direction: row; justify-content: space-between; }

.topbar-left, .topbar-right { display: flex; flex-direction: row; justify-content: center; }
.top-email { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left: 5px; }
.top-phone { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left: 17px; margin-right: 20px; }
.topbar-left img, .topbar-right img { height: 17px; width: auto; }
.topbar-right p { font-size: 15px; color: white; margin-left: 0px; margin: 0 10px; cursor: pointer; }

.topbar-right { display: flex; flex-direction: row; justify-content: center; align-items: center; }

nav { padding: 24px 5px; position: fixed; background-color: #ffffff; z-index: 12; width: 100%; display: flex; flex-direction: row; justify-content: space-around; align-items: center; margin-top: 44px; }

.logo-wrapper h2 { color: black; font-size: 28px; font-weight: 600; }
.nav-item { margin: 0 15px; font-size: 16px; font-weight: 400; color: rgb(117, 117, 117); cursor: pointer; }
.nav-btn { background-color: rgb(255, 66, 66); color: white; padding: 12px 30px; border-radius: 5px; transition: all, .3s; margin: 0; border: 2px solid rgb(255, 66, 66); }
.nav-btn:hover { background-color: transparent; color: rgb(255, 66, 66); }
.nav-btn-one { background-color: transparent; color: #000000; padding: 12px 30px; border: 2px solid #2D8CFF; border-radius: 5px; transition: all, .3s; }

.nav-arrow { margin: 0; padding: 0; font-size: 12px; margin-left: 2px; }  

.dropdown { position: relative; display: inline-block; }
  
.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(255, 66, 66);
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin: 0px 0; }
  
.nav-item-one { display: flex; flex-direction: row; justify-content: center; align-items: center; }

.dropdown-content-text { color: rgb(245, 245, 245); padding: 12px 16px; text-decoration: none; display: flex; flex-direction: row; justify-content: start; align-items: center; font-size: 15px; font-weight: 500; }

.dropdown-content a:hover {background-color:#2D8CFF; }

.dropdown:hover .dropdown-content { display: flex; flex-direction: column; justify-content: center; align-items: stretch; }

.dropdown:hover .dropbtn {background-color: #2D8CFF; }

.hero-wrapper { margin: 0 auto; margin-top: 0px; width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 30px 7px; margin-top: 300px; z-index: 2; }

.hero-wrapper-text { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.hero-wrapper h1 { font-size: 50px; font-weight: 600; margin: 10px 0 10px 0; color: white; text-align: center; }
.hero-wrapper p { font-size: 23px; line-height: 32px; font-weight: 400; margin: 10px 0; color: rgb(245, 245, 245); text-align: center; }
.hero-wrapper a { background-color: #2D8CFF; color: white; padding: 14px 5px; width: 70%; text-align: center; border-radius: 5px; margin: 15px auto 0 auto; font-size: 19px; font-weight: 600; }

@media only screen and (max-width: 850px) {

    header { min-height: 300px; display: flex; flex-direction: column; align-items: center; padding-bottom: 0px; }

    nav { display: none; }
    .logo { margin-bottom: 30px; }
    .nav-items { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 20px; }
    .nav-item { margin: 10px auto; font-size: 18px; text-align: center; }
    .phone-number { margin-top: 30px; }

    .hero-wrapper { margin-top: 70px; width: 100%; padding-left: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 3px; }

    .hero-wrapper h1 { font-size: 32px; margin: 10px 0; margin-top: 0; color: white; text-align: center; }
    .hero-wrapper p { font-size: 18px; margin: 10px 0; color: rgb(226, 226, 226); text-align: center; }

    .home-arrow { margin-top: 50px; z-index: 2; width: 100%; text-align: center; }
    .home-arrow img { width: 50px; margin: 0 auto; }

}

/* ---------------------------------------------- 
                   About
   ---------------------------------------------- */
#about { padding: 80px 0; display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
#about h2 { font-size: 39px; font-weight: 500; margin-bottom: 15px; }   
.about-text-wrapper { width: 50%; display: flex; flex-direction: column; }
.about-text-wrapper p { font-size: 20px; line-height: 30px; margin: 7px 0; }
.about-text-wrapper a { background-color: #2D8CFF; color: white; padding: 12px 5px; width: 30%; text-align: center; border-radius: 5px; margin-top: 25px; font-size: 17px; font-weight: 500; }

#about img { width: 35%; height: auto; box-shadow: 0 3px 10px rgb(124, 124, 124); border-radius: 4px; }

#about-one { padding: 5px 0 35px 0; display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; }
#about-one h2 { font-size: 39px; font-weight: 500; margin-bottom: 15px; }  
#about-one img { width: 40%; height: auto; box-shadow: 0 3px 10px rgb(124, 124, 124); border-radius: 4px; }

hr { border-color: white; width: 80%; }

@media only screen and (max-width: 850px) {
  #about { padding: 80px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .about-text-wrapper { width: 95%; display: flex; flex-direction: column; }
  .about-text-wrapper a { width: 70%; margin-bottom: 35px; }
  #about img { width: 95%; height: auto; box-shadow: 0 3px 10px rgb(124, 124, 124); border-radius: 4px; margin-top: 20px; }
  #about-one { padding: 80px 0; display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; }
  #about-one img { width: 95%; height: auto; box-shadow: 0 3px 10px rgb(124, 124, 124); border-radius: 4px; margin-top: 20px; }
}

/* ---------------------------------------------- 
                   Intro
   ---------------------------------------------- */
#intro { padding: 40px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0px; }
#intro h2 { font-size: 22px; text-align: center; font-weight: 600; margin-bottom: 35px; }   
.intro-top-wrapper { margin: 20px 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; position: relative; }
.intro-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: 15px; width: 27%; min-height: 600px; }
.intro-wrapper img { height: 120px; width: auto; box-shadow: 0 3px 10px rgb(124, 124, 124); border-radius: 100px; }
.intro-wrapper h3 { font-size: 27px; font-weight: 600; margin: 45px 0 25px 0; }
.intro-wrapper p { font-size: 17px; font-weight: 400; line-height: 25px; margin: 5px 0; text-align: left; }
.intro-wrapper a { font-size: 17px; font-weight: 500; text-align: center; padding: 9px 5px; width: 55%; border-radius: 4px; background-color: transparent; border: 3px solid #2D8CFF; color: #2D8CFF; margin-top: 23px; }

.intro-heading-wrapper { display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; width: 100%; scroll-margin-top: 160px;}

.intro-top-wrapper-two, .intro-top-wrapper-one { display: none; }
.intro-two-heading, .intro-one-heading { cursor: pointer; transition: all, .3s; width: 35%; }

.intro-one-heading { border-bottom: 3px solid rgb(255, 66, 66); padding: 15px 5px; background-color: rgb(255, 66, 66); color: white; border-radius: 4px; }
.intro-two-heading { border-bottom: 3px solid #2D8CFF; padding: 15px 5px; background-color: #2D8CFF; color: white; border-radius: 4px; }

.intro-two-heading:hover { background-color: #1f6fd1; }
.intro-one-heading:hover { background-color: rgb(187, 41, 41); }

.intro-button { color: black; position: absolute; bottom: 0; background-color: rgb(255, 66, 66); color: white; padding: 12px 40px; border-radius: 5px; transition: all, .3s; margin: 0; border: 2px solid rgb(255, 66, 66); color: white;  }
.intro-button-two { background-color: #2D8CFF; }

@media only screen and (max-width: 850px) {
  .intro-top-wrapper { margin: 0px 0;  flex-direction: column; justify-content: center; align-items: center; }
  .intro-wrapper { width: 95%; margin: 20px 0; min-height: 100px; }
  .intro-heading-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
  .intro-two-heading, .intro-one-heading { cursor: pointer; transition: all, .3s; width: 90%; }
  .intro-two-heading:hover { color: #2D8CFF; width: 95%; }
.intro-one-heading:hover { color: rgb(255, 66, 66); width: 95%; }
}

/* ---------------------------------------------- 
              Testimonial Section
   ---------------------------------------------- */
.testimonial { display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #F4F4F4; }
.testimonial img { width: 40%; height: auto; }
.testimonial-wrapper { width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.testimonial-wrapper p { width: 90%; text-align: center; font-size: 24px; line-height: 34px; font-weight: 600; }  
.testimonial-hr { width: 40%; margin: 30px 0; }
.testimonial-wrapper h3 { width: 90%; text-align: center; font-size: 19px; line-height: 25px; }  

@media only screen and (max-width: 850px) {
  .testimonial { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #F4F4F4; }
  .testimonial-one { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; }
  .testimonial img { width: 90%; height: auto; }
  .testimonial-wrapper { width: 95%; margin-top: 35px; }
  .testimonial-wrapper h3 { margin-bottom: 50px; }
}

/* ---------------------------------------------- 
                 CTA Section
   ---------------------------------------------- */
#cta { padding: 50px 0; min-height: 250px; background-color: #313844; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(to right, #495364, #212733); background-image: url("img/cta-background.jpg"); background-size: cover; background-position: center; }   
#cta h2 { font-size: 40px; color: white; font-weight: 600; } 
#cta a { font-size: 19px; font-weight: 500; text-align: center; padding: 11px 5px; width: 20%; border-radius: 4px; background-color: #2D8CFF; border: 3px solid #2D8CFF; color: #ffffff; margin: 25px; }
#cta p { font-size: 20px; color: white; font-weight: 400; color: white; }

@media only screen and (max-width: 850px) {
  #cta a { width: 70%; }
}


/* ---------------------------------------------- 
                   Footer
   ---------------------------------------------- */

footer { background-color: #333; padding: 25px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }

.copyright { color: rgb(167, 167, 167); margin: 0; margin-bottom: 10px; }
footer a { margin: 0; }
footer img { width: 230px; height: auto; margin: 0; }

@media only screen and (max-width: 850px) {
    footer { display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .copyright { margin: 5px 0; }
    footer a { margin: 5px 0; }
}


/* ---------------------------------------------- 
                Search Page
   ---------------------------------------------- */
#search-intro { padding: 100px 0 50px 0; }
#search-intro h2 { color: black; font-size: 55px; margin-top: 100px; text-align: center; font-weight: 600; }

#search { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: 35px 0; }

.search-category-wrapper { width: 17%; height: 100%; display: flex; flex-direction: column; }
.search-category-wrapper h2 { font-size: 30px; font-weight: 600; }
.search-category-wrapper ul { margin: 25px 0; }
.search-category-wrapper li { margin: 20px 0; font-size: 20px; cursor: pointer; }

.search-profiles { width: 80%; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; }
.search-top-wrapper { width: 43%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 35px 0; transition: all, .3s; }
.search-top-wrapper:hover { transform: scale(1.03); }
.search-wrapper { display: flex; flex-direction: column; justify-content: start; align-items: center; width: 90%; background-color: rgb(255, 255, 255); box-shadow: 0 3px 20px rgb(224, 224, 224); padding: 0px 0px 35px 0px; border-radius: 4px; position: relative; } 
.search-wrapper img { height: auto; width: 100%; position: relative; }
.search-wrapper h2 { font-size: 30px; font-weight: 700; text-align: center; color: white; position: absolute; z-index: 1; top: 27%; }
.search-wrapper p { font-size: 17px; font-weight: 400; line-height: 25px; text-align: center; width: 90%; margin-bottom: 15px; margin-top: 35px; }
.profile-info { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; }
.profile-info p { margin: 7px 0;  }
.search-wrapper h3 { font-size: 25px; font-weight: 500; margin: 20px; text-align: center; }
.stars { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 5px 0; }
.stars img { height: 25px; width: auto; margin: 0 5px; }
.search-wrapper a { padding: 13px 5px; background-color: #FF4242; color: white; text-align: center; width: 65%; font-size: 17px; margin-top: 35px; border-radius: 4px; font-weight: 600; }

@media only screen and (max-width: 850px) {
  #search { display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .search-category-wrapper { width: 95%; }
  .search-category-wrapper ul { display: flex; flex-direction: row; justify-content: start; align-items: flex-start; flex-wrap: wrap; }
  .search-category-wrapper li { margin: 20px; }
  #search-intro { padding: 50px 0 50px 0; }
  #search-intro h2 { color: black; font-size: 55px; margin-top: 20px; text-align: center; font-weight: 600; }
  .search-top-wrapper { width: 100%; }
  .search-wrapper { width: 100%; }
}

/* ---------------------------------------------- 
                  Profile Page
   ---------------------------------------------- */

#profile-intro { display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; padding-top: 100px; padding-bottom: 50px; }  

.profile-image-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 100px; width: 40%; }
.big-image { height: auto; width: 100%; }
.thumbnail-wrapper { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }
.thumbnail-image { height: auto; width: 33.3%; }

.profile-info-wrapper { width: 45%; display: flex; flex-direction: column; }
.profile-info-wrapper h2 { font-size: 50px; font-weight: 600; margin-top: 100px; margin-bottom: 25px; } 
.profile-info-wrapper p { font-size: 18px; font-weight: 400; line-height: 25px; margin: 7px 0; } 
.rating-wrapper { display: flex; flex-direction: row; align-items: center; margin: 20px 0; }
.rating-wrapper h3 { font-size: 23px; font-weight: 600; margin-right: 15px; }
.rating-wrapper img { height: 25px; width: auto; margin: 0 3px; }
.profile-btn-wrapper { display: flex; flex-direction: row; align-items: center; margin-top: 20px; width: 100%; }
.first-profile-btn { padding: 13px 5px; background-color: #FF4242; color: white; text-align: center; width: 30%; font-size: 17px; border-radius: 4px; font-weight: 600; border: 2px solid #FF4242; }
.second-profile-btn { background-color: transparent; color: #000000; font-size: 17px; padding: 12px 5px; border: 2px solid #2D8CFF; border-radius: 5px; transition: all, .3s; text-align: center; width: 30%; margin: 0 20px; }
.third-profile-btn { background-color: transparent; color: #000000; font-size: 17px; padding: 13px 5px; border: 2px solid #2D8CFF; border-radius: 5px; transition: all, .3s; text-align: center; width: 30%; margin: 12px 0; }
.fourth-profile-btn { background-color: #2D8CFF; color: #f8f8f8; font-size: 17px; padding: 13px 5px;border-radius: 5px; transition: all, .3s; text-align: center; width: 30%; margin: 12px 0; }

@media only screen and (max-width: 850px) {
  #profile-intro { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 50px; padding-bottom: 50px; } 
  .profile-image-wrapper { margin-top: 10px; width: 95%; }

  .profile-info-wrapper { width: 90%; display: flex; flex-direction: column; } 
  .profile-btn-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 20px; }
  .first-profile-btn { width: 70%; }
  .second-profile-btn { width: 70%; margin-top: 20px; margin-left: 0; margin-right: 0; }
  .third-profile-btn { width: 70%; }
  .fourth-profile-btn { width: 70%; }
}

/* ---------------------------------------------- 
                 Get Paid Page
   ---------------------------------------------- */
#get-paid-intro { padding: 70px 0 120px 0; min-height: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url("img/get-paid-background.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; }
.get-paid-intro-heading { color: rgb(245, 245, 245); font-size: 45px; margin-top: 100px; line-height: 60px; text-align: center; font-weight: 600; }

.get-paid-form-wrapper { display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; margin-top: 60px; }
.get-paid-hero-wrapper h4 { color: rgb(245, 245, 245); font-size: 23px; line-height: 32px; text-align: center; font-weight: 600; }
#get-paid-form { width: 45%; margin: 0px 0 0 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap; background-color: rgba(0, 0, 0, 0.562); padding: 25px 5px 15px 5px; color: white; scroll-margin-top: 120px; }
.input { width: 40%; background-color: white; border: none; padding: 12px 5px; margin: 8px 5px; border-radius: 2px; }
::placeholder { font-size: 16px; color: rgb(97, 97, 97); font-family: 'Lato', sans-serif; }
.datePicker {  font-family: 'Lato', sans-serif; color: rgb(97, 97, 97); font-weight: 500; }



@media only screen and (max-width: 850px) {
  .topDateWrapper { display: flex; flex-direction: column; width: 90%; margin-top: 15px; }
  .datesWrapper { width: 100%; margin-top: 15px; }
  .dateInput { margin: 7px 0; } 
}


.time-choices-wrapper { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 0px; margin-bottom: 55px; }
.time-choices-wrapper label { font-size: 20px; margin-left: 4px; margin-right: 12px; }
.date-picker { margin-top: 35px; margin-bottom: 55px; }
.date-picker label { font-size: 20px; }
#start { padding: 5px 15px 5px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-left: 6px; }

.top-photo-upload { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: 30px 0 10px 0; }
.photo-upload { margin: 15px 5px; width: 35%; }
.photo-upload h3 { margin-bottom: 10px; font-size: 17px; }

.select-top-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
.select-wrapper { width: 90%; margin: 0px 10px; padding: 5px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; }
.select-top-wrapper h3 { font-size: 23px; margin-bottom: 0px; margin-top: 40px; }
.girls-get-paid-select { width: 100%; padding: 5px; }
.girls-get-paid-select option { font-size: 20px; color: rgb(97, 97, 97); }

.girls-get-paid-last-row { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 85%; margin: 0px 0 10px 0; }

.textarea { width: 100%; padding: 15px 5px; margin: 8px 10px; }

.checkbox-wrapper { width: 32%; display: flex; flex-direction: row; align-items: center; margin-top: 20px; }
#age { height: 15px; width: 15px; }
#age-label { font-size: 18px; margin-left: 8px; }

.submit-btn { padding: 13px 5px; background-color: #FF4242; color: white; text-align: center; width: 30%; font-size: 17px; margin-top: 35px; border-radius: 4px; font-weight: 600; border: 2px solid black; }


#get-paid-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 0 10px 0; }
#get-paid-wrapper h2 { font-size: 35px; font-weight: 600; margin-bottom: 25px; text-align: center; color: white; margin-bottom: 15; }
.get-paid-wrapper h4 { font-size: 20px; font-weight: 500; margin-bottom: 25px; text-align: center; }

.get-paid-hero-wrapper { width: 50%; }

.get-paid-top-wrapper { display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; margin: 25px 0; }
.get-paid-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 45%; margin: 20px 0; }
.get-paid-wrapper-one { width: 42%; }
.get-paid-img { height: 60px; width: auto; margin-bottom: 20px; }
.get-paid-img-one { height: 50px; width: auto; margin-bottom: 27px; }
.get-paid-img-two { height: 65px; width: auto; margin-bottom: 15px; }
.get-paid-img-three { height: 70px; width: auto; margin-bottom: 27px; }
.get-paid-wrapper h3 { text-align: center; font-size: 20px; line-height: 30px; color: white; }
.get-paid-wrapper h4 { text-align: center; font-size: 28px; line-height: 30px; }

#get-paid-wrapper p { font-size: 20px; line-height: 27px; font-weight: 500; text-align: center; margin: 14px 0; color: white; }
.girls-get-paid-btn { margin-top: 30px; width: 20%; font-weight: 500; }

.sign-up-button { background-color: #FF4242; color: white; padding: 12px 25px; font-size: 16px; border-radius: 3px; position: fixed; right: 0%; top: 85%; z-index: 2; transition: all, .3s; }
.sign-up-button:hover { background-color: #c22525; }


.intro-two-wrapper { width: 40%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0; min-height: 100px; }
.intro-two-wrapper img { box-shadow: none; }
.intro-two-wrapper h3 { color: white; }
.intro-two-wrapper p { color: rgb(231, 231, 231); margin: 0; }

.get-paid-button-wrapper { margin: 50px 0 30px 0; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.get-paid-hero-wrapper-one { width: 100%; }

.intro-three-wrapper { width: 30%; }



@media only screen and (max-width: 850px) {
  #get-paid-intro { padding: 70px 0 35px 0; flex-direction: column; background-image: url("img/get-paid-background.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; }
  #get-paid-intro h2 { color: rgb(255, 255, 255); font-size: 35px; margin-top: 0px; line-height: 50px; width: 100%; text-align: center; font-weight: 600; }
  #get-paid-intro h4 { margin-top: 25px; }

  .get-paid-hero-wrapper { width: 100%; }

  .get-paid-form-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 30px 0; }

  #get-paid-form { width: 100%; margin: 70px auto 0 auto; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; background-color: rgba(0, 0, 0, 0.562); padding: 40px 0px; color: white; }

  #registration { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; }

  .input { width: 90%; background-color: white; border: none; padding: 15px 5px; margin: 8px 10px; border-radius: 2px; }
  ::placeholder { font-size: 17px; color: rgb(97, 97, 97); font-family: Arial, Helvetica, sans-serif; }

  .select-wrapper { width: 90%; margin: 8px 10px; padding: 5px; }
  .select-wrapper h3 { font-size: 19px; margin-bottom: 15px; margin-top: 25px; }
  .girls-get-paid-select { width: 100%; padding: 5px; }
  .girls-get-paid-select option { font-size: 20px; color: rgb(97, 97, 97); }

  .girls-get-paid-last-row { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 90%; margin: 40px 0 10px 0; }

  .textarea { width: 100%; padding: 15px 0px; margin: 0px }

  .checkbox-wrapper { width: 40%; display: flex; flex-direction: row; align-items: center; margin-top: 30px; }
  #age { height: 25px; width: 25px; }
  #age-label { font-size: 20px; margin-left: 8px; }

  .submit-btn { padding: 13px 5px; background-color: #FF4242; color: white; text-align: center; width: 65%; font-size: 17px; margin-top: 35px; border-radius: 4px; font-weight: 600; border: 2px solid black; }

  .get-paid-top-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0px 0; }
  .get-paid-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 95%; margin: 30px 0; }

  #get-paid-wrapper p { font-size: 20px; line-height: 26px; margin: 8px 0; }
  .girls-get-paid-btn  { width: 70%; }
  .get-paid-bottom-p { margin-top: 50px; }
  .get-paid-bottom-p-one { font-size: 27px; }

  .get-paid-button-wrapper { margin: 50px 0 30px 0; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .intro-two-wrapper { width: 95%; margin: 10px 0; }
}


.get-paid-form-wrapper-one { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 0; padding-bottom: 0; margin-bottom: 0; }
.contact-form { width: 40%; margin: 0 auto; }
#contact-one { width: 100%; display: flex; flex-direction: column; }
#contact-one label { color: white; margin-top: 20px; margin-bottom: 0px; }
.input-one { width: 100%; margin-left: 0; margin-right: 0; }

@media only screen and (max-width: 850px) {
  .contact-form { width: 90%; margin: 0 auto; }
}

.faqs-wrapper { width: 80%; margin: 20px auto 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.faq-wrapper { margin: 35px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.faq-heading { margin-bottom: 10px; color: white; font-size: 27px; font-weight: 600; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; }
.arrow { border: solid rgb(255, 255, 255); border-width: 0 3px 3px 0; display: inline-block; padding: 7px; margin: 0; margin-left: 15px; margin-bottom: 10px; }
.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.faq-text { display: none; color: rgb(247, 247, 247); font-size: 20px; margin-top: 12px; }


.search { width: 100%; }
.search-category-wrapper-one { width: 30%; }
.search-category-wrapper-one ul li { font-size: 22px; margin: 35px 0; font-weight: 600; }
.personal-info-text { color: white; }
.personal-picture-text { color: rgb(167, 167, 167); }

.dashboard-top-wrapper { width: 65%; }
.personal-info-wrapper { display: flex; flex-direction: column; }
.contact-form-two { width: 80%; margin: 0 auto; }
.input-two { width: 70%; }

.picture-wrapper { display: flex; flex-direction: column; }
.photo-upload-one { display: flex; flex-direction: row; width: 90%; color: white; }
.photo-upload-one h3 { color: white; margin-right: 20px; }




#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #FF4242; /* Set a background color */
  color: #ffffff; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px 20px 10px 20px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 30px; /* Increase font size */
  transition: all, .3s;
}

#myBtn:hover {
  background-color: #ca2929; /* Add a dark-grey background on hover */
}