.contentWeb {
    width: 100%;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .desktop-container {
        display: none;
    }

    .mobile-container {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .section1 {
        width: 100%;
        position: relative;
        padding-top: 15%;
    }

    .section1 .bgTop {
        width: 100%;
        display: block;
    }

    .section1 .head1 {
        width: 100%;
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .head1 .head1-1 {
        width: 90%;
        margin-inline: auto;
        position: relative;
        margin-inline: auto;
    }

    .head1-1 img {
        width: 100%;
        display: block;
    }

    .head1-1 .text1 {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .text1 h3 {
        font: normal normal 400 20px/25px Trajan Pro3;
        text-align: center;
        color: #623C0E;
        -webkit-text-stroke: 0.2px #623C0E;
        margin-bottom: 20px;
    }

    .text1 h2 {
        font: normal normal 400 40px/40px Tempting;
        text-align: center;
        color: #623C0E;
        -webkit-text-stroke: 0.5px #623C0E;
    }

    .bottom1 {
        width: 100%;
        position: absolute;
        bottom: -12%;
        left: 0;
        z-index: 2;
    }

    .bottom1 img {
        width: 100%;
        display: block;
    }


    /* Section2 */
    .section2 {
        width: 100%;
        position: relative;
    }

    .section2 .bgSect2 {
        width: 100%;
        display: block;
    }

    .section2 .bg2-1 {
        width: 100%;
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        z-index: 2;
    }

    .bg2-1 img {
        width: 100%;
        display: block;
        transform: rotate(12deg);
    }

    .section2 .bg2-2 {
        width: 90%;
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translate(-50%, 0%);
        z-index: 3;
    }

    .bg2-2 .content2-2 {
        width: 100%;
        position: relative;
    }

    .bg2-2 img {
        width: 100%;
        display: block;
        border-radius: 5px;
        filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.16));
    }

    .content2-2 .text2-2 {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 30px;
    }

    .text2-2 h2 {
        font: normal normal 400 40px / 40px Perandory;
        text-align: center;
        color: #623C0E;
        -webkit-text-stroke: 0.2px #623C0E;
        margin-bottom: 20px;
        letter-spacing: 3px;
    }

    .text2-2 p {
        font: normal normal 300 16px/28px Avenir;
        text-align: center;
        color: #3B2904;
        -webkit-text-stroke: 0.3px #3B2904;
    }

    .stampLogo {
        width: 30%;
        position: absolute;
        top: 25px;
        right: -25px;
        z-index: 3;
    }

    .stampLogo img {
        width: 100%;
        display: block;
        transform: rotate(16deg);
    }

    /* Section 3 */
    .section3 {
        width: 100%;
        position: relative;
        padding-top: 130%;
        padding-bottom: 40px;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/07/Scroll-Group-335.webp');
        background-size: cover;
        background-position: center;
    }

    .section3 .headSection3 {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .headSection3 h2 {
        font: normal normal 400 25px/30px Trajan Pro3;
        text-align: center;
        color: #714923;
        -webkit-text-stroke: 0.8px #714923;
    }

    .headSection3 h4 {
        font: normal normal 400 13px/15px Accia Piano;
        text-align: center;
        color: #714923;
        -webkit-text-stroke: 0.8px #714923;
    }

    .section3 .rempah {
        width: 70%;
        position: absolute;
        top: 10%;
        left: 23%;
        /* transform: translate(-50%, 0); */
        z-index: 2;
    }

    .section3 .people {
        width: 50%;
        position: absolute;
        top: 22%;
        left: 10%;
        /* transform: translate(-50%, 0); */
        z-index: 3;
    }

    .rempah img,
    .people img,
    .basil1 img,
    .basil2 img,
    .basil3 img {
        width: 100%;
        display: block;
    }

    .section3 .basil1 {
        width: 20%;
        position: absolute;
        top: 10%;
        left: 1%;
        /* transform: translate(-50%, 0); */
        z-index: 2;
    }

    .section3 .basil2 {
        width: 30%;
        position: absolute;
        top: 28%;
        right: -36px;
        /* transform: translate(-50%, 0); */
        z-index: 2;
    }

    .section3 .basil3 {
        width: 30%;
        position: absolute;
        top: 30%;
        left: -10%;
        /* transform: translate(-50%, 0); */
        z-index: 4;
    }

    .section3 .selectionMenu {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .selectionMenu a {
        width: 45%;
        font: normal normal 400 14px/14px Trajan Pro3;
        text-align: center;
        padding: 8px;
        color: #FFF1D6;
        -webkit-text-stroke: 0.4px #FFF1D6;
        background-color: rgba(113, 73, 35, 0.56);
        text-decoration: none;
        border-radius: 14px;
    }

    .selectionMenu .btnMenu.active{
        background-color: #FFF1D6;
        color: #704822;
        -webkit-text-stroke: 0.4px #704822;
    }

    .thi-continental-slide,
    .thi-local-slide,
    .thi-sweet-slide,
    .thi-vegan-slide
    {
        width: 100%;
        position: relative;
    }

    .thi-sweet-slide {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

    .thi-vegan-slide{
        padding-left: 15px;
    }

    .thi-sweet-slide .sweet1 {
        width: 45%;
        position: relative;
    }

    .thi-vegan-slide .vegan1 {
        width: 50%;
        position: relative;
    }

    .sweet1 img,
    .vegan1 img
    {
        width: 100%;
        display: block;
        border-radius: 5px 5px 0 0;
    }

    .thi-local-slide,
    .thi-sweet-slide,
    .thi-vegan-slide
    {
        display: none;
    }

    .thi-continental-slide .slider-3A,
    .thi-local-slide .slider-3B {
        width: 100%;
        position: relative;
        margin-left: 5px;
    }

    .slider-3A .slick-slide,
    .slider-3B .slick-slide {
        height: auto;
    }

    .slider-3A .slick-slide img,
    .slider-3B .slick-slide img {
        width: 100%;
        display: block;
        border-radius: 5px 5px 0 0;
    }

    .slider-3A .slick-track,
    .slider-3B .slick-track {
        display: flex;
        gap: 10px;
    }



    .slick-slider {
        margin-bottom: 0px !important;
    }

    .slider-3A .content3A,
    .slider-3B .content3B,
    .sweet1 .content3D,
    .vegan1 .content3D  {
        width: 100%;
        position: relative;
        background-color: #FFF1D6;
        padding: 15px 10px;
        border-radius: 0 0 5px 5px;
    }

    .content3A h2,
    .content3B h2,
    .content3D h2 {
        font: normal normal 400 18px/25px Recoleta;
        color: #8B4009;
        -webkit-text-stroke: 0.5px #8B4009;
        margin-bottom: 15px;
    }

    .content3A p,
    .content3B p,
    .content3D p {
        font: normal normal 400 12px/20px Accia Piano;
        color: #714923;
        margin-bottom: 20px;
    }

    .content3A .seeMore,
    .content3B .seeMore,
    .content3D .seeMore {
        font: normal italic 500 12px/20px Accia Piano;
        color: #714923;
        -webkit-text-stroke: 0.5px #714923;
        text-decoration: underline;
    }

    .content3A p .inter1showM,
    .content3A p .inter2showM,
    .content3A p .inter3showM,
    .content3B p .local1showM,
    .content3B p .local2showM,
    .content3B p .local3showM,
    .content3D p .sweet1showM,
    .content3D p .sweet2showM,
    .content3D p .sweet3showM,
    .content3D p .vegan1showM  {
        display: none;
    }

    .arrowSection3A {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        padding-right: 10px;
        margin-top: 40px;
    }

    .arrowSection3A .line3A {
        width: 85%;
        position: relative;
    }

    .line3A img {
        width: 100%;
        display: block;
    }

    .arrowSection3A .arrow3A {
        width: 10%;
        position: relative;
    }

    .arrow3A img {
        width: 100%;
        display: block;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .desktop-container {
        display: none;
    }

    .mobile-container {
        display: block;
    }
}

/* -------------------------------------------------------------- */

/* Desktop */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .desktop-container {
        display: block;
    }

    .mobile-container {
        display: none;
    }

    .section1 {
        width: 100%;
        position: relative;
    }

    .section1 img {
        width: 100%;
        display: block;
    }


    /* Section 2 */
    .section2 {
        width: 100%;
        background-color: #FCF5EB;
        padding: 60% 30px 30% 30px;
        position: relative;
    }

    .section2 .content2T {
        width: 100%;
        position: absolute;
        top: -13%;
        left: 0;
    }

    .content2T img {
        width: 50%;
        display: block;
        margin-inline: auto;
    }

    .contentRight {
        width: 40%;
        padding: 80px 50px;
        background-color: #fff;
        position: absolute;
        top: 28%;
        left: 70%;
        transform: translate(-50%, 0%) rotate(-8deg);
    }

    .contentRight img {
        width: 10%;
        display: block;
        margin-bottom: 20px;
    }

    .contentRight h2 {
        font: normal normal 400 48px/58px DM Sans;
        color: #333333;
        margin-bottom: 60px;
    }

    .contentRight p {
        font: normal normal 400 30px/40px Accia Piano;
        text-align: center;
        color: #714923;
    }

    .contentLeft1 {
        width: 15%;
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translate(-50%, 0) rotate(19deg);
        z-index: 3;
    }

    .contentLeft1 img,
    .contentLeft2 img {
        width: 100%;
        display: block;
    }

    .contentLeft2 {
        width: 15%;
        position: absolute;
        top: 45%;
        left: 20%;
        transform: translate(-50%, 0) rotate(-5deg);
    }

    /* Section 3 */
    .section3 {
        width: 100%;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/07/Group-8132-scaled.webp');
        background-position: top center;
        background-size: cover;
        position: relative;
        padding: 5% 30px 10% 30px;
    }

    .section3 .dividerHead3 {
        width: 30%;
        display: block;
        margin-bottom: 9%;
        margin-inline: auto;
    }

    .section3 .head3 {
        font: normal normal 400 60px/10px Trajan Pro3;
        text-align: center;
        color: #714923;
        -webkit-text-stroke: 0.8px #714923;
        margin-bottom: 40px;
    }

    .section3 .subhead3 {
        font: normal normal 400 25px/35px Accia Piano;
        text-align: center;
        color: #714923;
        -webkit-text-stroke: 0.8px #714923;
        margin-bottom: 60px;
    }

    .section3 .btnBreakfast {
        width: 75%;
        margin-inline: auto;
        background-color: #FFF1D6;
        border-radius: 29px;
        padding: 15px 10px;
        display: flex;
        gap: 40px;
        justify-content: center;
        margin-bottom: 60px;
        box-shadow: 6px 10px 26px 0px rgba(0, 0, 0, 0.16)
    }

    .section3 .btnBreakfast a {
        font: normal normal 400 20px/30px Trajan Pro3;
        color: #B79473;
        -webkit-text-stroke: 0.8px #B79473;
    }

    .btnBreakfast .btnMenu.active {
        color: #8B4009;
        -webkit-text-stroke: 0.8px #8B4009;
        text-decoration: underline;
    }

    .section3 .contentMenu {
        width: 95%;
        margin-inline: auto;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/07/bgBreakfast2.webp');
        background-position: center;
        background-size: cover;
        border-radius: 42px;
        padding: 5% 40px;
        margin-bottom: 5%;
        box-shadow: 6px 10px 26px 0px rgba(0, 0, 0, 0.16)
    }

    .contentMenu .content1,
    .contentMenu .content2,
    .contentMenu .content3,
    .contentMenu .content4 {
        width: 100%;
        position: relative;
    }

    .contentMenu .content2,
    .contentMenu .content3,
    .contentMenu .content4 {
        display: none;
    }

    .content1 h3,
    .content2 h3,
    .content3 h3,
    .content4 h3 {
        font: normal normal 400 30px/40px Recoleta;
        text-align: center;
        color: #8B4009;
        -webkit-text-stroke: 0.8px #8B4009;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .content1 h3 img,
    .content2 h3 img,
    .content3 h3 img,
    .content4 h3 img {
        width: 40px;
        display: block;
    }

    .content1 p,
    .content2 p,
    .content3 p,
    .content4 p {
        font: normal normal 400 25px/35px Accia Piano;
        text-align: center;
        color: #3B2904;
        -webkit-text-stroke: 0.3px #3B2904;
        margin-bottom: 40px;
    }

    .contentNotes {
        width: 80%;
        position: relative;
        margin-inline: auto;
    }

    .contentNotes h3 {
        font: normal normal 500 30px/40px Recoleta;
        text-align: center;
        margin-bottom: 10px;
        color: #8B4009;
        -webkit-text-stroke: 0.8px #8B4009;
    }

    .contentNotes .notesFlex {
        display: flex;
        width: 100%;
        gap: 30px;
        justify-content: center;
    }

    .notesFlex p {
        font: normal italic 400 20px/30px Accia Piano;
        color: #8B4009;
        -webkit-text-stroke: 0.8px;
        display: flex;
        gap: 5px;
        align-items: center;
    }

    .notesFlex p img {
        width: 70px;
        /* height: 50px; */
        display: block;
    }


}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .desktop-container {
        display: block;
    }

    .mobile-container {
        display: none;
    }

    .section1 {
        width: 100%;
        position: relative;
    }

    .section1 img {
        width: 100%;
        display: block;
    }


    /* Section 2 */
    .section2 {
        width: 100%;
        background-color: #FCF5EB;
        padding: 60% 30px 30% 30px;
        position: relative;
    }

    .section2 .content2T {
        width: 100%;
        position: absolute;
        top: -13%;
        left: 0;
    }

    .content2T img {
        width: 50%;
        display: block;
        margin-inline: auto;
    }

    .contentRight {
        width: 40%;
        padding: 80px 50px;
        background-color: #fff;
        position: absolute;
        top: 28%;
        left: 70%;
        transform: translate(-50%, 0%) rotate(-8deg);
    }

    .contentRight img {
        width: 10%;
        display: block;
        margin-bottom: 20px;
    }

    .contentRight h2 {
        font: normal normal 400 48px/58px DM Sans;
        color: #333333;
        margin-bottom: 60px;
    }

    .contentRight p {
        font: normal normal 400 30px/40px Accia Piano;
        text-align: center;
        color: #714923;
    }

    .contentLeft1 {
        width: 15%;
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translate(-50%, 0) rotate(19deg);
        z-index: 3;
    }

    .contentLeft1 img,
    .contentLeft2 img {
        width: 100%;
        display: block;
    }

    .contentLeft2 {
        width: 15%;
        position: absolute;
        top: 45%;
        left: 20%;
        transform: translate(-50%, 0) rotate(-5deg);
    }

    /* Section 3 */
    .section3 {
        width: 100%;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/07/Group-8132-scaled.webp');
        background-position: top center;
        background-size: cover;
        position: relative;
        padding: 5% 30px 10% 30px;
    }

    .section3 .dividerHead3 {
        width: 30%;
        display: block;
        margin-bottom: 9%;
        margin-inline: auto;
    }

    .section3 .head3 {
        font: normal normal 400 70px/10px Trajan Pro3;
        text-align: center;
        color: #714923;
        -webkit-text-stroke: 0.8px #714923;
        margin-bottom: 40px;
    }

    .section3 .subhead3 {
        font: normal normal 400 35px/45px Accia Piano;
        text-align: center;
        color: #714923;
        -webkit-text-stroke: 0.8px #714923;
        margin-bottom: 60px;
    }

    .section3 .btnBreakfast {
        width: 75%;
        margin-inline: auto;
        background-color: #FFF1D6;
        border-radius: 29px;
        padding: 15px 10px;
        display: flex;
        gap: 40px;
        justify-content: center;
        margin-bottom: 60px;
        box-shadow: 6px 10px 26px 0px rgba(0, 0, 0, 0.16)
    }

    .section3 .btnBreakfast a {
        font: normal normal 400 30px/40px Trajan Pro3;
        color: #B79473;
        -webkit-text-stroke: 0.8px #B79473;
    }

    .btnBreakfast .btnMenu.active {
        color: #8B4009;
        -webkit-text-stroke: 0.8px #8B4009;
        text-decoration: underline;
    }

    .section3 .contentMenu {
        width: 80%;
        margin-inline: auto;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/07/bgBreakfast2.webp');
        background-position: center;
        background-size: cover;
        border-radius: 42px;
        padding: 5% 40px;
        margin-bottom: 5%;
        box-shadow: 6px 10px 26px 0px rgba(0, 0, 0, 0.16)
    }

    .contentMenu .content1,
    .contentMenu .content2,
    .contentMenu .content3,
    .contentMenu .content4 {
        width: 100%;
        position: relative;
    }

    .contentMenu .content2,
    .contentMenu .content3,
    .contentMenu .content4 {
        display: none;
    }

    .content1 h3,
    .content2 h3,
    .content3 h3,
    .content4 h3 {
        font: normal normal 400 40px/50px Recoleta;
        text-align: center;
        color: #8B4009;
        -webkit-text-stroke: 0.8px #8B4009;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .content1 h3 img,
    .content2 h3 img,
    .content3 h3 img,
    .content4 h3 img {
        width: 40px;
        display: block;
    }

    .content1 p,
    .content2 p,
    .content3 p,
    .content4 p {
        font: normal normal 400 30px/40px Accia Piano;
        text-align: center;
        color: #3B2904;
        -webkit-text-stroke: 0.3px #3B2904;
        margin-bottom: 40px;
    }

    .contentNotes {
        width: 80%;
        position: relative;
        margin-inline: auto;
    }

    .contentNotes h3 {
        font: normal normal 500 30px/40px Recoleta;
        text-align: center;
        margin-bottom: 10px;
        color: #8B4009;
        -webkit-text-stroke: 0.8px #8B4009;
    }

    .contentNotes .notesFlex {
        display: flex;
        width: 100%;
        gap: 30px;
        justify-content: center;
    }

    .notesFlex p {
        font: normal italic 400 30px/40px Accia Piano;
        color: #8B4009;
        -webkit-text-stroke: 0.8px;
        display: flex;
        gap: 5px;
        align-items: center;
    }

    .notesFlex p img {
        width: 70px;
        /* height: 50px; */
        display: block;
    }


}

@media screen and (min-width: 1501px) {
    .desktop-container {
        display: block;
    }

    .mobile-container {
        display: none;
    }

    .section1 {
        width: 100%;
        position: relative;
    }

    .section1 img {
        width: 100%;
        display: block;
    }


    /* Section 2 */
    .section2 {
        width: 100%;
        background-color: #FCF5EB;
        padding: 60% 30px 30% 30px;
        position: relative;
    }

    .section2 .content2T {
        width: 100%;
        position: absolute;
        top: -13%;
        left: 0;
    }

    .content2T img {
        width: 50%;
        display: block;
        margin-inline: auto;
    }

    .contentRight {
        width: 40%;
        padding: 80px 50px;
        background-color: #fff;
        position: absolute;
        top: 28%;
        left: 70%;
        transform: translate(-50%, 0%) rotate(-8deg);
    }

    .contentRight img {
        width: 10%;
        display: block;
        margin-bottom: 20px;
    }

    .contentRight h2 {
        font: normal normal 400 48px/58px DM Sans;
        color: #333333;
        margin-bottom: 60px;
    }

    .contentRight p {
        font: normal normal 400 30px/40px Accia Piano;
        text-align: center;
        color: #714923;
    }

    .contentLeft1 {
        width: 15%;
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translate(-50%, 0) rotate(19deg);
        z-index: 3;
    }

    .contentLeft1 img,
    .contentLeft2 img {
        width: 100%;
        display: block;
    }

    .contentLeft2 {
        width: 15%;
        position: absolute;
        top: 45%;
        left: 20%;
        transform: translate(-50%, 0) rotate(-5deg);
    }

    /* Section 3 */
    .section3 {
        width: 100%;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/07/Group-8132-scaled.webp');
        background-position: top center;
        background-size: cover;
        position: relative;
        padding: 5% 30px 10% 30px;
    }

    .section3 .dividerHead3 {
        width: 30%;
        display: block;
        margin-bottom: 9%;
        margin-inline: auto;
    }

    .section3 .head3 {
        font: normal normal 400 70px/10px Trajan Pro3;
        text-align: center;
        color: #714923;
        -webkit-text-stroke: 0.8px #714923;
        margin-bottom: 40px;
    }

    .section3 .subhead3 {
        font: normal normal 400 35px/45px Accia Piano;
        text-align: center;
        color: #714923;
        -webkit-text-stroke: 0.8px #714923;
        margin-bottom: 60px;
    }

    .section3 .btnBreakfast {
        width: 65%;
        margin-inline: auto;
        background-color: #FFF1D6;
        border-radius: 29px;
        padding: 15px 10px;
        display: flex;
        gap: 40px;
        justify-content: center;
        margin-bottom: 60px;
        box-shadow: 6px 10px 26px 0px rgba(0, 0, 0, 0.16)
    }

    .section3 .btnBreakfast a {
        font: normal normal 400 30px/40px Trajan Pro3;
        color: #B79473;
        -webkit-text-stroke: 0.8px #B79473;
    }

    .btnBreakfast .btnMenu.active {
        color: #8B4009;
        -webkit-text-stroke: 0.8px #8B4009;
        text-decoration: underline;
    }

    .section3 .contentMenu {
        width: 70%;
        margin-inline: auto;
        background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/07/bgBreakfast2.webp');
        background-position: center;
        background-size: cover;
        border-radius: 42px;
        padding: 5% 40px;
        margin-bottom: 5%;
        box-shadow: 6px 10px 26px 0px rgba(0, 0, 0, 0.16)
    }

    .contentMenu .content1,
    .contentMenu .content2,
    .contentMenu .content3,
    .contentMenu .content4 {
        width: 100%;
        position: relative;
    }

    .contentMenu .content2,
    .contentMenu .content3,
    .contentMenu .content4 {
        display: none;
    }

    .content1 h3,
    .content2 h3,
    .content3 h3,
    .content4 h3 {
        font: normal normal 400 40px/50px Recoleta;
        text-align: center;
        color: #8B4009;
        -webkit-text-stroke: 0.8px #8B4009;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .content1 h3 img,
    .content2 h3 img,
    .content3 h3 img,
    .content4 h3 img {
        width: 40px;
        display: block;
    }

    .content1 p,
    .content2 p,
    .content3 p,
    .content4 p {
        font: normal normal 400 30px/40px Accia Piano;
        text-align: center;
        color: #3B2904;
        -webkit-text-stroke: 0.3px #3B2904;
        margin-bottom: 40px;
    }

    .contentNotes {
        width: 80%;
        position: relative;
        margin-inline: auto;
    }

    .contentNotes h3 {
        font: normal normal 500 30px/40px Recoleta;
        text-align: center;
        margin-bottom: 10px;
        color: #8B4009;
        -webkit-text-stroke: 0.8px #8B4009;
    }

    .contentNotes .notesFlex {
        display: flex;
        width: 100%;
        gap: 30px;
        justify-content: center;
    }

    .notesFlex p {
        font: normal italic 400 30px/40px Accia Piano;
        color: #8B4009;
        -webkit-text-stroke: 0.8px;
        display: flex;
        gap: 5px;
        align-items: center;
    }

    .notesFlex p img {
        width: 70px;
        /* height: 50px; */
        display: block;
    }


}