@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url(/wp-content/themes/salient-child/fonts/font.woff2) format("woff2"), url(/wp-content/themes/salient-child/fonts/font.woff) format("woff");
    font-style: normal;
    font-display: swap
}

.common-form ._field-wrapper input {
    height: 45px !important;
    background: 0 0 !important;
    border: none !important;
    border-bottom: 2px solid #c9a907 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    padding-left: 10px !important;
    margin-bottom: 10px !important;
    display: inline-block !important;
    box-shadow: none !important;
    font-size: 16px !important;
    line-height: initial !important
}

.common-form ._form_element label._form-label {
    display: none !important
}

.common-form ._field-wrapper textarea {
    height: 100px !important;
    overflow: auto;
    background: 0 0 !important;
    border: none !important;
    border-bottom: 2px solid #c9a907 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    padding-left: 10px !important;
    margin-bottom: 10px !important;
    display: inline-block !important;
    box-shadow: none !important;
    font-size: 16px !important;
    line-height: initial !important
}

.common-form form {
    max-width: 100% !important
}

.common-form ._row._checkbox-radio {
    display: inline-block;
    margin: 0 5px 5px 0;
    position: relative;
    width: auto !important
}

.common-form ._row._checkbox-radio span {
    padding: 8px 15px;
    background: #fff4bb;
    border: 2px solid #fff4bb;
    border-radius: 25px;
    font-size: 15px;
    transition: .3s;
    display: inline-block
}

.common-form input:checked~span,
.common-form input:hover~span {
    background: #fff !important;
    transition: .3s !important;
    border: 2px solid #fff !important;
    color: #fff
}

.common-form ._row._checkbox-radio input {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

._error._below ._error-arrow {
    display: none
}

._error._below ._error-inner {
    background: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    color: red !important;
    font-size: 14px !important
}

._form-branding {
    display: none
}

.common-form legend._form-label {
    margin-bottom: 15px !important
}

.common-form ._form_element *,
legend._form-label {
    font-size: 16px !important;
    line-height: initial !important
}

.common-form ._row._checkbox-radio span label {
    font-size: 14px !important;
    line-height: initial !important
}

.common-form ._button-wrapper {
    position: relative;
    margin-top: 25px
}

._button-wrapper button {
    width: 130px !important;
    height: 50px !important;
    margin: 0 !important;
    opacity: 0 !important;
    z-index: 99;
    position: relative
}

._button-wrapper .btn-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

._error._below {
    position: relative !important;
    display: inline-block !important;
    padding: 0 !important
}

.common-form ._button-wrapper a.oz-btn {
    border: 2px solid #000 !important
}

.common-form ._button-wrapper:hover a.oz-btn {
    background: #000 !important
}

.common-form ._button-wrapper:hover a.oz-btn {
    background: #000 !important
}

.common-form ._button-wrapper:hover a.oz-btn:before {
    color: #fff !important;
    top: 50%;
    transform: translate(0, -50%)
}

.common-form ._button-wrapper:hover a.oz-btn span {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.common-form ._button-wrapper a.oz-btn:after {
    filter: brightness(0) invert(1)
}

.common-form ._button-wrapper:hover a.oz-btn:after {
    top: 50%;
    transform: translate(0, -50%)
}

.common-form ._form_1 {
    margin: 0 !important
}

.common-form input::placeholder,
.common-form textarea::placeholder {
    color: rgb(0 0 0 / .6) !important;
    opacity: 1
}

.common-form input::-webkit-input-placeholder,
.common-form textarea::-webkit-input-placeholder {
    color: rgb(0 0 0 / .6) !important;
    opacity: 1
}

.common-form input:-ms-input-placeholder,
.common-form textarea:-ms-input-placeholder {
    color: rgb(0 0 0 / .6) !important;
    opacity: 1
}

._checkbox-radio ._error-inner._no_arrow._below {
    position: absolute;
    bottom: -60%;
    left: 0;
    width: 260px;
    box-shadow: none !important;
    padding: 0 !important;
    background: transparent !important;
    color: red !important;
    font-size: 14px !important;
    margin: 0 !important;
    text-align: left !important
}

.contact-form form {
    margin-top: 40px !important;
    max-width: 100% !important
}

.contact-form ._field-wrapper input,
.contact-form ._field-wrapper textarea {
    background: 0 0 !important;
    border: 2px solid #d1cebc !important;
    box-shadow: none !important;
    border-radius: 0px !important
}

.contact-form ._field-wrapper input {
    height: 50px !important
}

.contact-form ._field-wrapper textarea {
    height: 150px !important
}

.contact-form ._form_element:nth-child(1),
.contact-form ._form_element:nth-child(2),
.contact-form ._form_element:nth-child(3),
.contact-form ._form_element:nth-child(4) {
    max-width: 50% !important;
    float: left;
    margin-bottom: 30px !important
}

.contact-form ._form_element:nth-child(5) {
    margin-bottom: 30px !important
}

.contact-form label._form-label {
    position: absolute;
    position: absolute;
    top: 25px;
    left: 15px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #131313;
    padding: 0 5px;
    pointer-events: none;
    transition: 0.3s;
    z-index: 99;
    margin: 0 !important
}

.contact-form ._form_element {
    display: inline-block
}

.contact-form ._row._checkbox-radio {
    display: inline-block;
    margin: 0 5px 5px 0;
    position: relative;
    width: auto !important
}

.contact-form ._row._checkbox-radio span {
    padding: 8px 15px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 15px;
    transition: .3s;
    display: inline-block;
    color: #000
}

.contact-form input:checked~span,
.contact-form input:hover~span {
    background: #ffe252 !important;
    transition: .3s !important;
    border: 2px solid #ffe252 !important;
    color: #fff !important
}

.contact-form ._row._checkbox-radio input {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.contact-form legend._form-label {
    margin-bottom: 15px !important
}

.contact-form ._form_element *,
legend._form-label {
    font-size: 16px !important;
    line-height: initial !important
}

.contact-form ._row._checkbox-radio span label {
    font-size: 14px !important;
    line-height: initial !important
}

.contact-form ._form_element:nth-child(1),
.contact-form ._form_element:nth-child(3) {
    padding-right: 10px
}

.contact-form ._form_element:nth-child(2),
.contact-form ._form_element:nth-child(4) {
    padding-left: 10px
}

.contact-form ._form_element:nth-child(7) {
    display: block
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #000 !important;
    opacity: 0
}

.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 0
}

.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
    color: #000 !important;
    opacity: 0
}

body .contact-form ._field-wrapper input:valid~label,
body .contact-form ._field-wrapper input:focus~label,
body .contact-form ._field-wrapper textarea:valid~label,
body .contact-form ._field-wrapper textarea:focus~label {
    top: 0px !important;
    background: #f3f1e6 !important
}

.contact-form ._button-wrapper {
    position: absolute;
    left: 0;
    width: auto !important;
    bottom: 0
}

.contact-form ._button-wrapper button {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    right: 0;
    padding: 0 !important
}

.contact-form ._button-wrapper .btn-wrap {
    position: relative
}

._form-content {
    padding-bottom: 50px
}

.ylw-btn ._button-wrapper:hover a.oz-btn {
    background: #ffe252 !important;
    transition: 0.3s !important
}

.ylw-btn ._button-wrapper:hover a.oz-btn:before {
    color: #000;
    top: 50%;
    transform: translate(0, -50%)
}

.ylw-btn ._button-wrapper a.oz-btn:after {
    filter: brightness(0) invert(0)
}

.ylw-btn ._button-wrapper:hover a.oz-btn:after {
    top: 50%;
    transform: translate(0, -50%)
}

.ylw-btn ._button-wrapper:hover a.oz-btn span {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.seopage-form form {
    margin: 0 !important;
    max-width: 100% !important
}

.seopage-form ._field-wrapper input,
.seopage-form ._field-wrapper textarea {
    background: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: none !important;
    border-radius: 0px !important
}

.seopage-form ._field-wrapper input {
    height: 50px !important
}

.seopage-form ._field-wrapper textarea {
    height: 150px !important
}

.seopage-form ._form_element:nth-child(1),
.seopage-form ._form_element:nth-child(2),
.seopage-form ._form_element:nth-child(3),
.seopage-form ._form_element:nth-child(4) {
    max-width: 50% !important;
    float: left;
    margin-bottom: 30px !important
}

.seopage-form ._form_element:nth-child(5) {
    margin-bottom: 30px !important
}

.seopage-form label._form-label {
    position: absolute;
    top: 25px;
    left: 15px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #131313;
    padding: 0 5px;
    pointer-events: none;
    transition: 0.3s;
    z-index: 99;
    margin: 0 !important;
    display: none !important
}

.seopage-form ._form_element {
    display: inline-block
}

.seopage-form ._row._checkbox-radio {
    display: inline-block;
    margin: 0 5px 5px 0;
    position: relative;
    width: auto !important
}

.seopage-form ._row._checkbox-radio span {
    padding: 8px 15px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 15px;
    transition: .3s;
    display: inline-block;
    color: #fff
}

.seopage-form input:checked~span,
.seopage-form input:hover~span {
    background: #ffe252 !important;
    transition: .3s !important;
    border: 2px solid #ffe252 !important;
    color: #000 !important
}

.seopage-form ._row._checkbox-radio input {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.seopage-form legend._form-label {
    margin-bottom: 15px !important;
    color: #fff;
    filter: brightness(0) invert(1)
}

.seopage-form ._form_element *,
legend._form-label {
    font-size: 16px !important;
    line-height: initial !important
}

.seopage-form ._row._checkbox-radio span label {
    font-size: 14px !important;
    line-height: initial !important
}

.seopage-form ._form_element:nth-child(1),
.seopage-form ._form_element:nth-child(3) {
    padding-right: 10px
}

.seopage-form ._form_element:nth-child(2),
.seopage-form ._form_element:nth-child(4) {
    padding-left: 10px
}

.seopage-form ._form_element:nth-child(7) {
    display: block
}

.seopage-form input::placeholder,
.seopage-form textarea::placeholder {
    color: #000 !important;
    opacity: 1
}

.seopage-form input::-webkit-input-placeholder,
.seopage-form textarea::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 1
}

.seopage-form input:-ms-input-placeholder,
.seopage-form textarea:-ms-input-placeholder {
    color: #000 !important;
    opacity: 1
}

body .seopage-form ._field-wrapper input:valid~label,
body .seopage-form ._field-wrapper input:focus~label,
body .seopage-form ._field-wrapper textarea:valid~label,
body .seopage-form ._field-wrapper textarea:focus~label {
    top: 0px !important;
    background: #f3f1e6 !important
}

.seopage-form ._button-wrapper {
    position: absolute;
    right: 0;
    width: auto !important;
    bottom: 0
}

.seopage-form ._button-wrapper button {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    right: 0;
    padding: 0 !important
}

.seopage-form ._button-wrapper .btn-wrap {
    position: relative
}

.seopage-form a.oz-btn span {
    color: #fff
}

.seopage-form a.oz-btn span:after {
    filter: brightness(0) invert(1)
}

@media screen and (max-width:768px) {
    .ylw-btn ._button-wrapper {
        position: relative !important;
        margin-top: 10px
    }

    .contact-form ._form_element:nth-child(1),
    .contact-form ._form_element:nth-child(2),
    .contact-form ._form_element:nth-child(3),
    .contact-form ._form_element:nth-child(4),
    .seopage-form ._form_element:nth-child(1),
    .seopage-form ._form_element:nth-child(2),
    .seopage-form ._form_element:nth-child(3),
    .seopage-form ._form_element:nth-child(4) {
        max-width: 100% !important;
        float: none;
        margin-bottom: 25px !important
    }

    .contact-form ._form_element:nth-child(1),
    .contact-form ._form_element:nth-child(3),
    .seopage-form ._form_element:nth-child(1),
    .seopage-form ._form_element:nth-child(3) {
        padding-right: 0
    }

    .contact-form ._form_element:nth-child(2),
    .contact-form ._form_element:nth-child(4),
    .seopage-form ._form_element:nth-child(2),
    .seopage-form ._form_element:nth-child(4) {
        padding-left: 0
    }

    .common-form ._form_element {
        margin: 0 !important
    }
}

.foot-left li a img,
.footer-spacer,
.material .seo-fullelem .wpb_row,
.mbzero,
.section-spacer-bot,
.section-spacer-top,
.service-tab,
h2.parasize,
li.menu-child.menu-featured-image img {
    margin-bottom: 0 !important
}

.team_groups li,
ul li {
    list-style: none
}

.blogindex-wrapper ul.bloginner,
ul.project-gallery-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
    grid-auto-rows: minmax(100px, auto)
}

#slide-out-widget-area .inner .off-canvas-menu-container li a,
#top nav ul li,
#top nav>ul>li.result_hover>ul>li a,
.bold,
.budget-radio label,
.common-tab .toggle-heading span,
.cs-content ul li,
.cs-involve li span,
.custom-tablepost thead.Table-head td,
.faq-tab div[data-style="default"] .toggle>.toggle-title a,
.footer-form input,
.footer-form legend.wpforms-field-label,
.footer-form textarea,
.hb-inner-text ul li,
.main-thead p,
.nectar_single_testimonial .inner p,
.nectar_single_testimonial .inner p span,
.pkc-inner p,
.post-navi .nav-links a p,
.project_detail_section ul li,
.seo-pricing *,
.seo-pricing ul li,
.seo-stepwrap .hover-wrap-inner:after,
.seo-traffic .nectar-milestone .number,
.service-desktop p.sp-list,
.sf-menu,
.sf-menu *,
.singletestimon p strong,
.singletestimon span.wrap span:first-child,
.st-wrap span.st-head,
.team_groups .text-area p,
.tech-tab .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a,
.wp-gr .wp-google-powered,
.wp-gr .wp-google-rating,
a.moreless-button,
a.oz-btn,
b,
body .main-subhead p,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
label.wpforms-field-label,
p.clientname,
strong,
ul.custom-product-fea.listing-elem p,
ul.project-gallery-filter li,
ul.seocs-wrap li span {
    font-family: 'HelveticaNowDisplay', sans-serif !important;
}

.ab-historydetails h3,
.singletestimon strong.focused,
span.focused {
    text-shadow: 0 0 20px rgb(255 226 82 / .9), 0 0 20px rgb(255 226 82 / .6), 0 0 20px rgb(255 226 82 / .6)
}

.black-link a:hover,
a.moreless-button,
body .common-tab .toggle a.toggle-heading:hover span,
body .common-tab .toggle.open a.toggle-heading span,
body .faq-tab .toggle a.toggle-heading:hover,
body .faq-tab .toggle.open a.toggle-heading {
    text-decoration: underline
}

:root {
    --main-bg-color: #fff;
    --white-color: #fff;
    --main-text-color: #000;
    --primary-color: #000;
    --secondary-color: #ffe252;
    --font-size: 18px;
    --font-size17: 17px;
    --font-size16: 16px;
    --font-size22: 22px;
    --heading1: 44px;
    --blogheading1: 40px;
    --heading28: 28px;
    --heading30: 30px;
    --heading55: 55px;
    --heading42: 42px;
    --heading3: ;
    --heading4: ;
    --heading5: ;
    --heading6: ;
    --padding-vertical: 140px
}

header#top {
    border-bottom: 1px solid #272727;
    padding: 7px 0
}

.black-link a,
.sf-menu,
.sf-menu *,
body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
li,
p {
    color: var(--main-text-color)
}

.blogind-inner span,
.blogind-inner span strong,
.cs-involve li span:before,
.custom-tablepost tbody.Table-body td,
.ib-para-highlight p strong,
.ib-text h1.sm-head,
.para-highlight strong,
.singletestimon span.wrap span.title,
.st-wrap span.st-subhead,
body,
li,
p,
p strong,
strong.para-highlight,
._form_element * {
    font-family: "Instrument Sans", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal
}

.ib-text h1.sm-head,
.seo-traffic .nectar-milestone .subject,
h2.parasize,
li,
p {
    font-size: var(--font-size);
    color: var(--main-text-color);
    line-height: 28px
}

.ib-text h1.sm-head,
h2.parasize {
    font-size: var(--font-size) !important;
    line-height: initial !important
}

#header-outer #top nav>ul>li>a {
    font-size: var(--font-size16);
    color: var(--main-bg-color);
    margin-left: 20px !important;
    margin-right: 20px !important
}

#header-outer li>a .menu-title-text {
    font-size: var(--font-size16);
    color: var(--main-bg-color);
    display: block
}

#top nav ul li {
    font-size: var(--font-size16);
    float: none
}

a.com-btn,
a.header-btn {
    font-size: var(--font-size17) !important;
    line-height: initial !important;
    padding: 10px 18px !important;
    border: 2px solid var(--secondary-color) !important;
    border-radius: 50px !important;
    background: var(--secondary-color) !important;
    color: var(--main-text-color) !important;
    position: relative !important;
    display: flex !important;
    column-gap: 15px !important;
    align-items: center !important;
    z-index: 99 !important;
    font-family: HelveticaNowDisplay, sans-serif;
    font-weight: 500
}

.address-tab i.fa,
.budget-radio ul li:before,
.faq-tab .toggle>.toggle-title a i,
.foot-quicklink .col:after,
.ib-text ul,
.page-seo-offer .fs-1,
.page-thank-you .fs-1,
.team-elem a.oz-btn.whitetxt,
a.com-btn:after,
a.header-btn:after,
body.page-contact .fs-1,
body.page-contact .fs-2 {
    display: none !important
}

.white-clr a.com-btn {
    background: var(--main-bg-color) !important;
    border: 2px solid var(--main-bg-color) !important
}

.header-btn:hover::before,
.wpforms-submit-container:hover a.com-btn::before,
a.com-btn:hover::before {
    width: calc(100% - 6px)
}

.hb-inner-text .wpb_wrapper>div {
    margin-bottom: 0;
    margin-top: -8px
}

.hb-inner-text h1 {
    font-size: 90px;
    line-height: 90px
}

.hb-inner-text img {
    height: calc(100vh - 35vh) !important;
    position: relative;
    object-fit: contain;
    width: auto !important;
    margin-left: 1em
}

.hb-inner-text .vc_column-inner {
    padding-left: .5em
}

.hb-inner-text ul {
    margin-top: 30px;
    padding-left: 6px
}

ul {
    margin: 0;
    padding: 0
}

.hb-inner-text ul li:before {
    position: absolute;
    content: "";
    background: var(--main-bg-color);
    width: 4px;
    height: 4px;
    top: 55%;
    left: -3px;
    transform: translate(0, -50%)
}

.hb-inner-text ul li {
    color: var(--main-bg-color);
    display: inline-block;
    padding: 0 11px;
    position: relative;
    font-size: var(--font-size22)
}

.hb-inner-text ul li:first-child {
    padding-left: 0
}

#content-container,
.contact-form label.wpforms-field-label.wpforms-label-hide,
.cs-content ul li:nth-child(4),
.footer-flex ul li:before,
.hb-inner-text ul li:first-child:before,
.moretext,
.normal-radio.seo-form .contact-form .wpforms-field.wpforms-field-radio input,
.project_detail_section ul li:nth-child(4),
.single-case-studies .row.heading-title.hentry,
.single-case-studies span.post-featured-img,
.single-post .row.heading-title.hentry,
.single-post span.post-featured-img,
.teamline ul.team-ellipse,
.testimonial-wrapper .service-mobile,
.wp-google-powered img,
ul.end-post-layout li:before {
    display: none
}

.svg-img img,
header#top #logo img,
img.svg-img,
svg.svg-img {
    height: auto !important
}

.section-spacer,
.single-case-studies .casestudies-wrapper {
    padding-top: 100px !important;
    padding-bottom: 60px !important;
    margin-bottom: 0 !important
}

.single-case-studies .casestudies-wrapper {
    z-index: 99;
    position: relative;
    background: #fff
}

.footer-spacer {
    padding-top: 75px !important;
    padding-bottom: 75px !important
}

.section-spacer-top {
    padding-top: 100px !important
}

.section-spacer-bot {
    padding-bottom: 100px !important
}

.blog-title h1 {
    font-size: var(--blogheading1) !important;
    line-height: calc(var(--blogheading1) + 10px) !important
}

.flexview .flickity-viewport,
.footer-form,
.footer-right li img,
.service-inner img,
li.nectar-header-text-content-wrap,
ul.end-post-layout,
ul.top-logo li img {
    margin: 0 !important
}

.before-footer h4,
.team_wrap {
    margin-bottom: 15px !important
}

.service-section {
    position: relative;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.service-inner {
    display: flex;
    align-items: center;
    column-gap: 50px;
    padding-top: 2em
}

.service-inner-text .service-section {
    background: var(--main-bg-color);
    padding: 4em;
    overflow: hidden
}


.casestudies-inner:hover,
.project-tiles .vc_col-sm-4:hover,
.service-inner ul {
    flex: 2
}

.expect-results .row_col_wrap_12,
.image-wrap .hover-wrap,
.image-wrap .hover-wrap-inner,
.image-wrap .inner,
.imgequal .img-with-aniamtion-wrap.center,
.imgequal .inner,
.imgequal .service-section,
.imgequal .wpb_raw_code.wpb_raw_html.wpb_content_element,
.imgequal .wpb_wrapper,
.tech-tab .tt-inner .img-with-aniamtion-wrap,
.tech-tab .tt-inner .img-with-aniamtion-wrap .inner,
.tech-tab .tt-inner .vc_column-inner,
.tech-tab .tt-inner .wpb_wrapper,
ul.pkc-wrap.service-benefits li,
ul.pkc-wrap.service-benefits li.pkc-inner .slide-wrap {
    height: 100%
}

#header-outer li>a .menu-title-text,
#header-outer li>a:hover .menu-title-text,
.before-footer ul li a,
.before-footer ul li a:hover,
.bloginner li img,
.bloginner li:hover img,
.casestudies-inner .cs-content,
.casestudies-inner:hover .cs-content,
.com-btn img,
.com-btn::before,
.com-btn:hover img,
.com-btn:hover::before,
.featuredimg img,
.foot-left li a img,
.foot-left li a:hover img,
.fullwidth-img img,
.header-btn::before,
.header-btn:hover::before,
.inline-btn .header-btn img,
.inline-btn .header-btn:hover img,
.menu-item a::before,
.menu-item a:hover::before,
.service-section .bottom-hover,
.service-section .bottom-hover .line-section,
.service-section .top-hover,
.service-section g#Ellipse_297,
.service-section g#Ellipse_298,
.service-section g#Ellipse_299,
.service-section g#Group_6667,
.service-section g#Group_6669,
.service-section g#Group_6671,
.service-section g#Group_6687,
.service-section g#Path_70095,
.service-section g#Path_70124,
.service-section g#Rectangle_5119,
.service-section:hover .bottom-hover,
.service-section:hover .bottom-hover .line-section,
.service-section:hover .top-hover,
.service-section:hover g#Ellipse_297,
.service-section:hover g#Ellipse_298,
.service-section:hover g#Ellipse_299,
.service-section:hover g#Group_6667,
.service-section:hover g#Group_6669,
.service-section:hover g#Group_6671,
.service-section:hover g#Group_6685,
.service-section:hover g#Group_6687,
.service-section:hover g#Path_70095,
.service-section:hover g#Path_70124,
.service-section:hover g#Rectangle_5119,
a.oz-btn span,
a.oz-btn:after,
a.oz-btn:before,
a.oz-btn:hover:after,
header#top .header-btn img,
header#top .header-btn:hover img,
li a,
li a:hover,
li.menu-parent.result_hover .mp-link>.menutitle,
p a,
p a:hover,
ul.historyList li,
ul.historyList li.active,
ul.project-gallery-filter li,
ul.project-gallery-filter li.active,
ul.project-gallery-filter li:hover,
ul.project-gallery-list li .inner figure img,
ul.project-gallery-list li:hover .inner figure img {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.cs-floatingimg.seo-traffic .nectar-milestone .subject:before,
.seo-traffic .nectar-milestone .subject:before {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.casestudywwd-background .column-image-bg,
.cs-involve ul li span,
.cs-wwdwrap .casestudywwd-background .column-image-bg,
.cs-wwdwrap .cs-involve ul li span,
.expect-results:hover ul.team-ellipse li:first-child,
.expect-results:hover ul.team-ellipse li:nth-child(2),
.expect-results:hover ul.team-ellipse li:nth-child(4),
.expect-results:hover ul.team-ellipse li:nth-child(5),
ul.team-ellipse li:first-child,
ul.team-ellipse li:nth-child(2),
ul.team-ellipse li:nth-child(4),
ul.team-ellipse li:nth-child(5) {
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s
}

.service-section:hover g#Rectangle_5119 {
    transform: translate(163px, 234px)
}

.service-section g#Rectangle_5119 {
    transform: translate(163px, 180px)
}

.service-section:hover g#Path_70124 {
    transform: translate(-22464px, 4199px)
}

.service-section g#Path_70124 {
    transform: translate(-22464px, 4215px)
}

.service-section g#Group_6685 {
    transform: translate(-75.461px, -33.232px)
}

.service-section:hover g#Group_6685 {
    opacity: 1;
    transition-delay: 0.15s
}

.service-section:hover g#Group_6669 {
    transform: translate(112.344px, 94.173px)
}

.service-section:hover g#Group_6668 {
    opacity: 1;
    transition-delay: 50ms
}

.service-section:hover g#Path_70095 {
    transform: translate(13px, 20px)
}

.service-section:hover g#Ellipse_297 {
    transform: translate(58px, 45px)
}

.service-section g#Ellipse_297 {
    transform: translate(58px, 0)
}

.service-section:hover g#Ellipse_299 {
    transform: translate(95px, 0)
}

.service-section g#Ellipse_299 {
    transform: translate(116px, 0)
}

.service-section:hover g#Ellipse_298 {
    transform: translate(24px, 0)
}

.service-section g#Ellipse_298,
li.menu-parent a.mp-link,
li.menu-textlist ul li a span {
    transform: translate(0, 0)
}

.service-section:hover g#Group_6671 {
    opacity: 1;
    transition-delay: 50ms;
    transform: translate(94.03px, 21.93px)
}

.service-section g#Group_6671 {
    transform: translate(94.03px, 7.93px)
}

.service-section g#Group_6687 {
    transform: translate(0, 0) rotate(-90deg);
    transform-origin: center
}

.service-section:hover g#Group_6687 {
    transform: translate(-5px, 0) rotate(-270deg);
    transform-origin: center
}

.service-inner li a:hover:before,
.service-section:hover .bottom-hover .line-section,
.service-section:hover g#Group_6667,
li.main-list.active .service-desktop {
    opacity: 1
}

.market-icon svg {
    height: 140px !important
}

.service-section:before {
    content: "";
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    background: var(--secondary-color);
    background-size: cover;
    background-position: center;
    z-index: 0;
    transition: 550ms cubic-bezier(.86, 0, .07, 1);
    overflow: hidden
}

.service-section:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/06/black-arrow.svg) 0 0 / auto 20px no-repeat;
    width: 20px;
    height: 20px;
    top: 2.4rem;
    right: 2.4rem
}

.service-section:hover::before {
    transform: scale(30)
}

.about-scroll-wrap ul li h4,
.about-scroll-wrap ul li img,
.about-scroll-wrap ul li p,
.service-section .service-inner,
.service-section h2 {
    z-index: 99;
    position: relative
}

.service-inner li {
    font-size: var(--font-size22);
    line-height: 35px;
    padding-bottom: 3px;
    text-underline-offset: 4px;
    text-decoration-line: underline;
    text-decoration-thickness: 1px
}

.before-footer .footer-flex li,
.before-footer .footer-flex p,
.foot-right a,
.foot-right p {
    font-size: var(--font-size16);
    line-height: 26px
}

.service-inner li a {
    color: var(--main-text-color);
    position: relative
}

.footer-border .row-bg-wrap .using-bg-color {
    border: 20px solid var(--main-text-color);
    border-bottom: none
}

.footer-form-wrap .vc_col-sm-5 .vc_column-inner>.wpb_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 0 0
}

.footer-form .ff-input,
.footer-form .ff-texarea {
    padding: 0 !important;
    margin-bottom: 20px !important
}

.footer-form .ff-input input {
    height: 55px !important;
    background: 0 0 !important;
    border: none !important;
    border-bottom: 2px solid #c9a907 !important;
    border-radius: 0 !important
}

.footer-form .ff-texarea textarea {
    height: 150px !important;
    background: 0 0 !important;
    border: none !important;
    border-bottom: 2px solid #c9a907 !important;
    border-radius: 0 !important
}

.footer-flex,
.normal-radio .wpforms-field-radio fieldset {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 20px
}

.foot-right a,
.foot-right p {
    color: #cbcbcb
}

.foot-left li a,
.tech-tab .wpb_wrapper.tabbed {
    display: flex
}

.foot-left li a img {
    width: 55px !important
}

ul.foot-left {
    display: flex;
    column-gap: 10px
}

.footer-right li {
    width: 100px;
    display: flex;
    background: var(--main-bg-color);
    align-items: center;
    justify-content: center;
    padding: 10px !important
}

.footer-right li:nth-child(3) img {
    width: 70px !important
}

.foot-quicklink ul li,
.footer-left p {
    padding-bottom: 5px
}

.budget-radio input {
    display: block;
    height: 100%;
    opacity: 0 !important;
    cursor: pointer;
    position: absolute !important;
    width: 100% !important;
    z-index: 99
}

.clientlogo-image img,
.project-tiles img,
.team-middle ul.team-ellipse li img {
    height: 100% !important
}

#header-outer li>a .menu-title-text,
#top nav ul.submenu>li,
#top nav>ul>li>ul>li a,
.before-footer .foot-quicklink ul li a,
.budget-radio ul li,
.inner-banner .ib-text,
.menu-item a,
.normal-radio .contact-form.wpforms-container .wpforms-submit-container,
.post-navi nav.navigation.post-navigation,
.seo-stepwrap .hover-wrap-inner,
.service-img-collage,
.testimonial-wrapper .service-header,
div.team-des,
li.team-des {
    position: relative
}

div.wpforms-container-full .wpforms-field.wpforms-field-radio.budget-radio ul li input+label {
    padding: 8px 15px;
    background: #fff4bb;
    border: 2px solid #fff4bb;
    border-radius: 25px;
    font-size: 15px;
    transition: 0.3s
}

.budget-radio ul li:hover label {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    transition: 0.3s
}

.normal-radio .contact-form .wpforms-field.wpforms-field-radio ul li.wpforms-selected,
div.wpforms-container-full .wpforms-field.wpforms-field-radio.budget-radio ul li.wpforms-selected input+label {
    background: var(--main-text-color) !important;
    border-color: var(--main-text-color) !important;
    color: var(--main-bg-color);
    transition: 0.3s
}

h4 {
    font-size: 23px
}

h5 {
    font-size: var(--font-size);
    color: var(--secondary-color) !important
}

#header-outer:not([data-format="left-header"]) #top nav>ul>li:not(.megamenu) ul a,
li.menu-textlist .current-menu-item a span {
    color: #000 !important
}

.before-footer ul li a {
    font-size: var(--font-size16);
    color: #d6d6d6
}

.team_groups .text-area p,
body .white-text h2,
body .white-text h2 strong,
body .white-text h3,
body .white-text h3 strong,
body .yellow-text.services h2,
body .yellow-text.services h3 {
    color: var(--main-bg-color)
}

.before-footer ul li {
    position: relative;
    padding-left: 12px
}

.before-footer ul li:before {
    position: absolute;
    content: "";
    background: #d6d6d6;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 12px;
    left: 0;
    display: inline-block
}

.before-footer .footer-flex ul li,
body .address-tab .toggle[data-inner-wrap="true"]>div .inner-toggle-wrap {
    padding: 0
}

.footer-border-top .row-bg-wrap .using-bg-color {
    border: 20px solid var(--main-text-color)
}

.footer-border-bottom .row-bg-wrap .using-bg-color {
    border: 20px solid var(--main-text-color);
    border-top: none !important
}

.footer-spacer-20 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.border-img .hover-wrap {
    margin: 0;
    border: 1px solid #525252;
    padding: 25px
}

.ourHistory h3,
body .main-subhead p,
body.single .post .wpb_text_column h2,
body.single .post .wpb_text_column h4,
h3 {
    font-size: 36px !important;
    line-height: 46px !important
}

.main-thead p {
    font-size: 32px !important;
    line-height: 42px !important
}

.flex-center .wpb_text_column.wpb_content_element,
.foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:nth-child(3),
.foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:nth-child(4),
.team-middle .flex-center .vc_column-inner .wpb_wrapper {
    display: flex;
    justify-content: center
}

.flex-end .wpb_text_column.wpb_content_element,
.flex-end>.wpb_wrapper,
.flexend .hover-wrap-inner {
    display: flex;
    justify-content: flex-end
}

.before-footer .flex-center,
.before-footer .flex-end {
    border-left: 2px solid #ececec
}

.page-case-studies .posts-container,
.text-cen {
    text-align: center
}

.partner-logo img,
.tech-tab .hover-wrap-inner img,
ul.team-ellipse li img {
    margin: 0 auto
}

.faq-tab .toggle,
.material .tech-tab .wpb_content_element,
.material .tech-tab .wpb_row,
.seo-stepwrap .img-with-aniamtion-wrap .hover-wrap,
body .common-tab .toggle,
body .tech-tab .tabbed[data-style*="vertical"] .wpb_tabs_nav li:last-child {
    margin-bottom: 0
}

.tech-tab .tt-inner .img-with-aniamtion-wrap .inner {
    border: 1px solid #f5f5f5;
    padding: 20px 0;
    border-radius: 10px
}

.tech-tab {
    background: var(--main-bg-color);
    padding: 5em
}

.tech-tab .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li .active-tab {
    box-shadow: none;
    background: 0 0 !important;
    border-bottom: 2px solid var(--secondary-color);
    border-radius: 0
}

.tech-tab .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
    padding: 0;
    border-bottom: 2px solid var(--main-bg-color);
    border-radius: 0;
    color: var(--main-text-color);
    background: 0 0;
    display: inline-block;
    font-size: var(--font-size22)
}

.tech-tab .tabbed[data-style="vertical_modern"]>div {
    width: auto;
    flex: 1
}

.tech-tab .tabbed[data-style*="vertical"] .wpb_tabs_nav {
    width: auto;
    border-left: 5px solid #eee
}

.comteam.team-reverse,
.cs-involve li:last-child,
.tech-tab ul.wpb_tabs_nav.ui-tabs-nav,
.testimonial-wrapper .accordion-list .wpb_row {
    margin: 0
}

.team_wrap {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 20px
}

.extra-bot,
.extra-bot-40 {
    margin-bottom: 0 !important
}

.team_groups {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 1rem;
    min-width: 100%;
    animation: 45s linear infinite scroll
}

.casestudies-itext,
.cs-floatingimg.seo-traffic .nectar-milestone .subject:before,
.foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2,
.footer-form-wrap div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-33,
.img-with-animation.nature.skip-lazy,
.overlap .span_12 {
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .team_groups {
        animation-play-state: paused
    }
}

.team_groups li {
    flex: 1;
    width: 300px;
    line-height: 0
}

.team_groups img {
    max-width: 100%;
    aspect-ratio: 1.7;
    object-fit: cover;
    border-radius: 1rem;
    width: 100% !important
}

.team_reverse .team_groups {
    animation-direction: reverse;
    animation-delay: calc(45s / -2)
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-100% - 1rem))
    }
}

.team_groups .text-area {
    background: #fcea8e;
    position: relative;
    border-radius: 1rem;
    line-height: normal;
    width: 100%;
    overflow: hidden
}

.team_groups .text-area p {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 99;
    transform: translate(0, -50%);
    margin: 0 auto;
    text-align: center;
    text-transform: capitalize;
    font-size: 36px;
    line-height: 46px;
    color: var(--main-text-color)
}

.expect-results {
    height: calc(100vh - 240px)
}

.expect-results h2,
.team-middle h2 {
    font-size: var(--heading55);
    line-height: calc(var(--heading55) + 10px)
}

.before-footer .foot-quicklink ul li a:hover,
.blog-title span,
.casestudy-inner h2 span,
.ib-para-highlight strong,
.ib-text span,
.menu-parent.current-menu-item>a.mp-link>span,
.single-post article li a:hover,
.wtext h2 span,
a.moreless-button:hover,
body .yellow-text h2,
body .yellow-text h3,
body .yellow-text.services h2 span,
body .yellow-text.services h3 span,
li.menu-parent a.mp-link:before,
li.menu-parent-ancestor>a.mp-link>span,
li.menu-parent.no-submenu:hover a.mp-link span,
li.menu-parent.result_hover .mp-link>.menutitle,
p a:hover,
strong.yelloww,
strong.yelloww sup {
    color: var(--secondary-color)
}

.expect-results:hover ul.team-ellipse li:first-child {
    transform: translate(-15%, -50%)
}

.expect-results:hover ul.team-ellipse li:nth-child(2) {
    transform: translate(-30%, -50%)
}

.expect-results:hover ul.team-ellipse li:nth-child(4) {
    transform: translate(15%, -50%)
}

.expect-results:hover ul.team-ellipse li:nth-child(5) {
    transform: translate(30%, -50%)
}

.team-middle:hover ul.team-ellipse li:first-child {
    transform: translate(-28%, -50%)
}

.team-middle:hover ul.team-ellipse li:nth-child(2) {
    transform: translate(-14%, -50%)
}

.team-middle:hover ul.team-ellipse li:nth-child(4) {
    transform: translate(14%, -50%)
}

.team-middle:hover ul.team-ellipse li:nth-child(5) {
    transform: translate(28%, -50%)
}

.expect-results svg.svg-img,
.team-middle svg.svg-img .rotate-text {
    transform: rotate(0);
    transition: 1s;
    transform-origin: center
}

.expect-results:hover svg.svg-img,
.team-middle:hover svg.svg-img .rotate-text {
    transform: rotate(360deg);
    transition: 1s;
    transform-origin: center
}

li.active .service-desktop p,
li.active .service-desktop ul li {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.2s
}

ul.accordion-list p {
    padding: 0;
    overflow: hidden
}

.service-desktop p,
.service-desktop ul li {
    transform: translateY(100%);
    opacity: 0;
    transition: 0.5s cubic-bezier(.165, .84, .44, 1);
    overflow: hidden
}

.service-desktop {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 99;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.1s linear
}

li.active .answer {
    transform: translateY(-65px)
}

.answer {
    transform: translateY(0);
    opacity: 1;
    display: flex !important;
    transition: 0.5s cubic-bezier(.165, .84, .44, 1);
    max-height: 0;
    overflow: hidden;
    pointer-events: none
}

.clientlogo-wrapper {
    width: 100%;
    position: relative;
    padding-top: 60px
}

#clientlogo {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr)
}

.clientlogo-list {
    width: 100%;
    position: relative;
    height: 140px;
    border: 2px solid #f5f2e8;
    border-right: none;
    overflow: hidden
}

.border-list ul li:last-child,
.norm-border,
.post-navi {
    border-bottom: 1px solid #e4e2d8
}

div#clientlogo .clientlogo-list:last-child {
    border-right: 2px solid #f5f2e8
}

.author-info span,
.footer-form-wrap div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row,
.historyList li p strong,
.ib-text h1 strong,
.sm-heading strong,
.text-cen strong,
h2 strong {
    display: block
}

.btn-wrap,
.inline-btn,
.strong-text.text-cen strong {
    display: inline-block
}

.bold-para p strong,
.strong-text b,
.strong-text strong,
strong.bold {
    font-weight: 600 !important
}

.clientlogo-image {
    position: absolute;
    height: 140px;
    width: 100%;
    display: none
}

.clientlogo-image .cl-imageinner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px
}

.clientlogo-list:hover .cl-imageinner:before {
    opacity: 1;
    transition: 0.5s
}

.cl-imageinner:before {
    position: absolute;
    content: "";
    background: #f5f2e8;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    transition: 0.5s
}

.casestudies-inner,
.project-tiles .vc_col-sm-4 {
    background-size: cover;
    background-position: center;
    color: var(--main-bg-color);
    cursor: pointer
}

.cs-content ul,
.project-tiles ul.project-service-list,
.testimonial-wrapper .client-logo {
    transition: 0.5s cubic-bezier(.165, .84, .44, 1)
}

.clientlogo-image img {
    width: calc(100% - 25%) !important;
    max-width: 180px;
    display: block;
    display: flex;
    align-items: center;
    margin: 0 auto !important
}

.testimonial-wrapper h2.client-content {
    font-size: 32px !important;
    line-height: 42px !important;
    padding-right: 15px
}

.testimonial-wrapper ul.accordion-list li.main-list:before {
    position: absolute;
    content: "";
    background: #f3f1e6;
    width: 500%;
    height: 100%;
    top: 0;
    left: -100%;
    transition: 0.3s
}

.testimonial-wrapper ul.accordion-list li.main-list.active:before,
.testimonial-wrapper ul.accordion-list li.main-list:hover:before {
    background: var(--main-bg-color);
    transition: 0.3s
}

.testimonial-wrapper ul.accordion-list li.main-list {
    padding: 2.5em 0;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    z-index: 99
}

.testimonial-wrapper .service-header:before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/06/quote-icon.svg) center/auto 55px no-repeat;
    width: 55px;
    height: 55px;
    left: -75px;
    top: 50%;
    transform: translate(0, -50%)
}

.testimonial-wrapper ul.accordion-list p.clientname,
.testimonial-wrapper ul.accordion-list p.clientrole {
    font-size: 20px !important;
    line-height: 24px !important
}

.testimonial-wrapper ul.accordion-list p.clientname {
    margin-bottom: 5px
}

.testimonial-wrapper p.clientrole {
    color: #303030
}

.testimonial-wrapper li.active .client-logo {
    opacity: 1;
    transition-delay: 0.2s
}

.testimonial-wrapper .client-logo {
    transform: translate(0, 80px);
    opacity: 0
}

.testimonial-wrapper .client-logo img {
    margin: 0 !important;
    width: 165px !important
}

.testimonial-wrapper ul.custom-product-fea.listing-elem li {
    position: relative;
    padding-left: 15px;
    font-size: 16px !important;
    line-height: 22px !important
}

.testimonial-wrapper ul.custom-product-fea.listing-elem li:before {
    position: absolute;
    content: "";
    background: var(--main-text-color);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 10px;
    left: 0
}

.service-desktop p.sp-list,
.testimonial-wrapper ul.custom-product-fea.listing-elem p,
ul.top-logo {
    margin-bottom: 10px
}

.testimonial-wrapper ul.accordion-list li.main-list:after {
    content: "";
    position: absolute;
    content: "";
    width: 500%;
    height: 100%;
    bottom: 0;
    left: -100%;
    border: 1px solid rgb(0 0 0 / .1);
    border-bottom: none
}

.testimonial-wrapper ul.accordion-list li.main-list:last-child:after {
    border-bottom: 1px solid rgb(0 0 0 / .1)
}

li.main-list.active .wpb_row:after {
    background: url(/wp-content/uploads/2024/06/black-arrow.svg) top right/auto 15px no-repeat
}

li.main-list .wpb_row:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/06/black-arrow-down.svg) top right/auto 15px no-repeat;
    width: 15px;
    height: 15px;
    right: 0;
    top: 0
}

.extra-bot {
    padding-bottom: 65px !important
}

.extra-bot-40 {
    padding-bottom: 45px !important
}

.project-tiles .vc_col-sm-4 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: flex 0.6s;
    position: relative
}

.project-tiles img {
    object-fit: cover;
    object-position: right;
    width: 100%
}

.image-wrap .img-with-aniamtion-wrap {
    height: 600px;
    overflow: hidden
}

.norm-border h4,
.project-tiles h2 {
    font-size: var(--heading30);
    line-height: calc(var(--heading30) + 10px)
}

.project-tiles ul.project-service-list li {
    font-size: 14px;
    background: #f3f1e6;
    padding: 3px 12px;
    border-radius: 25px
}

.project-tiles .small-heading {
    overflow: hidden;
    margin-top: 1em
}

.project-tiles ul.project-service-list {
    display: flex;
    column-gap: 7px;
    opacity: 0;
    transform: translateY(100%);
    overflow: hidden
}

.overlap,
.team-middle ul.team-ellipse li {
    left: 0;
    transform: translate(0, -50%);
    width: 100%
}

.project-tiles .vc_col-sm-4:hover ul.project-service-list {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s
}

.singletestimon strong.focused:before,
span.focused:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 30px;
    top: 55%;
    left: 0;
    filter: blur(11px);
    z-index: -1;
    opacity: .6;
    display: inline-block;
    transform: translate(0, -50%)
}

.singletestimon strong.focused,
span.focused {
    position: relative;
    display: inline;
    z-index: 9
}

body .tech-tab .tabbed[data-style*="vertical"] .wpb_tabs_nav li {
    white-space: normal;
    padding-left: 30px
}

.tech-tab .ui-tabs-nav li.tab-item.active-tab:before {
    position: absolute;
    content: "";
    display: block !important;
    visibility: visible;
    background: var(--secondary-color);
    width: 5px !important;
    height: 100%;
    top: 0 !important;
    left: -5px;
    z-index: 99
}

.team-middle ul.team-ellipse {
    position: absolute;
    height: 100%;
    text-align: center;
    width: 100%;
    opacity: .15;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translate(0, 0);
    display: inline-block
}

.team-middle ul.team-ellipse li {
    position: absolute;
    top: 50%;
    right: 0;
    margin: 0 auto;
    text-align: center;
    height: calc(100% - 120px)
}

.team-middle .hover-wrap-inner {
    position: relative;
    overflow: hidden
}

.overlap {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    padding: 0 100px
}

.service-section:hover .top-hover {
    transform: translate(6px, 22px)
}

.service-section:hover .bottom-hover {
    transform: translate(97.344px, 55.173px)
}

.service-section .bottom-hover {
    transform: translate(97.344px, 73.173px)
}

.fadein {
    animation: 1.5s cubic-bezier(.68, -.55, .27, 1.05) zoomin
}

.fadeout {
    animation: 1.5s zoomout
}

@keyframes zoomin {
    from {
        transform: scale(.6);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes zoomout {
    from {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.5);
        opacity: 0
    }
}

.casestudies-list {
    display: flex;
    column-gap: 35px
}

.casestudies-inner {
    flex: 1;
    justify-content: center;
    overflow: hidden;
    transition: flex 0.4s;
    position: relative
}

.casestudies-itext figure img {
    margin: 0 !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    width: 100% !important
}

.casestudies-itext figure {
    height: 450px;
    overflow: hidden
}

.cs-content h2,
.cs-content h4 {
    width: 100%;
    font-size: var(--heading28) !important;
    margin: 20px 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: calc(var(--heading28) + 10px)
}

.project_detail_section h2,
.project_detail_section h4 {
    font-size: var(--heading28) !important;
    line-height: calc(var(--heading28) + 10px) !important;
    margin-top: 0
}

.project_detail_section {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 0
}

.cs-content ul li {
    display: flex;
    background: #f3f1e6;
    padding: 3px 11px;
    color: var(--main-text-color);
    border-radius: 25px;
    margin-right: 5px;
    margin-bottom: 5px;
    white-space: nowrap;
    align-items: center;
    font-size: 13px !important;
    line-height: calc(13px + 10px) !important;
    height: fit-content
}

.cs-content ul {
    transform: translateY(0);
    opacity: 1;
    overflow: hidden;
    display: flex;
    white-space: nowrap
}

.casestudies-inner:hover .cs-content ul {
    transition-delay: 0.3s;
    transform: translateY(0);
    opacity: 1
}

.com-btn img,
.inline-btn .header-btn img,
.mobile-btn a.header-btn img,
header#top .header-btn img {
    width: 12px !important;
    height: auto !important;
    margin: 0 !important;
    position: relative !important;
    left: -4px !important
}

.header-btn::before,
a.com-btn::before {
    position: absolute;
    content: "";
    background: var(--main-text-color);
    width: 35px;
    height: 35px;
    left: 3px;
    top: 50%;
    border-radius: 50px;
    transform: translate(0, -50%);
    z-index: -1
}

.wp-google-list,
.wp-gr .wp-google-right {
    width: auto !important
}

.com-btn:hover,
.header-btn:hover,
.wpforms-submit-container:hover .com-btn,
.yellow-highlight span {
    color: var(--secondary-color) !important
}

.blog-title h1,
.blogind-inner,
.ib-text h1,
.ib-text h2,
.ib-text p,
.inner-banner ul li {
    color: var(--white-color)
}

.com-btn:hover img,
.inline-btn .header-btn:hover img,
.wpforms-submit-container:hover a.com-btn img,
header#top .header-btn:hover img {
    left: 4px !important
}

#header-outer li>a .menu-title-text::after {
    position: absolute;
    content: "";
    background: var(--main-text-color);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

.before-footer .foot-quicklink ul li a::before {
    position: absolute;
    content: "";
    background: var(--secondary-color);
    width: 0%;
    height: 1px;
    bottom: -1px;
    left: inherit;
    right: 0;
    transition: 0.3s
}

.before-footer .foot-quicklink ul li a:hover::before,
ul.seo_lists li a:hover::before,
ul.sitemap-list li a:hover::before {
    width: 100%;
    transition: 0.3s;
    left: 0
}

.wpforms-submit-container .btn-wrap {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 0
}

.wpforms-container .wpforms-submit-container,
.wpforms-submit-container button {
    min-width: 130px;
    display: inline-block !important
}

.wpforms-submit-container button {
    position: relative;
    z-index: 999;
    height: 54px !important;
    opacity: 0 !important
}

.wpforms-container textarea.wpforms-field-large {
    height: 150px !important
}

.home-banner .inner-wrap.row-bg-layer:before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/07/shadow-bot.webp) right bottom/auto 100vh no-repeat;
    width: 100vh;
    height: 100vh;
    right: -20%;
    bottom: 0;
    z-index: 9;
    opacity: 1;
    transform: translate(0, 50%)
}

.home-banner .inner-wrap.row-bg-layer:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/07/shadow-top.webp) top left/auto 100vh no-repeat;
    width: 100vh;
    height: 100vh;
    left: -25%;
    top: 0;
    z-index: 99;
    opacity: 1;
    transform: translate(0, -12%)
}

.cs-content {
    overflow: hidden;
    transform: translateY(0)
}

.foot-left li a:hover img {
    opacity: .5
}

#header-outer .nectar-header-text-content {
    padding-right: 0
}

.inner-banner .inner-wrap.row-bg-layer.using-image:before {
    position: absolute;
    content: "";
    width: calc(100% - 30%);
    height: 100%;
    left: 0;
    bottom: 0;
    opacity: 1;
    background-image: linear-gradient(to right, #000, #fff0), linear-gradient(to right, #000, #fff0), linear-gradient(to right, #000, #fff0);
    z-index: 99
}

.inner-banner .inner-wrap.row-bg-layer.using-image:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    opacity: 1;
    background-image: linear-gradient(to top, #000 25%, #fff0);
    z-index: 99;
    display: none !important
}

.inner-banner ul li {
    flex: 1;
    padding: 15px;
    border: 1px solid rgb(255 255 255 / .1);
    text-align: center;
    line-height: initial;
    font-size: 18px
}

.inner-banner ul {
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%;
    display: none !important
}

.normal-radio .wpforms-field-radio ul,
.seo-banner.inner-banner ul {
    display: flex !important
}

.inner-banner ul li img {
    height: 30px !important;
    width: auto !important;
    margin: 0 auto 15px
}

.wpforms-container .ff-input em.wpforms-error,
.wpforms-container label.wpforms-error {
    position: absolute !important;
    top: 50%;
    right: 10px;
    margin: 0 !important;
    transform: translate(0, -50%)
}

.contact-form .wpforms-field:not(.wpforms-field-radio) input {
    height: 50px !important
}

.contact-form .wpforms-field:not(.wpforms-field-radio) input,
.contact-form .wpforms-field:not(.wpforms-field-radio) textarea {
    background: 0 0 !important;
    border: 2px solid #d1cebc !important;
    box-shadow: none !important
}

div.contact-form.wpforms-container-full .wpforms-field.wpforms-field-radio.budget-radio ul li input+label {
    background: #fff;
    border: 2px solid #fff;
    top: 0
}

.contact-form .wpforms-field:not(.wpforms-field-radio) label {
    position: absolute;
    top: 40px;
    left: 15px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #131313;
    padding: 0 5px;
    pointer-events: none;
    transition: 0.3s;
    z-index: 99;
    margin: 0 !important
}

body div.contact-form.wpforms-container-full input.wpforms-valid~label,
body div.contact-form.wpforms-container-full input:focus~label,
body div.contact-form.wpforms-container-full textarea.wpforms-valid~label,
body div.contact-form.wpforms-container-full textarea:focus~label {
    top: 15px;
    background: #f3f1e6
}

.contact-form input:focus {
    border: 2px solid red
}

.contact-form .wpforms-field.wpforms-field-radio,
.single-case-studies .main-content>.row,
.single-post .post .content-inner,
.team-member p {
    padding-bottom: 0
}

.contact-form.wpforms-container .wpforms-submit-container {
    position: absolute;
    bottom: 0;
    right: 0
}

.contact-form .wpforms-submit-container .btn-wrap,
.seo-lpform .wpforms-submit-container .btn-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.contact-form a.com-btn {
    column-gap: 25px !important
}

.contact-form .white-clr a.com-btn,
.seo-lpform .white-clr a.com-btn {
    background: var(--secondary-color) !important;
    border: 2px solid var(--secondary-color) !important
}

.black-link a:hover {
    color: var(--main-text-color)
}

.address-tab a.toggle-heading {
    text-indent: -99999px
}

.address-tab .tab-container {
    text-indent: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.address-tab .toggle>.toggle-title a {
    padding: 35px 0 40px;
    background: #f3f1e6
}

.address-tab .tab-container h4,
.address-tab .tab-container p {
    padding-bottom: 0 !important;
    flex: 1
}

body[data-button-style*="slightly_rounded"] .address-tab .tab-container button {
    cursor: pointer;
    background: #f3f1e6;
    padding: 15px 20px;
    border-radius: 50px !important;
    display: inline-block !important;
    border: 1px solid #000;
    box-shadow: none !important;
    -webkit-border-radius: 50px !important;
    position: relative;
    font-size: 18px;
    display: flex !important;
    column-gap: 15px;
    align-items: center;
    transition: 0.3s
}

body[data-button-style*="slightly_rounded"] .address-tab .tab-container button:before {
    position: relative;
    content: "";
    background: url(/wp-content/uploads/2024/06/map-icon.svg) 0 0 / auto 14px;
    width: 14px;
    height: 14px;
    display: inline-block;
    transform: rotate(90deg);
    transition: 0.3s
}

body[data-button-style*="slightly_rounded"] .address-tab .tab-container button:hover {
    background: #ffe252;
    transition: 0.3s;
    border: 1px solid #ffe252
}

body[data-button-style*="slightly_rounded"] .address-tab .tab-container button:hover:before {
    transform: rotate(0);
    transition: 0.3s
}

body .address-tab .toggle {
    margin-bottom: 0;
    border-top: 2px solid #e4e2d8
}

.tab-container p {
    font-size: 17px;
    line-height: 24px
}

.tech-logo-wrap .inner {
    border: 1px solid #f3f1e6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px
}

.tech-spacer {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.tech-logo-wrap .inner img {
    object-fit: contain;
    width: 100% !important
}

.tech-logo-wrap.cms .inner img {
    width: 100% !important;
    object-fit: contain
}

.wp-google-list {
    display: inline-block !important
}

.wp-google-place:before {
    position: relative;
    content: "";
    background: url(/wp-content/uploads/2024/06/Google.svg) 0 0 / auto 45px no-repeat;
    width: 45px;
    height: 45px;
    left: 0;
    display: inline-block !important
}

.wp-gr.wpac .wp-google-place {
    display: flex !important;
    align-items: center;
    column-gap: 15px;
    justify-content: center;
    background: #fff !important;
    padding: 1em 1.5em !important;
    border-radius: 50px !important
}

.wp-google-stars span.wp-stars span.wp-star path {
    fill: #ffe252
}

.wp-gr .wp-google-rating {
    color: #000 !important;
    font-size: 18px !important
}

.wp-gr.wpac {
    text-align: center !important;
    padding-top: 1.5em !important
}

.wp-gr .wp-google-powered {
    text-align: left !important;
    font-size: 16px !important
}

.blogindex-wrapper ul.bloginner {
    display: grid !important
}

.categorytop span {
    font-size: 16px;
    background: #f3f1e6;
    color: #000;
    padding: 6px 15px;
    border-radius: 50px;
    line-height: initial
}

.categorytop {
    display: flex;
    column-gap: 15px;
    padding: 15px 0
}

.bloginner li img {
    margin: 0 !important;
    height: 100% !important;
    object-fit: cover;
    object-position: right;
    width: 100% !important
}

.bloginner-text h2,
.bloginner-text h4 {
    font-size: var(--heading30) !important;
    width: calc(100% - 100px);
    line-height: calc(var(--heading30) + 10px) !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: none
}

.bloginner li figure {
    line-height: 0;
    overflow: hidden
}

.bloginner li:hover img {
    transform: scale(1.2)
}

.es-head h2,
ul.bloginner li {
    margin-bottom: 25px
}

body[data-ext-responsive="true"].single-post #page-header-bg[data-post-hs="default_minimal"] h1,
body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .comment-list>li,
body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area,
body[data-ext-responsive="true"].single-post .heading-title[data-header-style="default_minimal"] .entry-title,
body[data-ext-responsive="true"].single-post.material #page-header-bg.fullscreen-header h1,
body[data-ext-responsive="true"].single-post.material .comment-wrap #respond,
body[data-ext-responsive="true"].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments,
ul.bot-logo li img,
ul.top-logo li img {
    max-width: 100% !important
}

body[data-ext-responsive="true"].single-post #page-header-bg[data-post-hs="default_minimal"] h1,
body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .comment-list>li,
body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area article,
body[data-ext-responsive="true"].single-post .heading-title[data-header-style="default_minimal"] .entry-title,
body[data-ext-responsive="true"].single-post.material #page-header-bg.fullscreen-header h1,
body[data-ext-responsive="true"].single-post.material .comment-wrap #respond,
body[data-ext-responsive="true"].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments {
    padding: 0 75px !important
}

.blogsocial p,
.fs-3 .vc_col-sm-12,
.grating.overlay-rating,
.nectar-global-section.before-footer,
.overlay-rating .wp-gr.wpac,
.single-case-studies .container-wrap.no-sidebar,
.team-middle .overlap {
    padding: 0 !important
}

.case-study-individual ul.project-gallery-list,
.single-post .container-wrap.no-sidebar {
    padding-top: 0
}

.blogind-inner {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    margin-bottom: 35px
}

.blogind-inner span strong {
    opacity: .4
}

.fullwidth-img img,
.home-client-logo .vc_col-sm-2 img.img100,
.img100 {
    width: 100% !important
}

body.single .post .wpb_text_column h2,
body.single .post .wpb_text_column h3,
body.single .post .wpb_text_column h4 {
    margin-bottom: 25px;
    margin-top: 0
}

.single-post .post-content p,
.sm-15 {
    padding-bottom: 15px
}

.ib-text h1,
.single-post .post-content ul {
    margin-bottom: 15px
}

.single-post .post-content ul li:before {
    position: absolute;
    content: "";
    background: #000;
    width: 8px;
    height: 8px;
    left: 0;
    top: 11px;
    border-radius: 50%
}

.single-post .post-content ul li {
    position: relative;
    padding-left: 15px;
    padding-bottom: 10px
}

.featuredimg:after {
    position: absolute;
    content: "";
    background: #f3f1e6;
    width: 100%;
    height: 120px;
    left: 0;
    bottom: 0;
    z-index: 9
}

.pagination-container.light-theme {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: center
}

.pagination-container a.page-link,
.pagination-container span {
    width: 35px;
    height: 35px;
    display: inline-block;
    position: relative;
    text-align: center;
    border: 1px solid #000;
    border-radius: 50%;
    background: var(--white-color);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination-container span {
    background: var(--secondary-color)
}

header#top .container {
    padding: 0 80px !important
}

#top nav ul li.menu-parent {
    position: inherit
}

#top nav ul.submenu li {
    flex: 1
}

.customMenu ul.submenu {
    padding: 10px !important;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: 0 5px 10px 0 rgb(138 155 165 / .15);
    transition: 0.2s linear;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 100%;
    text-align: left;
    list-style: none;
    background-color: #f3f1e6;
    background-clip: padding-box;
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
    max-height: 999px;
    height: 550px;
    display: flex;
    pointer-events: none
}

li.menu-parent.result_hover .submenu {
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    transform: translate3d(0, 0, 0);
    pointer-events: all
}

li.menu-child.menu-featured-image {
    position: absolute !important;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    width: 100%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: center
}

li.menu-imagelist ul li img,
li.menu-imagelist:before {
    display: block;
    top: 50%;
    margin: 0 auto;
    position: absolute;
    right: 0
}

#top nav>ul>li.result_hover>ul>li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

li.menu-textlist ul li a {
    font-size: 48px;
    line-height: 58px;
    overflow: hidden
}

li.menu-textlist {
    display: flex;
    align-items: center
}

#header-outer:not([data-format="left-header"]) #top nav>ul>li:not(.megamenu) ul a:hover {
    color: #000 !important;
    background: 0 0 !important
}

li.menu-parent a.mp-link span,
li.menu-textlist ul li a span {
    position: relative;
    display: inline-block;
    transition: 0.3s
}

a.mp-link {
    overflow: hidden;
    line-height: initial !important
}

li.menu-textlist ul li:hover a span {
    transform: translate(25px, -115%);
    transition: 0.3s
}

li.menu-parent a.mp-link:before,
li.menu-textlist ul li a:before {
    position: absolute;
    content: attr(data-title);
    line-height: 1;
    left: 0;
    top: auto;
    transition: 0.3s;
    transform: translate(-25px, 150%)
}

li.menu-parent a.mp-link:before {
    display: none !important;
    line-height: initial
}

li.menu-textlist ul li a:before {
    font-size: 48px;
    line-height: 58px
}

li.menu-textlist ul li:hover a:before {
    transform: translate(0, 0);
    transition: 0.3s
}

li.menu-parent a.mp-link:hover:before {
    transform: translate(10px, 0);
    transition: 0.3s;
    line-height: initial !important
}

ul.menu.customMenu li a {
    cursor: pointer !important
}

li.menu-textlist ul li {
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding-bottom: 15px
}

.menu-parent-ancestor li.menu-textlist ul li.current-menu-item span.menucircle,
li.menu-textlist ul li:hover span.menucircle {
    width: 35px;
    height: 35px;
    transition: 0.3s;
    background: var(--secondary-color)
}

li.menu-textlist span.menucircle {
    width: 10px;
    height: 10px;
    position: relative;
    display: inline-block;
    background: #707070;
    border-radius: 50%;
    transition: 0.3s
}

.menu-parent-ancestor li.menu-textlist ul li.current-menu-item span.menucircle:before,
li.menu-textlist ul li:hover span.menucircle:before {
    opacity: 1;
    transition: 0.3s
}

li.menu-textlist span.menucircle:before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/06/map-icon.svg) center/auto 12px no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s
}

li.menu-imagelist ul li img {
    height: calc(100% - 15%) !important;
    width: 624px;
    transform: translate(0, -50%);
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out
}

li.menu-imagelist ul li.isOpen img,
li.menu-imagelist ul li:first-child img {
    opacity: 1;
    transition: 0.3s ease-in-out;
    visibility: visible;
    filter: blur(0)
}

li.menu-imagelist:before {
    height: 80%;
    transform: translate(10%, -50%) rotate(125deg);
    content: "";
    border-radius: 50%;
    width: 50%;
    z-index: -1;
    background: url(/wp-content/uploads/2024/07/menu-gradient-1.webp) no-repeat
}

ul.submenu:before {
    position: absolute;
    content: "";
    margin-left: -50vw;
    left: 50% !important;
    width: 100vw !important;
    background: #f3f1e6;
    top: 0;
    height: 100%;
    z-index: -99
}

ul.project-gallery-filter {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
    padding-bottom: 4em;
    border-bottom: 2px solid #e4e2d8
}

ul.project-gallery-filter li.active,
ul.project-gallery-filter li:hover {
    background: #000;
    color: #fff
}

ul.project-gallery-filter li {
    display: inline-block;
    margin: 0;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    color: #000;
    padding: 3px 20px;
    border: 1px solid #707070;
    border-radius: 25px;
    background: #fff;
    display: flex;
    align-items: center;
    column-gap: 5px
}

.border-list ul li,
.norm-border,
.post-navi {
    border-top: 1px solid #e4e2d8
}

li.tag-button.active:before {
    display: inline-block;
    background: var(--secondary-color)
}

li.tag-button:before {
    content: "";
    background: #fff;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: none;
    position: relative
}

.project-gallery-list li {
    display: block;
    opacity: 1;
    transition: opacity 0.3s;
    overflow: hidden
}

ul.project-gallery-list {
    margin: 0;
    display: grid !important;
    padding-top: 5em
}

.cs-involve li,
body .common-tab .toggle.open {
    margin-bottom: 30px
}

.project_detail_section ul {
    display: flex;
    column-gap: 5px;
    width: 100%;
    overflow: auto
}

.project_detail_section ul li {
    font-size: 13px !important;
    overflow: visible;
    display: flex;
    display: flex;
    background: #f3f1e6;
    padding: 0 11px;
    color: var(--main-text-color);
    border-radius: 25px;
    margin-right: 2px;
    margin-bottom: 5px;
    white-space: nowrap;
    align-items: center
}

ul.project-gallery-list li .inner {
    overflow: hidden;
    position: relative;
    width: 100%
}

ul.project-gallery-list li .inner a,
ul.project-gallery-list li .inner figure {
    height: 100%;
    position: relative;
    display: block
}

ul.project-gallery-list li .inner figure {
    position: relative;
    line-height: 0;
    overflow: hidden;
    max-height: fit-content
}

ul.project-gallery-list li:hover .project_detail_section {
    opacity: 1 !important;
    transition: 0.5s
}

.post-navi .nav-links a p {
    transition: 0.3s;
    padding-bottom: 0 !important
}

.post-navi .nav-links a:hover p {
    color: var(--secondary-color);
    transition: 0.3s
}

.postt {
    opacity: 1;
    transition: opacity 0.3s, transform 0.3s
}

.postt.fade-in-up {
    animation: 0.5s forwards fadeInUp
}

.postt.fade-out-down {
    animation: 0.5s forwards fadeOutDown
}

.project_detail_section h2,
.project_detail_section h4 {
    font-size: 32px;
    line-height: 42px
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

body.material #header-outer:not([data-format="left-header"]) #top nav>.buttons {
    margin-left: 0 !important
}

.blogsocial,
.post-navi .nav-links a {
    display: flex;
    align-items: center;
    column-gap: 25px
}

.post-navi {
    display: flex;
    align-items: center;
    column-gap: 15px;
    justify-content: space-between;
    margin-top: 4em;
    margin-bottom: 4em;
    padding: 2em 0
}

ul.end-post-layout li {
    list-style: none !important;
    padding: 0 !important
}

.post-area {
    margin-top: 0 !important
}

.before-footer .footer-form a.oz-btn:before,
.seo-lpform a.oz-btn span,
.white-text h1,
.white-text p,
.wtext h2,
a.oz-btn.wbtn span,
a.oz-btn.whitetxt span,
a.oz-btn.whitetxt::after {
    color: #fff
}

.smallheading h1 {
    font-size: 60px
}

.casestudy-inner .row_col_wrap_12.col.span_12.dark.left {
    height: 420px;
    display: flex;
    align-items: center
}

.casestudy-inner.section-spacer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.casestudy-inner .inner-wrap.row-bg-layer:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/07/shadow-bot.webp) bottom right/cover no-repeat;
    width: 700px;
    height: 700px;
    right: 0;
    bottom: 0;
    transform: translate(50%, 50%) rotate(45deg)
}

.cs-involve li {
    font-size: var(--heading28);
    line-height: calc(var(--heading1) + 10px);
    position: relative;
    padding-left: 0
}

.cs-involve ul li span {
    position: relative;
    border-bottom: 2px solid rgb(97 97 97 / .5);
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px
}

.cs-involve ul li span:before {
    content: counter(counter, decimal-leading-zero);
    counter-increment: counter;
    position: absolute;
    left: 0;
    font-size: 18px
}

.cs-involve {
    padding: 60px;
    height: 100%;
    background: #f3f1e6;
    counter-reset: counter
}

.pkc-inner .slide-wrap img,
.pkc-inner .slide-wrap svg {
    height: 40px !important
}

.pkc-inner p {
    display: block;
    margin-top: 2.5em;
    color: #fff
}

.pkc-wrap li.pkc-inner .slide-wrap {
    padding: 30px;
    border-left: 1px solid #535353;
    border-right: none
}

.project-key .slick-list {
    border: 1px solid #535353
}

.pkc_arrows .pkc_arrow img {
    margin: 0;
    width: 15px !important
}

.pkc_arrows {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.pkc_arrows .pkc_arrow {
    width: 50px;
    height: 45px;
    position: relative;
    display: flex;
    background: var(--secondary-color);
    border: 1px solid #000;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s
}

.carousel-field,
ul.bot-logo,
ul.top-logo {
    justify-content: center;
    text-align: center
}

.pkc_arrows .pkc_arrow:hover {
    background: #fff;
    transition: 0.3s
}

.slide-wrap svg path {
    fill: #fff
}

ul.pkc-wrap .slide-wrap svg path.yellowfill,
ul.pkc-wrap.service-benefits .slide-wrap svg path.yellowfill {
    fill: var(--secondary-color)
}

ul.pkc-wrap.service-benefits .pkc-inner p {
    color: #000
}

.border-list ul li:before,
.norm-border ul li:before {
    position: absolute;
    content: "";
    background: var(--secondary-color);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: calc(10px + 12px);
    left: 0
}

.norm-border ul li:before {
    top: calc(13px + 5px)
}

.norm-border {
    padding: 25px 0;
    margin-bottom: 0 !important
}

.norm-border ul li {
    position: relative;
    padding: 5px 0 5px 20px
}

.border-list ul li {
    position: relative;
    padding: 15px 0 15px 20px;
    line-height: 28px
}

.services .inline-btn {
    margin-top: 2em
}

.post-navi .nav-links p.post-title.h4-size {
    width: 400px
}

ul.pkc-wrap.service-benefits {
    grid-auto-rows: 1fr;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 15px;
    border: 1px solid #000;
    border-top: none;
    border-right: none
}

ul.pkc-wrap.service-benefits li {
    border: 1px solid #535353;
    border-right: none
}

ul.pkc-wrap.service-benefits.listlength-7 li:nth-last-child(-n+3),
ul.pkc-wrap.service-benefits.listlength-8 li:nth-last-child(-n+4) {
    border-top: none
}

ul.pkc-wrap.service-benefits li:last-child,
ul.pkc-wrap.service-benefits li:nth-child(4n),
ul.pkc-wrap.service-benefits.listlength-5 li:nth-child(3),
ul.pkc-wrap.service-benefits.listlength-6 li:nth-child(3) {
    border-right: 1px solid #535353
}

ul.pkc-wrap.service-benefits li.pkc-inner .slide-wrap {
    border: none !important;
    border-left: none
}

ul.pkc-wrap.service-benefits .slide-wrap svg path {
    fill: #676767
}

.imgheight img {
    object-fit: contain
}

.common-tab a.toggle-heading {
    display: flex !important;
    padding: 25px 0;
    background: #f3f1e6 !important;
    color: #000 !important;
    border-top: 1px solid #e4e2d8
}

.common-tab .toggle>.toggle-title a i {
    position: relative;
    top: 0;
    left: 0;
    width: 33.33333333% !important;
    visibility: hidden
}

.common-tab .toggle-heading {
    font-size: 29px !important;
    line-height: initial !important
}

.common-tab .toggle-heading span {
    padding: 0 1%
}

.common-tab .open a.toggle-heading,
.common-tab .open a.toggle-heading:before,
.single-case-studies .grating.overlay-rating img,
.tteam-wrap .vc_col-sm-6:last-child,
ul.pkc-wrap.service-benefits {
    border: none !important
}

.common-tab a.toggle-heading:before {
    position: absolute;
    content: "";
    background: #f3f1e6;
    margin-left: -50vw;
    border: 1px solid #e4e2d8;
    left: 50%;
    width: 100vw;
    height: 100%;
    top: 0;
    z-index: -1;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear
}

.common-tab .open a.toggle-heading,
.common-tab .open a.toggle-heading:before {
    background: #fff !important;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear
}

body .common-tab .toggle>div {
    box-shadow: none
}

.common-tab .open a.toggle-heading:after,
.faq-tab .open a.toggle-heading:after {
    transform: translate(0, -50%) rotate(0);
    transition: 0.3s;
    -webkit-transition: 0.3s
}

.common-tab a.toggle-heading:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/06/black-arrow.svg) center/auto 15px;
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
    transition: 0.3s;
    -webkit-transition: 0.3s
}

.anim-logo {
    margin: 0 auto;
    text-align: center
}

ul.bot-logo,
ul.top-logo {
    display: flex;
    column-gap: 10px
}

.service-logo-section {
    padding: var(--padding-vertical) 0;
    position: relative;
    margin-top: 3em
}

.service-logo-section .anim-logo p {
    position: absolute;
    width: 500px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0 !important;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 0;
    transition: opacity 0.1s linear
}

ul.bot-logo {
    margin-top: 10px
}

.service-logo-section.oz-scroll .anim-logo p {
    opacity: 1;
    transition: opacity 0.3s linear
}

.anim-logo li {
    transform: translate(0, 0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    width: 200px
}

.serviceeight.oz-scroll .anim-logo ul.top-logo li:first-child,
.serviceseven.oz-scroll .anim-logo ul.top-logo li:first-child,
.servicesix.oz-scroll .anim-logo ul.top-logo li:first-child {
    transform: translate(-100%, 0)
}

.servicefive.oz-scroll .anim-logo ul.top-logo li:nth-child(2),
.servicenine.oz-scroll .anim-logo ul.top-logo li:nth-child(3),
.servicesix.oz-scroll .anim-logo ul.top-logo li:nth-child(2),
.serviceten.oz-scroll .anim-logo ul.top-logo li:nth-child(3) {
    transform: translate(0, calc(-1 * var(--padding-vertical)))
}

.serviceeight.oz-scroll .anim-logo ul.top-logo li:nth-child(4),
.serviceseven.oz-scroll .anim-logo ul.top-logo li:nth-child(4),
.servicesix.oz-scroll .anim-logo ul.top-logo li:nth-child(3) {
    transform: translate(100%, 0)
}

.serviceeight.oz-scroll .anim-logo ul.bot-logo li:first-child,
.serviceseven.oz-scroll .anim-logo ul.bot-logo li:first-child,
.servicesix.oz-scroll .anim-logo ul.bot-logo li:first-child {
    transform: translate(-100%, calc(1 * var(--padding-vertical) / 2))
}

.serviceseven.oz-scroll .anim-logo ul.bot-logo li:nth-child(2),
.servicesix.oz-scroll .anim-logo ul.bot-logo li:nth-child(2),
.serviceten.oz-scroll .anim-logo ul.bot-logo li:nth-child(3),
.servicethree.oz-scroll .anim-logo ul.bot-logo li:first-child {
    transform: translate(0, calc(1 * var(--padding-vertical)))
}

.serviceeight.oz-scroll .anim-logo ul.bot-logo li:nth-child(4),
.serviceseven.oz-scroll .anim-logo ul.bot-logo li:nth-child(3),
.servicesix.oz-scroll .anim-logo ul.bot-logo li:nth-child(3) {
    transform: translate(100%, calc(1 * var(--padding-vertical) / 2))
}

.serviceeight.oz-scroll .anim-logo ul.top-logo li:nth-child(2),
.servicefour.oz-scroll .anim-logo ul.top-logo li:first-child,
.serviceseven.oz-scroll .anim-logo ul.top-logo li:nth-child(2),
.servicethree.oz-scroll .anim-logo ul.top-logo li:first-child {
    transform: translate(-50%, calc(-1 * var(--padding-vertical)))
}

.serviceeight.oz-scroll .anim-logo ul.top-logo li:nth-child(3),
.servicefour.oz-scroll .anim-logo ul.top-logo li:nth-child(2),
.serviceseven.oz-scroll .anim-logo ul.top-logo li:nth-child(3),
.servicethree.oz-scroll .anim-logo ul.top-logo li:nth-child(2) {
    transform: translate(50%, calc(-1 * var(--padding-vertical)))
}

.serviceeight.oz-scroll .anim-logo ul.bot-logo li:nth-child(2),
.servicefive.oz-scroll .anim-logo ul.bot-logo li:first-child,
.servicefour.oz-scroll .anim-logo ul.bot-logo li:first-child {
    transform: translate(-50%, calc(1 * var(--padding-vertical)))
}

.serviceeight.oz-scroll .anim-logo ul.bot-logo li:nth-child(3),
.servicefive.oz-scroll .anim-logo ul.bot-logo li:nth-child(2),
.servicefour.oz-scroll .anim-logo ul.bot-logo li:nth-child(2) {
    transform: translate(50%, calc(1 * var(--padding-vertical)))
}

.servicenine.oz-scroll .anim-logo ul.top-logo li:first-child {
    transform: translate(-50%, 0)
}

.servicenine.oz-scroll .anim-logo ul.top-logo li:nth-child(2),
.serviceten.oz-scroll .anim-logo ul.top-logo li:nth-child(2) {
    transform: translate(-25%, calc(-1 * var(--padding-vertical) / 1.5))
}

.servicenine.oz-scroll .anim-logo ul.top-logo li:nth-child(4),
.serviceten.oz-scroll .anim-logo ul.top-logo li:nth-child(4) {
    transform: translate(25%, calc(-1 * var(--padding-vertical) / 1.5))
}

.servicenine.oz-scroll .anim-logo ul.top-logo li:nth-child(5) {
    transform: translate(50%, 0)
}

.servicenine.oz-scroll .anim-logo ul.bot-logo li:first-child {
    transform: translate(-50%, calc(1 * var(--padding-vertical) / 2))
}

.servicenine.oz-scroll .anim-logo ul.bot-logo li:nth-child(2) {
    transform: translate(-10%, calc(1 * var(--padding-vertical)))
}

.servicenine.oz-scroll .anim-logo ul.bot-logo li:nth-child(3) {
    transform: translate(25%, calc(1 * var(--padding-vertical)))
}

.servicenine.oz-scroll .anim-logo ul.bot-logo li:nth-child(4) {
    transform: translate(50%, calc(1 * var(--padding-vertical) / 2))
}

.serviceten.oz-scroll .anim-logo ul.top-logo li:first-child {
    transform: translate(-50%, -15%)
}

.serviceten.oz-scroll .anim-logo ul.top-logo li:nth-child(5) {
    transform: translate(50%, -15%)
}

.serviceten.oz-scroll .anim-logo ul.bot-logo li:first-child {
    transform: translate(-50%, 15%)
}

.serviceten.oz-scroll .anim-logo ul.bot-logo li:nth-child(2) {
    transform: translate(-25%, calc(1 * var(--padding-vertical) / 1.5))
}

.serviceten.oz-scroll .anim-logo ul.bot-logo li:nth-child(4) {
    transform: translate(25%, calc(1 * var(--padding-vertical) / 1.5))
}

.serviceten.oz-scroll .anim-logo ul.bot-logo li:nth-child(5) {
    transform: translate(50%, 15%)
}

.servicefive.oz-scroll .anim-logo ul.top-logo li:first-child {
    transform: translate(-100%, calc(-1 * var(--padding-vertical) / 2))
}

.servicefive.oz-scroll .anim-logo ul.top-logo li:nth-child(3) {
    transform: translate(100%, calc(-1 * var(--padding-vertical) / 2))
}

.singletestimon {
    background: #e8e6d9;
    border-radius: 15px;
    padding: 4em !important;
    position: relative;
    z-index: 99
}

.singletestimon .nectar-star-rating * {
    color: #ecc918;
    font-size: 26px
}

.author-info span.st-head,
.singletestimon span.wrap span:first-child {
    font-size: 24px;
    line-height: initial !important;
    padding-bottom: 5px
}

.author-info span.st-subhead,
.singletestimon span.wrap span.title {
    font-size: 20px;
    line-height: initial !important
}

.singletestimon .nectar_single_testimonial .inner p {
    padding: 0 0 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #9a9680
}

.singletestimon .st-wrap p {
    padding-top: 20px
}

.singletestimon .author-info {
    padding-top: 35px;
    margin-top: 45px;
    border-top: 1px solid #9a9680;
    display: block;
    position: relative
}

.overlay-rating {
    position: absolute;
    top: 0;
    transform: translate(0, -100px);
    left: 0;
    right: 0;
    margin: 0 !important
}

.project-key .inner-wrap.row-bg-layer.using-image:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 25%;
    left: 0;
    bottom: 0;
    opacity: 1;
    background-image: linear-gradient(to top, #000, #fff0);
    z-index: 99;
    right: 0
}

.seo-traffic .nectar-milestone {
    display: flex;
    flex-direction: column;
    padding-bottom: 7em
}

.seo-traffic .nectar-milestone .number {
    order: 2;
    color: #fff
}

.seo-traffic .nectar-milestone .subject:before {
    position: absolute;
    content: "";
    width: 25%;
    background: #ffe252;
    height: 2px;
    top: 0;
    left: 0
}

.border-para h3,
.seo-lpform form,
a.oz-btn {
    position: relative !important
}

.seo-traffic .nectar-milestone .subject {
    padding: 15px 0;
    position: relative;
    color: #fff
}

.seo-traffic .str-wrap img {
    position: absolute;
    top: 0;
    height: 100% !important;
    margin: 0 !important;
    transform-origin: center
}

.seo-traffic img.str-img1 {
    left: 50%;
    animation: 1.5s forwards bounceInBottomLeft;
    -webkit-animation: 1.5s forwards bounceInBottomLeft;
    -moz-animation: 1.5s forwards bounceInBottomLeft;
    -o-animation: 1.5s forwards bounceInBottomLeft
}

.seo-traffic img.str-img2 {
    z-index: -1;
    right: 50%;
    animation: 1.5s forwards bounceInBottomRight;
    -webkit-animation: 1.5s forwards bounceInBottomRight;
    -moz-animation: 1.5s forwards bounceInBottomRight;
    -o-animation: 1.5s forwards bounceInBottomRight
}

.cs-floatingimg.seo-traffic img.str-img1 {
    animation: 1.5s forwards bounceInTopLeft;
    -webkit-animation: 1.5s forwards bounceInTopLeft;
    -moz-animation: 1.5s forwards bounceInTopLeft;
    -o-animation: 1.5s forwards bounceInTopLeft
}

.cs-floatingimg.seo-traffic img.str-img2 {
    animation: 1.5s forwards bounceInTopRight;
    -webkit-animation: 1.5s forwards bounceInTopRight;
    -moz-animation: 1.5s forwards bounceInTopRight;
    -o-animation: 1.5s forwards bounceInTopRight
}

.zindex9 {
    position: relative;
    z-index: 99
}

@keyframes bounceInTopLeft {
    0% {
        transform: translate(-100%, 90%) rotate(-45deg)
    }

    70% {
        transform: translate(-100%, -3%) rotate(0)
    }

    100% {
        transform: translate(-100%, 0) rotate(0)
    }
}

@keyframes bounceInTopRight {
    0% {
        transform: translate(90%, 100%) rotate(45deg)
    }

    70% {
        transform: translate(90%, -15%) rotate(0)
    }

    100% {
        transform: translate(90%, -10%) rotate(0)
    }
}

@keyframes bounceInBottomLeft {
    0% {
        transform: translate(-100%, 0) rotate(0)
    }

    70% {
        transform: translate(-100%, 50%) rotate(0)
    }

    100% {
        transform: translate(-100%, 90%) rotate(-45deg)
    }
}

@keyframes bounceInBottomRight {
    0% {
        transform: translate(90%, -10%) rotate(0)
    }

    70% {
        transform: translate(90%, 50%) rotate(0)
    }

    100% {
        transform: translate(90%, 100%) rotate(45deg)
    }
}

.desk-mob-img>.vc_column-inner {
    padding: 85px
}

.desk-mob-img .desktop-mobile {
    border: 15px solid rgb(0 0 0 / .2);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    line-height: 0;
    margin: 0 auto;
    width: 100%;
    transition: 0.4s
}

.desktop-mobile img.deskmob-img1 {
    opacity: 1;
    transition: opacity 0.3s;
    margin: 0 auto
}

.desk-mob-img:hover .desktop-mobile {
    text-align: center;
    margin: 0 auto;
    transition: 0.4s
}

.desktop-mobile img {
    border-radius: 10px;
    height: 100% !important
}

.desktop-mobile img.deskmob-img2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
    opacity: 0
}

.desk-mob-img:hover .desktop-mobile .deskmob-img1 {
    opacity: 0;
    transition-delay: 0s
}

.desk-mob-img:hover .desktop-mobile .deskmob-img2 {
    opacity: 1;
    transition: opacity 0.5s 0.1s
}

.carousel-field {
    width: 100%;
    transition-timing-function: linear !important;
    align-items: center;
    height: auto;
    font-size: 18px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 !important
}

.custom-tablepost td {
    font-size: 18px !important;
    color: #000 !important;
    text-align: left !important
}

.custom-tablepost thead.Table-head td {
    width: 50%;
    font-size: 25px !important
}

.custom-tablepost tbody.Table-body td,
.custom-tablepost thead.Table-head td {
    padding: 20px;
    line-height: inherit
}

.about-scroll-wrap .slick-slide,
.cs-slick.slick-container .slick-slide,
ul.seocs-wrap .slick-slide {
    margin: 0 15px
}

.comteam .slick-slide {
    margin: 0 7px
}

.comteam .slick-slide img {
    border-radius: 15px
}

.about-scroll-wrap .slick-list,
.cs-slick.slick-container .slick-list {
    margin: 0 -15px
}

.slick-carousel.marquee-reverse,
.team-straight {
    direction: rtl
}

.cs-slick.slick-container .slick-carousel:nth-child(2) {
    margin-top: 30px
}

.cs-slick.slick-container .slick-slide img {
    display: block;
    border-radius: 15px
}

.seo-pricing * {
    color: #fff
}

.seo-pricing p {
    font-size: 32px;
    line-height: 40px
}

.seo-pricing {
    background: #000;
    padding: 120px 90px;
    border: 3px solid #959595;
    border-radius: 70px;
    position: relative;
    overflow: hidden
}

.seo-price-wrap>.vc_column-inner {
    background: #fff;
    padding: 35px;
    margin: 0 90px;
    border-radius: 110px
}

.seo-pricing ul {
    display: flex;
    justify-content: center;
    column-gap: 3em;
    max-width: 1000px;
    margin: 0 auto
}

.seo-pricing ul li {
    font-size: var(--heading30);
    line-height: calc(var(--heading30) + 10px);
    border: 1px solid rgb(255 255 255 / .4);
    padding: 30px;
    border-radius: 100px;
    width: 100%
}

.seo-pricing ul li span {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: center;
    position: relative
}

.seo-pricing ul li strong {
    font-size: 50px;
    line-height: 60px;
    display: inline-block
}

.seo-pricing ul li:first-child span:before {
    position: absolute;
    content: "";
    background: #c1bfb4;
    width: 341px;
    height: 5px;
    transform: rotate(-7deg)
}

.seo-pricing:after,
.seolp-wrap .using-bg-color:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/07/shadow-bot.webp) bottom right/cover no-repeat;
    width: 700px;
    height: 700px;
    right: 0;
    bottom: 0;
    transform: translate(50%, 50%) rotate(45deg);
    opacity: .8
}

.seo-pricing:before,
.seolp-wrap .using-bg-color:before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/07/shadow-bot.webp) left top/cover no-repeat;
    width: 700px;
    height: 700px;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%) rotate(-140deg);
    opacity: .8;
    z-index: 9
}

.page-seo-offer .ib-text h2 {
    font-size: 80px !important;
    line-height: 95px !important
}

.sm-heading h3,
.sm-heading h4,
.ss-wrap .seo-step-wrap h3,
.ss-wrap .seo-step-wrap h4 {
    font-size: var(--heading28) !important;
    line-height: calc(var(--heading28) + 10px) !important
}

.normal-radio .contact-form .wpforms-field.wpforms-field-radio label {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    pointer-events: all;
    background: 0 0
}

.normal-radio .contact-form .wpforms-field.wpforms-field-radio input {
    border: none !important;
    height: auto !important;
    box-shadow: none !important
}

.normal-radio .contact-form .wpforms-field.wpforms-field-radio li {
    padding: 4px 15px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 15px;
    transition: 0.3s
}

.normal-radio .contact-form .wpforms-field.wpforms-field-radio ul li.wpforms-selected label {
    color: var(--main-bg-color);
    transition: 0.3s
}

.normal-radio legend.wpforms-field-label {
    display: inline-block !important;
    float: left;
    margin: 0 !important
}

.page-seo-offer .wpforms-container .wpforms-submit-container {
    margin-top: 20px !important;
    width: 200px !important
}

.seo-stepwrap .hover-wrap-inner:after {
    counter-increment: count;
    content: "Step" counter(count);
    counter-increment: count;
    content: "Step " counter(count);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 32px;
    text-transform: uppercase;
    line-height: initial;
    margin: 0 auto;
    text-align: center;
    background: var(--secondary-color);
    display: inline-block;
    width: 130px;
    border-radius: 100%;
    padding: 20px 10px;
    transform: translate(0, 50%)
}

.seo-steps {
    padding-top: 5em;
    text-align: center;
    margin: 0 auto
}

.seo-stepwrap {
    counter-reset: count 1;
    margin-bottom: 0 !important
}

.seo-stepwrap .vc_col-sm-3,
.seo-stepwrap .vc_col-sm-4 {
    border-right: 3px solid #f3f1e6
}

.content-width,
.cw-small {
    max-width: 1000px;
    margin: 0 auto
}

.seo-rating .wp-gr.wpac .wp-google-place {
    border-radius: 100px !important;
    border: 17px solid #f3f1e6 !important;
    position: relative !important
}

.seo-rating>.vc_column-inner {
    background: #fff;
    padding-bottom: 75px
}

.seo-rating>.vc_column-inner:before {
    position: absolute;
    content: "";
    background: #f3f1e6;
    width: 100%;
    height: 100px;
    z-index: 0;
    top: 0;
    left: 0
}

.about-scroll-wrap ul li,
ul.seocs-wrap li {
    padding: 40px;
    border-radius: 10px;
    background: #fff;
    position: relative;
    overflow: hidden
}

.before-footer .footer-form a.oz-btn:hover,
.seo-rating.blackoverlay>.vc_column-inner:before,
ul.seocs-wrap li {
    background: #000
}

.about-scroll-wrap ul li img {
    height: 45px !important;
    margin-bottom: 1.5em !important
}

.about-scroll-wrap {
    padding-bottom: 20px !important
}

.about-scroll-wrap ul li p {
    width: calc(100% - 20%)
}

.about-scroll-wrap ul li:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/07/scroll-gradient.jpg) 0 0 / contain no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0
}

ul.seocs-wrap li:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/07/Mask-Group-159.png) 0 0 / auto 100% no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0
}

.es-head h3,
.es-head h4 {
    margin-bottom: 20px !important
}

.ss-wrap .seo-step-wrap h3:before,
.ss-wrap .seo-step-wrap h4:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #ffe252;
    border-radius: 50%;
    transform: translate(0, 0);
    z-index: -1;
    left: 0
}

.ss-wrap .seo-step-wrap h3,
.ss-wrap .seo-step-wrap h4 {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 20px;
    line-height: 30px;
    z-index: 99
}

.seo-step-wrap .vc_col-sm-4 .vc_column-inner,
.seo-step-wrap .vc_col-sm-6 .vc_column-inner {
    background: #fff;
    padding: 4em 2em
}

.faq-tab div[data-style="default"] .toggle>h3.toggle-title {
    border-top: 1px solid #e8e6d9
}

.faq-tab div[data-style="default"] .toggle>.toggle-title a {
    font-size: 24px;
    line-height: 34px;
    color: #040404;
    background: 0 0 !important;
    padding: 25px 0 !important;
    width: calc(100% - 50px)
}

body .faq-tab .toggle[data-inner-wrap="true"]>div .inner-toggle-wrap {
    padding: 0 0 20px
}

.faq-tab a.toggle-heading:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/06/black-arrow.svg) right center/auto 15px;
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    right: 0
}

body .faq-tab .toggle>div {
    box-shadow: none !important
}

.ib-text .wpb_wrapper>p:nth-child(3),
.seo-step-wrap .vc_col-sm-4,
.seo-step-wrap .vc_col-sm-6,
.testimonial-wrapper .answer p.smallpara {
    margin-top: 20px
}

.seo-lpform .footer-form .ff-input input,
.seo-lpform .footer-form .ff-texarea textarea {
    background: #fff !important;
    border: none !important;
    border-bottom: none
}

.seo-lpform .wpforms-container .wpforms-submit-container {
    position: absolute;
    bottom: 20px;
    right: 0
}

.seo-lpform legend.wpforms-field-label,
a.oz-btn.blackbg:hover:before {
    color: #fff !important
}

.seo-lpform div.wpforms-container-full .wpforms-field.wpforms-field-radio.budget-radio ul li input+label {
    background: 0 0;
    color: #fff
}

.seo-lpform div.wpforms-container-full .wpforms-field.wpforms-field-radio.budget-radio ul li.wpforms-selected input+label {
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--main-text-color)
}

.concept-img img {
    max-height: 500px;
    object-fit: contain
}

.seo-lpform .footer-form {
    margin: 0 45px !important
}

.sm-heading h3,
.sm-heading h4 {
    margin-bottom: 15px !important
}

.border-para p {
    padding-bottom: 25px !important;
    margin-bottom: 25px !important;
    border-bottom: 1px solid #e4e2d8
}

.border-para h3:before {
    position: absolute;
    content: "";
    background: var(--secondary-color);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: 14px;
    left: 0
}

.border-para h3,
.border-para p {
    padding-left: 20px
}

.ib-text p {
    width: calc(100% - 100px);
    padding-bottom: 0 !important
}

.seo-fullelem .row_col_wrap_12_inner.span_12 {
    padding: 45px 0;
    border-top: 1px solid #c1bfb4
}

.seo-fullelem .vc_row.inner_row:last-child .row_col_wrap_12_inner.span_12 {
    border-bottom: 1px solid #c1bfb4
}

.seo-fullelem.hide-border .vc_row.inner_row:last-child .row_col_wrap_12_inner.span_12 {
    border-bottom: none !important;
    padding-bottom: 0
}

.gradientbg .inner-wrap.row-bg-layer:before {
    position: absolute;
    content: "";
    background: #f3f1e6;
    width: 100%;
    height: 50%;
    z-index: 1;
    top: 0;
    left: 0
}

.gradientbg .seo-rating>.vc_column-inner {
    border: 1px solid #f3f1e6
}

.ib-para-highlight p strong,
.para-highlight strong,
strong.para-highlight {
    font-weight: 600 !important;
    display: inline
}

.img-overlap p,
.project-gallery-list figure p strong,
.team-member p.bigpara {
    font-family: HelveticaNowDisplay, sans-serif !important;
    font-weight: 500 !important
}

.ib-text h1.sm-head {
    margin-bottom: 5px;
    color: var(--white-color) !important
}

.footer-overlap p a:hover,
.single-post article li a,
p a {
    color: #000;
    text-decoration: underline
}

a.moreless-button {
    font-size: 16px;
    color: #000
}

.adjHeight .casestudies-list,
.single-case-studies .casestudies-list {
    height: auto !important
}

.casestudy-logo img {
    width: 240px !important;
    height: 100%;
    object-fit: contain
}

.adjustwwd-height {
    height: calc(75vh + 50px)
}

.casestudywwd-background .column-image-bg {
    background-position: right 0 center !important
}

.cs-wwdwrap .casestudywwd-background .column-image-bg {
    background-position: right 30% center !important
}

.cs-wwdwrap .cs-involve ul li span {
    width: 100%;
    padding-left: 60px
}

.singletestimon .nectar-star-rating {
    margin-bottom: 5px !important
}

.cs-detailwrap img.cs-logo {
    width: 250px !important
}

.cs-detailwrap img.cs-square {
    width: 150px !important
}

.cs-detailwrap img.cs-small {
    width: 90px !important
}

.com-width>.vc_column-inner {
    padding-right: 50px
}

.seo-rating.blackoverlay .wp-gr.wpac .wp-google-place,
.single-case-studies .grating img {
    border: 17px solid #000 !important
}

a.oz-btn {
    background: 0 0 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: initial !important;
    border: 2px solid #ffe252 !important;
    overflow: hidden !important;
    display: inline-block;
    transition: 0.3s !important
}

.before-footer .footer-form a.oz-btn,
a.oz-btn.blackbg {
    border: 2px solid #000 !important
}

.before-footer .footer-form .wpforms-submit-container:hover a.oz-btn,
a.oz-btn.blackbg:hover {
    background: #000 !important;
    transition: 0.3s !important
}

.wpforms-submit-container:hover a.oz-btn,
a.oz-btn:hover {
    background: #ffe252 !important;
    transition: 0.3s !important
}

a.oz-btn span {
    padding: 10px 40px 10px 20px;
    display: flex;
    position: relative;
    align-items: center;
    column-gap: 8px;
    color: #000;
    opacity: 1
}

a.oz-btn:before {
    position: absolute;
    top: 100%;
    left: -20px;
    right: 0;
    content: attr(data-btn);
    display: inline;
    text-align: center;
    color: #fff
}

.wpforms-submit-container:hover a.oz-btn span,
a.oz-btn:hover span {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.wpforms-submit-container:hover a.oz-btn:before,
a.oz-btn:hover:before {
    color: #000;
    top: 50%;
    transform: translate(0, -50%)
}

.nectar-header-text-content>div {
    line-height: 0
}

a.oz-btn span:after,
a.oz-btn:after {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/07/btnarrow.svg) right center/contain no-repeat;
    width: 10px;
    height: 13px;
    right: calc(20px + 0px);
    z-index: 9;
    display: inline-block
}

.wpforms-submit-container:hover a.oz-btn:after,
a.oz-btn:hover:after {
    top: 50%;
    transform: translate(0, -50%)
}

a.oz-btn:after {
    top: 100%
}

.before-footer .footer-form .wpforms-submit-container:hover a.oz-btn:after,
.seo-lpform a.oz-btn span:after,
a.oz-btn.blackbg:hover:after,
a.oz-btn.wbtn span:after,
a.oz-btn.whitetxt span:after,
a.oz-btn:after {
    filter: brightness(0) invert(1)
}

.wpforms-submit-container a.oz-btn:after,
a.oz-btn:hover:after {
    filter: brightness(0) invert(0)
}

#header-outer #top nav>ul>li:last-child>a {
    padding-right: 0 !important
}

.team-middle a.oz-btn {
    margin-top: 25px
}

.btn-15 a {
    margin-top: 15px !important
}

div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {
    max-width: 18px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 auto
}

.before-footer .footer-form .wpforms-submit-container {
    margin-top: 20px !important
}

p.load-btn {
    padding-top: 2em;
    text-align: center;
    padding-bottom: 0;
    display: inline-block
}

.project_detail_section h2,
.project_detail_section h4 {
    text-align: left;
    margin-bottom: 15px !important
}

p.load-btn a {
    cursor: pointer
}

.team-middle .hover-wrap-inner>img {
    visibility: hidden
}

.ib-text .seo-btext span {
    display: block !important;
    width: 100% !important
}

#header-outer:not([data-format="left-header"]) #top nav>ul>li:not(.megamenu) ul .current-menu-item>a,
body .tab-bg .toggle>div {
    background: 0 0 !important
}

.historyList li {
    background: #fff;
    text-align: left;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 0 14px 28px rgb(0 0 0 / .05), 0 10px 10px rgb(0 0 0 / .05)
}

.seo-steps p {
    width: calc(100% - 30%) !important;
    margin: 0 auto
}

.comslick,
.comteam,
.slick-carousel {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s;
    -webkit-transition: opacity 1s
}

.comslick.slick-initialized,
.comteam.slick-initialized,
.slick-carousel.slick-initialized {
    visibility: visible;
    opacity: 1
}

.ourHistory li h3 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ourHistory li[data-title="2008"] h3 img {
    height: 80px !important
}

.ourHistory li[data-title="2011"] h3 img {
    height: 45px !important
}

.ourHistory li h3 img {
    width: auto !important;
    height: 60px !important
}

ul.pkc-wrap.service-benefits p {
    color: rgb(0 0 0 / .7) !important
}

ul.pkc-wrap.service-benefits p strong {
    display: block;
    font-weight: 600 !important;
    color: #000 !important
}

.ourpromise-wrap p,
.para-zero p {
    padding: 0 0 10px
}

.border-list p {
    padding-bottom: 20px
}

ul.pkc-wrap.service-benefits.listlength-3,
ul.pkc-wrap.service-benefits.listlength-5,
ul.pkc-wrap.service-benefits.listlength-6 {
    grid-template-columns: repeat(3, 1fr)
}

.seo-lpform textarea::placeholder {
    color: #000 !important
}

.seo-lpform textarea::-webkit-input-placeholder {
    color: #000 !important
}

.seo-lpform textarea:-ms-input-placeholder {
    color: #000 !important
}

.seo-lpform textarea::-ms-input-placeholder {
    color: #000 !important
}

.seo-lpform input::placeholder {
    color: #000 !important;
    opacity: 1
}

.seo-lpform input::-webkit-input-placeholder {
    color: #000 !important
}

.seo-lpform input:-ms-input-placeholder {
    color: #000 !important
}

.seo-lpform input::-ms-input-placeholder {
    color: #000 !important
}

ul.pkc-wrap.service-benefits.listlength-5 li:nth-child(4),
ul.pkc-wrap.service-benefits.listlength-6 li:nth-child(4),
ul.pkc-wrap.service-benefits.listlength-6 li:nth-child(5) {
    border-top: none !important;
    border-right: none !important
}

ul.pkc-wrap.service-benefits.listlength-5 li:nth-child(5),
ul.pkc-wrap.service-benefits.listlength-6 li:nth-child(6),
ul.pkc-wrap.service-benefits.listlength-9 li:nth-child(5),
ul.pkc-wrap.service-benefits.listlength-9 li:nth-child(6),
ul.pkc-wrap.service-benefits.listlength-9 li:nth-child(7),
ul.pkc-wrap.service-benefits.listlength-9 li:nth-child(8),
ul.pkc-wrap.service-benefits.listlength-9 li:nth-child(9) {
    border-top: none !important
}

ul.seocs-wrap li span {
    font-size: 75px !important;
    color: #fff;
    line-height: 85px;
    z-index: 99;
    position: relative
}

ul.seocs-wrap li p {
    color: #fff;
    font-size: 26px;
    line-height: 32px;
    padding-top: 3em;
    position: relative;
    z-index: 99
}

.seoranking li.pkc-inner p strong {
    display: block;
    font-size: 20px;
    color: var(--secondary-color)
}

.yellow-gradient .row-bg.viewport-desktop.using-bg-color:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 70%;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to top, rgb(255 226 82 / .6), #fff0);
    opacity: .5
}

body .toggle[data-inner-wrap="true"]>div .inner-toggle-wrap {
    padding: 0 14px
}

.hb-right .wpb_wrapper .nectar-split-heading:nth-child(2) span {
    left: 2px
}

.home-client-logo .vc_col-sm-2 img {
    height: 95px;
    margin: 0 auto;
    text-align: center;
    width: 85% !important;
    object-fit: contain
}

.home-client-logo .vc_col-sm-2 {
    border: 1px solid #f5f2e8;
    text-align: center;
    padding: 10px
}

.home-client-logo .vc_col-sm-2:nth-child(11),
.home-client-logo .vc_col-sm-2:nth-child(2),
.home-client-logo .vc_col-sm-2:nth-child(4),
.home-client-logo .vc_col-sm-2:nth-child(6),
.home-client-logo .vc_col-sm-2:nth-child(7),
.home-client-logo .vc_col-sm-2:nth-child(9) {
    background: rgb(245 242 232 / .3)
}

.home-client-logo,
.pt-20 {
    padding-top: 25px
}

.img-overlap p {
    background: #fff;
    font-size: 16px !important;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 5px;
    column-gap: 5px;
    line-height: 32px !important;
    padding: 0 15px
}

.inner-banner.seo-banner .inner-wrap.row-bg-layer.using-image:after,
p.smallpara {
    display: block !important
}

.gimg img,
.greview-img img {
    padding-top: 20px
}

.img-overlap p:before {
    position: relative;
    width: 8px;
    height: 8px;
    background: var(--secondary-color);
    content: "";
    display: inline-block;
    border-radius: 50%;
    top: 2px
}

.img-overlap {
    position: absolute;
    top: 45%;
    transform: translate(-15%, -50%);
    left: 15%
}

div.wpforms-container-full input:focus,
div.wpforms-container-full input:focus:invalid,
div.wpforms-container-full textarea:focus {
    box-shadow: none !important
}

.service-inner li a:before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/07/btnarrow.svg) left center/contain no-repeat;
    width: 10px;
    height: 13px;
    right: auto;
    z-index: 9;
    display: inline-block;
    left: 0;
    top: 6px;
    opacity: 0;
    transition: opacity 0.3s
}

.service-inner li a:hover {
    padding-left: 15px
}

.lightbg-half .row-bg.viewport-desktop.using-bg-color:before {
    position: absolute;
    content: "";
    background: #f3f1e6;
    width: 100%;
    height: 45%;
    left: 0;
    bottom: 0
}

.seo-stepwrap .vc_col-sm-4:last-child {
    border: none
}

.seo-form .wpforms-field-radio label.wpforms-field-label-inline:before {
    content: "";
    background: #f7f7f7;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
    color: #000;
    left: 0;
    font-size: 12px;
    line-height: 22px
}

.address-tab .toggle:hover>.toggle-title a,
.tteam-wrap {
    background: #fff
}

.seo-form .wpforms-field-radio li.wpforms-selected label.wpforms-field-label-inline:before {
    content: "\f00c";
    font-family: FontAwesome;
    background: #ffe252
}

.normal-radio.seo-form .contact-form .wpforms-field.wpforms-field-radio label {
    padding-left: 0;
    display: flex;
    align-items: center
}

.normal-radio.seo-form .contact-form .wpforms-field.wpforms-field-radio ul li.wpforms-selected {
    background: #fff !important;
    border-color: #fff !important
}

.normal-radio.seo-form .contact-form .wpforms-field.wpforms-field-radio ul li.wpforms-selected label {
    color: #000;
    transition: 0.3s
}

.normal-radio.seo-form .contact-form .wpforms-field.wpforms-field-radio li {
    padding: 3px 6px
}

.foot-quicklink .row_col_wrap_12_inner.col.span_12.left {
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-wrap: nowrap;
    column-gap: 25px
}

.project-gallery-list li video {
    width: 100%;
    height: 100%
}

.casestudies-itext figure video {
    height: 100%;
    width: 100%;
    object-fit: cover
}

#header-outer #top nav>ul>li>a.mp-link {
    display: flex;
    align-items: center;
    height: 100%
}

a.anchor-tag {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0
}

div.team-des:after,
li.team-des:after {
    border: 10px solid #fff0;
    content: " ";
    display: block;
    position: absolute;
    z-index: 2;
    border-left-color: var(--secondary-color);
    right: -19px;
    top: 50%;
    transform: translate(0, -68%)
}

.mb0 {
    margin-bottom: 7px !important
}

.footer-overlap p a {
    text-decoration: none
}

.page-technologies .mix-blend .inner {
    background: #f9f8f3
}

.page-technologies .mix-blend .inner .hover-wrap,
.page-thank-you .about-scroll-wrap ul li:after {
    mix-blend-mode: multiply
}

ul.seo_lists li:before,
ul.sitemap-list li:before {
    position: absolute;
    content: "";
    background: #000;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 50%;
    transform: translate(0, -50%);
    left: 0
}

ul.seo_lists li {
    width: 25%;
    float: left
}

ul.seo_lists li,
ul.sitemap-list li {
    position: relative;
    padding: 2px 0 2px 18px !important
}

ul.seo_lists li a,
ul.sitemap-list li a {
    color: #000;
    font-size: 16px;
    line-height: initial !important;
    position: relative;
    padding: 3px 0 !important
}

ul.seo_lists li a::before,
ul.sitemap-list li a::before {
    position: absolute;
    content: "";
    background: var(--secondary-color);
    width: 0%;
    height: 2px;
    bottom: 0;
    left: inherit;
    right: 0;
    transition: 0.3s
}

.sitemapwrap {
    padding-top: 35px !important;
    margin-top: 50px !important;
    border-top: 1px solid rgb(211 211 211 / .6)
}

ul.project-gallery-list li:hover .inner figure img {
    transform: scale(1.1)
}

ul.project-gallery-list li .inner figure img {
    z-index: 0;
    width: 100% !important;
    margin-bottom: 0;
    overflow: hidden;
    transform: scale(1)
}

.main-thead p {
    width: 95%
}

.grating img,
.greview-img img {
    width: 280px !important;
    margin: 0 auto
}

p.smallpara {
    height: 50px;
    visibility: hidden
}

.project_detail_section ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / .3);
    box-shadow: inset 0 0 4px rgb(0 0 0 / .3);
    background-color: #f5f5f5
}

.project_detail_section ul::-webkit-scrollbar {
    height: 4px;
    background-color: #f5f5f5
}

.project_detail_section ul::-webkit-scrollbar-thumb {
    background-color: var(--brown)
}

.cs-content ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .3);
    background-color: #f5f5f5
}

.cs-content ul::-webkit-scrollbar {
    height: 3px;
    background-color: #f5f5f5
}

.cs-content ul::-webkit-scrollbar-thumb {
    background-color: #000
}

.team-member p.bigpara {
    font-size: 28px;
    line-height: initial !important;
    padding: 0
}

.team-member p:nth-child(3) {
    padding-top: 10px
}

.teammem-wrap .wpb_wrapper {
    display: flex;
    align-items: center;
    column-gap: 30px;
    justify-content: center
}

.teammem-wrap .wpb_wrapper img {
    width: 110px !important;
    height: auto;
    margin-bottom: 0;
    border: 4px solid #f3f1e6;
    border-radius: 50%;
    filter: grayscale(1)
}

.tteam-wrap {
    padding: 45px 30px !important;
    box-shadow: 0 14px 28px rgb(0 0 0 / .05), 0 10px 10px rgb(0 0 0 / .05) !important
}

.tteam-wrap .vc_col-sm-6 {
    border-right: 3px solid #f3f1e6;
    padding: 20px 0
}

.page-thank-you .about-scroll-wrap ul li,
.page-thank-you ul.seocs-wrap li {
    background: #f8f5e7
}

.thank-team .inner-wrap.row-bg-layer:before {
    position: absolute;
    content: "";
    background: #f3f1e6;
    width: 100%;
    height: 50%;
    left: 0;
    top: 0
}

.project-gallery-list figure p {
    display: none !important;
    position: absolute;
    bottom: 20px;
    background: #fdfbff;
    padding: 0 !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto
}

.project-gallery-list figure p strong {
    font-size: 7vh;
    line-height: 7vh;
    display: block;
    padding-bottom: 10px
}

.grating {
    margin: 0 !important;
    text-align: center !important;
    padding-top: 1.5em !important;
    padding-bottom: 3em !important
}

.grating img {
    border-radius: 100px !important;
    border: 17px solid #f3f1e6 !important;
    position: relative !important
}

.gimg img {
    width: 240px !important
}

img.nectar-google-map__marker-img {
    width: 45px !important
}

.market-icon svg {
    position: relative;
    top: -2px !important
}
.foot-quicklink h5 {
    font-size: 20px !important;
    padding-bottom: 20px !important;
}
@media only screen and (min-width:1000px) {

    #header-outer #logo,
    #header-outer .logo-clone,
    #header-outer .logo-spacing {
        margin-top: 20px;
        margin-bottom: 20px;
        position: relative
    }

    .ourHistory {
        text-align: center;
        position: relative;
        max-width: 1050px;
        margin: 0 auto
    }

    .ab-historydetails,
    ul.historyList li {
        opacity: 0;
        position: absolute;
        margin: 0 auto;
        top: 50%;
        transform: translate(0, -50%);
        left: 0;
        right: 0
    }

    .ourHistory img {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important
    }

    ul.historyList li p {
        padding-top: 2em;
        padding-bottom: 0 !important
    }

    ul.historyList li p strong {
        display: block
    }

    ul.historyList li {
        display: block;
        width: 320px;
        background: #fff;
        text-align: left;
        padding: 2em;
        border-radius: 20px;
        cursor: pointer;
        box-shadow: 0 14px 28px rgb(0 0 0 / .05), 0 10px 10px rgb(0 0 0 / .05)
    }

    .ab-historydetails {
        max-width: 380px
    }

    .abo-history .ab-historydetails,
    .abo-history ul.historyList li,
    .abo-history ul.historyList li:first-child {
        opacity: 1
    }

    ul.historyList li.active {
        background: var(--secondary-color)
    }

    .abo-history ul.historyList li:first-child {
        top: 0;
        transform: translate(0, -50%);
        right: 0;
        left: 0
    }

    .abo-history ul.historyList li:nth-child(2) {
        top: 15%;
        transform: translate(40%, -50%);
        right: 0;
        left: auto
    }

    .abo-history ul.historyList li:nth-child(3) {
        top: 53%;
        transform: translate(45%, -50%);
        right: 0;
        left: auto
    }

    .abo-history ul.historyList li:nth-child(4) {
        top: 100%;
        transform: translate(-10%, -85%);
        right: 0;
        left: auto
    }

    .abo-history ul.historyList li:nth-child(5) {
        top: 100%;
        transform: translate(10%, -85%);
        left: 0;
        right: auto
    }

    .abo-history ul.historyList li:nth-child(6) {
        top: 53%;
        transform: translate(-45%, -50%);
        left: 0;
        right: auto
    }

    .abo-history ul.historyList li:nth-child(7) {
        top: 15%;
        transform: translate(-40%, -50%);
        left: 0;
        right: auto
    }

    span.vis-hidden {
        visibility: hidden
    }

    li.slide-out-widget-area-toggle {
        display: none !important
    }
}

@media only screen and (min-width:2000px) {
    .team-middle .hover-wrap-inner>img {
        width: 100% !important
    }

    .wpb_row.vc_row-o-full-height.top-level.inner-banner,
    .wpb_row.vc_row-o-full-height.top-level.inner-banner>.col.span_12,
    .wpb_row.vc_row-o-full-height.top-level.home-banner,
    .wpb_row.vc_row-o-full-height.top-level.home-banner>.col.span_12 {
        min-height: 890px
    }

    .wpb_row.inner-banner .row-bg-wrap .inner-wrap,
    .wpb_row.home-banner .row-bg-wrap .inner-wrap {
        width: 1600px;
        right: 0;
        margin: 0 auto
    }

    .wpb_row.inner-banner>.row-bg-wrap,
    .wpb_row.home-banner>.row-bg-wrap {
        background: #000
    }

    .full-width-content .vc_col-sm-12 .hover-wrap-inner img {
        width: 100%
    }

    .home-banner .inner-wrap.row-bg-layer:after {
        background: url(/wp-content/uploads/2024/07/shadow-top.webp) top left / auto 700px no-repeat;
        width: 700px;
        height: 700px;
        right: 75%;
        left: auto
    }

    .home-banner .inner-wrap.row-bg-layer:before {
        background: url(/wp-content/uploads/2024/07/shadow-bot.webp) right bottom / auto 700px no-repeat;
        width: 700px;
        height: 700px
    }

    .team-middle .hover-wrap-inner>img {
        visibility: visible
    }

    .team-middle .wpb_row {
        margin-bottom: 0em !important
    }

    .team-middle .row-bg.using-image {
        background-image: none !important
    }

    .team-middle .row_col_wrap_12.col.span_12.dark.left {
        align-items: center
    }
}

@media only screen and (max-width:2000px) {
    .fullwidthelem {
        margin-left: -50vw;
        left: 50%;
        width: 100vw;
        margin-bottom: 0 !important
    }
}

@media only screen and (min-width:1000px) and (max-width:2000px) {

    .container,
    .material #search-outer #search,
    .nectar-recent-posts-slider .flickity-page-dots,
    .post-area.standard-minimal.full-width-content .post .inner-wrap,
    .woocommerce-tabs .full-width-content .tab-container,
    body[data-header-format="left-header"] .container {
        max-width: 100% !important
    }
}

@media only screen and (min-width:1601px) {
    :root {
        --heading1: 52px
    }

    .main-thead p {
        font-size: 40px !important;
        line-height: 50px !important;
        width: 95%
    }

    .ab-historydetails p {
        font-size: 18px;
        line-height: 28px
    }

    .service-inner li a:before {
        top: 10px
    }

    .seo-step-wrap .vc_col-sm-4 .vc_column-inner,
    .seo-step-wrap .vc_col-sm-6 .vc_column-inner {
        padding: 4em 2.5em
    }

    .pkc-inner p {
        width: calc(100% - 50px);
        margin-top: 3em
    }

    .ss-wrap .seo-step-wrap h3,
    .ss-wrap .seo-step-wrap h4 {
        font-size: 32px;
        line-height: 32px
    }

    .content-width {
        max-width: 1200px
    }

    .about-scroll-wrap ul li p {
        width: calc(100% - 30%)
    }

    .common-tab a.toggle-heading {
        padding: 30px 0
    }

    #header-outer #top nav>ul>li>a {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .pkc-wrap li.pkc-inner .slide-wrap {
        padding: 45px
    }

    .cs-involve li {
        font-size: 32px;
        margin-bottom: 30px;
        line-height: 42px !important
    }

    .bloginner figure {
        height: 450px
    }

    .cs-involve {
        padding: 90px
    }

    #header-outer #top nav>ul>li>a,
    #header-outer li>a .menu-title-text {
        font-size: var(--font-size)
    }

    .casestudies-itext figure {
        height: 550px
    }

    .foot-address .vc_col-sm-4 {
        padding: 15px 0
    }

    .tech-tab .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
        font-size: 24px
    }

    h3 {
        font-size: 40px;
        line-height: 50px
    }

    h4 {
        font-size: 26px
    }


    .foot-right a,
    .foot-right p {
        font-size: var(--font-size16);
        line-height: 26px
    }

    .before-footer li,
    .before-footer p {
        font-size: var(--font-size);
        line-height: 28px
    }

    .ib-text h1.sm-head,
    li,
    p {
        font-size: var(--font-size22);
        line-height: 32px
    }

    a.com-btn,
    a.header-btn {
        font-size: var(--font-size) !important
    }

    .hb-inner-text h1 {
        font-size: 100px;
        line-height: 100px
    }

    .container,
    .material #search-outer #search,
    .nectar-recent-posts-slider .flickity-page-dots,
    .post-area.standard-minimal.full-width-content .post .inner-wrap,
    .woocommerce-tabs .full-width-content .tab-container,
    body[data-header-format="left-header"] .container {
        max-width: 1600px;
        padding: 0 100px
    }
}

@media only screen and (max-width:1600px) {
    :root {
        --heading1: 41px;
        --font-size22: 20px;
        --font-size: 18px
    }

    .testimonial-wrapper ul.accordion-list p.clientrole {
        font-size: 18px !important;
        line-height: initial !important
    }

    .before-footer .foot-quicklink li,
    .before-footer ul li a {
        font-size: 13px;
        line-height: 16px
    }

    .before-footer ul li:before {
        top: 5px
    }

    .foot-quicklink ul li {
        padding-bottom: 7px
    }

    .seo-price-wrap>.vc_column-inner {
        margin: 0 40px
    }

    .seo-stepwrap .hover-wrap-inner:after {
        font-size: 26px;
        width: 120px;
        padding: 15px 10px
    }

    .seo-steps p {
        width: calc(100% - 20%) !important
    }

    .seo-pricing p {
        font-size: 28px;
        line-height: 38px
    }

    .seo-pricing {
        padding: 80px 75px
    }

    ul.seocs-wrap li p {
        font-size: 24px;
        line-height: 30px;
        padding-top: 2em
    }

    ul.seocs-wrap li span {
        font-size: 70px !important;
        line-height: 80px
    }

    .before-footer li,
    .before-footer p {
        font-size: 16px;
        line-height: 26px
    }

    .content-width {
        max-width: 960px
    }

    .service-logo-section .anim-logo p {
        width: 380px
    }

    .seo-fullelem .row_col_wrap_12_inner.span_12 {
        padding: 35px 0
    }

    .ourHistory {
        max-width: 850px !important
    }

    .ourHistory h3 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 10px !important
    }

    ul.historyList li {
        width: 300px
    }

    li.nectar-header-text-content-wrap a.oz-btn {
        font-size: var(--font-size16) !important
    }

    a.oz-btn span:after,
    a.oz-btn:after {
        width: 12px;
        height: 12px
    }

    a.oz-btn {
        font-size: 17px !important
    }

    .testimonial-wrapper ul.accordion-list li.main-list {
        padding: 2em 0
    }

    .seo-pricing ul li,
    .sm-heading h3,
    .sm-heading h4 {
        font-size: 25px
    }

    .common-tab .toggle-heading {
        font-size: 26px !important
    }

    .author-info span.st-subhead,
    .singletestimon span.wrap span.title {
        font-size: 18px
    }

    .author-info span.st-head,
    .singletestimon span.wrap span:first-child {
        font-size: 20px
    }

    .ib-text p {
        width: calc(100% - 60px)
    }

    .casestudy-inner .row_col_wrap_12.col.span_12.dark.left {
        height: 360px
    }

    .faq-tab div[data-style="default"] .toggle>.toggle-title a {
        font-size: 21px
    }

    .cw-small {
        max-width: 850px
    }

    .seo-traffic .nectar-milestone .number *,
    .smallheading h1 {
        font-size: 50px !important
    }

    .seo-traffic .nectar-milestone {
        padding-bottom: 4em
    }

    .cs-involve li {
        font-size: 24px;
        margin-bottom: 15px
    }

    .customMenu ul.submenu {
        height: 450px
    }

    li.menu-textlist ul li a,
    li.menu-textlist ul li a:before {
        font-size: 40px;
        line-height: 50px
    }

    .bloginner figure {
        height: 400px
    }

    .team_groups .text-area p {
        font-size: 32px;
        line-height: 42px
    }

    .svg-img img,
    img.svg-img,
    svg.svg-img {
        width: 165px !important
    }

    .container,
    .material #search-outer #search,
    .nectar-recent-posts-slider .flickity-page-dots,
    .overlap,
    .post-area.standard-minimal.full-width-content .post .inner-wrap,
    .woocommerce-tabs .full-width-content .tab-container,
    body[data-header-format="left-header"] .container {
        padding: 0 100px !important
    }

    .clientlogo-image,
    .clientlogo-image .cl-imageinner,
    .clientlogo-list {
        height: 120px
    }

    .tech-tab .hover-wrap-inner img {
        height: 80px !important;
        object-fit: cover
    }

    a.com-btn,
    a.header-btn {
        font-size: var(--font-size16) !important;
        line-height: calc(var(--font-size16) + 8px)
    }

    .service-inner-text .service-section {
        padding: 3em
    }

    .page-seo-offer .ib-text h2 {
        font-size: 68px !important;
        line-height: 78px !important
    }

    .seo-pricing ul li strong {
        font-size: var(--heading42)
    }

    .page-seo-offer .wpforms-container .wpforms-submit-container {
        width: 185px !important
    }

    .blog-title h1 {
        font-size: var(--blogheading1)
    }

    .service-section:before {
        height: 3rem;
        width: 3rem
    }

    .service-section:after {
        top: 2rem;
        right: 2rem;
        width: 15px;
        height: 15px;
        background-size: auto 15px
    }

    .clientlogo-image img {
        width: calc(100% - 15%) !important
    }

    .service-inner li {
        font-size: 20px;
        line-height: 30px
    }

    ul.buttons.sf-menu {
        padding-left: 0;
        margin-left: 0 !important
    }

    #header-outer #top nav>ul>li>a {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .foot-left li a img {
        width: 45px !important
    }

    div.wpforms-container-full .wpforms-field.wpforms-field-radio.budget-radio ul {
        gap: 10px;
        column-gap: 10px
    }
}

@media only screen and (max-width:1350px) {
    :root {
        --font-size16: 15px
    }

    ul.seo_lists.biglist li {
        width: 33.33%
    }

    .clientlogo-wrapper {
        padding-top: 45px
    }

    .ab-historydetails {
        max-width: 320px
    }

    #header-outer li>a .menu-title-text {
        font-size: var(--font-size16)
    }

    .container,
    .material #search-outer #search,
    .nectar-recent-posts-slider .flickity-page-dots,
    .post-area.standard-minimal.full-width-content .post .inner-wrap,
    .woocommerce-tabs .full-width-content .tab-container,
    body[data-header-format="left-header"] .container {
        padding: 0 55px !important;
        max-width: 100% !important
    }

    .overlap,
    header#top .container {
        padding: 0 55px !important
    }

    .expect-results h2,
    .team-middle h2 {
        font-size: 46px;
        line-height: 56px
    }

    .section-spacer,
    .single-case-studies .casestudies-wrapper {
        padding-top: 75px !important;
        padding-bottom: 75px !important
    }

    .section-spacer-top {
        padding-top: 75px !important
    }

    .section-spacer-bot {
        padding-bottom: 75px !important
    }

    .extra-bot,
    .extra-bot-40 {
        padding-bottom: 35px !important
    }

    .tech-tab {
        padding: 2.5em
    }

    .tabbed[data-style="vertical_modern"]>div {
        padding-left: 45px
    }

    ul.historyList li {
        padding: 1.5em
    }

    ul.historyList li p {
        padding-top: 1em
    }
}

@media only screen and (max-width:1220px) {
    :root {
        --font-size: 18px;
        --heading1: 36px;
        --blogheading1: 36px;
        --heading30: 26px;
        --heading42: 35px;
        --padding-vertical: 90px
    }

    body.page-seo-offer .ib-text h2 {
        font-size: var(--heading1) !important;
        line-height: calc(var(--heading1) + 10px) !important
    }

    .tteam-wrap {
        padding: 35px 25px !important
    }

    ul.seocs-wrap li span {
        font-size: 50px !important;
        line-height: 65px
    }

    .hb-right .wpb_wrapper .nectar-split-heading:nth-child(2) span {
        left: 0
    }

    ul.pkc-wrap.service-benefits {
        margin: 0;
        grid-template-columns: repeat(3, 1fr)
    }

    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 25px
    }

    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2 {
        width: 20%
    }

    .main-thead p {
        font-size: 28px !important;
        line-height: 38px !important
    }

    .testimonial-wrapper ul.accordion-list p.clientrole {
        font-size: 16px !important;
        line-height: initial !important
    }

    .img-overlap p {
        background: #fff;
        font-size: 12px !important;
        line-height: 24px !important;
        padding: 0 10px
    }

    .customMenu ul.submenu {
        height: 380px
    }

    #header-outer #top nav>ul>li>a {
        margin-left: 11px !important;
        margin-right: 11px !important
    }

    li.menu-textlist ul li a,
    li.menu-textlist ul li a:before {
        font-size: 32px;
        line-height: 42px
    }

    .seo-traffic .nectar-milestone .number *,
    .smallheading h1 {
        font-size: 42px !important;
        line-height: 42px !important
    }

    .tech-tab .tt-inner .img-with-aniamtion-wrap .inner {
        padding: 20px 0
    }

    .tech-tab .vc_col-sm-1\/5 {
        width: 30%
    }

    .ourHistory li[data-title="2008"] h3 img {
        height: 65px !important
    }

    .ourHistory li[data-title="2011"] h3 img {
        height: 35px !important
    }

    .ourHistory li h3 img {
        width: auto !important;
        height: 45px !important
    }

    .ourHistory {
        max-width: 700px !important
    }

    .ourHistory h3,
    h3 {
        font-size: 26px;
        line-height: 36px
    }

    ul.historyList li {
        width: 250px
    }

    .ourHistory p {
        font-size: 16px !important;
        line-height: 22px !important
    }

    .about-scroll-wrap ul li {
        padding: 25px
    }

    ul.bot-logo li img,
    ul.top-logo li img {
        max-width: 100% !important
    }

    .anim-logo li {
        width: 150px
    }

    body[data-ext-responsive="true"].single-post #page-header-bg[data-post-hs="default_minimal"] h1,
    body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .comment-list>li,
    body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area article,
    body[data-ext-responsive="true"].single-post .heading-title[data-header-style="default_minimal"] .entry-title,
    body[data-ext-responsive="true"].single-post.material #page-header-bg.fullscreen-header h1,
    body[data-ext-responsive="true"].single-post.material .comment-wrap #respond,
    body[data-ext-responsive="true"].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments {
        padding: 0 !important
    }

    .seo-pricing {
        padding: 55px
    }

    .seo-pricing ul li:first-child span:before {
        width: 100%
    }

    .seo-price-wrap>.vc_column-inner {
        margin: 0
    }

    body[data-button-style*="slightly_rounded"] .address-tab .tab-container button {
        padding: 12px 15px;
        font-size: 16px;
        column-gap: 10px
    }

    body[data-button-style*="slightly_rounded"] .address-tab .tab-container button:before {
        width: 11px;
        height: 11px;
        background-size: auto 11px
    }

    .bloginner-text h2,
    .bloginner-text h4 {
        width: calc(100% - 20px)
    }

    .bloginner figure {
        height: 350px
    }

    .categorytop span {
        font-size: 12px
    }

    .categorytop {
        display: flex;
        column-gap: 10px
    }

    .hb-inner-text h1 {
        font-size: 56px !important;
        line-height: calc(56px + 10px) !important
    }

    .svg-img img,
    img.svg-img,
    svg.svg-img {
        width: 150px !important
    }

    .seo-step-wrap .vc_col-sm-4 {
        width: 50%
    }

    .service-inner-text .service-section {
        padding: 2em
    }

    .hb-inner-text ul li {
        padding: 0 12px;
        font-size: 18px
    }

    .service-inner li {
        font-size: 18px;
        line-height: 28px
    }

    #header-outer .nectar-header-text-content,
    #header-outer[data-lhe="default"] #top nav>ul>li>a,
    body[data-header-search="false"][data-full-width-header="false"] #header-outer[data-lhe="animated_underline"][data-format="default"][data-cart="false"] .nectar-header-text-content {
        padding-left: 5px;
        padding-right: 5px
    }

    .ib-text h1.sm-head,
    .seo-traffic .nectar-milestone .subject,
    li,
    p {
        font-size: var(--font-size) !important;
        line-height: 25px !important
    }


    .foot-social .vc_col-sm-5 {
        width: 50% !important
    }

    .hb-inner-text img {
        margin-left: 0
    }

    .hb-inner-text .vc_column-inner {
        padding-left: 1em
    }

    a.oz-btn span {
        padding: 10px 35px 10px 15px
    }

    ul.pkc-wrap.service-benefits li {
        border: 1px solid #535353 !important
    }

    .home-banner .inner-wrap.row-bg-layer:before {
        display: block;
        position: absolute;
        content: "";
        background: url(/wp-content/uploads/2024/07/shadow-bot.webp) bottom right/cover no-repeat;
        width: 700px;
        height: 700px;
        right: 0;
        bottom: 0;
        transform: translate(50%, 50%) rotate(45deg)
    }
}

@media only screen and (max-width:1150px) {
    div#caseStudies {
        display: block
    }

    .seo-banner.inner-banner ul li {
        font-size: 16px !important;
        line-height: 22px !important
    }

    .casestudy-desktop .casestudies-list .casestudies-inner:nth-child(3),
    .casestudy-lenth3.caseStudies-mobile .casestudies-list:last-child,
    .project_detail_section ul {
        display: none
    }

    ul.pkc-wrap.service-benefits li.pkc-inner .slide-wrap {
        border: 1px solid #535353 !important
    }

    body ul.pkc-wrap.service-benefits li {
        border: none !important
    }

    ul.project-gallery-list {
        gap: 15px
    }

    .project_detail_section h2,
    .project_detail_section h4 {
        margin-bottom: 0 !important
    }

    .ib-text h1 strong,
    .sm-heading strong,
    h2 strong {
        display: inline
    }

    body .main-subhead p {
        font-size: 28px !important;
        line-height: 38px !important
    }

    .answer .vc_col-sm-3,
    .answer .vc_col-sm-4,
    .answer .vc_col-sm-5,
    .question .vc_col-sm-3,
    .question .vc_col-sm-4,
    .question .vc_col-sm-5 {
        width: 100%
    }

    .testimonial-wrapper .service-header {
        padding-left: 75px
    }

    .active .answer {
        padding-top: 25px
    }

    .testimonial-wrapper .answer .main-thead,
    .testimonial-wrapper .answer p.smallpara {
        margin-top: 15px
    }

    .testimonial-wrapper .service-mobile {
        display: block;
        padding: 10px 0 0;
        margin-bottom: 10px
    }

    #header-outer #top nav,
    #header-outer .slide-out-widget-area-toggle .lines,
    #header-outer .slide-out-widget-area-toggle .lines-button,
    #header-outer .slide-out-widget-area-toggle .lines:after,
    #header-outer .slide-out-widget-area-toggle .lines:before,
    #search-outer .close-wrap,
    #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li.menu-item-has-children>a:after,
    .nectar-close-btn .close-wrap,
    .nectar-header-text-content.mobile-only,
    .question .vc_col-sm-4,
    .question .vc_col-sm-5,
    .slide-out-widget-area-toggle a .close-wrap,
    .slide_out_area_close .close-wrap,
    .style_slide_in_click .close-cart .close-wrap {
        display: none !important
    }

    .testimonial-wrapper .client-logo {
        transform: translate(0, 0) !important;
        opacity: 1 !important;
        transition: 0.5s cubic-bezier(.165, .84, .44, 1)
    }

    li.active .answer {
        transform: translateY(0) !important
    }

    .testimonial-wrapper .service-header:before {
        left: 0
    }

    .cs-involve {
        padding: 40px
    }

    #top .span_9>.slide-out-widget-area-toggle {
        display: flex;
        align-items: center
    }

    #header-outer #logo,
    #header-outer .logo-clone,
    #header-outer .logo-spacing {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        position: relative
    }

    .before-footer p {
        font-size: 16px
    }

    .before-footer h4 {
        margin-bottom: 10px !important
    }

    .caseStudies-mobile {
        display: block !important
    }

    .casestudies-itext figure {
        height: 350px
    }

    .team_groups .text-area p {
        font-size: 26px;
        line-height: 36px
    }

    .footer-spacer,
    .section-spacer,
    .single-case-studies .casestudies-wrapper {
        padding-top: 55px !important;
        padding-bottom: 55px !important
    }

    .section-spacer-top {
        padding-top: 55px !important
    }

    .section-spacer-bot {
        padding-bottom: 55px !important
    }

    .cs-content h2,
    .cs-content h4 {
        font-size: 24px !important
    }

    .mobile-icon a.using-label.menu-push-out {
        display: flex;
        align-items: center;
        column-gap: 5px
    }

    #top .span_9>.slide-out-widget-area-toggle a.using-label {
        display: flex;
        align-items: center;
        column-gap: 8px;
        overflow: hidden
    }

    #top .span_9>.slide-out-widget-area-toggle a.using-label .label {
        order: 2;
        margin-right: 0 !important;
        font-size: 16px;
        line-height: initial;
        position: relative;
        transform: translate3d(0, 0, 0);
        display: inline-block;
        transition: 0.3s
    }

    .slide-out-widget-area-toggle.mobile-icon a>span {
        order: 1;
        height: auto;
        width: auto !important
    }

    #top .slide-out-widget-area-toggle a span:before {
        position: relative;
        content: "";
        background: url(/wp-content/uploads/2024/06/Menu-icon.svg) center/auto 13px no-repeat;
        width: 13px;
        height: 13px;
        left: 0;
        top: 0;
        display: block;
        transform: rotate(0);
        transition: 0.3s
    }

    #top .span_9>.slide-out-widget-area-toggle a.using-label.open span:before {
        transform: rotate(-45deg);
        transition: 0.3s
    }

    body #slide-out-widget-area.fullscreen-split .inner>.container {
        left: 0;
        margin: inherit;
        padding-top: 40px;
        background: #000;
        display: block !important
    }

    #slide-out-widget-area.fullscreen-split .left-side,
    #slide-out-widget-area.fullscreen-split .right-side {
        width: 100% !important;
        display: block !important;
        padding: 0 !important
    }

    #top .span_9>.slide-out-widget-area-toggle a.using-label.open .label {
        transform: translate3d(0, -105%, 0);
        transition: 0.3s
    }

    #top .span_9>.slide-out-widget-area-toggle a.using-label.open .label:after {
        bottom: -105%;
        opacity: 1;
        transition: 0.3s
    }

    #top .span_9>.slide-out-widget-area-toggle a.using-label .label:after {
        position: absolute;
        content: "Close";
        width: 100%;
        height: 100%;
        left: 0;
        bottom: -105%;
        opacity: 0;
        z-index: 9;
        color: #fff;
        transition: 0.3s
    }

    #header-outer[data-permanent-transparent="false"] #logo .dark-version,
    body #top #logo img {
        height: auto !important
    }

    body #header-outer {
        margin-bottom: 0;
        padding: 0 !important
    }

    header#top {
        padding: 20px 0 !important
    }

    .mobile-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0 !important;
        padding: 20px 0;
        border-top: 2px solid rgb(255 255 255 / .2)
    }

    #slide-out-widget-area-bg.open,
    .fullscreen-split.dark.open {
        background: url(/wp-content/uploads/2024/07/Rectangle-5571.webp) 0 0 / cover #000 !important;
        opacity: 1 !important
    }

    #slide-out-widget-area-bg.fullscreen,
    #slide-out-widget-area-bg.fullscreen-alt .bg-inner,
    #slide-out-widget-area-bg.fullscreen-inline-images .nectar-ocm-image-wrap-outer,
    #slide-out-widget-area-bg.fullscreen-split,
    #slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen),
    body.material #slide-out-widget-area-bg.slide-out-from-right {
        background-color: transparent !important
    }

    .mobile-contact p {
        font-family: HelveticaNowDisplay, sans-serif !important;
        font-weight: 500 !important;
        color: #fff
    }

    #slide-out-widget-area.fullscreen-split .left-side {
        height: calc(90vh - 240px) !important;
        overflow-x: hidden;
        overflow-y: scroll
    }

    div#slide-out-widget-area:before {
        position: absolute;
        content: "";
        background: url(/wp-content/uploads/2024/06/mobile-shape-icon.svg) right -15% center/auto 55% no-repeat;
        width: 100%;
        height: 100%;
        top: 50%;
        transform: translate(0, -50%);
        opacity: .05
    }

    #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a {
        font-size: var(--heading42);
        line-height: calc(var(--heading42) + 10px)
    }

    #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li.menu-item-has-children>a:before {
        position: absolute;
        content: "";
        background: url(/wp-content/uploads/2024/06/map-icon.svg) 0 0 / auto 10px no-repeat;
        width: 13px;
        height: 13px;
        right: -25px;
        top: 50%;
        filter: brightness(0) invert(1);
        opacity: .4;
        transform: rotate(90deg);
        transition: 0.3s
    }

    #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li.menu-item-has-children.open-submenu>a:before {
        transform: rotate(0);
        opacity: 1;
        transition: 0.3s
    }

    #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li.menu-item-has-children>a {
        position: relative
    }
}

@media only screen and (max-width:1100px) {
    :root {
        --heading28: 24px;
        --heading42: 26px
    }

    ul.bot-logo li img,
    ul.top-logo li img {
        max-width: 100% !important
    }

    .anim-logo li {
        width: 135px
    }

    .hb-inner-text h1 {
        font-size: 46px !important;
        line-height: calc(46px + 10px) !important
    }

    .hb-inner-text ul {
        margin-top: 15px
    }

    .hb-inner-text ul li {
        padding: 0 10px !important;
        font-size: 14px !important
    }

    .hb-inner-text .vc_column-inner {
        padding-left: 0
    }

    .hb-inner-text ul li:first-child {
        padding-left: 0 !important
    }

    .seo-pricing ul li {
        padding: 20px
    }

    ul.pkc-wrap.service-benefits,
    ul.pkc-wrap.service-benefits.listlength-3,
    ul.pkc-wrap.service-benefits.listlength-5,
    ul.pkc-wrap.service-benefits.listlength-6 {
        grid-template-columns: repeat(2, 1fr)
    }

    .seo-step-wrap .vc_col-sm-4 .vc_column-inner,
    .seo-step-wrap .vc_col-sm-6 .vc_column-inner {
        padding: 3em 2em
    }

    .seo-price-wrap>.vc_column-inner {
        padding: 25px;
        border-radius: 90px
    }

    .seo-pricing {
        padding: 25px
    }

    .seo-pricing ul {
        column-gap: 1.5em;
        max-width: 100%
    }

    .seo-lpform .footer-form {
        margin: 0 !important
    }

    #header-outer[data-permanent-transparent="false"] #logo .dark-version,
    body #top #logo img {
        height: auto !important
    }

    .es-head h2 {
        margin-bottom: 15px
    }

    p {
        padding-bottom: 15px
    }

    ul.buttons.sf-menu {
        padding-left: 0;
        margin-right: 25px !important
    }
}

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

    .ourHistory li h3 img,
    .ourHistory li[data-title="2008"] h3 img {
        height: 45px !important
    }

    span.focused,
    ul.historyList li {
        position: relative
    }

    .testimonial-wrapper ul.accordion-list li.main-list {
        padding: 1.5em 0
    }

    .tteam-wrap .vc_col-sm-6 {
        border-right: none;
        border-bottom: 3px solid #f3f1e6;
        padding: 30px 0
    }

    .home-banner .inner-wrap.row-bg-layer:after,
    .home-banner .inner-wrap.row-bg-layer:before {
        display: none
    }

    .imgheight img,
    p.smallpara {
        height: auto !important
    }

    .flex-center .wpb_text_column.wpb_content_element,
    .flex-end .wpb_text_column.wpb_content_element,
    .flex-end>.wpb_wrapper,
    .team-middle .flex-center .vc_column-inner .wpb_wrapper {
        display: flex;
        justify-content: flex-start
    }

    .ab-history .divider-wrap,
    .cs-content ul,
    .hide-col,
    .ourHistory img,
    .question .vc_col-sm-4,
    .question .vc_col-sm-5,
    .team-middle .hover-wrap-inner>img,
    .tech-tab .ui-tabs-nav li.tab-item.active-tab:before,
    span.focused:before,
    span.vis-hidden {
        display: none !important
    }

    .casestudywwd-background {
        height: 500px !important
    }

    .home-banner .vc_col-sm-6,
    ul.seo_lists li {
        width: 50% !important
    }

    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2 {
        width: 33.33%
    }

    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:nth-child(3),
    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:nth-child(4) {
        justify-content: flex-start
    }

    .common-tab .inner-toggle-wrap .vc_col-sm-4,
    .home-client-logo .vc_col-sm-2 {
        margin: 0 !important
    }

    .seo-traffic .nectar-milestone {
        padding-bottom: 2em
    }

    #top .span_9>.slide-out-widget-area-toggle,
    .tech-tab .wpb_wrapper.tabbed {
        display: block
    }

    .ourHistory li h3 img {
        display: block !important;
        width: auto !important
    }

    .ourHistory li[data-title="2011"] h3 img {
        height: 35px !important
    }

    .ourHistory {
        max-width: initial !important
    }

    .ab-historydetails {
        max-width: 90%;
        text-align: center;
        margin: 0 auto;
        padding-top: 2em
    }

    ul.historyList .slick-slide:before {
        position: absolute;
        content: "";
        background: url(/wp-content/uploads/2024/07/Polygon.svg) 0 0 / auto 20px no-repeat;
        width: 32px;
        height: 26px;
        left: -20px;
        top: 50%;
        transform: translate(0, -50%)
    }

    .slick-list {
        overflow: visible !important
    }

    ul.historyList .slick-slide {
        margin: 0 15px
    }

    .home-banner .vc_col-sm-1 {
        width: 8.33333333%
    }

    .home-banner .vc_col-sm-5 {
        width: 41.66666667%
    }

    .hb-inner-text .wpb_wrapper>div,
    .seo-step-wrap .vc_col-sm-4,
    .seo-step-wrap .vc_col-sm-6 {
        margin-top: 0
    }

    .team-middle .overlap {
        position: relative;
        top: 0;
        transform: translate(0, 0)
    }

    .team-middle {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .seo-fullelem .row_col_wrap_12_inner.span_12 {
        padding: 25px 0;
        border-top: 1px solid #c1bfb4
    }

    .inner-banner .row_col_wrap_12_inner.col.span_12.left {
        padding-bottom: 20px
    }

    .mb-0,
    .page-template-service_pagetemplate .vc_col-sm-1 {
        margin-bottom: 0 !important
    }

    .content-width {
        max-width: 100%;
        padding: 0
    }

    .seo-rating .content-width {
        padding: 0 15px
    }

    .wp-gr .wp-google-rating {
        font-size: 15px !important
    }

    .wp-gr .wp-google-powered {
        font-size: 13px !important;
        margin: 0 !important
    }

    .wp-gr .wp-google-place .wp-star svg {
        width: 15px !important;
        height: 15px !important;
        vertical-align: middle !important
    }

    .wp-google-place:before {
        width: 35px;
        height: 35px;
        background-size: auto 35px
    }

    .mb10 {
        margin-bottom: 10px !important
    }

    .team-middle .vc_col-sm-5 {
        width: 30% !important;
        margin: 0
    }

    .team-middle .vc_col-sm-7 {
        width: 70% !important
    }

    .team_groups img {
        aspect-ratio: 2
    }

    .overlap .vc_col-sm-4 {
        width: 33.33333333% !important
    }

    .overlap .vc_col-sm-8 {
        width: 66.66666667% !important
    }

    .foot-social .vc_col-sm-5 {
        width: 100% !important
    }

    .before-footer .flex-center,
    .before-footer .flex-end {
        border-left: none;
        border-top: 2px solid #ececec;
        padding-top: 20px
    }

    body .before-footer .full-width-section>.col.span_12 {
        padding-left: 20px;
        padding-right: 20px
    }

    .container,
    .material #search-outer #search,
    .nectar-recent-posts-slider .flickity-page-dots,
    .post-area.standard-minimal.full-width-content .post .inner-wrap,
    .woocommerce-tabs .full-width-content .tab-container,
    body[data-header-format="left-header"] .container {
        padding: 0 30px !important;
        max-width: 100% !important
    }

    header#top .container {
        padding: 0 30px !important
    }

    .answer .vc_col-sm-3,
    .answer .vc_col-sm-4,
    .answer .vc_col-sm-5,
    .question .vc_col-sm-3,
    .question .vc_col-sm-4,
    .question .vc_col-sm-5 {
        width: 100%
    }

    span.focused:before {
        height: 20px
    }

    div#clientlogo .clientlogo-list:nth-child(4),
    div#clientlogo .clientlogo-list:nth-child(5),
    div#clientlogo .clientlogo-list:nth-child(6) {
        border-top: none
    }

    #clientlogo {
        grid-template-columns: repeat(3, 1fr)
    }

    .clientlogo-image img {
        width: calc(100% - 35%) !important
    }

    .ib-text h1 strong,
    .sm-heading strong,
    .text-cen strong,
    h2 strong {
        display: inline !important
    }

    span.focused {
        display: inline
    }

    .clientlogo-wrapper {
        padding-top: 25px
    }

    .testimonial-wrapper .service-header {
        padding-left: 75px
    }

    .testimonial-wrapper .service-header:before {
        left: 0
    }

    li.active .answer {
        transform: translateY(0) !important;
        opacity: 1;
        padding: 30px 0
    }

    .testimonial-wrapper h2.client-content {
        font-size: 26px;
        line-height: 36px;
        padding-right: 0
    }

    .testimonial-wrapper .client-logo {
        transform: translate(0, 0) !important;
        opacity: 1 !important;
        transition: 0.5s cubic-bezier(.165, .84, .44, 1);
        padding-bottom: 10px
    }

    .testimonial-wrapper .service-mobile {
        display: block;
        padding: 10px 0 0
    }

    .testimonial-wrapper ul.custom-product-fea.listing-elem p {
        margin-bottom: 5px
    }

    .svg-img img,
    img.svg-img,
    svg.svg-img {
        width: 100px !important;
        height: auto !important
    }

    .expect-results h2,
    .team-middle h2 {
        font-size: 38px;
        line-height: 48px
    }

    .tech-tab .tabbed[data-style="vertical_modern"]>div {
        padding-left: 0;
        width: 100% !important
    }

    .tech-tab .vc_col-sm-1\/5 {
        width: 30% !important
    }

    .tech-tab .tabbed[data-style*="vertical"] .wpb_tabs_nav {
        border-left: none;
        text-align: left;
        display: flex;
        overflow: scroll;
        max-width: 100%;
        padding-bottom: 10px
    }

    .tabbed[data-style*="vertical"] .wpb_tabs_nav li {
        font-size: 16px;
        white-space: nowrap !important
    }

    body .tech-tab .tabbed[data-style*="vertical"] .wpb_tabs_nav li {
        white-space: nowrap;
        padding-left: 0;
        padding-right: 10px;
        margin-bottom: 0
    }

    body .tech-tab .tabbed[data-style*="vertical"] .wpb_tabs_nav li:first-child {
        padding-left: 0
    }

    body .tech-tab .tabbed[data-style*="vertical"] .wpb_tabs_nav {
        margin-bottom: 15px !important
    }

    .hb-inner-text ul li {
        padding: 0 12px;
        font-size: 15px
    }

    .hb-inner-text h1 {
        font-size: var(--heading42);
        line-height: calc(var(--heading42) + 10px)
    }

    .common-tab .toggle>.toggle-title a i {
        width: 35px !important
    }

    .common-tab .vc_col-sm-8 {
        width: calc(100% - 50px)
    }
}

@media only screen and (max-width:900px) {
    :root {
        --padding-vertical: 25px
    }

    .anim-logo li {
        width: 155px;
        margin: 0 1%
    }

    .service-logo-section .anim-logo p {
        position: relative;
        top: 0;
        transform: none;
        opacity: 1;
        padding: 20px 0 !important
    }

    ul.bot-logo,
    ul.top-logo {
        display: block
    }

    ul.bot-logo li,
    ul.top-logo li {
        display: inline-block;
        transform: none !important
    }

    ul.bot-logo li img,
    ul.top-logo li img {
        max-width: 100% !important;
        margin: 0 !important
    }

    .service-logo-section {
        margin-top: 0 !important;
        padding-bottom: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .partner-logo>.vc_column-inner>.wpb_wrapper {
        display: flex
    }

    .partner-logo.border-img .hover-wrap {
        padding: 20px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .casestudies-inner,
    .team-middle .vc_col-sm-5,
    .team-middle .vc_col-sm-7 {
        width: 100% !important
    }

    :root {
        --heading1: 32px;
        --blogheading1: 32px;
        --heading30: 22px
    }

    .seo-banner.inner-banner ul {
        display: block !important;
        flex-wrap: wrap;
        position: relative !important;
        margin-left: -50vw;
        left: 50%;
        width: 100vw;
        padding: 0 30px 30px;
        background: #000
    }

    .inner-banner ul li img {
        margin: initial;
        width: 50px !important;
        object-fit: contain
    }

    .seo-banner.inner-banner .ib-text .vc_col-sm-6 {
        margin: 0 !important
    }

    .seo-banner.inner-banner ul li {
        display: flex;
        text-align: left !important;
        justify-content: flex-start;
        align-items: center;
        column-gap: 20px
    }

    .casestudies-itext figure {
        height: auto
    }

    .casestudy-desktop .casestudies-list .casestudies-inner:nth-child(3),
    .casestudy-lenth3.caseStudies-mobile .casestudies-list:last-child,
    .seo-form div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row,
    .seo-lpform div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row {
        display: block
    }

    body.page-thank-you .ib-main-head {
        padding-top: 25px
    }

    body.page-thank-you .ib-main-head h1,
    body.page-thank-you .ib-main-head p {
        color: #fff !important
    }

    .casestudies-inner {
        display: block;
        margin-bottom: 30px
    }

    .address-tab .tab-container h4,
    .address-tab .tab-container p,
    .team-middle {
        margin-bottom: 0 !important
    }

    .casestudies-list {
        display: block;
        height: auto !important
    }

    body .team-elem a.oz-btn.whitetxt {
        display: inline-block !important
    }

    body.page-contact .black-link h3 {
        font-size: 26px !important;
        line-height: 36px !important
    }

    .team-elem .overlap .vc_col-sm-4:last-child,
    body .team-middle .overlap .vc_col-sm-7 {
        display: block !important;
        padding-bottom: 45px !important;
        padding-top: 20px !important
    }

    .team-elem .overlap .vc_col-sm-4,
    .team-middle .overlap .vc_col-sm-5,
    .team-middle .overlap .vc_col-sm-7 {
        display: none !important;
        width: 100% !important;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px
    }

    .team-middle {
        margin-left: -50vw;
        left: 50%;
        width: 100vw
    }

    .sitemapwrap {
        padding-top: 25px !important;
        margin-top: 30px !important
    }

    ul.seocs-wrap li span {
        font-size: 42px !important;
        line-height: 62px
    }

    .desk-mob-img>.vc_column-inner {
        padding: 40px
    }

    .foot-quicklink ul {
        padding: 10px 0 0
    }

    .foot-quicklink h5 {
        margin: 0;
        font-size: 20px !important;
        padding-bottom: 20px !important;
        position: relative
    }

    .foot-quicklink h5:before {
        position: absolute;
        content: "";
        background: url(/wp-content/uploads/2024/07/faq-after.svg) 0 0 / auto 20px;
        width: 20px;
        height: 20px;
        right: 0;
        top: 50%;
        transform: translate(0, -50%)
    }

    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2 {
        width: 100%;
        margin-bottom: 16px !important;
        padding-bottom: 16px !important;
        border-bottom: 1px solid rgb(255 255 255 / .3);
        display: block !important
    }

    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:last-child {
        margin: 0 !important;
        border: none
    }

    .casestudy-inner .vc_col-sm-5,
    .es-head h2 {
        margin-bottom: 15px
    }

    .seo-traffic .nectar-milestone .number *,
    .smallheading h1 {
        font-size: 36px !important;
        line-height: 36px !important
    }

    body.single .post .wpb_text_column h2,
    body.single .post .wpb_text_column h3,
    body.single .post .wpb_text_column h4 {
        margin-bottom: 15px;
        font-size: 25px !important;
        line-height: 35px !important
    }

    .about-scroll-wrap ul li img {
        height: 40px !important;
        margin-bottom: 1.2em !important
    }

    .about-scroll-wrap ul li p,
    .ib-text p,
    .seo-form div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50,
    .seo-lpform div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-33 {
        width: 100%
    }

    .about-scroll-wrap ul li h4 {
        font-size: 21px;
        line-height: 31px
    }

    .post-navi {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        margin-top: 2em;
        margin-bottom: 2em;
        gap: 15px
    }

    .blogind-inner {
        font-size: 16px
    }

    .smhead h4 {
        font-size: 20px;
        line-height: 25px
    }

    .seo-steps {
        padding-top: 3em
    }

    .seo-stepwrap .section-spacer {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .seo-rating .content-width {
        padding: 0 30px
    }

    .contact-form.wpforms-container .wpforms-submit-container,
    .seo-lpform .wpforms-container .wpforms-submit-container {
        position: relative;
        bottom: 0;
        right: 0
    }

    .address-tab .toggle>.toggle-title a {
        padding: 15px 0 25px
    }

    .address-tab .tab-container {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 10px
    }

    .contact-form .wpforms-field.wpforms-field-radio {
        padding-bottom: 20px
    }

    ul.project-gallery-list {
        padding-top: 3em;
        grid-template-columns: repeat(1, 1fr)
    }

    ul.project-gallery-filter {
        justify-content: flex-start;
        column-gap: 10px;
        padding-bottom: 3em;
        overflow: scroll;
        width: 100%
    }

    .blogindex-wrapper ul.bloginner {
        grid-template-columns: repeat(1, 1fr);
        gap: 0
    }

    .bloginner-text h2,
    .bloginner-text h4 {
        width: 100%;
        -webkit-line-clamp: initial
    }

    .mb15 {
        margin-bottom: 15px !important
    }

    .inner-banner>.row-bg-wrap {
        height: 450px;
        position: relative
    }

    .seo-lpform .budget-radio {
        padding-bottom: 25px
    }

    .common-tab .toggle-heading {
        font-size: 22px !important
    }

    .inner-banner .row_col_wrap_12.col.span_12.dark.left {
        background: #000 !important
    }

    .ib-text * {
        text-align: center
    }

    .ib-text .wpb_wrapper>p:nth-child(3) {
        margin-top: 0
    }

    .inner-banner .row_col_wrap_12.col.span_12.dark.left:before {
        margin-left: -50vw;
        left: 50%;
        width: 100vw;
        position: absolute;
        content: "";
        background: #000 !important;
        top: 0;
        visibility: visible;
        display: block;
        height: 100%
    }

    .inner-banner .inner-wrap.row-bg-layer.using-image:before {
        width: 100%;
        height: 150px;
        background-image: linear-gradient(to top, #000, #fff0), linear-gradient(to top, #000, #fff0), linear-gradient(to top, #000, #fff0);
        z-index: 99
    }

    .wpb_row.vc_row-o-full-height.top-level.inner-banner>.col.span_12 {
        align-content: flex-end
    }

    .wpb_row.vc_row-o-full-height.top-level.inner-banner,
    .wpb_row.vc_row-o-full-height.top-level.inner-banner>.col.span_12 {
        min-height: auto !important
    }

    p {
        padding-bottom: 15px
    }

    .alignedleft * {
        text-align: left
    }

    .cs-involve {
        padding: 30px
    }

    .seo-stepwrap {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    body .team-middle {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .team-middle .hover-wrap-inner>img {
        display: block !important;
        visibility: visible !important;
        object-position: center
    }

    .team-middle .row-bg.viewport-desktop.using-image.using-bg-color {
        background-image: none !important
    }

    .team-middle .vc_col-sm-7 {
        text-align: center;
        padding: 0 30px !important
    }

    .team-middle ul.team-ellipse {
        display: none !important
    }
}

@media only screen and (max-width:690px) {
    :root {
        --font-size: 17px;
        --heading1: 26px;
        --blogheading1: 26px;
        --font-size22: 16px
    }

    .greview-img img {
        width: 200px !important;
        margin: 0 auto;
        padding-top: 0
    }

    .footer-flex,
    .teammem-wrap .wpb_wrapper {
        display: block
    }

    .tteam-wrap {
        padding: 10px 25px !important
    }

    .common-tab .vc_col-sm-8,
    .home-banner .vc_col-sm-5,
    .home-banner .vc_col-sm-6,
    .seo-step-wrap .vc_col-sm-4,
    .service-logo-section .anim-logo p {
        width: 100%
    }

    body .toggle[data-inner-wrap="true"]>div .inner-toggle-wrap {
        padding: 0
    }

    .accordion-list .wpb_column:not([class*="vc_col-xs"]),
    .casestudies-inner {
        margin-bottom: 0
    }

    .seo-rating .content-width {
        padding: 0 20px
    }

    .home-banner .vc_col-sm-6,
    ul.seo_lists li {
        width: 100% !important
    }

    .inner-banner .inner-wrap.row-bg-layer.using-image:before {
        width: 100%;
        height: 200px;
        background-image: linear-gradient(to top, #000, #fff0);
        z-index: 99
    }

    .home-client-logo {
        padding-top: 10px
    }

    .home-client-logo .vc_col-sm-2 img,
    .tech-tab .hover-wrap-inner img {
        height: auto !important
    }

    .tech-tab .tt-inner .img-with-aniamtion-wrap .inner {
        padding: 15px 0
    }

    .main-thead p {
        font-size: 25px !important;
        line-height: 35px !important
    }

    body .before-footer .full-width-section>.col.span_12 {
        padding-left: 15px;
        padding-right: 15px
    }

    .desk-mob-img>.vc_column-inner {
        padding: 30px
    }

    .desk-mob-img .desktop-mobile .deskmob-img1 {
        opacity: 0 !important;
        display: none !important
    }

    .desk-mob-img .desktop-mobile .deskmob-img2 {
        opacity: 1 !important;
        position: relative
    }

    .desk-mob-img .desktop-mobile {
        border: 10px solid rgb(0 0 0 / .2);
        width: 100% !important;
        height: auto !important
    }

    .adjustwwd-height,
    .casestudywwd-background {
        height: 400px !important
    }

    .about-scroll-wrap .slick-slide,
    .cs-slick.slick-container .slick-slide {
        margin: 0 7px
    }

    .singletestimon {
        padding: 4em 30px !important
    }

    .comteam .slick-slide img {
        border-radius: 10px;
        margin-bottom: 10px
    }

    .comteam .slick-slide {
        margin: 0 4px
    }

    .service-section:after {
        top: 27px;
        right: 27px;
        width: 10px;
        height: 10px;
        background-size: auto 10px
    }

    .home-banner.wpb_row.vc_row-o-full-height.top-level,
    .home-banner.wpb_row.vc_row-o-full-height.top-level>.col.span_12 {
        min-height: initial
    }

    .ab-historydetails {
        text-align: center;
        max-width: 100%;
        padding: 2em 35px 0;
        margin: 0 auto
    }

    .service-section:before {
        height: 2rem;
        width: 2rem
    }

    .hb-inner-text h1 {
        font-size: 45px !important;
        line-height: calc(45px + 10px) !important;
        margin: 0
    }

    .home-banner .inner-wrap.row-bg-layer:after,
    .home-banner .vc_col-sm-1 {
        display: none !important
    }

    ul.pkc-wrap.service-benefits,
    ul.pkc-wrap.service-benefits.listlength-3,
    ul.pkc-wrap.service-benefits.listlength-5,
    ul.pkc-wrap.service-benefits.listlength-6 {
        grid-template-columns: repeat(1, 1fr)
    }

    .blogind-inner {
        flex-direction: column;
        text-align: center;
        gap: 6px
    }

    .featuredimg .hover-wrap-inner {
        height: 250px !important
    }

    .seo-pricing ul {
        flex-direction: column;
        gap: 15px
    }

    .seo-pricing {
        padding: 17px;
        border-radius: 20px
    }

    .seo-pricing ul li {
        padding: 13px;
        border-radius: 30px
    }

    .normal-radio legend.wpforms-field-label {
        margin-bottom: 20px !important;
        float: none
    }

    .seo-price-wrap>.vc_column-inner {
        padding: 15px;
        border-radius: 25px
    }

    .bloginner figure {
        height: 250px
    }

    .cs-content h2,
    .cs-content h4,
    .project_detail_section h2,
    .project_detail_section h4 {
        font-size: 20px !important;
        line-height: 26px !important
    }

    ul.bloginner li a {
        position: relative
    }

    span.readtime-list {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .blogind-inner span.readtime-list {
        position: relative;
        top: 0;
        right: 0
    }

    li.active .answer {
        padding: 20px 0 15px
    }

    .faq-tab div[data-style="default"] .toggle>.toggle-title a {
        font-size: 20px;
        line-height: 30px !important;
        padding: 20px 0 !important;
        width: calc(100% - 50px)
    }

    .faq-tab a.toggle-heading:after,
    li.main-list .wpb_row:after {
        width: 13px;
        height: 13px;
        background-size: auto 13px
    }

    .testimonial-wrapper .client-logo img {
        width: 145px !important
    }

    .testimonial-wrapper ul.accordion-list p.clientname,
    .testimonial-wrapper ul.accordion-list p.clientrole {
        font-size: 18px !important
    }

    .testimonial-wrapper .service-header:before {
        width: 45px;
        height: 45px;
        background-size: auto 45px
    }

    .testimonial-wrapper .service-header {
        padding-left: 60px
    }

    .testimonial-wrapper h2.client-content {
        font-size: 26px !important;
        line-height: 32px !important
    }

    .team-middle a.oz-btn {
        margin-top: 15px
    }

    a.oz-btn {
        font-size: 15px !important
    }

    #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a {
        font-size: 32px;
        line-height: 42px
    }

    .mobile-bottom {
        padding: 10px 0;
        display: block
    }

    .about-wrap .wpb_column:not([class*="vc_col-xs"]),
    .mobile-bottom .mobile-contact {
        margin-bottom: 15px
    }

    .mobile-bottom .mobile-btn {
        display: inline-block;
        padding-top: 20px;
    }

    #slide-out-widget-area.fullscreen-split .left-side {
        height: calc(90vh - 240px);
        max-height: 400px
    }

    .home-banner .hb-left {
        padding: 20px 0 0
    }

    .hb-left img {
        margin: 0 auto
    }

    .hb-inner-text ul li {
        font-size: 12px !important
    }

    .clientlogo-image img {
        width: calc(100% - 10%) !important
    }

    .hb-inner-text .hb-left .vc_column-inner {
        padding-left: 0
    }

    .hb-inner-text ul {
        margin-top: 0
    }

    .home-banner .hb-right {
        padding: 20px 0
    }

    .cs-content h2,
    .cs-content h4 {
        margin: 10px 0
    }

    .tech-tab {
        padding: 1.5em
    }

    div.wpforms-container-full .wpforms-field.wpforms-field-radio.budget-radio ul li input+label {
        padding: 5px 12px;
        font-size: 13px;
        transition: 0.3s
    }

    .expect-results h2,
    .team-middle h2 {
        font-size: 23px !important;
        line-height: 27px !important
    }

    .svg-img img,
    img.svg-img,
    svg.svg-img {
        width: 100px !important;
        height: auto !important
    }

    .cs-content ul li {
        padding: 0 11px
    }

    .footer-spacer-20 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .clientlogo-wrapper,
    .footer-flex .foot-right {
        padding-top: 15px
    }

    .before-footer h4 {
        font-size: 21px
    }

    .wpforms-container textarea.wpforms-field-large {
        height: 115px !important
    }

    .tech-tab .vc_col-sm-1\/5 {
        width: 33.33% !important
    }

    #clientlogo {
        grid-template-columns: repeat(2, 1fr)
    }

    .container,
    .material #search-outer #search,
    .nectar-recent-posts-slider .flickity-page-dots,
    .post-area.standard-minimal.full-width-content .post .inner-wrap,
    .woocommerce-tabs .full-width-content .tab-container,
    body[data-header-format="left-header"] .container {
        padding: 0 30px !important;
        max-width: 100% !important
    }

    .overlap,
    header#top .container {
        padding: 0 30px !important
    }

    .casestudies-list {
        display: block;
        height: auto !important
    }

    .casestudies-itext figure {
        height: auto
    }

    .casestudies-inner .cs-content {
        transform: translateY(0) !important;
        margin-bottom: 20px
    }

    .casestudies-inner .cs-content ul {
        transform: translateY(0) !important;
        opacity: 1 !important
    }

    .cs-content ul {
        height: auto !important;
        margin-bottom: 30px;
        display: none
    }

    .extra-bot,
    .extra-bot-40 {
        padding-bottom: 15px !important
    }

    .seo-rating>.vc_column-inner {
        padding-bottom: 40px
    }

    .footer-spacer,
    .section-spacer,
    .single-case-studies .casestudies-wrapper {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .section-spacer-top {
        padding-top: 40px !important
    }

    .section-spacer-bot {
        padding-bottom: 40px !important
    }

    .before-footer h3 {
        font-size: 22px !important;
        line-height: 32px;
        margin: 0 !important
    }

    .ib-text h1.sm-head,
    li,
    p {
        font-size: var(--font-size)
    }

    .tech-tab .vc_col-sm-3 {
        width: 50%
    }
}

@media only screen and (max-width:520px) {
    .inner-banner>.row-bg-wrap {
        height: 350px;
        position: relative
    }

    .testimonial-wrapper .service-mobile {
        margin-bottom: 30px !important
    }

    body.page-thank-you .inner-banner>.row-bg-wrap {
        height: 400px !important
    }

    .grating img {
        width: 250px !important
    }

    .grating {
        padding-bottom: 2em !important
    }

    body.page-thank-you .inner-banner>.row-bg-wrap>.inner-wrap>.row-bg {
        background-position: right 27% top !important
    }

    .inner-banner>.row-bg-wrap>.inner-wrap>.row-bg {
        background-position: right 15% top !important
    }

    .post-navi .nav-links p.post-title.h4-size {
        width: 100%
    }

    .post-navi .nav-links a {
        display: block;
        padding-bottom: 15px
    }

    .team-elem .circle-img-layer img {
        object-position: left !important
    }

    .circle-img-layer img {
        height: 300px !important;
        object-fit: cover;
        object-position: center !important
    }

    .page-about-us .inner-banner>.row-bg-wrap>.inner-wrap>.row-bg {
        background-position: right 20% top !important
    }

    div.team-des:after,
    li.team-des:after {
        border: 7px solid #fff0;
        right: -12px
    }

    body.page-contact .black-link h3 {
        font-size: 23px !important;
        line-height: 33px !important;
        white-space: nowrap
    }

    .anim-logo li {
        width: 140px
    }

    body .main-subhead p {
        font-size: 22px !important;
        line-height: 32px !important;
        white-space: nowrap
    }

    .before-footer h3 {
        font-size: 20px !important;
        line-height: 30px
    }

    body .tech-tab .tabbed[data-style*="vertical"] .wpb_tabs_nav {
        margin-bottom: 25px !important
    }

    .svg-img img,
    img.svg-img,
    svg.svg-img {
        width: 75px !important
    }

    .tech-tab .vc_col-sm-1\/5 {
        width: 50% !important
    }

    .hb-inner-text img {
        height: calc(100vh - 60vh) !important
    }

    .service-inner-text .service-section {
        padding: 20px
    }

    .ourHistory p {
        font-size: 15px !important;
        line-height: 19px !important
    }

    .service-inner {
        column-gap: 20px;
        padding-top: 1em
    }

    .service-inner li {
        font-size: 15px !important;
        line-height: 22px !important
    }

    ul.historyList li {
        min-height: 166px
    }

    .historyList li p strong {
        display: inline
    }
}

@media only screen and (min-width:1220px) {
    ul.project-gallery-list li .inner figure {
        min-height: 400px
    }

    .seopage-form {
        margin: 0 45px
    }

    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:first-child,
    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:nth-child(3),
    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:nth-child(4) {
        max-width: 150px !important
    }

    header#top #logo img {
        width: 120px !important;
        object-fit: contain !important
    }
}

@media only screen and (min-width:1440px) {

    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:first-child,
    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:nth-child(3),
    .foot-quicklink .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-2:nth-child(4) {
        max-width: 100% !important
    }
}

.grecaptcha-badge {
    opacity: 0
}

.footer-flex ul li:before {
    display: none !important
}

.before-footer .footer-form a.oz-btn:before {
    color: #fff
}

.casestudy-inner a.oz-btn span:after {
    filter: brightness(0) invert(1)
}

.casestudy-inner a.oz-btn span {
    color: #fff
}

.single-post .post-area .content-inner a {
    color: #000;
    text-decoration: underline
}

.single-post .post-area .content-inner a:hover {
    text-decoration: none
}

.single-post .post-area strong.bold {
    font-family: "Instrument Sans", sans-serif !important
}