/*
Theme Name:   Hello Elementor Child
Template:     hello-elementor
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: Florensa Demo;
    src: url("/wp-content/fonts/florensa-font/FlorensaDemoRegular-lgrX0.ttf");
    font-weight: 400;
}

body.home {
    overflow: hidden;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
        width: 100%;
    }
}

@media (min-width: 1921px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1820px;
        width: 100%;
    }
}


.creative-section {
    position: relative;
    background: url(/wp-content/uploads/2024/09/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

header#site-header {
    position: absolute;
    width: 100%;
    margin: auto;
    z-index: 9;
    max-width: 100%;
}

header#site-header .site-title.logo a {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

body.home .site-header .site-branding a.custom-logo-link {
    position: absolute;
    top: 40px;
    font-size: 40px;
    font-weight: bold;
    color: white;
    animation: logoMove 1.5s forwards;
    animation-delay: 8.3s;
    left: 0;
    right: 0;
    z-index: 999999;
}

body.home .site-header .site-branding a.custom-logo-link img {
    display: flex;
    margin: auto;
}

body.page-template-about .site-header .site-branding a.custom-logo-link {
    position: absolute;
    top: 40px;
    font-size: 40px;
    font-weight: bold;
    color: white;
    animation: logoMove 0.3s forwards;
    left: 0;
    right: 0;
    z-index: 999999;
}

body.page-template-about .site-header .site-branding a.custom-logo-link img {
    display: flex;
    margin: auto;
}

@keyframes logoMove {
    0% {
        top: 50vh;
        opacity: 0;
    }
    25% {
        top: 40px;
        opacity: 1;
    }
    50% {
        top: 20px;
    }
    75% {
        top: 30px;
    }
    100% {
        top: 40px;
        animation-timing-function: ease-in-out;
    }
}


.girl-container {
    position: absolute;
    bottom: -640px;
    animation: girlMove 0.6s 0.7s forwards ease-out;
    max-width: 1320px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin: auto;
}

.creative-section .girl-container img.girl-img {
    width: auto;
    border-radius: 0px;
}

@keyframes girlMove {
    0% {
        bottom: -300px;
        opacity: 1;
    }
    100% {
        bottom: 0px;
        opacity: 1;
    }
}

.menu {
    position: relative;
}

.menu-item {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: gray;
    margin-top: 5px;
    opacity: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.5s ease, opacity 0.5s ease;
    animation-delay: 9s;
}

@keyframes circleFadeIn43 {
    0% {
        transform: translateY(100vh);
        opacity: 1;
    }
    80%{
        transform: translateY(42vh);
        opacity: 1;
    }
    90% {
        transform: translateY(39vh);
        opacity: 1;
    }
    100% {
        transform: translateY(42vh);
        opacity: 1;
    }
}

@keyframes circleFadeIn42 {
    0% {
        transform: translateY(100vh);
        opacity: 1;
    }
    80%{
        transform: translateY(52vh);
        opacity: 1;
    }
    90% {
        transform: translateY(49vh);
        opacity: 1;
    }
    100% {
        transform: translateY(52vh);
        opacity: 1;
    }
}

@keyframes circleFadeIn41 {
    0% {
        transform: translateY(100vh);
        opacity: 1;
    }
    80%{
        transform: translateY(62vh);
        opacity: 1;
    }
    90% {
        transform: translateY(59vh);
        opacity: 1;
    }
    100% {
        transform: translateY(62vh);
        opacity: 1;
    }
}

@keyframes circleFadeIn40 {
    0% {
        transform: translateY(100vh);
        opacity: 1;
    }
    80%{
        transform: translateY(72vh);
        opacity: 1;
    }
    90% {
        transform: translateY(69vh);
        opacity: 1;
    }
    100% {
        transform: translateY(72vh);
        opacity: 1;
    }
}

#menu-item-43 {
    animation: circleFadeIn43 0.2s forwards ease-out;
    animation-delay: 12s;
    background: url(/wp-content/uploads/2024/09/first-bubb.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 190px;
    max-width: 190px !important;
    position: absolute;
    top: -90px;
    left: 114px;
}

#menu-item-42 {
    animation: circleFadeIn42 0.2s forwards ease-out;
    animation-delay: 15s;
    background: url(/wp-content/uploads/2024/09/second-bubb.png);
    background-size: cover;
    background-position: center;
    max-width: 233px !important;
    height: 242px !important;
    position: absolute;
    right: 120px;
    top: -250px;
}

#menu-item-41 {
    animation: circleFadeIn40 0.2s forwards ease-out;
    animation-delay: 14s;
    background: url(/wp-content/uploads/2024/09/third-bubb.png);
    background-size: cover;
    background-position: center;
    max-width: 263px !important;
    width: 100% !important;
    height: 254px !important;
    top: -132px;
    right: 118px;
}

#menu-item-40 {
    animation: circleFadeIn41 0.2s forwards ease-out;
    animation-delay: 13s;
    background: url(/wp-content/uploads/2024/09/four-bubb.png);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 295px !important;
    width: 100% !important;
    height: 270px;
    left: 165px;
    top: -13px;
}


.menu-item a {
    opacity: 0;
    transition: opacity 0.1s ease;
    pointer-events: none;
    z-index: 99999999999999;
}

.menu-item:hover a {
    opacity: 1 !important;
    pointer-events: auto;
}

header#site-header nav.site-navigation ul#menu-header-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

header#site-header nav.site-navigation ul#menu-header-menu li {
    max-width: fit-content;
    width: 100%;
}

header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 {
    order: 1;
}

header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 {
    order: 2;
}

header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
    order: 4;
}

header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-40 {
    order: 3;
}

header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 a::after {
    content: "";
    background: url(/wp-content/uploads/2024/10/about_in.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 130px;
    height: 39px;
    margin-top: 10px;
    display: block;
    transition: transform 0.3s ease-in-out;
}

header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43, li#menu-item-42, li#menu-item-41, li#menu-item-40, a:hover::after {
    transform: translateY(-2px);
}


header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 a::after {
    content: "";
    background: url(/wp-content/uploads/2024/09/service.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 135px;
    height: 133px;
    margin-top: -18px;
    margin-left: 4px;
    display: block;
    transition: transform 0.3s ease-in-out;
}

header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-40 a::after {
    content: "";
    background: url(/wp-content/uploads/2024/09/contact.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 243px;
    height: 234px;
    margin-top: 24px;
    display: block;
    transition: transform 0.3s ease-in-out;
}

header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
    content: "" !important;
    background: url(/wp-content/uploads/2024/10/project.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 172px !important;
    height: 41px !important;
    margin-top: 8px;
    display: block;
    transition: transform 0.3s ease-in-out;
}

header#site-header nav.site-navigation ul#menu-header-menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0px;
}


body.page-template-about header#site-header nav.site-navigation {
    display: none;
}

.about-section{
    position: relative;
    background: url(/wp-content/uploads/2024/09/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
}

.contact-section{
    position: relative;
    background: url(/wp-content/uploads/2024/09/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.animated {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.creative-section {
    position: relative;
    z-index: 2;
    transform: translateY(0%);
    transition: transform 3s ease-in-out;
    opacity: 0;
}

.creative-section.show {
    transform: translateY(0%);
    opacity: 1;
}

.site-header {
    display: none;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}

.site-header.show {
    display: block;
    opacity: 1;
}

.page-template-about header#site-header {
    display: none;
}

.about_logo {
    position: absolute;
    width: 100%;
    margin: auto;
    z-index: 9;
    max-width: 100%;
    top: 40px;
    height: 180px;
}

.about_logo .aboutLogo img.about_logo {
    max-width: 312px;
    width: 100%;
}

.about_logo .aboutLogo {
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

body.page-template-contact header#site-header {
    display: none;
}

.contact-section .row {
    margin-top: 160px;
}

.about-section .about-desc h2.animate-head {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-family: Florensa Demo;
    font-size: 54px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    margin-bottom: 20px;
}

.about-section .about-desc p.animate-text {
    font-family: Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    text-align: justify;
    color: #fff;
    text-shadow: none !important;
}

.about-section .about_image img {
    width: 100%;
}

.about-section .about_image {
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: 23px;
}

.about_logo .aboutLogo a {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

form.wpforms-form input {
    width: 100% !IMPORTANT;
    max-width: 100% !IMPORTANT;
    border: 1px solid rgba(224, 224, 224, 1) !important;
    background: rgba(255, 255, 255, 1) !IMPORTANT;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
}

form.wpforms-form textarea {
    width: 100% !IMPORTANT;
    max-width: 100% !IMPORTANT;
    border: 1px solid rgba(224, 224, 224, 1) !important;
    background: rgba(255, 255, 255, 1) !IMPORTANT;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
}

.about-section .row .about-desc {
    max-width: 330px;
    width: 100%;
}

.contact-section .contact-form label {
    font-family: Florensa Demo;
    font-size: 16px ! IMPORTANT;
    font-weight: 400;
    line-height: 24px ! IMPORTANT;
    text-align: left;
    color: #fff ! IMPORTANT;
    margin-bottom: 6px ! IMPORTANT;
}

.contact-section .contact-form input, textarea {
    styleName: Small text !important;
    font-family: "Inter", sans-serif ! IMPORTANT;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-align: left;
    color: rgba(130, 130, 130, 1) !important;
    outline: none;
    border: 1px solid rgba(224, 224, 224, 1) ! IMPORTANT;
    border-radius: 8px ! IMPORTANT;
}

.contact-section .contact-form input:placeholder, textarea:placeholder{
    styleName: Small text !important;
    font-family: Inter !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-align: left;
    color: rgba(130, 130, 130, 1) !important;
}

.contact-section .contact-form .wpforms-field-textarea {
    flex-direction: column-reverse;
    display: flex;
    gap: 6px;
}

.contact-section .contact-form button {
    background: #000 !IMPORTANT;
    padding: 15.5px 153px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Florensa Demo !important;
    font-size: 20px !Important;
    font-weight: 400 !IMPORTANT;
    line-height: 30px !IMPORTANT;
    text-align: left;
    height: 100% !IMPORTANT;
    width: 100%;
    transition: .6s !IMPORTANT;
    cursor: pointer !important;
    border: 1px solid #000 !important;
    outline: none !important;
}

.contact-section .contact-form button:hover{
    background: none !important;
    border: 1px solid #fff !important;
    font-family: Florensa Demo !important;
    font-size: 20px !Important;
    font-weight: 400 !IMPORTANT;
    line-height: 30px !IMPORTANT;
}

.contact-section .contact-form button::after{
    display: none !important;
}

.contact-section .contact-form .wpforms-submit-container {
    min-height: 61px;
    height: 100%;
    max-width: 60%;
}

.contact-section .contact-form .wpforms-field {
    padding-bottom: 0px;
}

.contact-section .contact-form div#wpforms-75-field_3-container {
    padding-top: 25px;
}

body.page-id-34{
    overflow: hidden;
}

section.service{
    position: relative;
    background: url(/wp-content/uploads/2024/09/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

body.page-id-34 header#site-header {
    display: none;
}

body.page-id-34 footer#site-footer {
    display: none;
}

.service .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.service .contentX {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-bottom: 70px;
}

.service .animate-text {
    animation: bounce 2s ease forwards;
    opacity: 0;
}

.service .row:nth-child(1) .animate-text {
    animation-delay: 0.5s;
}

.service .row:nth-child(2) .animate-text {
    animation-delay: 2s;
}

.service .row:nth-child(3) .animate-text {
    animation-delay: 3.5s;
}

@keyframes bounce {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    50% {
        transform: translateY(-20px);
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.service .contentX span.photograph {
    position: absolute;
    top: -170%;
    left: 200px;
}

.service .contentX .billboard {
    text-align: center;
    margin-top: -6%;
    position: relative;
    left: 5%;
}

.service .row:nth-child(1) {
    margin-top: 250px;
}

.service .contentX .billboard img.logoA:nth-child(1) {
    position: relative;
    top: -30px;
    left: 60px;
}

.service .contentX span.logo_design {
    position: relative;
    left: 8%;
    margin-top: -5%;
}

.service .contentX .banners {
    position: relative;
    top: 22px;
    left: 20px;
}

.contact-section .contact-form div#wpforms-75-field_1-container {
    max-width: 60%;
    width: 100%;
}

body.page-id-38 footer#site-footer {
    display: none;
}

.service .contentX span.packaging_logo {
    position: relative;
    top: -60px;
}

.service .contentX span.merch_logo {
    position: relative;
    left: -90px;
    max-width: 120px;
    width: 100%;
}

.service .contentX span.documents_logo {
    position: relative;
    top: -99px;
    left: 5%;
    max-width: 150px;
    width: 100%;
}

.service .contentX span.social_media_logo {
    position: relative;
    left: -100px;
}

.service .contentX  span.banners_logo {
    position: relative;
    top: -62px;
}

.service .contentX  span.flyer_brochure_logo {
    position: relative;
    left: -75px;
    max-width: 100px;
    width: 100%;
}

.service .contentX span.flyer_brochure_logo img.logoA {
    width: 100%;
}

.service .contentX span.poster {
    position: relative;
    top: 50px;
}

body.page-id-36 header#site-header {
    display: none;
}

body.page-id-36 footer#site-footer {
    display: none;
}

section.our-work{
    position: relative;
    background: url(/wp-content/uploads/2024/09/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

body.page-id-36 {
    overflow: hidden;
}

body.page-id-36 .aboutLogo img.about_logo {
    margin-top: 20px;
}

section.our-work .row {
    margin-top: 100px;
    display: flex;
    align-items: flex-end;
}

section.our-work .owl-item:nth-child(1) .item img.carousel-image {
    max-width: fit-content !important;
    width: 100%;
    object-fit: cover;
    height: 160px;
}

section.our-work .row {
    display: flex;
}

section.our-work .col-left, .col-right {
    flex: 1;
    text-align: center;
    margin: auto;
}

section.our-work img {
    max-width: fit-content;
     width: 100%; 
    height: auto;
    cursor: pointer;
}

section.our-work .hidden {
    display: none; 
}

section.our-work .owl-carousel .item {
    position: relative;
    text-align: center;
    color: #fff;
    border-radius: 10px;
}

section.our-work div#carousel .owl-item .image-container {
    display: flex;
    gap: 15px;
    justify-content: center;
}

section.our-work div#carousel .owl-stage{
    display: flex;
    align-items: center;
}

section.our-work div#carousel {
    position: relative;
}

#carousel .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#carousel2 .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#carousel .owl-nav button.owl-prev {
    margin-left: -20px;
}

#carousel .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel .owl-nav button {
    margin-top: -40px;
}

#carousel .owl-nav button.disabled{
    opacity: 0;
}

#carousel .owl-nav button:hover {
    background: none;
    padding: 0px;
}

#carousel2 .owl-nav button.owl-prev {
    margin-left: -20px;
}

#carousel .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel2 .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel2 .owl-nav button {
    margin-top: -40px;
}

#carousel2 .owl-nav button.disabled{
    opacity: 0;
}

#carousel2 .owl-nav button:hover {
    background: none;
    padding: 0px;
}

section.our-work .left-image, .right-image, p {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-family: Florensa Demo;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
}

section.our-work div#carousel .owl-item .image-container.slide-third-x {
    flex-direction: column;
}

section.our-work div#carousel .owl-item .image-container.slide-third-x img.carousel-image {
    max-width: 100%;
}

section.our-work .product-img-section-x {
    align-items: flex-end;
}

section.our-work .product-img-section-x .products-x {
    text-align: center;
}

section.our-work .product-img-section-x .products-x img {
    max-width: 400px;
    width: 100%;
    height: 280px;
    object-fit: contain;
}

section.our-work div#carousel2 .owl-stage {
    display: flex;
    align-items: center;
}

@keyframes bounceFromBottom {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    60% {
        transform: translateY(-5%);
        opacity: 1;
    }
    80% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0);
    }
}

.serveXi img {
    animation: bounceFromBottom 0.8s ease-out;
}

.page-id-31 footer#site-footer {
    display: none;
}

.creative-section .girl-container img.girl-img.girlmobile{
    display: none;
}

.creative-section .girl-container img.girlmobileIn {
    display: none;
}

section.service.mobile-view {
    display: none;
}

.animated.mobile_inx{
    display: none;
}


section.our-work div#carousel .owl-item .image-container {
    display: flex;
    gap: 15px;
    justify-content: center;
}

section.our-work div#carousel .owl-stage{
    display: flex;
    align-items: center;
}

section.our-work div#carousel {
    position: relative;
}

#carousel .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 97%;
    right: 0;
    left: 0;
    margin: auto;
}

#carousel2 .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 97%;
    right: 0;
    left: 0;
    margin: auto;
}

#carousel3 .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 97%;
    right: 0;
    left: 0;
    margin: auto;
}

#carousel4 .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
     width: 97%;
    right: 0;
    left: 0;
    margin: auto;
}

#carousel5 .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
     width: 97%;
    right: 0;
    left: 0;
    margin: auto;
}

#carousel6 .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
     width: 97%;
    right: 0;
    left: 0;
    margin: auto;
}

#carousel7 .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
     width: 97%;
    right: 0;
    left: 0;
    margin: auto;
}

#carousel8 .owl-nav {
    position: absolute;
    top: 50%;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 97%;
    right: 0;
    left: 0;
    margin: auto;
}

#carousel .owl-nav button.owl-prev {
    margin-left: 0px;
}

#carousel .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel .owl-nav button {
    margin-top: -40px;
}

#carousel .owl-nav button.disabled{
    opacity: 0;
}

#carousel .owl-nav button:hover {
    background: none;
    padding: 0px;
}

#carousel2 .owl-nav button.owl-prev {
    margin-left: -20px;
}

#carousel2 .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel2 .owl-nav button {
    margin-top: -40px;
}

#carousel2 .owl-nav button.disabled{
    opacity: 0;
}

#carousel2 .owl-nav button:hover {
    background: none;
    padding: 0px;
}

#carousel3 .owl-nav button.owl-prev {
    margin-left: -20px;
}

#carousel3 .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel3 .owl-nav button {
    margin-top: -40px;
}

#carousel3 .owl-nav button.disabled{
    opacity: 0;
}

#carousel3 .owl-nav button:hover {
    background: none;
    padding: 0px;
}

#carousel4 .owl-nav button.owl-prev {
    margin-left: -20px;
}

#carousel4 .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel4 .owl-nav button {
    margin-top: -40px;
}

#carousel4 .owl-nav button.disabled{
    opacity: 0;
}

#carousel4 .owl-nav button:hover {
    background: none;
    padding: 0px;
}

#carousel5 .owl-nav button.owl-prev {
    margin-left: -20px;
}

#carousel5 .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel5 .owl-nav button {
    margin-top: -40px;
}

#carousel5 .owl-nav button.disabled{
    opacity: 0;
}

#carousel5 .owl-nav button:hover {
    background: none;
    padding: 0px;
}

#carousel6 .owl-nav button.owl-prev {
    margin-left: -20px;
}

#carousel6 .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel6 .owl-nav button {
    margin-top: -40px;
}

#carousel6 .owl-nav button.disabled{
    opacity: 0;
}

#carousel6 .owl-nav button:hover {
    background: none;
    padding: 0px;
}

#carousel7 .owl-nav button.owl-prev {
    margin-left: -20px;
}

#carousel7 .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel7 .owl-nav button {
    margin-top: -40px;
}

#carousel7 .owl-nav button.disabled{
    opacity: 0;
}

#carousel7 .owl-nav button:hover {
    background: none;
    padding: 0px;
}

#carousel8 .owl-nav button.owl-prev {
    margin-left: -20px;
}

#carousel8 .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

#carousel8 .owl-nav button {
    margin-top: -40px;
}

#carousel8 .owl-nav button.disabled{
    opacity: 0;
}

#carousel8 .owl-nav button:hover {
    background: none;
    padding: 0px;
}

.marketing-image-container {
    align-items: center;
}

#col-left, #col-right {
    opacity: 0;
    position: relative;
    transition: all 1.5s ease-in-out;
}

@keyframes slideInLeft {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInRight {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

#col-left {
    animation: slideInLeft 1.1s ease-in-out forwards;
    animation-delay: 0.1s;
}

#col-right {
    animation: slideInRight 1.1s ease-in-out forwards;
    animation-delay: 1s;
}

#our-work-first-section .site-branding img.custom-logo {
    width: fit-content ! IMPORTANT;
    height: auto;
}

#our-work-first-section .site-branding a.custom-logo-link {
    text-align: center;
}

#our-work-first-section header#site-header {
    top: 0px;
    left: 0px;
    right: 0px;
}

#our-work-first-section div#creativeSection img.girl-img {
    max-width: fit-content ! IMPORTANT;
    width: 100% ! IMPORTANT;
}

#our-work-first-section div#creativeSection img.girl-img {
    max-width: fit-content ! IMPORTANT;
    width: 100% ! IMPORTANT;
    height: auto ! IMPORTANT;
}

#our-work-first-section div#creativeSection .girl-container {
    animation-delay: 2s ! IMPORTANT;
}

#our-work-first-section header#site-header nav.site-navigation ul li#menu-item-43{
    animation-delay: 4s ! IMPORTANT;
}

div#our-work-first-section div#creativeSection {
    background: none;
    overflow: visible !important;
}

body.page-id-927 {
    overflow: hidden;
}

body.page-id-927 .creative-section{
    opacity: 1 !important;
}

.about-section div#about-work-first-section {
    padding-top: 0px !important;
}

#about-work-first-section .girl-container{
    animation-delay: 2s !important;
}

#about-work-first-section .girl-container {
    animation-delay: 2s ! IMPORTANT;
}

body.page-id-927 footer#site-footer {
    display: none;
}

#about-work-first-section header#site-header{
    display: flex;
}

#about-work-first-section header#site-header nav.site-navigation{
    display: flex;
}

#about-work-first-section #menu-item-43{
    animation-delay: 3s !important;
}

#about-work-first-section #menu-item-42{
    animation-delay: 4s !important;
}

#about-work-first-section #menu-item-41{
    animation-delay: 5s !important;
}

#about-work-first-section #menu-item-40{
    animation-delay: 6s !important;
}

#about-work-first-section a.custom-logo-link {
    text-align: center;
    z-index: 999;
}

#about-work-first-section header#site-header nav.site-navigation {
    display: flex;
    margin-top: -75px ! IMPORTANT;
}

.page-id-31 #about-work-first-section header#site-header nav.site-navigation {
    display: flex;
    margin-top: 0px ! IMPORTANT;
}

section.our-work .owl-item:nth-child(1) .item .image-container {
    flex-wrap: nowrap;
}

section.our-work .owl-item {
    overflow: hidden;
}

section#carousel .owl-item:nth-child(1) img{
    opacity: 0;
}

section#carousel .owl-item:nth-child(1) img:nth-child(1) {
    animation: showCenter 0.2s ease-in-out forwards;
    animation-delay: 1.5s;
}

section#carousel .owl-item:nth-child(1) img:nth-child(2) {
    animation: rightTofirst 0.2s ease-in-out forwards;
    animation-delay: 1s;
}

section#carousel .owl-item:nth-child(1) img:nth-child(3) {
    animation: rightTotwo 0.2s ease-in-out forwards;
    animation-delay: 0s;
}

section#carousel .owl-item:nth-child(1) img:nth-child(4) {
    animation: leftTothree 0.2s ease-in-out forwards;
    animation-delay: 2s;
}

section#carousel .owl-item:nth-child(1) img:nth-child(5) {
    animation: leftToFour 0.2s ease-in-out forwards;
    animation-delay: 2.5s;
}

section#carousel .owl-item:nth-child(1) .image-container {
    display: flex;
    gap: 8px;
}


@keyframes showCenter {
    0% {
        transform: translateX(500%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes rightTofirst {
    0% {
        transform: translateX(475%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes rightTotwo {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes leftTothree {
    0% {
        transform: translateX(-475%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes leftToFour {
    0% {
        transform: translateX(-500%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@media(min-width: 1921px){
    .contact-section .contact_image {
        text-align: end;
    }

    .contact-section .contact-form {
        max-width: 570px;
        width: 100%;
    }

    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 {
        order: 1;
        left: 366px;
    }
}

@media(max-width: 1920px){
    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 {
        order: 1;
        top: -240px;
        left: 180px;
    }

    #our-work-first-section header#site-header nav.site-navigation ul li#menu-item-42 {
        animation-delay: 5s ! IMPORTANT;
        top: -350px;
    }

    #our-work-first-section header#site-header nav.site-navigation ul li#menu-item-41 {
        animation-delay: 6s ! IMPORTANT;
        top: -190px ! IMPORTANT;
    }

    #our-work-first-section header#site-header nav.site-navigation ul li#menu-item-40 {
        animation-delay: 7s ! IMPORTANT;
        top: -110px;
    }

    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 {
        order: 1;
        top: -240px;
        left: 180px;
    }
}

    #our-work-first-section header#site-header nav.site-navigation ul li#menu-item-42 {
        animation-delay: 5s ! IMPORTANT;
    }

    #our-work-first-section header#site-header nav.site-navigation ul li#menu-item-41 {
        animation-delay: 6s ! IMPORTANT;
    }

    #our-work-first-section header#site-header nav.site-navigation ul li#menu-item-40 {
        animation-delay: 7s ! IMPORTANT;
    }



@media (min-width: 1921px) {
    @media (min-height: 600px) and (max-height: 1080px) {
        .creative-section .girl-container img.girl-img {
            width: 50% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 190px;
            max-width: 190px !important;
            position: absolute;
            top: -125px;
            left: 426px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 233px !important;
            height: 242px !important;
            position: absolute;
            right: 439px;
            top: -254px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 295px !important;
            width: 100% !important;
            height: 270px;
            left: 411px;
            top: 0px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 263px !important;
            width: 100% !important;
            height: 254px !important;
            top: -74px;
            right: 404px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 1081px){
        .creative-section .girl-container img.girl-img {
            width: 50% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 190px;
            max-width: 190px !important;
            position: absolute;
            top: -145px;
            left: 426px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 233px !important;
            height: 242px !important;
            position: absolute;
            right: 339px;
            top: -254px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 295px !important;
            width: 100% !important;
            height: 270px;
            left: 411px;
            top: 60px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 263px !important;
            width: 100% !important;
            height: 254px !important;
            top: -74px;
            right: 404px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 1201px) and (max-height: 1400px){
        .creative-section .girl-container img.girl-img {
            width: 50% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: -136px;
            left: 420px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 349px;
            top: -286px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 393px;
            top: 85px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: -39px;
            right: 337px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 1401px) and (max-height: 1600px){
        .creative-section .girl-container img.girl-img {
            width: 70% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 190px;
            max-width: 190px !important;
            position: absolute;
            top: -82px;
            left: 366px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 233px !important;
            height: 242px !important;
            position: absolute;
            right: 358px;
            top: -254px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 305px;
            top: 35px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 295px !important;
            width: 100% !important;
            height: 270px !IMPORTANT;!I;!;
            top: -83px;
            right: 341px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 1601px) and (max-height: 1800px){
        .creative-section .girl-container img.girl-img {
            width: 70% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: -82px;
            left: 366px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 272px;
            top: -254px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 320px;
            top: 156px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: 48px;
            right: 297px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 1801px) and (max-height: 2000px){
        .creative-section .girl-container img.girl-img {
            width: 70% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: -82px;
            left: 366px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 229px;
            top: -254px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 316px;
            top: 211px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: 48px;
            right: 283px;
        }
    }
}


@media(min-width: 1921px){
    @media (min-height: 2001px) and (max-height: 2300px){
        .creative-section .girl-container img.girl-img {
            width: 70% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: -82px;
            left: 366px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 213px;
            top: -254px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 294px;
            top: 244px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: 82px;
            right: 244px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 2301px) and (max-height: 2500px){
        .creative-section .girl-container img.girl-img {
            width: 70% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: 112px;
            left: 366px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 229px;
            top: -102px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 270px;
            top: 379px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: 160px;
            right: 236px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 2501px) and (max-height: 2800px){
        .creative-section .girl-container img.girl-img {
            width: 70% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: 220px;
            left: 366px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 229px;
            top: -40px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 267px;
            top: 470px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: 242px;
            right: 245px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 2801px) and (max-height:3100px){
        .creative-section .girl-container img.girl-img {
            width: 70% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: 432px;
            left: 366px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 233px;
            top: 93px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 260px;
            top: 586px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: 305px;
            right: 230px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 3101px) and (max-height:3400px){
        .creative-section .girl-container img.girl-img {
            width: 70% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: 613px;
            left: 366px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 182px;
            top: 262px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 236px;
            top: 691px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: 402px;
            right: 191px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 3401px) and (max-height:3700px){
        .creative-section .girl-container img.girl-img {
            width: 70% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: 806px;
            left: 366px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 272px;
            top: 352px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 296px;
            top: 836px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: 479px;
            right: 250px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 3701px) and (max-height: 4000px){
        .creative-section .girl-container img.girl-img {
            width: 70% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: 281%;
            left: 366px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 221px;
            top: 144%;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 241px;
            top: 988px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: 604px;
            right: 220px;
        }
    }
}

@media(min-width: 1921px){
    @media (min-height: 4001px) and (max-height: 5000px){
        .creative-section .girl-container img.girl-img {
            width: 100% !important;
            border-radius: 0px;
        }

        body #menu-item-43 {
            animation: circleFadeIn43 1s forwards ease-out;
            animation-delay: 13.5s;
            background: url(/wp-content/uploads/2024/09/first-bubb.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 270px;
            max-width: 293px !important;
            position: absolute;
            top: 879px;
            left: 126px;
        }

        body #menu-item-42 {
            animation: circleFadeIn42 1s forwards ease-out;
            animation-delay: 17.5s;
            background: url(/wp-content/uploads/2024/09/second-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 364px !important;
            height: 273px !important;
            position: absolute;
            right: 131px;
            top: 339px;
        }

        body #menu-item-40 {
            animation: circleFadeIn41 1s forwards ease-out;
            animation-delay: 14.5s;
            background: url(/wp-content/uploads/2024/09/four-bubb.png);
            background-size: cover;
            background-repeat: no-repeat;
            max-width: 326px !important;
            width: 100% !important;
            height: 285px;
            left: 69px;
            top: 1043px;
        }

        body #menu-item-41 {
            animation: circleFadeIn40 1s forwards ease-out;
            animation-delay: 16s;
            background: url(/wp-content/uploads/2024/09/third-bubb.png);
            background-size: cover;
            background-position: center;
            max-width: 288px !important;
            width: 100% !important;
            height: 316px !important;
            top: 615px;
            right: 35px;
        }
    }
}


@media(max-width: 1200px){
    section.our-work header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 {
        order: 1;
        top: -240px;
        left: 28px;
    }
}


@media(min-width: 768px){
    section.our-work div#creativeSection {
        background: none !important;
    }

    section.our-work header#site-header{
        padding-top: 0px !important;
    }

    section.our-work .row {
        align-items: flex-start ! IMPORTANT;
    }

    section.our-work .row div#col-left {
        margin-bottom: 0px ! IMPORTANT;
        margin-top: 0px ! IMPORTANT;
    }

    section.our-work .row div#col-left div#left-image img {
        margin-bottom: 0px !important;
    }
}

@media(max-width: 767px){
    .slideImage-X {
    width: 1000px;
}
    section.our-work .creative-section {
        margin-top: -31px ! IMPORTANT;
    }
    section.our-work div#our-work-first-section {
        overflow: hidden;
    }
    .contact-section .row {
        margin-top: 0 !important;
    }
    .mobile-view .row-2 .contentX span.animate-text:nth-child(6) img.logoA {
        position: absolute;
        right: 100px;
        top: 35px;
    }
    section.service.mobile-view span.animate-text.events-\&-booths img.logoA {
        height: auto;
        width: 120px;
    }
    section.service.mobile-view span.animate-text.branding_logo img.logoA {
        width: 110px;
    }
    section.service.mobile-view .col-12 {
        width: 360px !important;
        margin: 0 auto;
    }
    body.page-id-34{
        overflow: scroll !important;
    }
    .service .row:nth-child(1) {
        margin-top: 140px;
    }
    .about-section .about-desc h2.animate-head {
        position: absolute;
        top: -45px;
        left: 0;
        right: 0;
    }

    .about-desc {
        position: relative;
    }
    .page-id-31 .about_logo .aboutLogo img.about_logo {
        max-width: 160px;
        width: 100%;
        margin-top: 30px;
    }

    .page-id-31 .about_logo .aboutLogo img.about_logo {
        max-width: 160px;
        width: 100%;
        margin-top: 25px;
    }

    .page-id-31 .about-section .row .about-desc {
        max-width: 100%;
        width: 100%;
        padding-top: 20px;
    }

    .page-id-31 .about-section .row .about_image {
        max-width: 320px;
        width: 100%;
        margin: auto;
    }

    .page-id-31 .about-section .row .about-desc h2.animate-head {
        text-align: center;
        font-size: 50px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .page-id-31 .about-section .row .about-desc p.animate-text {
        font-family: Arial;
        font-size: 14px;
        font-weight: 400;
        line-height: 23px;
        text-align: center;
    }

    body.home .site-header .site-branding a.custom-logo-link img{
        max-width: 200px;
        width: 100%;
    }

    .creative-section .girl-container img.girl-img{
        display: none;
    }

    .creative-section .girl-container img.girl-img.girlmobile {
        display: block;
    }

    .creative-section .girl-container img.girlmobileIn {
        display: flex;
        width: 100%;
        max-width: 100%;
        position: relative;
        text-align: center;
        align-items: center;
        justify-content: center;
        margin: auto;
    }

    .creative-section.show .mobilelogo {
        display: flex;
        align-items: center;
        position: relative;
        width: 100%;
    }

    .creative-section.show .mobilelogo img.girl-img.girlmobile {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: -252px;
        z-index: 9;
    }

    .creative-section .girl-container img.girlmobileIn {
        display: flex;
        width: 100%;
        max-width: 100%;
        height: 260px;
        position: relative;
        text-align: center;
        align-items: center;
        justify-content: center;
        margin: auto;
        object-fit: cover;
        z-index: 99;
    }

    .contact-section .contact_image img.aboutimage {
        display: none;
    }

    .contact-section .contact-form div#wpforms-75-field_1-container {
        max-width: 100%;
        width: 100%;
    }

      .about_logo {
        max-width: 157px;
        width: 100%;
        left: 0;
        right: 0;
        top: 0px;
        height: 92px;
    }

    .contact-section .contact-form .wpforms-submit-container button#wpforms-submit-75 {
        padding: 12px 60px ! IMPORTANT;
        border-radius: 8px ! IMPORTANT;
        font-family: Florensa Demo;
        font-size: 20px ! IMPORTANT;
        font-weight: 400;
        line-height: 30px ! IMPORTANT;
    }

    section.service.desk-view {
        display: none;
    }

    section.service.mobile-view {
        display: block;
    }

    section.service.mobile-view .contentX {
        flex-direction: column;
    }

    .mobile-view .row {
        display: flex;
        flex-direction: column;
        opacity: 0;
        position: relative;
    }

    .mobile-view .row-1 {
        animation: slideToTop 2s ease forwards;
    }

    .mobile-view .row-2 {
        animation: slideToTop 2s ease 4s forwards; 
    }

    @keyframes slideToTop {
        0% {
            transform: translateY(100vh);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    section.service.mobile-view .col-12 {
        display: flex;
        align-items: center;
        justify-content: center;
    }


    section.service.mobile-view span.animate-text.events-\&-booths {
        position: relative;
        left: 0px;
    }

    section.service.mobile-view span.animate-text.branding_logo {
        position: relative;
        top: -70px;
        left: auto;
        width: fit-content;
        right: -130px !important;
    }

    section.service.mobile-view span.animate-text.image-editing_logo {
        position: relative;
    }

    section.service.mobile-view span.animate-text.image-editing_logo img.logoA {
        position: absolute;
        right: -100px;
        top: -80px;
        width: 90px;
    }

    section.service.mobile-view span.animate-text.merch_logo {
        position: relative;
        left: 140px;
        top: -25px;
    }

    section.service.mobile-view span.animate-text.merch_logo img.logoA {
        position: absolute;
        right: 0;
        left: 0;
    }

    section.service.mobile-view span.animate-text.billboard {
        position: relative;
        top: 60px;
        left: 60px;
    }

    section.service.mobile-view span.animate-text.billboard img.logoA:nth-child(2) {
        position: relative;
        left: -215px;
        top: -10px;
    }

    section.service.mobile-view span.animate-text.billboard img.logoA:nth-child(3) {
        position: relative;
        top: -60px;
        right: -125px;
    }

    section.service.mobile-view span.animate-text.banners_logo {
        position: relative;
        left: 220px;
        top: -75px;
    }

    section.service.mobile-view span.animate-text.banners {
        position: relative;
        top: 140px;
        left: -40px;
    }

    section.service.mobile-view span.animate-text.stationery_logo {
        position: relative;
        left: 180px;
        top: 60px;
    }

    section.service.mobile-view span.animate-text.documents_logo {
        position: relative;
        left: 240px;
        top: 55px;
    }

    section.service.mobile-view span.animate-text.billboard img.logoA:nth-child(1) {
        top: -20px;
        left: 40px;
    }

    section.service.mobile-view span.animate-text.photograph {
        top: 45%;
        left: 50px;
    }

    section.service.mobile-view .row.row-2 .contentX span.animate-text.edms {
        position: relative;
        left: 0;
        top: -95px;
    }

    section.service.mobile-view .row.row-2 .contentX span.animate-text.poster {
        position: relative;
        left: -210px;
        top: -60px;
    }

    section.service.mobile-view .row.row-2 .contentX span.animate-text.logo_design {
        position: relative;
        left: -240px;
        top: -45px;
    }

    section.service.mobile-view .row.row-2 .contentX span.animate-text.packaging_logo {
        position: relative;
        top: -60px;
        left: -20px;
    }

    section.service.mobile-view .row.row-2 .contentX span.animate-text.menu_design_logo {
        position: relative;
        left: -250%;
        top: 0;
    }

       section.service.mobile-view .row.row-2 .contentX span.animate-text.social_media_logo {
        position: relative;
        left: -200%;
        top: 120px;
    }
    .creative-section{
        background: url(/wp-content/uploads/2024/10/mbile.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100vh;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -216%;
        right: 270px;
        max-width: 185px !IMPORTANT;
        width: 100% !important;
        height: 189px !IMPORTANT;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-40 {
        position: relative;
        top: -10px;
        left: 0px;
        max-width: 184px !important;
        width: 100%;
        height: 178px !important;
    }


    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -216%;
        right: 206px;
        max-width: 185px ! IMPORTANT;
        width: 100% !important;
        height: 189px ! IMPORTANT;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-40 {
        position: relative;
        top: 0px;
        left: 0px;
        max-width: 196px !important;
        width: 100%;
        height: 186px !important;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 {
        position: absolute;
        top: -199px !important;
        left: auto !important;
        right: 10px;
        max-width: 160px ! IMPORTANT;
        width: 100%;
    }



    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 {
        right: 0px;
        top: 25px;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 a::after {
        content: "";
        background: url(/wp-content/uploads/2024/10/about_in.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 94px;
        height: 31px;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
        content: "";
        background: url(/wp-content/uploads/2024/09/our-work.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 200px;
        height: 200px;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-40 a::after {
        content: "";
        background: url(/wp-content/uploads/2024/09/contact.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 155px;
        height: 155px;
    }

    .animated.desk_inx{
        display: none;
    }

    .animated.mobile_inx{
        display: block;
    }

    .menu-item {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: gray;
        margin-top: 5px;
        opacity: 0;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: transform 0.5s ease, opacity 0.5s ease;
        animation-delay: 12s;
    }

    @keyframes circleFadeIn43 {
        0% {
            transform: translateY(100vh);
            opacity: 1;
        }
        100% {
            transform: translateY(42vh);
            opacity: 1;
        }
    }

    @keyframes circleFadeIn42 {
        0% {
            transform: translateY(100vh);
            opacity: 1;
        }
        100% {
            transform: translateY(52vh);
            opacity: 1;
        }
    }

    @keyframes circleFadeIn41 {
        0% {
            transform: translateY(100vh);
            opacity: 1;
        }
        100% {
            transform: translateY(62vh);
            opacity: 1;
        }
    }

    @keyframes circleFadeIn40 {
        0% {
            transform: translateY(100vh);
            opacity: 1;
        }
        100% {
            transform: translateY(72vh);
            opacity: 1;
        }
    }

    #menu-item-43 {
        animation: circleFadeIn43 1s forwards ease-out;
        animation-delay: 15s;
        background: url(/wp-content/uploads/2024/09/first-bubb.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        height: 190px;
        max-width: 190px !important;
        position: absolute;
        top: -20px;
        left: 160px;
    }

    #menu-item-42 {
        animation: circleFadeIn42 1s forwards ease-out;
        animation-delay: 18s;
        background: url(/wp-content/uploads/2024/09/second-bubb.png);
        background-size: cover;
        background-position: center;
        max-width: 233px !important;
        height: 242px !important;
        position: absolute;
        right: 140px;
        top: -140px;
    }

    #menu-item-41 {
        animation: circleFadeIn40 1s forwards ease-out;
        animation-delay: 17s;
        background: url(/wp-content/uploads/2024/09/third-bubb.png);
        background-size: cover;
        background-position: center;
        max-width: 263px !important;
        width: 100% !important;
        height: 254px !important;
        top: -80px;
        right: 190px;
    }

    #menu-item-40 {
        animation: circleFadeIn41 1s forwards ease-out;
        animation-delay: 16s;
        background: url(/wp-content/uploads/2024/09/four-bubb.png);
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 295px !important;
        width: 100% !important;
        height: 270px;
        left: 240px;
        top: 5px;
    }

    body.home .site-header .site-branding a.custom-logo-link {
        position: absolute;
        top: 40px;
        font-size: 40px;
        font-weight: bold;
        color: white;
        animation: logoMove 1.5s forwards;
        animation-delay: 10s;
        left: 0;
        right: 0;
        z-index: 999999;
    }

    .about-section {
        position: relative;
        background: url(/wp-content/uploads/2024/10/mbile.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        overflow: hidden;
        display: block;
        padding-top: 150px !important;
        padding-bottom: 50px;
    }

    .contact-section {
        position: relative;
        background: url(/wp-content/uploads/2024/10/mbile.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    section.service {
        position: relative;
        background: url(/wp-content/uploads/2024/10/mbile.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    section.our-work .left-image, .right-image, p {
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        color: #fff;
        font-family: Florensa Demo;
        font-size: 20px;
        font-weight: 400;
        line-height: 23px;
        margin-bottom: 20px;
        text-align: center;
    }

    section.our-work .row {
        display: flex;
        flex-direction: column;
    }

    section.our-work .row {
        margin-top: 25px;
        display: flex;
        align-items: flex-start;
    }

    section.our-work div#left-image img {
        max-width: 250px;
        width: 100%;
    }

    section.our-work div#right-image img {
        max-width: 250px;
        width: 100%;
    }

    .bubble-menu-behind {
        position: absolute;
        top: -140%;
        left: 22%;
        z-index: -1;
        width: 192px;
        height: 189px;
        background: url(/wp-content/uploads/2024/09/third-bubb.png) no-repeat center center;
        opacity: 0;
        background-size: contain;
        animation: circleFadeInto 0.6s forwards ease-out;
        animation-delay: 13s;
    }

    @keyframes circleFadeInto {
        0% {
            transform: translateY(100vh); 
            opacity: 0;
        }
        80% {
            transform: translateY(-40vh);
            opacity: 1;
        }
        80% {
            transform: translateY(-10vh);
            opacity: 1;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        background: none;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
        content: "";
        background: url(/wp-content/uploads/2024/10/work.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 119px ! IMPORTANT;
        height: 27px ! Important;
        margin-top: 8px;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
        content: "";
        background: url(/wp-content/uploads/2024/10/work.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 185px;
        height: 60px;
        margin-top: 8px;
        display: block;
        opacity: 0;
        animation: fadeInImage 0.6s forwards ease-out;
        animation-delay: 15s;
        z-index: 99;
        position: relative;
    }

    @keyframes fadeInImage {
        0% {
            opacity: 0;
            transform: translateY(10px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    section.our-work header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 {
        order: 1;
        top: -240px;
        left: auto;
        right: -30px;
    }

    section.our-work .bubble-menu-behind {
        position: absolute;
        top: -100%;
        left: 15%;
        z-index: -1;
        width: 192px;
        height: 189px;
        background: url(/wp-content/uploads/2024/09/third-bubb.png) no-repeat center center;
        opacity: 0;
        background-size: contain;
        animation: circleFadeInto 0.6s forwards ease-out;
        animation-delay: 16s;
    }

    section.our-work header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        top: -216% ! IMPORTANT;
        left: 2px;
    }

    section.our-work header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-40 {
        top: -110px;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 {
        right: -4px;
        top: -22px;
    }

    #about-work-first-section header#site-header img.custom-logo {
        max-width: 200px;
    }

    #our-work-first-section header#site-header img.custom-logo {
        max-width: 200px;
    }

    .page-id-36 .about_logo {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0px;
        width: 100%;
        margin: auto;
    }

    body.page-id-36 .about_logo img{
        margin: auto !important;
        padding-top: 15px !important;
    }
}


@media(max-width: 480px){
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -205%;
        right: 56%;
        max-width: 185px ! IMPORTANT;
        width: 100% !important;
        height: 189px ! IMPORTANT;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 {
        right: -20px;
        top: 50px;
    }

    section.service.mobile-view span.animate-text.photograph {
        top: 37%;
        left: 100px;
    }

    section.service.mobile-view span.animate-text.banners {
        position: relative;
        top: 40px;
        left: 0px;
    }

    section.service.mobile-view span.animate-text.stationery_logo {
        position: relative;
        left: 180px;
        top: -85px;
    }

    section.service.mobile-view span.animate-text.documents_logo {
        position: relative;
        left: 230px;
        top: -70px;
    }

    .bubble-menu-behind {
        position: absolute;
        top: -132%;
        left: 1%;
        z-index: -1;
        width: 192px;
        height: 189px;
        background: url(/wp-content/uploads/2024/09/third-bubb.png) no-repeat center center;
        opacity: 0;
        background-size: contain;
        animation: circleFadeInto 0.6s forwards ease-out;
        animation-delay: 13s;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 {
        right: -20px;
        top: 25px;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after{
        animation-delay: 0s !important;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
        animation-delay: 0s !important;
    }
}

@media(min-width: 401px) and (max-width: 767px){
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after{
        transform: rotate(329deg) ! IMPORTANT;
    }
}


@media(max-width: 420px){
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 {
        position: absolute;
        top: -200px;
        left: 210px;
        right: 10px;
        max-width: 160px ! IMPORTANT;
        width: 100%;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-40 {
        position: relative;
        top: 7px;
        left: -24px;
        max-width: 184px !important;
        width: 100%;
        height: 178px !important;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 {
        right: -20px;
        top: 76px;
    }

    .bubble-menu-behind {
        position: absolute;
        top: -128%;
        left: 0%;
        z-index: -1;
        width: 192px;
        height: 189px;
        background: url(/wp-content/uploads/2024/09/third-bubb.png) no-repeat center center;
        opacity: 0;
        background-size: contain;
        animation: circleFadeInto 0.6s forwards ease-out;
        animation-delay: 13s;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -194%;
        right: 215px;
        max-width: 173px ! IMPORTANT;
        width: 100% !important;
        height: 163px ! IMPORTANT;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 {
        right: -20px;
        top: 25px !important;
    }

    body #menu-item-42{
        max-width: 160px !important;
        justify-content: flex-start !important;
        right: -7px !important;
        top: 40px !important;
    }


}

@media (min-width: 768px) and (max-width: 1400px){
    @media (min-height: 600px) and (max-height: 780px){
        .about_logo .aboutLogo img.about_logo {
            max-width: 215px !important;
            width: 100% !important;
        }
    }
}

@media (min-width: 768px) and (max-width: 1400px){
    @media (min-height: 780px) and (max-height: 900px){
        .about_logo .aboutLogo img.about_logo {
            max-width: 250px;
            width: 100%;
        }
    }
}

@media (min-width: 420px) and (max-width: 480px){
    @media (min-height: 834px) and (max-height: 991px){
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -186%;
        right: 56%;
        max-width: 185px ! IMPORTANT;
        width: 100% !important;
        height: 189px ! IMPORTANT;
    }
    }
}


.about-section {
    padding-top: 250px;
}
.about_logo .aboutLogo img.about_logo {
    position: unset;
    height: auto;
    margin: 0;
    cursor: pointer ! IMPORTANT;
}


.marketing-image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto;
}


section.our-work {
    padding-top: 180px;
    height: 100%;
    padding-bottom: 50px !important;
}

section.our-work .row {
    margin: 0 !important;
}

section.our-work div#carousel2 .owl-stage {
    align-items: center;
    height: fit-content !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

body.page-id-36 {
    overflow-y: scroll;
}

div#carousel4 .owl-stage {
    align-items: center;
    display: flex;
}

section.our-work div#carousel5 .owl-item:nth-child(3) img{
    height: auto !important;
}

.phoneQ input#wpforms-75-field_4 {
    display: none;
}

.phoneQ{
    padding-top: 0px !important;
}


@media(min-width: 768px){
    body.page-id-31 {
        overflow: hidden;
    }

    section.box1.our-work .row {
        align-items: center;
        justify-content: space-between;
    }

    section.box1.our-work .row .products-x img {
        width: 100% ! IMPORTANT;
    }

    section.our-work .owl-stage {
        display: flex;
        align-items: center;
        height: 100%;
    }

    section.box1.our-work .row .products-x {
        max-width: 33%;
        width: 100%;
        text-align: center;
    }

    section.our-work .owl-item .item .image-container {
        display: flex;
    }
}

@media(max-width:767px){
    section.our-work .product-img-section-x {
        flex-wrap: wrap;
        align-items: center !important;
        justify-content: center !important;
    }

    section.box1 .row .box1-2 {
        order: 3;
    }

    section.box1 .row .box1-1 {
        order: 2;
    }

    body section.our-work img {
        height: 164px;
        width: 164px !important;
        object-fit: cover;
    }

    body section.our-work {
        height: 100% !important;
        padding-top: 130px;
    }

    section.our-work .product-img-section-x .products-x img {
        max-width: 100%;
        height: auto;
    }
    .marketing-image-container {
        max-width: 100%;
        justify-content: space-between;
        gap: 10px;
    }

    section.our-work .owl-item:nth-child(1) .item img.carousel-image {
        width: 50% !important;
        max-width: 48% !important;
        height: 225px;
    }

   #carousel2 .owl-stage {
        padding: 0 !IMPORTANT;
    }
    body section.our-work img {
        width: 100% ! IMPORTANT;
        max-width: 180px;
        height: auto ! IMPORTANT;
    }

    #carousel img{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    #carousel .owl-item:nth-child(1) img:nth-child(1) {
        max-width: 100% !important;
        width: 100% !important;
        object-position: top;
        margin-bottom: 5px;
        height: auto !important;
    }

    #carousel .owl-item:nth-child(1) img:nth-child(2) {
        max-width: 100% !important;
        width: 100% !important;
        display: inline;
        object-fit: cover;
        margin-bottom: 5px;
        height: auto !important;
    }

    #carousel .owl-item:nth-child(1) img:nth-child(3) {
        max-width: 100% ! IMPORTANT;
        width: 100% ! IMPORTANT;
        display: inline-block;
        object-fit: cover;
        margin-bottom: 5px;
        height: auto !important;
    }

    #carousel .owl-item:nth-child(1) img:nth-child(4) {
        max-width: 100% ! IMPORTANT;
        width: 100% ! IMPORTANT;
        display: inline;
        object-fit: cover;
        height: auto !important;
    }

    #carousel .owl-item:nth-child(1) img:nth-child(5) {
        max-width: 100% ! IMPORTANT;
        width: 100% !important;
        display: inline-block;
        object-fit: cover;
        height: auto !important;
    }

    section.our-work .row {
        height: 100% !important;
        padding-top: 0px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #carousel {
        position: relative;
        top: 0px;
    }

    #carousel .owl-stage {
        display: flex;
        align-items: flex-start ! IMPORTANT;
    }

    #carousel .owl-item .image-container img.carousel-image {
        margin-bottom: 10px ! IMPORTANT;
        object-fit: cover ! IMPORTANT;
    }

    #carousel .owl-item:nth-child(4) .image-container img {
        height: auto !important;
    }

    section.our-work div#left-image img {
        max-width: 268px;
        width: 100% ! IMPORTANT;
        height: auto ! IMPORTANT;
    }

    #carousel5 .owl-stage {
        display: flex;
        align-items: flex-start !important;
    }

    #carousel5 .owl-stage .marketing-image-container img.carousel-image {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    #carousel5 .owl-stage .marketing-image-container {
        display: block !IMPORTANT;
    }

    #carousel5 .owl-item .marketing-image-container img.carousel-image {
        max-width: 100% !important;
        width: 100% ! IMPORTANT;
        margin-bottom: 10px;
    }

    #carousel5 .owl-item:nth-child(2) .marketing-image-container img {
        max-width: 100% ! IMPORTANT;
        height: auto !important;
        width: 100%;
    }

    #carousel5 .owl-item:nth-child(5) .marketing-image-container img.carousel-image{
        max-width: 100% !important;
        height: auto !important;
    }

    #carousel5 .owl-item:nth-child(6) .marketing-image-container img{
        max-width: 100% !important;
        height: auto !important;
    }

    #carousel5 .owl-item:nth-child(7) .marketing-image-container img{
        max-width: 100% !important;
        height: auto !important;
    }

    #carousel2 .owl-stage{
        align-items: flex-start !important;
    }

    section.our-work .owl-item:nth-child(1) .item img.carousel-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .marketing-image-container img.carousel-image {
        max-width: 100% ! IMPORTANT;
    }

    .owl-carousel .owl-nav {
        position: fixed ! IMPORTANT;
        top: 50% ! IMPORTANT;
        margin: auto;
        max-width: 92% ! IMPORTANT;
        left: 0px;
        right: -26px;
    }

    #carousel3 .owl-nav button{
        margin: 0px !important;
    }

    #carousel4 .owl-stage {
        align-items: normal ! IMPORTANT;
        display: flex;
    }

    #carousel .owl-item .image-container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        gap: 0px !important;
    }

    #carousel .owl-item:nth-child(1) .image-container img:nth-child(3) {
        order: 1 !important;
        width: 100%;
        max-width: fit-content ! IMPORTANT;
        display: block !important;
        margin: auto;
    }

    #carousel .owl-item:nth-child(1) .image-container img:nth-child(1),
    #carousel .owl-item:nth-child(1) .image-container img:nth-child(2) {
        order: 2 !important;
        width: 100% !important;
        max-width: 49% !important;
        display: inline-block !important;
    }

    #carousel .owl-item:nth-child(1) .image-container img:nth-child(4),
    #carousel .owl-item:nth-child(1) .image-container img:nth-child(5) {
        order: 3 !important;
        width: 100% !important;
        max-width: 49% !important;
        display: inline-block !important;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(1) {
        max-width: 70% !IMPORTANT;
        width: 100% !IMPORTANT;
        display: block !IMPORTANT;
        height: 300px !IMPORTANT;
        object-fit: cover !IMPORTANT;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(2) {
        max-width: 28% !IMPORTANT;
        width: 100% !IMPORTANT;
        object-fit: contain !IMPORTANT;
        height: 300px !IMPORTANT;
    }

    #carousel .owl-item:nth-child(4) .image-container {
        gap: 5px !IMPORTANT;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(4) {
        max-width: 49% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(5) {
        max-width: 49% !IMPORTANT;
        width: 100% !important;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(8) {
        max-width: 49% ! IMPORTANT;
        width: 100% !important;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(3) {
        max-width: 49% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(1){
        order: 1;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(2){
        order: 1;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(3){
        order: 1;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(4){
        order: 1;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(5){
        order: 1;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(6){
        order: 7;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(7){
        order: 8;
    }

    #carousel .owl-item:nth-child(4) .image-container img:nth-child(8){
        order: 6;
    }

    #carousel .owl-item:nth-child(5) .image-container img:nth-child(1) {
        max-width: 49% !IMPORTANT;
        width: 100% !important;
        display: block !IMPORTANT;
    }

    #carousel .owl-item:nth-child(5) .image-container img:nth-child(2) {
        max-width: 49% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel .owl-item:nth-child(5) .image-container img:nth-child(3) {
        max-width: 49% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel .owl-item:nth-child(5) .image-container img:nth-child(4) {
        max-width: 49% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel .owl-item:nth-child(5) .image-container img:nth-child(5) {
        max-width: 49% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel .owl-item:nth-child(5) .image-container img:nth-child(6) {
        max-width: 49% !important;
        width: 100% !IMPORTANT;
    }

    #carousel .owl-item:nth-child(8) .image-container img:nth-child(1) {
        max-width: 100% !IMPORTANT;
    }

    #carousel .owl-item:nth-child(8) .image-container img:nth-child(2) {
        max-width: 100% !IMPORTANT;
    }

    #carousel .owl-item:nth-child(8) .image-container img:nth-child(3) {
        max-width: 48% !IMPORTANT;
    }

    #carousel .owl-item:nth-child(8) .image-container img:nth-child(4) {
        max-width: 48% !IMPORTANT;
    }

    #carousel5 .owl-item .marketing-image-container img.carousel-image {
        max-width: 48% ! IMPORTANT;
        width: 100% ! IMPORTANT;
    }

    #carousel5 .owl-item .marketing-image-container {
        align-items: center;
        display: flex ! IMPORTANT;
        flex-wrap: wrap !important;
        justify-content: space-between;
    }

    #carousel5 .owl-item:nth-child(5) .marketing-image-container img.carousel-image {
        max-width: 48% !important;
        height: auto !important;
    }

    #carousel5 .owl-item:nth-child(6) .marketing-image-container img:nth-child(2){
        max-width: 48% !important;
    }

    #carousel4 .marketing-image-container img.carousel-image {
        max-width: 48% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel4 .marketing-image-container img:nth-child(1) {
        order: 1;
    }

    #carousel4 .marketing-image-container img:nth-child(2) {
        order: 2;
    }

    #carousel4 .marketing-image-container img:nth-child(3) {
        order: 3;
    }

    #carousel4 .marketing-image-container img:nth-child(4) {
        order: 4;
    }

    #carousel4 .marketing-image-container img:nth-child(5) {
        order: 5;
    }

    #carousel4 .marketing-image-container img:nth-child(6) {
        order: 6;
    }

    #carousel2 .owl-item:nth-child(1) .item img.carousel-image {
        width: 100% !important;
        max-width: 48% !important;
        height: auto !important;
    }

    #carousel2 .owl-item:nth-child(2) .item img.carousel-image {
        max-width: 48% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel2 .owl-item:nth-child(2) .item img:nth-child(1) {
        order: 1;
    }

    #carousel2 .owl-item:nth-child(2) .item img:nth-child(2) {
        order: 3;
    }

    #carousel2 .owl-item:nth-child(2) .item img:nth-child(3) {
        order: 4;
    }

    #carousel2 .owl-item:nth-child(2) .item img:nth-child(4) {
        order: 5;
    }

    #carousel2 .owl-item:nth-child(2) .item img:nth-child(5) {
        order: 6;
    }

    #carousel2 .owl-item:nth-child(2) .item img:nth-child(6) {
        order: 7;
    }

    #carousel2 .owl-item:nth-child(2) .item img:nth-child(7) {
        order: 8;
    }

    #carousel2 .owl-item:nth-child(2) .item img:nth-child(8) {
        order: 9;
    }

    #carousel2 .owl-item:nth-child(2) .item img:nth-child(9) {
        order: 2;
    }

    #carousel2 .owl-item:nth-child(3) .item img:nth-child(2) {
        max-width: 48% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel2 .owl-item:nth-child(3) .item img:nth-child(3) {
        max-width: 48% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel2 .owl-item:nth-child(3) .item img:nth-child(2) {
        max-width: 48% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel2 .owl-item:nth-child(3) .item img:nth-child(3) {
        max-width: 48% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel2 .owl-item:nth-child(4) .item img {
        max-width: 48% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    #carousel2 .owl-item:nth-child(4) .item img:nth-child(1) {
        order: 1 !important;
    }

    #carousel2 .owl-item:nth-child(4) .item img:nth-child(2) {
        order: 2 !important;
    }

    #carousel2 .owl-item:nth-child(4) .item img:nth-child(3) {
        order: 3 !important;
    }

    #carousel2 .owl-item:nth-child(4) .item img:nth-child(4) {
        order: 4 !important ;
    }

    #carousel2 .owl-item:nth-child(4) .item img:nth-child(5) {
        order: 5 !important;
    }

    #carousel2 .owl-item:nth-child(4) .item img:nth-child(6) {
        order: 6 !important;
    }

    #carousel2 .owl-item:nth-child(4) .item img:nth-child(7) {
        order: 9 !important;
    }

    #carousel2 .owl-item:nth-child(4) .item img:nth-child(8) {
        order: 7 !important;
    }

    #carousel2 .owl-item:nth-child(4) .item img:nth-child(9) {
        order: 10 !important;
    }

    #carousel2 .owl-item:nth-child(4) .item img:nth-child(10) {
        order: 8 !important;
    }

    #carousel2 .owl-item:nth-child(5) img.carousel-image {
        max-width: 48% !IMPORTANT;!I;!;
        width: 100% !IMPORTANT;!I;!;
    }

    #carousel2 .owl-item:nth-child(5) img:nth-child(1) {
        order: 3;
    }

    #carousel2 .owl-item:nth-child(5) img:nth-child(2) {
        order: 2;
    }

    #carousel2 .owl-item:nth-child(5) img:nth-child(3) {
        order: 1;
    }

    #carousel2 .owl-item:nth-child(5) img:nth-child(4) {
        order: 4;
    }

    #carousel2 .owl-item:nth-child(5) img:nth-child(5) {
        order: 5;
    }

    #carousel2 .owl-item:nth-child(5) .marketing-image-container {
        align-items: flex-start;
    }

    #carousel2 .owl-item:nth-child(6) img {
        max-width: 48% !IMPORTANT;!I;!;
        width: 100% !IMPORTANT;!I;!;
    }

    #carousel2 .owl-item:nth-child(6) img:nth-child(1) {
        order: 1;
    }

    #carousel3 .marketing-image-container {
        margin: auto;
        justify-content: center;
        align-items: flex-start;
    }

    #carousel3 .marketing-image-container img.carousel-image {
        max-width: 48% !IMPORTANT;
        width: 100% !IMPORTANT;
    }

    .owl-carousel .owl-nav {
        position: fixed ! IMPORTANT;
        top: 50% ! IMPORTANT;
        margin: auto;
        max-width: 93% ! IMPORTANT;
        left: -15px;
        right: -10x;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container {
        align-items: flex-start;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container img:nth-child(1) {
        order: 10;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container img:nth-child(2) {
        order: 9;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container img:nth-child(3) {
        order: 6;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container img:nth-child(4) {
        order: 5;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container img:nth-child(5) {
        order: 5;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container img:nth-child(6) {
        order: 4;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container img:nth-child(7) {
        order: 5;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container img:nth-child(8) {
        order: 3;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container img:nth-child(9) {
        order: 2;
    }

    #carousel4 .owl-item:nth-child(2) .marketing-image-container img:nth-child(10) {
        order: 1;
    }

    .owl-carousel .marketing-image-container{
        align-items: flex-start !important;
    }

    #carousel4 .owl-item:nth-child(5) .marketing-image-container img {
        max-width: fit-content !IMPORTANT;
        width: fit-content !IMPORTANT;
        height: auto !IMPORTANT;
        display: flex;
    }

    #carousel4 .owl-item:nth-child(5) .marketing-image-container {
        gap: 2px ! IMPORTANT;
        justify-content: center ! IMPORTANT;
    }

    #carousel4 .owl-item:nth-child(1) .marketing-image-container img:nth-child(1) {
        order: 1;
        max-width: 48% !IMPORTANT;
    }

    #carousel4 .owl-item:nth-child(1) .marketing-image-container img:nth-child(2) {
        order: 3;
        max-width: 100% !IMPORTANT;
    }

    #carousel4 .owl-item:nth-child(1) .marketing-image-container img:nth-child(3) {
        order: 2;
        max-width: 48% !IMPORTANT;
    }

    #carousel4 .owl-item:nth-child(1) .marketing-image-container img:nth-child(4) {
        order: 2;
        max-width: 48% !IMPORTANT;
    }

    #carousel4 .owl-item:nth-child(1) .marketing-image-container img:nth-child(5) {
        order: 2;
        max-width: 48% !IMPORTANT;
    }

    #carousel4 .owl-item:nth-child(1) .marketing-image-container img:nth-child(6) {
        order: 6;
        max-width: 100% !IMPORTANT;
    }

    .owl-nav button.owl-prev {
        margin-left: -8px;
    }

   #about-work-first-section li#menu-item-41 {
        animation-delay: 7s ! IMPORTANT;
    }

    #about-work-first-section #menu-item-40 {
        animation-delay: 6s !important;
    }

    #about-work-first-section #menu-item-42 {
        animation-delay: 5s !important;
    }

    #about-work-first-section #menu-item-43 {
        animation-delay: 4s !important;
    }

    body #about-work-first-section li#menu-item-41 a::after {
        animation-delay: 4s ! IMPORTANT;
    }

    #about-work-first-section .bubble-menu-behind{
        animation-delay: 3s !important;
    }


    #our-work-first-section li#menu-item-41 {
        animation-delay: 3s ! IMPORTANT;
    }

    #our-work-first-section #menu-item-40 {
        animation-delay: 4s !important;
    }

    #our-work-first-section #menu-item-42 {
        animation-delay: 5s !important;
    }

    #our-work-first-section #menu-item-43 {
        animation-delay: 6s !important;
    }

    body #our-work-first-section li#menu-item-41 a::after {
        animation-delay: 4s ! IMPORTANT;
    }

    #about-work-first-section .bubble-menu-behind {
        animation-delay: 3s !important;
    }

    #our-work-first-section .bubble-menu-behind{
        top: -180% !important;
    }

    #our-work-first-section .bubble-menu-behind{
        animation-delay: 3s !important;
    }

    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41{
        top: -182% !important;
    }

    header#site-header {
        position: absolute;
        width: 100%;
        margin: auto;
        z-index: 99999;
        max-width: 100%;
    }

    body.page-id-34 {
        overflow: hidden !important;
    }

    section.our-work div#right-image img {
        max-width: 240px !important;
        width: 100%;
    }

    body section.our-work{
        overflow: scroll !important;
    }

    .owl-carousel .owl-item {
        overflow: scroll ! IMPORTANT;
        height: 100%;
    }

    section.our-work {
        padding-bottom: 50px !important;
    }

    body section.our-work div#third-image-container {
        margin: auto;
    }

    body section.our-work div#third-image-container img {
        max-width: 180px ! IMPORTANT;
        width: 100% ! IMPORTANT;
    }

    body section.our-work div#col-left {
        height: 260px ! IMPORTANT;
        max-height: 260px ! IMPORTANT;
        margin-bottom: 0px;
    }

    .owl-carousel .owl-item {
        overflow: scroll ! IMPORTANT;
    }

    body section.our-work .owl-stage-outer {
        padding-bottom: 40px;
        overflow: hidden ! IMPORTANT;
    }

    body section#carousel2 .owl-stage-outer.owl-height {
        height: 100% ! IMPORTANT;
        overflow: scroll ! IMPORTANT;
    }

    body section#carousel3 .owl-stage-outer.owl-height {
        height: 100% ! IMPORTANT;
        overflow: scroll ! IMPORTANT;
    }

    body section#carousel4 .owl-stage-outer.owl-height {
        height: 100% ! IMPORTANT;
        overflow: scroll ! IMPORTANT;
    }

    .owl-carousel {
        padding: 150px 30px 0 !IMPORTANT;
    }

    body section.our-work div#col-right {
        height: 260px ! IMPORTANT;
        max-height: 260px ! IMPORTANT;
        margin-bottom: 0px;
    }

    section.box1 .products-x {
        text-align: center;
    }

    section.box1.our-work .row {
        align-items: center ! IMPORTANT;
    }

    section.box1.our-work .row {
        align-items: center ! IMPORTANT;
        flex-wrap: nowrap;
    }

    .mobile-view .row-2 {
        animation: slideToTop 2s ease 4s forwards;
        margin-top: 54px;
    }

    .service .row:nth-child(1) {
        margin-top: 160px;
    }

    .about_logo .aboutLogo img.about_logo {
        max-width: 160px;
        width: 100%;
        margin-top: 50px;
    }

    .page-id-31 .about_logo .aboutLogo img.about_logo {
        max-width: 180px !important;
        width: 100%;
        padding-top: 15px !important;
    }
}

@media(min-width: 768px){
    body section.our-work img {
        height: auto ! IMPORTANT;
        width: auto ! IMPORTANT;
        object-fit: contain ! IMPORTANT;
    }

    section.our-work .owl-item .item .image-container {
        display: flex;
        gap: 10px;
    }

    .about_logo .aboutLogo img.about_logo {
        max-width: 312px;
        width: 100%;
    }

    section.our-work div#right-image img {
        max-width: 180px;
        width: 100%;
        margin-bottom: 0px;
    }

    body section.our-work img{
        height: auto !important;
        width: 100% !important;
        object-fit: contain !important;
        margin-bottom: 5px;
        max-height: 374px;
    }

    section.our-work .owl-item {
        overflow-x: auto !important;
    }

    section.our-work div#left-image img {
        max-width: fit-content !IMPORTANT;
    }

    section.our-work .row div#col-left {
        margin-bottom: 0px ! IMPORTANT;
    }

    section.our-work div#right-image img {
        max-width: fit-content !IMPORTANT;
        width: 100%;
    }

    body .owl-carousel .marketing-image-container {
        flex-wrap: nowrap ! IMPORTANT;
    }

    section#carousel5 .marketing-image-container img.carousel-image {
        max-width: 400px ! IMPORTANT;
        width: 100% ! IMPORTANT;
        height: 400px ! IMPORTANT;
    }

    section.our-work div#right-image img{
        max-width: 400px !important;
        width: 100% !important;
        height: 290px !important;
        object-fit: cover !important;
    }

    section.our-work div#left-image img{
        max-width: 314px !important;
        width: 100% !important;
        height: 290px !important;
        object-fit: cover !important;
    }

    #third-image-container img{
        max-width: 314px !important;
        width: 100% !important;
        height: 290px !important;
        object-fit: contain !important;
    }

    body section.our-work .owl-item .item {
        position: relative;
        display: flex;
        justify-content: center;
        max-width: 80%;
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    body section.our-work .owl-item .item .image-container {
        overflow-x: scroll ! IMPORTANT;
    }

    body section.our-work .owl-item .item .marketing-image-container {
        overflow-x: scroll ! IMPORTANT;
        max-width: 100% !important;
        justify-content: flex-start ! IMPORTANT;
        align-items: center !important;
        gap: 5px;
    }

    body section.our-work .owl-item .item .image-container::-webkit-scrollbar-track{
        background-color: transparent;
    }

    body section.our-work .owl-item .item .image-container::-webkit-scrollbar{
        width: 4px;
        height: 5px;
        background-color: transparent;
        margin: 3px;
    }

    body section.our-work .owl-item .item .image-container::-webkit-scrollbar-thumb{
        background-color: #000;
        border: 1px solid #555555;
        border-radius: 30px;
    }

    body section.our-work .owl-item .item .marketing-image-container::-webkit-scrollbar-track{
        background-color: transparent;
    }

    body section.our-work .owl-item .item .marketing-image-container::-webkit-scrollbar{
        width: 4px;
        height: 5px;
        background-color: transparent;
        margin: 3px;
    }

    body section.our-work .owl-item .item .marketing-image-container::-webkit-scrollbar-thumb{
        background-color: #000;
        border: 1px solid #555555;
        border-radius: 30px;
    }

    section.box1.our-work .row .products-x img {
        height: 260px ! IMPORTANT;
    }

    body.page-id-36 {
        overflow-y: hidden !important;
    }

    .desktop-ly .owl-nav {
        max-width: 90%;
        width: 100%;
        margin: auto;
        right: 0;
        left: 0;
    }

    .desktop-ly .owl-nav button {
        color: #fff !important;
        font-size: 40px !important;
    }

    .desktop-ly .owl-nav button:hover {
        background: none !important;
    }

}

@media(min-width: 991px){
     section.our-work .left-image p {
        max-width: 80%;
        width: 100%;
        margin: auto;
    }

    section#our-work-first-section img.custom-logo {
        margin-top: 30px;
    }
}

@media(max-width: 570px){
    section.our-work header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 {
        order: 1;
        top: -147px;
        left: auto;
        right: -19px;
    }

    section.our-work header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 {
        right: -41px;
        top: 25px;
    }

    section.our-work header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-40 {
        top: -11px;
    }

    section.our-work .bubble-menu-behind {
        position: absolute;
        top: -180% !important;
        left: 7% !important;
        z-index: -1;
        width: 192px;
        height: 189px;
        background: url(/wp-content/uploads/2024/09/third-bubb.png) no-repeat center center;
        opacity: 0;
        background-size: contain;
        animation: circleFadeInto 0.6s forwards ease-out;
        animation-delay: 3s;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41{
        animation-delay: 3s !important;
        opacity: 1 !important;
    }

    .owl-nav button.owl-prev {
        margin-left: -10px !important;
    }
}

@media (max-width: 570px) {
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        animation-delay: 3s !important;
        opacity: 1 !important;
/*        animation: none !important;*/
    }
}


@media(max-width: 480px){
    section.our-work header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        top: -182% ! IMPORTANT;
        left: -4px;
    }

    section.our-work .bubble-menu-behind {
        position: absolute;
        top: -210% !important;
        left: 4% !important;
    }

    section.our-work header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 {
        right: -41px;
        top: 60px ! IMPORTANT;
    }

    section.our-work .bubble-menu-behind {
        position: absolute;
        top: -184% !important;
        left: 4% !important;
    }
}

@media(max-width: 767px){
    body.page-id-36 {
        background: url(/wp-content/uploads/2024/09/banner.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
    }

    section#carousel {
        overflow: hidden ! IMPORTANT;
        background: none ! IMPORTANT;
    }

    body section.our-work#carousel .owl-stage-outer {
        padding-bottom: 40px;
        height: 100% ! IMPORTANT;
        overflow: hidden ! IMPORTANT;
    }

    #carousel .owl-stage {
        display: flex;
        align-items: flex-start ! IMPORTANT;
        height: 100%;
        overflow: scroll;
    }

    body section#carousel .owl-stage-outer.owl-height {
        overflow: hidden ! IMPORTANT;
    }

    body section.our-work .owl-stage-outer{
        padding-bottom: 0px !important;
    }

    section#carousel{
        padding-bottom: 20px !important;
    }

    body section#carousel5 .owl-stage-outer.owl-height {
        overflow: hidden ! IMPORTANT;
    }

    section#carousel5 {
        overflow: hidden ! IMPORTANT;
        background: none ! IMPORTANT;
        height: 100%;
    }

    body section.our-work .owl-stage-outer {
        padding-bottom: 40px;
        height: 100% ! IMPORTANT;
        overflow: scroll !IMPORTANT;
        padding-bottom: 0px;
    }

    #carousel5 .owl-stage {
        display: flex;
        align-items: flex-start !important;
        overflow: scroll !important;
        height: 100%;
    }

    section#carousel5 {
        padding-bottom: 20px ! IMPORTANT;
    }

    section#carousel2{
        padding-bottom: 20px !important;
    }

    section#carousel3{
        padding-bottom: 20px !important;
    }

    section#carousel4{
        padding-bottom: 20px !important;
    }

    .about_logo .aboutLogo img.about_logo{
        margin-top: 15px !important;
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
    }

    body section.our-work {
        padding-top: 145px;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 a::after {
        content: "";
        background: url(/wp-content/uploads/2024/09/service.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 135px;
        height: 133px;
        margin-top: -18px;
        margin-left: 4px;
        display: block;
        transition: transform 0.3s ease-in-out;
        transform: rotate(312deg);
    }
}

@media(min-width: 421px) and (max-width: 767px){
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -186%;
        right: 56%;
        max-width: 185px ! IMPORTANT;
        width: 100% !important;
        height: 189px ! IMPORTANT;
    }
}

@media(min-width: 400px) and (max-width: 420px) {
    @media (min-height: 890px) and (max-height: 900px){
        #about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
            transform: rotate(4deg) ! IMPORTANT;
        }
    }
}

@media(max-width: 400px){
     @media (min-height: 930px) and (max-height: 935px){
        #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            top: -171% !important;
        }
     }
}

@media(min-width: 411px) and (max-width: 415px){
        #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
            transform: rotate(5deg) ! IMPORTANT;
            margin-top: 16px ! IMPORTANT;
        }
}



@media(max-width: 420px){
    section.our-work .bubble-menu-behind {
        position: absolute;
        top: -195% !important;
        left: 3% !important;
    }

    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        top: -165% !important;
    }

    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a {
        transform: rotate(322deg);
        position: relative;
        top: -4px;
        left: -8px;
    }
}


@media(max-width: 400px){
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 {
        position: absolute;
        top: -200px;
        left: 190px;
        right: 10px;
        max-width: 160px ! IMPORTANT;
        width: 100%;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -199%;
        right: 207px;
        max-width: 150px ! IMPORTANT;
        width: 100% !important;
        height: 150px ! IMPORTANT;
    }

     header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-40 {
        position: relative;
        top: -10px !important;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
        content: "";
        background: url(/wp-content/uploads/2024/10/work.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 124px ! IMPORTANT;
        height: 26px ! Important;
        margin-top: -10px !important;
        margin-left: 14px !important;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
        content: "" !important;
        background: url(/wp-content/uploads/2024/10/project.png) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        margin-top: 8px;
        display: block;
        transition: transform 0.3s ease-in-out;
        transform: rotate(329deg) ! IMPORTANT;
        left: -6px;
        top: -17px;
    }

    #our-work-first-section .bubble-menu-behind {
        top: -198% !important;
    }

    body section.our-work div#col-left {
        height: 230px ! IMPORTANT;
        max-height: 230px ! IMPORTANT;
        margin-bottom: 0px;
        margin-top: 50px !important;
    }

    body section.our-work div#col-right {
        height: 230px ! IMPORTANT;
        max-height: 230px ! IMPORTANT;
        margin-bottom: 0px;
        margin-top: 0px !important;
    }

    section.our-work.box .row{
        display: block !important;
    }
    section.our-work.box .row {
        margin: 0 !important;
        display: block !important; 
             flex-wrap: wrap !important
    }
        
        section.our-work div#right-image img {
            max-width: 180px !important;
            width: 100%;
        }
}

@media (max-width: 420px) {
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 a::after {
        content: "";
        background: url(/wp-content/uploads/2024/09/service.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 135px;
        height: 133px;
        margin-top: -18px;
        margin-left: -2px;
        display: block;
        transition: transform 0.3s ease-in-out;
        transform: rotate(312deg);
    }
}

@media(max-width: 390px){
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -180%;
        right: 205px;
        max-width: 150px ! IMPORTANT;
        width: 100% !important;
        height: 150px ! IMPORTANT;
    }

    body section.our-work div#col-left {
        margin-top: 100px !important;
    }
}

@media(max-width: 412px){
    .service .animate-text.image-editing_logo {
        animation: bounce 2s ease forwards;
        animation-delay: 0s !important;
    }

    section.service.mobile-view span.animate-text.image-editing_logo img.logoA{
        top: -90px !important;
    }
}


@media(max-width: 395px){
     @media (min-height: 840px) and (max-height: 845px){
        #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a {
            transform: rotate(354deg);
            position: relative;
            top: 19px;
            left: 3px;
        }

        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
        content: "" !important;
        background: url(/wp-content/uploads/2024/10/project.png) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        margin-top: 8px;
        display: block;
        transition: transform 0.3s ease-in-out;
        transform: rotate(329deg) ! IMPORTANT;
        left: -6px;
        top: -49px;
    }
    }
}


@media(min-width: 390px) and (max-width: 395px){
    @media (min-height: 660px) and (max-height: 670px){
        body section.our-work div#col-left {
            margin-top: 25px !important;
        }

        #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            top: -198% !important;
            left: 4px;
        }

        #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            top: -199% !important;
        }
    }
}

@media (min-width: 390px) and (max-width: 395px) {
    @media (min-height: 695px) and (max-height: 700px) {
        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -195%;
            right: 205px;
            max-width: 150px ! IMPORTANT;
            width: 100% !important;
            height: 150px ! IMPORTANT;
        }

        body section.our-work div#col-left {
            margin-top: 20px !important;
        }
    }
}

@media (min-width: 411px) and (max-width: 413px) {
    @media (min-height: 914px) and (max-height: 915px) {
        #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            top: -158% !important;
        }

        div#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -174%;
            right: 215px;
            max-width: 173px ! IMPORTANT;
            width: 100% !important;
            height: 163px ! IMPORTANT;
        }

        section#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -172%;
            right: 212px;
            max-width: 173px ! IMPORTANT;
            width: 100% !important;
            height: 163px ! IMPORTANT;
        }

        div#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -171%;
            right: 210px;
            max-width: 173px ! IMPORTANT;
            width: 100% !important;
            height: 163px ! IMPORTANT;
        }
    }
}

@media (min-width: 411px) and (max-width: 413px) {
    @media (min-height: 901px) and (max-height: 915px) {
        div#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -171%;
            right: 210px;
            max-width: 173px ! IMPORTANT;
            width: 100% !important;
            height: 163px ! IMPORTANT;
        }

        section#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -169%;
            right: 215px;
            max-width: 173px ! IMPORTANT;
            width: 100% !important;
            height: 163px ! IMPORTANT;
        }
    }
}


@media (min-width: 411px) and (max-width: 413px) {
    @media (min-height: 916px) {
        div#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -171%;
            right: 210px;
            max-width: 173px ! IMPORTANT;
            width: 100% !important;
            height: 163px ! IMPORTANT;
        }

        section#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -169%;
            right: 215px;
            max-width: 173px ! IMPORTANT;
            width: 100% !important;
            height: 163px ! IMPORTANT;
        }

    }
}

@media (min-width: 423px) and (max-width: 425px) {
    @media (min-height: 827px) and (max-height: 829px) {
        div#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -203%;
            right: 56%;
            max-width: 185px ! IMPORTANT;
            width: 100% !important;
            height: 189px ! IMPORTANT;
        }

        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -200%;
            right: 56%;
            max-width: 185px ! IMPORTANT;
            width: 100% !important;
            height: 189px ! IMPORTANT;
        }

        div#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -183%;
            right: 56%;
            max-width: 185px ! IMPORTANT;
            width: 100% !important;
            height: 189px ! IMPORTANT;
        }

        section#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -185%;
            right: 55%;
            max-width: 185px ! IMPORTANT;
            width: 100% !important;
            height: 189px ! IMPORTANT;
        }

        #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            top: -176% !important;
        }

        body.page-id-31 div#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -200%;
            right: 56%;
            max-width: 185px ! IMPORTANT;
            width: 100% !important;
            height: 189px ! IMPORTANT;
        }
    }
}


@media(max-width: 420px){
    section#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -176% !important;
        right: 210px;
        max-width: 173px ! IMPORTANT;
        width: 100% !important;
        height: 163px ! IMPORTANT;
    }

    body.page-id-38 div#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -178%;
        right: 209px;
        max-width: 173px ! IMPORTANT;
        width: 100% !important;
        height: 163px ! IMPORTANT;
        /* display: none !important; */
    }

    #our-work-first-section header#site-header nav.site-navigation ul li#menu-item-40{
        animation-delay: 6s !important;
    }
}



@media (min-width: 411px) and (max-width: 413px) {
    @media (min-height: 804px) and (max-height: 805px) {
        div#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -181%;
            right: 209px;
            max-width: 173px ! IMPORTANT;
            width: 100% !important;
            height: 163px ! IMPORTANT;
        }
    }
}

@media (min-width: 411px) and (max-width: 413px) {
    @media (min-height: 913px) and (max-height: 915px) {
        div#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -181%;
            right: 209px;
            max-width: 173px ! IMPORTANT;
            width: 100% !important;
            height: 163px ! IMPORTANT;
        }
    }
}

@media (min-width: 390px) and (max-width: 395px) {
    @media (min-height: 701px) and (max-height: 900px) {
        body section.our-work div#col-left {
            margin-top: 20px !important;
        }
    }
}

@media (min-width: 390px) and (max-width: 395px) {
    @media (min-height: 750px) and (max-height: 780px) {
        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -187%;
            right: 203px;
            max-width: 150px ! IMPORTANT;
            width: 100% !important;
            height: 150px ! IMPORTANT;
        }
    }

    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        top: -181% !important;
        left: 4px;
    }

    section#about-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -178%;
        right: 203px;
        max-width: 150px ! IMPORTANT;
        width: 100% !important;
        height: 150px ! IMPORTANT;
    }
}

@media (min-width: 390px) and (max-width: 395px) {
    @media (min-height: 840px) and (max-height: 845px) {
        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -168%;
            right: 205px;
            max-width: 150px ! IMPORTANT;
            width: 100% !important;
            height: 150px ! IMPORTANT;
        }

        #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            top: -136% !important;
        }
    }
}




@media(max-width: 380px){
        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -191%;
        right: 202px;
        max-width: 150px ! IMPORTANT;
        width: 100% !important;
        height: 150px ! IMPORTANT;
    }


    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        top: -142% !important;
    }

    body section.our-work div#col-left{
        margin-top: 20px !important;
    }
}

@media(max-width: 375px){
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
        content: "" !important;
        background: url(/wp-content/uploads/2024/10/project.png) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        margin-top: 8px;
        display: block;
        transition: transform 0.3s ease-in-out;
        transform: rotate(329deg) ! IMPORTANT;
        left: 6px;
        top: -5px;
    }

    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        left: -29px;
        top: -176% !important;
    }

    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a {
        transform: rotate(354deg);
        position: relative;
        top: 16px;
        left: -32px;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -169%;
        right: 202px;
        max-width: 150px ! IMPORTANT;
        width: 100% !important;
        height: 150px ! IMPORTANT;
    }

    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a {
        transform: rotate(358deg);
        position: relative;
        top: 14px;
        left: 1px;
    }

    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -199%;
        right: 202px;
        max-width: 150px ! IMPORTANT;
        width: 100% !important;
        height: 150px ! IMPORTANT;
    }
}

@media(min-width: 392px) and (max-width: 393px){
     @media (min-height: 850px) and (max-height: 854px){
        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            position: absolute;
            top: -180%;
            right: 207px;
            max-width: 150px ! IMPORTANT;
            width: 100% !important;
            height: 150px ! IMPORTANT;
        }
     }
}

@media(min-width: 380px) and (max-width: 399px){
    #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a {
        transform: rotate(1deg);
        position: relative;
        top: 33px;
        left: -8px;
    }
}


@media(max-width: 375px){
     @media (min-height: 640px) and (max-height: 670px){
        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
            content: "" !important;
            background: url(/wp-content/uploads/2024/10/project.png) !important;
            background-size: cover !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
            margin-top: 8px;
            display: block;
            transition: transform 0.3s ease-in-out;
            transform: rotate(329deg) ! IMPORTANT;
            left: 6px;
            top: -31px;
        }

        #our-work-first-section header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
            left: -24px;
            top: -152% !important;
        }
     }
}

@media(max-width: 360px){
    header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 {
        position: absolute;
        top: -170%;
        right: 187px;
        max-width: 150px ! IMPORTANT;
        width: 100% !important;
        height: 150px ! IMPORTANT;
    }

    #our-work-first-section .bubble-menu-behind {
        top: -239% !important;
    }
}

@media(min-width: 1921px){
    @media(min-height: 600px) and (max-height: 1399px){
        section.our-work div#right-image p {
            max-width: 50% !important;
            width: 100%;
            margin: auto;
        }
    }
}


@media(min-width: 1920px){
    @media(min-height: 1400px){
        body section.our-work img {
            height: auto !important;
            width: 100% !important;
            object-fit: contain !important;
            margin-bottom: 5px;
            max-height: 621px;
        }

        .owl-theme .owl-nav button span {
            font-size: 150px;
        }

        .about_logo .aboutLogo img.about_logo {
            max-width: 450px;
            width: 100%;
        }

        section.our-work div#left-image img {
            max-width: 680px !important;
            width: 100% !important;
            height: 290px !important;
            object-fit: cover !important;
        }

        section.our-work div#right-image img {
            max-width: 800px !important;
            width: 100% !important;
            height: 625px !important;
            object-fit: cover !important;
        }

        section.our-work .left-image, .right-image, p {
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            color: #fff;
            font-family: Florensa Demo;
            font-size: 45px;
            font-weight: 400;
            line-height: 55px;
            margin-bottom: 20px;
            text-align: center;
        }

        #third-image-container img {
            max-width: 642px !important;
            width: 100% !important;
            height: 660px !important;
            object-fit: contain !important;
        }

        .about-section {
            position: relative;
            background: url(/wp-content/uploads/2024/09/banner.png);
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            height: 100vh;
            overflow: hidden;
            display: flex;
            justify-content: center ! IMPORTANT;
            align-items: center;
        }

        section.box1.our-work .row .products-x img {
            height: 500px ! IMPORTANT;
        }

        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-43 a::after {
            content: "";
            background: url(/wp-content/uploads/2024/10/about_in.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 118px;
            height: 45px;
            margin-top: 10px;
            display: block;
            transition: transform 0.3s ease-in-out;
        }

        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-42 a::after {
            content: "";
            background: url(/wp-content/uploads/2024/09/service.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 117px;
            height: 110px;
            margin-top: -18px;
            margin-left: 4px;
            display: block;
            transition: transform 0.3s ease-in-out;
        }

        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-40 a::after {
            content: "";
            background: url(/wp-content/uploads/2024/09/contact.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 259px;
            height: 234px;
            margin-top: 24px;
            display: block;
            transition: transform 0.3s ease-in-out;
        }

        header#site-header nav.site-navigation ul#menu-header-menu li#menu-item-41 a::after {
            content: "" !important;
            background: url(/wp-content/uploads/2024/10/project.png) !important;
            background-size: cover !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
            width: 219px !important;
            height: 47px !important;
            margin-top: 8px;
            display: block;
            transition: transform 0.3s ease-in-out;
        }
    }
}



/*////////////////////animation intro//////////////////////////*/

.my_animation p {
    color: #000;
    font-size: 70px;
    -webkit-animation: bounceX 2s ease alternate;
    transform: translateY(-150px);
    transition: transform 1s ease, top 1s ease;
    margin: 0;
}

.wrapper {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100%;
    background-image: url(./images/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    transition: background-image 1s ease;
    background-position: center;
}

.my_animation {
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
}

.logo_animation {
    display: none;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.logo_animation.show-logo {
    display: block;
}

@-webkit-keyframes bounceX {
    0% {
        transform: translateY(100%);
        text-shadow: 0 5px 0 #ccc, 0 2px 3px rgba(0, 0, 0, 1);
    }
    50% {
        transform: translateY(-220px);
        text-shadow: 0 50px 0 black, 0 0 20px rgba(0, 0, 0, 0.8);
    }
    60% {
        transform: translateY(-150px);
        text-shadow: 0 50px 0 black, 0 0 20px rgba(0, 0, 0, 0.8);
    }
    80% {
        transform: translateY(-200px);
        text-shadow: 0 50px 0 black, 0 0 20px rgba(0, 0, 0, 0.8);
    }
    100% {
        transform: translateY(-150px);
        text-shadow: 0 50px 0 black, 0 0 20px rgba(0, 0, 0, 0.8);
    }
}

.scaled-logo {
    position: absolute;
    top: 300px;
    transform: translateY(-70%) scale(0.3) !important;
}

.buubble-image {
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;
    height: 100%;
    transition: top 2s ease;
}

.buubble-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.wrapper.mainY{
    display: none;
}
@media(min-width: 767px){
.my_animation.maxIn p#logo-container {
    top: 0;
}
}




@media(max-width: 767px){
    .my_animation.maxIn .scaled-logo {
    transform: translateY(-100vh) scale(0.3) !important;
}
     .scaled-logo {
        position: absolute;
        top: auto;
        transform: translateY(-65vh) scale(0.3) !important;
    }


 

    @-webkit-keyframes bounceX {
        0% {
            transform: translateY(100%);
            text-shadow: 0 5px 0 #ccc, 0 2px 3px rgba(0, 0, 0, 1);
        }
        50% {
            transform: translateY(-300px);
            text-shadow: 0 50px 0 black, 0 0 20px rgba(0, 0, 0, 0.8);
        }
        60% {
            transform: translateY(-250px);
            text-shadow: 0 50px 0 black, 0 0 20px rgba(0, 0, 0, 0.8);
        }
        80% {
            transform: translateY(-280px);
            text-shadow: 0 50px 0 black, 0 0 20px rgba(0, 0, 0, 0.8);
        }
        100% {
            transform: translateY(-250px);
            text-shadow: 0 50px 0 black, 0 0 20px rgba(0, 0, 0, 0.8);
        }
    }

    .my_animation p {
        transform: translateY(-250px);
    }
}



@media(min-width:768px) and (max-width:1500px){
    .wrapper img#logo{
        max-width: 80%;
    }
}