.page-content-area {float:left; width:100%; margin-top:30px;}
.page-content-area .container {display:grid; grid-template-columns:1fr 300px; column-gap:30px; align-items:flex-start;}
.staticpage-left {float:left; width:100%;}
.staticpage-left h1 {float:left; width:100%; font-size:24px; font-weight:600; margin-bottom:20px;}
.staticpage-left p {font-size:14px; line-height:2em;}
.staticpage-right {float:left; width:100%; border:1px solid var(--border); border-radius:5px; padding:20px; position:sticky; top:30px;}
.staticpage-right h4 {float:left; width:100%; font-weight:600; color:var(--navy);}
.staticpage-right ul {float:left; width:100%; margin-top:20px;}
.staticpage-right ul li {font-size:14px; margin-bottom:10px;}


.form-send-btn {float: left; width: 100%; border: none; background-color: var(--orange); color: #fff; font-size: 12px; font-weight: 600; line-height: 40px; cursor: pointer; transition: ease all 300ms; margin-bottom: 0px; height: 46px; border: 1px solid #fff; position: relative; border-radius:100px;}
.contact-page-content-area {float:left; width:100%; margin-top:60px;}
.contact-page-content-area .container {display:grid; grid-template-columns:1fr 1fr; grid-gap:50px;}
.contact-page-left {float:left;width: 100%;border: 1px solid var(--border);padding: 30px;border-radius: 3px;}
.contact-page-info-list {float:left;width:100%;font-size: 14px;margin-top:30px;}
.contact-page-info-list li {float:left;width:100%;margin-bottom:10px;font-weighT:400;line-height:1.5em;position:relative;padding-lefT:100px;}
.contact-page-info-list li span {position:absolute; left:0; font-weight:500; width:100px; letter-spacing:-0.03em;}
.contact-page-info-list li a {text-decoration:none;border-bottom: 1px solid var(--navy);}
.contact-page-right {float:left;width: 100%;}
.contact-title-area {float:left;}
.contact-title-area h1 {float: left;width: 100%;font-size: 22px;font-weight: 600;color: var(--navy);margin-bottom: 0;}
.contact-title-area p {font-size: 14px;line-height: 1.7em;float: left;width: 100%;color: var(--label);}
.contact-form-area {float: left;width: 100%;border: 1px solid var(--border);background: var(--bg);padding: 30px;border-radius: 3px;}
.contact-form-area form {float:left;width:100%;margin-top: 20px;}
.contact-form-area h2 {float: left;width: 100%;font-size: 22px;font-weight: 600;color: var(--navy);margin-bottom: 0;}
.password-change-alert {float:left; width:100%; font-size:13px; color:var(--orange);}
.reset-password-page-area {float:left; width:100%; margin-top:100px;}
.reset-password-page-area h1 {float: left; width: 100%; font-size: 22px; font-weight: 700; margin-bottom: 20px; color: #464646;}
.reset-password-page-area p {font-size:14px; line-height:1.4em;}
.reset-password-page-area form {float:left; width:100%; margin-top:40px;}
.reset-password-button {float: left; width: 100%; height: 40px; border: none; background-color: var(--orange); color: #fff; font-size: 13px; font-weight: 500; line-height: 1em; cursor: pointer; transition: ease all 300ms; height: 44px; text-transform:uppercase;}
.back-to-login {text-align: center; text-decoration: none; padding-top: 14px; margin-top:15px;}

.mb-20 {margin-bottom:20px !important;}
.mb-10 {margin-bottom:10px !important;}
.membership-action-button {float: left; width: 100%; border: none; background-color: #4cba8d; color: #fff; font-size: 14px; font-weight: 500; line-height: 1em; cursor: pointer; transition: ease all 300ms; height: 44px;}

.delivery-return-content-wrapper {float:left; width:100%; font-size:14px; line-height:1.8em;}
.delivery-return-content-wrapper li {margin-bottom:15px;}
.delivery-return-content-wrapper h6 {float:left; width:100%; font-weight:500; font-size:16px; margin-bottom:15px;}

.dashboard-faq-list {float:left; width:100%; border-top:1px solid var(--border);}
.dashboard-faq-list details {float:left; width:100%; border-bottom:1px solid var(--border);}
.dashboard-faq-list summary {font-size:14px;font-weight:400;padding:15px 0;background: url(/Content/images/down-arrow.svg) right center no-repeat; transition:var(--ease);}
.dashboard-faq-list details[open] summary { background: var(--bg); padding: 15px 15px; margin-bottom: 15px; font-weight: 500; transition: var(--ease);}
.dashboard-faq-list .dashboard-faq-content {float:left; width:100%; font-size:14px; line-height:1.8em; color:var(--navy);}
.dashboard-faq-list .dashboard-faq-content p {float:left; width:100%;}

.dashboard-faq-list .dashboard-faq-content ul {float:left; width:100%; margin-bottom:15px;}
.dashboard-faq-list .dashboard-faq-content ul li {position:relative; padding-left:13px;}
.dashboard-faq-list .dashboard-faq-content ul li:before {content:""; position:absolute; left:0; top:11px; width:4px; height:4px; background:var(--navy); border-radius:50%;}
/* **** TABLET YATAY ***** */
@media screen and (min-width : 992px) and (max-width : 1199px) {
  
}

/* **** TABLET DIK ***** */
@media screen and (min-width : 768px) and (max-width : 991px) {
    .contact-page-content-area .container {grid-template-columns: 1fr;}
    .contact-form-area {padding: 20px;}
    .contact-page-left {padding: 20px;}
    .contact-title-area h1, .contact-form-area h2 {font-size: 18px;}
    .page-content-area .container {grid-template-columns: 1fr;row-gap: 20px;}
}
/* ***** TELEFON ***** */
@media screen and (max-width :767px) {
    .contact-page-content-area .container {grid-template-columns: 1fr;}
    .contact-form-area {padding: 20px;}
    .contact-page-left {padding: 20px;}
    .contact-title-area h1, .contact-form-area h2 {font-size: 18px;}
    .page-content-area .container {grid-template-columns: 1fr;row-gap: 20px;}
}