/*
Theme Name: G City
Author: Rabeea
*/

@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";
@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";
@font-face {
    font-family: "Electron";
    src: url("./assets/fonts/FbElectronConHeb-Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
:root {
    direction: rtl;
    --dark-blue: #000031;
}
.noto {
    font-family: "Noto Sans Hebrew";
}
.electron {
    font-family: "Electron", "Bebas Neue";
}
.rubik {
    font-family: "Poppins", sans-serif;
}
.bebas-neue {
    font-family: "Bebas Neue", serif;
}
.bebas-neue-regular {
    font-family: "Bebas Neue", serif;
    font-weight: 400;
    font-style: normal;
}
.noto-sans-hebrew {
    font-family: "Noto Sans Hebrew", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.ff-english-title {
    font-family: "Bebas Neue", serif;
}
.btn-primary-dark {
    background-color: #000069;
    border-color: #000069;
    color: #fff !important;
}
.btn-primary-dark:hover,
.btn-primary-dark:focus,
.btn-primary-dark:active,
.btn-primary-dark.active {
    background-color: #000050 !important;
    border-color: #000050 !important;
    text-decoration: none !important;
}
.numerical_row:nth-child(2) .numerical_value {
    color: #c81e5d !important;
}
.numberic_cell_0, .numberic_cell_1 {
    color: #c81e5d !important;
}
.numberic_cell_2, .numberic_cell_3 {
    color: #4a73ba !important;
}
.numberic_cell_4, .numberic_cell_5 {
    color: #5d479e !important;
}
.numberic_cell_6, .numberic_cell_7 {
    color: #3eb9bf !important;
}
.numerical_row:nth-child(2) {
    padding: 0 120px;
}
.numerical_row:nth-child(3) .numerical_value {
    color: #4a73ba !important;
}
.numerical_row:nth-child(3) {
    padding: 0 15px;
}
.numerical_row:nth-child(4) .numerical_value {
    color: #5d479e !important;
}
.numerical_row:nth-child(4) {
    padding: 0 0px;
}
.numerical_row:nth-child(5) .numerical_value {
    color: #3eb9bf !important;
}
.numerical_row:nth-child(5) {
    padding: 0 80px;
}
.timeless_design_tile {
    padding-right: 190px;
}
@media screen and (width <= 768px) {
    .timeless_design_tile {
        & {
            padding-right: 0;
        }
    }
}
.row .entreprenuer_card {
    border-left: 1px solid rgba(0, 0, 0, 0.1882352941);
}
form input,
form textarea {
    direction: rtl;
    text-align: right;
}
#app_navbar {
    transition: scale 250ms ease-in-out;
    top: -20px;

    a {
        transition: all 100ms ease-in-out;
    }
    a.active:not(.btn-primary-dark) {
        scale: 1.2;
        color: var(--bs-primary) !important;
    }
}
.scrolled {
    scale: 0.8;
    &:hover {
        scale: 0.85;
    }
}
#video:playing .play_video {
    opacity: 0;
}
#video:hover .play_video {
    opacity: 1;
}
.play_video {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    i {
        font-size: 40px;
        margin-left: 5px;
    }
}
.complex_padding {
    padding: 100px 200px;
}
@media screen and (width <= 768px) {
    .complex_padding {
        & {
            padding: 65px 20px;
        }
    }
}
.complex_image {
    max-height: 600px;
    width: 100%;
    object-position: center;
}
.offices_title {
    margin-top: 6rem;
}
._office_gallery {
    margin-bottom: -540px;
}
@media screen and (width <= 768px) {
    ._office_gallery {
        & {
            margin-bottom: 50px;
        }
    }
}
.offices_wrapper {
    background-color: #000031;
}
@media screen and (width <= 768px) {
    .offices_wrapper {
        /* background-color: transparent; */
        & .text-white {
            /* color: black !important; */
        }
    }
}
.gallery_item_container {
    width: 540px;
    height: 500px;
    flex: 1;
    transition: all 500ms ease-in-out;
    /* &:hover {
        flex: 3;
    }
    &:hover img {
        box-shadow: 0 0 16px rgba(244, 244, 244, 0.5019607843);
    } */
}
.solution-icon-mb {
    margin-bottom: 8rem;
}
@media screen and (width <= 768px) {
    .text-center-mb {
        text-align: center !important;
    }
}
#complexes {
    background-color: white;
}
@media screen and (width <= 768px) {
    #complexes {
        background-color: #f5f5f5;
    }
}
.complex_paragraph_padding {
    padding: 0 100px;
}
@media screen and (width <= 768px) {
    .complex_paragraph_padding {
        & {
            background-color: white;
            padding: 0 30px;
        }
    }
}
@media screen and (width <= 768px) {
    .complex_row {
        & {
            padding: 10px;
            flex-direction: column-reverse !important;
            gap: 20px;
        }
    }
}
@media screen and (width <= 768px) {
    .wide_image_section_image {
        height: 72dvh;
    }
}
@media screen and (width <= 768px) {
    .hide-mobile {
        display: none;
    }
}
@media screen and (width <= 768px) {
    html,
    body {
        max-width: 100dvw;
        overflow-x: hidden;
    }
}
.slick-dots {
    position: static;
}
.slick-dots li button:before {
    font-size: 15px;
}
.slick-dots li.slick-active button:before {
    color: #000069;
}
.mobile-menu {
    width: 92dvw;
    left: -4px !important;
    top: 10px !important;
    border-radius: 14px;
    border: none;
    background-color: #fffaf3 !important;
}
.mobile-navbar {
    width: 92dvw;
    background-color: #fffaf3 !important;
    position: fixed;
    z-index: 999;
}

.dynamicGap {
    gap: 6rem;
}

.fs-6 {
    @media screen and (width > 768px) {
        & {
            font-size: 18px !important;
        }
    }
}

.bg-dark-blue {
    background-color: var(--dark-blue);
    color: white;
}

.specific-padding-top {
    @media screen and (width <= 1024px) {
        & {
            padding-top: 120px !important;
        }
    }
}

#stickyCtaButton {
    transition: all 500ms ease-in-out;
}