.del__main {
min-height: 90vh;
position: relative;
display: flex;
flex-direction: column;
}
.del__main .del__s_back {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.del__main .del__s_back .del__s_imgs {
position: relative;
width: 100%;
height: 100%;
}
.del__main .del__s_back .del__s_imgs:before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
z-index: 2;
}
.del__main .del__s_back .del__s_img_1 {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: top;
}
.del__main .del__s_back .del__s_img_2 {
height: 100%;
width: 100%;
right: 0;
bottom: 0;
display: block;
object-fit: cover;
object-position: bottom;
position: absolute;
z-index: 1;
}
.del__main .del__s_wrapper {
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative;
z-index: 3;
justify-content: start;
align-items: center;
padding-top: 10vw;
padding-bottom: 2.5vw;
}
.del__main .del__s_wrapper > .del__container {
display: flex;
flex-flow: row wrap;
flex-grow: 1;
}
.del__main .del__s_wrapper > .del__container .del__s_left {
flex: 0 0 50%;
}
.del__main .del__s_wrapper > .del__container .del__s_right {
flex: 0 0 50%;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
}
.del__main .del__s_wrapper .del__s_title {
margin: 0;
display: flex;
justify-content: start;
padding: 0;
flex-grow: 1;
}
.del__main .del__s_wrapper .del__s_title h1 {
font-size: var(--size-text-xxl);
font-weight: 300;
color: white;
}
.del__main .del__s_wrapper .del__s_text {
font-size: var(--size-text-xl);
padding-bottom: 1vw;
max-width: 45vw;
display: block;
color: white;
}
.del__main .del__s_wrapper .del__s_tips {
padding-bottom: 2vw;
display: flex;
flex-flow: row wrap;
gap: 1rem;
}
.del__main .del__s_wrapper .del__s_tips .del__s_tip {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
font-size: var(--size-text-m-2);
color: white;
padding-right: 1rem;
padding: 1rem;
border-radius: 0.5rem;
width: fit-content;
background: var(--color-green);
}
.del__main .del__s_wrapper .del__s_tips .del__s_tip i {
color: white;
margin-right: 0.5rem;
}
.del__main .del__s_wrapper .del__s_callback {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 3rem;
flex: 0 0 100%;
}
.del__main .del__s_wrapper .del__s_callback .del__s_button {
max-width: 40vw;
}
.del__main .del__s_wrapper .del__s_callback .del__s_button a {
background-color: var(--color-green);
display: flex;
justify-content: center;
align-items: center;
color: white;
padding: 2rem 2rem;
font-size: var(--size-text-m-2);
font-weight: 600;
border-radius: 16px;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.3);
transition: all 0.3s ease-in-out;
}
.del__main .del__s_wrapper .del__s_callback .del__s_button a:hover {
transform: scale(1.05);
}
.del__main .del__s_wrapper .del__s_callback .del__s_button a i {
margin-left: 1rem;
}  @media (max-width: 1920px) {
.del__main .del__s_wrapper .del__s_title h1 {
margin-top: 2rem;
margin-bottom: 0.5rem;
font-size: var(--size-text-xxl-s);
}
.del__main .del__s_wrapper .del__s_text {
font-size: var(--size-text-m-4);
}
.del__main .del__s_wrapper .del__s_callback .del__s_button {
flex: 0 0 80%;
}
}
@media (max-width: 1400px) {
.del__main {
padding: 1rem;
min-height: unset;
}
.del__main .del__s_wrapper .del__s_title h1 {
margin-top: 2rem;
margin-bottom: 0.5rem;
font-size: var(--size-text-xxl-s);
}
.del__main .del__s_wrapper .del__s_text {
font-size: var(--size-text-m-3);
}
.del__main .del__s_wrapper .del__s_callback .del__s_button {
flex: 0 0 100%;
}
}
@media (max-width: 960px) {
.del__main {
display: flex;
padding-top: 3rem;
min-height: 80vh;
}
.del__main .del__s_wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.del__main .del__s_wrapper .del__s_title {
max-width: unset;
}
.del__main .del__s_wrapper .del__s_title h1 {
font-size: var(--size-text-xxl);
margin-top: 3rem;
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
}
.del__main .del__s_wrapper .del__s_text {
max-width: unset;
font-size: var(--size-text-m-2);
}
.del__main .del__s_wrapper .del__s_tips {
max-width: unset;
flex-direction: column;
}
.del__main .del__s_wrapper .del__s_tips .del__s_tip {
flex-direction: row;
align-items: center;
padding: 0.25rem;
padding-right: 1rem;
}
.del__main .del__s_wrapper .del__s_tips .del__s_tip i {
margin-bottom: 0;
margin-right: 1rem;
}
.del__main .del__s_wrapper .del__s_callback {
max-width: unset;
}
.del__main .del__s_wrapper .del__s_callback .del__s_button {
flex: 1 1 100%;
}
.del__main .del__s_wrapper > .del__container .del__s_left
{
flex: 0 0 100%;
}
.del__main .del__s_wrapper > .del__container .del__s_right{
flex: 0 0 100%;
}
.del__main .del__s_wrapper .del__s_tips{
gap: 0.5rem;
width: 100%;
}
.del__main .del__s_wrapper .del__s_callback .del__s_button{
max-width: 100%;
}
.del__main .del__s_wrapper .del__s_callback .del__s_button a{
padding: 1rem;
text-align: center;
}
}
@media (max-width: 720px) {
.del__main .del__s_wrapper .del__s_title h1 {
font-size: var(--size-text-xxl-s);
margin-top: 5rem;
}
}
@media (max-width: 375px) {
.del__main .del__s_wrapper .del__s_title h1 {
font-size: var(--size-text-m-4);
margin-top:5rem;
}
}