@import url(./teamMedia.css);


@media (min-width: 0px) and (max-width: 320px) {

    .containerHeaderTeam {
        padding: 40px 0px 20px 0px;
        background: rgba(244, 244, 239, 1);
    }


    .containerHeaderTeam p:nth-child(1) {
        color: rgba(91, 102, 122, 1);
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        font-family: 'Gilroy';
    }

    .containerHeaderTeam p:nth-child(1) {
        color: red;
    }

    .containerSection1 {
        display: none;
    }

    .containerSection2 {
        display: none;
    }

    .textHeaderMobail {
        display: block;
    }

   /* ============================================ContainerSection1Mobail=================================== */

   .contentSection1Mobail {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.containerSection1Mobail {
    display: block;
}

.blockSection1Mobail {
    width: 90%;
}

.headerblockSection1Mobail {
    background: rgba(244, 244, 239, 1);
    padding: 12px;
}

.mainblockSection1Mobail {
    padding: 16px;
    border-left: 1px solid rgba(243, 243, 243, 1);
    border-right: 1px solid rgba(243, 243, 243, 1);
    border-bottom: 1px solid rgba(243, 243, 243, 1);
    margin-bottom: 20px;
}

.mainblockSection1Mobail p:nth-child(1) {
    font-size: 14px;
    line-height: 24px;
    font-weight: 800;
    color: rgba(34, 43, 62, 1);
    font-family: 'Gilroy';
}

.mainblockSection1Mobail p:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(34, 43, 62, 1);
    font-family: 'Gilroy';
}

/* ====================================================ContainerSection2Mobail============================================ */

.containerSection2Mobail {
    display: block;
}

}

/* ============================================================================================================================================================== */
/* ==============================================================================WIDTH576PX====================================================================== */
/* ============================================================================================================================================================== */

@media (min-width: 320px) and (max-width: 576px) {
    .containerHeaderTeam {
        padding: 40px 0px 20px 0px;
        background: rgba(244, 244, 239, 1);
    }

    .containerHeaderTeam p:nth-child(1) {
        color: rgba(91, 102, 122, 1);
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        font-family: 'Gilroy';
    }

    .containerHeaderTeam p:nth-child(2) {
        color: rgba(91, 102, 122, 1);
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        font-family: 'Gilroy';
    }

    .containerHeaderTeam p:nth-child(3) {
        color: rgba(91, 102, 122, 1);
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        font-family: 'Gilroy';
    }

    .containerSection1 {
        display: none;
    }

    .containerSection2 {
        display: none;
    }

    .textHeaderMobail {
        display: block;
    }

    /* ============================================ContainerSection1Mobail=================================== */

    .contentSection1Mobail {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .containerSection1Mobail {
        display: block;
    }

    .blockSection1Mobail {
        width: 90%;
    }

    .headerblockSection1Mobail {
        background: rgba(244, 244, 239, 1);
        padding: 12px;
    }

    .mainblockSection1Mobail {
        padding: 16px;
        border-left: 1px solid rgba(243, 243, 243, 1);
        border-right: 1px solid rgba(243, 243, 243, 1);
        border-bottom: 1px solid rgba(243, 243, 243, 1);
        margin-bottom: 20px;
    }

    .mainblockSection1Mobail p:nth-child(1) {
        font-size: 14px;
        line-height: 24px;
        font-weight: 800;
        color: rgba(34, 43, 62, 1);
        font-family: 'Gilroy';
    }

    .mainblockSection1Mobail p:nth-child(2) {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: rgba(34, 43, 62, 1);
        font-family: 'Gilroy';
    }

    /* ====================================================ContainerSection2Mobail============================================ */

    .containerSection2Mobail {
        padding: 20px 10px;
        background: linear-gradient(rgba(33, 58, 85, 1), rgba(23, 41, 60, 1));
    }

    .containerSection2Mobail {
        display: block;
    }

    .containerHeaderSection2Mobail {
        padding: 0px;
    }

    .containerHeaderSection2Mobail h2 {
        color: rgba(255, 255, 255, 1);
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        font-family: 'Gilroy';
    }

    .containerHeaderSection2Mobail p {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        font-family: 'Gilroy';
    }

    /* ==============================AcordionItem================================ */

    .accordion-button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 10px 0px;
        font-size: 16px;
        font-weight: 700;
        font-family: 'Gilroy';
        line-height: 24px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        background: none;
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
      }
      @media (prefers-reduced-motion: reduce) {
        .accordion-button {
          transition: none;
        }
      }
      .accordion-button:not(.collapsed) {
        color: rgba(239, 192, 121, 1);
        background: none;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
      }
      .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        transform: rotate(-180deg);
      }
      .accordion-button::after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "";
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform 0.2s ease-in-out;
      }
      @media (prefers-reduced-motion: reduce) {
        .accordion-button::after {
          transition: none;
        }
      }
      .accordion-button:hover {
        z-index: 2;
      }
      .accordion-button:focus {
        z-index: 3;
        border-color: none;
        outline: 0;
        box-shadow: none;
        border: none;
      }
      
      .accordion-header {
        margin-bottom: 0;
      }
      
      .accordion-item {
        background: none;
        border: none;
      }
      .accordion-item:first-of-type {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
      }
      .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
      }
      .accordion-item:not(:first-of-type) {
        border-top: 0;
      }
      .accordion-item:last-of-type {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
      }
      .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-right-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.25rem - 1px);
      }
      .accordion-item:last-of-type .accordion-collapse {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
      }
      
      .accordion-body {
        padding: 1rem 1.25rem;
        border: 1px solid rgba(218, 218, 215, 1);
        border-radius: 4px;
      }

      .accordion-body p {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        font-family: 'Gilroy';
        line-height: 20px;
        font-weight: 500;
      }
      
      .accordion-flush .accordion-collapse {
        border-width: 0;
      }
      .accordion-flush .accordion-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
      }
      .accordion-flush .accordion-item:first-child {
        border-top: 0;
      }
      .accordion-flush .accordion-item:last-child {
        border-bottom: 0;
      }
      .accordion-flush .accordion-item .accordion-button {
        border-radius: 0;
      }
}

/* ============================================================================================================================================================== */
/* ==============================================================================WIDTH768px====================================================================== */
/* ============================================================================================================================================================== */

@media (min-width: 576px) and (max-width: 768px) {

    .containerHeaderTeam {
        padding: 40px 0px 20px 0px;
        background: rgba(244, 244, 239, 1);
    }

    .containerHeaderTeam p:nth-child(1) {
        color: rgba(91, 102, 122, 1);
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        font-family: 'Gilroy';
    }

    .containerSection1 {
        display: none;
    }

    .containerSection2 {
        display: none;
    }

    .textHeaderMobail {
        display: block;
    }

    /* ============================================ContainerSection1Mobail=================================== */

    .contentSection1Mobail {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .containerSection1Mobail {
        display: block;
    }

    .blockSection1Mobail {
        width: 90%;
    }

    .headerblockSection1Mobail {
        background: rgba(244, 244, 239, 1);
        padding: 12px;
    }

    .mainblockSection1Mobail {
        padding: 16px;
        border-left: 1px solid rgba(243, 243, 243, 1);
        border-right: 1px solid rgba(243, 243, 243, 1);
        border-bottom: 1px solid rgba(243, 243, 243, 1);
        margin-bottom: 20px;
    }

    .mainblockSection1Mobail p:nth-child(1) {
        font-size: 14px;
        line-height: 24px;
        font-weight: 800;
        color: rgba(34, 43, 62, 1);
        font-family: 'Gilroy';
    }

    .mainblockSection1Mobail p:nth-child(2) {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: rgba(34, 43, 62, 1);
        font-family: 'Gilroy';
    }

    /* ====================================================ContainerSection2Mobail============================================ */

    .containerSection2Mobail {
        display: block;
    }

}

/* ============================================================================================================================================================== */
/* ==============================================================================WIDTH992px====================================================================== */
/* ============================================================================================================================================================== */

@media (min-width: 768px) and (max-width: 992px) {}