@media screen and (max-width: 768px) {
.secondContent {
display: none;
}
}
#cookie_note {
display: none;
}
.cookie-container {
z-index: 99999;
position: fixed;
margin: 0 auto;
max-width: 1080px;
bottom: 0;
right: 0;
left: 0;
@media(max-width: 1200px) {
padding: 0 60px;
}
@media(max-width: 960px) {
padding: 0 40px;
}
@media(max-width: 768px) {
padding: 0;
width: 100%;
}
}
.cookie-inner {
position: relative;
bottom: 30px;
padding: 3px 20px 20px 20px;
width: 350px;
border-radius: 30px;
margin: 0 0 0 auto;
background-color: white;
box-shadow: 0 0 30px 0 #0000001f;
@media(max-width: 1200px) {
width: 270px;
}
@media(max-width: 768px) {
bottom: 0;
margin: 0;
padding: 15px 25px 18px 25px ;
width: 100%;
box-sizing: border-box;
border-radius: 20px 20px 0 0;
}
}
.cookie-img {
max-width: 170px;
display: block;
@media(max-width: 1200px) {
max-width: 130px;
}
@media(max-width: 768px) {
display: none;
}
}
.cookie-title {
display: block;
color: #00A749;
font-size: 21px;
line-height: 115%;
font-weight: 600;
margin-bottom: 8px;
@media(max-width: 1200px) {
font-size: 15px;
line-height: 105%;
}
}
.cookie-content {
display: block;
margin-bottom: 18px;
font-size: 10px;
line-height: 120%;
text-align: left;
color: #00270C;
@media(max-width: 1200px) {
font-size: 9px;
}
@media(max-width: 768px) {
margin-bottom: 12px;
}
}
.cookie a {
color: var(--green);
font-size: 10px;
font-weight: 600;
}
.cookie_accept {
font-size: 15px;
line-height: 115%;
padding: 12px 0 15px;
width: 100%;
text-wrap-mode: nowrap;
@media(max-width: 1200px) {
font-size: 12px;
padding: 10px 0 13px;
}
@media(max-width: 768px) {
width: 240px;
padding: 7px 0 10px;
font-size: 10px;
}
}
@media (min-width: 1000px) {
#cookie_note.show {
display: flex;
gap: 12px;
align-items: center;
}
}
@media (max-width: 1000px) {
#cookie_note.show {
display: block;
text-align: left;
width: 80%;
}
}
.container_404 {
margin-bottom: 20px;
}
.colorlib-doctor {
margin-bottom: 50px;
}
.colorlib-doctor a {
font-size: 14px;
font-weight: 600;
}
.thank-btn {
padding: 16px 62px;
font-weight: 600;
font-size: 20px;
line-height: 114.99999999999999%;
}
@media screen and (max-width: 1199px) {
.thank-btn {
font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.thank-btn {
font-size: 12px;
}
}
.main-thank {
padding-top: 27px;
padding-bottom: 50px;
}
@media screen and (max-width: 1199px) {
.main-thank {
padding-top: 15px;
padding-bottom: 30px;
}
}
@media screen and (max-width: 959px) {
.main-thank {
padding-top: 12px;
}
}
@media screen and (max-width: 767px) {
.main-thank {
padding-top: 10px;
}
}
.thank-content {
background-color: var(--white);
border-radius: 40px;
display: flex;
gap: 26px;
}
@media screen and (max-width: 767px) {
.thank-content {
gap: 0;
flex-direction: column-reverse;
}
}
.thank-left {
padding: 55px 0 55px 60px;
}
@media screen and (max-width: 1199px) {
.thank-left {
padding: 50px 0 60px 50px;
}
}
@media screen and (max-width: 959px) {
.thank-left {
padding: 30px 0 50px 30px;
}
}
@media screen and (max-width: 767px) {
.thank-left {
padding: 0 20px 20px 20px;
}
}
.thank-title {
font-weight: 600;
font-size: 60px;
margin-bottom: 18px;
line-height: 100%;
}
@media screen and (max-width: 1199px) {
.thank-title {
font-size: 45px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 959px) {
.thank-title {
font-size: 35px;
margin-bottom: 12px;
}
}
@media screen and (max-width: 767px) {
.thank-title {
font-size: 26px;
margin-bottom: 7px;
}
}
.thank-subtitle {
font-weight: 400;
font-size: 25px;
line-height: 114.99999999999999%;
margin-bottom: 45px;
max-width: 500px;
}
@media screen and (max-width: 1199px) {
.thank-subtitle {
font-size: 20px;
margin-bottom: 40px;
}
}
@media screen and (max-width: 959px) {
.thank-subtitle {
font-size: 15px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.thank-subtitle {
font-size: 12px;
margin-bottom: 20px;
}
}
.thank-right {
position: relative;
padding: 4px 115px 25px 0;
}
@media screen and (max-width: 1199px) {
.thank-right {
padding: 0 68px 25px 0;
}
}
@media screen and (max-width: 959px) {
.thank-right {
padding: 10px 78px 10px 0;
}
}
@media screen and (max-width: 767px) {
.thank-right {
width: fit-content;
}
}
@media screen and (max-width: 1199px) {
.thank-right-img1 {
height: 326px;
}
}
@media screen and (max-width: 959px) {
.thank-right-img1 {
height: 253px;
}
}
.thank-right-img2 {
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 1199px) {
.thank-right-img2 {
width: 140px;
top: 50px;
}
}
@media screen and (max-width: 959px) {
.thank-right-img2 {
width: 130px;
}
}
@media screen and (max-width: 767px) {
.thank-right-img2 {
width: 100px;
}
}
.getapp-container {
margin-bottom: 52px;
}
@media screen and (max-width: 1199px) {
.getapp-container {
margin-bottom: 42px;
}
}
@media screen and (max-width: 959px) {
.getapp-container {
margin-bottom: 14px;
}
}
.getapp-content {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.getapp-content {
flex-direction: column;
}
}
.getapp-title {
font-weight: 600;
font-size: 40px;
line-height: 100%;
margin-bottom: 33px;
}
@media screen and (max-width: 1199px) {
.getapp-title {
font-size: 35px;
}
}
@media screen and (max-width: 959px) {
.getapp-title {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.getapp-title {
font-size: 22px;
}
}
.getapp-right-img1-container {
margin-right: -20px;
}
@media screen and (max-width: 1200px) {
.getapp-right-img1-container {
margin-right: -80px;
}
}
@media screen and (max-width: 767px) {
.getapp-right-img1-container {
margin-right: 0;
}
}
.getapp-right-img1 {
width: calc(100% + 20px);
}
@media screen and (max-width: 767px) {
.getapp-right-img1 {
display: none;
}
}
.getapp-right-img2 {
max-width: 468px;
width: 100%;
}
.button-white {
background-color: #ffffff;
color: #00A749;
width: 100%;
height: 58px;
}
.popup_success {
display: none;
margin-top: 18px;
font-weight: 400;
font-size: 18px;
line-height: 120%;
}
.popup_success.active {
display: block;
} .mypopup-modal {
max-width: 900px !important;
border-radius: 30px !important; }
@media (max-width: 1200px) {
.mypopup-modal {
max-width: 738px !important;
}
}
@media (max-width: 960px) {
.mypopup-modal {
max-width: 620px !important;
}
}
@media (max-width: 768px) {
.mypopup-modal {
max-width: 350px !important;
}
}
@media (max-width: 400px) {
.mypopup-modal {
max-width: 90% !important;
}
}
.mypopup-over {
width:100% !important;
height:110vh !important;
}
.mypopup-modal-content {
}
@media (max-width: 576px) {
.mypopup-modal-content {
padding: 15px 20px !important;
}
}
.mypopup-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: center;
}
@media (max-width: 1200px) {
.mypopup-wrapper {
grid-template-columns: 3fr 4fr;
}
}
@media (max-width: 960px) {
.mypopup-wrapper {
grid-template-columns: 2fr 3fr;
}
}
@media (max-width: 768px) {
.mypopup-wrapper {
grid-template-columns: 1fr;
gap: 0;
}
}
.mypopup-modal .mypopup-left {
position: relative;
display: flex;
justify-content: center;
padding-top: 15px;
}
.mypopup-modal .mypopup-image {
width: 100%;
transform: scale(1.2);
padding-top: 15px;
}
@media (max-width: 1200px) {
.mypopup-modal .mypopup-image {
transform: scale(1.3);
}
}
@media (max-width: 960px) {
.mypopup-modal .mypopup-image {
}
}
@media (max-width: 768px) {
.mypopup-modal .mypopup-image {
padding-top: 0;
height: 190px;
width: 190px;
}
}
@media (max-width: 376px) {
}
@media (max-height: 820px) {
}
.mypopup-modal .popup_title {
font-weight: 600;
font-size: 30px;
line-height: 105%;
color: #ffffff;
margin-bottom: 10px;
}
@media (max-width: 1200px) {
.mypopup-modal .popup_title {
font-size: 25px;
}
}
@media (max-width: 960px) {
.mypopup-modal .popup_title {
font-size: 20px;
margin-bottom: 5px;
}
}
@media (max-width: 768px) {
.mypopup-modal .popup_title {
font-size: 18px;
}
}
.mypopup-modal .popup_subtitle {
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: #ffffff;
margin-bottom: 22px;
}
@media (max-width: 1200px) {
.mypopup-modal .popup_subtitle {
font-size: 15px;
margin-bottom: 18px;
}
}
@media (max-width: 960px) {
.mypopup-modal .popup_subtitle {
font-size: 15px;
margin-bottom: 16px;
}
}
@media (max-width: 768px) {
.mypopup-modal .popup_subtitle {
font-size: 12px;
margin-bottom: 17px;
}
}
.mypopup-modal .mypopup-modal-close {
top: 17px !important;
right: 20px !important;
z-index: 999 !important;
}
.mypopup-modal .mypopup-modal-close svg {
width: 22px !important;
height: 22px !important;
}
.mypopup-modal #phone2 { background: #45CD71;
border: none;
height: 59px; color: #fff;
padding-left: 20px;
font-size: 18px;
}
.mypopup-modal #phone2::placeholder {
color: #fff;
font-size: 18px;
font-weight: 400;
}
@media (max-width: 1200px) {
.mypopup-modal #phone2 {
height: 52px;
font-size: 15px;
}
.mypopup-modal #phone2::placeholder {
font-size: 15px;
}
}
@media (max-width: 960px) {
.mypopup-modal #phone2 {
height: 44px;
font-size: 12px;
}
.mypopup-modal #phone2::placeholder {
font-size: 12px;
}
}
@media (max-width: 768px) {
.mypopup-modal #phone2 {
height: 39px;
font-size: 14px;
}
.mypopup-modal #phone2::placeholder {
font-size: 14px;
}
}
.mypopup-modal .checkbox_label_a {
text-decoration: underline;
}
.mypopup-modal-content__wrap .checkbox_label {
color: #ffffff;
}
@media (max-width: 576px) {
.mypopup-modal-content__wrap .checkbox_label {
font-size: 10px;
}
}
.mypopup-modal .custom-checkbox { background-color: #C4ECD1;
border: 2px solid #C4ECD1;
}
.mypopup-modal-content__wrap {
color: #ffffff;
}
.mypopup-wrapper .custom-checkbox.checked {
background-color: #FFFFFF;
}
.mypopup-wrapper .custom-checkbox.checked::after {
border: solid #ff9616;
border-width: 0 2px 2px 0;
}
.mypopup-modal-content {
overflow: unset !important;
}
.mypopup-modal .popup_button {
height: 58px;
font-family: "IBM Plex Sans";
font-size: 20px;
}
.mypopup-modal .popup_button:disabled { background-color: #C4ECD1;
color: #ffffff;
cursor: not-allowed;
opacity: 0.5;
}
@media (max-width: 1200px) {
.mypopup-modal .popup_button {
height: 52px;
font-size: 15px;
}
}
@media (max-width: 960px) {
.mypopup-modal .popup_button {
height: 44px;
font-size: 15px;
}
}
@media (max-width: 768px) {
.mypopup-modal .popup_button {
height: 39px;
font-size: 14px;
}
}