Page CSS
@media (max-width: 992px) { .p2-box { margin-bottom: 20px; } h4.panel-title .collapsed:after, .plus:after { top: unset; right: 20px; } } .multipay-banner { padding: 60px 0 9pc; } ul li.leftsecdec { display: flex; align-items: center !important; width: 90% !important; text-align: left; padding-bottom: 20px; } ul li.leftsecdec img { padding-right: 18px; height: auto; max-width: 70px; flex: 0 0 70px; } p:last-child, .form-group:last-child, .panel:last-child { margin-bottom: 0 !important; } form.webform-submission-multinet-basvuru-multiple-form { background-color: #eee; border-radius: 8px; border: 1px solid #eee; padding: 20px 15px; display: inline-block; } input[type=text], input[type=tel], input[type=email] { border: 1px solid #ccc; box-shadow: 0px 0 9px #ccc; } .form-item-ad { width: 48%; float: left; } .form-item-soyad { width: 48%; float: right; } input[type=text], input[type=number], input[type=tel], input[type=email] { width: 100%; padding: 10px; border-radius: 5px; border: none; } .panel2 { float: none; width: unset; padding: 5pc 0; margin-top: unset; background-color: #eff8fa; } div.webform-flexbox { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; } .webform-flex--1 label.option { font-size: 0; min-height: 40px; } .webform-flex--1 { -webkit-flex: 2; flex: unset; width: 50%; float: unset; min-width: unset; } .webform-flex--1 > div > div { display: flex; } button#edit-submit { background: #00b988 !important; -webkit-appearance: button; cursor: pointer; background: #f9a533; font-size: 16px !important; text-align: center; color: #fff; font-weight: 600; border: 0px solid #fff; width: 100% !important; padding: 12px; border-radius: 5px; } .p2-box ul { text-align: left; padding-inline-start: 40px; margin-block-start: 1em; margin-block-end: 1em; flex: 2; } .p2-box ul li p { margin: 0 0 10px !important; word-break: break-word !important; } .panel2 .container { padding: 0 15px; } .p2-box p.center { position: relative; display: flex; align-items: center; justify-content: center; } .accordion-sec #accordion { padding-top: 20px; } .panel-group { margin-bottom: 20px; } .accordion-sec .panel-default .panel-heading { background: transparent; padding: 0; } .accordion-sec .panel-group .panel .panel-heading .panel-title { position: relative; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .accordion-sec .panel-title>a { color: #14123b; font-size: 18px; font-weight: 700; display: block; position: relative; } .accordion-sec .panel-group .panel { border: none; border-bottom: 1px solid #14123b; padding: 15px; background: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .page-node-199 .inner-banner .content h2 { display: block; } .panel-default>.panel-heading { color: #333; background-color: #ffffff; border-color: #ddd; } .p2-box { border: 1px solid; border-radius: 10px; border-color: #afafaf; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 9px; min-height: 450px;} .panel2.panel2gray a { border-radius: 30px; font-size: 13px; border-width: 2px; font-weight: 500; padding: 0px 25px; line-height: 40px; height: auto; min-width: 172px; width: auto; color: #fff; background-color: #00b988; display: inline-block; margin-top: 15px; } .inner-banner.multipay-banner .content.title h1 { text-align: left; } h4.panel-title a { text-align: left; } p { text-align: left; } .content { text-align: left !important; }@media (max-width: 768px) { body.page-node-800, .multipay-banner { padding: 0 !important; } .region-breadcrumb { display: none; } .multipay-banner { display: flex; flex-direction: column-reverse; } .background-shape { background-image: none !important; } .brand-logo { height: auto; text-align: center; float: unset; padding: 25px 5px !important; background-color: #cee8da; width: 100%; display: grid; } .brand-logo .logo img { width: 40%; max-height: none !important; height: auto !important; } .brand-logo p { color: #386a50; font-size: 20px; font-weight: 500; text-align: center; padding: 20px 15px 5px; } form.webform-submission-multinet-basvuru-multiple-form { background-color: white; border: unset; } form.webform-submission-multinet-basvuru-multiple-form input[type=text], input[type=tel], input[type=email] { box-shadow: unset; background-color: #fafbfc; border: 1px solid #dee1e5; } form.webform-submission-multinet-basvuru-multiple-form .text-count-message { display: none !important; } form.webform-submission-multinet-basvuru-multiple-form .radio, .checkbox { margin: 0 !important; } .form-item-yemek-karti, .form-item-akaryakit-cozumu, .form-item-kurumsal-seyahat, .form-item-hediye-karti, .form-item-multiflex{ background-position: 20px 10px; } form.webform-submission-multinet-basvuru-multiple-form label { color: #454545; } } @media (min-width: 769px) { .brand-logo { display: none } }.form-item-multiflex { background-image: url(https://multinet.com.tr/sites/default/files/2023-01/multiflex_0.png); background-position-x: 0%; background-position-y: 0%; background-repeat: no-repeat; background-position: 20px 10px; }@media (max-width: 375px) { .form-item-multiflex { background-size: 80%; } }