/** DOCS **/

.docs-title {
    font-size : 2.2rem;
    line-height : 3;
    font-weight : 600;
    color : var(--c-focus); 
}

.docs a {
    font-size: 1.8rem;
    line-height: 1.3;
    text-transform : none;
    text-decoration : none;
    color : var(--c-blue);
    padding-bottom : 2px;
    border-bottom : 1px dashed var(--c-blue);
    margin-bottom : 1.5rem;
    display : inline-block;
}

.docs a:hover {
    color : var(--c-focus);
    border-bottom : 1px solid var(--c-focus);    
}

/** FAQ **/


.faq-title {
    font-size : 2.2rem;
    line-height : 3;
}

.faq-body {
    font-size : 1.8rem;
    line-height : 1.3;
}

.accordion-item {
    border : none;
    border-bottom : 1px solid var(--c-focus);
}
.faq-accordion .accordion-button::after {
    display: none;
}

.faq-accordion .accordion-button {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.faq-icon {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 24px;
    color: var(--c-focus);
}

.faq-icon::before,
.faq-icon::after {
    content: "";
    position: absolute;
    background: currentColor;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.faq-icon::before {
    width: 2.5rem;
    height: 3px;
}

.faq-icon::after {
    width: 3px;
    height: 2.5rem;
}

/* відкритий = мінус */
.accordion-button:not(.collapsed) .faq-icon::after {
    opacity: 0;
}

.faq-body {
    padding: 0 0 20px 40px;
}



/** DONORS **/
.donor .row {
    padding-top : 6.5rem;
    padding-bottom : 6.5rem;
}
.donor-text {
    font-size : 2.2rem;  
    line-height : 1.3;
}

.donor-title {
    font-size : 2.2rem;
    font-weight : 700;
    color : var(--c-focus);
    line-height : 2;
}

.donor-divider {
    margin-top : 3rem;
    margin-bottom : 3rem;
    width : 13rem;
    height : 3px;
    background-color : var(--c-focus);
}

.donor .icon img {
    max-width : 6rem;
}

.donor-company {
    font-size : 1.8rem;  
    line-height : 2;    
}

.donor-img {
    height: 27rem;        /* фіксована висота */
    aspect-ratio: 1 / 1;  /* ширина = висоті */
    overflow: hidden;
    border-radius : 50%;
}

.donor-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.donor.dark {
    background : #f1f1f1;
}

/** ADVANTAGE **/

.adv-promo {
    font-size : 1.8rem;
    font-weight : 700;
    text-align : center;
    text-transform : uppercase;
    color : white;
    background : var(--c-focus);
    margin-top : -3rem;
    margin : -3rem 2rem 0 2rem;
    padding : 0.5rem 1.5rem;
    transform: rotate(-6.67deg);
    border-radius: 1.4rem;
}

.adv-subtitle {
    font-size : 2.2rem;
    font-weight : 700;
    color : var(--c-focus);
    margin-bottom : 4rem;
}


/** COACH **/

.coach-card {
    max-width: 320px;
    width: 100%;
    margin-top : 7rem;
}

.coach-image {
    position: relative;
    aspect-ratio: 1 / 0.9;
    overflow: hidden;
    border-radius: 4rem;
    margin-bottom : 2.4rem;
}

.coach-image-link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.coach-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.coach-image-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        180deg,
        rgba(0,0,0,0.1) 0%,
        rgba(0,0,0,0.2) 40%,
        rgba(0,0,0,0.6) 100%
    );

    opacity: 0;
    transition: opacity 0.4s ease;
}

.coach-image-overlay img {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
    transform: scale(1);
    transition: transform 0.3s ease;
}

.coach-image-link:hover .coach-image-overlay {
    opacity: 1;
    visibility: visible;
}

.coach-image-link:hover img {
    transform: scale(1.05);
}


.coach-name {
    font-size : 2.2rem;
    font-weight : 700;
    color : var(--c-focus);
}

.coach-position {
    font-size : 1.8rem;
    margin-top : 1rem;
    padding : 0 5%;
}

.coach-link {
    font-size : 1.6rem;
    margin-top : 1rem;
}

.coach-link a {
    text-decoration: none;
    padding-bottom : 0;
    border-bottom : 1px solid black;
    color : black;
}

/** BUTTON WHITE **/

.btn-white a {
    font-size : 2.2rem;
    font-weight : 500;
    color : var(--c-focus);
    padding : 2rem 3.8rem;
    background : white;
    border-radius : 6rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-white a:hover {
    background : var(--c-white-hover);
}


/** SECTION 3 **/


.cert-img img{
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
}

.cert-img {
    transition: transform 0.3s ease;
}

.cert-img:hover {
    transform: scale(1.05);
}

.cert-text {
    font-size : 3.4rem;
    font-weight : 400;
    margin-top : 11rem;
    line-height : 1.3;
}

.cert-text span{
    color : var(--c-focus);
    font-weight : 700;
}

.cert-text strong{
    font-weight : 700;
}

.mod-subtitle {
    font-family : "Raleway";
    font-size : 3.4rem;
    font-weight : 700;
    margin-top : 11rem;
    margin-bottom : 3.5rem;    
}

.mod-text.white {
    color : white;
}

.mod-text ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.mod-text ul li {
    font-size : 1.8rem;
    line-height : 1.3;
    position: relative;
    padding-left: 4rem;
    margin-bottom : 2.5rem;
}

.mod-text ul li:last-child {
    margin-bottom : unset;
}


.mod-text strong {
    font-weight : 700;
}

.mod-text ul li::before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url("/wp-content/themes/dimaq/img/check.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/** SECTION 2 **/

.dimaq-std .image {
    min-height : 7.5rem;
    margin-top : 6.5rem;
}

.dimaq-std .image img{
    height : 7.5rem;
}


.dimaq-std .text {
    font-size : 1.8rem;
    line-height : 1.3;
    margin-top : 3rem;
}

.dimaq-text {
    font-size : 3.4rem;
    line-height : 1.3;
}

.dimaq-text strong{
    font-weight : 700;
}

.iai-text {
    font-size : 1.6rem;
    font-weight : 300;
    line-height : 1.3;
}

.iai-text strong {
    font-weight : 500;
}


/** SECTION 1 **/

.hero {
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.text-top {
    font-family : 'Raleway';
    font-size : 5.5rem;
    font-weight : 900;
    color : white;
    line-height : 1;
    margin-bottom : 7.7rem;
}

.text-top p {
    margin-bottom : -0.8rem;
}

.text-top span {
    color : var(--c-focus);
}

.btn-red a {
    font-size : 2.2rem;
    font-weight : 500;
    color : white;
    padding : 2rem 3.8rem;
    background : var(--c-focus);
    border-radius : 6rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-red a:hover {
    background : var(--c-focus-hover);
}