#start-journy {
  background: rgba(37, 37, 37, 0.75);
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 10;
}

.sample-popup-container {
  background-color: #fafafa;
  border-radius: 8px;
  width: 623px;
  height: auto;
  position: absolute;
  right: 15px;
  bottom: 0;
  padding: 10px 40px;
}

.sample-popup-container .cross-icon {
  width: 41px;
  height: 41px;
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
}

.sample-popup-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.sample-popup-fixed-content .smiling-doodle {
  width: 70px;
}

.sample-popup-fixed-content .douknowdoodle1 {
  height: 180px;
}

.sample-popup-fixed-content .douknowdoodle2 {
  height: 110px;
  width: 90%;
}

.sample-popup-fixed-content .douknowdoodle3 {
  height: 160px;
}

.sample-popup-fixed-content .douknowdoodle4 {
  height: 160px;
}

.sample-popup-fixed-content .douknowdoodle5 {
  height: 160px;
}

.sample-popup-fixed-content .douknowdoodle6 {
  height: 160px;
}

.sample-popup-fixed-content p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #33b0ca;
  transform: translateY(12px);
}

.sample-popup-fixed-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.sample-popup-dynamic-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
  width: 100%;
}

.sample-popup-dynamic-content h2 {
  font-size: 16px;
  font-weight: 500;
  color: #252525;
  transform: translateY(12px);
}

.sample-popup-dynamic-content .sample-content {
  width: 403px;
  height: 65px;
}

/* 
  .sample-popup-dynamic-content button {
    width: 131px;
    height: 32px;
    border-radius: 4px;
    background-color: #33b0ca;
    font-size: 14px;
    font-weight: 600;
    color: #fafafa;
    border: none;
    cursor: pointer;
  } */

.do-not-show-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.do-not-show-container input,
.do-not-show-container label {
  cursor: pointer;
}

input#takeuseremail {
  margin: 20px 0px 10px 0px;
  border: 1px solid #CCC;
  background: #FAFAFAFA;
  padding: 5px 10px;
  width: 130%;
  border-radius: 4px;
}

input#takeuseremail:focus,
input#takeuseremail.active {
  border: 1px solid #33b0ca;
  outline: #33b0ca;
}

#submitmyInput,
#playVideo {
  width: 117px;
  height: 42px;
  background-color: #33B0CA;
  color: #FFFF;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  border: none;
  border-radius: 8px;
}

#submitmyInput:hover,
#playVideo:hover {
  background-color: transparent;
  color: #33B0CA;
  border: 1px solid #33B0CA;
  cursor: pointer;
}

#submitmyInput:disabled,
#playVideo:disabled {
  background-color: grey;
  cursor: not-allowed;
  color: #FFFF;
  border: none;
}

#play-youtube {
  background: rgba(37, 37, 37, 0.75);
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 10;
}

#youtube-logo {
  /* margin: 20px 0px 10px 0px;
  height: 100px;
  width: 100px; */
  margin: 30px 0px 60px 0px;
  height: 90px;
  width: 120px;
  scale: 2;
}


.buttonHelper {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-top: 20px;
}

#douhelper1 {
  display: flex;
  justify-content: center;
  align-items: center;
}