body {
    background: var(--blue-dark-active, #00446D);
}

a {
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0px;
    margin-bottom: 0px;
}

section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.btn-primary {
    border-radius: 8px;
    background: var(--blue-normal-hover, #0089DB);
    padding: 10px 20px;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    border: none;
}

.btn-primary:hover {
    background: var(--Blue-Dark, #0072B6);
}

.btn-primary:focus {
    background: var(--Blue-Normal, #0098F3);
}

.btn-primary:disabled {
    background: var(--blue-light-active, #B0DFFB);
}

.btn-secondary {
    border-radius: 8px;
    background: var(--blue-normal-hover, #E65C00);
    padding: 10px 20px;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border: none;
    /* 150% */
}

.btn-secondary:hover {
    background: var(--Blue-Dark, #BF4D00);
}

.btn-secondary:focus {
    background: var(--Blue-Normal, #FF6600);
}

.btn-secondary:disabled {
    background: var(--blue-light-active, #FFD0B0);
}

@media(max-width:992px) {
    section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .btn-primary,
    .btn-secondary {
        font-size: 15px;
    }
}

@media(max-width:768px) {

    .btn-primary,
    .btn-secondary {
        font-size: 14px;
    }
}

@media(max-width:570px) {
    section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .btn-primary,
    .btn-secondary {
        font-size: 13px;
    }

    .btns {
        display: block !important;
    }

    .btns .btn {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.btn-sm {
    font-size: 12px !important;
    padding: 8px 16px;
}

.card,
.card-body,
.card-footer,
.card-header {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

.text-secondary {
    color: #FF6600 !important;
}

.text-primary {
    color: #0098F3 !important;
}

.text-dark {
    color: #444 !important;
}

.text-blue-dark {
    color: #005B92 !important;
}

.text-gray {
    color: var(--Grey-Dark, #919191) !important;
}

.bg-gradient {
    background: var(--blue-dark-hover, #005B92);
}

.bg-success {
    background-color: #22C55E !important;
}

.bg-danger {
    background: #E65C00 !important;
}

.bg-secondary {
    background-color: #E65C00 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    /* zoom in */
    100% {
        transform: scale(1);
    }
}

/*--------------------------
hero
---------------------------*/
.hero {
    position: relative;
}

.hero .container-xl {
    border-radius: 50px;
    background: rgba(0, 114, 182, 0.40);
    backdrop-filter: blur(2px);
    padding: 59px 69px 38px 62px;
}

.hero h1 {
    color: var(--Foundation-White-Light, #FFF);
    font-family: Poppins;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 79px;
    text-transform: uppercase;
}

.hero h1 span {
    color: #B0DFFB;
}

.hero p {
    color: var(--Foundation-White-Light, #FFF);
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    /* 160% */
}

.hero .images {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hero .images img {
    width: 100%;
    max-width: 428px;
    max-height: 436px;
    flex-shrink: 0;
    object-fit: contain;
    animation: zoomInOut 3s infinite ease-in-out;

}

@media(max-width:992px) {
    .hero h1 {
        font-size: 55px;
    }

    .hero p {
        font-size: 20px;
    }

    .hero .images img {
        width: 100%;
        max-width: 400px;
        max-height: 400px;
    }

    .hero .container-xl {
        padding: 49px 59px 28px 52px;
    }
}

@media(max-width:768px) {
    .hero h1 {
        font-size: 50px;
        text-align: center;
    }

    .hero br {
        display: none;
    }

    .hero p {
        font-size: 18px;
        text-align: center;
    }

    .hero .images {
        display: none !important;
    }

    .hero .container-xl {
        padding: 39px 49px 18px 42px;
    }
}

@media(max-width:570px) {
    .hero h1 {
        font-size: 45px;
        text-align: center;
    }

    .hero p {
        font-size: 16px;
        text-align: center;
    }

    .hero .container-xl {
        padding: 29px 39px 10px 32px;
    }
}

/*--------------------------
scroll
---------------------------*/

@keyframes scrollLoop {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.scroll-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.scroll-content {
    display: flex;
    align-items: center;
    gap: 3rem;
    animation: scrollLoop 30s linear infinite;
    width: max-content;
}

.scroll-content p {
    color: var(--Gris-White, #FFF);
    /* Body / Regular */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.scroll-content i {
    font-size: 10px;
    color: #fff;
}

@media(max-width:992px) {
    .scroll-content p {
        font-size: 15px;
    }
}

@media(max-width:768px) {
    .scroll-content p {
        font-size: 14px;
    }
}

@media(max-width:570px) {
    .scroll-content p {
        font-size: 12px;
    }
}

/*---------------------
cardProjet
-------------------------*/
.cardProjet {
    border-radius: 10px;
    box-shadow: 10px 8px 20px 0 rgba(149, 61, 3, 0.25);
    width: 100%;
    max-width: 300px;
    height: 100%;
    min-height: 90px;
    border-left: 5px solid var(--Blue-Normal, #0098F3) !important;
    background: var(--Blue-Light, #E6F5FE);
}

.cardProjet .card-body {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 10px !important;
}

.cardProjet .card-body img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-right: 10px;
}

.cardProjet .card-body h3 {
    color: var(--Grey-Darker, #444);

    /* Headline / Bold */
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 150% */
}

.cardProjet .card-body p {
    color: var(--Grey-Darker, #444) !important;

    /* Body / Regular */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}


@media(max-width:992px) {
    .cardProjet .card-body img {
        width: 50px;
        height: 50px;
    }

    .cardProjet .card-body h3 {
        font-size: 18px;
    }

    .cardProjet .card-body p {
        font-size: 15px;
    }
}

@media(max-width:768px) {
    .cardProjet .card-body img {
        width: 40px;
        height: 40px;
    }

    .cardProjet .card-body h3 {
        font-size: 16px;
    }

    .cardProjet .card-body p {
        font-size: 14px;
    }
}

@media(max-width:570px) {
    .cardProjet {
        max-width: none;
        width: 90%;
    }

    .cardProjet .card-body img {
        width: 30px;
        height: 30px;
    }

    .cardProjet .card-body h3 {
        font-size: 14px;
    }

    .cardProjet .card-body p {
        font-size: 12px;
    }
}

/*------------------------------
section-title - section-subtitle
------------------------------*/
.section-title h2 {
    color: var(--Gris-White, #FFF);
    text-align: center;
    font-family: Poppins;
    font-size: 39px;
    font-style: normal;
    font-weight: 600;
    line-height: 37.2px;
    /* 95.385% */
    text-transform: uppercase;
}

.section-title p {
    color: var(--Foundation-White-Light, #FFF);
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 168.75% */
}

.section-subtitle .subtitle {
    color: var(--Foundation-White-Light, #FFF);
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

@media(max-width:992px) {
    .section-title h2 {
        font-size: 35px;
    }

    .section-title p {
        font-size: 15px;
    }

    .section-subtitle .subtitle {
        font-size: 20px;
    }
}

@media(max-width:768px) {
    .section-title h2 {
        font-size: 30px;
    }

    .section-title p {
        font-size: 14px;
    }

    .section-title h2 br,
    .section-title p br {
        display: none;
    }

    .section-subtitle .subtitle {
        font-size: 18px;
    }
}

@media(max-width:570px) {
    .section-title h2 {
        font-size: 25px;
    }

    .section-title p {
        font-size: 13px;
    }

    .section-subtitle .subtitle {
        font-size: 16px;
    }
}

/*---------------------
cardAbout
-----------------------*/
.cardAbout {
    width: 100%;
    max-width: 380px;
    height: 100%;
    padding: 32px 24px;
    border-radius: 25px;
    background: var(--Blue-Darker, #003555);
}

.cardAbout .card-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cardAbout .box {
    display: flex;
    width: 80px;
    height: 80px;
    padding-bottom: 0;
    justify-content: center;
    align-items: center;
    background-image: url("../../img/candidater/gradient.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.cardAbout .box img {
    width: 70%;
    height: 70%;
    object-fit: contain;
}

.cardAbout h3 {
    color: var(--Gris-White, #FFF);
    text-align: center;

    /* H3/Bold */
    font-family: Poppins;
    font-size: 31px;
    font-style: normal;
    font-weight: 800;
    line-height: 37.2px;
    /* 120% */
}

.cardAbout p {
    color: var(--grey-light-active, #ECECEC);
    text-align: center;
    /* Body / Regular */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

@media(max-width:992px) {
    .cardAbout .box {
        width: 70px;
        height: 70px;
    }

    .cardAbout h3 {
        font-size: 28px;
    }

    .cardAbout p {
        font-size: 15px;
    }
}

@media(max-width:768px) {
    .cardAbout .box {
        width: 60px;
        height: 60px;
    }

    .cardAbout h3 {
        font-size: 25px;
    }

    .cardAbout p {
        font-size: 14px;
    }
}

@media(max-width:570px) {
    .cardAbout .box {
        width: 50px;
        height: 50px;
    }

    .cardAbout h3 {
        font-size: 20px;
    }

    .cardAbout p {
        font-size: 12px;
    }
}

/*--------------------
cardStep
------------------------*/
.cardStep h2 {
    color: var(--Gris-White, #FFF);
    font-family: Poppins;
    font-size: 49px;
    font-style: normal;
    font-weight: 400;
    line-height: 77px;
    /* 157.143% */
}

.cardStep ul li {
    display: flex;
    align-items: start;
    justify-content: start;
    margin-bottom: 1rem;
}

.cardStep ul li:last-child {
    margin-bottom: 0px;
}

.cardStep ul li img {
    margin-right: 10px;
    width: 24px;
}

.cardStep ul li h3 {
    color: var(--grey-light-active, #ECECEC);

    /* Body / Bold */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}

.cardStep ul li p {
    color: var(--grey-light-active, #ECECEC);

    /* Body / Regular */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.cardStep ul li a {
    color: var(--orange-light-active, #FFD0B0);

    /* Body / Bold */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-decoration: underline;
}

@media(max-width:992px) {
    .cardStep h2 {
        font-size: 40px;
        line-height: normal;
        margin-bottom: 1.5rem;
    }

    .cardStep ul li h3,
    .cardStep ul li p,
    .cardStep ul li a {
        font-size: 15px;
    }
}

@media(max-width:768px) {
    .cardStep h2 {
        font-size: 35px;
        text-align: center;
    }

    .cardStep h2 br {
        display: none;
    }

    .cardStep ul li h3,
    .cardStep ul li p,
    .cardStep ul li a {
        font-size: 14px;
    }
}

@media(max-width:570px) {
    .cardStep h2 {
        font-size: 25px;
        text-align: center;
    }

    .cardStep ul li h3,
    .cardStep ul li p,
    .cardStep ul li a {
        font-size: 12px;
    }

    .cardStep ul li img {
        width: 20px !important;
        object-fit: contain;
    }
}

/*-----------------------------
cardParcours
------------------------------*/
.cardParcours {
    border-radius: 25px;
    background: var(--blue-dark-hover, #005B92);
    width: 100%;
    max-width: 302px;
    height: 100%;
    padding: 32px 20px;
}

.cardParcours h3 {
    color: var(--Gris-White, #FFF);
    text-align: center;

    /* Body / Bold */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}

/*----------------------------
cardFormation
-----------------------------*/
.cardFormation {
    border-radius: 25px;
    background: var(--blue-dark-hover, #005B92);
    max-width: 368px;
    min-height: 304px;
}

@media(max-width:570px) {
    .cardFormation {
        max-width: 300px;
        min-height: 280px;
    }
}

/*------------------------
cardHorizental
----------------------------*/
.cardHorizental {
    border-radius: 50px;
    background: var(--Blue-Dark, #0072B6);
    width: 100%;
    height: 100%;
    min-height: 413px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.cardHorizental h2 {
    color: var(--Grey-Light, #F9F9F9);
    text-align: center;

    /* H2 / Bold */
    font-family: Poppins;
    font-size: 39px;
    font-style: normal;
    font-weight: 800;
    line-height: 46.8px;
    /* 120% */
}

.cardHorizental p ,
.cardHorizental ul li{
    color: var(--Grey-Light, #F9F9F9);
    text-align: center;
    /* Body / Regular */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}
.cardHorizental ul {
    list-style: disc;
}
.cardHorizental img {
    width: 100%;
    max-width: 302px;
    max-height: 311.742px;
    flex-shrink: 0;
    object-fit: contain;
}

@media(max-width:992px) {
    .cardHorizental {
        padding-top: 60px;
        padding-bottom: 60px;
        min-height: 400px;
    }

    .cardHorizental h2 {
        font-size: 35px;
    }

    .cardHorizental p {
        font-size: 15px;
    }
    .cardHorizental img {
    max-width: 282px;
    max-height: 291.742px;
    }
}

@media(max-width:768px) {
    .cardHorizental h2 {
        font-size: 30px;
        text-align: center !important;
    }

    .cardHorizental p {
        font-size: 14px;
        text-align: center !important;
    }
    .cardHorizental ul {
        list-style: none;
    }
    .cardHorizental {
        padding-top: 50px;
        padding-bottom: 50px;
        min-height: auto;
    }

    .cardHorizental br {
        display: none;
    }
    .cardHorizental .image {
        order: 1;
    }
     .cardHorizental .text {
        order: 2;
    }
     .cardHorizental img {
    max-width: 262px;
    max-height: 271.742px;
    }
}

@media(max-width:570px) {
    .cardHorizental {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .cardHorizental h2 {
        font-size: 25px;
    }

    .cardHorizental p {
        font-size: 12px;
    }
    .cardHorizental img {
    max-width: 102px;
    max-height: 101.742px;
    }
}

/*----------------------
cardAvis
------------------------*/
.testimonials h3 {
    color: var(--Gris-White, #FFF);
    font-family: Poppins;
    font-size: 39px;
    font-style: normal;
    font-weight: 400;
    line-height: 46.8px;
    /* 120% */
    text-transform: uppercase;
}

.btnSlide {
    display: flex;
    width: 74px;
    height: 74px;
    align-items: center;
    justify-content: center;
    padding: 0px 0px;
    border-radius: 50%;
    border: 1px solid var(--Gris-White, #FFF);
}

.btnSlide i {
    font-size: 2rem;
    color: #fff;
}

.btnSlide:focus,
.btnSlide:hover {
    background: var(--grey-light-active, #ECECEC);
    color: #0098F3;
}

.btnSlide:focus i,
.btnSlide:hover i {
    color: #0098F3;
}

.cardAvis {
    border-radius: 50px;
    width: 100%;
    max-width: 400px;
    height: 100%;
    min-height: 360px;
    padding: 30px 20px;
    margin-right: 1rem;
}

.cardAvis:nth-child(odd) {
    background: var(--Blue-Light, #0098F3);
}

.cardAvis:nth-child(even) {
    background: var(--Orange-Light, #ECECEC);
}

.cardAvis:nth-child(even) h4,
.cardAvis:nth-child(even) p,
.cardAvis:nth-child(even) .card-footer p {
    color: var(--Blue-Darker, #003555) !important;
}

.cardAvis.uk-slide-active h4,
.cardAvis.uk-slide-active p,
.cardAvis.uk-slide-active .card-footer p {
    color: var(--Blue-Darker, #fff) !important;
}

.cardAvis.uk-slide-active {
    position: relative;
    margin-right: -4rem;
    margin-left: 4rem;
}

.cardAvis .bg-gradient {
    display: none;
}

.cardAvis.uk-slide-active .bg-gradient {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

.cardAvis.uk-slide-active .card-header,
.cardAvis.uk-slide-active .card-body,
.cardAvis.uk-slide-active .card-footer {
    position: relative;
}

.cardAvis h4 {
    color: #FFF;

    /* H1 / Regular */
    font-family: Poppins;
    font-size: 39px;
    font-style: normal;
    font-weight: 400;
    line-height: 58.8px;
    /* 120% */
}

.cardAvis p {
    color: var(--Gris-White, #FFF);
    /* Body / Regular */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.cardAvis .avatar {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 50%;
    object-fit: cover;
}

.cardAvis .card-footer p {
    color: var(--Gris-White, #FFF);
    /* Headline / Regular */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 150% */
}

@media(max-width:992px) {
    .testimonials h3 {
        font-size: 35px;
    }

    .btnSlide {
        width: 60px;
        height: 60px;
    }

    .btnSlide i {
        font-size: 1.8rem;
    }

    .cardAvis {
        max-width: 380px;
        min-height: 340px;
        padding: 25px 15px;
    }

    .cardAvis h4 {
        font-size: 35px;
    }

    .cardAvis p {
        font-size: 13px;
    }

    .cardAvis .avatar {
        width: 45px;
        height: 45px;
    }

    .cardAvis .card-footer p {
        font-size: 16px;
    }
}

@media(max-width:768px) {
    .testimonials h3 {
        font-size: 30px;
    }

    .btnSlide {
        width: 50px;
        height: 50px;
    }

    .btnSlide i {
        font-size: 1.6rem;
    }

    .cardAvis {
        max-width: 360px;
        min-height: 320px;
    }

    .cardAvis h4 {
        font-size: 30px;
    }

    .cardAvis p {
        font-size: 12px;
    }

    .cardAvis .avatar {
        width: 40px;
        height: 40px;
    }

    .cardAvis .card-footer p {
        font-size: 15px;
    }
}

@media(max-width:570px) {
    .testimonials h3 {
        font-size: 25px;
    }

    .btnSlide {
        width: 40px;
        height: 40px;
    }

    .btnSlide i {
        font-size: 1.5rem;
    }

    .cardAvis {
        max-width: none;
        min-height: 250px;
        margin-right: 0px;
    }

    .cardAvis h4 {
        font-size: 25px;
    }

    .cardAvis p {
        font-size: 12px;
    }

    .cardAvis .avatar {
        width: 35px;
        height: 35px;
    }

    .cardAvis .card-footer p {
        font-size: 14px;
    }

    .cardAvis.uk-slide-active {
        margin-right: 0rem;
        margin-left: 0rem;
    }

    .cardAvis.uk-slide-active .bg-gradient {
        display: none;
    }
}

/*-------------------------
cardTarifs
---------------------------*/
.cardTarifs {
    width: 100%;
    max-width: 359px;
    height: 100%;
    min-height: 406px;
    border-radius: 20px;
    border: 1px solid var(--Blue-Light, #E6F5FE);
    background: var(--blue-dark-hover, #005B92);

    padding: 40px 20px;
}

.cardTarifs h3 {
    color: var(--Gris-White, #FFF);

    /* H2 / Bold */
    font-family: Poppins;
    font-size: 39px;
    font-style: normal;
    font-weight: 800;
    line-height: 46.8px;
    /* 120% */
}

.cardTarifs ul {
    list-style: disc;
    padding-left: 0px;
}

.cardTarifs ul li {
    color: var(--grey-light-hover, #F6F6F6);

    /* Headline / Regular */
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 150% */
    margin-top: 10px;
    margin-bottom: 10px;
}

@media(max-width:992px) {
    .cardTarifs h3 {
        font-size: 35px;
    }

    .cardTarifs ul li {
        font-size: 18px;
    }

    .cardTarifs {
        min-height: 350px;
    }
}

@media(max-width:768px) {
    .cardTarifs h3 {
        font-size: 30px;
    }

    .cardTarifs ul li {
        font-size: 16px;
    }

    .cardTarifs {
        min-height: 300px;
    }
}

@media(max-width:570px) {
    .cardTarifs h3 {
        font-size: 25px;
    }

    .cardTarifs ul li {
        font-size: 14px;
    }

    .cardTarifs {
        min-height: 300px;
    }
}

/*----------------------------------
accordion-item
-----------------------------------*/
.accordion {
    width: 100%;
    max-width: 840px;
}

.accordion-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--blue-light-active, #B0DFFB);
    border-radius: 0px 0px 0px 0px !important;
}

.accordion-item .accordion-button {
    background-color: transparent;
    border: none;
    color: var(--Gris-White, #FFF);

    /* H4 / Bold */
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 120% */
    box-shadow: none;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.accordion-button::after {
    background-image: url('../../img/candidater/chevron.svg') !important;
    background-position: center;
}

.accordion-item p {
    color: var(--grey-light-hover, #F6F6F6);
    /* Body / Regular */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.collapse {
    visibility: unset !important;
}

@media(max-width:992px) {
    .accordion-item .accordion-button {
        font-size: 20px;
    }

    .accordion-item p {
        font-size: 15px;
    }
}

@media(max-width:768px) {
    .accordion-item .accordion-button {
        font-size: 18px;
    }

    .accordion-item p {
        font-size: 14px;
    }
}

@media(max-width:570px) {
    .accordion-item .accordion-button {
        font-size: 16px;
    }

    .accordion-item p {
        font-size: 12px;
    }
}