.contact-index-index .page-main .container h1 {font-size: 35px;}
.contact-index-index .column.main > div {max-width: 1024px;width: 100%;margin-left: auto;margin-right: auto;gap: 0px;padding-top: 0px;padding-bottom: 0px;margin-top: 32px;box-shadow: 4px 5px 15px rgba(0, 0, 0, 0.1);border-radius: 10px;background-color: #FFFFFF;border-radius: 15px;}
.contact-index-index .column.main > div > .form.contact {background-color: #FFFFFF;border-radius: 10px 0px 0px 10px;box-shadow: none;padding: 30px;}
.contact-index-index .column.main > div > .form.contact fieldset > div {margin: 0px 0px 25px 0px;}
.contact-index-index .column.main > div > .form.contact fieldset > div:first-child h2 {text-align: left;font-size: 35px;line-height: 130%;font-weight: 700;color: #000000;margin-bottom: 15px;}
.contact-index-index .column.main > div > .form.contact fieldset > div:first-child p {text-align: left;font-size: 16px;line-height: 150%;color: #000000;margin-bottom: 0;}
.contact-index-index .column.main > div > .form.contact fieldset > div .field {padding: 0px;margin: 0px;}
.contact-index-index .column.main > div > .form.contact fieldset > div .field:not(:last-child) {margin-bottom: 15px;}
.contact-index-index .column.main > div > .form.contact fieldset > div .field.name {padding-right: 10px;}
.contact-index-index .column.main > div > .form.contact fieldset > div .field.email {padding-left: 10px;}
.contact-index-index .column.main > div > .form.contact fieldset > div .field.telephone {width: 100%;}
.contact-index-index .column.main > div > .form.contact fieldset > div .field.comment {padding-left: 0;}
.contact-index-index .column.main > div > .form.contact fieldset > div .field .input-light {border: 2px solid #E0E0E0;margin: 0px;resize: none;}
.contact-index-index .column.main > div > .form.contact fieldset > div .field .input-light:focus {outline: none;outline-offset: 0;border-color: rgba(37, 99, 235, 0.7);box-shadow: 0px 0px 0px 2px rgba(37, 99, 235, 0.3);}
.contact-index-index .column.main > div > div.card {border-radius: 10px;box-shadow: none;position: relative;background-color: #00B2F8;padding: 30px;margin: 10px 10px 10px 0px;}
.contact-index-index .column.main > div > div.card:before {content: '';position: absolute;bottom: -100px;right: -100px;width: 270px;height: 270px;border-radius: 269px;background-color: rgba(255, 255, 255, 0.12);z-index: 1;}
.contact-index-index .column.main > div > div.card:after {content: '';position: absolute;bottom: 70px;right: 70px;width: 138px;height: 138px;border-radius: 269px;background-color: rgba(255, 255, 255, 0.12);z-index: 2;}
.contact-index-index .column.main > div > div.card h2 {font-size: 35px;line-height: 130%;font-weight: 700;color: #FFFFFF;margin-bottom: 25px;}
.contact-index-index .column.main > div > div.card h3 {font-size: 28px;line-height: 100%;font-weight: 700;color: #FFFFFF;margin-bottom: 20px;}
.contact-index-index .column.main > div > div.card address {font-size: 18px;line-height: 150%;font-weight: 400;color: #FFFFFF;margin-bottom: 0px;font-style: normal;}
.contact-index-index .column.main > div > div.card ul li {display: flex;column-gap: 10px;position: relative;}
.contact-index-index .column.main > div > div.card ul li:not(:last-child) {margin-bottom: 15px;}
.contact-index-index .column.main > div > div.card ul li svg {margin: 0px;fill: #FFFFFF;width: 25px;height: 25px;}
.contact-index-index .column.main > div > div.card ul li a {font-size: 18px;line-height: 150%;font-weight: 400;color: #FFFFFF;font-style: normal;transition: 0.3s ease-in;}
.contact-index-index .column.main > div > div.card ul li a:hover {text-decoration: underline;}
.contact-index-index .column.main > div > .form.contact .w-full button.btn {width: 35%;display: block;background-color: #00B2F8;}
.contact-index-index .column.main > div > .form.contact .w-full button.btn span {vertical-align: initial;}
.contact-index-index .column.main > div > div.card ul li:last-child svg { filter: brightness(0) invert(1); }
.contact-index-index .page-main > .product-title-wrap{ display: none; }
.contact-index-index .columns > div > div > div.card{ overflow: hidden; }

@media (min-width: 1279px) {
    .contact-index-index .page-main .container {max-width: 1024px;padding: 0px;}
}

@media (max-width: 1279px) {
    .contact-index-index .column.main > div > .form.contact {width: 50%;}
    .contact-index-index .column.main > div > div.card {width: 50%;}
}

@media (max-width: 1024px) {
    .contact-index-index .column.main > div > .form.contact fieldset > div .field.name {padding-right: 0;width: 100%;}
    .contact-index-index .column.main > div > .form.contact fieldset > div .field.email {padding-left: 0;width: 100%;}
}

@media (max-width: 767px) {
    .contact-index-index .column.main > div > .form.contact {width: 100%;order: 2;border-radius: 0px 0px 10px 10px;padding: 20px;}
    .contact-index-index .column.main > div > .form.contact fieldset > div:first-child h2 {font-size: 32px;line-height: 100%;margin-bottom: 20px;}
    .contact-index-index .column.main > div > .form.contact fieldset + .w-full button {width: 100%;justify-content: center;}
    .contact-index-index .column.main > div > div.card {width: 100%;order: 1;padding: 40px 20px;border-radius: 10px 10px 0px 0px;}
    .contact-index-index .column.main > div > div.card h2 {font-size: 32px;line-height: 100%;margin-bottom: 20px;}
    .contact-index-index .column.main > div > div.card h3 {font-size: 24px;}
    .contact-index-index .columns > .column.main > div > div.card { border-radius: 8px; }
}

@media(max-width:424px){
    .contact-index-index .column.main > div > .form.contact{ padding: 0; border: 0; box-shadow: none; width: calc(100% + 45px); max-width: calc(100% + 45px); margin: 0 -25px; padding:20px 1.5rem; border-radius: 0 }
    .contact-index-index .column.main > div{ background-color: transparent; box-shadow: none; }
}