﻿.customer-service { position: relative; }

/*************** CustomerService.aspx ******************/

.customer-service .page-banner-header-wrapper { background-image: url(../img/titleBanners/customer-service.jpg); }

.customer-service .cs-help-wrapper { padding: 100px 0 128px 0; background-color: var(--gray); }
.customer-service .cs-help-container { display: flex; flex-direction: column; align-items: center; gap: 65px; }
.customer-service .cs-help-container > h2 { font-size: 36px; line-height: 45px; }



.customer-service .reason-cards-wrapper { background-color: var(--white); }
.customer-service .reason-cards-links .reason-card { background: var(--gray); }
.customer-service .reason-cards-stripes { display: none; }

.customer-service .appeals-committee-wrapper { background-color: var(--white); padding: 100px 0; }
.customer-service .appeals-committee-container { position: relative; background-color: var(--gray); border-radius: 10px; padding: 40px 48px; display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.customer-service .appeals-committee-container::after { content: ''; position: absolute; top: -15px; right: 48px; width: 40px; height: 40px; background: url(../img/icons/info.svg) no-repeat center var(--gray); border-radius: 9999px; }
.customer-service .appeals-committee-description { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.customer-service .appeals-committee-contact { display: flex; flex-direction: column; align-items: center; gap: 30px; }
.customer-service .appeals-committee-contact-description { display: flex; flex-direction: column; gap: 5px; }

@media (max-width: 800px) {
    .customer-service .cs-help-wrapper { padding: 50px 0; }
    .customer-service .cs-help-container { gap: 20px; }
    .customer-service .cs-help-container > h2 { font-size: 24px; line-height: 32px; }

    .customer-service .appeals-committee-wrapper { padding: 50px 0; }
    .customer-service .appeals-committee-container { flex-direction: column; padding: 30px 28px; width: 90%; }
    .customer-service .appeals-committee-container::after { right: 28px; }
}
