body .about-inner-banner .container {
    margin-bottom: 0;
}

section.hero.blog-inner-banner {
    background-image: var(--wpr-bg-f170a50a-5a6a-4c3c-af60-3d50c828df47);
}

#career-perent .career-child:last-child,
.blurb-head,
.office-cot-blurb ul,
.project-child,
.service-box,
body section.logo-second.influencer .logo-box-inner .logo-box:nth-child(3),
footer section,
section.about-us,
section.best-ours .row:first-child,
section.career-post,
section.grapgic-sec.lst.social-marketing,
section.lets-work,
section.logo,
section.logo-five.paid-ads,
section.logo-four,
section.logo-four.stationery,
section.logo-second.Visualisation,
section.logo-second.influencer,
section.logo-second.influencer-market,
section.logo-second.marketing,
section.logo-second.stationery,
section.packaging-third.packaging,
section.packaging-third.stationery.digital-marketing,
section.vox-activity,
ul.sub-menu li {
    border-bottom: 1px solid #2d577e
}

.career-child,
.project-perent,
footer,
footer section,
section.best-ours,
section.grapgic-sec.lst.Marketing,
section.grapgic-sec.lst.content-creation,
section.grapgic-sec.lst.social-marketing,
section.logo-five,
section.logo-five.packaging,
section.logo-four.visualization,
section.logo-second.content-creation,
section.logo-second.influencer,
section.logo-second.influencer-market,
section.logo-second.packaging,
section.logo-second.social-plateform,
section.overview.abt,
section.provide-service .row:first-child .col-md-12,
section.stationery-third,
ul.social-links,
ul.sub-menu {
    border-top: 1px solid #2d577e
}

section.packaging-third.stationery {
    border-top: 0;
    border-bottom: 1px solid #2d577e
}

#hero-slider ul.slick-dots>li {
    display: flex
}

section.latest-news .blog-perent .blog-child h3 {
    font-weight: 500;
    font-size: 20px !important;
    margin: 0;
    line-height: normal !important
}

body section.latest-news .blog-perent .blog-child {
    display: flex;
    flex-direction: column
}

body .blurb-head h4 {
    color: #fff;
    font-size: 35px;
    padding-bottom: 0
}

section.sec-bg-inner.packaging {
    border-bottom: 1px solid #2d577e;
    border-top: 1px solid #2d577e
}

body section.overview .overview-blurb {
    border-right: 1px solid #2d577e;
    height: 100%
}

.logo-box-inner .logo-box:nth-child(2n),
body section.overview .col-md-3:last-child .overview-blurb,
section.best-ours .row:first-child .col-md-4:last-child,
section.best-ours .row:last-child .col-md-3:last-child {
    border-right: 0
}

body section.latest-news .blog-perent .blog-child .post-date {
    order: -1;
    color: #e9e9e9;
    line-height: normal;
    padding-bottom: 10px
}

a,
body {
    font-weight: 400
}

body,
header,
ul.sub-menu {
    background: #1c2d3d
}

body,
section.logo {
    overflow-x: hidden
}

.logo-box-inner .logo-box:nth-child(2),
body section.logo-second.influencer .logo-box-inner .logo-box:nth-child(2n),
nav.menu-wrapper ul.menubaar li:last-child,
section.branding-services .row:first-child .col-md-5,
section.overview .row .col-md-4,
table td:last-child {
    padding-right: 0
}

.service-box p,
.service-box span,
footer p {
    font-family: Montserrat, sans-serif
}

i,
span {
    animation: 1s ease-in-out forwards swift-up
}

.toggle-bt::after,
.toggle-bt::before {
    background: #fff;
    transition: .5s;
    content: ""
}

.logo-box-inner,
.project-perent {
    grid-template-columns: repeat(2, 1fr)
}

.logo-grid,
body .platform-inner ul {
    grid-template-columns: repeat(6, 1fr)
}

.career-wrap h3,
.testimonials-child h6,
.tz-gallery h6,
body h2 {
    text-transform: capitalize
}

#hero-slider .slick-dots li.slick-active button,
.su_button_circle {
    background-color: #ff0
}

@font-face {
    font-family: Satoshi;
    src: url(https://bmxstudio.com/css/../fonts/Satoshi-Regular.eot);
    src: url('https://bmxstudio.com/css/../fonts/Satoshi-Regular.eot?#iefix') format('embedded-opentype'), url(https://bmxstudio.com/css/../fonts/Satoshi-Regular.woff2) format('woff2'), url(https://bmxstudio.com/css/../fonts/Satoshi-Regular.woff) format('woff'), url(https://bmxstudio.com/css/../fonts/Satoshi-Regular.ttf) format('truetype'), url('https://bmxstudio.com/css/../fonts/Satoshi-Regular.svg#Satoshi-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Satoshi;
    src: url(https://bmxstudio.com/css/../fonts/Satoshi-Medium.eot);
    src: url('https://bmxstudio.com/css/../fonts/Satoshi-Medium.eot?#iefix') format('embedded-opentype'), url(https://bmxstudio.com/css/../fonts/Satoshi-Medium.woff2) format('woff2'), url(https://bmxstudio.com/css/../fonts/Satoshi-Medium.woff) format('woff'), url(https://bmxstudio.com/css/../fonts/Satoshi-Medium.ttf) format('truetype'), url('https://bmxstudio.com/css/../fonts/Satoshi-Medium.svg#Satoshi-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url(https://bmxstudio.com/css/../fonts/CabinetGrotesk-Medium.eot);
    src: url('https://bmxstudio.com/css/../fonts/CabinetGrotesk-Medium.eot?#iefix') format('embedded-opentype'), url(https://bmxstudio.com/css/../fonts/CabinetGrotesk-Medium.woff2) format('woff2'), url(https://bmxstudio.com/css/../fonts/CabinetGrotesk-Medium.woff) format('woff'), url(https://bmxstudio.com/css/../fonts/CabinetGrotesk-Medium.ttf) format('truetype'), url('https://bmxstudio.com/css/../fonts/CabinetGrotesk-Medium.svg#CabinetGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Cabinet Grotesk';
    src: url(https://bmxstudio.com/css/../fonts/CabinetGrotesk-Regular.eot);
    src: url('https://bmxstudio.com/css/../fonts/CabinetGrotesk-Regular.eot?#iefix') format('embedded-opentype'), url(https://bmxstudio.com/css/../fonts/CabinetGrotesk-Regular.woff2) format('woff2'), url(https://bmxstudio.com/css/../fonts/CabinetGrotesk-Regular.woff) format('woff'), url(https://bmxstudio.com/css/../fonts/CabinetGrotesk-Regular.ttf) format('truetype'), url('https://bmxstudio.com/css/../fonts/CabinetGrotesk-Regular.svg#CabinetGrotesk-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(https://bmxstudio.com/css/../fonts/Montserrat-Regular.eot);
    src: url('https://bmxstudio.com/css/../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url(https://bmxstudio.com/css/../fonts/Montserrat-Regular.woff2) format('woff2'), url(https://bmxstudio.com/css/../fonts/Montserrat-Regular.woff) format('woff'), url(https://bmxstudio.com/css/../fonts/Montserrat-Regular.ttf) format('truetype'), url('https://bmxstudio.com/css/../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

body section.logo-five.packaging ul.logo-inner-list {
    display: block;
    padding: 0
}

body section.logo-five.packaging ul.logo-inner-list li {
    margin-bottom: 40px
}

body .platform-inner ul {
    display: grid;
    padding-top: 20px
}

body .platform-inner ul li a {
    font-size: 28px;
    font-family: 'Cabinet Grotesk';
    font-weight: 400
}

body .platform-inner ul li {
    border-right: 1px solid #2d577e;
    text-align: center
}

section.logo-five.paid-ads h3 {
    color: #fff;
    margin: 20px 0 0;
    padding-bottom: 0;
    line-height: 28px
}

*,
.contact-text p,
.logo-box-inner .logo-box p,
body section.grapgic-sec p:last-child,
body section.logo-five.packaging ul.logo-inner-list li:last-child,
footer p,
form p:last-child,
section#carrer-apply form tr:last-child p:last-child,
section#carrer-apply form tr:nth-child(5) p:last-child,
section.career-sec p:last-child,
section.packaging-third p:last-child,
ul {
    margin: 0
}

section.logo-five.paid-ads .row .col-md-6:last-child {
    padding-left: 12px
}

body section.logo-five.packaging .row,
header .row,
section.about-us .row,
section.contact-form .row,
section.hero.blog-inner-banner,
section.hero.lifevox-inner-banner,
section.logo-five.paid-ads .row,
section.logo-second.influencer-reason .row,
section.project .row,
section.vox .row,
section.vox-activity .row {
    align-items: center
}

body .platform-inner ul li:last-child {
    border: 0
}

body section.logo-second.influencer ul.logo-inner-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    padding-bottom: 20px
}

body section.logo-second.influencer .logo-box-inner .logo-box:nth-child(odd) {
    padding-left: 0;
    padding-right: 60px
}

ul.influencer-list li {
    color: #fff;
    font-family: Satoshi;
    list-style-type: numric;
    padding-bottom: 15px
}

ul.influencer-list {
    padding: 0 0 0 30px
}

ul.influencer-list li:last-child {
    padding-bottom: 0
}

.grid-img,
footer .row:last-child .col-md-4 p,
section.logo-second.influencer-reason .row .col-md-6:last-child {
    text-align: right
}

.capital,
.lets-text,
.testimonials-child,
.tz-gallery h6,
body .inner-bnr-headings h2,
body .sec-bg-btn,
h1,
section.hero.lifevox-inner-banner h6,
section.sec-bg-inner h4,
ul.social-links li {
    text-align: center
}

.logo-box-inner .logo-box:first-child,
body section.logo-five.packaging .row .col-md-6,
nav.menu-wrapper ul.menubaar li:first-child,
section.branding-services .row:first-child .col-md-7 {
    padding-left: 0
}

ul.sub-menu li {
    border-right: 0 !important;
    padding: 15px !important
}

*,
body ul.foot-links,
body.single-post .container,
body.single-post .inner-bnr-headings,
footer.et-l.et-l--footer,
section.best-ours .container-fluid,
section.hero.logo-banner .inner-bnr-headings,
ul,
ul.sub-menu li a {
    padding: 0
}

.box-inner .button_su:hover span,
a.button_su_inner:hover,
button.button_su_inner:hover {
    color: #1c2d3d
}

section.globel-project:not(.home) .project-child:last-child,
section.grapgic-sec.lst,
section.logo-four .logo-box-inner .logo-box:nth-child(5),
ul.sub-menu li:last-child {
    border-bottom: 0
}

section#carrer-apply,
section.about-us,
section.career-sec,
section.globel,
section.latest-news,
section.live-life,
section.logo-five,
section.logo-four,
section.logo-second,
section.map,
section.overview,
section.packaging-second,
section.vox {
    padding: 100px 0
}

section.career-post,
section.client-testimonials,
section.lets-work,
section.packaging-third,
section.project-lead,
section.vox-activity {
    padding: 100px 0;
    border-top: 1px solid #2d577e
}

section.packaging-third img {
    margin: 25px 0;
    width: auto
}

footer p:last-child,
nav.menu-wrapper {
    margin-left: auto
}

.whatsapp-button {
    position: fixed;
    left: 20px;
    bottom: 20px;
    animation: 1s infinite bounce
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

nav.menu-wrapper ul.menubaar>li:nth-child(2) a {
    padding-right: 15px
}

* {
    box-sizing: border-box
}

nav.menu-wrapper ul.menubaar>li::before {
    background: #2d577e;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    bottom: auto;
    position: absolute;
    content: ""
}

.toggle-menu,
footer#main-footer,
header#main-header,
nav.menu-wrapper ul.menubaar li:last-child::before {
    display: none
}

body section.logo-second .row>p,
section.project-lead p {
    margin-bottom: 30px
}

body footer .modal div,
body.single-post #et-main-area,
footer section .row {
    padding: 0 !important
}

body {
    font-size: 16px;
    font-family: 'Cabinet Grotesk', sans-serif;
    scroll-behavior: smooth
}

body #hero-slider .inner-bnr-headings h2,
h1 {
    font-size: 55px !important;
    line-height: 54px !important
}

.container {
    max-width: 1350px;
    width: 100%
}

body h2 {
    font-size: 55px;
    color: #fff;
    line-height: 55px
}

h1 {
    color: #fffd08
}

a {
    text-decoration: none;
    color: #fff;
    font-family: Satoshi, sans-serif
}

img {
    max-width: 100%
}

a.active,
a:hover,
body .wpcf7-not-valid-tip {
    color: #ff0
}

li {
    list-style-type: none
}

header .logo {
    max-width: 190px
}

nav.menu-wrapper ul.menubaar {
    display: flex;
    padding: 0 !important
}

nav.menu-wrapper ul.menubaar li {
    padding: 40px 38px;
    position: relative
}

ul.menubaar li a {
    position: relative;
    padding-bottom: 6px
}

.container-fluid {
    padding: 0 40px
}

nav.menu-wrapper,
section.logo-second img {
    width: auto
}

header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999
}

footer .row:nth-child(2) h6 {
    padding-bottom: 12px
}

footer .container:last-child .row .col-md-3:first-child {
    padding-top: 45px
}

h6 {
    font-family: 'Cabinet Grotesk', sans-serif;
    font-size: 20px;
    line-height: 24px
}

.testimonials-child h6,
.testimonials-child span,
p {
    font-family: Satoshi, sans-serif
}

.capital {
    max-width: 330px;
    margin: 0 auto;
    padding: 40px 0;
    flex-grow: 1
}

.blog-txt-row h4,
.capital p {
    padding-top: 15px
}

footer section .row>.col-md-3 {
    border-right: 1px solid #2d577e;
    padding: 0
}

footer section .row>.col-md-3 .social-blurbs {
    padding: 25px 50px;
    border-bottom: 1px solid #2d577e
}

body footer p.foot-visitor {
    font-size: 20px;
    font-family: 'Cabinet Grotesk';
    display: flex;
    justify-content: center;
    color: #ff0;
    align-items: center
}

body footer p.foot-visitor>span#pageViews {
    padding-left: 10px
}

footer section .row>.col-md-4 a {
    max-width: 450px;
    margin: auto;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center
}

footer section .row>.col-md-3 .social-blurbs:last-child,
section.best-ours.abt .col-lg-2:last-child,
section.best-ours.abt .row .col-md-2:last-child,
ul.social-links li:last-child {
    border: none
}

.project-child,
footer .container:last-child .row .col-md-2,
footer section .row>.col-md-5,
section.best-ours.abt .col-lg-2,
section.best-ours.abt .row .col-md-2,
section.overview .row .col-md-4,
ul.social-links li {
    border-right: 1px solid #2d577e
}

footer .row:last-child {
    padding: 20px 80px 0
}

ul.social-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 !important
}

ul.social-links li {
    width: 25%;
    padding: 40px 10px;
    justify-content: center
}

footer section .row>.col-md-5 {
    padding: 0;
    display: flex;
    flex-direction: column
}

footer .row.ft {
    justify-content: space-around
}

footer section .row,
section.best-ours.abt .row {
    justify-content: space-between
}

footer ul.menubaar {
    display: flex;
    gap: 50px;
    justify-content: center;
    padding: 30px 0;
    flex-wrap: wrap
}

footer {
    padding: 0 0 20px
}

footer p {
    color: #e9e9e9;
    font-size: 14px;
    width: auto !important
}

footer .container:last-child .row {
    padding-top: 20px
}

.button_su {
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: 30px
}

.su_button_circle {
    border-radius: 1000px;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    margin-left: 0;
    margin-top: 0;
    pointer-events: none;
    animation-timing-function: ease-in-out
}

.button_text_container,
.toggle-bt,
i,
ul.slow-line .slick-track li {
    position: relative
}

.button_su_inner {
    transition: .5s;
    background: #fff0;
    color: #fff;
    text-transform: uppercase;
    line-height: 20px;
    padding: 15px 35px;
    border: 1px solid #2d577e;
    border-radius: 30px;
    font-weight: 500;
    display: flex
}

body .wpcf7-response-output {
    margin: 20px 0 0 !important;
    border: 1px solid #ff0 !important;
    color: #ff0
}

.explode-circle {
    animation: 1s forwards explode
}

.desplode-circle {
    animation: 1s forwards desplode
}

@keyframes explode {
    0% {
        width: 0;
        height: 0;
        margin-left: 0;
        margin-top: 0;
        background-color: #ff0
    }

    100% {
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -200px;
        background-color: #ff0
    }
}

@keyframes desplode {
    0% {
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -200px;
        background-color: #ff0
    }

    100% {
        width: 0;
        height: 0;
        margin-left: 0;
        margin-top: 0;
        background-color: #ff0
    }
}

p {
    color: #e9e9e9
}

ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    bottom: auto;
    width: 100%;
    padding: 0 !important;
    transform: translateY(15px);
    transition: .3s;
    opacity: 0;
    visibility: hidden
}

nav.menu-wrapper ul.menubaar>li:nth-child(2):hover>ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

nav.menu-wrapper ul.menubaar>li:nth-child(2)::after {
    background-image: var(--wpr-bg-63d11f1d-a95f-4cdc-864b-01662449c260);
    width: 11px;
    height: 6px;
    position: absolute;
    content: "";
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s
}

nav.menu-wrapper ul.menubaar>li:nth-child(2):hover::after {
    transform: rotate(-180deg) translateY(3px)
}

body .grapgic-grid img,
header .logo img {
    width: 100%;
    max-width: 100%
}

.hero {
    background-image: var(--wpr-bg-8013a378-5f75-4fc5-8186-ec8be2437777);
    height: calc(100vh - 100px);
    width: 100%;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: end;
    justify-content: start
}

ul.blogul li {
    list-style-type: disc
}

body footer ul.menubaar li,
body footer ul.menubaar li a,
ul.blogul {
    padding-bottom: 0 !important
}

.blog-txt-row h4:first-child,
section.globel-project.home .project-child:nth-child(2) {
    padding-top: 0
}

body.single-post .et_pb_post {
    margin: 0;
    padding: 0
}

.heading {
    padding-bottom: 100px;
    max-width: 1115px
}

cite,
em,
i {
    font-style: normal !important
}

.hero-wp-banner {
    height: 100vh;
    display: flex;
    align-items: center
}

section.hero.contact_innner {
    background-image: var(--wpr-bg-ece9315a-0aaf-47b2-80b9-f8b628e423f7)
}

section.about-second p:nth-child(2),
section.about-us p {
    margin-bottom: 10px
}

section.project-slider,
section.provide-service {
    padding: 0 0 100px
}

.service-box {
    display: flex;
    padding: 60px 0;
    justify-content: space-between;
    align-items: start
}

.service-box span {
    color: #fff;
    font-weight: 500;
    font-size: 35px;
    line-height: 40px
}

h4 {
    color: #fff;
    font-size: 35px;
    margin: 0;
    text-align: left
}

.service-box h4 {
    width: 305px
}

.service-box p {
    margin: 0;
    max-width: 570px
}

section.live-life .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
    height: 400px;
    object-fit: cover
}

section.life-vox .row {
    align-items: end
}

section.live-life .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: .4s
}

body section.life-vox .row .col-md-6:first-child img {
    height: 700px;
    width: 100%;
    object-fit: cover
}

body section.vox img {
    height: 600px;
    width: 100%;
    object-fit: cover
}

.tz-gallery h6 {
    margin: 0;
    font-size: 30px;
    padding-top: 15px
}

a.lightbox {
    position: unset;
    display: block
}

.tz-gallery {
    display: flex;
    gap: 38px;
    justify-content: space-between;
    padding-top: 38px
}

.tz-gallery .col-md-4 {
    width: calc(33.33% - 38px)
}

section.live-life .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgb(46 132 206 / .7);
    content: '';
    transition: .4s;
    z-index: -999999
}

section.project {
    padding: 100px 0 40px
}

section.branding-services,
section.contact-form,
section.grapgic-sec,
section.life-vox,
section.stationery-third {
    padding: 100px 0;
    border-bottom: 1px solid #2d577e
}

section.life-vox p {
    padding-top: 30px
}

.lets-text {
    max-width: 500px;
    margin: 0 auto
}

section.logo {
    padding: 48px 0
}

section.logo img {
    width: 130px !important;
    height: 60px;
    object-fit: contain
}

section.logo .slick-track {
    display: flex;
    align-items: center;
    gap: 100px
}

.count-blurb p {
    font-size: 22px
}

.count-blurb {
    max-width: 320px;
    margin: 0 auto 0 40px
}

section.best-ours .container-fluid .row .col-md-3,
section.best-ours .container-fluid .row .col-md-4 {
    padding: 60px 0 65px;
    display: flex;
    align-items: center;
    border-right: 1px solid #2d577e
}

section.best-ours h2 {
    margin: 0 auto
}

section.best-ours h3 {
    color: #fff;
    font-size: 70px;
    font-weight: 500;
    margin: 70px 0 0;
    line-height: 54px
}

.lets-text p {
    margin-bottom: 30px;
    margin-top: 15px
}

.testimonials-child {
    max-width: 870px;
    margin: 0 auto
}

.testimonials-child .testimonials-thumbnail {
    width: 100px;
    height: 100px;
    margin: 0 auto 30px;
    border-radius: 100%
}

.testimonials-child .testimonials-thumbnail img {
    height: 100px;
    max-width: 100%;
    object-fit: cover;
    border-radius: 100%
}

#testimonials button.slick-next.slick-arrow,
#testimonials button.slick-prev.slick-arrow {
    transform: translateY(-50%);
    color: #fff0;
    border: none;
    text-indent: -9999999px;
    padding: 0;
    height: 31px;
    width: 45px;
    position: absolute;
    bottom: auto;
    top: 50%
}

.testimonials-child h3 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 22px !important;
    font-weight: 400;
    line-height: 28px !important
}

.testimonials-child h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.testimonials-child span {
    font-weight: 400;
    color: #fff
}

#testimonials button.slick-prev.slick-arrow {
    left: 0;
    background: url(https://bmxstudio.com/images/leftframe.png) #fff0;
    z-index: 9
}

#testimonials button.slick-next.slick-arrow {
    right: 0;
    background: var(--wpr-bg-1f1cc2e3-f836-4361-8110-a1efb1a3fdb5) #fff0
}

section.latest-news .blog-perent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding-top: 30px
}

form p span,
section.contact-form form .wpcf7-form-control-wrap {
    width: 100%
}

section.latest-news .blog-perent .blog-child .testimonials-thumbnail {
    order: -1;
    height: 306px;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px
}

.abt-count-blurb {
    display: flex;
    flex-direction: column;
    height: 100%
}

section.latest-news .blog-perent .blog-child .testimonials-thumbnail img {
    height: 100%;
    object-fit: cover;
    transition: .8s;
    max-width: 100%;
    width: 100%;
    cursor: pointer
}

section.best-ours.abt p {
    font-size: 22px;
    flex-grow: 1
}

.project-perent .project-wrap>a img:hover,
section.latest-news .blog-perent .blog-child .testimonials-thumbnail img:hover {
    transform: scale(1.1)
}

.office-cot-blurb h5 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
    display: flex;
    gap: 15px;
    font-weight: 500;
    padding-left: 30px
}

.office-cot-blurb ul li img {
    padding-top: 5px
}

.office-cot-blurb ul li {
    display: flex;
    align-items: start;
    gap: 15px;
    padding-bottom: 18px
}

.office-cot-blurb {
    padding: 0 0 0 150px;
    margin-bottom: 22px
}

.office-cot-blurb ul {
    padding: 0 0 22px 30px
}

section.contact-form .row .col-md-6:last-child .office-cot-blurb:last-child ul {
    border: none;
    padding-bottom: 0
}

section.contact-form .row .col-md-6:last-child .office-cot-blurb:last-child {
    margin-bottom: 0;
    margin-top: 30px
}

.about-inner-banner {
    background-image: var(--wpr-bg-90949f5e-f470-4729-a783-c16df4d58498) !important;
    align-items: end !important
}

body .inner-bnr-headings h2 {
    color: #fffd08;
    font-size: 40px !important;
    line-height: 38px !important
}

.blurb-head,
.inner-bnr-headings,
section.about-second h2,
section.we-live .row:first-child {
    padding-bottom: 30px
}

section.hero.projects_innner {
    background-image: var(--wpr-bg-c9385085-d581-412c-84d7-d84691740b39) !important;
    align-items: center !important
}

section.about-second {
    padding: 100px 0 34px
}

section.best-ours.abt .row .col-md-2:first-child .count-blurb {
    margin-left: 0;
    max-width: 230px
}

section.best-ours.abt .row .col-md-2 {
    padding: 60px 0
}

.blurb-head {
    display: flex;
    gap: 20px;
    align-items: center
}

section.overview .row {
    margin-top: 30px;
    border: 1px solid #2d577e
}

section.overview .overview-blurb {
    padding: 50px 0 45px 18px
}

section.overview .overview-blurb p {
    margin: 0;
    padding: 30px 10px 0 0
}

section.we-live {
    padding: 100px 0;
    border: 1px solid #2d577e
}

.contact-text h6 {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.contact-text h2 {
    padding-bottom: 15px
}

body form input,
input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    width: 100%;
    padding: 20px 15px 20px 0 !important;
    background: #fff0 !important;
    border: none !important;
    border-bottom: 1px solid #2d577e !important;
    color: #e9e9e9 !important;
    font-size: 18px;
    outline: 0
}

#hero-slider .slide-item,
section.sec-bg-inner {
    background-size: cover;
    background-position: center center
}

::placeholder {
    color: #e9e9e9;
    font-size: 18px;
    font-family: Montserrat, sans-serif
}

section.we-live img {
    width: 100%;
    height: 350px;
    object-fit: cover
}

body form textarea {
    width: 100%;
    padding: 20px 15px 20px 0 !important;
    background: #fff0 !important;
    border: none !important;
    border-bottom: 1px solid #2d577e !important;
    color: #e9e9e9 !important;
    font-size: 18px;
    outline: 0;
    height: 70px !important
}

section.lead-line {
    margin-bottom: 90px
}

section.lead-line ul {
    background: #ff0;
    padding: 20px 0
}

section.provide-service .button_su {
    margin: 35px auto 0
}

ul.slow-line .slick-track {
    display: flex;
    align-items: center
}

ul.slow-line .slick-track li::before {
    background-image: var(--wpr-bg-96737b88-1ce9-4904-b07b-6a569cda8c52);
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px
}

ul.slow-line .slick-track li {
    font-size: 35px;
    color: #1c2d3d;
    font-weight: 500;
    text-align: left;
    padding: 0 40px;
    width: auto !important
}

.contact_innner {
    background-image: var(--wpr-bg-8b0c6d3a-8457-4b18-9fbb-8406b7ab8014) !important
}

section.about-us .button_su {
    margin-top: 30px
}

span {
    display: inline-block;
    overflow: hidden
}

i {
    font-style: normal;
    top: 100px
}

@keyframes swift-up {
    to {
        top: 0
    }
}

section.hero.services-banner {
    background-image: var(--wpr-bg-f6cdb58a-8af3-4222-a0fd-30ce43e8dbb5);
    align-items: center !important
}

section.branding-services .row:nth-child(2) .service-box {
    border-top: 1px solid #2d577e;
    margin-top: 35px
}

.box-inner .button_su span {
    font-size: 14px;
    line-height: normal
}

.box-inner a.button_su_inner {
    padding: 10px 20px
}

.box-inner .button_su,
section.contact-form form .button_su {
    margin-top: 20px
}

section.hero.services-banner .inner-bnr-headings {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 40px
}

section.branding-services .service-box h4 {
    width: 410px
}

section.globel p {
    margin: 0;
    padding-top: 25px
}

section.best-ours.abt .col-lg-2 {
    padding: 60px 40px
}

.breck-text {
    margin-left: 90px
}

.project-perent {
    display: grid
}

.project-perent .project-wrap {
    max-width: 760px
}

.project-perent .project-wrap>a {
    display: block;
    height: 580px;
    overflow: hidden
}

.project-perent .project-wrap>a img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .8s
}

.project-wrap p {
    font-family: Satoshi;
    margin: 0
}

.project-child {
    display: flex;
    justify-content: center;
    padding: 70px
}

.post-content {
    padding-bottom: 40px
}

.career-wrap {
    display: flex;
    align-items: center;
    padding: 20px 0;
    cursor: pointer;
    margin: 20px 0
}

.career-wrap p {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0 100px 0 auto
}

.toggle-bt {
    width: 30px;
    height: 30px
}

.toggle-bt::before {
    position: absolute;
    height: 2px;
    width: 100%;
    transform: translateY(-50%);
    bottom: auto;
    top: 50%
}

.toggle-bt::after {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 2px;
    transform: translateX(-50%);
    bottom: 0
}

.career-wrap h3 {
    margin: 0;
    font-size: 35px;
    color: #fff;
    font-weight: 500
}

.career-child p {
    font-size: 20px;
    font-family: Montserrat;
    font-weight: 500;
    color: #fff
}

.post-content p {
    margin: 0 0 30px
}

.post-content h6 {
    font-size: 27px;
    font-weight: 400
}

ul.carrer-skills li {
    color: #fff;
    font-size: 20px;
    padding-bottom: 10px;
    list-style: disc
}

.career-wrap.open .toggle-bt::after {
    transform: rotate(90deg)
}

table td:nth-child(odd) {
    padding: 0 65px 0 0
}

section#carrer-apply form p {
    margin-bottom: 45px
}

table tr:last-child {
    margin-top: 45px;
    display: inline-block
}

section#carrer-apply form textarea {
    height: 180px
}

ul.carrer-skills {
    padding: 10px 0 35px 20px
}

.project-wrap h3 {
    font-size: 45px;
    font-family: 'Cabinet Grotesk';
    margin: 30px 0 5px
}

section.globel-project.home .project-perent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: none
}

section.globel-project.home .project-perent .project-wrap>a {
    height: 385px
}

section.globel-project.home .project-child {
    padding: 50px 25px
}

section.globel-project.home {
    padding-bottom: 90px
}

#hero-slider .container,
section.globel-project.home .project-child .project-wrap {
    max-width: 100%;
    width: 100%
}

section.globel-project.home .project-child:first-child {
    padding-left: 80px;
    padding-top: 0
}

section.globel-project.home .project-child:last-child {
    padding-right: 80px
}

section.globel-project.home .project-child:nth-child(3) {
    padding-right: 80px;
    padding-top: 0
}

section.globel-project.home .project-child:nth-child(4) {
    padding-left: 80px
}

body .inner-bnr-headings h1,
h6 {
    color: #fffd08 !important;
    font-weight: 500 !important
}

.inner-bnr-headings h6 {
    font-family: Satoshi;
    font-size: 25px
}

@media screen and (max-width:1350px) {

    body .container,
    body .container-fluid {
        max-width: 100%;
        width: 100%;
        padding: 0 20px
    }

    .project-child {
        padding: 30px 20px !important
    }

    body .row {
        margin: 0 !important
    }
}

@media screen and (max-width:1170px) {
    section.best-ours.abt .col-lg-2 {
        padding: 30px 20px
    }

    body .logo-grid {
        grid-template-columns: repeat(5, 1fr)
    }

    .office-cot-blurb {
        padding-left: 30px
    }

    body footer section .row>.col-md-3 .social-blurbs {
        padding: 20px
    }

    section.best-ours h3 {
        margin-top: 15px;
        font-size: 50px;
        line-height: 42px
    }

    section.best-ours.abt p {
        font-size: 18px;
        margin: 0
    }

    body nav.menu-wrapper ul.menubaar li {
        padding: 40px 23px
    }

    body nav.menu-wrapper ul.menubaar>li:nth-child(2)::after {
        right: 18px
    }
}

@media screen and (max-width:430px) {
    body ul.logo-inner-list {
        display: block;
        padding: 0
    }

    body ul.logo-inner-list li {
        margin-bottom: 15px
    }

    body ul.logo-inner-list li:last-child {
        margin: 0
    }
}

@media screen and (max-width:767px) {

    body #hero-slider .inner-bnr-headings h2.swift-up-text,
    body .inner-bnr-headings h1 {
        font-size: 28px !important;
        line-height: 25px !important
    }

    footer section .row div {
        padding: 20px !important
    }

    body .grapgic-grid,
    section.globel-project .project-perent {
        grid-template-columns: repeat(1, 1fr) !important
    }

    body #hero-slider,
    body #hero-slider .slide-item {
        height: 70vh
    }

    section.logo-second.influencer-reason .row .col-md-6:last-child {
        padding-top: 20px
    }

    body section.logo-second.influencer ul.logo-inner-list {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #career-perent,
    #wpcf7-f485-o1,
    .col-lg-10,
    .col-lg-2,
    .col-sm-12,
    .office-cot-blurb h5,
    .office-cot-blurb ul,
    .sec-bg-btn,
    a.button_su_inner span,
    body section.logo-five.paid-ads .row .col-md-6:last-child,
    body section.sec-bg-inner .container h4,
    section.about-second p,
    section.best-ours .container-fluid,
    section.branding-services .container,
    section.globel h2,
    section.hero.about-inner-banner .inner-bnr-headings,
    section.logo-second img,
    section.overview .row .col-md-4,
    section.provide-service .container {
        padding: 0
    }

    section.grapgic-sec.lst.social-marketing img {
        padding: 0;
        margin-bottom: 25px
    }

    body h2,
    body section.grapgic-sec .logo-box-inner .logo-box,
    body section.logo-four .logo-box-inner .logo-box,
    body section.logo-second .logo-box-inner .logo-box,
    p {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .testimonials-child h3,
    body .platform-inner ul li a {
        font-size: 20px
    }

    body .logo-grid {
        display: block;
        padding: 0
    }

    body section.stationery-third ul.logo-inner-list {
        grid-template-columns: repeat(1, 1fr);
        padding: 10px 0 0
    }

    body section.logo-five p:last-child {
        margin: 0
    }

    body .logo-grid,
    body section.stationery-third .row:last-child {
        padding-top: 30px
    }

    body section.stationery-third .row:last-child img,
    section.life-vox img:first-child {
        padding-bottom: 20px
    }

    body section.packaging-third img {
        margin: 15px 0 !important;
        padding-left: 0;
        padding-right: 0
    }

    body section.grapgic-sec,
    body section.logo-five,
    body section.logo-four,
    body section.logo-second,
    body section.logo-third,
    body section.stationery-third,
    section.about-us,
    section.branding-services,
    section.career-post,
    section.career-sec,
    section.globel,
    section.grapgic-sec.lst,
    section.latest-news,
    section.lets-work,
    section.life-vox,
    section.map,
    section.overview,
    section.packaging-second,
    section.packaging-third,
    section.project-lead,
    section.vox-activity,
    section.we-live {
        padding: 50px 0
    }

    form input,
    ul.carrer-skills li {
        font-size: 16px
    }

    .lets-text p,
    .post-content p,
    body section.logo-five.packaging ul.logo-inner-list li,
    body section.logo-second .row>p,
    section#carrer-apply form p {
        margin-bottom: 15px
    }

    body .grapgic-grid {
        padding: 10px 0 30px;
        gap: 20px !important
    }

    body .logo-box-inner,
    section.about-second h2,
    section.globel p {
        padding-left: 0;
        padding-right: 0
    }

    body section.grapgic-sec .logo-box-inner {
        display: block;
        padding-top: 0
    }

    body section.grapgic-sec .logo-box-inner .logo-box {
        border-right: 0 !important;
        border-top: 1px solid #2d577e
    }

    body section.grapgic-sec .logo-box-inner .logo-box:last-child,
    body section.logo-four .logo-box-inner .logo-box:last-child,
    body section.logo-second .logo-box-inner .logo-box:last-child {
        padding-bottom: 0 !important
    }

    body .sec-bg-btn,
    section.about-us .button_su,
    section.project .button_su {
        margin-top: 10px
    }

    body section.logo-four .logo-box-inner .logo-box:nth-child(2),
    body section.logo-second .logo-box-inner .logo-box,
    section.best-ours .row:first-child .col-md-4:nth-child(2) {
        border-right: 0
    }

    body section.logo-four .logo-box-inner .logo-box:nth-child(5),
    body section.logo-second .logo-box-inner .logo-box:nth-child(3),
    section.globel-project:not(.home) .project-child:nth-last-child(2) {
        border-bottom: 1px solid #2d577e
    }

    body section.logo-second .logo-box-inner {
        display: unset;
        padding: 15px 0 0
    }

    body section.logo-four .logo-box-inner .logo-box:first-child {
        border-top: 1px solid #2d577e;
        margin-top: 10px
    }

    body section.logo-four .logo-box-inner .logo-box {
        border-right: 0 !important
    }

    body .logo-grid img {
        max-width: 110px;
        height: 35px;
        margin: 0 10px
    }

    .post-content p,
    table tr:last-child {
        margin-top: 25px
    }

    .grid-img {
        text-align: left;
        padding-top: 20px
    }

    body section.logo-five .col-md-6:last-child,
    body section.vox .col-md-6:last-child {
        padding-left: 0;
        padding-top: 20px
    }

    body section.sec-bg-inner {
        min-height: 230px;
        height: auto;
        padding: 0
    }

    body .logo-box-inner .logo-box h4,
    body section.sec-bg-inner h4 {
        font-size: 22px;
        line-height: 22px
    }

    body section.logo-four .logo-box-inner {
        display: unset;
        padding: 0
    }

    body section.logo-four .logo-box-inner .logo-box:nth-child(3) {
        border-right: 1px solid #2d577e
    }

    body section.logo-four .logo-box-inner .logo-box:nth-child(4) {
        border-bottom: 1px solid #2d577e;
        border-right: 0
    }

    section.logo img {
        width: 110px !important;
        height: 35px !important
    }

    .hero-wp-banner {
        height: 470px
    }

    .blog-txt-row h4 {
        padding-bottom: 0;
        padding-top: 5px
    }

    body.single-post header .container,
    section.branding-services .container .row:first-child {
        padding: 0 20px
    }

    .career-child p {
        margin-right: 0 !important;
        font-size: 14px !important;
        flex-wrap: wrap;
        gap: 5px !important
    }

    .career-child h3 {
        font-size: 20px !important
    }

    .post-content {
        padding-bottom: 30px
    }

    .career-child .toggle-bt {
        height: 20px;
        width: 20px;
        position: absolute;
        top: 10px;
        right: 0
    }

    .career-child .career-wrap {
        padding: 10px 0;
        margin: 10px 0;
        display: inline-block;
        width: 100%;
        position: relative
    }

    .post-content h6,
    body .count-blurb p {
        font-size: 18px
    }

    ul.carrer-skills {
        padding: 0 0 15px 20px
    }

    body .button_su_inner {
        padding: 7px 16px !important
    }

    section.hero.services-banner .inner-bnr-headings {
        display: block;
        padding: 0 20px
    }

    section#carrer-apply {
        padding: 25px 0 50px
    }

    section#carrer-apply form td {
        width: 100%;
        display: block;
        padding: 0
    }

    section#carrer-apply form textarea {
        height: 85px
    }

    body .service-box {
        padding-left: 20px;
        padding-right: 20px
    }

    ::placeholder {
        font-size: 16px
    }

    form input {
        padding: 17px 0
    }

    section.contact-form {
        padding: 50px 0 20px
    }

    .office-cot-blurb {
        padding: 0;
        margin-top: 50px;
        margin-bottom: 30px
    }

    section.live-life .lightbox img,
    section.map iframe {
        height: 200px
    }

    section.life-vox img {
        width: 100%;
        max-width: 100%;
        height: 380px;
        object-fit: cover
    }

    section.live-life {
        padding: 50px 0 30px
    }

    body .tz-gallery .col-md-4 {
        width: 100%;
        margin-bottom: 20px
    }

    .tz-gallery {
        padding-top: 20px;
        display: block
    }

    .tz-gallery h6 {
        font-size: 22px;
        line-height: 24px
    }

    section.vox-activity img {
        height: 265px;
        max-width: 100%;
        object-fit: contain
    }

    section.about-second,
    section.vox {
        padding: 50px 0 34px
    }

    section.vox img {
        height: 400px;
        width: 100%;
        max-width: 100%;
        object-fit: cover
    }

    .box-inner {
        max-width: 100% !important
    }

    section.branding-services .row:nth-child(2) .service-box {
        margin-top: 15px
    }

    section.globel p {
        padding-top: 15px
    }

    section.hero.projects_innner .inner-bnr-headings {
        padding-bottom: 0
    }

    section.company-video video {
        height: 250px !important
    }

    section.overview h2 {
        padding-bottom: 15px
    }

    section.overview .row .col-md-4 .overview-blurb {
        padding: 25px 0 25px 15px
    }

    .blurb-head,
    section.about-second h2 {
        padding-bottom: 10px
    }

    .blurb-head p {
        padding: 10px 0 0 !important
    }

    .overview-blurb p {
        padding: 10px 15px 0 0 !important
    }

    .overview-blurb img {
        width: 35px
    }

    .overview-blurb h4 {
        font-size: 27px
    }

    section.overview .row .col-md-4:last-child {
        border-bottom: none !important
    }

    section.we-live .we-live-text {
        padding-right: 0
    }

    section.project-lead p {
        margin-top: 10px;
        margin-bottom: 15px
    }

    section.best-ours.abt,
    section.globel-project .project-child:last-child,
    section.globel-project.home,
    section.provide-service {
        padding-bottom: 50px
    }

    section.best-ours.abt .col-lg-2 {
        width: 50% !important;
        text-align: center;
        padding: 20px
    }

    .we-live-text {
        padding: 0 0 15px
    }

    body section.we-live .row:last-child .col-md-7 {
        padding: 30px 0 0
    }

    .service-box h4 {
        line-height: 20px;
        padding-bottom: 10px;
        order: 1;
        width: 100% !important;
        text-align: center
    }

    body section.provide-service .button_su {
        margin: 20px auto 0 20px
    }

    .inner-bnr-headings h6 {
        font-size: 20px;
        margin: 0
    }

    ul.menubaar.s-menu {
        display: none
    }

    section.logo .slick-track {
        gap: 35px
    }

    section.best-ours .row:last-child .col-md-3:nth-child(2) {
        border-right: none
    }

    section.best-ours .row:first-child .col-md-4:last-child {
        order: -1;
        padding-top: 50px !important;
        width: 100%;
        border-bottom: 1px solid #2d577e !important
    }

    section.best-ours .row {
        display: flex !important
    }

    section.provide-service .row:first-child .col-md-12 {
        padding-top: 50px
    }

    section.hero {
        height: 400px
    }

    body h2 {
        font-size: 35px !important;
        line-height: 34px !important
    }

    .project-wrap h3 {
        font-size: 28px
    }

    section.globel-project .project-child {
        padding-bottom: 25px;
        padding-top: 25px !important;
        padding-left: 20px;
        padding-right: 20px !important;
        border-right: none
    }

    body ul.slow-line .slick-track li {
        padding: 0 15px;
        font-size: 18px
    }

    .service-box {
        flex-direction: column-reverse;
        text-align: center;
        padding: 30px 20px
    }

    .service-box span {
        order: 2;
        margin: 0 auto;
        font-size: 24px;
        line-height: 28px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .service-box img {
        order: 2;
        margin: 0 auto;
        max-width: 50px;
        width: 100%
    }

    .count-blurb,
    .service-box p {
        max-width: 100%;
        margin: 0 auto
    }

    .count-blurb {
        width: 100%
    }

    section.best-ours h3 {
        font-size: 28px;
        margin-top: 20px;
        line-height: 28px;
        text-align: center
    }

    body section.best-ours .container-fluid .row .col-md-3,
    section.best-ours .container-fluid .row .col-md-4 {
        padding: 20px !important;
        border-right: 1px solid #2d577e !important;
        width: 50%;
        border-bottom: 1px solid #2d577e;
        text-align: center
    }

    .breck-text {
        margin: 0 auto;
        display: flex;
        gap: 10px
    }

    section.project {
        padding: 50px 0 10px
    }

    section.lead-line {
        margin-bottom: 50px
    }

    section.client-testimonials {
        padding: 50px 0;
        border-top: 0
    }

    section.logo {
        padding: 24px 0
    }

    section.latest-news .blog-perent {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 20px
    }

    body #downloadModal .modal-content {
        max-width: 600px;
        margin: auto
    }

    body #hero-slider .slide-item:first-child {
        background-image: var(--wpr-bg-8ce3778f-4d5f-413b-a177-84ee25570f97) !important
    }

    body #hero-slider .slide-item:nth-child(2) {
        background-image: var(--wpr-bg-b87aeb15-909f-4e55-b575-93bcf3c3686a) !important
    }

    body #hero-slider .slide-item:last-child {
        background-image: var(--wpr-bg-35194251-0871-47e5-b717-ec700d0f37bf) !important
    }
}

@media screen and (max-width:992px) {
    body header {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    body header>.container>.row {
        padding-bottom: 15px;
        padding-top: 15px
    }

    #testimonials button.slick-next.slick-arrow,
    #testimonials button.slick-prev.slick-arrow {
        top: auto;
        bottom: 0;
        transform: translateY(0);
        width: 35px;
        height: 24px;
        background-size: contain
    }

    body .toggle-menu.opened span:nth-child(2),
    form.bottom-sticky-form,
    li.desk,
    nav.menu-wrapper ul.menubaar>li::before,
    ul.menubaar.s-menu {
        display: none
    }

    body .platform-inner ul {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 20px
    }

    body .platform-inner ul li:nth-child(3) {
        border-right: 0
    }

    body .capital {
        max-width: 100%;
        order: -1;
        padding: 50px 20px 20px
    }

    body footer p.foot-visitor {
        justify-content: start;
        padding-bottom: 10px !important
    }

    body section.grapgic-sec.lst .logo-box-inner .logo-box:nth-child(2) {
        padding-right: 25px !important
    }

    body .logo-grid {
        grid-template-columns: repeat(4, 1fr)
    }

    ul.mobile-sub-menu {
        padding-top: 12px
    }

    section.logo-four .logo-box {
        padding: 15px 25px !important
    }

    .logo-box-inner .logo-box:first-child,
    .logo-box-inner .logo-box:nth-child(3) {
        padding: 15px 25px 15px 0
    }

    body .logo-box-inner .logo-box:last-child,
    body .logo-box-inner .logo-box:nth-child(2) {
        padding: 15px 0 15px 25px !important
    }

    body ul.menubaar li span.mobile-toggle.dt-open::before {
        content: "-" !important
    }

    li.mobile {
        display: block !important
    }

    .career-child p {
        margin-right: 15px;
        font-size: 16px;
        gap: 20px
    }

    .career-child h3 {
        font-size: 27px
    }

    section.life-vox .row .col-md-6:first-child {
        padding-right: 20px !important
    }

    section.life-vox p {
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }

    .col-md-5,
    .col-md-6,
    .project-perent,
    section.live-life h2 {
        padding: 0
    }

    section.live-life p {
        padding: 0;
        margin: 0
    }

    .tz-gallery {
        gap: 20px
    }

    .tz-gallery .col-md-4 {
        width: calc(33.33% - 20px)
    }

    section.live-life .lightbox img {
        height: 250px
    }

    .we-live-text,
    section.globel-project .project-child:last-child,
    section.globel-project.home .project-child:last-child,
    section.globel-project.home .project-child:nth-child(3),
    section.vox-activity .col-md-6:first-child {
        padding-right: 20px
    }

    .inner-bnr-headings,
    .service-box,
    body header .logo,
    section.latest-news .blog-perent {
        padding-left: 0;
        padding-right: 0
    }

    section.globel-project .project-child:nth-child(4),
    section.globel-project.home .project-child:first-child,
    section.globel-project.home .project-child:nth-child(4),
    section.vox .col-md-6:last-child {
        padding-left: 20px
    }

    .box-inner {
        max-width: 385px
    }

    section.branding-services .service-box h4 {
        width: auto
    }

    .service-box h4>span {
        padding: 0;
        font-size: 22px
    }

    .service-box span {
        font-size: 22px
    }

    .project-perent .project-wrap {
        max-width: 100% !important;
        width: 100%
    }

    section.overview .row .col-md-4:last-child {
        border-bottom: none !important
    }

    section.project-lead .col-md-3,
    section.project-lead .col-md-9 {
        width: 100%;
        padding: 0
    }

    section.we-live img {
        height: 100%;
        object-fit: cover
    }

    section.overview .row .col-md-4 {
        border-bottom: 1px solid #2d577e !important
    }

    section.best-ours.abt .col-lg-2:last-child,
    ul.social-links {
        border-bottom: 1px solid #2d577e
    }

    section.best-ours .row:first-child {
        border-bottom: 0
    }

    section.best-ours.abt .col-lg-2 {
        width: 33.33%;
        border-bottom: 1px solid #2d577e
    }

    footer section .row>.col-md-3 .social-blurbs:last-child {
        border: none;
        border-bottom: 1px solid #2d577e
    }

    #testimonials {
        padding-bottom: 40px
    }

    body footer section .row>.col-md-4 {
        padding: 0 !important
    }

    body footer section .row>.col-md-4 a {
        max-width: 100%;
        margin: 15px 0;
        display: block;
        height: auto
    }

    body footer .row:last-child p {
        justify-content: center;
        text-align: center !important;
        padding-bottom: 10px
    }

    .col-md-4,
    .col-md-8,
    footer .col-md-3 {
        width: 100%
    }

    .capital img {
        max-width: 120px
    }

    ul.social-links img {
        width: 25px
    }

    body ul.social-links li {
        padding: 15px 5px
    }

    body footer ul.menubaar {
        gap: 25px;
        padding: 20px
    }

    footer section .row>.col-md-5 {
        border: none !important;
        display: flex;
        flex-direction: column;
        width: 100%
    }

    footer section {
        border-top: none !important
    }

    body footer .row:last-child .col-md-4 p:last-child {
        padding-bottom: 0
    }

    body footer .row:last-child {
        flex-wrap: wrap;
        padding: 20px 20px 0
    }

    ul.menubaar.m-menu {
        display: flex !important;
        border-top: 1px solid #2d577e
    }

    section.company-video video {
        height: 350px !important
    }

    body ul.slow-line .slick-track li {
        padding: 0 20px;
        font-size: 25px
    }

    section.globel-project .project-perent .project-wrap>a {
        height: 210px !important
    }

    .project-wrap h3 {
        margin-top: 10px
    }

    .breck-text {
        margin: 0 auto
    }

    section.best-ours .container-fluid .row .col-md-3,
    section.best-ours .container-fluid .row .col-md-4 {
        padding: 30px 0
    }

    #testimonials button.slick-next.slick-arrow {
        right: calc(50% - 90px)
    }

    #testimonials button.slick-prev.slick-arrow {
        left: calc(50% - 90px)
    }

    section.latest-news .blog-perent .blog-child .testimonials-thumbnail {
        height: 225px
    }

    footer .row:last-child {
        padding-left: 20px;
        padding-right: 20px
    }

    body header .logo {
        max-width: 110px
    }

    body nav.menu-wrapper ul.menubaar {
        display: block;
        padding: 20px 20px 0 !important;
        border-top: 1px solid #2d577e
    }

    body nav.menu-wrapper ul.menubaar li {
        padding: 10px 0;
        border: none
    }

    body nav.menu-wrapper {
        position: absolute;
        right: 0;
        top: 100%;
        background: #1c2d3d;
        height: 0;
        padding: 0;
        opacity: 0;
        width: 100%;
        visibility: hidden
    }

    body nav.menu-wrapper.opened {
        height: 100vh;
        opacity: 1;
        visibility: visible;
        transition: .5s linear
    }

    body .toggle-menu.opened span:first-child {
        transform: rotate(45deg);
        margin: 10px 0 0
    }

    body .toggle-menu.opened span:last-child {
        transform: rotate(-45deg);
        margin: -3px 0 0 -1px
    }

    body .toggle-menu {
        display: block;
        margin-left: auto;
        width: 30px !important;
        height: 20px;
        padding: 0;
        position: relative;
        overflow: hidden
    }

    header {
        padding: 15px 0 !important
    }

    body .toggle-menu span:first-child {
        margin-top: 0
    }

    body .toggle-menu span:last-child {
        margin-bottom: 0
    }

    body .toggle-menu span {
        height: 2px;
        width: 100%;
        background: #ff0;
        display: block;
        margin: 7px 0;
        transition: .8s
    }
}

body ul.menubaar li span.mobile-toggle {
    width: 25px;
    height: 40px;
    background: #fff0;
    display: flex;
    align-items: center;
    justify-content: end;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

body ul.menubaar li span.mobile-toggle::before {
    position: absolute;
    content: "+";
    transition: .5s;
    font-size: 45px;
    color: #ff0;
    display: inline-block
}

.logo-box-inner {
    display: grid;
    padding-top: 30px
}

.logo-box-inner .logo-box {
    padding: 50px 60px;
    border-right: 1px solid #2d577e;
    border-bottom: 1px solid #2d577e
}

.logo-box-inner .logo-box:nth-child(3) {
    border-bottom: 0;
    padding-left: 0
}

.logo-box-inner .logo-box:last-child {
    border-bottom: 0;
    padding-right: 0
}

.logo-box-inner .logo-box h4 {
    padding-bottom: 10px
}

section.logo-third {
    padding: 100px 0;
    border-bottom: 1px solid #2d577e;
    border-top: 1px solid #2d577e
}

section.hero.logo-banner {
    align-items: center;
    justify-content: center
}

.logo-grid {
    display: grid;
    gap: 55px;
    padding-top: 50px
}

body section.grapgic-sec .logo-box-inner,
section.logo-four .logo-box-inner {
    grid-template-columns: repeat(3, 1fr)
}

section.logo-four .logo-box-inner .logo-box:first-child {
    padding-left: 60px
}

section.logo-four .logo-box-inner .logo-box:nth-child(2) {
    padding-right: 60px;
    border-right: 1px solid #2d577e
}

section.logo-four .logo-box-inner .logo-box:nth-child(3) {
    padding-left: 60px;
    border-bottom: 1px solid #2d577e;
    border-right: 0
}

section.logo-four .logo-box-inner .logo-box:nth-child(4) {
    border-bottom: 0;
    border-right: 1px solid #2d577e
}

section.sec-bg-inner {
    padding: 20px;
    background-image: url(https://voxplus.in/images/logo-bg.jpg);
    max-width: 100%;
    width: 100%;
    height: 430px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-attachment: fixed
}

body .grapgic-grid,
section.logo-five h2 {
    padding-bottom: 25px
}

body .grapgic-grid,
ul.logo-inner-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 20px
}

section.logo-five .col-md-6:last-child {
    padding-left: 50px
}

ul.logo-inner-list {
    gap: 20px
}

ul.logo-inner-list li {
    color: #fff;
    padding-left: 35px;
    font-family: Satoshi;
    position: relative
}

ul.logo-inner-list li::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: var(--wpr-bg-c070f814-e58f-4491-9b98-eee9d59caa01)
}

body section.grapgic-sec .logo-box-inner .logo-box:nth-child(2),
section.logo-four .logo-box-inner .logo-box:last-child {
    padding-right: 60px
}

.logo-grid img {
    max-width: 100%;
    width: 190px;
    height: 70px;
    object-fit: contain
}

body .sec-bg-btn {
    margin-top: 20px
}

body .sec-bg-btn a.button_su_inner {
    border-color: #fff
}

body .grapgic-grid {
    gap: 65px
}

body section.grapgic-sec .logo-box-inner .logo-box {
    border-bottom: 0;
    border-right: 1px solid #2d577e;
    padding-top: 25px;
    padding-bottom: 25px
}

body section.grapgic-sec .logo-box-inner .logo-box:last-child {
    border-right: 0;
    padding-left: 60px
}

section.stationery-third .row:last-child {
    padding-top: 50px;
    align-items: center
}

section.stationery-third .row:last-child ul.logo-inner-list {
    grid-template-columns: repeat(1, 1fr);
    padding: 0
}

@media screen and (max-width:399px) {
    body .platform-inner ul {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 10px
    }

    body .platform-inner ul li:nth-child(2),
    body .platform-inner ul li:nth-child(4) {
        border: 0
    }

    body .platform-inner ul li:nth-child(3) {
        border-right: 1px solid #2d577e
    }
}

body .modal {
    top: calc(50% - -102px);
    transform: translateY(-50%);
    background: #0000008f
}

body .modal-dialog {
    max-width: 550px;
    margin: 0 auto
}

img.babo-boy {
    animation: 2s infinite bounce;
    width: 260px;
    height: 45vh;
    max-width: 100vh;
    object-fit: contain;
    margin: auto auto 20vh
}

form.bottom-sticky-form {
    position: fixed;
    bottom: 0;
    max-width: 1070px;
    width: 100%;
    overflow: auto;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    background: #a9aab1cc;
    padding: 15px 20px;
    transition: .8s;
    border: 1px solid #1c2d3d;
    border-radius: 20px
}

form.bottom-sticky-form .button_su {
    float: right
}

form.bottom-sticky-form select {
    cursor: pointer;
    padding: 16px 15px !important;
    border-radius: 20px;
    font-size: 16px;
    appearance: none;
    position: relative;
    background-image: var(--wpr-bg-2ba05c87-4db0-467f-9e42-e4b360d4c0b8) !important;
    background-repeat: no-repeat !important;
    background-position: center right 20px !important;
    background-color: #1c2d3d !important
}

form.bottom-sticky-form table td {
    padding: 0;
    width: 30%;
    line-height: 12px
}

form.bottom-sticky-form table tr {
    margin: 0;
    display: flex;
    align-items: self-start;
    gap: 20px
}

form.bottom-sticky-form .wpcf7-not-valid-tip {
    padding-top: 10px
}

form.bottom-sticky-form table td:nth-child(4) {
    width: 45%
}

form.bottom-sticky-form ::placeholder {
    font-size: 16px
}

form.bottom-sticky-form button.button_su_inner {
    padding: 9px 25px;
    background: #1c2d3d;
    line-height: 20px;
    text-transform: capitalize
}

form.bottom-sticky-form.up-form {
    transform: translateX(-50%) translateY(-50px)
}

form.bottom-sticky-form input {
    padding: 10px 15px !important;
    background: #1c2d3d !important;
    border-radius: 20px
}

#hero-slider {
    height: calc(100vh - 109px);
    width: 100%;
    max-width: 100%
}

#hero-slider .slide-item {
    height: calc(100vh - 109px);
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

#hero-slider .inner-bnr-headings {
    padding-top: 0;
    text-align: start;
    padding-bottom: 0;
    max-width: 435px;
    margin-left: auto
}

.projects_innner .inner-bnr-headings,
.services-banner .inner-bnr-headings {
    max-width: 100%;
    text-align: center
}

.projects_innner .inner-bnr-headings h2,
.services-banner .inner-bnr-headings h2 {
    text-align: center !important
}

#hero-slider .inner-bnr-headings h1,
#hero-slider .inner-bnr-headings h2 {
    text-align: start !important
}

body #hero-slider .inner-bnr-headings h1 {
    font-weight: 600 !important
}

.career-inner-banner {
    background-image: var(--wpr-bg-4f936914-436b-4f39-a441-11ba0f3debb1)
}

.footer_click_popup {
    display: flex;
    cursor: pointer
}

body footer .modal div tr {
    margin: 0 !important;
    display: block;
    width: 100%
}

body footer .modal div input {
    font-size: 18px;
    width: 100%;
    max-width: 100% !important;
    color: #fff !important
}

.modal-header h5.modal-title {
    font-size: 25px;
    font-weight: 600;
    color: #fff
}

body footer .modal div td {
    padding: 0;
    width: 100%;
    max-width: 100%;
    display: block
}

#downloadModal .modal-content {
    background: #1c2d3d;
    padding: 20px !important;
    box-shadow: 0 0 20px 0 #d1d1d154;
    border-radius: 10px
}

#downloadModal .modal-content .btn-close {
    filter: invert(1)
}

#downloadModal .modal-header {
    border-bottom: none
}

#downloadModal {
    background: #00000036;
    padding: 0 !important
}

#downloadModal input.wpcf7-submit {
    border: 2px solid #fff !important;
    width: 150px;
    border-radius: 10px;
    padding: 11px !important;
    text-align: center;
    margin-top: 10px
}

#downloadModal tr td p {
    text-align: left !important
}

@media screen and (max-width:650px) {
    body #downloadModal .modal-content {
        max-width: 450px;
        margin: auto
    }
}

@media screen and (max-width:500px) {
    body #downloadModal .modal-content {
        max-width: 300px;
        margin: auto
    }
}

#hero-slider ul.slick-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
    gap: 10px;
    top: auto
}

#hero-slider .slick-dots li button {
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50px;
    border: none;
    color: transparent
}

body #hero-slider .inner-bnr-headings h2 {
    padding-bottom: 0;
    font-weight: 600
}

section.sec-bg-inner.graphic-design {
    border-top: 1px solid #2d577e;
    border-bottom: 1px solid #2d577e
}

section.back-sec {
    padding: 0px 0px 50px 0px;
}

section.back-sec a.back-parent {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

section.back-sec a.back-parent>h6 {
    margin: 0;
    color: #fff !IMPORTANT;
}

section.back-sec a.back-parent>img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}