/*
* Theme Name: nanosoft Child
* Description: Child theme for the nanosoft
* Author: LineThemes
* Template: nanosoft
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
    --black: #000000;
    --white: #ffffff;
    --primary: #ee3a67;
    --secondary: #3C495E;
    --red: #EE3A68;
    --off-white: #f5f5f5;
    --gray: #8b8c8d;
    --shade1: #011712;
    --shade2: #ccc;
    --shade3: #484848;
    --shade4: #f8f8fa;
    --shade5: #ebeff2;
    --shade6: #d5d2d2;
    --light-shade: #3c495eef;
    --border-color: #ececec;
    --box-shadow-color: #00000033;
    --box-shadow-color2: #00000014;
    --color-gery-color: #f3f6f9;
    --color-boxbg: #292E34;
    --box-shadow-offwhite: #f7f7f7;
    --border-color-light: #B8B8B8;
    --shade7: #C8C8C8;
    --primary-light: #ee3a67d7;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
a,
p,
span,
input,
select,
textarea {
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: -.03rem;
}
body, span, p {
    font-size: clamp(14px, 2.66vw, 18px);
    line-height: 1.6;
}
section.vc_section.section-1.banner-section p {
    color: var(--white);
    margin: 20px 0 0;
}
section.vc_section.section-1.banner-section {
    padding-top: 100px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 80vh !important;
}
.our-client-logo img {
    height: 78px !important;
    width: auto;
}
html body .site-header-classic.header-brand-left .navigator,
html body .site-header-sticky.header-brand-left .navigator {
    flex-grow: 1;
    padding: 0 0;
    justify-content: flex-end;
    display: flex;
}
html body.home .site-header-classic {
    background-color: transparent !important;
    border-bottom: none;
}
.site-header-classic.header-shadow {
    border-bottom: 1px solid #0000003d;
}
a:focus, button:focus, [role="button"]:focus, input:focus, textarea:focus, select:focus {
    outline: 3px solid transparent; /* Visible blue outline */
    outline-offset: 2px;       /* Adds space between the outline and the element */
    border-radius: 4px;        /* Optional: Rounds the corners for better aesthetics */
}

.lets-btn:focus {
    outline: 3px dashed transparent; /* Dashed outline for a specific button */
    outline-offset: 3px;
}
html body .site-header-classic {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 10;
    transition: all 100ms ease-out;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    height: 90px;
}
.home .content-body-inner {
    padding-top: 0;
    padding-bottom: 0 !important;
}
.project-list .projects-items .project {
    position: relative !important;
}
html body .site-header .off-canvas-toggle,
html body.home .site-header-classic .navigator .menu>li a,
html body .site-header a,
html body.home .site-header-classic .navigator .menu>li a,
html body .site-header a {
    color: var(--white);
}
span.wpcf7-form-control-wrap.recaptcha {
    display: block;
    margin-bottom: 20px;
}
html body .site-header .site-header-classic .navigator .menu-primary>li.current_page_item a,
.site-header .navigator .menu>li.current_page_item>a,
.site-header .navigator .menu>li.current_page_item>a {
    text-decoration: none;
    text-underline-offset: 0;
    text-decoration-thickness: 0px;
}
html body .site-header-classic .navigator .menu-primary>li,
html body .site-header-sticky .navigator>.menu>li {
    text-align: center;
    flex-grow: 1;
    padding: 0 1.5rem;
}
body .site-header-sticky .navigator .menu>li:hover>a {
    color: var(--black);
}
.menu-sliding li .sub-menu .sub-menu li.current-menu-item a,
ul.sub-menu .current-menu-parent .current_page_item a,
.menu-sliding li.current-menu-parent>a {
    color: var(--primary);
}
html body .site-header-sticky .off-canvas-toggle,
html body .site-header-sticky .navigator .menu>li a,
html body .site-header-sticky a,
.site-header .navigator .menu>li.current-menu-item>a,
.site-header .navigator .menu>li.current_page_item>a,
.site-header .navigator .menu>li:hover>a,
.site-header a:hover {
    color: var(--black);
    font-weight: 500;
}
html body.home .site-header-classic .navigator .menu>li a:hover {
    color: var(--off-white);
}
html body.home .site-header-classic .navigator .menu>li a:hover {
    color: var(--primary);
}
.our-client-logo ul.wpb_image_grid_ul {
    width: 100%;
    display: flex;
    height: auto !important;
}
.our-client-logo li.isotope-item {
    width: auto !important;
    flex-grow: 1;
    float: none !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
}
.our-client-logo li.isotope-item img {
    height: 50px !important;
    width: auto !important;
    filter: none ! important;
}
.single-post.sidebar-none .main-content .content .post-inner, .single-attachment.sidebar-none .main-content .content .post-inner {
    padding: 0 10% !important;
}
html body .site-header-classic .navigator .menu-primary li:last-child a,
html body .site-header-sticky .navigator .menu-primary li:last-child a {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    border-radius: 8px !important;
    font-size: 20px !important;
    padding: 14px 20px !important;
    font-weight: 500;
    line-height: normal;
}
html body .site-header-sticky .navigator .menu-primary,
html body .site-header-classic .navigator .menu-primary {
    align-items: center;
}
h1.banner__heading {
    font-size: calc(105.5% + 2vw);
    line-height: 1.3;
    position: relative;
    margin-bottom: 1rem;
    font-weight: 500;
}
.banner__subheading p {
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.59;
    margin: 0;
}
.iconbox.style3 a.button.no-bg {
    color: var(--black);
    text-transform: capitalize;
    padding: 0 20px 0 0;
}
.theme-text p {
    color: var(--white);
    margin: 0;
    font-size: 1rem !important;
}
.theme-text p a {
    color: var(--primary);
    margin: 0;
    font-size: 1rem !important;
}
.projects-grid .project .project-inner .project-info .button {
    height: 48px;
    line-height: 48px;
    font-weight: bold;
}
.button:hover,
html body .site-header-classic .navigator .menu-primary li:last-child:hover a,
html body .site-header-sticky .navigator .menu-primary li:last-child:hover a,
.projects-grid .project .project-inner .project-info .button:hover {
    background-color: var(--black);
    color: var(--white);
}
.iconbox.style3 a.button.no-bg:hover,
a.button.no-bg.view-all-btn:hover {
    background-color: transparent;
    color: var(--primary) !important;
}
.a-tag-theme a.dot span {
    color: var(--primary) !important;
}
html body .site-footer .footer-widgets {
    position: relative;
    background-color: var(--white);
}
html body .site-footer .footer-widgets a,
.address-list,
a.button.no-bg.view-all-btn {
    color: var(--black);
}
.content-bottom-inner.wrap a.button.btn-custom {
    font-family: 'Montserrat' !important;
    font-weight: bold;
    color: var(--white);
    text-transform: capitalize;
    font-size: 1.2rem;
    line-height: 1.6;
}
.footer-aside-wrap .newsletter-form h3 {
    color: var(--white);
    text-align: center;
}
.footer-aside-wrap .newsletter-form p .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
}
.footer-aside-wrap .newsletter-form p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 0 10px;
}
.footer-aside-wrap .newsletter-form p .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}
.footer-aside-wrap .newsletter-form p .wpcf7-submit {
    border: none !important;
    border-radius: 0 3px 3px 0px !important;
    max-width: 140px;
}
.footer-aside-wrap .newsletter-form p .wpcf7-spinner {
    position: absolute;
    right: 40px;
    z-index: 99;
    margin: 0;
    top: 10px;
}
.footer-aside-wrap .newsletter-form {
    text-align: center;
    color: var(--white);
    font-family: 'Montserrat', sans-serif !important;
    max-width: 600px;
    margin: 0 auto;
}
.footer-aside-wrap .newsletter-form p .wpcf7-form-control-wrap input.wpcf7-form-control,
.footer-aside-wrap .newsletter-form p .wpcf7-submit {
    border-radius: 3px 0px 0px 3px;
    height: 48px;
    border: none;
    line-height: normal;
    font-size: 14px;
    width: 100%;
}
.footer-aside-wrap .newsletter-form h2,
.cus-address-footer h2 {
    text-align: center;
    color: var(--white);
    text-shadow: none;
    clear: both;
}
.footer-aside-wrap .newsletter-form .wpcf7-not-valid-tip {
    position: absolute;
    left: 0;
    bottom: -22px;
}
.button:after,
.site-header-classic .navigator .menu-primary>li:hover:before {
    content: none !important;
}
.cus-address-footer.col-12 .row .col-3 {
    text-align: center;
    color: var(--white);
    padding-right: 15px;
    padding-left: 15px;
}
.cus-address-footer.col-12 .row {
    display: flex;
    justify-content: center;
}
.site-footer .footer-widgets a,
.address-list p,
.address-list a {
    margin: 0;
    color: var(--white);
    font-size: 16px;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 27px;
    font-weight: 300;
}
.cus-address-footer {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
    text-align: center;
}
#site ul.iconlist.iconlist.iconlist-icon-mini.listing i[class*="fa"],
#site .iconlist.iconlist-icon-mini li .iconlist-item-content {
        font-size: clamp(14px, 2.66vw, 18px);
}
.address-inner {
    width: 100%;
    display: inline-block;
}
.list-style-nav .menu {
    margin: 0px auto;
    padding: 40px 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid var(--shade3) !important;
}
.list-style-nav .menu li {
    display: inline-block;
    text-align: right;
    margin-left: 25px;
}
.site-header-classic .navigator .menu-primary li.current-menu-item.current_page_item a {
    color: var(--primary);
}
.list-style-nav .menu li a {
    font-size: 11px;
    color: var(--white);
    line-height: 24px;
    display: block;
    text-transform: uppercase;
    padding: 0;
    opacity: .8;
    font-family: 'Montserrat', sans-serif !important;
}
.menu-sliding li .sub-menu>li.current-menu-parent ::after {
    color: var(--primary);
}
.address-inner h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 20px;
    color: var(--off-white);
    font-family: 'Montserrat', sans-serif !important;
    line-height: 40px;
}
.copyright {
    padding: 20px 0 0;
    text-align: center;
    color: var(--white);
    display: flex;
    justify-content: space-between;
}
.copyritht-right img {
    max-width: 20px;
}
html body .copyright p {
    font-size: 12px;
    color: var(--grey);
    display: flex;
    align-items: center;
    margin: 0;
    gap: 10px;
}
h3.vc_custom_heading.our-client:after {
    content: '';
    width: 1.75rem;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 1px;
    background-color: var(--primary);
}
h3.vc_custom_heading.our-client {
    position: relative;
}
html .site-header-sticky,
html .site-header-sticky .widget.widget_search {
    background-color: var(--white);
}
.cut-above a.btns {
    display: inline-block;
    color: var(--white) !important;
    margin: 12px 0 0 0;
}
html body .services-btn a,
.cut-above a.btns {
    background-color: var(--primary) !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    padding: 14px 20px !important;
    font-weight: 700;
    color: var(--white) !important;
}
.services-btn {
    margin-top: 40px;
}
html body .services-btn a:hover {
    opacity: 0.7;
}
.address-list a img {
    width: 20px;
}
html body .site-footer .footer-widgets .menu a:after {
    content: '';
    background: url(/wp-content/uploads/2025/01/arrow-right-double-fill-1.svg);
    width: 16px !important;
    height: 16px;
    left: 0;
    position: absolute;
    top: 6px;
    border: none;
    background-repeat: no-repeat;
    opacity: 0.6;
}
html body .site-footer .footer-widgets .menu a {
    position: relative;
    padding-left: 20px;
}
.site-footer .footer-widgets .widget.widget_nav_menu ul li a:hover:after {
    background: url(/wp-content/uploads/2025/01/arrow-right-double-fill-1-colored.svg);
    opacity: 0.8;
    background-repeat: no-repeat;
    border: 0px;
}
/** Header maga menu Css **/
.has-dropdown__links.is-active .headernav-dropdown__links li.has-dropdown__links.parent-child {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
    display: inline-flex;
}
.headernav-vertical {
    width: 33.33%;
    position: relative;
    list-style: none;
    padding: 0;
}
.headernav-dropdown>ul>li>a {
    display: block;
    padding: 0 0 10px 0;
    font-size: calc(112.5% + 2.4vw);
    color: var(--shade6);
    position: relative;
    margin: 0px;
    line-height: normal;
}

.has-dropdown__links.is-active .headernav-dropdown__links ul {
    padding: 0;
}
.row.navigation-wrap--head {
    display: flex;
}
.navigation-wrap.is-opened {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
}
.navigation-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: var(--white);
    padding: 0rem 2.5rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all;
    z-index: 11;
    overflow: hidden;
    overflow-y: auto;
}
.navigation-wrap-inner {
    overflow: hidden;
    padding-right: 2rem;
    position: relative;
    height: 100%;
}
body input,
body select {
    height: 42px;
}
.navigation-wrap--head {
    justify-content: space-between;
    align-items: center;
}
.headernav-dropdown>ul>li>a .menu-bit {
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-right: 5px solid currentColor;
    margin-left: -0.5em;
    position: relative;
    vertical-align: middle;
    transform: rotate(45deg);
    opacity: 1;
    border-top: 5px solid currentColor;
    top: -1px;
}
.headernav-dropdown__links {
    position: absolute;
    left: 100%;
    top: 0;
    width: 200%;
    padding: 0 0 2rem  0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 100%;
    transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
}
li.has-dropdown__links.parent-child>a,
.headernav-dropdown__links h5 {
    display: inline-block;
    line-height: normal;
    font-weight: 500;
    position: relative;
    margin-bottom: 1.2rem;
    font-size: calc(112.5% + 0.29vw);
    width: 100%;
    margin-top: 0px;
}
li.has-dropdown__links.parent-child ul.two-cols__links {
    margin-bottom: 0.5rem;
}
.headernav-dropdown__links a:not(.link-arrow),
li.has-dropdown__links.parent-child span {
    font-size: 1.2rem;
    color: var(--shade3);
    font-weight: 300;
    display: block;
    text-transform: capitalize;
    line-height: 1.6;
    padding: 5px 0;
    clear: both;
}
li.has-dropdown__links.parent-child li.parent-child-child:hover a {
    color: var(--primary);
}
li.has-dropdown__links.parent-child>a:after,
.headernav-dropdown__links h5:after {
    content: '';
    width: 1.75rem;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 1px;
    background: var(--primary);
}
.two-cols__links {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.two-cols__links li {
    flex: 0 0 100%;
    max-width: 100%;
}
.col-auto.d-inline-flex .widget.widget_search {
    margin: 0;
}
.navigation-wrap--head.row .col-auto.d-inline-flex {
    display: flex;
    align-items: center;
}
.has-dropdown__links.is-active .headernav-dropdown__links {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
    transition-delay: .4s;
}
.con-us a {
    font-size: calc(112.5% + 1.7vw);
    color: var(--black);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}
.navigation-wrap.is-opened {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
}
/* The Modal (background) */
.modal {
    position: fixed;
    z-index: 99999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: var(--black);
    background-color: var(--black);
}
/* Modal Content */
.modal-content {
    background-color: var(--off-white);
    margin: auto;
    padding: 20px;
    border: 1px solid var(--gray);
    width: 80%;
}
/* The Close Button */
.close {
    color: var(--shade3);
    font-size: 60px;
    width: 48px;
    z-index: 999;
    position: absolute;
    top: 0;
    right: 0;
}
.close:hover,
.close:focus {
    color: var(--black);
    text-decoration: none;
    cursor: pointer;
}
.widget.widget_search .search-form label .search-field {
    width: 100%;
    border-bottom: solid var(--border-color-light) 1px !important;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    margin-right: 44px;
    box-shadow: none !important;
    border: none;
    border-radius: 4px !important;
}
.navigation-wrap--head.row .col-auto.d-inline-flex {
    display: flex;
    align-items: center;
    justify-content: end;
}
.navigation-wrap--head.row .col-auto {
    padding-left: 15px;
    width: 100%;
}
.navigation-wrap--head.row .col-auto input::placeholder {
    color: var(--secondary);
}
.navigation-wrap--head.row .col-auto.d-inline-flex .widget.widget_search {
    max-width: 300px;
    overflow: hidden;
}
.headernav-dropdown>ul>li>a:hover,
.has-dropdown__links.is-active a:not(.link-arrow) {
    color: var(--black);
}
ul.iconlist.iconlist .wpb_animate_when_almost_visible {
    opacity: 1;
}
.value-section img {
    width: 80px;
}
.navigation-wrap--head.row .col-auto.d-inline-flex .widget.widget_search label {
    overflow: hidden;
}
html body .site-footer .footer-widgets a svg,
html body .site-footer .footer-widgets svg {
    width: 20px;
    height: 20px;
    margin-left: -5px;
}
html body .site-footer .footer-widgets .address-list a:first-child svg {
    width: 20px;
}
.address-list a {
    display: flex;
    align-items: center;
    gap: 5px;
}
.address-list br {
    display: none;
}
h3.widget-title.margin-top {
    margin-top: 20px;
}
.site-footer .footer-widgets .address-list p, .site-footer .footer-widgets .address-list a {
    margin-bottom: 10px;
}
ul.d-flex {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    margin-left: -5px
}
ul.d-flex a {
    cursor: pointer;
}
.d-flex li a img {
    width: 20px;
}
.headernav-dropdown>ul>li>a .menu-bit {
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-right: 5px solid currentColor;
    margin-left: -0.5em;
    position: relative;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    opacity: 1;
    border-top: 5px solid currentColor;
    top: -1px;
}
.headernav-dropdown>ul>li.is-active>a .menu-bit {
    opacity: 1;
}
.headernav-vertical li {
    display: flex;
    flex-direction: column;
}
.navigation-wrap--head.row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}
.site-header .navigator>.menu>li a,
.site-header-sticky .navigator>.menu>li a {
    font-size: 20px;
}
/**Header menu Css End**/
span.theme-line {
    position: relative;
    display: inline-block;
    text-align: center;
}
span.theme-line:after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: var(--primary);
}
html body .projects-grid .project .project-inner .project-thumbnail .featured-image {
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
    display: inline-flex;
}
.iconlist-item-content h6 span {
    font-size: 20px;
    font-weight: 600;
}
html body.home .header-position-top .header-shadow:not(.active):after {
    content: "";
/*     background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgb(0 0 0)); */
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
}
/** service page **/
h1.vc_custom_heading.h2-light {
    line-height: normal;
}
h2.h2-light {
    line-height: 1.29;
}
a.btn-custom {
    color: var(--white);
    font-family: 'Montserrat', sans-serif !important;
    border: 0;
    text-decoration: none;
    overflow: hidden;
    text-transform: capitalize;
    display: inline-block;
    line-height: normal;
    background-color: var(--primary) !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    padding: 14px 20px !important;
    font-weight: 700;
}
a.btn-custom.btn-sec-color {
    background-color: var(--black);
}
a.btn-custom:hover {
    background-color: var(--black);
    color: var(--white);
}
a.btn-custom.btn-sec-color:hover {
    background-color: var(--primary);
}
.btn-inline.center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.black-theme-bg h2.light, .section-title h2.light.text-white {
    margin-top: 0;
}
.theme-banner-section .wpb_column.vc_column_container {
    background: var(--secondary);
    border-radius: 30px;
/*     margin: 0 0 60px; */
}
.section-title h3 {
    font-weight: 600;
    margin: 0 0 1.8rem;
    color: var(--white);
}
.section-title p {
    color: var(--white);
    margin: 0;
    font-weight: 300;
    line-height: 1.5;
}
.service-colored-banner-bg .right img {
    object-fit: contain;
}
.service-colored-banner-bg.container {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1rem;
    color: var(--white);
    padding: 60px 30px;
    gap: 50px;
}
.service-colored-banner-bg .right {
    text-align: right;
}
.service-colored-banner-bg.container .right .image {
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.service-colored-banner-bg .right,
.service-colored-banner-bg .left {
    width: 50%;
}
.sub-title h2.light {
    line-height: 1.4;
    letter-spacing: -.12rem;
    margin: 0 0 1.5rem;
}
.text p {
    line-height: 1.6;
    letter-spacing: normal;
}
html body .design-col-4 .iconbox {
    box-shadow: none !important;
    border: 1px solid var(--shade3);
    padding: 2rem 1.8rem !important;
    border-radius: 0.4rem !important;
    position: relative;
    text-align: left !important;
}
html body .design-col-4 .iconbox h3.box-title {
    letter-spacing: -.05rem;
    line-height: 1.2;
    margin: 0 0 0 -5px;
    position: absolute;
    top: -2px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 1.5rem;
    background-color: var(--white);
    padding: 0 10px;
}
.design-col-5 p {
    clear: both;
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1.6;
    font-weight: 400;
}
.sub-tilte h3.light {
    line-height: 1.1;
    letter-spacing: 0;
    margin: 0 0 0.5rem;
}
.logo-img .wpb_single_image img {
    width: 100% !important;
}
.logo-img .vc_column-inner>.wpb_wrapper {
    background: var(--shade5);
    padding: 20px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo-img .vc_column-inner>.wpb_wrapper .wpb_single_image {
    padding: 0;
}
h2.vc_custom_heading.work-with-new {
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 40px !important;
}
.fix-overflow-gradient .row-inner {
    max-width: 100% !important;
}
.section-accodion .vc_tta-panels,
.section-accodion .vc_tta-panels div {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    background: var(--white) !important;
    color: var(--black);
}
.section-accodion .vc_tta-panels .vc_tta-panel-heading h4 a {
    background: transparent;
    padding: 20px 40px 20px 20px !important;
    font-weight: 600 !important;
    color: var(--black) !important;
}
.section-accodion .vc_tta-panels .vc_tta-panel-heading h4 a i.vc_tta-controls-icon {
    display: block !important;
}
.section-accodion .vc_tta-panels .vc_tta-panel-body {
    padding: 0 20px 20px !important;
}
.section-sticky .right-side-col {
    top: 150px;
    padding: 2rem;
    border: 2px solid var(--border-color);
    margin-top: 0rem;
    max-width: 26.4375rem;
    width: 31%;
    transition: all .4s ease-in-out 0s;
    -webkit-transition: all .1s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    border-radius: 1rem;
    left: 66.66666667%;
}
body .right-side-col {
    float: right;
}
.section-sticky .right-side-col {
    position: sticky !important;
    position: -webkit-fixed;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
    transition-delay: .4s;
}
body:has(.sticky-active),
body:has(.sticky-active) .site {
    overflow: unset !important;
}
.wpb_text_column.wpb_content_element.right-content ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.wpb_text_column.wpb_content_element.right-content .title {
    font-weight: 600;
    letter-spacing: -.05rem;
    margin: 0 0 2rem;
}
.wpb_text_column.wpb_content_element.right-content ul li {
    margin-bottom: 20px;
}
.wpb_text_column.wpb_content_element.right-content ul li a {
    font-size: 18px;
    letter-spacing: -.05rem;
    color: var(--black);
    text-decoration: none;
}
html body .footer-new-section .iconlist img {
    -webkit-animation-name: none;
    animation-name: none !important;
    -webkit-animation-duration: auto !important;
    animation-duration: auto !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.section-sticky,
.section-sticky div {
    position: static !important;
}
ul.iconlist.iconlist.iconlist-icon-medium li .three-column-boxes {
    display: flex;
    flex-direction: column;
    padding: 30px !important;
    height: 100%;
    background-color: var(--color-gery-color) !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
ul.iconlist.iconlist.iconlist-icon-medium li .three-column-boxes:hover {
    -webkit-box-shadow: 0 0 36px 0 var(--box-shadow-color);
    box-shadow: 0 0 36px 0 var(--box-shadow-color);
    -moz-shadow: 0 0 36px 0 var(--box-shadow-color);
}
.contact-us-form .testimonial {
    box-shadow: none !important;
    padding: 0 !important;
    border: 1px solid var(--border-color);
    margin-top: 40px;
    width: 100%;
    max-width: 90%;
}
.contact-us-form .testimonial .testimonial-wrap {
    background: var(--white);
    padding: 30px !important;
}
.contact-us-form .testimonial .testimonial-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.contact-us-form .testimonial .testimonial-wrap img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}
.contact-us-form .testimonial .testimonial-wrap .testimonial-image {
    width: 100px;
    height: 100px;
    flex: 0 0 auto;
}
.contact-us-form .contact {
    background: var(--color-gery-color);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    max-width: 42rem;
    padding: 3rem;
    border-radius: 1.2rem;
    position: relative;
    border: 0;
}
textarea {
    resize: none;
}
ul.iconlist.iconlist.iconlist-icon-medium li .three-column-boxes .iconlist-item-icon {
    display: none;
}
.contact .row select,
.contact .row input,
.contact .row textarea {
    margin-bottom: 10px !important;
    position: relative;
    color: var(--black) !important;
    font-size: 16px;
    text-transform: unset;
    border: 1px solid rgb(0 0 0 / 27%);
}
input::placeholder,
select::placeholder {
    color: var(--black) !important;
    font-size: 16px;
}
.contact-us-form .contact label>span span.wpcf7-not-valid-tip {
    position: absolute;
    margin: 0;
    bottom: -5px;
    left: 0;
    line-height: normal;
    font-size: 11px !important;
}
.contact-us-form .contact .row label {
    font-size: 13px;
    font-weight: 500;
}
.contact-us-form .contact label>span {
    position: relative;
    margin: 0;
}
.contact-us-form .contact input.wpcf7-form-control.wpcf7-submit.primary+span.wpcf7-spinner {
    position: absolute;
    right: 100px;
    margin: 0;
    top: 20px;
}
.contact-us-form .contact .row:last-child {
    margin-bottom: 0px;
}
.contact-us-form .contact .row .columns.columns-12 p {
    position: relative;
}
.contact-us-form .contact input.wpcf7-form-control.wpcf7-submit.primary {
    line-height: normal;
    margin-top: 10px;
    float: right;
    width: auto;
    font-weight: bold;
}
.contact-us-form .contact input,
.contact-us-form .contact textarea,
.contact-us-form .contact select {
    font-size: 14px;
    height: 38px;
}
.contact-us-form .contact textarea {
    height: 70px;
}
.contact-us-form .contact .row {
    margin-bottom: 5px;
}
html body .site-header-classic .navigator .menu-primary>li:last-child,
html body .site-header-sticky .navigator>.menu>li:last-child {
    padding-right: 0;
}
h2.light {
    margin-bottom: 30px !important;
    line-height: normal;
}
/*Project Page Custom CSS */
.cus-comm-title h2 {
    font-style: normal;
    line-height: 1;
    color: var(--black);
    margin-bottom: 10px;
}

.cus-comm-title h3 {
    font-style: normal;
    line-height: 1.2;
    color: var(--black);
    margin-top: 0;
}
.cus-comm-title .wpb_text_column .wpb_wrapper p {
    color: var(--black);
    font-style: normal;
    font-weight: 400;
    margin-top: 20px;
}
#site .cus-row-card .row-inner {
    background-color: var(--secondary);
    border-radius: 40px;
    padding: 0px 40px !important;
    height: 36vw;
    max-width: 1340px !important;
    max-height: 600px;
}
.project-section.custom-proj {
    max-width: 1340px;
    margin: 0 auto;
}
.cus-row-card .col-left p:first-child {
    display: flex;
}
.cus-row-card .col-left .dark-btn {
    background-color: var(--gray);
    border-radius: 4px;
    padding: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    padding: 8px 20px;
}
.cus-row-card .col-left .dark-btn:first-child {
    margin-right: 16px;
}
.cus-row-card .col-left .sub-tilte h3 {
    font-style: normal;
    line-height: 1;
    color: var(--white);
}
.cus-row-card .col-left .sub-tilte {
    margin-bottom: 16px;
}
.cus-row-card .col-left p {
    font-style: normal;
    font-weight: 300;
    line-height: 1.4;
    color: var(--white);
}
.cus-row-card .col-left p:last-child .btn-custom {
    background: var(--primary);
    border-radius: 3px;
    font-style: normal;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: var(--white);
    padding: 10px 20px;
    margin-top: 20px;
}
.content-us-form .wpb_wrapper .contact .row .columns p input.wpcf7-form-control.wpcf7-submit {
    display: inline-block;
    font-weight: bold;
    max-width: 160px;
    height: 40px;
    width: 100%;
    border: none;
    line-height: 1;
}
html body .project-box.slide-content {
    display: revert;
    min-width: calc(50% - 10px);
    padding: 60px 40px 40px;
    position: relative;
    background: var(--off-white);
    border-radius: 20px;
    margin-top: 150px;
    max-width: 560px;
    margin: 160px auto 0;
    height: 100%;
}
.prot-mid-sec {
    padding-bottom: 60px;
}
.prot-mid-sec div#ajax-posts {
    display: flex;
    align-items: stretch;
}
.project-box .image-sec {
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 85%;
    overflow: hidden;
    border-radius: 12px;
    border: 10px solid var(--black);
}
.project-box .tag-category {
    margin-top: 120px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.project-box .tag-category ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    line-height: 38px;
}
.project-box .tag-category ul li a {
    padding: 10px 20px;
    background: var(--shade7);
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
}
.project-box .tag-category ul li:first-child {
    margin-right: 16px;
}
.project-box .tag-category .text-from-list {
    margin-top: 16px;
    display: block;
}
.project-box .tag-category .text-from-list h2 {
    margin: 0;
    font-style: normal;
    line-height: 1.2;
    color: var(--black);
    margin-bottom: 10px;
}
.project-section .project-box.slide-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.project-box .tag-category .text-from-list p {
    font-weight: 400;
    line-height: 1.2;
    color: var(--black);
}
.project-box .tag-category .text-from-list {
    margin-top: 16px;
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
}
.project-section .slick-slide {
    display: flex !important;
    flex-direction: column;
}
.project-section .project-box.slide-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.project-section .slick-track {
    height: 100%;
    border-radius: 20px;
}
.project-box .tag-category .text-from-list a.btn-custom {
    background: var(--primary);
    border-radius: 3px;
    margin-top: auto;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    color: var(--white);
    height: 42px;
    line-height: normal;
    padding: 10px 20px;
}
.banner__heading h1 {
    color: var(--white);
    line-height: 1.4;
    font-weight: bold;
}
html body .content-body-inner {
    padding-bottom: 0px;
}
.project-block .vc_column-inner>.wpb_wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 30px;
    height: 100%;
    background: var(--color-gery-color);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    margin: 14px 0;
}
.project-block .vc_column-inner .wpb_wrapper figure.wpb_wrapper.vc_figure {
    max-width: 300px;
    margin: 0 auto;
}
.project-block .vc_column-inner>.wpb_wrapper .wpb_single_image {
    text-align: center;
    margin-bottom: 20px !important;
}
.design-col-5 h4.light {
    margin: 0 0 15px;
    font-weight: 600;
}
.project-block {
    padding: 0 !important;
}
.project-block .design-col-5 p {
    text-align: left;
}
/*About page css */
.team-img-slide .wpb_wrapper img {
    object-fit: cover;
    cursor: grab;
}
.cus-meet-team h3.work-with-new {
    font-weight: 500;
    margin-bottom: 20px !important;
    line-height: 1.4;
}
.cus-meet-team .wpb_single_image.vc_align_left {
    margin: 0 auto;
    text-align: center;
}
.cus-approval-sec h2.work-with-new {
    text-transform: capitalize;
    margin-bottom: 20px !important;
}
.cus-approval-sec .order-2 .row-inner {
    align-items: flex-start;
}
.cus-approval-sec .order-2 .sub-tilte h4 {
    margin-top: 0px;
}
section.vc_section.cus-approval-sec .fix-overflow-gradient.order-2 .design-col-5 {
    margin-bottom: 30px !important;
}
.cus-approval-sec .order-2 {
    margin-top: 40px;
}
.cus-approval-sec .order-2 .sub-tilte h4 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.cus-approval-sec .order-2 .design-col-5 p,
.cus-approval-section .design-col-5 p {
    clear: both;
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1.6;
    font-weight: 400;
}
.cus-ref-culture .section-banner-logo .row-inner .wpb_column {
    display: inline-block;
    text-align: center;
    margin: 0 0 20px 0;
}
.cus-ref-culture .section-banner-logo .box-image img {
    width: 90px;
    height: 90px;
    object-fit: contain;
}
body #site .cus-ref-culture .section-banner-logo .box-content {
    padding: 14px 0 0 0;
}
html body .site-header-classic .navigator .menu-primary li:last-child a,
html body .site-header-sticky .navigator .menu-primary li:last-child a {
    text-decoration: none;
    text-underline-offset: 0px;
    text-decoration-thickness: 0px;
}
body #site .cus-ref-culture .section-banner-logo .box-content p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
}
#site .section-banner-logo .imagebox {
    margin-top: 40px;
}
.meet-our-team .vc_row:nth-child(2) .wpb_wrapper {
    text-align: center;
    display: block;
}
.meet-our-team h2.vc_custom_heading.work-with-new {
    text-transform: capitalize;
}
#about-gallery-slide figure.wpb_wrapper.vc_figure div {
    width: 100% !important;
}
.about-gallery .vc_single_image-wrapper.vc_box_border_grey img {
    height: 600px !important;
    object-fit: cover;
    width: 100% !important;
}
.team-img-slide .wpb_single_image .vc_figure {
    max-width: 100%;
    width: 100%;
}
.projects-grid .project .project-inner .project-thumbnail a:before {
    background: transparent !important;
}
.projects-grid .project .project-inner .project-thumbnail .featured-image img {
    -webkit-filter: none;
    filter: none;
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    object-fit: contain;
}
.our-client-logo li.isotope-item img {
    margin: 0 auto;
}
.our-client-logo li.isotope-item:hover img {
    -webkit-filter: none !important;
    filter: none !important;
}
section.culture-code-sec {
    background-size: 100% 100% !important;
}
section.culture-code-sec h3 {
    font-size: 40px;
    margin: 0;
    font-weight: 600;
    color: var(--primary);
}
section.culture-code-sec p {
    font-size: 40px;
    margin-top: 20px;
    line-height: 1.3;
    color: var(--black);
    padding: 0 40px;
}
section.culture-code-sec ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
}
section.culture-code-sec .slick-dots li {
    display: inline-block;
}
.our-ball-court img.stagger1 {
    height: 150px;
}
.our-ball-court lottie-player {
    position: absolute !important;
    top: 30px;
    width: 150px !important;
    height: 140px !important;
}
.our-ball-court button:last-child {
    background: var(--black);
}
section.culture-code-sec .slick-dots li+li {
    margin-left: 8px;
}
section.culture-code-sec ul.slick-dots button {
    background: none;
    transition: 0.2s;
    border: 1px solid var(--primary);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding: 0;
    font-size: 0;
    line-height: normal;
}
.culture-code-sec .wpb_text_column.wpb_content_element.slick-slide {
    position: relative;
    padding: 0px 0;
}
.section-banner-section-footer .vc_column-inner {
    padding: 100px 0 200px !important;
    background-size: 100% 100%;
    background-position: bottom center !important;
    margin: 120px auto 40px;
    max-width: 1140px;
    max-height: 700px;
}
.culture-code-sec .slick-dots li.slick-active button {
    background: var(--primary);
}
.our-ball-court {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.our-culture-sec {
    position: relative;
}
.our-ball-court-sec {
    padding-bottom: 10rem;
}
.our-ball-court h2 {
    margin: 0 auto 10px;
}
.c-white {
    display: none;
}
.ball-inner button {
    font-size: 18px;
    font-weight: 300;
}
.delay-box .vc_column-inner>.wpb_wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 24px;
    height: 100%;
    background: var(--color-gery-color);
    box-shadow: none;
    border-radius: 5px;
    position: relative;
    margin: 14px 0;
}
#site .iconbox .box-icon:before {
    content: none !important;
}
.about-lottie .wpb_raw_code.wpb_content_element lottie-player {
    margin: 0 auto;
}
.delay-box .vc_column-inner>.wpb_wrapper .iconbox {
    padding: 0 !important;
    box-shadow: none !important;
    background: var(--color-gery-color) !important;
}
.delay-box .vc_column-inner>.wpb_wrapper .iconbox .box-icon img {
    display: none;
}
.delay-box .vc_column-inner>.wpb_wrapper a.button.no-bg {
    background: transparent !important;
    color: var(--black);
    padding: 0 20px 0 0;
    font-size: 16px;
}
.delay-box .vc_column-inner>.wpb_wrapper .iconbox .box-icon {
    margin: 0 0 0 0;
    position: relative;
    z-index: 2;
    height: 120px;
    display: inline-block;
}
.delay-box .vc_column-inner>.wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html {
    align-items: center;
    justify-content: center;
    display: flex;
}
.about-gallery .wpb_single_image {
    padding: 0 10px;
}
.about-gallery .wpb_wrapper {
    margin: 0 -10px;
}
section.culture-code-sec p {
    font-weight: 500;
}
.cus-meet-team .sec-cus-approval-sec h3 {
    font-weight: 600;
}
.cus-meet-team .sec-cus-approval-sec lottie-player {
    width: 100% !important;
    height: 100% !important;
}
body .cus-approval-sec {
    padding-top: 80px !important;
}
.cus-approval-sec .cus-approval-section {
    margin-top: 0 !important;
}
.cus-approval-sec:after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2023/04/glob-sec-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    width: 250px;
    height: 80px;
    top: 0;
    right: 0;
}
.cus-meet-team .sec-cus-approval-sec {
    padding-top: 0 !important;
    margin-bottom: 0px;
}
.culture-bottom-sec .culture-bottom-right {
    width: 68%;
    position: relative;
    margin-left: 50px;
}
.culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_single_image {
    text-align: left;
}
.culture-bottom-sec .culture-bottom-left .vc_column-inner {
    padding: 0 !important;
}
.culture-bottom-sec {
    margin-top: -100px;
}
.culture-bottom-sec .wpb_wrapper .wpb_row {
    background: var(--color-boxbg);
    max-width: 800px;
    margin: 0 auto !important;
}
.culture-bottom-sec .culture-bottom-right h3 {
    color: var(--white);
    font-weight: 600;
    margin: 30px 0 10px;
}
.culture-bottom-sec .culture-bottom-right p {
    color: var(--white);
}
.culture-bottom-sec .culture-bottom-right a.btn-custom {
    font-weight: 500;
}
html body .site-header-classic .navigator .menu-primary>li:last-child::before {
    width: 0;
}
.delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper lottie-player {
    width: 80px !important;
    height: 66px !important;
}
.delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper .box-icon {
    display: none !important;
}
.culture-bottom-sec .culture-bottom-right:after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2023/04/shape.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 100px;
    bottom: -50px;
    right: 0px;
}
.delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper {
    background: var(--white);
    -webkit-box-shadow: -4px 2px 16px 3px var(--box-shadow-offwhite);
    -moz-box-shadow: -4px 2px 16px 3px var(--box-shadow-offwhite);
    -ms-box-shadow: -4px 2px 16px 3px var(--box-shadow-offwhite);
    -o-box-shadow: -4px 2px 16px 3px var(--box-shadow-offwhite);
    box-shadow: -4px 2px 16px 3px var(--box-shadow-offwhite);
}
.delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper .iconbox {
    background: transparent !important;
}
.contact input.wpcf7-submit {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    border: none;
    border-radius: 8px;
}
.contact input.wpcf7-submit:hover {
    background-color: var(--black) !important;
}
body .partner-banner-sec h2 {
    margin-bottom: 10px !important;
}
.partner-banner-sec p {
    font-weight: 500;
    color: var(--black);
    line-height: normal;
}
.culture-bottom-left .vc_column-inner {
    padding: 0 !important;
}
.footer-aside-wrap .newsletter-form p .wpcf7-form-control-wrap input.wpcf7-form-control {
    text-transform: inherit;
}
.team-img-slide.about-gallery .row-inner {
    padding: 0 !important;
}
.partner-logo-sec .imagebox .box-image {
    margin-top: 0;
    background: var(--white);
    display: inline-block;
    top: -58px;
}
.partner-logo-sec .imagebox {
    box-shadow: none !important;
    padding: 2rem 2.5rem !important;
    border-radius: 0.4rem !important;
    margin: 4rem 0 0;
    text-align: left !important;
    border: 1px solid var(--border-color-light);
    border-radius: 10px;
}
.partner-logo-sec .wpb_column {
    width: 100%;
}
.partner-logo-sec h3 {
    margin-top: 10px;
}
.partner-logo-sec .imagebox .box-image img.attachment-full {
    height: 50px;
    object-fit: contain;
    padding: 0 10px;
    max-width: 200px;
}
.partner-logo-sec a span {
    color: var(--primary);
    text-decoration: underline;
}
.lottie-box-contact.delay-box img.vc_single_image-img {
    height: 40px;
    width: 40px;
    margin-bottom: 10px;
}
.lottie-box-contact .wpb_single_image.wpb_content_element.vc_align_left {
    text-align: center;
}
.wrap {
    width: 100% !important;
}
html body .partner-logo-sec .imagebox .box-content {
    padding: 0px 0 0 0 !important;
    margin-top: -40px;
}
.headernav-vertical li a.active {
    color: var(--primary) !important;
}
.culture-bottom-sec .culture-bottom-right {
    width: 58%;
    position: relative;
    margin-left: 0;
    padding-bottom: 0;
}
.culture-bottom-sec .culture-bottom-left .wpb_wrapper {
    display: flex;
    width: 100%;
}
.culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_text_column.wpb_content_element {
    display: flex;
    flex-direction: column;
}
.culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_text_column.wpb_content_element .wpb_wrapper {
    flex-direction: column;
    padding: 0 40px;
    color: var(--white);
    height: 100%;
    align-items: stretch;
    justify-content: center;
}
.culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_single_image {
    width: 100%;
}
.culture-bottom-sec .culture-bottom-left {
    width: 100%;
    margin: 0 0px 0 0px;
}
.culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_text_column.wpb_content_element .wpb_wrapper h3 {
    margin: 0 0 10px;
    color: var(--white);
    font-weight: 600;
}
section.culture-code-sec {
    height: 80vh !important;
    background-size: cover !important;
    background-position: top center !important;
}
.iconlist .aligncenter {
    height: 100%;
}
.iconlist-item-content h6 span {
    font-size: 20px;
    display: flex;
    min-height: 43px;
    align-items: center;
    justify-content: center;
}
.section-box-home .delay-box .vc_column-inner>.wpb_wrapper p {
    min-height: 120px;
}
.section-box-home .vc_row.wpb_row.vc_row-fluid {
    max-width: 1380px;
    margin: 0 auto;
}
.page-id-13 .content-body-inner {
    padding-bottom: 0px;
}
.our-ball-court-sec .vc_row.wpb_row.vc_row-fluid .row-inner {
    align-items: center !important;
    display: flex;
    justify-content: space-between;
}
.our-ball-court p {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
}
.our-ball-court h2 {
    margin: 20px auto;
    font-size: 40px;
}
.our-ball-court-sec:after {
    width: 180px !important;
    height: 106px !important;
    position: absolute;
    right: 0;
    z-index: 999;
    visibility: visible !important;
    overflow: visible !important;
    background-image: url(/wp-content/uploads/2023/04/glob-sec-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100%;
}
.development-team h2.vc_custom_heading {
    font-size: 24px;
    line-height: 1.5;
}
.content-us-form .wpb_wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.content-us-form .wpb_wrapper form.wpcf7-form {
    height: 100%;
    position: relative;
}
.home .site-footer .content-bottom-widgets {
    padding-top: 0 !important;
}
.list-style-nav .menu li:first-child {
    margin-left: 0;
}
.content-us-form .wpb_wrapper .contact .row span.wpcf7-spinner {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    margin: 0;
    transform: translate(-50%, -50%);
    right: 50%;
    top: 20px;
    z-index: 1;
    margin: 0;
}
.contact-section-right .contact .row textarea {
    height: 90px;
    vertical-align: top;
}
.contact-section-right .contact .row .columns {
    padding: 0 0px;
}
.contact-section-right form.wpcf7-form .contact .row {
    margin: 0;
}
.contact-section-right form.wpcf7-form .columns.columns-6 {
    width: 100%;
}
.contact-section-left {
    padding: 40px !important;
}
.contact-section-right span.wpcf7-spinner {
    position: absolute;
    left: 50%;
    z-index: 9;
    margin: 12px 0;
}
.contact-section-right form.wpcf7-form .contact h3 {
    text-align: center;
}
.icon {
    opacity: 0.1;
    width: 80px;
}
.contact-section-right form.wpcf7-form .contact {
    border: 0px;
    margin-bottom: 40px;
    box-sizing: content-box;
    padding: 40px;
}
.contact-section-right form.wpcf7-form {
    margin-top: -200px;
    position: relative;
}
.contact .row label span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -12px;
    margin: 0;
}
.content-us-form .wpb_wrapper .contact {
    padding: 60px;
    border: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 8px 40px 8px rgba(0, 0, 0, 0.04);
}
.content-us-form .wpb_wrapper .contact .row {
    margin: 0 0 14px;
    width: 100%;
}
.content-us-form .wpb_wrapper .contact .row .columns {
    padding: 0 15px;
}
.content-us-form .wpb_wrapper .contact .row label span {
    display: block;
    margin-top: 0;
}
.content-us-form .wpb_wrapper .contact .row textarea {
    height: 80px;
    vertical-align: top;
}
.contact .row label span {
    margin-top: 0;
}
.content-us-form .wpb_wrapper .contact .wpcf7-not-valid-tip {
    font-size: 12px !important;
    position: absolute;
    bottom: -12px;
}
.content-us-form .wpb_wrapper figure.wpb_wrapper.vc_figure,
.content-us-form .wpb_wrapper figure.wpb_wrapper.vc_figure div,
.content-us-form .wpb_wrapper figure.wpb_wrapper.vc_figure div img {
    height: 100%;
    object-fit: cover;
}
.content-us-form .wpcf7 form.invalid .wpcf7-response-output,
.content-us-form .wpcf7 form.unaccepted .wpcf7-response-output,
.content-us-form .wpcf7 form.payment-required .wpcf7-response-output {
    position: absolute;
    left: 70px;
}
.content-us-form .wpcf7 .wpcf7-response-output {
    margin: 0;
}
.box-style-white .wpb_text_column.wpb_content_element .wpb_wrapper {
    background: var(--white);
    border-radius: 10px;
    padding: 35px 35px 0 35px;
    margin-bottom: 20px;
}
.cus-comm-title .wpb_text_column .wpb_wrapper .build-col .col-text p {
    margin-top: 0px;
}
.box-style-white .wpb_text_column.wpb_content_element .wpb_wrapper h3 {
    margin-top: 0;
    position: relative;
}
.box-style-white .wpb_text_column.wpb_content_element .wpb_wrapper h3:after {
    content: '';
    width: 3rem;
    height: 3px;
    position: absolute;
    bottom: -10px;
    left: 1px;
    background-color: var(--primary);
    border-radius: 50px;
}
.box-style-white .wpb_text_column.wpb_content_element .wpb_wrapper p {
/*     font-size: 17px; */
    line-height: 1.6;
}
.driven-div img.vc_single_image-img {
    max-width: 1170px;
    margin: 40px auto;
}
.cus-comm-title .sub-title.marign-zero h2 {
    margin-top: 0;
}
.left-side-col .content p {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
}
.left-side-col .content p.open {
    max-height: 100%;
    opacity: 1;
}
.left-side-col .content h3, html body .web-service-sec .content h3 {
    cursor: pointer;
    margin-top: 20px;
    font-size: 20px;
}
.services-mobile-apps .design-col-4 .vc_row.wpb_row {
    display: flex !important;
    margin-bottom: 60px;
}
.services-mobile-apps .design-col-4 .vc_row.wpb_row .vc_column-inner {
    display: flex;
    height: 100%;
}
.services-mobile-apps .design-col-3 {
    margin-bottom: 40px;
}
.services-mobile-apps .design-col-4 .vc_row.wpb_row:last-child {
    margin-bottom: 0;
}
html body #site .iconlist.iconlist-icon-medium {
    display: flex;
}
.cus-deram-team {
    background-image: url(/wp-content/uploads/2023/03/service-testimonial-bg.png);
    background-repeat: no-repeat;
    height: 100%;
    background-position: center center;
}
.ser-text-image .wpb_single_image ,
.service-img-shadow .section-title br {
    display: none;
}
.contact-us-form .testimonial .testimonial-text {
    padding-right: 10px;
}
.content-us-page .row-inner .vc_column-inner {
    height: 100%;
}
.content-us-page .row-inner {
    display: flex;
}
.content-us-page .txt-email {
    margin-top: 30px;
}
.web-service-sec .content h3,
.ser-mobile-apps .iconlist-item-content h3,
.our-methodology h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
.content-us-form .wpb_wrapper figure.wpb_wrapper:before {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2023/04/OBJECTS-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    top: 40px;
    left: 20px;
    z-index: 1;
    height: 100%;
}
.content-us-form .wpb_wrapper figure.wpb_wrapper {
    position: relative;
}
body .cus-process-driven h6 {
    font-size: 10px !important;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.cus-process-driven p {
    max-width: 80%;
    margin: 0 auto;
}
.tech-logos .vc_column-inner .wpb_wrapper p {
    text-align: center;
    color: var(--black);
}
.tech-logos .vc_column-inner .wpb_wrapper {
    border: 4px;
    height: 160px;
    display: flex;
    border-radius: 3px;
    background-color: var(--box-shadow-offwhite);
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    color: var(--white);
    padding: 8px;
}
.tech-logos .vc_column-inner {
    margin-bottom: 16px;
}
.tech-logos .logo-img .vc_column-inner>.wpb_wrapper:hover {
    background-color: var(--box-shadow-offwhite);
}
.tech-logos .vc_column-inner .wpb_wrapper img {
    display: block;
    max-width: 160px;
    width: 100%;
    height: 70px;
    object-fit: contain;
    margin-bottom: 8px;
}
.tech-logos .vc_column-inner .wpb_wrapper p br,
.our-process-mob,
.driven-mob,
.design-thinking-mob {
    display: none;
}
.services-mobile-apps h2.light {
    max-width: 900px;
    margin: 0 auto;
}
.process-page .content-body-inner.wrap {
    padding-bottom: 0;
}
.cus-process-sec .wpb_row {
    display: flex;
}
.cus-process-sec .wpb_row .box-style-white,
.cus-process-sec .wpb_row .box-style-white .vc_column-inner,
.cus-process-sec .wpb_row .box-style-white .wpb_wrapper,
.cus-process-sec .wpb_row .box-style-white .wpb_wrapper .wpb_text_column.wpb_content_element {
    height: 100%;
}
.ser-text-image .development-team h2 br,
.cus-deram-team .hr-mobile-hide {
    display: none;
}
.ser-text-image .development-team h2 {
    max-width: 800px;
}
.cus-deram-team h2.light,
.cus-deram-team h3 {
    margin-top: 0;
    margin-bottom: 10px !important;
    line-height: normal;
}
.cus-deram-team .our-methodology {
    margin-bottom: 30px;
}
.btn-custom {
    padding: 7px 10px;
}
.widget.widget_search .search-form input.search-field::placeholder {
    color: var(--border-color-light) !important;
}
img.play-btn {
    position: absolute;
    width: 60px;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background-color: var(--white);
    border-radius: 50%;
}
.video-link {
    cursor: pointer;
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto 10px auto;
    text-align: center;
    color: var(--primary);
    transition: all 0.5s;
    background-color: var(--white);
}
.video-link:hover {
    background-color: var(--white);
    transition: background-color 0.5s ease;
}
.contact-bg-image {
    min-height: 80vh !important;
}
.overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 100;
    background-color: var(--black);
    opacity: 0.9;
    display: none;
}
.close.vid-link {
    position: fixed;
    top: 12vh;
    right: 30px;
    width: 40px;
    height: 40px;
    z-index: 9999;
    display: none;
    cursor: pointer;
}
.video-link:hover img.btn-play-btn {
    opacity: 0.4;
}
.main-vid-box {
    position: fixed;
    max-width: 1200px;
    width: 80%;
    height: auto;
    top: 50%;
    left: 50%;
    z-index: 99999;
    display: none;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.videoWrapper {
    position: relative;
    z-index: 9999;
    background-color: var(--black);
    width: 100%;
    height: 100%;
    display: flex;
    margin: 0 auto;
}
.videoWrapper video {
    position: relative;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100% !important;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.videoWrapper img.close.vid-link {
    position: absolute;
    top: 6px;
    width: 25px;
    height: 25px;
    right: 6px;
}
.cus-Dev-ops {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    max-width: 1300px;
    margin: 0 auto;
}
.cus-Dev-ops .dev-column {
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cus-Dev-ops .dev-column.dev-col-1,
.cus-Dev-ops .dev-column.dev-col-3 {
    background-image: url('/wp-content/uploads/2023/04/develop.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 10px;
}
.cus-Dev-ops .dev-column.dev-col-2,
.cus-Dev-ops .dev-column.dev-col-4 {
    background-image: url('/wp-content/uploads/2023/04/build.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 10px;
}
.cus-Dev-ops .dev-column .dev-container-inner {
    max-width: 280px;
    height: 280px;
    border: 8px solid #E8543C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
}
.cus-Dev-ops .dev_wrapper {
    background: #F8F8F8;
    border-radius: 50%;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
    width: 100%;
}
.cus-Dev-ops .dev-col-2 .dev-container-inner,
.cus-Dev-ops .dev-col-3 .dev-container-inner {
    border-color: #FBB03B !important;
}
.dev-user-box,
.dev-user-box .box-image,
.cus-Dev-ops .dev-column {
    position: relative;
}
.cus-Dev-ops .box-content h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 0;
}
.cus-Dev-ops .box-content {
    padding: 0 !important;
    width: 100%;
}
.cus-Dev-ops .box-content p {
    width: 100%;
    max-width: 100%;
}
.cus-Dev-ops .box-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
}
.cus-Dev-ops .dev-col-2 .dev-container-inner:before {
    background: url('/wp-content/uploads/2023/04/1-1.svg');
}
.cus-Dev-ops .dev-col-3 .dev-container-inner:before {
    background: url('/wp-content/uploads/2023/04/2-1.svg');
}
.cus-Dev-ops .dev-col-4 .dev-container-inner:before {
    background: url('/wp-content/uploads/2023/04/3-1.svg');
}
.cus-Dev-ops .dev-col-2 .dev-container-inner:before,
.cus-Dev-ops .dev-col-3 .dev-container-inner:before,
.cus-Dev-ops .dev-col-4 .dev-container-inner:before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    width: 80px;
    height: 44px;
    background-size: contain;
    left: -40px;
}
ul.build-col {
    list-style: none;
    position: relative;
    text-align: center;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    margin: 0 auto;
    padding: 0;
}
.build-col ul.blank-list {
    padding: 0;
    list-style: none;
}
ul.build-col .col-img {
    min-height: 250px;
    max-height: 196px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.build-col .col-text {
    padding: 0 0 20px 0;
}
hr.border-top {
    border: 10px solid #e8543c;
    border-radius: 10px;
}
.build-col .col-img img {
    width: 100%;
    max-width: 130px;
}
.build-col h4 {
    font-size: 24px;
    margin: 10px 0 5px;
}
.build-col p {
    margin-top: 0;
    position: relative;
}
ul.build-col li.col-odd:first-child .col-img,
ul.build-col li.col-odd:last-child .col-img {
    position: relative;
}
.build-col p:after {
    content: '';
    background: url(/wp-content/uploads/2023/04/Group.png);
    width: 5px;
    height: 50px;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 118%);
    left: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.build-col li.col-odd p:after {
    bottom: auto;
    transform: translate(-50%, -180%);
    left: 50%;
    top: 0;
}
hr.border-top {
    border: 10px solid var(--primary-light);
    border-radius: 10px;
    margin: 0px;
}
ul.build-col.bottom-line li.col-odd {
    display: flex;
    align-items: flex-end;
}
.build-col .col-text p {
    margin: 0;
    max-width: 100%;
}
ul.col-build-col {
    list-style: none;
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    margin: 0;
    padding: 0;
}
ul.col-build-col li {
    width: 180px;
    height: 180px;
    border: 8px solid var(--primary-light);
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 600;
    font-size: 12px !important;
    line-height: 24px;
    color: var(--black);
}
.demo.Launch-div {
    background: var(--white);
    border: 6px solid #FBB03B;
    border-radius: 0px 82px 86px 0px;
    width: 100px;
    text-align: center;
}
.demo.Start-div {
    background: var(--white);
    border: 6px solid var(--primary-light);
    border-radius: 86px 0px 0px 86px;
    width: 100px;
    text-align: center;
}
.demo {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
}
ul.col-build-col li p {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 16px;
    margin: 0;
}
.div-design {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.col-build-col li img {
    height: 50px;
    width: 50px;
    object-fit: contain;
    margin-bottom: 10px !important;
}
.div-design {
    display: flex;
}
.demo-test {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto;
}
.div-design img {
    margin: 0 10px;
}
ul.col-build li {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--black);
}
ul.col-build {
    list-style: none;
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    padding: 0;
    text-align: center;
    max-width: 1400px;
    margin: 0px auto 40px !important;
}
ul.col-build-col .yellow-color {
    border-color: #FBB03B;
}
ul.col-build-col .green-color {
    border-color: #8AC900;
}
ul.col-build-col .pink-color {
    border-color: var(--primary-light);
}
.culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_single_image .vc_single_image-wrapper {
    width: 290px !important;
    height: 300px;
}
.copyright-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.copyright-content * {
    margin: 0;
}
.cus-web-sucess .wpb_single_image {
    background: var(--color-gery-color);
    max-width: 700px;
    border-radius: 10px;
    padding: 60px 60px 30px 60px;
    text-align: center !important;
}
.cus-web-sucess .wpb_single_image img {
    max-width: 450px;
    object-fit: contain;
    width: 100%;
}
.cus-right-web .wpb_single_image {
    margin-left: auto;
}
.cus-right-web .cus-right-text .wpb_wrapper {
    max-width: 500px;
    margin-left: auto;
    margin-right: 0;
}
.error404 div#content-body {
    display: none;
}
.error404 .content-header-inner.wrap {
    padding: 4rem 0 0;
}
.widget.widget_search .search-form {
    display: none;
}
a.off-canvas-toggle {
    color: var(--primary) !important;
}
.menu-sliding li.menu-item-expand>.menu-item-toggle,
.menu-sliding li .menu-item-toggle {
    border: none !important;
    box-shadow: none;
    background: transparent !important;
}
.tag.blog-grid .content-inner[data-grid-normal] {
    justify-content: flex-start;
}
html body.single-post .content-body-inner {
    padding-bottom: 0;
}
.single-post div#related-posts {
    margin-bottom: 0;
}
li.desk-menu:before {
    content: "\f107";
    font-family: "fontAwesome";
    font-size: 20px;
    position: absolute;
    left: auto !important;
    right: -12px;
    top: 4px;
    line-height: 66px;
    text-align: center;
    color: var(--black);
    width: 50px;
}
.site-header-classic .navigator .menu-primary>li.desk-menu a::before {
    content: "\f107" !important;
    font-family: "fontAwesome";
    font-size: 20px;
    position: absolute !important;
    left: auto !important;
    right: -12px !important;
    top: 4px !important;
    line-height: 66px;
    text-align: center;
    width: 50px !important;
    border: 0 !important;
}
.home .site-header-classic .navigator .menu-primary>li.desk-menu:before {
    color: var(--box-shadow-offwhite);
}
p:has(a.btn.btn-custom) {
    margin-top: auto;
}
.project-block .wpb_wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
}
.project-block .wpb_wrapper .wpb_text_column {
    height: 100%;
}
.site-header-classic .navigator .menu-primary>li:hover:before,
.site-header-classic .navigator .menu-primary>li.current-menu-item:before,
.site-header-classic .navigator .menu-primary>li.current-page-item:before {
    border: 0 !important;
}
html body .header-full .navigator .menu .current-menu-item.team-menu a {
    color: var(--black);
}
.site-content .content-header .page-title-wrap {
    width: 100%;
}
html .site-content .content-header.content-header-featured .content-header-inner {
    min-height: 70vh;
}
input::placeholder {
    color: #9E9E9E !important;
}
.home-project-list .projects-items {
    display: flex;
    flex-wrap: wrap;
}
.home-project-list .project-inner,
.home-project-list .project-info-inner a,
.home-project-list .project-info-inner {
    height: 100%;
    display: flex !important;
    flex-direction: column;
}
.home-project-list .project-inner {
    padding: 35px 20px 30px !important;
}
.home-project-list .project-info {
    height: 100%;
}
.home-project-list .project-readmore {
    margin-top: auto;
}
.home-project-list .button.small {
    width: 100%;
    position: static !important;
}
.home-project-list .project-summary {
    padding: 10px 0 20px !important;
}
.home-project-list span.featured-image {
    min-height: auto !important;
}
.service-reach a.button {
    color: var(--white);
    font-family: 'Montserrat', sans-serif !important;
    border: 0;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    line-height: normal;
    border-radius: 8px;
    font-size: 18px;
    padding: 14px 20px;
    font-weight: 700;
    height: auto;
}
.service-reach a.button:hover {
    opacity: 0.8;
}
.contact-us-form .testimonial .testimonial-content,
.contact-us-form .testimonial .testimonial-image {
    margin: 0 !important;
}
.contact-us-form .testimonial .author-info {
    padding-top: 30px;
}
.custom-redline,
.bold-redline {
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--primary);
}
.bold-redline,
.text-bold {
    font-weight: bold;
}
.text-red {
    color: var(--primary);
}
.team-mamber h5 {
    color: #656565;
    font-size: 15px;
    font-weight: normal;
}
.modal-content.cus-modal-pop.ourServiceModal {
    width: 980px;
    text-align: center;
    border: 0;
    background: transparent;
}
.modal-content.cus-modal-pop.ourServiceModal .contact label {
    text-align: left;
    width: 100%;
    display: block;
    font-size: 14px;
}
.modal-content.cus-modal-pop.ourServiceModal .contact input,
.modal-content.cus-modal-pop.ourServiceModal .contact select {
    height: 40px;
}
.modal-content.cus-modal-pop.ourServiceModal .contact .row {
    margin-bottom: 10px !important;
}
.modal-content.cus-modal-pop.ourServiceModal .contact label>span {
    display: block;
    margin-top: 2px;
}
.modal-content.cus-modal-pop.ourServiceModal .contact .row textarea {
    height: 80px;
    vertical-align: top;
}
.modal-content.cus-modal-pop.ourServiceModal input.wpcf7-form-control.wpcf7-submit {
    margin: 0;
    line-height: 40px;
    font-weight: 600;
    border: none;
}
.modal-content.cus-modal-pop.ourServiceModal span.service-close {
    font-size: 48px;
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 0;
    cursor: pointer;
    color: #000;
}
.content-us-form .wpb_wrapper .contact .row .columns h3 {
    display: none !important;
}
.row.submit-btn-row {
    text-align: center;
}
.modal-content.cus-modal-pop.ourServiceModal .contact {
    border: none;
    padding: 80px 100px;
}
.modal-content.cus-modal-pop.ourServiceModal h3 {
    margin: 0 0 30px;
    font-size: 36px;
    font-weight: 700;
}
.modal-content.cus-modal-pop.ourServiceModal .wpcf7-spinner {
    left: 50%;
    transform: translate(-50%, -10px);
    -webkit-transform: translate(-50%, -10px);
    -o-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
}
.page-id-239 div#site {
    background: linear-gradient(to top, #FFF 0%, #fff 75%, Black 50%, Black 100%);
}
body:has(#ourServiceModal.active) {
    max-height: 100vh;
    overflow: hidden;
}
body:has(#ourServiceModal.active) #site {
    filter: blur(4px);
}
#ourServiceModal.modal {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    padding: 25px 0;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    max-height: 100vh;
    overflow: auto;
}
html body .wpcf7-form.invalid .wpcf7-response-output {
    display: none;
}
.customer-support {
    padding: 40px 0 0 40px;
}
.contact-section-left {
    padding: 40px 0 40px 40px !important;
}
.wpr-particle-list ol {
    padding-left: 0;
    display: flex;
    gap: 40px;
}
.wpr-particle-list ol li {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-radius: 10px;
    font-size: 14px;
    line-height: normal;
    max-width: 180px;
}
.wpr-particle-list ol li img {
    height: 40px;
}
#site .iconlist.iconlist-icon-mini.listing li {
    margin-bottom: 20px;
    position: relative;
    padding: 0 0 0 30px;
}
#site ul.iconlist.iconlist.iconlist-icon-mini.listing {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0;
}
.page-id-239 div#site {
    background: transparent;
}
.iconbox-custom {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
}
.content-list .wpb_wrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 20px;
}
.iconbox-custom * {
    margin: 0;
    padding: 0;
}
.wpb_text_column.wpb_content_element.content-list+.cus-web-sucess {
    justify-content: center;
    display: flex;
    margin: 20px 0 0;
}
p:empty {
    display: none;
}
.contact .row .columns p:last-child {
    margin-bottom: 18px;
}
.content-us-form .wpcf7-response-output {
    left: auto !important;
    font-size: 12px;
    padding: 0 75px !important;
    bottom: 40px;
}
.meet-our-team figure.wpb_wrapper {
    display: block;
}
.meet-our-team .row-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 0;
}
.team-mamber ul.iconlist.iconlist {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.team-mamber ul.iconlist.iconlist img {
    -webkit-animation-name: none !important;
    animation-name: none !important;
}
.cut-above p.lets-btn {
    font-size: 26px !important;
}
p.new-btns {
    text-align: center;
}
.cut-above a.btns:hover {
    background: var(--black);
}
.cus-modal-pop span.service-close {
    font-size: 28px;
    width: 23px;
    height: 23px;
    position: absolute;
    display: flex;
    align-items: center;
    background: #000;
    border-radius: 30px;
    justify-content: center;
    color: var(--white);
    right: 6px;
    padding: 10px;
    top: 6px;
}
.cus-modal-pop .wpcf7-response-output {
    margin: 0 !important;
    background-color: transparent;
}
.cus-modal-pop input.wpcf7-form-control.wpcf7-submit {
    max-width: 160px;
    width: 100%;
    padding: 0;
}
.cus-modal-pop .wpcf7-response-output {
    position: absolute;
    font-size: 12px;
    bottom: 40px;
    text-align: left !important;
    padding: 0 10% !important;
}
.cus-modal-pop .wpcf7-spinner {
    position: absolute;
    left: 45px;
    top: 15px;
}
.cus-modal-pop {
    position: relative;
    padding: 0;
}
.cus-modal-pop span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -11px;
    font-size: 12px !important;
    margin: 0 !important;
}
.contact .row .columns p {
    position: relative;
}
.team-mamber h3 {
    margin: 0px 0 4px !important;
    font-weight: 700;
}
section.meet-our-team {
    margin-bottom: 60px;
}
.cus-process-connect h1 {
    margin: 0;
}
.team-mamber img {
    transition-duration: 1s;
}
.team-mamber img:hover {
    transform: scale(1.1);
}
.post-meta {
    display: none;
}
.category .content-header.content-header-center.vc_row,
.tag .content-header.content-header-center.vc_row {
    padding-top: 150px;
}
.cus-quate p span,
.cus-quate p {
    font-size: 26px;
    color: var(--white);
    text-align: center;
    line-height: 1.1;
    font-weight: 400;
}
.cus-quate p {
    margin-bottom: 4px;
    font-weight: bold;
}
.cus-quate hr {
    max-width: 40px;
    height: 1px;
    background: var(--white);
    margin: 18px auto 17px;
    text-align: center;
}
.single-post .post-header::after {
    display: none;
}
.single-post .post-inner .post-header {
    padding: .0;
}
.home-grid .post-wrap {
    background: var(--white);
    height: 100%;
}
body:has(.blog-banner) .content-bottom-widgets {
    padding-top: 0;
    padding-bottom: 40%;
}
body:has(.blog-banner) .content-body-inner.wrap {
    padding-bottom: 50px;
}
.single-post .post-meta {
    display: flex;
    padding-top: 20px;
}
.single-post .post-footer {
    margin: 30px 0 0 0;
}
.single-post .post-meta .post-avatar {
    flex-basis: 50px;
}
.single-post .post-inner .post-header .post-meta .post-avatar {
    display: block !important;
}
.single-post .post-author-box {
    margin: 0 20% 60px;
    padding: 20px;
    border: 2px solid rgba(0, 0, 0, 0.05);
}
.single-post .post-author-box img {
    max-width: 40px;
    border-radius: 20px;
    margin-right: 10px;
}
.single-post .post-author-box .author-box-content {
    overflow: visible;
}
.single-post .post-author-box .author-box-content .author-box-title {
    margin: 0 0 20px 0;
    position: relative;
    top: 9px;
}
html body .projects-grid .project .project-inner .project-thumbnail .featured-image {
    min-height: 200px !important;
}
.partner-logo-sec a span {
    display: block;
}
.site-footer .footer-widgets .widget img.image {
    max-height: 80px;
}
.address-list {
    font-weight: 300;
}
section.vc_section.footer-top-section {
    margin-top: 0;
    padding: 80px 0 !important;
    color: #fff;
    background: #3c495e;
}
#site section.vc_section.footer-top-section .iconlist.iconlist-icon-medium li>div {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-direction: row;
}
#site section.vc_section.footer-top-section .services-btn {
    margin-top: 25px;
    margin-bottom: 0;
}
#site section.vc_section.footer-top-section .iconlist.iconlist-icon-medium li>div .iconlist-item-icon {
    margin: 0;
}
#site section.vc_section.footer-top-section .iconlist.iconlist-icon-medium li>div h3 {
    margin: 0;
    font-weight: 700;
    line-height: normal;
}
#site section.vc_section.footer-top-section .Hiring_text {
/*     font-size: 18px; */
    line-height: 1.6;
}
section.vc_section.footer-top-section:after {
    position: absolute;
    content: '';
    background-image: url(/wp-content/uploads/2024/09/TechBrolly-Logo-Icon.svg);
    right: 0;
    background-position: 100% 100%;
    z-index: 9;
    bottom: 0;
    width: 9rem;
    height: 9rem;
    background-repeat: no-repeat;
    opacity: 0.5;
    background-size: contain;
}
.site-footer .footer-widgets .widget:last-child h3.widget-title {
    margin-bottom: 14px;
    font-weight: 600;
}
section.vc_section.footer-top-section .wpb_column .iconlist.iconlist-icon-medium img {
    max-width: 80px;
}
.value-box>.vc_column-inner>.wpb_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
}
.heading-custom {
    -webkit-text-stroke-color: rgba(255, 255, 255, .6);
		font-size: clamp(32px, 4.25vw, 60px);
    font-weight: 700 !important;
}
.ser-mobile-apps .row-inner {
    display: flex;
    align-items: center;
}
.contact-page-theme-inner {
    background-color: #dadde07a !important;
}
.value-box>.vc_column-inner>.wpb_wrapper .vc_single_image-wrapper {
    width: 80px;
}
.value-box>.vc_column-inner>.wpb_wrapper h3 {
    color: #000;
    margin-top: 0px;
}
html body .wpcf7 form .wpcf7-response-output {
    color: #46b450;
}
html body .wpcf7 form .wpcf7-response-output,
html body .wpcf7-form.invalid .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    bottom: 20px;
    font-size: 12px;
    left: 40px;
}
.scroll-to-top-btn {
    position: fixed;
    bottom: 40px;
    right: 20px;
    background-color: var(--primary);
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 0;
    font-size: 34px;
    cursor: pointer;
    display: none;
    z-index: 1000;
    width: 50px;
    height: 50px;
}
.scroll-to-top-btn:hover {
    background-color: #000;
}
.elementor-headline-dynamic-wrapper .elementor-headline-dynamic-text {
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    color: #ee3a67;
}
.elementor-headline-dynamic-wrapper .elementor-headline-dynamic-text.elementor-headline-text-inactive.active {
    position: relative;
}
.elementor-headline-animation-type-flip .elementor-headline-dynamic-wrapper {
    perspective: 300px;
}
.elementor-headline-animation-type-flip .elementor-headline-dynamic-text {
    opacity: 0;
    transform: rotateY(180deg);
    transform-origin: 50% 100%;
}
.elementor-headline-animation-type-flip .elementor-headline-dynamic-text.elementor-headline-text-inactive.active {
    animation: elementor-headline-flip-in 1.9s;
    opacity: 1;
    transform: rotateY(0deg);
}
.elementor-headline-animation-type-flip .elementor-headline-dynamic-text.elementor-headline-text-inactive.inactive {
    animation: elementor-headline-flip-out 1.9s;
    transform: rotateY(180deg);
}
.elementor-headline-dynamic-wrapper {
    display: inline-block;
    position: relative;
}
.elementor-headline-animation-type-typing .elementor-headline-dynamic-wrapper {
    overflow: hidden;
    vertical-align: top;
}
@keyframes elementor-headline-flip-in {
    0% {
        opacity: 0;
        transform: rotateY(180deg);
    }
    35% {
        opacity: 0;
        transform: rotateY(120deg);
    }
    65% {
        opacity: 0;
    }
    to {
        opacity: 1;
        transform: rotateY(1turn);
    }
}
@keyframes elementor-headline-flip-out {
    0% {
        opacity: 1;
        transform: rotateY(0deg);
    }
    35% {
        opacity: 1;
        transform: rotateY(-40deg);
    }
    65% {
        opacity: 0;
    }
    to {
        opacity: 0;
        transform: rotateY(180deg);
    }
}
/* .elementor-headline-animation-type-flip .elementor-headline-dynamic-text.elementor-headline-text-inactive.active {
    animation: elementor-headline-fade-flip-in 1.2s ease-in-out forwards;
    opacity: 1;
    transform: rotateX(0deg);
}

.elementor-headline-animation-type-flip .elementor-headline-dynamic-text.elementor-headline-text-inactive.inactive {
    animation: elementor-headline-fade-flip-out 1.2s ease-in-out forwards;
    opacity: 0;
    transform: rotateX(180deg);
}
.elementor-headline-dynamic-text.elementor-headline-text-inactive.inactive {
    opacity: 0 !important;
    display: none;
}
@keyframes elementor-headline-fade-flip-in {
    0% {
        opacity: 0;
        transform: rotateX(180deg);
    }
    50% {
        opacity: 0.5;
        transform: rotateX(90deg);
    }
    100% {
        opacity: 1;
        transform: rotateX(0deg);
    }
}

@keyframes elementor-headline-fade-flip-out {
    0% {
        opacity: 1;
        transform: rotateX(0deg);
    }
    50% {
        opacity: 0.5;
        transform: rotateX(-90deg);
    }
    100% {
        opacity: 0;
        transform: rotateX(-180deg);
    }
} */
#site .blog-shortcode .blog-entries .blog-grid .post {
    padding: 0;
    margin-bottom: 0;
}
#site .blog-shortcode .blog-entries .blog-grid {
    display: grid;
    justify-content: space-between;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
html body .blog-shortcode .blog-entries .blog-grid .post {
    width: 100%;
}
/* Dropdown Styling */
li.has-dropdown__links.dropdown-items:first-child ul.headernav-dropdown__links.dropdown-content li.has-dropdown__links.parent-child>a::after {
    content: none;
}
/* Slick Slide Hover */
.slick-slide:hover {
    cursor: grabbing;
}
/* Smooth Scroll Behavior */
html {
    scroll-behavior: smooth;
}
/* Slick Carousel Styling */
.slick-slide .slide-content {
    margin: 0 var(--gutters);
    padding: 50px 100px;
    background: #fff;
}
.slick-list {
    margin: 20px 0;
}
.slick-prev,
.slick-next {
    position: absolute;
    right: var(--gutters);
    background: #777;
    border: none;
    color: transparent;
    width: 30px;
    height: 30px;
}
.slick-prev::before,
.slick-next::before {
    color: #fff;
    font-size: 25px;
}
.slick-prev {
    left: var(--gutters);
}
.slick-prev::before {
    content: "<";
}
.slick-next::before {
    content: ">";
}
.slick-dots {
    list-style: none;
    margin: 0 auto;
    text-align: center;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots li button {
    transition: 0.2s background-color ease-in-out;
    border: none;
    padding: 0;
    color: transparent;
    width: 10px;
    height: 10px;
    background-color: #777;
    margin-right: 10px;
    border-radius: 50%;
}
.slick-dots li.slick-active button {
    background-color: #fff;
}

.left-side-col .wpb_wrapper {
    max-width: 100%;
    margin: auto 0;
}
html body .left-side-col .wpb_wrapper h2.vc_custom_heading.h2-light {
    padding-bottom: 20px;
}
.left-side-col .wpb_wrapper .content {
    background: #fff;
    padding: 5px 20px 10px;
    margin: 10px auto;
    width: 92%;
}

.footer-aside-wrap .newsletter-form p .wpcf7-form-control-wrap input.wpcf7-form-control {
    text-transform: inherit;
}
.wrap {
width: 100% !important;
}
.content-bottom-widgets {
padding-bottom: 45%;
}

.content-bottom-inner.wrap a.button.btn-custom {
font-size: 16px !important;
}
.site-content .page-title .page-title-inner {
    margin: 14px 0 0;
}
body:has(.overlay[style="display: block;"]) .site-header,body:has(.overlay[style="display: block;"]) .site-header-sticky  {
    z-index: -1;
}
div#powerTip {
    width: auto !important;
    padding: 10px;
}
.lottie-globe {
    position: relative;
    z-index: 9;
}
.contact-section-right form.wpcf7-form .contact .row {
    position: relative;
    z-index: 99;
}
.page-id-239 .lottie-globe {
    display: none;
}
.lottie-globe {
    position: fixed;
    right: -60px;
    z-index: 9;
    top: 30vh;
    width: 250px;
    height: 295px;
    overflow: hidden;
}
.lottie-globe a {
    position: relative;
    width: inherit;
    height: inherit;
    display: block;
    overflow: hidden;
}
.lottie-globe lottie-player {
    position: absolute;
    right: 0;
}
.home .lottie-globe {
    display: none;
}
html body h6.vc_custom_heading.style1 {
    font-size: 12px !important;
}

html body .site-content h1 {
    font-size: clamp(28px, 2.35vw, 48px);
    font-weight: 700;
    line-height: normal;
}

html body .site-content h2 {
    font-size: clamp(26px, 2.15vw, 40px);
    font-weight: 600;
    line-height: normal;
}

html body .site-content h3 {
    font-size: clamp(20px, 1.56vw, 26px);
    font-weight: 600;
    line-height: normal;
}

html body .site-content h4 {
    font-size: clamp(20px, 2.92vw, 24px);
    font-weight: 600;
    line-height: normal;
}

html body .site-content h5 {
    font-weight: 600;
    line-height: normal;
    font-size: clamp(16px, 2.2vw, 20px);
}
html body .site-content h6 {
    font-weight: 600;
    line-height: normal;
    font-size: clamp(18px, 2.92vw, 20px);
}
.banner__heading h1 span {
    font-size: clamp(32px, 4.35vw, 55px);
    line-height: 1.4;
}

html body .site-content p, p, html body,
html body .site-content li,
html body .site-content a {
    font-size: clamp(14px, 2.66vw, 18px);
}

.site-footer .footer-widgets .footer-aside-wrap {
    display: flex;
    width: 100%;
}
.site-footer .footer-widgets aside[data-width="3"] {
    width: auto;
    float: none;
    padding: 0;
    max-width: 25%;
    margin-left: auto;
}
.site-footer .footer-widgets aside[data-width="3"]:first-child {
    margin-left: 0;
}

.blog-detail, .blog-detail .vc_column-inner {
    padding: 0 !important;
}
/* Custom CSS by END */
@media (min-width: 768px) {
	.section-box-home .delay-box .vc_column-inner {
		padding: 0;
	}
    .desktop-hide1 {
        display: none !important;
    }
    .tech-partner-mobile {
        display: none;
    }
	.section-box-home .row-inner {
		display: flex;
		gap: 15px;
	}
}
@media (min-width: 991px) {
		html body .wpcf7 form .wpcf7-response-output {
			font-size: 16px;
			font-weight: 500;
		}
	.section-box-home .row-inner {
		display: flex;
		gap: 30px;
	}
    .text.font-20 p {
        font-size: clamp(16px, 2.66vw, 20px);
    }
    .delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper .iconbox p {
        height: 60px;
    }
}
@media (min-width: 1200px) {
    .left-side-col .wpb_wrapper {
        max-width: 80%;
        margin: 0 auto;
    }
    #site .blog-shortcode .blog-entries .blog-grid {
        display: grid;
        justify-content: space-between;
        margin: 0 auto;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0px 30px;
    }
    html body .content>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_row>.row-inner,
    html body .content>.vc_section>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_section>.vc_row>.row-inner,
    html body .vc_editor.compose-mode .content .vc_element .vc_row .row-inner {
        padding: 0 2rem;
    }
    /* .banner__subheading p {
        font-size: 1.375rem;
    } */
    .desktop-hide {
        display: none !important;
    }
    .delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper .iconbox p {
        max-width: 300px;
        margin: 0 auto;
        font-size: 16px;
        height: 60px;
    }
    section.vc_section.cus-ref-culture.top-padding-100.cus-ref-culture-logo {
        max-width: 1320px !important;
        margin: 0 auto;
    }
    .text-over-text {
        max-width: 800px;
        margin: 0 auto !important;
    }
    .contact-page-theme {
        max-width: 1320px;
        margin: 0 auto !important;
    }
    .address-list {
        margin: 0 auto;
    }
    html body .projects-grid .project .project-inner .project-thumbnail .featured-image {
        min-height: 300px !important;
    }
}
@media (min-width: 1480px) {
    html body .content>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_row>.row-inner,
    html body .content>.vc_section>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_section>.vc_row>.row-inner,
    html body .vc_editor.compose-mode .content .vc_element .vc_row .row-inner {
        width: 90%;
        margin: 0 auto;
    }
    /* p {
        font-size: 1rem;
    } */
    .about-gallery .vc_single_image-wrapper.vc_box_border_grey img {
        height: 600px !important;
    }
}
@media (min-width: 1799px) {
    html body .content>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_row>.row-inner,
    html body .content>.vc_section>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_section>.vc_row>.row-inner,
    html body .vc_editor.compose-mode .content .vc_element .vc_row .row-inner {
        width: 1800px;
        margin: 0 auto;
        padding: 0 40px;
    }
}
@media (max-width: 1750px) {
    .banner__heading h1 span {
        font-size: clamp(32px, 4.35vw, 50px);
    }
}
@media (max-width: 1650px) {
    .banner__heading h1 span {
        font-size: clamp(32px, 4.35vw, 45px);
    }
}
@media (max-width: 1480px) {
    .single-post.sidebar-none .main-content .content .post-inner,
    .single-attachment.sidebar-none .main-content .content .post-inner {
        padding: 0 10%;
    }
    .single-post .post-author-box {
        margin: 0 10% 60px;
    }
    .navigation-wrap--head.row .col-auto a.logo.logo-with-cap img {
        height: 80px;
    }
}
@media (max-width: 1479px) {
    /* .project-box .tag-category .text-from-list h2 {
        font-size: 32px;
    } */
    html body .project-box.slide-content {
        padding: 60px 40px 40px;
        margin-top: 150px;
    }
    .service-colored-banner-bg.container .right .image.bottom::before,
    .service-colored-banner-bg.container .right .image.center::before {
        padding-bottom: 75%;
    }
    html body .content>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_row>.row-inner,
    html body .content>.vc_section>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_section>.vc_row>.row-inner,
    html body .vc_editor.compose-mode .content .vc_element .vc_row .row-inner,
    .site-header-sticky.header-full .wrap {
        padding: 0 40px;
        max-width: 100% !important;
        width: 100% !important;
    }
  
    html body .content>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_row>.row-inner,
    html body .content>.vc_section>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_section>.vc_row>.row-inner,
    html body .vc_editor.compose-mode .content .vc_element .vc_row .row-inner {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 40px;
    }
    html body .project-box.slide-content {
        max-width: 520px;
    }
}
@media (max-width: 1420px) {
    #site section.vc_section.footer-top-section .iconlist.iconlist-icon-medium li>div {
        gap: 24px;
    }
    .site-header-inner.wrap {
        padding: 0 40px;
        max-width: 100% !important;
        width: 100% !important;
    }
    .cus-Dev-ops .dev-column {
        width: 260px;
    }
    .cus-Dev-ops .dev-column .dev-container-inner {
        max-width: 220px;
        height: 220px;
    }
    .cus-Dev-ops .dev_wrapper {
        height: 200px;
    }
    .cus-comm-title .wpb_text_column .wpb_wrapper .build-col .col-text p {
        font-size: 14px;
        margin-top: 0;
        height: 90px;
    }
    .cus-Dev-ops .box-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .demo-test {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    ul.col-build-col {
        gap: 12px;
    }
    ul.col-build-col li {
        width: 160px;
        height: 160px;
        font-size: 12px;
    }
}
@media (max-width: 1320px) {
    .banner__heading h1 span {
        font-size: clamp(32px, 4.35vw, 40px);
    }
    .customer-support {
        padding: 40px 0 30px 40px;
    }
    .team-mamber ul.iconlist.iconlist {
        grid-template-columns: repeat(4, 1fr);
        width: 100% !important;
        margin: 0 !important;
    }
    .team-mamber {
        width: 100% !important;
    }
    .team-mamber ul.iconlist.iconlist li {
        max-width: 100% !important;
    }
    .demo {
        font-weight: 600;
        font-size: 14px;
    }
    html body .project-box.slide-content {
        max-width: 90%;
    }
    #site .cus-row-card .row-inner {
        max-width: 90% !important;
    }
    .content-us-form .wpcf7-response-output {
        padding: 0 55px !important;
    }
    .content-us-form .wpcf7-form.invalid .wpcf7-response-output {
        text-align: left;
    }
    .content-us-form .wpb_wrapper .contact {
        padding: 40px;
    }
    h2.light {
        margin-bottom: 20px !important;
        line-height: normal;
    }
    .our-methodology.wpb_column.vc_column_container {
        width: 100%;
    }
    /* .project-box .tag-category .text-from-list h2,
    .cus-row-card .col-left .sub-tilte h3 {
        font-size: 40px;
    }
    .cus-row-card .col-left p,
    .project-box .tag-category .text-from-list p {
        font-size: 16px;
    } */
    .cus-row-card .col-left p:last-child .btn-custom,
    .project-box .tag-category .text-from-list a.btn-custom {
        font-size: 16px;
        padding: 11px 30px;
        margin-top: 20px;
    }
    #site .cus-row-card .row-inner {
        padding: 30px 40px !important;
    }
    .project-box {
        padding: 60px 30px 30px;
        border-radius: 20px;
        margin-top: 150px;
    }
    .div-design img {
        margin: 0 6px;
        width: 24px;
    }
    html body #site .team-mamber ul.iconlist.iconlist li {
        padding: 0;
        margin: 0 !important;
    }
    /* #site section.vc_section.footer-top-section .iconlist.iconlist-icon-medium li>div h3 {
        font-size: 28px;
    } */
    section.vc_section.footer-top-section .wpb_column .iconlist.iconlist-icon-medium img {
        max-width: 70px;
    }
    /* #site section.vc_section.footer-top-section .Hiring_text {
        font-size: 16px;
    } */
}
@media (max-width: 1199px) {
	.site-header .navigator>.menu>li a, .site-header-sticky .navigator>.menu>li a {
		font-size: 18px;
	}
    .iconbox-custom {
        flex-direction: column;
    }
    .contact-section-right form.wpcf7-form .contact {
        padding: 24px 24px 40px;
    }
    #site section.vc_section.footer-top-section .iconlist.iconlist-icon-medium li>div {
        gap: 10px;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
    .value-box>.vc_column-inner>.wpb_wrapper .vc_single_image-wrapper {
        width: 120px;
    }
    .site-header-inner.wrap {
        padding: 0 20px;
    }
    /* .team-mamber h3 {
        font-size: 20px;
    } */
    .video-section .wpb_column {
        width: 100% !important;
    }
    /* .team-mamber h5 {
        font-size: 14px;
    } */
    .contact-bg-image {
        min-height: 70vh !important;
    }
    .site-header-classic .navigator .menu-primary>li.desk-menu a::before {
        right: -20px !important;
    }
    .content-us-form .wpb_wrapper {
        display: block;
    }
    .modal-content.cus-modal-pop.ourServiceModal {
        width: 80%;
    }
    .modal-content.cus-modal-pop.ourServiceModal .contact {
        border: none;
        padding: 60px;
    }
    .cus-comm-title .wpb_text_column .wpb_wrapper .build-col .col-text p {
        height: 100px;
    }
    li.desk-menu:before {
        right: -20px;
    }
    .site-header-classic .navigator .menu-primary>li.desk-menu:before {
        right: -18px !important;
    }
    .project-block .vc_column-inner>.wpb_wrapper .wpb_single_image {
        margin-bottom: 0px !important;
    }
    .iconlist-item-content p {
        font-size: 14px;
    }
    .our-client-logo ul.wpb_image_grid_ul li:first-child img {
        height: auto !important;
    }
    .our-client-logo ul.wpb_image_grid_ul {
        align-items: flex-end;
    }
    hr.border-top {
        border-width: 6px;
        margin: 10px;
    }
    ul.col-build-col li img {
        height: 28px;
        width: 28px;
        margin-bottom: 0px !important;
    }
    ul.col-build-col li {
        width: 120px;
        height: 120px;
        font-size: 10px !important;
    }
    .demo {
        font-weight: 600;
        font-size: 10px;
        width: 80px !important;
    }
    .cus-Dev-ops .dev-column {
        width: 230px;
    }
    /* .build-col h4 {
        font-size: 20px;
    } */
    .build-col .col-img img {
        width: 100%;
        max-width: 110px;
    }
    .cus-Dev-ops .dev-column .dev-container-inner {
        max-width: 180px;
        height: 180px;
        border: 6px solid #E8543C;
    }
    .cus-Dev-ops .dev_wrapper {
        height: 160px;
    }
    .cus-Dev-ops .box-content h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    /* .cus-comm-title .wpb_text_column .wpb_wrapper .dev-user-box p,
    .cus-comm-title .wpb_text_column .wpb_wrapper .build-col .col-text p {
        font-size: 13px;
    } */
    .driven-div img.vc_single_image-img {
        max-width: 100%;
        margin: 20px auto;
    }
    /* body .sub-title h2.light,
    body .service-industry h2,
    body .cus-tab-haeding h2.h2-light {
        font-size: 30px;
    } */
 
    .cus-deram-team h3,
    .cus-deram-team h2.light {
        margin-top: 0;
    }
    .cus-deram-team .our-methodology {
        margin-bottom: 40px;
    }
    /* .three-column-boxes .iconlist-item-content h3 {
        font-size: 22px;
    } */
    .about-gallery .vc_single_image-wrapper.vc_box_border_grey img {
        height: 400px !important;
    }
    /* .section-box-home .vc_row.wpb_row.vc_row-fluid h4.box-title {
        font-size: 18px;
    } */
    .team-img-slide.about-gallery {
        min-height: 100% !important;
        padding: 20px 0 !important;
    }
    .fix-overflow-gradient.order-2 .lottie-globe {
        height: 360px;
        width: 360px;
    }
    .about-banner-sec {
        margin-top: 40px;
    }
    .project-box .image-sec {
        max-width: 360px;
    }
    html body .site-header-classic .navigator .menu-primary>li,
    html body .site-header-sticky .navigator>.menu>li {
        padding: 0 1rem;
    }
    .project-box .tag-category {
        margin-top: 80px;
    }
    .project-box .tag-category .text-from-list h2,
    .cus-row-card .col-left .sub-tilte h3 {
        font-size: 30px;
        margin: 0 0 14px;
    }
    .project-box .tag-category .text-from-list {
        margin-top: 18px;
    }
    .project-box .tag-category ul li a {
        padding: 8px 16px;
        font-size: 14px;
    }
    .mobile-hide {
        display: none !important;
    }
    .project-box {
        margin-right: 30px;
    }
    #site .cus-row-card .row-inner {
        height: auto;
    }
    .our-client-logo li.isotope-item img {
        margin: 20px 0 0;
        height: 45px !important;
        width: auto !important;
        filter: none;
        opacity: 1 !important;
    }
    .iconbox.style3 a.button.no-bg {
        font-size: 16px;
    }
    html body #site .iconbox {
        padding: 30px 20px;
    }
/*     html body #site .vc_column_container>.vc_column-inner {
        padding-left: 10px;
        padding-right: 10px;
    } */
    html body #site .iconbox .box-icon {
        margin: 30px 0 0 0;
        height: 60px;
    }
    html body #site .iconbox .box-detail p:last-child {
        margin-bottom: 20px;
    }
    h2.light br {
        display: none !important;
    }
    /* .sub-tilte h3.light {
        font-size: 1.7rem;
    } */
    .service-colored-banner-bg.container .right .image.bottom img {
        top: 50%;
    }
    .service-colored-banner-bg.container {
        justify-content: space-between;
    }
/*     .theme-banner-section .wpb_column.vc_column_container {
        margin: 0 0 3rem;
    } */
    html body .content>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_row>.row-inner,
    html body .content>.vc_section>.vc_row>.row-inner,
    html body .content>.wpb-content-wrapper>.vc_section>.vc_row>.row-inner,
    html body .vc_editor.compose-mode .content .vc_element .vc_row .row-inner,
    .site-header-sticky.header-full .wrap {
        padding: 0px 20px;
    }
    .fix-overflow-gradient.order-2 {
        margin: 0 !important;
        padding: 30px 0 !important;
    }
    .design-col-5 p br {
        display: none;
    }
    li.has-dropdown__links.dropdown-items:first-child ul.headernav-dropdown__links.dropdown-content {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* .delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper .box-detail p {
        font-size: 15px;
    } */
    .delay-box .vc_column-inner>.wpb_wrapper {
        padding: 30px 20px;
    }
    ul.build-col .col-img {
        min-height: 220px;
    }

    .customer-benfit h4 {
        margin: 16px 0 !important;
        display: block;
    }
    .left-side-col.wpb_column.vc_column_container .vc_column-inner {
        padding: 0 !important;
    }
	.about-lottie .wpb_wrapper * {
		font-size: 14px;
	}
}
@media (max-width: 1024px) {
	.project-block {
		padding: 0 15px !important;
	}
	  .text p br,
    .section-title p br,
    .text p br .development-team h2.vc_custom_heading br,
    .section-title h3 br {
        display: none !important;
    }
	.service-colored-banner-bg.container .right .image {
		margin: 0 auto 20px;
	}
	.site-footer .footer-widgets .footer-aside-wrap {
		margin: 0;
	}
	.site-footer .footer-widgets .footer-aside-wrap {
		display: block;
		width: 100%;
	}
	 html body .site-footer .footer-widgets aside[data-width="3"] {
		width: 50%;
		margin-bottom: 30px;
		margin-right: 0;
		float: left;
		max-width: 100%;
	}
    html body .sliding-menu .off-canvas-toggle {
        top: 0 !important;
    }
    body .partner-top {
        padding-top: 60px !important;
    }
    html body .menu-sliding>li.current-menu-item>a,
    html body .menu-sliding>li.current_page_item>a {
        color: var(--primary);
    }
    .category .content-header.content-header-center.vc_row,
    .tag .content-header.content-header-center.vc_row {
        padding-top: 130px;
    }
    html .menu-sliding li.menu-item-expand>.menu-item-toggle,
    .menu-sliding li .menu-item-toggle {
        width: 100%;
    }
    .team-mamber ul.iconlist.iconlist {
        grid-template-columns: repeat(3, 1fr);
    }
    .menu-sliding li .sub-menu>li a h5+span {
        display: none;
    }
    html .menu-sliding li .menu-item-toggle:after {
        left: auto;
        right: 0;
    }
    .cus-web-sucess .wpb_single_image {
        padding: 20px 20px 20px 20px;
    }
    .section-box-home .delay-box .vc_column-inner>.wpb_wrapper p {
        min-height: 140px;
    }
    .menu-sliding li .sub-menu>li ::after {
        line-height: initial;
        top: -2px;
    }
    .menu-sliding li .sub-menu>li a h5 {
        color: var(--white);
        margin: 0;
        font-size: 15px;
    }
    html body.tag .content-body-inner {
        padding-bottom: 20px;
    }
    html body .menu-sliding li a br {
        display: none;
    }
    html body .menu-sliding li a {
        font-size: 20px;
    }
    .menu-sliding li .sub-menu>li a,
    .menu-sliding li .children>li a {
        padding: 0px 0;
        /* font-weight: 300; */
    }
    /* .cus-comm-title .wpb_text_column .wpb_wrapper .build-col .col-text p {
        font-size: 14px;
    } */
    .build-col .col-img img {
        width: 100%;
        max-width: 90px;
    }
    .cus-comm-title .wpb_text_column .wpb_wrapper .dev-user-box p {
        font-size: 12px;
        margin-top: 10px;
        padding: 0 5px;
    }
    .project-block .vc_column-inner>.wpb_wrapper {
        padding: 20px;
    }
    html body .project-box.slide-content {
        padding: 60px 30px 30px;
    }
    /* .cus-approval-sec .order-2 .sub-tilte h4,
    .cus-meet-team .sec-cus-approval-sec h3 {
        font-size: 24px;
    } */
    .section-box-home lottie-player {
        width: 80px !important;
        height: 80px !important;
    }
    section.culture-code-sec {
        height: 58vh !important;
        background-size: 100% 60vh !important;
    }
    /* .cus-approval-sec .order-2 .design-col-5 p,
    .cus-approval-section .design-col-5 p,
    .cus-meet-team .sec-cus-approval-sec .design-col-5 p {
        font-size: 16px;
    }
    .cus-approval-sec h2.work-with-new {
        font-size: 36px;
    } */
    section.culture-code-sec .vc_row.vc_row-o-full-height {
        min-height: 100%;
        padding: 100px 0;
        margin-bottom: 40px;
    }
    section.culture-code-sec {
        min-height: 100% !important;
    }
    /* section.culture-code-sec p {
        font-size: 24px;
    } */
    .culture-bottom-left a.btn-custom {
        font-size: 14px;
        padding: 8px 16px;
    }
    .our-ball-court lottie-player {
        top: 30px;
        width: 120px !important;
        height: 120px !important;
    }
    .our-ball-court h2 {
        margin-bottom: 38px;
        font-size: 30px;
        text-align: center;
    }
    /* .cus-meet-team .design-col-5 p,
    .cus-meet-team .sec-cus-approval-sec .design-col-5 p,
    .cus-approval-sec .order-2 .design-col-5 p,
    .cus-approval-section .design-col-5 p {
        font-size: 16px;
    }
    body #site .cus-ref-culture .section-banner-logo .box-content p {
        font-size: 16px;
    } */
    .cus-ref-culture .section-banner-logo .box-image img {
        width: 60px;
        height: 60px;
    }
    /* .cus-approval-sec h2.work-with-new {
        font-size: 36px;
    }
    .cus-comm-title h3 {
        font-size: 30px;
    } */
    .cus-comm-title .wpb_text_column .wpb_wrapper p {
/*         font-size: 18px; */
        margin-top: 20px;
    }
    html body .sliding-menu {
        background-color: var(--secondary) !important;
    }
    .cus-row-card .col-left p:last-child .btn-custom,
    .project-box .tag-category .text-from-list a.btn-custom {
        font-size: 16px;
        padding: 10px 18px;
        margin-top: 20px;
        height: auto;
    }
    .delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper .box-detail p {
        font-size: 14px;
        margin: 0 !important;
    }
    .page-template .content-header {
        margin-bottom: 0;
    }
    .site-content .content-header .page-title-wrap {
        width: 90%;
    }
    html body .menu-sliding li .sub-menu li ul li a {
        font-size: 14px;
        margin: 0 0 5px;
        padding: 0;
        font-weight: 400 !important;
    }
    .sliding-menu .off-canvas-toggle {
        top: 0;
        right: 0;
        border-radius: 0;
    }
    .site-content {
        clear: both;
/*         padding-top: 40px; */
    }
    .sliding-menu .off-canvas-wrap {
        padding: 16px !important;
    }
    .home .site-content {
        clear: both;
        padding-top: 0;
    }
    .menu-sliding li .sub-menu .sub-menu li:before {
        content: "-";
        margin-right: 10px;
        color: var(--white);
    }
    html body .menu-sliding li a {
        width: 100%;
    }
    .menu-sliding li .sub-menu li a,
    html body .menu-sliding li .sub-menu li ul li a {
        padding: 4px 0;
    }
    .menu-sliding li .sub-menu .sub-menu li a {
        width: calc(100% - 20px);
    }
}
@media (max-width: 990px) {
    html body .site-header-classic .navigator .menu-primary li:last-child a,
    html body .site-header-sticky .navigator .menu-primary li:last-child a {
        font-size: 16px !important;
    }
    .site-header .navigator>.menu>li a,
    .site-header-sticky .navigator>.menu>li a {
        font-size: 16px;
    }
    html body .wpcf7 form .wpcf7-response-output,
    html body .wpcf7-form.invalid .wpcf7-response-output {
        left: 20px;
    }
    .contact-section-right form.wpcf7-form {
        margin-top: 0;
    }
    .value-box>.vc_column-inner>.wpb_wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    section.vc_section.footer-top-section .wpb_column .iconlist.iconlist-icon-medium li>div {
        display: flex;
        flex-direction: column;
    }
    .post-footer {
        margin: 10px !important;
    }
    .post-avatar img {
        max-width: 40px;
    }
    .single-post .post-meta {
        padding-top: 10px !important;
    }
    html body section.vc_section.fix-overflow.cus-deram-team.cus-distrume {
        padding-top: 0 !important;
    }
    .single-post .post-author-box img {
        margin-right: 12px;
    }
    .content-us-form .wpcf7-response-output {
        bottom: 22px;
    }
    h3 br,
    h4 br,
    h2 br,
    h1 br,
    h5 br {
        display: none;
    }
    .contact-bg-image {
        min-height: 60vh !important;
    }
    .cus-comm-title .wpb_text_column .wpb_wrapper .build-col .col-text p {
        height: 112px;
    }
    .iconlist.iconlist-icon-medium {
        flex-wrap: wrap;
        gap: 42px 6px;
    }
    .section-box-home .vc_row.wpb_row.vc_row-fluid h4.box-title {
        min-height: 48px;
    }
    html body #site .iconlist.iconlist-icon-medium li {
        max-width: calc(100% - 3px);
        width: 100%;
    }
    .service-colored-banner-bg.container {
        justify-content: space-between;
        flex-direction: column-reverse;
        width: 100%;
    }
    .service-colored-banner-bg .right {
        text-align: center;
    }
    .service-colored-banner-bg .right,
    .service-colored-banner-bg .left {
        width: 100%;
    }
    ul.col-build-col li {
        width: 100px;
        height: 100px;
        font-size: 10px;
        border-width: 5px;
    }
    .demo {
        font-weight: 600;
        font-size: 9px;
        width: 80px !important;
        border-width: 4px !important;
    }
    ul.col-build-col {
        gap: 6px;
    }
    .div-design img {
        margin: 0 6px;
        width: 20px;
    }
    .cus-Dev-ops .dev-column {
        width: 200px;
    }
    .cus-Dev-ops .dev-column .dev-container-inner {
        max-width: 150px;
        height: 150px;
        border: 4px solid #E8543C;
    }
    .cus-Dev-ops .dev_wrapper {
        height: 130px;
    }
    .cus-Dev-ops .dev-col-2 .dev-container-inner:before,
    .cus-Dev-ops .dev-col-3 .dev-container-inner:before,
    .cus-Dev-ops .dev-col-4 .dev-container-inner:before {
        width: 50px;
        height: 30px;
        left: -25px;
    }
    .cus-Dev-ops {
        max-width: 760px;
        margin: 0 auto;
    }
    .contact-us-form .testimonial .testimonial-text {
        padding-right: 0px;
    }
/*     html body section.vc_section.fix-overflow.cus-deram-team {
        padding-top: 60px !important;
    } */
    .development-team {
        padding-top: 50px;
    }
    /* .box-style-white .wpb_text_column.wpb_content_element .wpb_wrapper h3 {
        font-size: 24px;
    } */
    .box-style-white .wpb_text_column.wpb_content_element .wpb_wrapper {
        padding: 30px 20px 0px 20px;
    }

    body .cus-approval-sec .wpb_single_image img {
        height: auto;
        max-width: 440px;
        margin: 40px auto;
    }
    .cus-ref-culture .section-banner-logo .row-inner .wpb_column.about-lottie p br {
        display: none;
    }
    .about-lottie .wpb_raw_code.wpb_content_element lottie-player {
        margin: 0 auto;
        width: 80px !important;
        height: 80px !important;
    }
    .fix-overflow-gradient.order-2 .lottie-globe {
        height: 360px;
        width: 360px;
        margin: 0 auto;
    }
    body .cus-approval-sec .wpb_single_image.vc_align_left {
        text-align: center;
    }
    #site .cus-row-card .row-inner {
        height: 100%;
        flex-wrap: nowrap !important;
        text-align: center;
        justify-content: space-around;
        align-items: center;
        max-width: 680px !important;
        flex-direction: column-reverse !important;
        max-height: 100% !important;
    }
    .cus-meet-team .row-inner .about-tab-view.wpb_column,
    .sec-cus-approval-sec .wpb_column.vc_column_container,
    .cus-approval-sec .wpb_column.vc_column_container {
        width: 100%;
        padding: 0 !important;
    }
    .our-ball-court img.stagger1 {
        height: 130px;
    }
    .our-ball-court-sec {
        background-size: 100% 100% !important;
    }
    .project-box .tag-category {
        margin-top: 60px;
    }
    .project-box .image-sec {
        max-width: 300px;
    }
    .project-box {
        margin-top: 100px;
    }
    .project-box .tag-category ul {
        flex-direction: column;
        justify-content: left;
        align-items: flex-start;
    }
    .project-box {
        margin-right: 20px;
    }
    .content-us-form h3 {
        text-align: center;
    }
    #site .cus-row-card .row-inner div .design-col-5 {
        margin-top: 0px;
    }
    #site .cus-row-card .row-inner div {
        width: 100%;
        text-align: left;
    }
    .contact-us-form .contact .row label {
        display: block;
        padding-bottom: 10px;
    }
    .cus-address-footer.col-12 .row .col-3 {
        padding-right: 10px;
        padding-left: 10px;
    }
    /* html body .projects-grid .project .project-inner .project-info .project-title {
        font-size: 1rem;
    } */
    html body .projects-grid .project .project-inner .project-info .project-summary {
        font-size: 0.88rem;
        line-height: 1.5rem;
    }
    section.vc_section.section-1.banner-section {
        padding-top: 0px !important;
        min-height: auto !important;
    }
    .our-client-logo li.isotope-item {
        width: 33.3% !important;
        float: left !important;
    }
    .our-client-logo ul.wpb_image_grid_ul {
        width: 100%;
        flex-wrap: wrap;
        align-items: flex-end;
    }
    .desktop-hide {
        margin: 0 !important;
    }
/*     section.vc_section.mobile-padding-2 {
        padding-top: 0 !important;
    } */
    .theme-banner-section .wpb_column.vc_column_container {
        max-width: 92%;
        margin: 0 auto !important;
    }
    .fix-overflow-gradient,
    .fix-overflow-gradient.order-2 {
        padding-bottom: 0px !important;
    }
/*     section.vc_section.fix-overflow {
        padding: 30px 0 !important;
    } */
    .section-sticky .right-side-col,
    .section-sticky .right-side-col {
        position: relative !important;
        top: 0rem;
        padding: 20px;
        margin-top: 20px;
        max-width: 100%;
        left: auto;
    }
    /* .wpb_text_column.wpb_content_element.right-content ul li a {
        font-size: 1rem;
    } */
    .contact-us-form .testimonial .testimonial-content {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .contact-us-form .testimonial .testimonial-wrap {
        padding: 20px !important;
        text-align: center;
    }
    .left-side-col.wpb_column.vc_column_container,
    .right-side-col.wpb_column.vc_column_container {
        width: 100% !important;
    }
    /* .banner__heading h1 {
        font-size: 40px;
    }
    .project-box .tag-category .text-from-list h2,
    .our-ball-court h2,
    .cus-comm-title h2,
    .cus-ref-culture h2.vc_custom_heading.work-with-new {
        font-size: 36px;
    } */
    .left-side-col h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    /* body,
    p,
    .project-box .tag-category .text-from-list p,
    .delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper .box-detail p,
    .cus-ref-culture .section-banner-logo .row-inner .wpb_column.about-lottie p {
        font-size: 16px;
    } 
    .our-ball-court h2 {
        font-size: 24px;
    } */
    .ball-inner button {
        font-size: 14px;
        height: auto;
        line-height: normal;
        padding: 10px 20px;
    }
    .delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper .box-detail p {
        height: 80px;
        margin: 0 !important;
    }
    .service-faq-sec .service-faq-col {
        width: 100%;
        margin-bottom: 50px;
    }
    .our-ball-court-sec:after {
        width: 140px !important;
        height: 80px !important;
    }
    .headernav-dropdown__links a:not(.link-arrow),
    li.has-dropdown__links.parent-child span {
        font-size: 1rem;
    }
    .menu-sliding li .sub-menu,
    .menu-sliding li .children {
        margin: 0 0 0 15px;
    }
    section#get-in-touch .wpb_column.vc_column_container {
        width: 100%;
    }
    section.vc_section.footer-top-section .row-inner {
        flex-direction: column;
        gap: 20px;
    }
    section.vc_section.footer-top-section .row-inner .wpb_column.vc_column_container {
        width: 100%;
    }
}
@media (max-width: 767px) {
/* 	.fix-overflow-gradient.order-2 .vc_column-inner {
		padding: 0;
	} */
	.left-side-col .content h3, html body .web-service-sec .content h3 {
		margin-top: 10px;
		font-size: 18px;
	}
	.ser-web-soltution .design-col-3 > .row-inner .wpb_wrapper p {
		margin-bottom: 30px !important;
	}
    .value-box>.vc_column-inner>.wpb_wrapper {
        align-items: center;
    }
    .ser-mobile-apps .row-inner {
        flex-direction: column;
    }
    html body .heading-custom {
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    .contact-section-left {
        padding: 20px !important;
    }
    .customer-support {
        padding: 0 20px;
    }
    .content-list .wpb_wrapper {
        gap: 10px;
    }
    .customer-support h2 {
        margin-bottom: 10px !important;
    }
    .content-list .wpb_wrapper .icon {
        display: none;
    }
    .team-mamber ul.iconlist.iconlist li {
        width: 100% !important;
    }
    body #site .iconlist.iconlist-icon-medium li {
        margin-bottom: 10px;
    }
    .single-post .post-author-box {
        margin: 0 0% 60px;
    }
    * html body .web-service-sec {
        padding: 40px 0;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .value-box>.vc_column-inner>.wpb_wrapper .vc_single_image-wrapper {
        width: 80px;
    }
    .value-section img {
        width: 60px;
    }
    .value-box>.vc_column-inner>.wpb_wrapper {
        gap: 10px;
    }
    .site-footer .footer-widgets .widget img.image {
        max-height: 60px;
    }
    .scroll-to-top-btn {
        bottom: 80px;
        font-size: 28px;
        width: 40px;
        height: 40px;
        line-height: 20px;
    }
    html body .logo.logoDefault,
    html body .logo.logoDark {
        width: 120px;
    }
    section.vc_section.footer-top-section:after {
        width: 6rem;
        height: 6rem;
    }
    .lottie-globe {
        display: none;
    }
    /* .site-footer .footer-widgets a,
    .address-list p,
    .address-list a {
        font-size: 14px;
    } */
    .site-footer .footer-widgets .widget:last-child h3.widget-title {
        margin-top: 30px;
    }
    section.vc_section.footer-top-section .wpb_column .iconlist.iconlist-icon-medium img {
        max-width: 80px;
    }
    h1 {
        margin-top: 0;
    }
    body .partner-logo-sec br {
        display: block !important;
    }
    body .tech-partner-mobile {
        padding-bottom: 50px;
    }
    body .map-section {
        padding-top: 30px !important;
    }
    .tech-partner-desktop {
        display: none;
    }
    body .partner-top {
        padding-top: 80px !important;
    }
    .partner-top h2 {
        margin-top: 0;
    }
    .cus-process-sec h2 {
        padding-bottom: 26px;
    }
    html body.partner-top {
        padding-top: 20px !important;
    }
    body .about-banner-sec {
        padding-top: 80px !important;
    }
    body:has(.blog-banner) .content-bottom-widgets .button.btn-custom.services-btn {
        margin: 0;
    }
    body:has(.blog-banner) .content-bottom-widgets {
        padding-bottom: 50%;
    }
    .team-mamber img:hover {
        transform: none;
    }
    body:has(.blog-banner) .content-body-inner.wrap {
        padding-bottom: 35px;
    }
    .top-space.service-out-how {
        padding-top: 10px !important;
    }
    .copyright {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    .copyright p {
        width: 100%;
        margin: 0;
        justify-content: center;
    }
    .cus-quate hr {
        max-width: 20px;
    }
    .category .content-header.content-header-center.vc_row,
    .tag .content-header.content-header-center.vc_row {
        padding-top: 70px;
        margin-bottom: 20px;
    }
    .about-banner-sec {
        margin-top: 0;
    }
    html body .design-col-4 .iconbox h3.box-title {
        max-width: 100%;
    }
    .off-canvas-toggle:before {
        background: var(--primary);
    }
    body .about-banner-sec {
        padding-top: 80px !important;
    }
    .blog-banner h2 {
        margin-top: 10px;
    }
    .blog-banner .cus-comm-title {
        margin-top: 0px;
    }
    .team-mamber ul.iconlist.iconlist img {
        width: 100%;
    }
    .contact-banner .vc_column-inner {
        padding-bottom: 15px !important;
    }
    img.play-btn {
        width: 36px;
    }
    .service-out-how h3 {
        text-align: center;
    }
    html body #site .team-mamber .iconlist.iconlist-icon-medium li {
        margin-bottom: 0px !important;
        max-width: 100%;
        padding: 0;
    }
    .cut-above p.lets-btn {
        font-size: 18px !important;
    }
/*     body section.vc_section.fix-overflow.service-deep-dive.faq-mobile {
        margin-top: 50px;
    } */
    .cus-modal-pop .wpcf7-response-output {
        padding: 0 40px !important;
    }
    .team-mamber ul.iconlist.iconlist {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 20px;
    }
    .team-mamber .iconlist-item-icon {
        margin-bottom: 15px !important;
    }
    .cus-modal-pop .wpcf7-response-output {
        padding: 0 40px !important;
    }
    .team-mamber h3 {
        margin-bottom: 5px !important;
    }
    body .cus-modal-pop .wpcf7-response-output,
    .content-us-form .wpcf7-response-output {
        bottom: 24px;
        line-height: 1;
    }
    .content-us-form .submit-btn-row {
        margin-top: 12px !important;
    }
    .modal-content.cus-modal-pop.ourServiceModal .contact .row {
        margin-bottom: 0px !important;
    }
    .contact input.wpcf7-submit {
        min-width: 140px;
        margin: 15px 0 !important;
        border-radius: 8px;
    }
    .contact .row label {
        font-size: 12px;
    }
    .contact-bg-image {
        min-height: 50vh !important;
    }
    .services-btn a {
        z-index: 9;
    }
    .modal-content.cus-modal-pop.ourServiceModal .contact {
        padding: 60px 40px 40px;
    }
    .cus-comm-title .wpb_text_column .wpb_wrapper .build-col .col-text p {
        height: auto;
    }
    ul.build-col.bottom-line:before {
        content: '';
        position: absolute;
        left: -3px;
        border: 5px solid #ee3a69;
        height: 100%;
        border-radius: 20px;
    }
    hr.border-top {
        display: none;
    }
    li#menu-item-2019 ul.sub-menu li {
        padding: 10px 0;
    }
    .cus-web-sucess .wpb_single_image {
        background: transparent;
    }
    .mobile-space .wpb_column {
        padding: 0 !important;
    }
    .project-block .vc_column-inner>.wpb_wrapper .wpb_single_image {
        margin-bottom: 0px !important;
    }
    .section-box-home .delay-box .vc_column-inner>.wpb_wrapper p {
        min-height: auto;
    }
    .section-box-home .vc_row.wpb_row.vc_row-fluid h4.box-title {
        min-height: auto;
    }
    hr.border-top {
        margin: 0px;
    }
    .cus-comm-title .wpb_text_column .wpb_wrapper .dev-user-box p {
        font-size: 10px;
    }
    .desktop-view1 {
        display: none !important;
    }
    .desktop-hide1 {
        display: block !important;
    }
    .div-design.bottom-view {
        position: absolute;
        top: -40px;
        right: 0;
        flex-direction: column-reverse;
    }
    .div-design.top-view {
        position: absolute;
        top: -40px;
        left: 0;
        flex-direction: column;
    }
    .demo-test {
        position: relative;
        width: 300px;
        padding-top: 40px;
    }
    .div-design.bottom-view img {
        transform: rotate(270deg);
        margin: 20px 0;
    }
    .service-colored-banner-bg.container {
        gap: 0;
        padding: 50px 0px;
    }
    .div-design img {
        transform: rotate(90deg);
        margin: 20px 0;
    }
    ul.col-build-col.col-build-col-2 {
        grid-template-columns: repeat(2, 1fr);
        max-width: 210px;
        margin: 0 auto;
    }
    ul.col-build-col.col-build-col-1 {
        grid-template-columns: repeat(3, 1fr);
    }
    .cus-Dev-ops {
        width: 400px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
    }
    .cus-Dev-ops .dev-column {
        margin-bottom: 30px;
    }
    .cus-Dev-ops .dev-col-3 .dev-container-inner:before {
        left: auto !important;
        top: -36px;
        transform: rotate(90deg);
        width: 80px !important;
        height: 43px !important;
    }
    .cus-Dev-ops .dev-col-2 .dev-container-inner:before,
    .cus-Dev-ops .dev-col-3 .dev-container-inner:before,
    .cus-Dev-ops .dev-col-4 .dev-container-inner:before {
        width: 78px;
        height: 42px;
        left: -38px;
    }
    .build-col-build {
        display: flex;
        width: 400px;
        margin: 30px auto;
    }
    ul.build-col {
        list-style: none;
        position: relative;
        text-align: center;
        width: 50%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
        margin: 0 auto;
        padding: 0;
    }
    hr.border-top {
        border: 6px solid #e8543c;
        height: 100vh;
    }
    ul.build-col .col-img {
        transform: rotate(270deg);
        min-height: 130px;
        max-height: 120px;
    }
    ul.build-col.bottom-line .col-text {
        padding-left: 20px;
        padding-right: 0px;
    }
    .build-col .col-text {
        padding-right: 20px;
    }
    ul.build-col.bottom-line li.col-odd {
        align-items: center;
    }
    .build-col p:after {
        height: 0;
    }
    li.col-odd {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .driven-mob.driven-div img.vc_single_image-img,
    .design-thinking-mob img.vc_single_image-img,
    .design-thinking-mob img.vc_single_image-img,
    .our-process-mob img.vc_single_image-img {
        max-width: 400px;
    }
    .cus-row-card .col-left .dark-btn {
        margin-bottom: 5px;
    }
    #site .cus-row-card .row-inner div .design-col-5 p {
        display: block;
    }
    .service-out-how .wpb_column:nth-child(2)>.vc_column-inner {
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }
    .service-industry {
        padding: 0px 0 30px 0 !important;
    }
    #featured-client-sec .wpb_row:nth-child(3) {
        padding-top: 0 !important;
    }
/*     .cus-process-connect .vc_row.wpb_row {
        padding-bottom: 60px !important;
        padding-top: 0 !important;
    } */
    .design-thinking-mob img.vc_single_image-img {
        margin-top: 20px;
        max-width: 400px;
    }
    #site .cus-process-sec>.vc_row.wpb_row,
    .cus-process-build .vc_row.wpb_row {
        padding-top: 0 !important;
        padding-bottom: 40px !important;
    }
    .our-process-mob,
    .driven-mob,
    .design-thinking-mob {
        display: block;
    }
    .cus-process-build .driven-div img.vc_single_image-img {
        margin: 30px auto;
    }
    .cus-process-think>.vc_row.wpb_row {
        padding-top: 0 !important;
    }
    .cus-process-service {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .cus-process-sec .wpb_row .box-style-white,
    .cus-process-sec .wpb_row .box-style-white .vc_column-inner,
    .cus-process-sec .wpb_row .box-style-white .wpb_wrapper,
    .cus-process-sec .wpb_row .box-style-white .wpb_wrapper .wpb_text_column.wpb_content_element {
        height: auto;
    }
    .our-process-desk,
    .driven-desk,
    .design-thinking-desk,
    .content-us-form .wpb_wrapper figure.wpb_wrapper:before {
        display: none;
    }
    .content-us-page .row-inner {
        display: block;
    }
    .contact-us-form .testimonial {
        width: 100%;
        max-width: 100%;
    }
    body p {
        font-size: 15px;
    }
    .content-us-form .wpb_wrapper {
        flex-direction: column;
    }
    .content-us-form .wpb_wrapper img.vc_single_image-img {
        display: none;
    }
    .cus-approval-sec:after,
    .our-ball-court-sec:after {
        height: 0;
        display: none !important;
    }
    .cus-approval-sec .order-2 .sub-tilte h4 {
        margin-top: 20px;
    }
    section.vc_section.cus-approval-sec {
        padding: 0 !important;
    }
    .our-ball-court-sec .vc_row.wpb_row.vc_row-fluid .row-inner {
        align-items: center !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    section.vc_section.our-ball-court-sec img {
        display: none;
    }
    section.vc_section.our-ball-court-sec {
        margin-top: 0px;
    }
    html .our-ball-court-sec {
        margin: 0 !important;
        padding: 0 0 40px !important;
    }
    .development-team {
        padding-top: 0px;
    }
    .design-col-5 .sub-tilte h4,
    .design-col-5 p,
    .fix-overflow-text-center p,
    .fix-overflow-text-center h3.no-margin-top,
    html .mobile-text-center h3.vc_custom_heading,
    html .mobile-text-center h6.vc_custom_heading.style1,
    body .contact-us-form h2.vc_custom_heading {
        text-align: center !important;
    }
    html body #site .iconlist.iconlist-icon-medium li:last-child {
        margin-bottom: 0 !important;
    }
    html body #site .ser-web-soltution .iconlist.iconlist-icon-medium li:last-child {
        margin-bottom: 30px !important;
    }
    body .service-img-shadow .service-colored-banner-bg .left {
        padding-bottom: 0;
    }
    .cus-deram-team .our-methodology h3 {
        margin-bottom: 10px;
    }
    .cus-deram-team {
        margin-bottom: 30px;
    }
    .cus-deram-team .vc_empty_space {
        display: none;
    }
    #site .ser-mobile-apps ul.iconlist {
        margin-bottom: 0;
    }
    body .service-reach {
        padding: 30px 0 !important;
    }

    .delay-box.lottie-box-contact .vc_column-inner>.wpb_wrapper .box-detail p {
        height: auto;
    }
    .about-gallery .vc_single_image-wrapper.vc_box_border_grey img {
        height: 300px !important;
    }
    section.culture-code-sec ul.slick-dots button {
        width: 13px;
        height: 13px;
    }
    section.culture-code-sec ul.slick-dots {
        position: relative;
        bottom: 0;
        transform: none;
        left: 0;
    }
    html body .our-ball-court-sec {
        min-height: auto !important;
    }
    .section-banner-section-footer .vc_column-inner {
        padding: 20px 0 100px !important;
        margin: 0px auto 40px;
        max-width: 100%;
        max-height: 100%;
    }
    .it-solution div {
        font-size: 18px !important;
    }
	.cus-quate p span, .cus-quate p {
		font-size: 20px;
	}
    .cus-ref-culture .section-banner-logo .box-image img {
        width: 70px;
        height: 70px;
    }
   
    html body .about-gallery {
        padding: 40px 0 20px !important;
        min-height: auto !important;
    }
    .cus-approval-sec .order-2 .sub-tilte h4,
    .cus-meet-team h3.work-with-new {
        font-size: 20px;
    }
    .cus-ref-culture .section-banner-logo .box-content {
        padding-top: 12px !important;
        margin-bottom: 20px;
    }
    .cus-approval-sec .order-2 .sub-tilte h4,
    .cus-approval-sec h2.work-with-new,
    .cus-meet-team h3.work-with-new {
        text-align: center !important;
    }
    .meet-our-team .wpb_single_image img {
        margin-bottom: 50px;
    }
    .meet-our-team .roobats-img .wpb_single_image img {
        max-width: 100%;
        margin-bottom: 0px;
    }
    .roobats-img figure.wpb_wrapper.vc_figure,
    .roobats-img figure.wpb_wrapper.vc_figure div {
        width: 100%;
    }
    .meet-our-team .margin-top-mobile {
        margin: 0 !important;
    }
    #site .cus-row-card .row-inner {
        width: 90% !important;
        padding: 20px 0 !important;
        border-radius: 20px !important;
    }
    .project-section.custom-proj {
        max-width: 400px;
        margin: 0 auto;
    }
    .fix-overflow-img .wpb_single_image img {
        object-fit: cover;
    }
    .cus-row-card .col-left p,
    .project-box .tag-category .text-from-list p {
        font-size: 16px;
        text-align: left;
    }
    #site .cus-row-card .row-inner div h3.light {
        margin-bottom: 0 !important;
    }
    #site .cus-row-card .row-inner div .sub-tilte {
        margin-bottom: 10px;
    }
    .bg-color-red div h3 {
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    .cus-address-footer.col-12 .row {
        flex-direction: column;
    }
    .cus-address-footer.col-12 .row .col-3 {
        margin-bottom: 30px;
    }
    .list-style-nav .menu {
        padding: 0px 0 20px;
    }
    .footer-aside-wrap .newsletter-form p .wpcf7-submit {
        max-width: 110px;
        padding: 0;
    }
    .footer-aside-wrap .newsletter-form p .wpcf7-form-control-wrap input.wpcf7-form-control,
    .footer-aside-wrap .newsletter-form p .wpcf7-submit {
        padding: 0 10px;
    }
    body .site-footer .footer-widgets {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .projects-grid .project .project-inner .project-info .button {
        height: 42px;
        font-size: 1rem;
        line-height: 42px;
    }
    .content-bottom-inner.wrap a.button.btn-custom {
        font-size: 1rem;
        height: 42px;
        line-height: 1;
    }
    html body #site .projects-shortcode .projects-items {
        margin: 0;
    }
    html body #site .iconlist.iconlist-icon-medium li {
        margin-bottom: 30px !important;
        max-width: 100%;
    }
    .iconlist.iconlist-icon-medium {
        gap: 0;
    }
    .service-colored-banner-bg.container .left {
        flex: 0 0 100%;
        padding: 2.5rem 0.5rem;
        text-align: center;
    }
    .service-colored-banner-bg.container .right {
        flex: 0 0 100%;
    }
    .service-colored-banner-bg.container .right .image.bottom::before,
    .service-colored-banner-bg.container .right .image.center::before {
        content: none;
    }
    .service-colored-banner-bg.container .right .image.bottom img {
        top: auto;
        position: relative;
        width: 100%;
        left: auto;
        min-height: 100%;
        transform: none;
        height: auto;
        object-fit: contain;
    }
    body .text-right,
    .mobile-text-center h6,
    .mobile-text-center h3,
    .mobile-text-center p,
    .service-colored-banner-bg.container .right .image,
    .sub-tilte h3.light,
    .design-col-5 p,
    .fix-overflow-img .wpb_single_image.vc_align_left,
    h2.light,
    .mobile-padding-2 p,
    .mobile-padding-2 h3,
    .development-team h2.vc_custom_heading {
        text-align: center;
    }
    .project-block.fix-overflow-img .wpb_single_image img {
        margin: 0;
    }
    .fix-overflow-img .wpb_single_image img {
        height: auto;
        vertical-align: top;
        margin: 20px auto;
    }
    .fix-overflow-gradient.order-2 .row-inner {
        flex-direction: column-reverse;
    }
    .fix-overflow-gradient-order-2 .vc_row.wpb_row.vc_row-flex {
        flex-direction: column-reverse;
        padding-bottom: 40px;
    }
    .fix-overflow-gradient-order-2 .vc_row.wpb_row.vc_row-flex .design-col-5 {
        margin-top: 30px;
    }
    ul.iconlist.iconlist.iconlist-icon-medium li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0px;
    }
    .logo-img {
        width: 33.333% !important;
        float: left;
        margin-bottom: 20px;
    }
    h2.h2-light,
    h2.vc_custom_heading.work-with-new .development-team h2.vc_custom_heading {
        font-size: 30px;
        letter-spacing: 0;
    }

    .logo-img .vc_column-inner>.wpb_wrapper {
        padding: 10px;
    }
    br,
    .hr-mobile-hide {
        display: none !important;
    }
    .development-team h2.vc_custom_heading {
        text-align: center !important;
    }
    .contact-us-form .contact {
        max-width: 100%;
        margin-top: 30px;
    }
    li.has-dropdown__links.dropdown-items:first-child ul.headernav-dropdown__links.dropdown-content {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    html body .menu-sliding li a h5 {
        margin: 0;
        color: var(--off-white);
    }
    span.theme-line:after {
        height: 2px;
    }
    html body .services-btn a {
        font-size: 16px !important;
        padding: 10px 20px !important;
    }
    section.culture-code-sec p {
        font-size: 18px;
        padding: 0;
    }
    .culture-code-sec .wpb_text_column.wpb_content_element.slick-slide {
        padding: 0 !important;
    }
    section.culture-code-sec {
        background-size: 100% 100% !important;
        padding: 0px 0 !important;
        min-height: auto !important;
        margin-top: 30px;
    }
    section.culture-code-sec .vc_row.vc_row-o-full-height {
        min-height: auto;
    }
    .sec-cus-approval-sec .fix-overflow-img .wpb_single_image img {
        max-height: 190px;
        object-fit: cover;
    }
    input,
    textarea,
    select {
        font-size: 14px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .contact .row .columns p {
        margin-bottom: 14px;
    }
    html body .contact {
        padding: 20px;
        border: 2px solid rgba(0, 0, 0, 0.05);
    }
    .culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_single_image {
        text-align: center
    }
    .culture-bottom-sec .culture-bottom-right {
        width: 100%;
        margin-left: 0;
    }
    .culture-bottom-sec .culture-bottom-right h3,
    .culture-bottom-sec .culture-bottom-right p,
    .culture-bottom-sec .culture-bottom-right .btn-inline {
        text-align: center;
    }
    .culture-bottom-sec .wpb_wrapper .wpb_row {
        padding: 40px 0;
    }
    .culture-bottom-sec .culture-bottom-right:after {
        bottom: -20px;
        right: 20px;
    }
    .partner-logo-sec .imagebox {
        padding: 2rem 1rem 1.6rem !important;
        margin: 3rem 0 0;
    }
    .partner-logo-sec .imagebox .box-image {
        margin-top: 0;
        top: -50px;
    }
    .partner-logo-sec .imagebox .box-image img.attachment-full {
        height: 36px;
    }
    .partner-banner-sec p {
        font-size: 16px !important;
    }
    .culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_text_column.wpb_content_element .wpb_wrapper {
        padding: 30px;
    }
    .culture-bottom-sec .culture-bottom-left .wpb_wrapper,
    .culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_single_image .vc_single_image-wrapper {
        display: inline-block;
        width: 100%;
    }
    .culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_single_image .vc_single_image-wrapper img {
        width: 100%;
        object-fit: contain;
        max-width: 300px;
    }
    .sucess-padding {
        margin-top: 20px;
    }
    .cus-deram-team .our-methodology {
        margin-bottom: 0px;
        margin-top: 40px;
    }
    html body .service-out-gizzly>.wpb_row>.row-inner,
    .service-out-gizzly .design-col-5 {
        margin-top: 0 !important;
    }
    body .services-mobile-apps .design-col-4 .iconbox {
        padding-bottom: 10px !important;
    }
    .services-mobile-apps .wpb_row:nth-child(2) {
        padding-bottom: 10px !important;
    }
    .services-mobile-apps .design-col-3,
    html body .service-out-gizzly>.wpb_row{
        padding-top: 0 !important;
    }
    .cus-web-sucess .design-col-3 {
        padding-top: 0px !important;
    }
    body .sucess-padding {
        padding-bottom: 10px !important;
    }
    .service-industry {
        padding-top: 0;
        padding-bottom: 40px;
        margin-top: 20px;
    }
    body .service-industry h2,
    body section.vc_section.fix-overflow.service-deep-dive h2.h2-light,
    html body section.vc_section.fix-overflow.tech-service-sec h2.h2-light {
        margin-bottom: 15px !important;
    }
    html body section.vc_section.fix-overflow.tech-service-sec {
        margin-top: 0 !important;
    }
    html body section.vc_section.fix-overflow.tech-service-sec .cus-tab-haeding,
    body section.vc_section.fix-overflow.service-deep-dive .cus-tab-haeding {
        margin-bottom: 30px;
    }
    section.vc_section.fix-overflow.service-faq-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .service-faq-sec .section-accodion .vc_tta-panels .vc_tta-panel-body,
    #site .service-faq-sec .service-faq-col h4 a {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #site .service-faq-sec .service-faq-col .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
        right: 0;
    }
    .services-mobile-apps .design-col-4 .vc_row.wpb_row {
        display: block !important;
        margin-bottom: 0px;
    }
    .services-mobile-apps .design-col-4 .vc_row.wpb_row .wpb_column {
        margin-bottom: 40px;
    }
	
    .box-style-white .wpb_text_column.wpb_content_element .wpb_wrapper {
        padding: 20px;
    }
    .cus-process-driven p {
        max-width: 100%;
    }
    .service-out-how .wpb_wrapper>.vc_row.wpb_row {
        padding-top: 0px !important;
        padding-bottom: 50px !important;
    }
    .service-faq-sec .service-faq-col {
        margin-top: 30px;
    }
    #site .service-faq-sec .service-faq-col h4 a {
        font-size: 17px;
        padding-right: 20px !important;
    }
    #site .development-team h2.vc_custom_heading {
        font-size: 22px;
    }
    .culture-bottom-sec .culture-bottom-sec-row .vc_row.wpb_row.vc_inner.vc_row-fluid {
        padding-top: 10px;
    }
    section.vc_section.cus-ref-culture.culture-bottom-sec .vc_column-inner {
        padding: 0 !important;
    }

}
@media only screen and (min-width: 320px) and (max-width: 544px) {
    body .site-header-classic .site-header-inner,
    body .site-header-sticky .site-header-inner,
    .site-header-classic.header-brand-left .header-content,
    .site-header-sticky.header-brand-left .header-content,
    html body .site-header-classic {
        height: 60px;
    }
}
@media (max-width: 540px) {
    .modal-content.cus-modal-pop.ourServiceModal .contact,
    .content-us-form .wpcf7-response-output {
        padding: 40px 20px 20px;
    }
    body .cus-modal-pop .wpcf7-response-output {
        padding: 0 20px !important;
    }
    body .cus-modal-pop .wpcf7-response-output {
        bottom: 20px;
    }
    .modal-content.cus-modal-pop.ourServiceModal {
        width: 94%;
    }
    .modal-content.cus-modal-pop.ourServiceModal h3 {
        margin: 0 0 20px;
        font-size: 24px;
    }
    .error404 .content-header-inner.wrap {
        padding: 0rem 0 0;
    }
    .error404 .content-header-inner.wrap h1.page-title-inner {
        font-size: 1.5rem;
        margin: 0;
    }
    body.admin-bar .sliding-menu .off-canvas-wrap {
        padding: 96px 20px 0;
    }
    .fix-overflow-img .wpb_single_image img {
        max-width: 100%;
    }
    .hr-mobile-hide {
        display: none !important;
    }
    .our-ball-court lottie-player {
        top: 30px;
        width: 80px !important;
        height: 80px !important;
    }
    .our-ball-court img.stagger1 {
        height: 100px;
    }
    .culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_text_column.wpb_content_element .wpb_wrapper h3,
    .culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_text_column.wpb_content_element .wpb_wrapper p {
        text-align: center;
    }
    .culture-bottom-sec .culture-bottom-left .wpb_wrapper .wpb_text_column.wpb_content_element .wpb_wrapper {
        padding: 16px 16px 0;
        text-align: center;
    }
    body .cus-approval-sec .wpb_single_image img {
        height: auto;
        max-width: 100%;
        margin: 0px auto;
    }
    .fix-overflow-gradient.order-2 .lottie-globe {
        height: 250px;
        width: 270px;
        margin: 0 auto;
    }
}
@media (max-width: 480px) {
    div#rc-anchor-container {
    transform: scale(0.70);
    -webkit-transform: scale(0.70);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
    .modal-content.cus-modal-pop.ourServiceModal .contact {
        padding-bottom: 30px;
    }
    body .cus-modal-pop .wpcf7-response-output {
        bottom: 15px;
    }
    html body .site-footer .footer-widgets aside[data-width="3"] {
        width: 100%;
    }
    .content-list .wpb_wrapper {
        gap: 10px;
        flex-direction: column;
    }
    .iconbox-custom {
        flex-direction: row;
    }
    section.vc_section.footer-top-section {
        padding: 40px 0 !important;
    }
    #site section.vc_section.footer-top-section .iconlist.iconlist-icon-medium li>div h3 {
        font-size: 24px;
    }
    .build-col-build {
        width: 100%;
    }
    .video-section .wpb_column .vc_column-inner {
        padding: 0px !important;
    }
    .content-us-form .wpcf7-response-output {
        padding: 0 35px !important;
        bottom: 12px;
    }
    .meet-our-team .wpb_single_image img {
        width: 100%;
    }
    .meet-our-team .wpb_single_image .vc_single_image-wrapper {
        display: block;
    }
    hr.border-top {
        border: 4px solid #e8543c;
    }
    .ser-mobile-apps .iconlist-item-content h3,
    .our-methodology h3 {
        font-size: 20px;
    }
    .web-service-sec .content h3 {
        font-size: 18px;
    }
    .service-colored-banner-bg.container .left {
        padding: 0.5rem 0;
    }
    #site .development-team h2.vc_custom_heading {
        font-size: 18px;
    }
    .cus-row-card .col-left p:first-child {
        display: flex;
        flex-direction: column;
    }
    html body .project-box.slide-content {
        min-width: 100%;
    }
    .driven-mob.driven-div img.vc_single_image-img,
    .design-thinking-mob img.vc_single_image-img,
    .our-process-mob img.vc_single_image-img {
        max-width: 100%;
    }
    .content-us-form .wpb_wrapper .contact {
        padding: 30px 20px 40px;
    }
    .content-us-form .row-inner {
        padding: 0 10px !important;
    }
    section.culture-code-sec {
        height: 62vh !important;
    }
    body .cus-approval-section {
        margin-top: 20px !important;
    }
    .ball-inner button {
        font-size: 12px;
        padding: 8px 16px;
    }
    .cus-ref-culture h2.vc_custom_heading.work-with-new {
        font-size: 30px;
        line-height: normal;
    }
    .cus-ref-culture .margin-top-mobile {
        margin: 0 !important;
    }
    .banner__heading h1 {
        font-size: 36px;
        color: var(--white);
    }
    .our-client-logo li.isotope-item {
        width: 47% !important;
        padding: 0 !important;
    }
    .our-client-logo ul.wpb_image_grid_ul {
        margin: 0 !important;
        gap: 10px;
    }
    #site .cus-row-card .row-inner {
        width: auto !important;
        margin: 0 30px;
    }
    .logo-img {
        width: 50% !important;
    }
    .contact-us-form .contact {
        padding: 1rem;
    }
    .about-gallery .vc_single_image-wrapper.vc_box_border_grey img {
        height: 300px !important;
    }
    html body .about-banner-sec {
        margin-top: 0px;
    }
	.left-side-col .content h3, html body .web-service-sec .content h3 {
		cursor: pointer;
		margin-top: 20px;
		font-size: 16px;
	}
    .contact-bg-image {
        min-height: 45vh !important;
    }
    #site .blog-shortcode .blog-entries .blog-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .content-us-form .wpb_wrapper .contact {
        padding: 30px 10px 35px;
    }
	html body .design-col-4 .iconbox h3.box-title {
		max-width: 70%;
		font-size: 18px;
	}
  
    .footer-aside-wrap .newsletter-form p .wpcf7-form-control-wrap input.wpcf7-form-control,
    .footer-aside-wrap .newsletter-form p .wpcf7-submit,
    .footer-aside-wrap .newsletter-form p .wpcf7-form-control-wrap input::placeholder {
        font-size: 12px !important;
    }
    .our-client-logo li.isotope-item img {
        height: 35px !important;
    }
    .our-client-logo li.isotope-item {
        width: 46% !important;
    }
    .our-client-logo ul.wpb_image_grid_ul {
        gap: 18px;
    }
    .our-client-logo ul.wpb_image_grid_ul li:first-child img {
        max-width: 110px;
    }
    .our-client-logo ul.wpb_image_grid_ul li:first-child img {
        object-fit: contain;
    }
    .cus-Dev-ops .dev-column {
        width: 180px;
    }
    .cus-Dev-ops .dev-col-2 .dev-container-inner:before,
    .cus-Dev-ops .dev-col-3 .dev-container-inner:before,
    .cus-Dev-ops .dev-col-4 .dev-container-inner:before {
        width: 60px;
        height: 30px;
        left: -28px;
    }
    .cus-Dev-ops .dev-col-3 .dev-container-inner:before {
        left: auto !important;
        top: -18px;
        transform: rotate(90deg);
        width: 60px !important;
        height: 30px !important;
    }
    .cus-Dev-ops .dev-column {
        margin-bottom: 12px;
    }
    .cus-Dev-ops {
        width: 100%;
    }
    .build-col .col-img img {
        max-width: 80px;
    }
}
@media (max-width: 370px) {
    .cus-row-card .col-left p:first-child {
        display: block;
    }
    .cus-row-card .col-left .dark-btn {
        width: auto;
    }
    html body .menu-sliding li a {
        font-size: 16px;
    }
    .cus-Dev-ops .dev-col-2 .dev-container-inner:before,
    .cus-Dev-ops .dev-col-3 .dev-container-inner:before,
    .cus-Dev-ops .dev-col-4 .dev-container-inner:before {
        width: 40px;
        height: 30px;
        left: -20px;
    }
    .team-mamber ul.iconlist.iconlist {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px 20px;
    }
    .cus-Dev-ops .dev-column .dev-container-inner {
        max-width: 130px;
        height: 130px;
    }
    .cus-Dev-ops .dev-column {
        width: 150px;
    }
    .cus-Dev-ops .dev_wrapper {
        height: 100px;
    }
    .cus-Dev-ops .box-content h3 {
        font-size: 14px;
    }
    .cus-Dev-ops .dev_wrapper .dev-user-box p {
        font-size: 11px;
    }
    .demo-test {
        width: 260px;
    }
    ul.col-build-col li {
        width: 90px;
        height: 90px;
    }
}