/* NATOON SERVICE */

body.shown .loader .logo { background-image: url("https://media.getmood.io/warehouse/dynamic/768110.svg"); }

#home-gallery .companies { z-index: 3; }
#home-gallery .opacity-layer { z-index: 3;}
#home-gallery .gallery-caption { z-index: 3; }
#home-gallery .companies .gallery-container .gallery-cubes > div .boxes-images-outer-image { background-repeat: no-repeat; background-size: cover !important; }

body.home-page #allSectionsWrapper .section.grid-row-section.imageText { padding-inline: 0; background: var(--light-grey); }
body.home-page #allSectionsWrapper .section.grid-row-section.imageText .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text .grid-row-text { padding-inline: var(--gap-140); }
body.home-page #allSectionsWrapper .section.grid-row-section.imageText .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text .grid-row-text p { width: 24vw; }
body.pro #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper { background: var(--light-grey); }
body.services #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .images-wrapper .grid-row-cell.flexslider-box { position: relative; }
#allSectionsWrapper .section.grid-content-section.team.carousel-gallery .grid-boxes { justify-content: flex-start;}

#main-header.bg .header-container .header-left a.logoHeader { background-image: url("https://media.getmood.io/warehouse/dynamic/768112.svg"); }

@media (min-width: 1025px) { #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box { width: 18.125vw; }
    #allSectionsWrapper .section.grid-content-section.team.carousel-gallery { padding-inline-end: 0; }
}
@media(max-width: 1024px) {
    body.shown .loader .logo { width: 200px; height: 100px; background-size: contain; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; }
    .section-topText :is(p, li) { font-size: 17px; }
    #allSectionsWrapper .section.grid-row-section.imageText .grid-rows .grid-row { padding-inline: 24px; }
    #allSectionsWrapper .section.grid-content-section.team.carousel-gallery .section-title { padding: 0; }


}

#allSectionsWrapper .section.grid-content-section.about-us .section-title { margin-bottom: var(--gap-48); position: relative; /* font-size: var(--fs-56); */ }
#allSectionsWrapper .section.grid-content-section.about-us .grid-boxes .grid-box { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--stroke); padding-inline: var( --gap-40); padding-block: var( --gap-32); border-radius: var(--gap-6); max-width: 25.313vw; height: 17.708vw; }
@media(min-width: 1025px){
#allSectionsWrapper .section.grid-content-section.about-us { padding-inline-start: var(--gap-240); padding-block: var(--gap-240); }
#allSectionsWrapper .section.grid-content-section.about-us .section-title h2 { font-size: var(--fs-56); text-align: start; }

}
@media(max-width: 1024px){
    #allSectionsWrapper .section.grid-content-section.about-us .section-title { padding-inline: 24px; margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-content-section.about-us .section-title h2 { text-align: start; }
    #allSectionsWrapper .section.grid-content-section.about-us .grid-boxes { overflow: auto; }
    #allSectionsWrapper .section.grid-content-section.about-us .grid-boxes .grid-box { padding-inline: 16px; padding-block: 16px; max-width: unset; min-width: 327px; height: unset; }
    #allSectionsWrapper .section.grid-content-section.about-us .grid-boxes .grid-box:first-child { margin-inline-start: 24px; }

}
#allSectionsWrapper .section.grid-content-section.about-us .grid-boxes { display: flex; gap: var(--gap-16); }
#allSectionsWrapper .section.grid-content-section.about-us .grid-boxes .grid-box .grid-box-title { order: 2; margin-block-end: var(--gap-2); }
#allSectionsWrapper .section.grid-content-section.about-us .grid-boxes .grid-box .grid-box-subtitle { order: 3; }
#allSectionsWrapper .section.grid-content-section.about-us .grid-boxes .grid-box .grid-box-fulltext { order: 1; margin-block-end: auto; }
#allSectionsWrapper .section.grid-content-section.about-us .grid-boxes .grid-box .grid-box-fulltext p { text-align: start; color: var(--dark-grey-text); font-size: var(--fs-18); }
#allSectionsWrapper .section.grid-content-section.about-us .grid-boxes .grid-box .grid-box-fulltext::before { content: ''; display: block; background: url(https://media.getmood.io/warehouse/dynamic/711370.svg) no-repeat center; width: 29px; height: 18px; background-size: contain; margin-block-end: var(--gap-12); }
#allSectionsWrapper .section.grid-content-section.about-us .grid-boxes .grid-box .grid-box-title h3 a { color: var(--dark-blue); font-family: var(--font-2); font-size: var(--fs-16); }
#allSectionsWrapper .section.grid-content-section.about-us .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-18); color: var(--dark-grey-text); }