.page-template-page-lead-magnet .site-footer {
    display: none;
}

/* GLOBAL */
/* do not apply styling on classes like col,btn, full,col-right/left,more etc without inheriting them */
:root {
    --accent-one: #e3ed62;
    --accent-two: #415645;
    --offwhite: #eaeaea;
}

main.none {
    display: none;
    visibility: hidden;
    opacity: 0;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 	-webkit-tap-highlight-color: transparent; */
    /* 	-webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
    outline: none;
    /* 	-ms-touch-action: manipulation;
  touch-action: manipulation; */
}

body.privacy-policy [data-custom-class="link"]:hover {
    color: #415645;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Object Sans", sans-serif;
    color: #111110;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    position: relative;
    z-index: 10;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a {
    padding: 0;
    margin: 0;
    line-height: 1;
    color: #000;
    font-family: "Object Sans", sans-serif;
    font-weight: 400;
    -webkit-text-rendering: optimizeSpeed;
    text-rendering: optimizeSpeed;
    -webkit-transform: translateZ(0);
}

a {
    text-decoration: none;
    display: inline-block;
    color: inherit;
}

button {
    border: none;
    background: transparent;
}

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: none;
}

button {
    cursor: pointer;
}

ul,
ol,
li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}

img {
    width: 100%;
    object-fit: contain;
}

body #body-wrapper::after {
    content: "";
    visibility: hidden;
    opacity: 0;
    transition: all 0.35s;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    visibility: visible;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
}

body.active #body-wrapper::after {
    z-index: 1;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.431);
}

#body-inner {
    position: relative;
    z-index: 10;
}

.page-template-page-contactus .gform-field-label {
    top: -10px !important;
}

/* FONTS */
@font-face {
    font-family: "Object Sans";
    src: url(/wp-content/themes/avintiv/library/fonts/ObjectSans-Regular.ttf);
    font-weight: 400;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Object Heavy";
    src: url(https://avintivmedia.com/wp-content/themes/avintiv/library/fonts/PPObjectSans-Heavy.otf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Jakarta";
    src: url(https://avintivmedia.com/wp-content/themes/avintiv/library/fonts/PlusJakartaSans-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Jakarta Semi";
    src: url(https://avintivmedia.com/wp-content/themes/avintiv/library/fonts/PlusJakartaSans-SemiBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* DEFAULT CLASSES */
.container {
    max-width: 1280px;
    margin: 0 auto;
}

@media screen and (max-width: 1310px) {
    .container {
        margin-inline: 20px;
    }
}

.default-btn {
    font-size: 12px;
    color: #111110;
    padding: 14px 36px;
    border-radius: 20px;
    background-color: var(--accent-one);
    transition: background-color 0.3s, color 0.3s, border 0.3s, border-color 0.3s;
    opacity: 1;
    text-transform: uppercase;
    min-width: 140px;
    text-align: center;
	cursor: pointer;
}

.default-btn:hover,
.default-btn.inverted:hover {
    background-color: #c0cb48;
}

.default-btn.inverted:hover {
    color: #111011;
    background-color: #c0cb48;
}

.default-btn.inverted {
    background-color: #111110;
    color: #fff;
}

.gradient-heading {
    color: #fff;
}

.default-heading,
.gradient-heading, .default-headingg {
    font-size: 48px;
    margin-bottom: 40px;
    line-height: 1.2;
    opacity: 1;
    overflow: hidden;
    will-change: transform;
}

.default-headingg {
	text-align: center;
}

.line-wrapper {
    overflow: hidden;
}

.default-heading.invert-start {
    color: #828282;
}

.default-heading.invert-start span {
    color: #111110;
}

.default-heading span, .default-headingg span {
    font: inherit;
    color: #828282;
    opacity: 1;
    overflow: hidden;
    will-change: transform;
}

.default-col-right {
    max-width: 628px;
}

.default-heading .line {
    overflow: hidden;
    padding-bottom: 1px;
    will-change: transform;
}

.gradient-heading .line {
    padding-bottom: 2px;
    will-change: transform;
}

.default-heading.inverted {
    color: #fff;
}

.default-heading.inverted span {
    color: var(--accent-one);
}

.default-heading.inverted.light span {
    color: #fff;
}

.default-heading.graded span {
    max-width: 330px;
    font-size: 48px;
    line-height: 1.25;
    color: var(--accent-one);
    background: var(--gradients-other-colors-yellow-gradient,
            linear-gradient(96deg, #707050 3.61%, #e1ec60 42.75%, #707050 89.94%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.default-subheading {
    font-size: 14px;
    color: #111110;
    text-transform: uppercase;
    width: fit-content;
    display: block;
}

.default-subheading.inverted {
    color: #fff;
}

.noised-light::before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-image: url(/wp-content/themes/avintiv/library/images/Noise.png);
    background-repeat: repeat;
    z-index: -1;
    opacity: 0.1;
}

.noised-dark::before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-image: url(/wp-content/themes/avintiv/library/images/Noise.png);
    background-repeat: repeat;
    z-index: -5;
    opacity: 0.4;
}

section.clipped {
    width: 100%;
    border-radius: 0 20px 0 0;
    margin: 0 auto;
    margin-top: -110px;
    position: relative;
    background-color: transparent;
    z-index: 0;
    will-change: transform;
}

div.clipped {
    margin-top: -110px;
    will-change: transform;
    /* position: relative;
  z-index: 1; */
}

section .border-offset,
div.pinned>.border-offset {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: url(#round1);
    z-index: -1;
}

section .border-offset::after,
section .map-offset iframe,
div.pinned>.border-offset::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 66% 0, 71% 70px, 100% 70px, 100% 100%, 0 100%);
    background-size: cover;
}

section.inverted .border-offset::after,
div.pinned.inverted>.border-offset::after {
    clip-path: polygon(0 100%, 0 70px, 28% 70px, 33% 0, 100% 0, 100% 100%);
}

.outer-clipped {
    position: relative;
}

.willChange {
    will-change: transform;
}

/* HEADER */
header {
    background-color: transparent;
    padding-block: 40px 20px;
    position: fixed;
    width: 100%;
    top: 0;
    transition: all 0.35s;
    z-index: 15;
}

header.active {
    padding-block: 10px;
    background-color: #2a2a28;
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .logo {
    width: 165px;
}

header .nav-top>ul {
    display: flex;
    column-gap: 60px;
    row-gap: 15px;
}

.nav-top .menu-item-has-children>a::after {
    content: "";
    background: url(/wp-content/themes/avintiv/library/images/Arrow.svg) no-repeat center;
    background-size: contain;
    width: 13px;
    height: 10px;
    display: inline-block;
    top: 2px;
    position: relative;
    right: 6px;
    transition: all 0.3s;
}

header .nav-top>ul>li {
    position: relative;
    padding-block: 15px;
    color: #fff;
}

header .nav-top>ul>li>a {
    font-size: 14px;
    color: #fff;
    display: flex;
    gap: 10px;
    transition: color 0.35s;
    transform-origin: left;
}

header .nav-top>ul>li>a:hover {
    color: #828282;
}

header .nav-top>ul>li>a:hover img {
    filter: brightness(0.4);
}

header .menu-info {
    display: none;
}

header .menu-info span {
    font-size: 13px;
    text-transform: uppercase;
    color: #d1d1d1;
}

header .sub-menu {
    position: absolute;
    top: 54px;
    left: 0;
    margin: auto;
    width: max-content;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding: 20px 10px;
    background-color: #111;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    min-width: 150%;
    grid-template-columns: 1fr;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

header.active .sub-menu {
    background-color: #2a2a28;
}

header .nav-top>ul>li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
}

header .nav-top .sub-menu li {
    overflow: hidden;
}

header .nav-top>ul>li .sub-menu a {
    color: #fff;
    font-size: 15px;
    padding-bottom: 2px;
    transition: color 0.35s;
}

header .nav-top>ul>li .sub-menu a:hover,
header .nav-top>ul>li a.active {
    color: #828282;
}

.nav-top .menu-item-has-children>a.active::after,
.nav-top .menu-item-has-children>a:hover::after {
    filter: brightness(0.3);
}

/* TOGGLE BTN */
.navbar-toggle {
    width: 55px;
    height: 55px;
    padding: 12px 6px;
    margin: 10px 0;
    display: none;
    border: 1px solid transparent;
    transition: all 0.3s;
    border-radius: 50%;
    z-index: 1;
}

.navbar-toggle.on {
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 12px;
}

.navbar-toggle div {
    width: 100%;
    height: 0px;
    border-top: 1.5px solid #fff;
    margin: 7px 0;
    transition: all 0.3s;
    backface-visibility: hidden;
}

.navbar-toggle.on .one {
    transform: rotate(45deg) translate(5px, 5px);
}

.navbar-toggle.on .three {
    transform: rotate(-45deg) translate(1px, -1px);
}

/* Homepage BANNER */

.banner-section {
    padding-block: 230px 250px;
    background-color: #111;
    position: relative;
    /* background-image: url(/wp-content/themes/avintiv/library/images/Noise.png); */
    /* background-repeat: repeat; */
    z-index: 1;
}

.banner-section::before {
    z-index: -1;
}

.banner-section .bg-atoms {
    position: absolute;
    top: 140px;
    left: 0;
    right: 145px;
    bottom: auto;
    margin: auto;
    width: 57%;
    height: 800px;
    z-index: -1;
}

.banner-section .gradient,
.page-banner-dark .gradient {
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    left: -150px;
    top: 40%;
    z-index: -2;
    border-radius: 50%;
    filter: blur(100px);
    background-color: #4e6a2b;
    opacity: 0.5;
}

.page-banner-dark .container>.row {
    width: 100%;
}

.banner-section .gradient-1,
.page-banner-dark .gradient-1 {
    top: -100px;
    right: 170px;
    left: auto;
    width: 400px;
    height: 400px;
    filter: blur(110px);
    opacity: 0.5;
}

.banner-section .gradient span,
.page-banner-dark .gradient span {
    border-radius: 391px;
    background: #f9ffacd8;
    display: block;
    position: absolute;
    width: 391px;
    height: 335px;
    transform: rotate(22deg);
    z-index: 1;
    top: 20%;
}

.banner-section .gradient-1 span,
.page-banner-dark .gradient-1 span {
    top: unset;
    background: #f9ffac98;
}

.page-banner-dark .col-left {
    padding-top: 10px;
}

.page-banner-dark .col-left ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 285px;
    gap: 12px;
}

.page-banner-dark .col-left ul li {
    font-size: 14px;
    padding: 9px 20px;
    color: #d1d1d1;
    border: 1px solid #666;
    border-radius: 20px;
    cursor: pointer;
    transition: color, border 0.3s;
    opacity: 1;
}

.page-banner-dark .col-left ul li:hover,
.page-banner-dark .col-left ul li.active {
    color: var(--accent-one);
    border: 1px solid var(--accent-one);
}

.page-banner-dark .col-left ul li span {
    font: inherit;
    color: inherit;
}

.banner-inner .banner-box:first-child {
    margin-bottom: 128px;
}

.banner-inner .banner-box {
    display: flex;
    align-items: end;
    max-width: 1030px;
    margin: 0 auto;
    gap: 50px;
}

.banner-inner .banner-box:last-of-type {
    justify-content: start;
    max-width: 980px;
    flex-direction: column;
    align-items: end;
}

.banner-inner .banner-box h1 {
    max-width: 490px;
    font-size: 74px;
    color: #fff;
    padding-bottom: 55px;
    line-height: 1.05;
}

.banner-inner .banner-box h2 {
    max-width: 330px;
    font-size: 48px;
    line-height: 1.25;
    color: var(--accent-one);
    background: var(--gradients-other-colors-yellow-gradient,
            linear-gradient(96deg, #707050 3.61%, #e1ec60 42.75%, #707050 89.94%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-inner .banner-box h2 div {
    font: inherit;
    background: var(--gradients-other-colors-yellow-gradient,
            linear-gradient(96deg, #707050 3.61%, #e1ec60 42.75%, #707050 89.94%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-inner .wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 120px;
}

.default-logo-slider {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.default-logo-slider.new {
	border-top: 1px solid rgba(255, 255, 255, 0.24);
    margin-top: 98px;
}

.banner-inner .box,
.default-logo-slider .box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16%;
    flex-shrink: 0;
    color: black;
    font-size: 21px;
    padding-block: 30px 20px;
}

.banner-inner .box img,
.default-logo-slider img {
    width: 150px;
    height: 60px;
}

.banner-inner .banner-box-inner {
    max-width: 480px;
}

.banner-box p,
.work-slider .default-heading {
    color: #fff;
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 40px;
}

.banner-box p span,
.gradient-heading span {
    font-size: inherit;
    color: var(--accent-one);
    background: var(--gradients-other-colors-yellow-gradient,
            linear-gradient(4deg, #707050 3.61%, #e1ec60 42.75%, #707050 89.94%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-heading span .line {
    font-size: inherit;
    color: var(--accent-one);
    background: var(--gradients-other-colors-yellow-gradient,
            linear-gradient(4deg, #707050 3.61%, #e1ec60 42.75%, #707050 89.94%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.work-slider .inner {
    overflow: hidden;
}

/* OUR WORK SECTION */

.our-work .border-offset::after {
    background-color: var(--offwhite);
}

.our-work.dark .border-offset::after {
    background-color: #111110;
}

.our-work .container {
    display: flex;
    align-items: center;
}

.our-work .col-left {
    max-width: 670px;
    padding-right: 60px;
    padding-block: 120px 220px;
    position: relative;
}

.our-work .col-left::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #d1d1d1;
    position: absolute;
    right: 0;
    top: 0;
}

.our-work .col-left>span,
.our-work .col-left h2 {
    font-size: 14px;
    display: block;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.our-work .col-left .default-heading {
    margin-bottom: 40px;
    line-height: 1.2;
    width: fit-content;
}

.our-work .col-left .default-heading span {
    font: inherit;
}

.our-work .col-left>span {
    font-size: 16px;
    text-transform: none;
}

.our-work .col-left ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 36px;
    column-gap: 10px;
}

.our-work .col-left ul li {
    display: flex;
    column-gap: 15px;
    align-items: center;
}

.our-work .col-left ul li .thumbnail {
    padding: 15px;
    width: 56px;
    height: 56px;
    border: 1px solid #ababab;
    border-radius: 50%;
    flex-basis: 56px;
}

.our-work .col-left ul li span {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    width: 240px;
    display: block;
}

.our-work .col-left ul li .thumbnail img {
    height: 100%;
}

.our-work .col-right {
    padding-left: 68px;
    padding-bottom: 140px;
    max-width: 586px;
}

.our-work .col-right .title {
    font-size: 28px;
    color: #111110;
    line-height: 1.42;
    margin-bottom: 20px;
    position: relative;
}

.our-work .col-right .title img {
    width: 57px;
    height: 51px;
    margin-right: 32px;
}

.our-work .col-right .caption {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 35px;
}

.client-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.client-info .thumbnail {
    width: 64px;
    height: 64px;
}

.client-info .thumbnail img {
    height: 100%;
}

.client-info p {
    font-size: 14px;
    color: #111110;
    text-transform: uppercase;
}

.client-info.light p {
    color: #fff;
}

.client-info.inverted p {
    color: #fff;
}

.client-info span {
    font-size: 14px;
    color: #828282;
    text-transform: uppercase;
}

.client-info.light span {
    color: #D1D1D1;
}

/* WHY US */
.why-us {
    padding-block: 165px 30px;
}

.why-us>.border-offset::after {
    background-color: var(--accent-two);
}

.why-us .col-right .default-btn {
    display: inline-block;
}

.why-us .default-btn {
    display: none;
}

.line-wrapper div {
    display: inline-block !important;
    vertical-align: bottom;
}

/* .why-us .card-offset {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: url('#round');
  z-index: -1;
  } */

.why-us .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.why-us .col-left .default-subheading {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.why-us .col-right {
    max-width: 630px;
}

.why-us .row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-block: 120px;
}

.why-us .row .col {
    width: 32%;
    padding: 52px 36px 50px;
    border-radius: 0 15px 15px 15px;
    position: relative;
    z-index: 1;
}

.why-us .row .col .card-offset::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 57% 0, 62% 35px, 100% 35px, 100% 100%, 0 100%);
    background-size: cover;
    background-color: #eaeaea;
}

.why-us .row .col .thumbnail {
    width: 56px;
    height: 56px;
    padding: 15px;
    background-color: var(--accent-one);
    border-radius: 50%;
    margin-bottom: 52px;
}

.why-us .row .col .thumbnail img {
    height: 100%;
}

.why-us .row .col .heading {
    font-size: 32px;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.why-us .row .col p {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}

/* MARQUEE */
.growth-marquee {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--accent-two);
    margin-top: -25px;
    border-top: 1px solid #5d6f61;
}

.growth-marquee span {
    font-size: 120px;
    line-height: 1;
    color: #fff;
}

.growth-marquee .inner {
    display: flex;
    align-items: center;
    position: relative;
    padding-block: 40px 120px;
}

.growth-marquee .box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    flex-shrink: 0;
    width: max-content;
    padding-right: 18px;
}

/* WORK SLIDER  */
.work-slider {
    padding-block: 164px 260px;
}

.work-slider .border-offset::after {
    background-color: #111;
}

.work-slider::after {
    background-color: #111;
}

.work-slider .container {
    display: flex;
    justify-content: space-between;
}

.work-slider .container-top {
    margin-bottom: 40px;
}

.work-slider .container-inner {
    position: relative;
}

.default-white-slick-arrow.slick-disabled {
    background-color: #454545;
}

.default-white-slick-arrow.slick-disabled:hover {
    background-color: #454545;
}

.default-white-slick-arrow.slick-disabled img {
    filter: invert(0.5);
}

.default-white-slick-arrow.slick-prev img {
    transform: rotate(180deg);
}

.work-slider .slick-slider,
.work-slider .slick-list,
.work-slider .slick-track {
    position: unset;
}

.default-white-slick-arrow {
    background-color: #fff;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    padding: 16px 15px;
    position: absolute;
    top: 24px;
    z-index: 1;
    transition: all 0.3s;
}

.work-slider .slick-next {
    right: 24px;
}

.work-slider .slick-prev {
    right: 78px;
}

.default-white-slick-arrow:hover {
    background-color: #c0cb48;
}

.work-slider .col-right {
    max-width: 630px;
}

.work-slider .default-heading h3 {
    color: #fff;
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 40px;
}

.work-slider .default-heading span {
    font-size: inherit;
    color: var(--accent-one);
    background: var(--gradients-other-colors-yellow-gradient,
            linear-gradient(4deg, #707050 3.61%, #e1ec60 42.75%, #707050 89.94%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.work-slider .col-left .default-subheading {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.work-slider .gradient {
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    left: -150px;
    top: 45%;
    z-index: -2;
    border-radius: 50%;
    filter: blur(100px);
    background-color: #4e6a2b;
    opacity: 0.5;
}

.work-slider .gradient span {
    border-radius: 391px;
    background: #f9ffacd8;
    display: block;
    position: absolute;
    width: 391px;
    height: 335px;
    transform: rotate(22deg);
    z-index: 1;
    top: 20%;
}

.work-slider .row {
    display: flex;
    justify-content: space-around;
    gap: 20px;
    width: max-content;
}

.work-slider .col {
    width: 630px;
    position: relative;
    z-index: 1;
    margin-right: 21px;
    /* 	padding: 1.8px; */
    border-radius: 20px;
    /* 	clip-path: polygon(0 0, 100% 0, 100% 90%, 75% 90%, 68% 100%, 0 100%); */
    transition: all 0.3s;
    border: 2px solid transparent;
}

.work-slider .col:nth-child(even) {
    background-color: #2a2a28;
}

.work-slider .col:nth-child(odd) {
    background-color: var(--accent-two);
}

.work-slider .col:not(.see-more):hover {
    border-color: #666;
}

.work-slider .col .wrapper {
    cursor: none;
    width: 100%;
    min-height: 410px;
    padding: 36px;
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.5s;
}

.work-slider .col.see-more {
    background-color: #2a2a28;
}

.work-slider .col.see-more:hover {
    background-color: #2a2a28;
}

.work-slider .col.see-more .wrapper {
    display: flex;
    justify-content: center;
    cursor: auto;
    align-items: center;
}

.work-slider .col.see-more p {
    font-size: 32px;
    text-align: center;
    max-width: 256px;
    text-transform: unset;
    margin-bottom: 20px;
    line-height: 1.25;
}

.work-slider .col.see-more .bg {
    width: 330px;
    height: 90%;
    inset: 0;
    object-fit: contain;
    margin: auto;
    opacity: 1;
}

.work-slider .col p,
.work-slider .col .caption {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.work-slider .col .mouse-follower {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 50px;
    position: absolute;
    z-index: 1;
}

.work-slider .col .logo {
    width: 148px;
    height: 148px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.work-slider .col .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    margin: auto;
    border-radius: 20px;
    z-index: -1;
    opacity: 0;
    transition: all 0.7s;
    /* 	clip-path: polygon(0 0, 100% 0, 100% 90%, 75% 90%, 68% 100%, 0 100%); */
}

.work-slider .col:hover .bg {
    opacity: 1;
}

.work-slider .gradient {
    z-index: -1;
    top: 10%;
}

.work-slider .slide-count {
    display: none;
}

.slide-count {
    position: absolute;
    bottom: 10px;
    display: flex;
    gap: 1px;
}

.slide-count span {
    font-size: 12px;
    color: #d1d1d1;
}

.slide-count.dark span {
    color: #111110;
}

/* SERVICES */

.our-services {
    padding-block: 164px 250px;
}

.our-services .border-offset::after {
    background-color: #eaeaea;
}

.our-services .container-top {
    display: flex;
    justify-content: space-between;
}

.our-services .container-top {
    padding-bottom: 40px;
    border-bottom: 1px solid #ababab;
}

.our-services .container .col-right {
    max-width: 628px;
    width: 100%;
}

.our-services .container-inner .box {
    display: flex;
    justify-content: space-between;
    margin-top: 36px;
}

.our-services .container-inner .col-left {
    width: 197px;
}

.our-services .container-inner .col-right h3 {
    font-size: 32px;
    color: #111110;
    margin-bottom: 4px;
}

.our-services .container-inner .box {
    border-bottom: 1px solid #ababab;
}

.our-services .accordion-box:last-child .border {
    border: none;
}

.default-accordion-list {
    position: relative;
}

.default-accordion-list .accordion-box {
    padding-block: 28px 12px;
}

.default-accordion-list .accordion-box {
    position: relative;
}

.default-accordion-list .border {
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    border-bottom: 1px solid #ababab;
}

.default-accordion-list>.border {
    top: 0;
    bottom: auto;
}

.default-accordion-list .accordion-box .acc-button {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
    align-items: center;
    cursor: pointer;
}

.default-accordion-list .accordion-box .panel {
    will-change: transform;
}

.default-accordion-list .accordion-box .acc-button h4,
.default-accordion-list .accordion-box .acc-button .heading {
    font-size: 24px;
    color: #828282;
    transition: all 0.3s;
}

.default-accordion-list .accordion-box .acc-button h4 .line-wrapper,
.our-services .container-inner .col-right h3 .line-wrapper {
    padding-bottom: 3px;
}

.default-accordion-list .accordion-box .acc-button.open h4,
.default-accordion-list .accordion-box .acc-button:hover h4 {
    color: #111110;
}

.default-accordion-list .accordion-box .acc-button .open {
    opacity: 0;
    transition: all 0.5s;
}

.default-accordion-list .accordion-box .acc-button:hover .open {
    opacity: 1;
}

.default-accordion-list .accordion-box .acc-button .open img {
    width: 19px;
}

.default-accordion-list .accordion-box .acc-button .close {
    font-size: 12px;
    align-items: center;
    text-transform: uppercase;
    color: #666;
    gap: 12px;
    display: flex;
    justify-content: space-between;
}

.default-accordion-list .accordion-box .acc-button .close {
    display: none;
}

.default-accordion-list .accordion-box .acc-button.open .close {
    display: flex;
}

.default-accordion-list .accordion-box .acc-button.open .open {
    display: none;
}

.default-accordion-list .accordion-box .acc-button .close img {
    width: 12px;
    color: #666;
}

.default-accordion-list .accordion-box p {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    margin-bottom: 28px;
}

.default-accordion-list .accordion-box .panel a {
    display: flex;
    color: #111110;
    font-size: 12px;
    gap: 8px;
    text-transform: uppercase;
    padding-bottom: 16px;
}

.default-accordion-list .accordion-box .panel a:hover img {
    transform: translate(5px);
}

.default-accordion-list .accordion-box .panel a img {
    width: 13px;
    transition: all 0.3s;
}

/* -------------- */
.tagline-section .border-offset::after {
    /* 	background: url(/wp-content/themes/avintiv/library/images/bg-gradient.webp) no-repeat center; */
    /* 	background-size: cover; */
    background: linear-gradient(0deg,
            rgba(127, 127, 127, 1) 0%,
            rgba(42, 42, 40, 1) 100%,
            rgba(42, 42, 40, 1) 100%);
}

section.tagline-section .border-offset {
    z-index: -1;
}

.main-cta .inner {
    background: url(/wp-content/themes/avintiv/library/images/black-circle-bg-image.webp) no-repeat;
    background-position: 50% 0%;
    background-size: 1120px;
    padding-block: 160px 300px;
}

.tagline-section .container {
    max-width: 388px;
    margin: 0 auto;
}

.tagline-section p {
    font-size: 74px;
    color: #fff;
    text-align: center;
    margin-bottom: 45px;
    line-height: 1.2;
}

section.main-cta.clipped {
    min-height: auto;
}

.tagline-section p span {
    font: inherit;
    font-size: 76px;
    color: var(--accent-one);
}

.tagline-section .default-btn {
    width: 100%;
    max-width: fit-content;
    display: block;
    margin: 0 auto;
}

/* CLIENT SECTION */
.clients-section {
    padding-block: 164px 220px;
}

.clients-section .border-offset::after {
    background-color: var(--accent-two);
}

.clients-section .container-top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}

.clients-section .col-right {
    width: 628px;
}

.clients-section .default-heading span {
    display: block;
}

.clients-section .container-inner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.clients-section .container-inner li {
    filter: url(#round);
    width: calc(20% - 16px);
    transform: translate(0);
    opacity: 1;
}

.clients-section .container-inner li.hidden {
    display: none;
}

.clients-section .container-inner .thumbnail {
    background-color: #4c6250;
    border-radius: 20px;
    min-height: 242px;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 91%, 62% 91%, 53% 100%, 0 100%);
}

.clients-section .container-inner li img {
    width: fit-content;
    margin: auto;
}

.clients-section .container-inner li.btn {
    background-color: transparent;
    filter: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-top: -242px;
    min-height: 242px;
}

.clients-section .container-inner .default-btn {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    transition: all 0.4s;
}

.clients-section .container-inner .default-btn:hover {
    color: #c0cb48;
    border-color: #c0cb48;
}

/* TESTIMONAILS */
.reviews-section {
    padding-block: 164px 240px;
}

.reviews-section .border-offset::after {
    background-color: #111110;
}

.reviews-section>.gradient {
    width: 600px;
    height: 600px;
    display: block;
    position: absolute;
    left: 150px;
    top: 200px;
    margin: 0 auto;
    bottom: 0;
    right: 0;
    z-index: -1;
    border-radius: 50%;
    filter: blur(100px);
    background-color: #4e6a2b;
    opacity: 0.5;
}

.reviews-section>.gradient span {
    border-radius: 391px;
    background: #f9ffacd8;
    display: block;
    position: absolute;
    width: 391px;
    height: 335px;
    transform: rotate(22deg);
    z-index: 1;
    top: 20%;
}

.reviews-section .container {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.reviews-section .col-left {
    position: relative;
}

.reviews-section .default-col-right .row {
    transition: transform 0.4s;
    /* <--- this */
}

.reviews-section .default-col-right {
    max-width: 630px;
}

.reviews-section .col-right .qoutes {
    width: 57px;
    height: 51px;
    position: absolute;
    right: 800px;
    top: 2px;
}

.reviews-section .col-right .col>p {
    color: #fff;
    font-size: 28px;
    line-height: 1.42;
    font-kerning: none;
    letter-spacing: 0.4px;
    word-spacing: 0.4px;
}

.reviews-section .col-right .col>p:not(:last-of-type) {
    margin-bottom: 15px;
}

.reviews-section .col-right .col>p:last-of-type {
    margin-bottom: 32px;
}

.reviews-section .col-right .col>p span {
    font: inherit;
    color: inherit;
}

.reviews-section .col-right .col>p span:not(.dots) {
    margin-top: 15px;
    display: inline-block;
}

.reviews-section .col-right .col>p span.more {
    display: none;
}

.reviews-section .col-right .col .full {
    color: #e3ed62;
    font-size: 12px;
    text-transform: uppercase;
}

.reviews-section .col-right .col .btn img {
    width: 13px;
    margin-left: 8px;
    transition: all 0.5s;
}

.reviews-section .col-right .col .btn {
    display: flex;
    align-items: center;
}

.reviews-section .client-info {
    margin-top: 44px;
}

.reviews-section p .more {
    display: none;
    margin-top: 15px;
}

.reviews-section .slick-arrow img {
    transition: all 0.3s;
}

.reviews-section .slick-prev img {
    transform: rotate(180deg);
    filter: invert(0.5);
}

.reviews-section .slick-prev:hover img {
    filter: invert(0);
}

.reviews-section .slick-arrow {
    position: absolute;
    top: 415px;
    display: block;
    width: 46px;
    height: 46px;
    padding: 15px;
}

.reviews-section .slick-arrow svg {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
}

.reviews-section .slick-prev {
    left: 0;
}

.reviews-section .slick-next {
    left: 54px;
}

.reviews-section .slick-slider,
.reviews-section .slick-list,
.reviews-section .slick-track {
    position: unset;
}

.reviews-section .slick-arrow .icon {
    position: relative;
    z-index: 2;
}

.reviews-section .slick-arrow .circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #111110;
    border-radius: 100%;
}

.reviews-section .slick-arrow .circle:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #111110;
}

.reviews-section .slick-arrow .circle span {
    position: absolute;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.reviews-section .slick-arrow .circle span em {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e3ed62;
    border-radius: 999px;
    transition: transform 0.25s linear;
}

.reviews-section .slick-arrow .circle span:first-child {
    left: 0;
}

.reviews-section .slick-arrow .circle span:first-child em {
    left: 100%;
    transform-origin: 0% 50%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.reviews-section .slick-arrow .circle span:last-child {
    left: 50%;
}

.reviews-section .slick-arrow .circle span:last-child em {
    left: -100%;
    transform-origin: 100% 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition-delay: 0.25s;
}

.reviews-section .slick-arrow:hover .circle span:first-child em {
    transform: rotate(180deg);
    transition: transform 0.25s 0.25s ease-out;
}

.reviews-section .slick-arrow:hover .circle span:last-child em {
    transform: rotate(180deg);
    transition: transform 0.25s linear;
}

.reviews-section .slide-count {
    left: 120px;
    top: 433px;
}

.page-template-page-contactus footer {
    position: relative !important;
}

.footer-cta .inner {
    background: url(/wp-content/themes/avintiv/library/images/melting-shape.png) no-repeat;
    background-position: center 100px;
    background-size: 100%;
    padding-block: 160px 20px;
    position: relative;
    min-height: 1360px;
}

.footer-cta .inner::after {
    content: "";
    background: url(/wp-content/themes/avintiv/library/images/bg-gradient.webp) no-repeat center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    z-index: -3;
}

.footer-cta .inner p img {
    width: 40px;
    height: 40px;
    margin-left: 20px;
}

.footer-cta .container-top {
    margin-bottom: 200px;
}

/* FOOTER */
footer:not(.footer-sm) {
    background-color: var(--accent-one);
    padding-block: 114px 72px;
    border-radius: 20px;
    margin-inline: 20px;
    padding-inline: 60px;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: calc(100% - 40px);
    z-index: 1;
}

.lead-growth::after {
    content: "";
    background-color: var(--offwhite);
    position: absolute;
    width: 100%;
    height: 15px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.page-template-page-lead-magnet .our-work .col-left .open-lead-popup {
    margin-top: 50px;
}

.page-template-page-lead-magnet .slick-track,
.page-template-page-schedule-call .slick-track {
    display: flex !important;
}

.page-template-page-lead-magnet .slick-slide,
.page-template-page-schedule-call .slick-slide {
    height: inherit !important;
}

.page-template-page-lead-magnet .footer-cta::after,
.page-template-page-schedule-call .footer-cta::after {
    content: "";
    background: unset;
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    z-index: -1;
    background: #111110;
}

body.page-template-page-thankyou footer,
body.blog footer {
    position: relative !important;
}

footer .title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 56px;
}

footer .title-row h2 {
    color: #111110;
    display: flex;
    font-size: 74px;
}

footer .title-row h2 img {
    color: #111110;
    width: 46px;
    margin-left: 2px;
}

footer .title-row ul {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

footer .title-row ul li a {
    width: 56px;
    height: 56px;
    padding: 17px;
    border: 1px solid #c4cc6d;
    border-radius: 50%;
    transition: border 0.4s;
}

footer .title-row ul li a:hover {
    border: 1px solid #111110;
}

footer .title-row ul li a img {
    height: 100%;
}

footer .detail-row {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 135px;
}

footer .detail-row .col-left {
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
    column-gap: 70px;
    row-gap: 40px;
}

footer .detail-row .col-left h3 {
    color: #111110;
    font-size: 24px;
    margin-bottom: 24px;
}

footer .detail-row .col-left ul li {
    color: #636352;
    font-size: 14px;
    line-height: 1;
    position: relative;
}

footer .detail-row .col-left ul li a {
    color: #636352;
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1;
    transition: all 0.3s;
    position: relative;

    opacity: 1;
}

footer .detail-row .col-left ul li:last-of-type a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #111110;
    width: 0;
    transition: all 0.3s;
}

footer .detail-row .col-left ul li a:hover::after {
    width: 100%;
}

footer .detail-row .col-left ul li:last-of-type a {
    color: #111011;
    padding-bottom: 8px;
    margin-bottom: 0;
}

footer .detail-row .col-left ul li:first-of-type a {
    color: #636352;
    padding-bottom: 0px;
}

footer .detail-row .col-right {
    display: flex;
    gap: 75px;
}

footer .detail-row .col-right .detail-col h3 {
    font-size: 14px;
    margin-bottom: 28px;
}

footer .detail-row .col-right .detail-col ul li a {
    font-size: 14px;
    line-height: 1;
    color: #636352;
    transition: color 0.3s;
}

footer .detail-row .col-right .detail-col ul li a:hover {
    color: #111110;
}

footer .detail-row .col-right .detail-col ul li:not(:last-child) a {
    margin-bottom: 13px;
}

footer .copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .copyright ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}

footer .copyright p {
    font-size: 14px;
    color: #636352;
}

footer .copyright ul li a {
    font-size: 14px;
    color: #636352;
    transition: all 0.3s;
    opacity: 1;
    transform: translate(0);
}

footer .copyright ul li a:hover {
    color: #111110;
}

.outer-clipped:last-of-type {
    background: url(/wp-content/themes/avintiv/library/images/bg-gradient.webp) no-repeat center;
    background-size: cover;
}

/* ABOUT US PAGE */
/* ------- */

/* ABOUT US PAGE */
.page-banner-light {
    background-color: #4e6235;
    padding-block: 160px 180px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* min-height: 95vh; */
    background: #415645;
}

body.blog .page-banner-dark .container {
    align-items: start;
}

/* .page-banner-dark {
  padding-block: 160px 180px;
  background-color: #111;
  position: relative;
  z-index: 1;
  overflow: hidden;
  } */

.page-banner-light .gradient {
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    left: -150px;
    top: 50%;
    border-radius: 50%;
    filter: blur(100px);
    background-color: #4e6a2b;
    opacity: 0.5;
    z-index: -1;
}

.page-banner-light .gradient span {
    border-radius: 391px;
    background: #fbffc798;
    display: block;
    position: absolute;
    width: 391px;
    height: 335px;
    transform: rotate(22deg);
    z-index: 1;
    top: 20%;
}

.page-banner-light .gradient-1 {
    top: -50px;
    right: 300px;
    left: auto;
    width: 600px;
    height: 600px;
    filter: blur(110px);
    opacity: 0.6;
}

.page-banner-light .gradient-1 span {
    top: unset;
    background: #fbffc798;
}

.page-banner-light .container,
.page-banner-dark .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-banner-light .col-right {
    width: 600px;
}

.page-banner-dark .default-col-right {
    width: 100%;
}

.page-banner-light .col-left .box,
.page-banner-dark .col-left .box {
    position: relative;
    top: 95px;
}

.single-services .page-banner-dark .col-right .gradient-heading {
    max-width: 540px;
}

.page-banner-dark .col-right .gradient-heading {
    margin-bottom: 15px;
}

.page-banner-dark .col-right .box span.default-subheading,
.page-banner-dark .col-right p {
    color: #d1d1d1;
    font-size: 16px;
    line-height: 1.5;
    max-width: 410px;
    text-transform: unset;
    margin-bottom: 40px;
}

.page-banner-dark .col-right p:not(:last-child) {
    margin-bottom: 40px;
}

.page-banner-light .col-left>img,
.page-banner-dark .col-left>img {
    margin-left: 20px;
}

.page-id-1312 .page-banner-dark .col-left {
    width: 30%;
}

.page-banner-light .col-left>img {
    max-width: 430px;
}

.page-banner-light .default-heading {
    font-size: 72px;
    line-height: 1;
    text-transform: capitalize;
    color: var(--accent-one);
}

.default-heading.danger span {
    color: #F94848;
}

.page-banner-light .default-heading span {
    color: #fff;
}

.page-banner-light .default-heading .line-wrapper {
    overflow: hidden;
    /* line-height: 0.3; */
}

.page-template-page-aboutus .page-banner-light .default-heading .line-wrapper .line {
    overflow: hidden;
    line-height: 1;
    padding-bottom: 10px;
}

.page-template-page-financial-disclaimer .policy-pages .site-main {
    padding-top: 140px;
}

/* ABOUT OVERVIEW */
.overview-section .border-offset::after {
    background-color: #fff;
}

.overview-section {
    padding-block: 164px 36px;
}

.overview-section>.container {
    display: flex;
    justify-content: space-between;
}

.overview-section .default-heading {
    font-size: 32px;
    margin-bottom: 24px;
}

.overview-section .col-left {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.overview-section .container .box {
    margin-bottom: -36px;
    position: relative;
}

.overview-section .container .box>span {
    position: absolute;
    right: 0;
    text-align: center;
    top: 94.5%;
    width: 165px;
    text-transform: uppercase;
    font-size: 14px;
    color: #111110;
}

.overview-section .container .box>img {
    width: 413px;
}

.overview-section .col-right p {
    font-size: 16px;
    column-count: 2;
    line-height: 1.5;
    color: #666;
    column-gap: 18px;
}

.overview-section .col-right ul li {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    column-gap: 18px;
    padding-left: 28px;
    position: relative;
}

.overview-section .col-right ul li::after {
    content: "";
    background: url(https://avintivmedia.com/wp-content/themes/avintiv/library/images/bullet.svg) no-repeat center;
    background-size: contain;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: 0;
}

.overview-section .col-right ul li:not(:last-child) {
    margin-bottom: 12px;
}

.overview-section .col-right .box {
    display: none;
}

/* QOUTE WITH BG */
.qoute-with-bg {
    margin-top: 80px;
    z-index: 1;
    position: relative;
}

.qoute-with-bg .bg {
    position: absolute;
    object-fit: cover;
    inset: 0;
    top: 0;
    margin: auto;
    width: 457px;
    z-index: -1;
}

.qoute-with-bg2 .bg {
    width: 350px;
    top: -45px;
}

.qoute-with-bg .border-offset::after {
    background-color: #fff;
}

.qoute-with-bg.qoute-with-bg1 .default-heading {
    line-height: 1.15;
}

/* .qoute-with-bg.qoute-with-bg1 .default-heading span {
  line-height: 1.1;
  } */

.qoute-with-bg .default-heading {
    font-size: 48px;
    line-height: 1.15;
    margin-bottom: 0;
    margin: 0 auto;
    text-align: center;
}

.qoute-with-bg .inner {
    max-width: 720px;
    margin: 0 auto;
}

.qoute-with-bg .default-heading .line-wrapper {
    display: inline-block !important;
}

.qoute-with-bg.qoute-with-bg2 .inner {
    max-width: 1024px;
    padding-block: 100px 150px;
}

.qoute-with-bg .default-heading .line-wrapper {
    text-align: center;
}

.qoute-with-bg .default-heading .line {
    text-align: center !important;
}

.qoute-with-bg .container {
    padding-bottom: 124px;
    border-bottom: 1px solid #d1d1d1;
}

.qoute-with-bg .container .inner {
    position: relative;
    padding-block: 100px 100px;
}

/* COMPNAY STORY */
.company-story-section {
    padding-block: 124px 0px;
}

.company-story-section .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.company-story-section .col-left .default-subheading {
    margin-bottom: 36px;
}

.company-story-section .col-left .default-heading {
    margin-bottom: 24px;
    font-size: 32px;
    max-width: 500px;
}

.company-story-section .col-left p {
    font-size: 16px;
    column-count: 2;
    line-height: 1.5;
    color: #666;
    column-gap: 18px;
}

.company-story-section .col-right .box {
    position: relative;
}

.company-story-section .col-right .box>span {
    position: absolute;
    right: 0;
    text-align: center;
    top: 94%;
    width: 165px;
    text-transform: uppercase;
    font-size: 14px;
    color: #111110;
}

.company-story-section .col-right .box>img {
    width: 413px;
}

/* ACHIEVEMENTS */
.achieve-section {
    padding-block: 164px 80px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.achieve-section .border-offset::after {
    background-color: #111110;
    z-index: -2;
}

.tabs-with-accordion {
    padding-bottom: 250px;
}

.tabs-with-accordion .border-offset::after {
    background-color: #111110;
    z-index: -2;
}

.achieve-section .gradient {
    width: 600px;
    height: 600px;
    display: block;
    position: absolute;
    left: -50px;
    top: 10%;
    z-index: -1;
    border-radius: 50%;
    filter: blur(50px);
    background-color: #4e6a2b;
    opacity: 0.2;
}

.achieve-section .gradient span {
    border-radius: 391px;
    background: #f9ffacd8;
    display: block;
    position: absolute;
    width: 450px;
    height: 455px;
    transform: rotate(22deg);
    z-index: 1;
    top: 20%;
    left: 10%;
}

.achieve-section .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 56px;
}

.achieve-section .container .row {
    width: 100%;
    display: flex;
    justify-content: space-between;

    column-gap: 20px;
}

.achieve-section .container .row .col {
    flex: 1;
    position: relative;
    z-index: 1;
    padding: 36px;
    min-height: 308px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.achieve-section .default-heading {
    font-size: 32px;
    margin-bottom: 24px;
}

.achieve-section .container .row .col .card-offset {
    filter: url(#round);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.achieve-section .container .row .col .card-offset::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #2a2a28;
    clip-path: polygon(0 0, 100% 0, 100% 92%, 62% 92%, 56% 100%, 0 100%);
}

.achieve-section .container .row h3 {
    color: var(--accent-one);
    font-size: 24px;
    line-height: 1.16;
    max-width: 226px;
}

.achieve-section .container .row .col img {
    width: fit-content;
}

.achieve-section .container .row .col:last-of-type .thumbnail img {
    height: 30px;
}

/* TABS WITH ACCORDION */

.tabs-with-accordion-menu {
    margin-bottom: 80px;
    margin-left: auto;
    overflow: hidden;
    will-change: transform;
}

.tabs-with-accordion-menu nav {
    display: flex;
    gap: 12px;
}

.tabs-with-accordion-menu button {
    color: #d1d1d1;
    border: 1px solid #666;
    padding: 8px 21px;
    font-size: 14px;
    border-radius: 20px;
    transition: all 0.3s;
}

.tabs-with-accordion-menu button.active {
    color: var(--accent-one);
    border: 1px solid var(--accent-one);
}

.tabs-with-accordion-menu.active1 button.dot1 {
    display: none;
}

.tabs-with-accordion-menu.active2 button.dot2 {
    display: none;
}

.tabs-with-accordion-menu.active2 button.year-2022,
.tabs-with-accordion-menu.active2 button.year-2021,
.tabs-with-accordion-menu.active1 button.year-2019,
.tabs-with-accordion-menu.active1 button.year-2018 {
    display: none;
}

/* --------- */
.tabs-with-accordion .faq {
    position: relative;
}

.tabs-with-accordion-content-container .faq--answer .default-col-right .box:last-of-type {
    padding-bottom: 28px;
}

.tabs-with-accordion .faq>span.border {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #454545;
}

.tabs-with-accordion .faq--title {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.faq--title .thumbnail img {
    padding-top: 10px;
}

.tabs-with-accordion .faq--answer {
    position: relative;
    will-change: transform;
}

.tabs-with-accordion-content-container {
    position: relative;
}

.tabs-with-accordion-content-container>span.border {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #454545;
}

.tabs-with-accordion-content-container .faq--title .default-col-right {
    min-width: 628px;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.tabs-with-accordion-section:not(:first-child) {
    display: none;
}

.tabs-with-accordion-section .faq--title .title {
    font-size: 24px;
    color: #fff;
    padding-block: 30px;
}

.tabs-with-accordion-content-container .faq--title .default-col-right .box {
    max-width: 300px;
    padding-block: 36px 20px;
}

.tabs-with-accordion-content-container .default-col-right .caption {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    text-align: end;
}

.tabs-with-accordion-content-container .default-col-right .caption span {
    font: inherit;
    color: inherit;
    display: block;
}

.tabs-with-accordion-content-container .default-col-right .caption span:not(:last-of-type) {
    margin-bottom: 12px;
}

.tabs-with-accordion-content-container .default-col-right .caption:not(:last-child) {
    margin-bottom: 12px;
}

.tabs-with-accordion-content-container .faq--answer .default-col-right {
    margin-left: auto;
}

.tabs-with-accordion-content-container .faq--answer .title {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 27px;
}

.tabs-with-accordion-content-container .faq--answer ul {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-auto-rows: auto;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: column;
    align-content: start;
    column-gap: 10px;
    margin-bottom: 40px;
}

.tabs-with-accordion-content-container .faq--answer .box:last-child ul {
    margin-bottom: 0px;
}

.tabs-with-accordion-content-container .faq--answer ul li {
    font-size: 14px;
    text-transform: uppercase;
    color: #ababab;
}

.tabs-with-accordion-content-container .faq--answer ul li:nth-child(odd) {
    margin-bottom: 10px;
}

.tabs-with-accordion-content-container .faq--answer ul li:last-child {
    margin-bottom: 0px;
}

/* CARDS SCROLLING */
.cards-with-scrolling.cards-with-scrolling-accent .border-offset::after {
    background-color: #415645;
}

.cards-with-scrolling {
    padding-block: 190px 100px;
    overflow: hidden;
}

.cards-with-scrolling .border-offset::after {
    background-color: var(--offwhite);
}

.cards-with-scrolling h2 span {
    display: block;
}

.cards-with-scrolling .container {
    display: flex;
    justify-content: space-between;
    max-height: 730px;
}

.cards-with-scrolling .default-col-right .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    will-change: transform;
}

.cards-with-scrolling .default-col-right .col {
    width: calc(50% - 10px);
    min-height: 344px;
}

.default-cutout-cards {
    width: 32%;
    padding: 28px;
    border-radius: 0 15px 15px 15px;
    position: relative;
    z-index: 1;
}

.default-cutout-cards .card-offset {
    filter: url(#round);
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.default-cutout-cards .card-offset::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 57% 0, 62% 27px, 100% 27px, 100% 100%, 0 100%);
    background-size: cover;
    background-color: #fff;
}

.cards-with-scrolling-accent .default-cutout-cards .card-offset::after {
    background-color: #4c6250;
}

.cards-with-scrolling-accent .default-cutout-cards h3 {
    color: #fff;
}

.cards-with-scrolling-accent .default-cutout-cards p {
    color: #d1d1d1;
}

.default-cutout-cards .thumbnail {
    width: 56px;
    height: 56px;
    padding: 16px;
    background-color: var(--accent-one);
    border-radius: 50%;
    margin-bottom: 52px;
}

.default-cutout-cards .thumbnail img {
    height: 100%;
}

.default-cutout-cards h3 {
    font-size: 24px;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.default-cutout-cards p {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}

/* CUTOUT CARDS */

section.cutout-stacked-cards-extended.clipped {
    overflow: visible;
}

.cutout-stacked-cards .row .col {
    padding-block: 38px;
    position: relative;
    z-index: 1;
    min-height: 225px;
    margin-bottom: -100px;
}

.cutout-stacked-cards .row .col:last-child {
    padding-bottom: 150px;
}

/* .cutout-stacked-cards.end .row .col:last-child {
  padding-bottom: 10px;
  min-height: 130px;
  } */

.cutout-stacked-cards .row .col .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cutout-stacked-cards-extended .row .col .container {
    display: grid;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 1fr 2fr 1fr;
}

.cutout-stacked-cards .row .col .location {
    display: flex;
    align-items: start;
    gap: 12px;
    width: 253px;
    margin-bottom: -140px;
}

.cutout-stacked-cards .row .col .location img {
    width: 24px;
}

.cutout-stacked-cards .row .col .location span {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

.cutout-stacked-cards .row .col h3 {
    font-size: 48px;
    width: 38%;
    margin-bottom: 0;
}

.cutout-stacked-cards-extended .row .col h3 {
    width: auto;
}

.cutout-stacked-cards .row .col .card-offset {
    filter: url("#round");
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.cutout-stacked-cards .row .col .card-offset::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 66% 0, 71% 70px, 100% 70px, 100% 100%, 0 100%);
    background-color: #fff;
}

.cutout-stacked-cards-extended .row .col .card-offset::after {
    clip-path: polygon(0 0, 70% 0, 75% 70px, 100% 70px, 100% 100%, 0 100%);
}

.cutout-stacked-cards .row .col:nth-child(odd) .card-offset::after {
    background-color: #eaeaea;
}

/* DOUBLE SLIDER */
.double-slider .slider-row3 {
    display: none;
}

.double-slider-section {
    padding-block: 164px 250px;
}

.double-slider-section .border-offset::after {
    background-color: var(--accent-two);
}

.double-slider-section .default-heading span {
    display: block;
}

.double-slider-section .default-col-right {
    width: 628px;
}

.double-slider-section .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 40px;
}

.double-slider-section .double-slider {
    width: 100%;
}

.double-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}

.double-slider .row {
    width: 75%;
    position: relative;
}

.double-slider .row .slick-list {
    padding-bottom: 4px;
}

.double-slider .card {
    width: 25%;
    will-change: transform;
}

.double-slider .row .card {
    width: 100%;
}

.double-slider .row .card .box {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    align-items: center;
    column-gap: 10px;
}

.double-slider .row .card p {
    font-size: 20px;
    color: #fff;
    line-height: 1;
}

.double-slider .row .card span {
    font-size: 14px;
    color: #d1d1d1;
}

.double-slider .row .card {
    width: 100%;
}

/* .double-slider .slider-row2 {
    width: 100%;
} */

.double-slider-section .end-card {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    width: 24%;
}

.double-slider-section .end-card .box {
    display: flex;
    gap: 8px;
    position: relative;
    top: -15px;
}

.double-slider-section .end-card .card-offset {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: url("#round");
}

.double-slider .slick-slide {
    margin: 0 10px;
}

.double-slider .slick-arrow {
    position: static;
}

.double-slider-section .card.end-card>img {
    position: absolute;
    left: 0;
    top: 0;
}

.tabs-with-accordion-menu1 {
    display: none;
}

.faq--title .thumbnail h3 {
    display: none;
}

.double-slider-section .end-card>.slide-count {
    display: none;
}

/* CONTACT POPUP */
.page-banner-dark {
    padding-block: 150px 220px;
    background-color: #111110;
    position: relative;
    z-index: 0;
    /* min-height: 95vh; */
    overflow: hidden;
}

/* .page-banner-dark .col-left img {
  position: absolute;
  bottom: -100px;
  right: -100px;
  } */

/* .page-banner-dark .container {
  flex-direction: column;
  } */

.page-banner-dark .gradient-heading {
    font-size: 74px;
    line-height: 1;
}

.page-banner-dark .gradient-heading span {
    line-height: 0.9;
}

.page-banner-dark .gradient-heading>.line-wrapper>.line {
    padding-bottom: 10px;
}

/* .page-banner-dark .gradient-heading span {
  line-height: 1.1;
  color: var(--accent-one);
  background: var(--gradients-other-colors-yellow-gradient, linear-gradient(4deg, #707050 3.61%, #E1EC60 42.75%, #707050 89.94%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  } */

.page-banner-dark .gradient-1 {
    right: 270px;
    opacity: 0.3;
    top: -130px;
    width: 500px;
    height: 500px;
}

.page-banner-dark .gradient-2 {
    opacity: 0.4;
    top: 55%;
}

.location-services {
    padding-block: 124px 200px;
}

/* OFFICES COLUMNS */
.offices-columns {
    padding-block: 164px 240px;
}

.offices-columns .border-offset::after {
    background-color: var(--accent-two);
}

.offices-columns .container .row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.offices-columns .container .col h3 {
    margin-bottom: 24px;
    color: #fff;
    font-size: 32px;
}

.offices-columns .container .col ul li {
    color: #d1d1d1;
    font-size: 14px;
}

.offices-columns .container .col ul li:not(:last-of-type) {
    margin-bottom: 12px;
}

/* header.popup .navbar-toggle {
  display: block;
  margin: 0;
  cursor: pointer;
  } */

header.popup .navbar-toggle .one {
    transform: rotate(45deg) translate(5px, 5px);
}

header.popup .navbar-toggle .three {
    transform: rotate(-45deg) translate(1px, -1px);
}

header.popup .navbar-toggle {
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 12px;
}

/* THANK YOU PAGE */
.thanks-page {
    padding-block: 240px 120px;
}

.thanks-page .default-subheading {
    margin-bottom: 40px;
}

.thanks-page .container {
    display: flex;
    justify-content: space-between;
}

.thanks-page .container .col-right .default-heading {
    font-size: 72px;
    margin-bottom: 20px;
    line-height: 1;
}

.thanks-page .container .col-right .default-heading {
    font-size: 72px;
    margin-bottom: 20px;
}

.thanks-page .default-heading .line {
    padding-bottom: 10px;
}

.thanks-page .container .col-right p {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 1.5;
    color: #666;
    max-width: 523px;
}

.thanks-page .container .col-right .default-btn {
    padding: 14px 22px;
    transition: color 0.3s, background-color 0.3s;
}

.default-iconlist {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.default-iconlist li a {
    width: 56px;
    height: 56px;
    padding: 17px;
    border: 1px solid #ababab;
    border-radius: 50%;
    transition: border 0.4s;
}

.default-iconlist li a:hover {
    border: 1px solid #111110;
}

.default-iconlist li a img {
    height: 100%;
}

/* .policy-pages header.active, */
body.page-template-page-thankyou header.active,
body.single:not(.single-services) header.active,
body.portfolio header.active {
    background-color: #fff;
}

/* .policy-pages header .logo, */
body.page-template-page-thankyou header .logo,
body.single:not(.single-services) header .logo,
body.portfolio header .logo,
body.page-id-12107 header .logo,
.page-template-page-thankyou-offerpages header .logo {
    filter: invert(1);
}

/* .policy-pages header .nav-top>ul>li>a, */
body.page-template-page-thankyou header .nav-top>ul>li>a,
body.single:not(.single-services) header .nav-top>ul>li>a,
body.portfolio header .nav-top>ul>li>a {
    color: #111110;
}

/* 
  .policy-pages header .nav-top .menu-item-has-children>a::after, */
body.page-template-page-thankyou header .nav-top .menu-item-has-children>a::after,
body.single:not(.single-services) header .nav-top .menu-item-has-children>a::after,
body.portfolio header .nav-top .menu-item-has-children>a::after {
    filter: invert(1);
}

.policy-pages #body-inner {
    background-color: var(--offwhite);
}

.page-template-page-brand-services .default-logo-slider {
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    margin-top: 23px;
}

.faqs-with-accordion .acc-button h4 {
    transition: color 0.3s;
}

.page-template-page-brand-services .faqs-with-accordion .acc-button:not(.open) h4:hover,
.single-services .faqs-with-accordion .acc-button:not(.open) h4:hover {
    color: #666;
}

.single-services .default-logo-slider {
    border-top: 1px solid rgba(255, 255, 255, 0.24);
}

.page-template-page-brand-services .col-left,
.single-services .col-left {
    align-self: flex-start;
}

.page-template-page-brand-services .page-banner-dark {
    padding-bottom: 130px;
}

/* .single-services .page-banner-dark {
  padd
  } */

.single-services .page-banner-dark .gradient-1 {
    left: 20%;
    right: unset;
}

/* body.portfolio .nav-top .menu-item-has-children>a::after {
  filter: invert(1);
  } */

/* MODAL */
.modal-window {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.25);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.modal-window:target {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.modal-window>div {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2em;
    background: white;
}

.modal-window header {
    font-weight: bold;
}

.modal-window h1 {
    font-size: 150%;
    margin: 0 0 15px;
}

.modal-close {
    color: #aaa;
    line-height: 50px;
    font-size: 80%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
    text-decoration: none;
}

.modal-close:hover {
    color: black;
}

/* Demo Styles */

body {
    overflow-x: hidden;
}

body:has(.icey_modal.icey_active) {
    overflow-y: hidden;
    padding-right: var(--scrollbar_width);
}

.icey_modal {
    position: fixed;
    z-index: 11;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s all ease-in;
    overflow: hidden;
    height: 100%;
    max-height: 100vh;
    max-height: 100dvh;
}

.icey_modal.icey_active {
    opacity: 1;
    pointer-events: all;
}

.icey_modal_overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    z-index: 0;
    cursor: no-drop;
}

.icey_modal_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
    height: 100%;
    z-index: 1;
    background-color: #fff;
    margin-left: 0px;
}

/* OFFICES ACCORDION */
.offices-accordion {
    padding-block: 164px 825px;
}

.offices-accordion .border-offset::after {
    background-color: #fff;
}

.offices-accordion .accordion-container {
    position: relative;
}

.offices-accordion .accordion-container>.border {
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border-bottom: 1px solid #d1d1d1;
}

.offices-accordion .accordion-box {
    position: relative;
}

.offices-accordion .accordion-box .border {
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    border-bottom: 1px solid #d1d1d1;
}

.offices-accordion .acc-button {
    padding-block: 28px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.offices-accordion .acc-button .title {
    font-size: 48px;
    line-height: 1.25;
    color: #111110;
    margin-bottom: 0;
}

.offices-accordion .acc-button .col-left button {
    display: none;
}

.offices-accordion .acc-button .col-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.offices-accordion .acc-button .col-left {
    display: flex;
    justify-content: space-between;
}

.offices-accordion .acc-button .default-col-right {
    width: 628px;
}

.offices-accordion .acc-button.open .col-left button {
    display: none;
}

.offices-accordion .acc-button.open .default-col-right button {
    display: flex;
}

.offices-accordion .acc-button.open .default-col-right svg {
    display: none;
}

.offices-accordion .acc-button .default-col-right button,
.offices-accordion .acc-button .col-left button {
    display: flex;
    text-transform: uppercase;
    color: #666;
    font-size: 12px;
    gap: 8px;
    display: none;
    margin-top: 8px;
}

.offices-accordion .acc-button svg {
    transition: all 0.3s;
}

.offices-accordion .acc-button:hover svg {
    filter: brightness(0);
}

.offices-accordion .acc-button .default-col-right button img,
.offices-accordion .acc-button .col-left button img {
    width: 11px;
    margin-top: 1px;
}

.offices-accordion .accordion-content .box .title {
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.offices-accordion .accordion-content .box>span,
.offices-accordion .accordion-content .box>a {
    font-size: 14px;
    display: block;
    color: #666;
}

.offices-accordion .accordion-content .box>span:not(:last-child),
.offices-accordion .accordion-content .box>a:not(:last-child) {
    margin-bottom: 12px;
}

.offices-accordion .accordion-content .col-right {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    row-gap: 40px;
}

.offices-accordion .accordion-content .col-right>a {
    display: flex;
    gap: 8px;
    font-size: 12px;
    color: #111110;
    text-transform: uppercase;
}

.offices-accordion .accordion-content .col-right>a img {
    transition: all 0.35s;
}

.offices-accordion .accordion-content .col-right>a:hover img {
    transform: translate(7px);
}

.offices-accordion .accordion-content .box {
    width: 100%;
}

.offices-accordion .accordion-content .semi-box {
    width: 50%;
}

.offices-accordion .accordion-content .col-right>a img {
    width: 14px;
}

.offices-accordion .accordion-content .col-right {
    margin-left: auto;
    padding-bottom: 40px;
}

/* REACH US FORM */
.reachus-form {
    padding-block: 165px 240px;
}

.reachus-form .border-offset::after {
    background-color: #fff;
}

.reachus-form .container {
    display: flex;
    justify-content: space-between;
}

.reachus-form .container .col-left .title {
    font-size: 14px;
    color: #111110;
    text-transform: uppercase;
}

.reachus-form .container .col-left .title:not(:last-child) {
    padding-bottom: 230px;
}

.reachus-form .container .col-left .title span {
    font-size: 14px;
    color: #666;
    display: block;
    margin-top: 8px;
}

.reachus-form .container .col-right {
    width: 630px;
}

.reachus-form .gform_heading {
    display: none;
}

.reachus-form .my-gform_heading {
    display: none;
}

.reachus-form .my-gform_heading {
    max-width: 628px;
    width: 100%;
}

.reachus-form .my-gform_heading .my-gform_title {
    font-size: 48px;
    margin-bottom: 80px;
}

.page-template-page-ourlocations .reachus-form .my-gform_heading {
    display: block;
}

.page-template-page-ourlocations .reachus-form .container-outer {
    justify-content: end;
}

.reachus-form form .gfield {
    border: none;
}

.reachus-form form .gfield>legend {
    display: none;
}

.reachus-form .gfield_checkbox {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    flex-direction: row !important;
    max-width: 485px;
    margin-bottom: 45px;
}

.reachus-form .gfield_checkbox .gchoice input {
    display: none;
    padding-left: 0;
}

.gform-theme--foundation #gform_fields_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.reachus-field-full {
    width: 100% !important;
}

.reachus-field-semi {
    width: 48% !important;
}

/* ----------------- */
.gform-theme--foundation #gform_fields_1 input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ababab;
    border-radius: 0;
    width: 100%;
    box-shadow: none;
    font-family: inherit;
    padding: 0;
    font-size: 14px;
    min-height: 38px;
    color: #111110;
    transition: all 0.3s;
}

.gform-theme--foundation #gform_fields_1 input:hover,
.gform-theme--foundation #gform_fields_1 input:focus {
    border-color: #666;
}

.gform-theme--foundation #gform_fields_1 input::placeholder {
    color: #666 !important;
}

/*  */
.lead-popup .gform_title {
    text-align: center;
    padding: 0 30px;
    margin-bottom: 64px;
    font-size: 48px;
    line-height: 1.2;
    opacity: 1;
    overflow: hidden;
    will-change: transform;
}

/* .lead-popup:has(input:placeholder-shown, select option:first-child:checked) .gform-footer {
    pointer-events: none;
} */


/*  */

.reachus-form .gfield_checkbox .gchoice {
    display: block !important;
}

.reachus-form .gfield_checkbox .gchoice label {
    color: #111110;
    transition: all 0.35s;
    padding: 6px 20px;
    display: block;
    font-size: 14px;
    border: 1px solid #111110;
    border-radius: 20px;
    margin-left: 0 !important;
    cursor: pointer;
    min-height: 34px;
    display: flex;
    align-items: center;
}

.reachus-form .gfield_checkbox .gchoice label:hover {
    background-color: #828282;
    color: #fff;
    border-color: #828282;
}

.reachus-form .gfield_checkbox .gchoice input:checked+label {
    background-color: #111110;
    border-color: #111110;
    color: #fff;
}

.reachus-form form .gform_footer {
    margin-top: 80px;
}

.gform-theme--foundation .gform_fields {
    row-gap: 34px !important;
}

.reachus-form form .gform_footer input:first-child {
    font-size: 12px !important;
    color: #111110 !important;
    padding: 14px 35px !important;
    border-radius: 20px !important;
    background-color: var(--accent-one) !important;
    transition: all 0.3s !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
    min-width: 140px !important;
    text-align: center !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

.reachus-form form .gform_footer input:first-child:hover {
    background-color: #c0cb48 !important;
}

.reachus-form .col-right .title {
    display: none;
}

.reachus-form form .gfield:first-child {
    position: relative;
}

.reachus-form form .gfield:first-child .validation_message {
    font-size: 12px;
    color: #df3b3b;
    left: 0;
    bottom: 22px;
    position: absolute;
}

.reachus-form form .gfield:not(:first-child) {
    position: relative;
}

.reachus-form form .gfield:not(:first-child) label {
    font-size: 14px;
    top: 12px;
    clip: unset;
    clip-path: unset;
    width: fit-content;
    position: absolute;
    left: 0;
    height: fit-content;
    transition: all 0.3s;
    color: #666;
}

.reachus-form form .gfield:not(:first-child) .validation_message {
    font-size: 12px;
    color: #df3b3b;
    right: 0;
    position: absolute;
    top: calc(100% + 6px);
}

.gform_validation_error .gfield_label {
    top: 10px;
    font-size: 12px;
}

.page-template-page-ourlocations .page-banner-light .default-heading {
    text-transform: none;
}

/* LOCATION PAGE INNER */
.page-banner-light .default-subheading.yellow {
    color: var(--accent-one);
    padding-bottom: 150px;
}

.page-banner-light .col-right .default-subheading.yellow {
    display: none;
}

.page-banner-light .col-left .inner,
.page-banner-light .col-right .inner {
    display: flex;
    row-gap: 36px;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 15px;
}

.page-banner-light .col-right .inner {
    display: none;
}

.page-banner-light .col-left .col:first-child,
.page-banner-light .col-right .col:first-child {
    width: 100%;
}

.page-banner-light .col-left .col .title,
.page-banner-light .col-right .col .title {
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.page-banner-light .col-left .col span,
.page-banner-light .col-left .col a,
.page-banner-light .col-right .col span,
.page-banner-light .col-right .col a {
    color: #d1d1d1;
    font-size: 14px;
    display: block;
}

.page-banner-light .col-left .col span:not(:last-child),
.page-banner-light .col-left .col a:not(:last-child),
.page-banner-light .col-right .col span:not(:last-child),
.page-banner-light .col-right .col a:not(:last-child) {
    margin-bottom: 12px;
}

.page-banner-light .col-right .description {
    font-size: 16px;
    color: #d1d1d1;
    margin-top: 20px;
    max-width: 520px;
    line-height: 1.5;
}

/* .locations-inner .default-heading .line-wrapper .line {
  padding-bottom: 10px;
  } */

.locations-inner {
    padding-top: 200px;
    align-items: start;
}

.locations-inner .container {
    align-items: start;
}

/* SERVICES ACCORDION */

.location-services {
    padding-block: 164px 250px;
}

.location-services .border-offset::after {
    background-color: var(--offwhite);
}

.location-services .default-heading {
    font-size: 48px;
    line-height: 1.25;
    margin-bottom: 80px;
}

.location-services .row .col>.title {
    font-size: 14px;
    color: #111110;
}

.location-services .container>.default-col-right {
    margin-left: auto;
}

.location-services .row {
    display: flex;
    justify-content: space-between;
}

.location-services .col {
    width: 50%;
}

.location-services .col .inner {
    max-width: 522px;
}

.location-services .col .title {
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 28px;
}

/* BG MAP  */

.bg-map-section {
    position: relative;
    min-height: 740px;
}

.bg-map-section .border-offset::after {
    display: none;
}

.bg-map-section iframe {
    height: 100%;
}

.static-footer footer {
    position: relative !important;
}

.bg-map-section .default-cutout-cards {
    padding: 28px;
    position: absolute;
    top: 188px;
    right: 0;
    left: 53%;
}

.bg-map-section .default-cutout-cards .card-offset::after {
    background-color: #415645;
}

.bg-map-section .default-cutout-cards h3 {
    font-size: 14px;
    margin-bottom: 48px;
    color: #fff;
    text-transform: uppercase;
}

.bg-map-section .default-cutout-cards span,
.bg-map-section .default-cutout-cards a {
    font-size: 14px;
    color: #d1d1d1;
}

.bg-map-section .default-cutout-cards span:not(:last-child),
.bg-map-section .default-cutout-cards a:not(:last-child) {
    margin-bottom: 12px;
    display: block;
}

.bg-map-section .default-cutout-cards {
    width: 100%;
    max-width: 285px;
}

.static-footer footer {
    margin-inline: 0;
    border-radius: 0;
    padding-inline: 20px;
    padding-block: 0px;
    width: 100%;
    bottom: 0;
    background-color: #111110;
    padding-bottom: 20px;
    margin-top: -15px;
}

.static-footer .footer-wrapper {
    background-color: var(--accent-one);
    padding-inline: 60px;
    border-radius: 20px;
    padding-block: 114px 72px;
}

.double-slider-section .slick-arrow {
    display: block !important;
}

.careers-page .overview-section {
    padding-bottom: 183px;
}

.careers-page .company-story-section {
    padding-top: 100px;
}

.spacer .container {
    border-bottom: 1px solid #d1d1d1;
}

.careers-page .qoute-with-bg.qoute-with-bg1 .default-heading span {
    line-height: 1.2;
}

.careers-page .qoute-with-bg .container {
    border-bottom: 0;
}

.careers-page .qoute-with-bg .container {
    padding-bottom: 240px;
}

/* OUR WORK PAGE */

.blog .page-banner-dark {
    padding-top: 270px;
    padding-bottom: 280px;
}

.blog .gradient-heading {
    line-height: 1.3;
}

.blog .gradient-heading span {
    line-height: 1.2;
}

/* BLOG PAGE */

.content-cards {
    padding-block: 160px 240px;
}

.content-cards .border-offset::after {
    background-color: #fff;
}

.content-cards .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 80px;
}

.content-cards .row .col {
    width: calc(50% - 10px);
}

.content-cards .row .thumbnail {
    position: relative;
}

.content-cards .row .thumbnail ul {
    position: absolute;
    top: 30px;
    left: 30px;
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
}

.content-cards .row .thumbnail ul li {
    background-color: #fff;
    padding: 10px 20px;
    font-size: 12px;
    color: #111110;
    border-radius: 20px;
}

.content-cards .row .col .thumbnail {
    margin-bottom: 26px;
    cursor: none;
    height: max-content;
}

.content-cards .row .col .thumbnail a {
    cursor: none;
    height: 100%;
    width: 100%;
}

.content-cards .row .col .thumbnail a>img {
    border-radius: 15px;
}

.content-cards .row .col .thumbnail img {
    transition: all 0.3s;
    height: 100%;
    object-fit: contain;
}

.content-cards .row .col .thumbnail:hover>img {
    filter: brightness(0.7);
}

.content-cards .row .col .inner span {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 16px;
}

.content-cards .row .col .inner h3 {
    font-size: 24px;
    color: #111110;
    line-height: 1.16;
}

/* .content-cards .row .col {
  position: relative;
  } */

.content-cards .col .mouse-follower {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 50px;
    position: absolute;
    z-index: 1;
}

.content-cards .row {
    margin-bottom: 120px;
}

.content-cards .default-btn {
    color: #111110;
    border: 1px solid #111110;
    background: transparent;
    padding: 12px 10px;
    display: block;
    width: fit-content;
    margin: auto;
    transition: all 0.3s;
}

.content-cards .default-btn:hover {
    border-color: #454545;
    color: #454545;
}

.our-work-page .static-footer footer {
    background-color: #fff;
}

.our-work-page .page-banner-dark .gradient-heading {
    /* font-size: 74px; */
    line-height: 1.3;
}

.our-work-page .page-banner-dark .gradient-heading span {
    line-height: 1.2;
}

.our-work-page .content-cards .row .col:nth-child(odd) {
    max-width: 530px;
    /* margin-top: -60px; */
}

.our-work-page .content-cards .row .col:first-child {
    margin-top: 0;
}

.our-work-page .content-cards .row .col:nth-child(4n) {
    max-width: 530px;
}

/* .our-work-page .content-cards .row .col:nth-child(4n + 3) {
  margin-top: -120px;
  } */

.our-work-page .page-banner-dark .col-right .gradient-heading {
    margin-bottom: 0;
}

.our-work-page .content-cards .row {
    row-gap: 60px;
}

.our-work-page .content-cards {
    padding-bottom: 240px;
}

/* ARTICLE */

.article-banner {
    padding-block: 240px 40px;
}

.article-banner .container {
    display: flex;
    justify-content: space-between;
    column-gap: 25px;
}

.article-banner .container .col-left {
    width: 740px;
}

.article-banner .container .col-left .default-subheading {
    margin-bottom: 30px;
    color: #666;
}

.article-banner .container .col-left .default-heading {
    font-size: 48px;
}

.article-banner .container .col-right {
    margin-top: 55px;
}

.default-pills {
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
}

.default-pills li {
    background-color: #fff;
    padding: 9px 20px;
    font-size: 14px;
    color: #111110;
    border-radius: 20px;
    border: 1px solid #ababab;
}

.default-pills.inverted li {
    background-color: transparent;
}

/* ARTICLE INFO */
.article-info.clipped {
    margin-top: 0;
    border-radius: 0;
}

.article-info>.thumbnail {
    margin-bottom: 80px;
}

.article-info>.thumbnail img {
    height: 100%;
    object-fit: cover;
}

.article-info .container {
    max-width: 630px;
}

.article-info .container>p:first-child {
    font-size: 24px;
    line-height: 1.5;
    color: #111110;
    margin-bottom: 24px;
}

.article-info .container h2 {
    font-size: 32px;
    margin-bottom: 24px;
    line-height: 1.25;
    margin-top: 36px;
}

.article-info .container li:has(h2) {
    font-size: 32px;
    color: #000;
    line-height: 1.25;
}

.article-info .container h3 {
    font-size: 24px;
    margin-bottom: 24px;
    line-height: 1.25;
    margin-top: 36px;
}

.article-info .container li:has(h3) {
    font-size: 24px;
    color: #000;
    line-height: 1.25;
}

.article-info .container h4 {
    font-size: 20px;
    margin-bottom: 24px;
    line-height: 1.25;
    margin-top: 36px;
}

.article-info .container li:has(h4) {
    font-size: 20px;
    color: #000;
    line-height: 1.25;
}

.article-info .container h5 {
    font-size: 16px;
    margin-bottom: 24px;
    line-height: 1.25;
    margin-top: 36px;
}

.article-info .container li:has(h5) {
    font-size: 16px;
    color: #000;
    line-height: 1.25;
}

.article-info .container h6 {
    font-size: 14px;
    margin-bottom: 24px;
    line-height: 1.25;
    margin-top: 36px;
}

.article-info .container li:has(h6) {
    font-size: 14px;
    color: #000;
    line-height: 1.25;
}

.article-info .container p {
    font-size: 16px;
    color: #666;
    margin-bottom: 12px;
    line-height: 1.5;
}

.article-info .container li {
    font-size: 16px;
    color: #666;
    margin-bottom: 12px;
    line-height: 1.5;
}

.article-info .container ol,
.article-info .container ul {
    padding-bottom: 10px;
}

.article-info .container p a,
.policy-pages-inner p a {
    font: inherit;
    text-decoration: underline;
    color: #000;
    display: inline;
    transition: color 0.35s;
}

.article-info .container p a:hover,
.policy-pages-inner p a:hover {
    color: var(--accent-two);
}

.article-info .container img {
    margin-bottom: 48px;
    margin-top: 36px;
    height: fit-content;
}

.article-info .container figure figure img {
    margin-bottom: 0;
    margin-top: 0;
}

.article-info .container figure:has(> figure) {
    margin-bottom: 48px;
    margin-top: 36px;
}

.article-info .container figure {
    margin-left: 0;
}

.article-info .container bold {
    color: #111110;
}

/* .article-info ul,
  .article-info ol,
  .article-info ul li,
  .article-info ol li {
  list-style-type: auto !important;
  } */

.article-info ol li {
    list-style-type: numbers;
}

.article-info ul li {
    list-style-type: disc;
}

.article-info ul,
.article-info ol {
    padding: 0 0 25px 22px;
}

.article-info ul li,
.article-info ol li {
    margin-bottom: 7px;
}

.article-info .article-business-card ul,
.article-info .article-business-card ol,
.article-info .article-business-card ul li,
.article-info .article-business-card ol li {
    list-style-type: none !important;
}

.article-info .article-business-card ul,
.article-info .article-business-card ol {
    padding: 0;
}

.article-info .article-business-card ul li,
.article-info .article-business-card ol li {
    margin-bottom: 0px;
}

.article-info .container li h3 {
    margin-bottom: 0px;
}

.article-business-card {
    max-width: 846px;
    margin: auto;
    margin-top: 40px;
}

.article-business-card .thumbnail {
    background: url(https://avintivmedia.com/wp-content/themes/avintiv/library/images/buisness-card.webp) no-repeat center;
    background-size: contain;
    min-height: 476px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    /* padding-bottom: 50px; */
    /* padding-left: 50px; */
}

.article-business-card .box {
    margin-bottom: 65px;
    margin-left: 65px;
}

.article-business-card p {
    font-size: 74px;
    color: #fff;
    text-align: left;
    margin-bottom: 40px;
    line-height: 1;
    max-width: 330px;
}

.article-business-card p img {
    width: 45px;
    height: 45px;
    margin-left: 20px;
}

.article-business-card .inner .default-subheading {
    color: #666;
}

.article-business-card .inner {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center;
}

.article-info {
    padding-bottom: 140px;
}

.single:not(.single-services) footer {
    position: relative !important;
}

/* INFO WITH CARDS */
.info-with-cards .border-offset::after {
    background-color: var(--offwhite);
}

.info-with-cards .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.info-with-cards {
    padding-block: 172px 250px;
}

.info-with-cards .container .row {
    width: 100%;
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}

.info-with-cards .col-right .default-heading {
    margin-bottom: 16px;
    color: #333;
}

.info-with-cards .col-right .default-heading span {
    color: #828282;
}

.info-with-cards .col-right p {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    max-width: 523px;
}

.info-with-cards .row {
    gap: 20px;
}

.info-with-cards .row .card-offset::after {
    clip-path: polygon(0 0, 57% 0, 62% 35px, 100% 35px, 100% 100%, 0 100%);
}

.info-with-cards .default-cutout-cards {
    padding: 52px 36px 36px 36px;
}

.info-with-cards .default-cutout-cards {
    width: 33%;
}

.info-with-cards .default-cutout-cards h4,
.info-with-cards .default-cutout-cards .heading {
    font-size: 32px;
    margin-bottom: 12px;
    text-transform: capitalize;
}

/* BRAND SERVICES */
.brand-services .border-offset::after {
    background-color: var(--accent-two);
}

.brand-services {
    padding-block: 164px 250px;
}

.brand-services .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.brand-services .container .col-right p {
    font-size: 16px;
    color: #d1d1d1;
    line-height: 1.5;
    margin-top: 10px;
}

.brand-services .default-heading {
    margin-bottom: 0;
    max-width: 350px;
}

.brand-services .container .row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 60px;
    margin-top: 120px;
}

.page-id-828 .brand-services .container .row {
    justify-content: end;
    column-gap: 20px;
}

.brand-services .container .row .col {
    width: calc(25% - 16px);
}

.brand-services .container .row .col h3 {
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 16px;
    color: #fff;
    max-width: 200px;
    min-height: 80px;
}

.page-id-828 .brand-services .container .row .col:nth-child(4) h3 {
    max-width: 100%;
}

.brand-services .container .row .col p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 24px;
    color: #d1d1d1;
    min-height: 144px;
}

.brand-services .container .default-pills {
    padding-bottom: 32px;
    border-bottom: 1px solid #5d6f61;
    min-height: 145px;
    align-content: start;
}

.brand-services .default-pills li {
    font-size: 12px;
    background-color: transparent;
    border: 1px solid #5d6f61;
    color: #fff;
}

.default-pills li span {
    font: inherit;
    color: inherit;
}

.brand-services .col.default-transparent-cards .default-btn {
    background-color: transparent;
    display: flex;
    align-items: center;
    color: var(--accent-one);
    gap: 8px;
    padding: 0;
    margin-top: 24px;
}

.brand-services .col.default-transparent-cards .default-btn img {
    width: 13px;
    transition: all 0.35s;
    height: 13px;
}

.brand-services .col.default-transparent-cards .default-btn:hover {
    color: #c0cb48;
}

.brand-services .col.default-transparent-cards .default-btn:hover img {
    transform: translate(5px);
}

.brand-services .col.reachus-card {
    margin-bottom: 36px;
}

.reachus-card>img {
    position: absolute;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 85%;
    margin: auto;
    opacity: 0.6;
}

.reachus-card {
    border: 1px solid #5d6f61;
    border-radius: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    z-index: 1;
}

.reachus-card h4 {
    font-size: 32px;
    max-width: 143px;
    color: #fff;
    line-height: 1.25;
}

.reachus-card h4 img {
    width: 19px;
    height: 19px;
    margin-left: 4px;
}

/* FAQS WITH ACCORDION */
.faqs-with-accordion .border-offset::after {
    background-color: var(--offwhite);
}

.faqs-with-accordion.light .border-offset::after {
    background-color: #111110;
}

.faqs-with-accordion {
    padding-block: 164px 250px;
}

.faqs-with-accordion .container {
    display: flex;
    justify-content: space-between;
}

.faqs-with-accordion .col-right {
    width: 100%;
}

.faqs-with-accordion .default-accordion-list .accordion-box p {
    margin-bottom: 16px;
}

.faqs-with-accordion.light .default-accordion-list .accordion-box p {
    color: #ABABAB;
}

.faqs-with-accordion .default-accordion-list .accordion-box p:empty {
    display: none;
}

.faqs-with-accordion .default-accordion-list .accordion-box h4 {
    color: #111110;
}

.faqs-with-accordion.light .default-accordion-list .accordion-box h4 {
    color: #fff;
}

.faqs-with-accordion .acc-button button.open {
    opacity: 1 !important;
    filter: invert(0.6);
}

.faqs-with-accordion .acc-button button.open:hover {
    filter: invert(1);
}

.faqs-with-accordion.light .default-accordion-list .border {
    border-color: #454545;
}

.faqs-with-accordion.light .default-accordion-list .accordion-box .acc-button:hover .open {
    filter: invert(0.2);
}

.faqs-with-accordion.light .gradient {
    z-index: 1;
    top: 10%;
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    left: -150px;
    border-radius: 50%;
    background: #F9FFAC;
    filter: blur(78px);
    opacity: 0.2;
}

/* .default-accordion-list .accordion-box .acc-button .open {
  opacity: 1;
  filter: invert(0.5);
  } */

.default-accordion-list .accordion-box .acc-button:hover .open {
    filter: invert(0);
}

.faqs-with-accordion .default-accordion-list .accordion-box .acc-button {
    gap: 30px;
}

/* BRAND BULDING INNER */
.single-services .page-banner-dark {
    padding-top: 240px;
}

.single-services .page-banner-dark .container {
    padding-bottom: 76px;
    min-height: 440px;
}

/* SERVICES OVERVIEW */
.services-overview {
    padding: 164px 0 250px 0;
}

.services-overview .border-offset::after {
    background-color: #fff;
}

.services-overview .container {
    display: flex;
    justify-content: space-between;
}

.services-overview .container .col-left .default-heading span {
    display: block;
}

.services-overview .container .col-right p {
    color: #666;
    line-height: 1.5;
    font-size: 16px;
}

.services-overview .container .col-right p:not(:last-child) {
    margin-bottom: 10px;
}

/* SCROLLING TABS */

/* .scrolling-tabs {
  
  
  } */

.scrolling-tabs .border-offset::after {
    background-color: var(--accent-two);
}

.scrolling-tabs .container {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-block: 110px 150px;
}

.scrolling-tabs .container::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #5d6f61;
    position: absolute;
    right: 628px;
    top: 0;
}

.scrolling-tabs .container .col-left {
    position: relative;
    z-index: 1;
    margin-top: 60px;
}

.scrolling-tabs .container .col-left .thumbnail {
    position: absolute;
    bottom: -310px;
    right: -165px;
    margin: auto;
    width: 367px;
    z-index: -1;
}

.scrolling-tabs .container .col-left ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.scrolling-tabs .container .col-left li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all 0.3s;
    padding-left: 20px;
}

.scrolling-tabs .container .col-left h2 {
    font-size: 14px;
    color: #889b8d;
    transition: all 0.3s;
    text-transform: uppercase;
}

.scrolling-tabs .container .col-left li .border {
    transition: all 0.3s;
    width: 10px;
}

.scrolling-tabs .container .col-left li .border::after {
    content: "";
    height: 1px;
    width: 3px;
    background-color: #889b8d;
    transition: all 0.3s;
    display: block;
}

.scrolling-tabs .container .col-left li .caret {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 6px solid #889b8d;
    transform: rotate(90deg);
    transition: all 0.3s;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.scrolling-tabs .container .col-left li.active .border::after {
    background-color: var(--accent-one);
    width: 10px;
}

.scrolling-tabs .container .col-left li.active h2 {
    color: var(--accent-one);
}

.scrolling-tabs .container .col-left li.active .caret {
    border-bottom: 6px solid var(--accent-one);
}

.scrolling-tabs .container .col-right {
    padding-left: 108px;
    padding-top: 0;
}

.scrolling-tabs .container .col-right .default-heading {
    margin-bottom: 16px;
    max-width: 522px;
}

.scrolling-tabs .container .col-right .default-heading .line {
    padding-bottom: 3px;
}

.scrolling-tabs .container .col-right p {
    color: #d1d1d1;
    line-height: 1.5;
    font-size: 16px;
}

.scrolling-tabs .container .col-right p:not(:last-of-type) {
    margin-bottom: 13px;
}

.scrolling-tabs .container .col-right .box:not(:last-child) {
    /* 	min-height: 100vh; */
    padding-bottom: 400px;
}

.scrolling-tabs .col-right .box .btn .full {
    color: #e3ed62;
    font-size: 12px;
    text-transform: uppercase;
}

.scrolling-tabs .col-right .box .btn img {
    width: 13px;
    margin-left: 8px;
    transition: all 0.5s;
}

.scrolling-tabs .col-right .box .btn {
    display: flex;
    align-items: center;
    display: none;
}

/* GRADIENT TABS */

.gradient-tabs {
    padding-block: 164px 250px;
}

.gradient-tabs .border-offset::after {
    background-color: #2a2a28;
}

.gradient-tabs .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gradient-tabs .container .row {
    width: 100%;
}

.gradient-tabs .col-right {
    width: 100%;
}

.gradient-tabs .col-right .gradient-heading {
    margin-bottom: 80px;
}

.gradient-tabs .col-right .gradient-heading span {
    display: block;
    line-height: inherit;
    font: inherit;
}

.gradient-tabs .row .border {
    border-color: #454545;
}

.gradient-tabs .row .default-col-right {
    margin-left: auto;
}

.gradient-tabs .row .acc-button h4,
.gradient-tabs .row .acc-button .heading,
.gradient-tabs .row .acc-button h4:hover,
.gradient-tabs .row .acc-button .heading:hover,
.gradient-tabs .default-accordion-list .accordion-box .acc-button.open h4,
.gradient-tabs .default-accordion-list .accordion-box .acc-button:hover h4 {
    color: #fff;
    transition: color 0.3s;
}

.gradient-tabs .row .acc-button:not(.open) h4:hover {
    color: #ababab;
}

.gradient-tabs .default-accordion-list .accordion-box p {
    color: #ababab;
}

.gradient-tabs .default-accordion-list .accordion-box .acc-button .open {
    opacity: 0;
    filter: invert(1);
}

.gradient-tabs .default-accordion-list .accordion-box .acc-button:hover .open {
    opacity: 1;
    filter: invert(1);
}

.gradient-tabs .default-accordion-list .accordion-box .acc-button .close {
    color: #ababab;
}

.gradient-tabs .default-accordion-list .accordion-box .acc-button .close img {
    filter: invert(1);
}

.main-cta-accent .border-offset::after {
    background: url(/wp-content/themes/avintiv/library/images/cta-bg-green.webp) no-repeat center;
    background-size: cover;
}

.main-cta-accent .inner {
    background: url(/wp-content/themes/avintiv/library/images/bg-cta-shape-cta.png) no-repeat;
    /* 	background-position: 65% 0%; */
}

/* ORBIT TIMELINE */

.orbit-timeline {
    padding-block: 140px 250px;
    overflow: hidden;
}

.orbit-timeline .border-offset::after {
    background: linear-gradient(90deg, #e0e0e0 46%, #fff 46%);
}

.orbit-timeline .container-fluid {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
}

.orbit-timeline .col-left {
    position: relative;
    width: 46%;
    display: flex;
    align-items: end;
    justify-content: end;
    padding-right: 100px;
}

.orbit-timeline .col-left .row {
    width: 460px;
}

.orbit-timeline .col-left .col {
    position: relative;
}

.orbit-timeline .col-left .col .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.orbit-timeline .col-left .col .box .thumbnail {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--accent-one);
    padding: 16px;
}

.orbit-timeline .col-left .col .box .title {
    color: #111110;
    max-width: 140px;
    text-align: center;
    font-size: 20px;
    line-height: 1.3;
    min-height: 52px;
}

.orbit-timeline .col-right {
    width: calc(54% - 64px);
}

.orbit-timeline .col-right .attic {
    max-width: 628px;
    display: flex;
    justify-content: space-between;
}

.orbit-timeline .col-right .attic .default-heading {
    max-width: 415px;
    min-height: 120px;
}

.orbit-timeline .col-right .row {
    display: flex;
    width: max-content;
}

.orbit-timeline .col-right .row .col {
    width: 433px;
}

.orbit-timeline .col-right .row .col:not(:last-child) .inner {
    margin-right: 20px;
}

.orbit-timeline .col-right .row .count {
    padding: 8px 20px;
    color: #111110;
    font-size: 16px;
    background-color: #d1d1d1;
    border-radius: 20px;
    text-align: center;
    display: block;
    margin-bottom: 40px;
    width: fit-content;
}

.orbit-timeline .col-right .row .title {
    font-size: 24px;
    color: #111110;
    padding-bottom: 16px;
    border-bottom: 1px solid #ababab;
}

.orbit-timeline .col-right .row p {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-top: 16px;
}

.orbit-timeline .slick-arrows-wrapper {
    position: relative;
}

.orbit-timeline .slick-arrow img {
    transition: all 0.3s;
}

.orbit-timeline .slick-prev img {
    transform: rotate(180deg);
}

.orbit-timeline .slick-prev:hover svg {
    filter: invert(0);
}

.orbit-timeline .slick-arrow {
    position: absolute;
    top: 7px;
    display: block;
    width: 46px;
    height: 46px;
    padding: 16px;
}

.orbit-timeline .slick-arrow svg {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
}

.orbit-timeline .slick-prev {
    right: 64px;
}

.orbit-timeline .slick-next {
    right: 10px;
}

.orbit-timeline .slick-arrow.slick-disabled {
    cursor: unset;
}

.orbit-timeline .slick-prev svg {
    transition: all 0.3s;
    filter: invert(0.6);
}

.orbit-timeline .slick-arrow.slick-disabled img,
.orbit-timeline .slick-arrow.slick-disabled svg {
    filter: invert(0.6);
}

.orbit-timeline .slick-arrow .icon {
    position: relative;
    z-index: 2;
}

.orbit-timeline .slick-arrow .circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #111110;
    border-radius: 100%;
}

.orbit-timeline .slick-arrow .circle:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #111110;
}

.orbit-timeline .slick-arrow .circle span {
    position: absolute;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.orbit-timeline .slick-arrow .circle span em {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e3ed62;
    border-radius: 999px;
    transition: transform 0.25s linear;
}

.orbit-timeline .slick-arrow .circle span:first-child {
    left: 0;
}

.orbit-timeline .slick-arrow .circle span:first-child em {
    left: 100%;
    transform-origin: 0% 50%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.orbit-timeline .slick-arrow .circle span:last-child {
    left: 50%;
}

.orbit-timeline .slick-arrow .circle span:last-child em {
    left: -100%;
    transform-origin: 100% 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition-delay: 0.25s;
}

.orbit-timeline .slick-arrow:hover .circle span:first-child em {
    transform: rotate(180deg);
    transition: transform 0.25s 0.25s ease-out;
}

.orbit-timeline .slick-arrow:hover .circle span:last-child em {
    transform: rotate(180deg);
    transition: transform 0.25s linear;
}

.orbit-timeline .slide-count-wrapper {
    display: none;
}

.single-services .work-slider {
    padding-bottom: 150px;
}

.single-services .reviews-section {
    padding-top: 120px;
}

.sliders-wrapper-bg .border-offset::after {
    background-color: #111110;
}

body.portfolio .article-banner .container {
    flex-direction: row-reverse;
}

body.portfolio .article-banner .container .col-right {
    margin-top: 0;
    max-width: 355px;
}

body.portfolio .article-banner .container .col-left {
    width: 100%;
    max-width: 630px;
}

body.portfolio .article-banner .container .col-left .default-heading {
    font-size: 74px;
}

/* PORTFOLIO */

.portfolio-info.clipped {
    margin-top: 0;
    border-radius: 0;
}

.portfolio-info-about {
    margin-bottom: 80px;
}

.portfolio-info>.thumbnail {
    margin-bottom: 110px;
}

.portfolio-info-about .container {
    display: flex;
    justify-content: space-between;
}

.portfolio-info-about .col-right .default-heading,
.portfolio-info-about-image .col-left .default-heading {
    font-size: 32px;
    margin-bottom: 16px;
}

.portfolio-info-about .col-right .caption,
.portfolio-info-about-image .col-left .caption {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

/* ROWS */

.portfolio-info-rows {
    margin-bottom: 120px;
}

.portfolio-info-rows .container {
    position: relative;
}

.portfolio-info-rows .container>.border {
    top: 0;
}

.portfolio-info-rows .border {
    width: 100%;
    height: 1px;
    background-color: #d1d1d1;
    position: absolute;
    left: 0;
    bottom: 0;
}

.portfolio-info-rows .box {
    padding: 33px 0;
    position: relative;
    display: flex;
    justify-content: end;
}

.portfolio-info-rows .box .title {
    text-transform: uppercase;
    color: #111110;
    font-size: 14px;
}

.portfolio-info-rows .box .caption {
    color: #666;
    font-size: 14px;
}

.portfolio-info-rows .box .default-col-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* GRID */
.portfolio-info-grid {
    margin-bottom: 120px;
}

.portfolio-info-grid .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 230px 130px 360px;
    gap: 20px;
    max-width: calc(100% - 40px);
}

.portfolio-info-grid .container .box:nth-child(1) {
    grid-area: 1 / 1 / 3 / 2;
}

.portfolio-info-grid .container .box:nth-child(2) {
    grid-area: 1 / 2 / 3 / 3;
}

.portfolio-info-grid .container .box:nth-child(3) {
    grid-area: 1 / 3 / 2 / 4;
}

.portfolio-info-grid .container .box:nth-child(4) {
    grid-area: 3 / 1 / 4 / 3;
}

.portfolio-info-grid .container .box:nth-child(5) {
    grid-area: 3 / 4 / 4 / 5;
}

.portfolio-info-grid .container .box:nth-child(6) {
    grid-area: 1 / 4 / 3 / 5;
}

.portfolio-info-grid .container .box:nth-child(7) {
    grid-area: 2 / 3 / 4 / 4;
}

.portfolio-info-grid .container .box img {
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

/* INFO WITH IMAGE */
.portfolio-info-about-image .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 100%;
    padding-bottom: 120px;
    margin-bottom: 120px;
    position: relative;
}

.portfolio-info-about-image .container::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #d1d1d1;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 1280px;
    margin: 0 auto;
}

.portfolio-info-about-image .col-left {
    width: 50%;
}

.portfolio-info-about-image .col-left .inner {
    max-width: 628px;
    margin-left: auto;
    padding-right: 105px;
}

.portfolio-info-about-image .col-left .default-subheading {
    margin-bottom: 40px;
}

.portfolio-info-about-image .col-right {
    width: calc(50% - 20px);
    max-width: 850px;
    margin-right: auto;
    padding-right: 20px;
}

/* COVER */
.portfolio-info-cover {
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-bottom: 120px;
}

.portfolio-info-cover .thumbnail {
    border-radius: 20px;
    overflow: hidden;
}

/* DUEL */

.portfolio-info-cover-duel {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 0 20px;
    margin-bottom: 120px;
}

.portfolio-info-cover-duel .col {
    max-height: 750px;
    max-width: 690px;
    width: 100%;
}

.portfolio-info-cover-duel .col img {
    height: 100%;
    object-fit: cover;
}

/* SITE */

.portfolio-info-site {
    margin: 0 20px;
    padding: 160px 0 220px;
    border-radius: 20px;
    position: relative;
}

.portfolio-info-site:not(:last-of-type) {
    margin-bottom: 20px;
}

.portfolio-info-site:last-of-type {
    padding-bottom: 260px;
}

.portfolio-info-site .border-offset {
    filter: url(#round1res);
}

.portfolio-info-site .border-offset::after {
    background-color: #eaeaea;
}

.portfolio-info-site:last-of-type .border-offset {
    height: calc(100% + 70px);
    margin-top: -70px;
}

.portfolio-info-site:not(:last-of-type) .border-offset::after {
    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - 70px),
            72% calc(100% - 70px),
            67% 100%,
            0 100%);
}

.portfolio-info-site:last-of-type .border-offset::after {
    clip-path: polygon(0 70px,
            calc(67% + 5px) 70px,
            calc(72% + 5px) 0,
            100% 0,
            100% 100%,
            0 100%);
}

.portfolio-info-site .title {
    position: absolute;
    top: 60px;
    left: 60px;
    font-size: 14px;
    padding: 9px 19px;
    border: 1px solid #ababab;
    border-radius: 50px;
}

.portfolio-info-site-desktop .thumbnail {
    max-width: 850px;
    margin: 0 auto;
}

.portfolio-info-site-mobile .thumbnail {
    max-width: 1064px;
    margin: 0 auto;
}

.gform_wrapper {
    display: block !important;
}

/* PERKS */

.perks-benefits {
    position: relative;
    padding-block: 160px;
}

.perks-benefits .container {
    display: flex;
    gap: 120px;
}

.perks-benefits .border-offset::after {
    background-color: #111;
}

.perks-benefits .container .col-left {
    max-width: 300px;
}

.perks-benefits .gradient {
    width: 600px;
    height: 600px;
    display: block;
    position: absolute;
    left: -50px;
    top: 10%;
    z-index: -1;
    border-radius: 50%;
    filter: blur(50px);
    background-color: #4e6a2b;
    opacity: 0.2;
}

.perks-benefits .gradient span {
    border-radius: 391px;
    background: #f9ffacd8;
    display: block;
    position: absolute;
    width: 450px;
    height: 455px;
    transform: rotate(22deg);
    z-index: 1;
    top: 20%;
    left: 10%;
}

.perks-benefits .col-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 56px;
}

.perks-benefits .perks-box {
    width: calc(33% - 10px);
}

.perks-box {
    padding-top: 24px;
    border-top: 1px solid #454545;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    align-items: start;
}

.perks-box .thumbnail {
    width: 56px;
    height: 56px;
    background-color: #2a2a28;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.perks-box .inner {
    flex: 1;
}

.perks-box .thumbnail img {
    height: 100%;
    width: 24px;
    height: 24px;
}

.perks-box .title {
    color: #fff;
    font-size: 24px;
    line-height: 1.16;
    margin-bottom: 8px;
}

.perks-box p {
    color: #d1d1d1;
    font-size: 16px;
    line-height: 1.5;
}

.perks-ops .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 180px;
}

.perks-ops .container .row {
    width: 100%;
}

.perks-ops .container .row .box {
    display: flex;
    justify-content: space-between;
    padding-block: 28px;
    position: relative;
}

.perks-ops .container .row .box .col-left-inner .default-subheading {
    display: flex;
    align-items: center;
    gap: 5px;
}

.perks-ops .container .row .box .col-left-inner .default-subheading img {
    width: 24px;
}

.perks-ops .container .row .box .border {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #454545;
    top: 0;
    left: 0;
}

.perks-ops .container .row .box .col-right-inner {
    width: 100%;
}

.perks-ops .container .row .box .col-right-inner .box-inner {
    position: relative;
}

.perks-ops .container .row .box .col-right-inner .box-inner a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.perks-ops .container .row .box .col-right-inner .box-inner .border {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #454545;
    bottom: 0;
    left: 0;
    top: unset;
}

.perks-ops .container .row .box .col-right-inner .box-inner:last-child .border {
    display: none;
}

.perks-ops .container .row .box .col-right-inner .box-inner:not(:last-child) {
    padding-bottom: 28px;
    margin-bottom: 28px;
}

/* .perks-ops .container .row .box .col-right-inner .box-inner:not(:last-child) */

.perks-ops .container .row .box .col-right-inner .box-inner:not(:last-child) .border {
    display: block;
}

.perks-ops .container .row .box .col-right-inner .box-inner .remote {
    display: flex;
    gap: 80px;
    align-items: center;
}

.perks-ops .container .row .box .col-right-inner .box-inner .remote span {
    color: #ababab;
    font-size: 14px;
    text-transform: uppercase;
}

.perks-ops .container .row .box .col-right-inner .box-inner .remote button {
    filter: invert(0.7);
    height: 18px;
}

.perks-ops .container .row .box .col-right-inner .box-inner .remote button img {
    height: 100%;
}

.perks-ops .container .row .box .col-right-inner .box-inner h3 {
    font-size: 24px;
    color: #fff;
}

/* .perks-ops .container .row .box .col-right-inner .box-inner */

.perks-ops nav {
    margin-bottom: 48px;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.perks-ops nav button:hover,
.perks-ops nav button.active {
    color: var(--accent-one);
    border-color: var(--accent-one);
}

.perks-ops nav button {
    color: #ababab;
    border: 1px solid #ababab;
    padding: 8px 21px;
    font-size: 14px;
    border-radius: 20px;
    transition: color 0.3s, border 0.3s;
}

.perks-ops .gradient-heading {
    margin-bottom: 40px;
}

.tabs-with-accordion-menu button span,
.perks-ops nav button span {
    font: inherit;
    color: inherit;
}

.perks-ops .tabs-with-accordion-menu nav {
    flex-wrap: wrap;
}

.careers-page .reviews-section .border-offset::after {
    background-color: #272727;
}

.careers-page .reviews-section {
    min-height: 1500px;
}

.perks-ops .row:not(:last-child) {
    display: none;
}

@keyframes tabs-fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.perks-ops .row {
    animation: tabs-fade 1s;
}

/* -------------------- */

.single-services .page-banner-dark .container {
    align-items: start;
}

.single-services .page-banner-dark {
    padding-bottom: 130px;
}

.page-banner-dark .content-box {
    display: flex;
    gap: 12px;
}

.page-banner-dark .content-box>img {
    width: 24px;
    height: 24px;
}

.page-banner-dark .content-box .inner {
    margin-top: 4px;
}

.page-banner-dark .content-box .default-subheading:not(:last-of-type) {
    margin-bottom: 20px;
}

.careers-inner .page-banner-dark .container {
    align-items: start;
}

.careers-inner .page-banner-dark {
    padding-block: 250px 300px;
}

.careers-inner .page-banner-dark .col-left {
    margin-top: 5px;
}

.careers-inner .overview-section {
    padding-bottom: 250px;
}

.careers-inner .overview-section.clipped .border-offset::after {
    background-color: var(--offwhite);
}

.careers-inner .overview-section:not(.clipped) {
    padding-bottom: 0;
}

.careers-inner .overview-section:not(.clipped):not(:first-child) {
    padding-top: 68px;
}

.careers-inner .overview-section .col-right p {
    column-count: 1;
}

.careers-inner .portfolio-info-rows {
    padding-top: 68px;
    padding-bottom: 250px;
}

.careers-inner .portfolio-info-rows .box .default-col-right {
    max-width: 100%;
}

.careers-inner .portfolio-info-rows .box .default-col-right .caption {
    max-width: 628px;
    width: 100%;
    text-align: left;
    line-height: 1.5;
    font-size: 16px;
}

.careers-inner .overview-section .container .box>span {
    color: #fff;
}

.portfolio-info-rows .box {
    padding: 28px 0;
}

/* .portfolio-info-rows  */

.careers-inner .portfolio-info-rows .default-heading {
    max-width: 628px;
    width: 100%;
    text-align: left;
    font-size: 32px;
    margin-left: auto;
}

.careers-inner .overview-section.graded .border-offset::after {
    background-color: #111110;
}

.overview-section.graded .gradient {
    width: 600px;
    height: 600px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -150px;
    margin: auto;
    z-index: -1;
    border-radius: 50%;
    filter: blur(100px);
    background-color: #4e6a2b;
    opacity: 0.2;
}

.overview-section.graded .gradient span {
    border-radius: 391px;
    background: #f9ffacd8;
    display: block;
    position: absolute;
    width: 450px;
    height: 455px;
    transform: rotate(22deg);
    z-index: 1;
    top: 20%;
    left: 10%;
}

.overview-section.graded .col-right p {
    color: #d1d1d1;
}

.overview-section.graded .gradient-heading {
    font-size: 32px;
}

/* portfolio custom post */

.portfolio-banner .container {
    display: flex;
    justify-content: space-between;
}

.container.portfolio-container {
    max-width: 1400px;
}

.portfolio-banner {
    padding-block: 240px 80px;
}

/* .single-portfolio section .container .col-left {
  padding-left: 30px;
  } */

.portfolio-banner .col-right {
    width: 100%;
    max-width: 631px;
}

.portfolio-banner .default-heading {
    font-size: 74px;
    max-width: 490px;
    text-align: left;
    margin-bottom: 0;
}

.slide-in-bottom .default-heading .line,
.slide-in-bottom.portfolio-overview-goal .default-col-right h4,
.slide-in-bottom.portfolio-deliverable .deliverable-title h2,
.slide-in-bottom .gradient-heading {
    animation: slideInBottom 1.4s ease-in-out both;
}

.slide-in-bottom p {
    animation: fade-in 1.2s ease-in-out both;
}

.single-portfolio .default-heading {
    margin-bottom: 0;
}

.single-portfolio .founder-col {
    position: relative;
    top: 7px;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* @keyframes slideInBottom {
  0% {
  transform: translateY(100px);
  opacity: 0;
  }
  100% {
  transform: translateY(0);
  opacity: 1;
  }
  } */

.top-section {
    padding-block: 100px;
    float: left;
    width: 100%;
}

.top-section .container .left-part {
    width: 50%;
    float: left;
}

.top-section.container .right-part {
    width: 50%;
    float: right;
}

.portfolio-category {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 360px;
    gap: 10px;
    padding-top: 20px;
}

.portfolio-category h6 {
    padding: 10px 20px;
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #ababab;
    margin-right: 5px;
}

.portfolio-category h6.marketing {
    display: table;
    margin-right: 0;
    margin-top: 12px;
}

.hero-banner {
    text-align: center;
}

.single-portfolio .default-col-right {
    max-width: 631px;
}

/* overview */
.overview-section .left-part {
    width: 50%;
    float: left;
}

.overview-section .right-part {
    width: 50%;
    float: left;
}

.pd100px {
    padding-top: 30px;
    display: inline-block;
    width: 100%;
}

.overview-section {
    display: inline-block;
    width: 100%;
}

.overview-section .left-part h6 {
    text-transform: uppercase;
}

.overview-section .middle-part.service-part {
    float: left;
    width: 100%;
    padding-block: 100px;
}

.overview-section ul {
    padding: 0;
    margin: 0;
}

.service-part ul li {
    padding: 15px 0px;
    display: inline-block;
    text-align: right;
    width: 100%;
    margin-top: 20px;
}

@keyframes line_animation {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

.overview-section .service-part ul li .founder-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-part .founder-part .founder-info-col {
    width: 50%;
}

.service-part .founder-col h6 {
    color: #111110;
    font-size: 14px;
    text-align: left;
}

.founder-info-col p {
    font-size: 16px;
    line-height: 150%;
    color: #666;
}

.overview-section .middle-part.service-part .right-part {
    float: none;
    display: inline-block;
}

.gallery-section .gallery-part,
.gallery-section .gallery-part .top-part {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.gallery-section .gallery-container {
    max-width: 1400px;
}

.gallery-section .gallery-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

.mobile-gallery-section {
    display: none;
}

.layout-two {
    display: flex;
    column-gap: 20px;
}

.layout-two .first-row {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.layout-two img {
    width: 100%;
    border-radius: 20px;
}

.layout-two .second-row {
    padding-top: 20px;
}

.layout-two .img-top-pdg {
    padding-top: 20px;
}

.boilers.portfolio-container .image-grid,
.row-2 {
    display: grid;
    gap: 20px;
    /* Adjust the gap between images as needed */
    margin-right: 30px;
}

.boilers.portfolio-container .image-grid img,
.boilers.portfolio-container .row-2 img {
    max-height: 360px;
}

.boilers.portfolio-container .image-grid {
    grid-template-columns: 25% 50% 25%;
    margin-bottom: 20px;
}

.boilers.portfolio-container .row-2 {
    grid-template-columns: 25% 25% 50%;
}

.boilers.portfolio-container .image-grid img,
.row-2 img {
    width: 100%;
    height: auto;
    display: block;
}

.initial-challenge .right-part p {
    padding-top: 20px;
}

.deliverable-1 .left-part {
    width: 50%;
    float: left;
}

.deliverable-1 .right-part {
    width: 50%;
    float: right;
}

.deliverable-1 .container {
    border-top: 1px solid #d1d1d1;
    padding-top: 100px;
}

.deliverable-1 .right-part p {
    padding-right: 100px;
}

.labtop-banner {
    text-align: center;
}

.mobile-section.clip-path-mobile .img-inner {
    padding-bottom: 200px;
    margin-bottom: -70px;
    z-index: 0;
}

.mobile-section .img-inner {
    padding-top: 10rem;
}

.mobile-section.bg-color .img-inner:before {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-color: #eaeaea;
    z-index: -1;
    border-radius: 20px;
    clip-path: polygon(66% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 8%, 61% 8%);
}

.bg-color .top-part h6 {
    padding: 10px 20px;
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #ababab;
}

.desktop-section .container .img-part,
.mobile-section .container .img-part {
    text-align: center;
    padding-top: 60px;
}

.portfolio-thumbnail {
    padding-bottom: 40px;
}

.portfolio-overview-goal .container {
    display: flex;
    justify-content: space-between;
}

.portfolio-overview-goal .default-col-right h4 {
    font-size: 32px;
    line-height: 40px;
}

.gray-text {
    color: #828282;
}

.middle-part.service-part {
    float: left;
    width: 100%;
    padding-top: 60px;
}

.overview-section ul {
    padding: 0;
    margin: 0;
}

.service-part ul li {
    padding-block: 30px;
    display: inline-block;
    text-align: right;
    width: 100%;
}

.portfolio-goal {
    padding: 120px 0px 80px 0px;
    background-color: white !important;
}

.line-grow .service-part .border {
    width: 100%;
    border-top: 1px solid #d1d1d1;
    display: inline-block;
    animation-name: line_animation;
    animation-duration: 2.5s;
    animation-timing-function: linear;
}

.service-part ul li .founder-part {
    display: flex;
    justify-content: space-between;
}

.middle-part.service-part .right-part {
    float: right;
    display: inline-block;
    width: 50%;
}

.portfolio-goal .portfolio-goal-sub-description {
    padding-top: 20px;
}

.portfolio-goal .portfolio-goal-sub-description p {
    font-size: 16px;
    line-height: 150%;
    color: #666;
}

/* gallery */

.gallery-section {
    clear: both;
    background-color: white;
    z-index: 9;
    position: relative;
    padding-bottom: 70px;
}

.gallery-section .gallery-part,
.gallery-section .gallery-part .top-part {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.gallery-section .gallery-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gallery-section .gallery-part img {
    border-radius: 15px;
}

/* solution */

.solution-section {
    padding: 0 0 60px 0;
    width: 100%;
    display: inline-block;
}

.solution-section .top-part {
    width: 50.5%;
    float: left;
}

.solution-section .right-part {
    width: 49%;
    float: right;
}

.solution-section .top-part .left-part {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 680px;
    padding-inline-end: 105px;
}

.solution-section .top-part .left-part h3 {
    padding-block: 40px 20px;
    line-height: 125%;
    font-size: 32px;
}

.solution-section .left-part h6 {
    text-transform: uppercase;
}

.portfolio-deliverable {
    background-color: white;
}

.portfolio-deliverable .deliverable-title h2 {
    font-size: 48px;
    padding-bottom: 20px;
    line-height: 125%;
}

.portfolio-deliverable .container .col-left {
    padding-top: 24px;
}

.solution-section .top-part .left-part p,
.portfolio-deliverable .deliverable-sub-description p {
    font-size: 16px;
    line-height: 150%;
    color: #666;
}

.div-border {
    width: 100%;
    height: 1px;
    background-color: #d1d1d1;
}

.portfolio-deliverable .container {
    padding-top: 110px;
    padding-bottom: 50px;
}

.portfolio-deliverable.deliverable-two .container {
    border: none;
}

.two-img-sec {
    background-color: white;
}

.two-img-sec .section-part.single-image {
    gap: 0;
}

.two-img-sec .section-part img {
    border-radius: 20px;
}

.two-img-sec .section-part {
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
}

.full-section-img {
    padding: 80px 0 0 0;
    background-color: white;
}

.full-section-img .full-img img {
    border-radius: 20px;
}

.mobile-section {
    padding-top: 50px;
}

.bg-color .img-inner {
    position: relative;
    border-radius: 20px;
    padding: 50px;
    z-index: 999999999;
    padding-bottom: 140px;
}

.mobile-section .img-inner {
    padding-top: 10rem;
}

.desktop-section {
    padding-top: 30px;
    background-color: white;
}

.desktop-section .img-inner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #eaeaea;
    clip-path: polygon(1.429% 0%,
            98.571% 0%,
            98.571% 0%,
            98.803% 0.006%,
            99.023% 0.023%,
            99.228% 0.05%,
            99.415% 0.087%,
            99.582% 0.131%,
            99.724% 0.184%,
            99.841% 0.242%,
            99.927% 0.307%,
            99.981% 0.376%,
            100% 0.448%,
            100% 97.96%,
            100% 97.96%,
            99.981% 98.033%,
            99.927% 98.102%,
            99.841% 98.166%,
            99.724% 98.225%,
            99.582% 98.277%,
            99.415% 98.322%,
            99.228% 98.358%,
            99.023% 98.386%,
            98.803% 98.403%,
            98.571% 98.408%,
            75.164% 98.408%,
            75.164% 98.408%,
            75.057% 98.41%,
            74.951% 98.413%,
            74.847% 98.42%,
            74.745% 98.428%,
            74.645% 98.439%,
            74.548% 98.452%,
            74.455% 98.468%,
            74.365% 98.485%,
            74.279% 98.505%,
            74.197% 98.527%,
            69.5% 99.882%,
            69.5% 99.882%,
            69.419% 99.903%,
            69.333% 99.923%,
            69.243% 99.941%,
            69.149% 99.956%,
            69.052% 99.969%,
            68.952% 99.98%,
            68.85% 99.989%,
            68.746% 99.995%,
            68.64% 99.999%,
            68.533% 100%,
            33.831% 100%,
            1.429% 100%,
            1.429% 100%,
            1.197% 99.994%,
            0.977% 99.977%,
            0.772% 99.95%,
            0.585% 99.914%,
            0.418% 99.869%,
            0.276% 99.816%,
            0.159% 99.758%,
            0.073% 99.693%,
            0.019% 99.624%,
            0% 99.552%,
            0% 0.448%,
            0% 0.448%,
            0.019% 0.376%,
            0.073% 0.307%,
            0.159% 0.242%,
            0.276% 0.184%,
            0.418% 0.131%,
            0.585% 0.087%,
            0.772% 0.05%,
            0.977% 0.023%,
            1.197% 0.006%,
            1.429% 0%);
    z-index: -1;
    border-radius: 20px;
    height: calc(100% + 5.5rem);
}

.desktop-section .img-part img {
    width: auto;
    max-width: 65%;
}

.mobile-section.bg-color .img-inner:before {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-color: #eaeaea;
    z-index: -1;
    border-radius: 20px;
/*     clip-path: polygon(98.571% 100%,
            1.429% 100%,
            1.429% 100%,
            1.197% 99.979%,
            0.977% 99.917%,
            0.772% 99.817%,
            0.585% 99.684%,
            0.418% 99.52%,
            0.276% 99.33%,
            0.159% 99.115%,
            0.073% 98.88%,
            0.019% 98.628%,
            0% 98.362%,
            0% 7.453%,
            0% 7.453%,
            0.019% 7.187%,
            0.073% 6.935%,
            0.159% 6.7%,
            0.276% 6.486%,
            0.418% 6.295%,
            0.585% 6.131%,
            0.772% 5.998%,
            0.977% 5.898%,
            1.197% 5.836%,
            1.429% 5.815%,
            69.122% 5.815%,
            69.122% 5.815%,
            69.229% 5.81%,
            69.334% 5.797%,
            69.439% 5.774%,
            69.541% 5.743%,
            69.641% 5.703%,
            69.737% 5.655%,
            69.831% 5.599%,
            69.921% 5.534%,
            70.007% 5.462%,
            70.089% 5.383%,
            74.786% 0.432%,
            74.786% 0.432%,
            74.867% 0.352%,
            74.953% 0.28%,
            75.043% 0.216%,
            75.137% 0.16%,
            75.234% 0.112%,
            75.333% 0.072%,
            75.435% 0.041%,
            75.54% 0.018%,
            75.645% 0.005%,
            75.752% 0%,
            84.812% 0%,
            98.571% 0%,
            98.571% 0%,
            98.803% 0.021%,
            99.023% 0.084%,
            99.228% 0.183%,
            99.415% 0.316%,
            99.582% 0.48%,
            99.724% 0.671%,
            99.841% 0.885%,
            99.927% 1.12%,
            99.981% 1.372%,
            100% 1.638%,
            100% 98.362%,
            100% 98.362%,
            99.981% 98.628%,
            99.927% 98.88%,
            99.841% 99.115%,
            99.724% 99.33%,
            99.582% 99.52%,
            99.415% 99.684%,
            99.228% 99.817%,
            99.023% 99.917%,
            98.803% 99.979%,
            98.571% 100%); */
	clip-path: polygon(75% 1%, 100% 1%, 100% 60%, 100% 100%, 0 100%, 0 5.15%, 69.5% 5.15%);
}

.mobile-section.bg-color .portfolio-container .img-inner:after {
	background: #eaeaea;
    position: absolute;
    content: "";
    left: -14px;
    top: 60px;
    width: 25px;
    height: calc(100% - 60px);
    border-radius: 20px 0px 0px 20px;
}
.postid-12829 .mobile-section.bg-color .portfolio-container .img-inner:after {
	top: 57px;
    height: calc(100% - 57px);
}
.postid-12770 .mobile-section.bg-color .portfolio-container .img-inner:before {
	top: -20px;
	clip-path: polygon(75% 0.5%, 100% 0.5%, 100% 60%, 100% 100%, 0 100%, 0 7%, 69% 7%);
}
.mobile-section.bg-color .portfolio-container .img-inner {
	margin-left: 13px;
} 
.postid-12217 .mobile-section.bg-color .img-inner:before {
	clip-path: polygon(75% 1%, 100% 1%, 100% 60%, 100% 100%, 0 100%, 0 5.15%, 69.5% 5.15%) !important;
	top: 5px;
}
.postid-12628 .mobile-section.bg-color .img-inner:before, .postid-12714 .mobile-section.bg-color .img-inner:before {
	top: -17px;
	clip-path: polygon(75% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 6.5%, 69.5% 6.2%);
}
.postid-11605 .mobile-section.bg-color .img-inner:before {
	top: -10px;
	clip-path: polygon(75% 0%, 100% 0%, 100% 60%, 100% 100%, 0 100%, 0 6.4%, 69.5% 6.2%);
}
.postid-12714 .mobile-section.bg-color .img-inner:before {
	top: -15px;
}

.mobile-section .img-part img {
    width: auto;
    max-width: 90%;
}

.bg-color .top-part h6 {
    padding: 10px 20px;
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #ababab;
}

.desktop-section .container .img-part,
.mobile-section .container .img-part {
    text-align: center;
    padding-top: 60px;
}

.mobile-section .img-part {
    display: flex;
    justify-content: space-between;
    padding: 60px 70px 0 70px !important;
}

.mobile-section .img-part .mobile-img-one,
.mobile-section .img-part .mobile-img-three {
    padding-top: 150px;
}

.postid-872 .mobile-section .img-part .mobile-img-three {
    padding-top: 0;
}

.postid-872 .mobile-section .img-part .mobile-img-one {
    padding-top: 110px;
}

.whole-portfolio-img {
    padding-top: 70px;
    background-color: white;
}

/* .clipped.portfolio-work {
  margin-top: -250px !important;
  } */

.portfolio-sub-heading {
    opacity: 1 !important;
}

.ready-to-grow-portfolio {
    height: 600px !important;
}

.portfolio-cta .container img {
    width: auto;
}

.policy-pages-inner .site-main {
    margin: 0 auto;
    padding: 100px 0;
    max-width: 1280px;
}

.policy-pages-inner .site-main {
    padding: 100px 20px;
}

.error404 .policy-pages-inner .site-main {
    padding-bottom: 180px;
}

.error404 .policy-pages-inner p {
    color: #101010;
    font-size: 22px;
    margin-bottom: 20px;
}

.policy-pages .site-main header {
    position: static;
    padding: 0;
}

.policy-pages .entry-title {
    font-size: 32px;
    margin-bottom: 24px;
    line-height: 1.16;
    font-family: "Object Heavy", sans-serif;
}

.policy-pages-inner .border-offset::after {
    background-color: var(--offwhite);
    height: 200%;
}

.policy-pages-inner p {
    color: #595959;
    font-size: 18px;
    font-family: Arial;
    line-height: 1.5;
}

.policy-pages article .wp-block-heading {
    margin-bottom: 15px;
    line-height: 1.16;
    font-size: 26px;
}

.policy-pages article p {
    font-size: 16px;
    color: #666;
    margin-bottom: 28px !important;
    line-height: 1.5;
}

.policy-pages article p {
    margin-bottom: 28px;
}

.policy-pages article a {
    font: inherit;
    text-decoration: underline;
    color: #000;
    display: inline;
}

.policy-pages footer {
    position: relative !important;
}

.policy-pages .entry-header {
    display: none;
}

.policy-pages .entry-footer {
    background-color: transparent;
    padding: 0 !important;
    margin: 0 !important;
}

.content-cards .row .col:hover a>img {
    filter: brightness(0.5);
}

/* 
  .bg-map-section .map-offset {
      filter: url(#round1) invert(100%) brightness(0.6) saturate(1.5) grayscale(0);
  } */

.page-template-page-ourlocations.page-parent .page-banner-light .default-heading {
    max-width: 400px;
}

/* -------------- */

.available-box {
    display: flex;
    padding: 10px 20px;
    background-color: #2a2a28;
    border-radius: 100px;
    gap: 5px;
    align-items: center;
    width: fit-content;
}

.available-box .images {
    display: flex;
}

.available-box.light {
    background-color: #4C6250;
}

.available-box img {
    width: 14px;
    aspect-ratio: 1/1;
}

.available-box p {
    color: #fff !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

.available-box p span {
    color: var(--accent-one);
}

.five-star-reviews {
    display: flex;
    gap: 16px;
    align-items: center;
}

.five-star-reviews .five-stars {
    display: flex;
}

.five-star-reviews p {
    color: #d1d1d1;
    font-size: 16px;
    line-height: 1;
}

.five-star-reviews .five-stars img {
    width: 20px;
    aspect-ratio: 1/1;
}

/* Lead Magnet */

.page-template-page-lead-magnet .page-banner-dark .col-left {
    width: 55%;
}

.page-template-page-lead-magnet .page-banner-dark .gradient-3 {
    right: -50px;
    bottom: -50px;
    left: unset;
    top: unset;
    display: none;
}

.page-id-11948.page-template-page-lead-magnet .page-banner-dark .gradient-3 {
    display: block;
}

.page-template-page-lead-magnet .page-banner-dark {
    padding: 210px 0 250px 0;
}
.page-template-page-lead-magnet.page-id-12260 .page-banner-dark {
    padding-top: 150px;
	padding-bottom: 150px;
}

.page-template-page-lead-magnet .page-banner-dark .container {
    padding-left: 110px;
}

.page-template-page-lead-magnet .page-banner-dark .available-box {
    margin-bottom: 40px;
}

.page-template-page-lead-magnet .page-banner-dark .col-left>p {
    color: #d1d1d1;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 14px;
    max-width: 525px;
}

.page-template-page-lead-magnet .page-banner-dark .col-left>p.danger {
    color: #F94848;
}

.page-template-page-lead-magnet .page-banner-dark .col-left>p:last-of-type {
    margin-bottom: 32px;
}

.page-template-page-lead-magnet .page-banner-dark .col-right {
    width: auto;
    max-width: none;
}

.page-template-page-lead-magnet .page-banner-dark .col-right img.mobile-only {
    display: none;
}

.page-template-page-lead-magnet .page-banner-dark .col-right img {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    width: auto;
    top: 0;
    bottom: 0;
    margin: auto;
}

.page-template-page-lead-magnet.page-id-11948 .page-banner-dark .col-right img {
    right: -50px;
}

.page-template-page-lead-magnet .page-banner-dark .gradient-heading {
    margin-bottom: 25px;
}

.page-template-page-lead-magnet .page-banner-dark .five-star-reviews {
    margin-bottom: 40px;
}

/* LEAD GROWTH */

.lead-growth .container {
    flex-direction: row-reverse;
    justify-content: start;
    align-items: start;
    gap: 110px;
}

.lead-growth .col-right {
    padding: 0;
    max-width: 450px;
    padding-top: 165px;
}

.lead-growth .col-left {
    padding-left: 108px;
    padding-top: 165px;
    padding-bottom: 220px;
    padding-right: 0;
    max-width: 630px;
}

.page-template-page-lead-magnet .lead-growth h2.default-heading {
    font-size: 48px;
    text-transform: none;
    margin-bottom: 20px;
    color: #828282;
    width: auto;
}

.lead-growth h2.default-heading span {
    color: #111110;
}

.lead-growth .col-left>span {
    line-height: 1.5;
    width: 100%;
    color: #666;
}

.lead-growth .col-left::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #d1d1d1;
    position: absolute;
    left: 0;
    top: 0;
}

.lead-growth .col-left ul {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-bottom: 50px;
}

.lead-growth .col-left .default-heading,
.lead-growth .col-left .gradient-heading {
    margin-bottom: 25px;
}

.lead-growth .col-left ul li {
    align-items: start;
}

.lead-growth .col-left ul li span {
    width: auto;
    align-self: center;
}

.lead-growth .col-left ul li .thumbnail {
    flex-shrink: 0;
}

/* lead complimen */

.lead-compliment .available-box {
    margin-bottom: 40px;
}

.lead-compliment .col-right {
    padding-right: 108px;
}

/* lead our work dark */
.our-work.dark .container {
    margin-bottom: 120px;
    border-bottom: 1px solid #454545;
}

.our-work.dark .border-offset::after {
    background-color: #111110;
}

.our-work.dark .available-box {
    margin-bottom: 40px;
}

.our-work.dark h2.gradient-heading {
    font-size: 48px;
    text-transform: none;
}

.our-work.dark .col-left>p {
    color: #D1D1D1;
    line-height: 1.5;
    margin-bottom: 40px;
    text-transform: none;
    font-size: 16px;
}

.our-work.dark .col-left ul li .thumbnail {
    padding: 0;
    border: 0;
}

.our-work.dark .col-left ul li span {
    color: #D1D1D1;
}

.our-work.dark .col-left ul {
    display: block;
    gap: 25px;
    columns: 250px 2;
}

.our-work.dark .col-left ul li {
    align-items: start;
    margin-bottom: 28px;
}

.our-work.dark .col-left {
    padding-bottom: 120px;
    border-color: #454545;
}

.our-work.dark .col-left::after {
    background-color: #454545;
}

.page-template-page-schedule-call .page-banner-dark .col-right p {
    max-width: 520px;
}

.page-template-page-schedule-call .our-work .col-left h2 {
    text-transform: none;
    font-size: 48px;
    margin-bottom: 20px;
}

.page-id-12107 .thanks-page,
.page-template-page-thankyou-offerpages .thanks-page  {
    min-height: calc(100vh - 163px);
}

.page-id-12107 .thanks-page .col-right .default-btn,
.page-template-page-thankyou-offerpages .thanks-page .col-right .default-btn {
    display: none;
}

.page-template-page-schedule-call .site-footer,
.page-id-12107 .site-footer,
.page-template-page-thankyou-offerpages .site-footer {
    display: none !important;
}

.page-template-page-schedule-call .our-work .col-left .subheading {
    margin-block: 48px 32px;
}

.page-template-page-schedule-call .available-box {
    margin-bottom: 40px;
}

.page-template-page-lead-magnet .our-work.dark h2.gradient-heading,
.page-template-page-lead-magnet .our-work.dark .col-left>p {
    max-width: 522px;
}

.page-template-page-schedule-call .our-work .col-left,
.page-template-page-lead-magnet .our-work.dark .col-left,
.page-template-page-lead-magnet .our-work.dark .col-right {
    padding-block: 164px 120px;
}

.page-template-page-schedule-call .our-work .col-right {
    padding-top: 164px;
}

.page-template-page-schedule-call .our-work .col-left ul {
    grid-template-columns: 1fr;
    gap: 20px;
}

.page-template-page-schedule-call .our-work .col-left ul li .thumbnail {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
}

.page-template-page-schedule-call .our-work .col-right .default-heading {
    font-size: 32px;
}

.page-template-page-schedule-call .our-work .col-left .default-heading {
    color: #111110;
    max-width: 435px;
}

.page-template-page-schedule-call .our-work .col-left .default-heading span {
    color: #F94848;
}

.page-template-page-schedule-call .our-work .col-left .default-heading img {
    width: auto;
    display: inline-block;
    height: 1em;
    vertical-align: bottom;
    margin-bottom: 0.12em;
}

.page-template-page-schedule-call .our-work .col-left>span {
    color: #666;
}

.page-template-page-schedule-call .our-work .col-left ul li {
    column-gap: 20px;
}

.page-template-page-schedule-call .our-work .col-left ul li .thumbnail {
    border: none;
    padding: 0;
}

.page-template-page-schedule-call .our-work .col-left ul li span {
    width: 100%;
}

.page-template-page-schedule-call .our-work .col-left {
    padding-right: 100px;
    max-width: 590px;
}

.page-template-page-schedule-call .our-work .container {
    align-items: unset;
}

.lead-growth.grid ul {
    grid-template-columns: 1fr 1fr;
}

.lead-growth.grid .col-left {
    max-width: 740px;
}

.lead-growth.grid .col-left h2,
.lead-growth.grid .col-left span {
    max-width: 522px;
}

/* small footer */

.footer-sm {
    background-color: #111110;
    padding: 70px 0;
    display: none !important;
}

.page-template-page-schedule-call .footer-sm,
.page-template-page-lead-magnet .footer-sm,
.page-id-12107 .footer-sm,
.page-template-page-thankyou-offerpages .footer-sm {
    display: block !important;
}

.footer-sm.footer-sm-v2 {
    background-color: #EAEAEA;
    padding: 0;
    padding-bottom: 20px;
}

.footer-sm.footer-sm-v3 {
    background-color: #EAEAEA;
    border-top: 1px solid #D1D1D1;
}

.footer-sm.footer-sm-v2 .container {
    max-width: calc(100% - 40px);
    margin: 0 auto;
    background-color: var(--accent-one);
    border-radius: 20px;

    padding: 70px 60px;
}

.footer-sm.footer-sm-v2 .col-left>img,
.footer-sm.footer-sm-v3 .col-left>img {
    filter: invert(1);
}

.footer-sm .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-sm .copyrights {
    color: #828282;
    font-size: 14px;
}

.footer-sm.footer-sm-v2 .copyrights {
    color: #636352;
    font-size: 14px;
}

.footer-sm.footer-sm-v3 .copyrights {
    color: #666;
    font-size: 14px;
}

.lead-popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex !important;
    justify-content: center;
    align-items: center;
    z-index: 20;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(17, 17, 16, 0.45);
    opacity: 1;
    visibility: hidden;
}

.lead-popup .inner {
    background-color: var(--offwhite);
    border-radius: 15px;
    padding: 80px 108px 88px;
    position: relative;
    max-height: 90vh;
    width: 90%;
    max-width: 850px;
	overflow: auto;         /* or 'scroll' if you always want it scrollable */
 	scrollbar-width: none;  /* Firefox */
  	-ms-overflow-style: none; /* IE and Edge */
}

.lead-popup .inner::-webkit-scrollbar {
  display: none;          /* Chrome, Safari, and Opera */
}

.lead-popup .inner .open-popup {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
}

.lead-popup .inner .default-heading {
    text-align: center;
    padding: 0 30px;
    margin-bottom: 64px;
}

.lead-popup .gform_description,
.lead-popup .gform-field-label {
    display: none !important;
}

.lead-popup .gform_fields {
    display: flex !important;
    flex-wrap: wrap !important;
    row-gap: 36px !important;
    column-gap: 20px !important;
    justify-content: center;
}

/* .lead-popup form {
    display: flex;
    flex-wrap: wrap;
    row-gap: 36px;
    column-gap: 20px;
    justify-content: center;
  } */

.lead-popup input:not([type="submit"]),
.lead-popup textarea,
.lead-popup select,
.lead-popup .gform_fields input:not([type="submit"]),
.lead-popup .gform_fields textarea,
.lead-popup .gform_fields select,
.reachus-form .ginput_container_select select {
    background-color: transparent !important;
    padding: 0 0 16px 0 !important;
    color: #111110 !important;
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #ABABAB !important;
    font-family: "Object Sans", sans-serif !important;
    font-size: 14px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.lead-popup .gform_fields select,
.reachus-form .ginput_container_select select {
    height: fit-content !important;
    padding-bottom: 0 !important;
    background: none !important;
}

.reachus-form .ginput_container_select select option:first-child {
    color: #666 !important;
}

.reachus-form .gfield.disable-label label {
    display: none !important;
}

.lead-popup select,
.lead-popup .gform_fields .ginput_container_select select,
.reachus-form .ginput_container_select select {
    appearance: none;
}

.lead-popup .custom-,
.lead-popup .gform_fields .ginput_container_select,
.reachus-form .ginput_container_select {
    position: relative;
    width: 100%;
}

.lead-popup .gform_footer {
    justify-content: center !important;
}

.lead-popup .custom-select::after,
.lead-popup .gform_fields .ginput_container_select::after,
.reachus-form .ginput_container_select::after {
    content: "";
    width: 8px;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("/wp-content/uploads/2024/11/gray-dropdown.svg") no-repeat center;
    background-size: contain;
    margin: auto;
    height: 10px;
    position: absolute;
    z-index: 1;
}

.lead-popup .gform_fields>* {
    width: 100%;
}

.lead-popup input.halved,
.lead-popup textarea.halved,
.lead-popup select.halved,
.lead-popup .gform_fields>*:nth-child(2),
.lead-popup .gform_fields>*:nth-child(3) {
    width: calc(50% - 10px);
}

.lead-popup form .default-btn,
.lead-popup .gform_button {
    margin-top: 28px !important;
    font-size: 12px !important;
    color: #111110 !important;
    padding: 14px 36px !important;
    border-radius: 20px !important;
    background-color: var(--accent-one) !important;
    transition: background-color 0.3s, color 0.3s, border 0.3s, border-color 0.3s !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
    min-width: 140px !important;
    text-align: center !important;
}

.lead-popup .gform_fields input[type="checkbox"] {
	border: 1px solid #ABABAB !important;
    padding: 0px !important;
	outline: none !important;
}
.lead-popup .gform_fields label.gfield_consent_label {
	display: inline-block !important;
}

select.keepFirstFaded {
    color: #666;
    /* Initial color for placeholder */
}

select.keepFirstFaded.option-selected {
    color: #111110;
    /* Color for selected options */
}

.page-template-page-lead-magnet .our-work.dark .container {
    align-items: start;
}

.page-template-page-our-work footer:not(.footer-sm) {
	position: relative!important;
}


/* popup height set */
@media only screen and (max-height: 710px) {

    .lead-popup .inner .default-heading,
    .lead-popup .gform_title {
        text-align: center;
        padding: 0 30px;
        margin-bottom: 40px;
    }

    .lead-popup form .default-btn,
    .lead-popup .gform_button {
        margin-top: 10px !important;
    }

    .lead-popup .inner {
        padding: 45px 108px 45px;
    }
}

/* popup height set */

.lead-compliment::after {
    content: "";
    background-color: var(--accent-two);
    position: absolute;
    width: 100%;
    height: 15px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.user-reviews-box {
    position: relative;
    padding: 35px 36px 50px;
    border-radius: 0 15px 15px 15px;
    position: relative;
    z-index: 1;
}

.user-reviews-box .card-offset {
    filter: url(#round);
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.user-reviews-box .card-offset::after {
    content: "";
    background-color: #4c6250;
    border-radius: 20px;
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 93%, 62% 93%, 55% 100%, 0 100%);
    z-index: -1;
}

.user-reviews-box.dark .card-offset::after {
    background-color: #2A2A28;
}

.user-reviews-box .five-star-reviews {
    margin-bottom: 28px;
}

.lead-reviews-slider .slider {
    pointer-events: none;
}

.user-reviews-box>p {
    color: #D1D1D1;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 75px;
    flex-grow: 1;
}

.lead-compliment .row .user-reviews-box {
    width: calc(33% - 10px);
}

.lead-compliment .row {
    margin-top: 40px;
    margin-bottom: 0;
}

.slider2 .user-reviews-box .client-info {
    width: 100%;
}

.lead-reviews-slider .slider2 .swiper-wrapper {
    transition-timing-function: linear !important;
    display: flex;
}

.lead-reviews-slider .slider2 {
    transform: rotateZ(180deg);
}

.lead-reviews-slider .slider2 .slick-slide {
    transform: rotateZ(180deg);
}

.user-reviews-box .client-info p {
    margin-bottom: 5px;
    text-align: left;
}

.user-reviews-box.dark .client-info span {
    color: #828282;
    display: block;
    margin-top: 10px;
    text-align: left;
}

.lead-compliment {
    padding-block: 164px 250px;
}

.page-template-page-lead-magnet .faqs-with-accordion {
    padding-bottom: 164px;
}

.page-template-page-lead-magnet .faqs-with-accordion.light::after {
    content: "";
    position: absolute;
    background-color: #111110;
    height: 20px;
    width: 100%;
    bottom: 0;
    z-index: -1;
}

/* lead-reviews-slider */

.lead-reviews-slider {
    padding-bottom: 250px;
}

.lead-reviews-slider .border-offset::after {
    background-color: #111110;
}

.lead-reviews-slider .attic {
    max-width: 630px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.lead-reviews-slider .gradient-heading {
    text-align: center;
    margin-bottom: 80px;
}

.lead-reviews-slider .slider {
    margin-bottom: 20px;

}

.lead-reviews-slider .slider .col {
    width: 414px;
    flex-basis: 414px;
    margin-right: 20px;
    overflow: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.footer-cta-sm .inner {
    min-height: auto !important;
}

.page-template-page-lead-magnet header nav,
.page-template-page-lead-magnet header .default-btn,
.page-template-page-lead-magnet header .navbar-toggle,
.page-template-page-schedule-call header nav,
.page-template-page-thankyou-offerpages header nav,
.page-template-page-schedule-call header .default-btn,
.page-template-page-thankyou-offerpages header .default-btn,
.page-template-page-schedule-call header .navbar-toggle,
.page-id-12107 header nav,
.page-id-12107 header .default-btn,
.page-id-12107 header .navbar-toggle,
.page-template-page-thankyou-offerpages header .navbar-toggle {
    display: none;
}

.page-template-page-lead-magnet header .logo,
.page-template-page-schedule-call header .logo,
.page-template-page-lead-magnet .copyrights a,
.page-template-page-schedule-call .copyrights a,
.page-id-12107 header .logo,
.page-id-12107 .copyrights a,
.page-template-page-thankyou-offerpages .copyrights a {
    pointer-events: none;
}

.page-template-page-lead-magnet .footer-cta .container-top {
    max-width: 955px;
}



.page-template-page-lead-magnet .qoute-with-bg {
    margin-top: 100px;
    padding-bottom: 150px;
}

.page-template-page-lead-magnet .qoute-with-bg .container {
    border: none;
}

.page-template-page-lead-magnet .qoute-with-bg .inner {
    max-width: 630px;
}

.lead-growth.bordered .col-left {
    padding-bottom: 120px;
}

.lead-growth.bordered .container {
    border-bottom: 1px solid #D1D1D1;
}

/* lead schedule */
.lead-calender {
    background-color: #fff;
    border-radius: 10px;
}

.lead-calender .attic {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #EAEAEA;
}

.lead-calender .attic .subheading {
    font-family: "Jakarta", sans-serif;
    line-height: 1.1;
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
    color: rgba(26, 26, 26, 0.60);
}

.lead-calender .attic .heading {
    font-family: "Jakarta Semi", sans-serif;
    line-height: 1.1;
    margin-bottom: 28px;
    font-size: 28px;
    color: #1A1A1A;
}

.lead-calender .attic .iconbox {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 24px;
}

.lead-calender .attic .iconbox .text {
    font-family: "Jakarta", sans-serif;
    line-height: 1.1;
    font-size: 16px;
    color: rgba(26, 26, 26, 0.60);
}

.lead-calender .attic .desc {
    color: #1A1A1A;
    font-family: "Jakarta", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.lead-calender .attic .iconbox img {
    width: 20px;
}

.lead-calender .calender .heading {
    font-family: "Jakarta Semi", sans-serif;
    line-height: 1.1;
    margin-bottom: 24px;
    font-size: 20px;
    color: #1A1A1A;
}

.lead-calender .calender iframe {
    border-radius: 15px;
}

.lead-calender .calender iframe html {
    border-radius: 15px;
}

.lead-calender.onMobile {
    display: none;
}

.gform_hidden {
    display: none !important;
    visibility: hidden !important;
}

.tagline-section .container {
	display: block!important;
}



.lead-growth.new-lead .col-left {
	padding-bottom: 100px;
}
.lead-growth.new-lead  .container {
	border-bottom: 1px solid #d1d1d1;
}
.page-template-page-lead-magnet.page-id-12260 .qoute-with-bg .inner {
    max-width: 1064px;
	padding-block: 180px 100px;
}
.lead-growth.new-lead .qoute-with-bg .container {
    border-bottom: none;
	padding-bottom: 0px;
}
.page-template-page-lead-magnet.page-id-12260 .qoute-with-bg {
    margin-top: 0px;
}
.monogram-sec button {
	margin: 0 auto;
	display: block;
}
.our-work.new-lead .col-left ul li span span {
	color: #000;
}
.page-template-page-lead-magnet.page-id-12260 .reviews-section>.gradient, .new-offer .reviews-section>.gradient  {
	display: none !important;
}
.page-template-page-lead-magnet.page-id-12260 .reviews-section .border-offset::after, .new-offer .reviews-section .border-offset::after {
	background: #415645 !important;
}
.tagline-section.new-leadmagnet-cta .border-offset::after {
	background: linear-gradient(0deg, rgba(65, 86, 69, 1) 0%, rgba(90, 112, 94, 1) 100%);
}
.tagline-section.new-leadmagnet-cta .inner {
	background: url(/wp-content/uploads/2025/04/cta-new-shape.png) no-repeat;
	background-position: 50% 0%;
    background-size: 1120px;
}
.cover-call .available-box, .cover-call .col-left::after, .cover-call .lead-reviews-slider, .offer-cover-call .qoute-with-bg {
    display: none;
}
.cover-call .col-left ul {
	columns: auto !important;
}
.cover-call .col-left ul li span {
	width: 100% !important;
	display: inline-block;
}
.cover-call .col-left ul li span span {
	color: #E3ED62 !important;
	width: auto !important;
}
.our-work.dark .container {
	margin-bottom: 0px !important;
}
.page-template-page-lead-magnet .our-work.dark.cover-call .monogram-sec h2.gradient-heading {
	max-width: inherit !important;
	text-align: center;
}
.button-bottomtext p {
	margin-top: 40px;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	text-align: center;
}
.page-template-page-lead-magnet.page-id-12260 .cover-call .qoute-with-bg .inner {
	padding-block: 220px 0px;
}
.page-template-page-lead-magnet.page-id-12260 .cover-call .qoute-with-bg {
	padding-bottom: 0px !important;
}
.cover-call .qoute-with-bg .container {
	padding-bottom: 0px !important;
}

.info-with-cards.newlead-cards .container .row {
	flex-wrap: wrap;
}
.info-with-cards.newlead-cards .step-no span {
	display: inline-block;
	background: #E3ED62;
	border-radius: 20px;
	font-size: 14px;
	color: #111110;
	padding: 10px 20px;
	margin-bottom: 52px;
}
.info-with-cards.newlead-cards .default-cutout-cards {
	width: 32%;
}
.info-with-cards.newlead-cards .default-cutout-cards:last-child {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
	border-bottom: 1px solid #ABABAB;
	border-radius: 12px;
	flex-direction: column;
}
.info-with-cards.newlead-cards .default-cutout-cards:last-child  p {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 25px;
	text-align: center;
}
.info-with-cards.newlead-cards .default-cutout-cards:last-child p.button-text {
	color: #111110;
	font-size: 16px;
	margin-top: 15px;
}
.info-with-cards.newlead-cards .default-cutout-cards:last-child .card-offset::after {
    clip-path: none;
	background: url(/wp-content/uploads/2025/04/card-shape.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 98%;
	position: absolute;
	left: 0;
	top: 0;
}
.info-with-cards.newlead-cards .default-cutout-cards:last-child .card-offset {
	filter: unset;
}
.our-work.newlead-reviews-slider, .lead-reviews-slider.should-listen, .our-work.should-listen .available-box, 
.our-work.should-listen.case-study .col-left::after{
	display: none;
}
.lead-reviews-slider.newlead-reviews-slider {
	padding-top: 150px;
}
.our-work.should-listen .border-offset::after {
    background-color: #415645;
	clip-path: polygon(0 100%, 0 70px, 28% 70px, 33% 0, 100% 0, 100% 100%);
}
.our-work.should-listen .container {
	flex-direction: row-reverse;
	justify-content: space-between;
	padding-bottom: 120px !important;
}
.our-work.should-listen .col-right {
    padding-right: 68px;
    padding-left: 0px;
}
.our-work.should-listen .col-left {
	padding-right: 0px;
	padding-left: 90px;
	max-width: 715px;
}
.our-work.should-listen .col-left::after {
	background-color: #5D6F61;
	left: 0px;
	right: auto;
}
.our-work.should-listen  .col-left ul li .thumbnail img {
	opacity: 0;
}
.our-work.should-listen .col-left ul li {
	position: relative;
}
.our-work.should-listen .col-left ul li::before {
	background: url(/wp-content/uploads/2025/04/newlead-icon1.png) no-repeat;
	background-size: contain;
	width: 53px;
	height: 53px;
	position: absolute;
	left: 0px;
	top: 0px;
	content: "";
}
.our-work.should-listen .col-left ul li:nth-child(2)::before {
	background: url(/wp-content/uploads/2025/04/newlead-icon3.png) no-repeat;
	background-size: contain;
}
.our-work.should-listen .col-left ul li:nth-child(3)::before {
	background: url(/wp-content/uploads/2025/04/newlead-icon5.png) no-repeat;
	background-size: contain;
} 
.our-work.should-listen .col-left ul li:nth-child(4)::before {
	background: url(/wp-content/uploads/2025/04/newlead-icon2.png) no-repeat;
	background-size: contain;
} 
.our-work.should-listen .col-left ul li:nth-child(5)::before {
	background: url(/wp-content/uploads/2025/04/newlead-icon4.png) no-repeat;
	background-size: contain;
} 
.our-work.should-listen .col-left ul li:nth-child(6)::before {
	background: url(/wp-content/uploads/2025/04/newlead-icon6.png) no-repeat;
	background-size: contain;
} 
.page-template-page-lead-magnet-php.page-id-12260 .footer-sm {
	position: relative;
}

.our-work.should-listen.case-study .col-left ul li {
	align-items: center;
}
.our-work.should-listen.case-study .col-left ul li::before {
	background: url(/wp-content/uploads/2025/04/tickicon.png) no-repeat !important;
	background-size: contain !important;
}
.our-work.should-listen.case-study .border-offset::after {
	clip-path: polygon(0 0, 66% 0, 71% 70px, 100% 70px, 100% 100%, 0 100%);
}

.why-us.lead-results>.border-offset::after {
    background-color: #000;
}
.why-us.lead-results .growth-marquee {
    background-color: #000;
    margin-top: 0;
    border-top: 1px solid #454545;
}

.why-us.lead-results .col-left, .why-us.lead-results .col-right {
	width: 50%;
}
.why-us.lead-results .container {
	padding-bottom: 100px;
}
.why-us.lead-results .col-left {
	padding-right: 5%;
}
.why-us.lead-results .section-results {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
.why-us.lead-results .section-results .result-item {
	min-height: 170px;
    border-bottom: 1px solid #454545;
    width: 50%;
    padding: 25px 0 15px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.why-us.lead-results .section-results h3 {
	font-size: 64px;
	color: #fff;
	line-height: 66px;
	margin-bottom: 15px;
	width: 100%;
}
.why-us.lead-results .section-results span {
	font-size: 14px;
	color: #E3ED62;
	line-height: 1;
	margin-bottom: 20px;
	display: block;
	text-transform: uppercase;
}
.why-us.lead-results .section-results .result-item:first-child {
	width: 100%;
	border-top: 1px solid #454545;
}
.page-id-12411 .why-us.lead-results .section-results .result-item:last-child, .page-id-12260 .why-us.lead-results .section-results {
	width: 100%;
}
.why-us.lead-results .col-right .default-btn {
	margin-top: 45px;
}

.new-offer .page-banner-dark {
	padding: 150px 0 !important;
}
.new-offer .page-banner-dark .col-right img {
	bottom: auto;
	margin: 0;
}
.new-offer .page-banner-dark  .col-left ul {
    gap: 0;
    margin: 0 0 30px;
}
.new-offer .page-banner-dark .col-left ul li {
	padding: 0px;
    color: #d1d1d1 !important;
    border: none !important;
    border-radius: 0;
}
.new-offer .qoute-with-bg .inner {
    max-width: 1064px;
    padding-block: 180px 100px;
}
.new-offer .qoute-with-bg {
    margin-top: 0px;
}
.new-offer .our-work.dark .container {
	border: none;
}
.lead-reviews-slider.offer-cover-call {
	padding-bottom: 100px;
}
.new-offer .list-bottom-text-1, .new-offer .bottom-items .bottom-text, .new-offer .bottom-items .bottom-text span, 
.new-lead .list-bottom-text-1, .new-lead .bottom-items .bottom-text, .new-lead .bottom-items .bottom-text span, 
.deposit-page .list-bottom-text-1, .deposit-page .bottom-items .bottom-text, .deposit-page .bottom-items .bottom-text span {
	font-size: 24px !important;
    line-height: 1.2 !important;
	color: #fff;
}
.new-offer .list-bottom-text-1, .new-lead .list-bottom-text-1, .deposit-page .list-bottom-text-1, .new-lead .list-bottom-text-1 {
	margin: 0 0 10px !important;
}
.new-offer .bottom-items .bottom-text.text2, .new-lead .bottom-items .bottom-text.text2, .deposit-page .bottom-items .bottom-text.text2, .deposit-page .bottom-items .bottom-text.text2 {
	color: #E3ED62;
}
.new-offer .bottom-items img, .new-lead .bottom-items img, .deposit-page .bottom-items img, .deposit-page .bottom-items img  {
	margin-right: 10px;
}
.new-offer .bottom-items, .new-lead .bottom-items, .deposit-page .bottom-items, .new-lead .bottom-items  {
	display: flex;
}
.new-offer .button-bottom-text, .new-lead .button-bottom-text, .deposit-page .button-bottom-text, .deposit-page .button-bottom-text {
	margin-top: 25px;
}

.our-work.all-customers .col-left ul {
	columns: auto;
	max-width: 522px;
}
.our-work.all-customers .col-left ul li>span {
	width: 100%;
}
.our-work.all-customers .col-left ul li span span  {
	width: auto;
	display: inline-block;
	color: #E3ED62;
}
.our-work.all-customers .col-left .open-lead-popup {
    margin-top: 30px;
}
.our-work.all-customers .col-right img {
	max-width: 416px;
	width: 100%;
}
.our-work.all-customers h2.gradient-heading {
	font-size: 32px;
	line-height: 1.3;
	margin-bottom: 20px;
}
.our-work.all-customers .col-left h2 span, .new-thankyou .our-work.should-listen .col-left h2 span, .deposit-page .our-work.should-listen.after-pay .col-left h2 span, .our-work.case-study .col-left h2 span, .our-work.should-listen .col-left h2 span {
	background: none !important;
  color: #e3ed62 !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
}
.new-offer .bottom-items .bottom-text span, .new-lead .bottom-items .bottom-text span {
	display: inline-block;
	padding: 0 15px 0 10px;
	text-decoration: line-through;
}
.our-work.all-customers .border-offset::after {
    clip-path: polygon(0 100%, 0 70px, 28% 70px, 33% 0, 100% 0, 100% 100%) !important;
}


.our-work.offer-revenew {
	padding-block: 164px 120px;
}
.our-work.offer-revenew .content {
	max-width: 900;
	width: 100%;
	margin: 0 auto;
}
.our-work.offer-revenew .content h2 {
	font-size: 74px;
	color: #fff;
	text-align: center;
}
.our-work.offer-revenew .content h2 span {
	display: flex;	
	align-items: center;
	justify-content: center;
	color: #fff;
}
.our-work.offer-revenew .content h2 span.line-through {
	text-decoration: line-through;
	padding: 0 10px;
	color: #fff !important;
	text-decoration-thickness: 3px;
}
.our-work.offer-revenew .content h2 span:last-child {
	color: #E3ED62;
}
.our-work.offer-revenew .content h2 span img {
	width: 55px;
	margin-right: 5px;
}
.our-work.offer-revenew .content {
	z-index: 9;
}
.our-work.offer-revenew .book-offer {
	max-width: 438px;
	position: absolute;
	left: 0;
	top: 460px;
	height: 310px;
	overflow: hidden;
}
.our-work.offer-revenew .book-offer::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.35));
	pointer-events: none;
}
.our-work.offer-revenew .book-offer img {
	width: 100%;
	position: relative;
}
.our-work.offer-revenew .content-button {
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 9;
}
.our-work.offer-revenew .content-button p {
	color: #D1D1D1;
    line-height: 1.5;
    margin-bottom: 40px;
    text-transform: none;
    font-size: 16px;
	margin-top: 25px;
	position: relative;
	z-index: 9;
}
.our-work.offer-revenew>.container{
	border-bottom: 1px solid #454545 !important;
	padding-bottom: 170px !important;
}
.our-work.offer-revenew .qoute-with-bg.monogram-sec h2 {
	text-align: center;
}
.our-work.offer-revenew .qoute-with-bg .container {
	padding-bottom: 0px !important;
}
.our-work.offer-revenew .qoute-with-bg {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.page-template-page-lead-magnet-php.page-id-12411 .footer-sm, .new-thankyou .footer-sm {
    position: relative;
}
.new-thankyou .our-work.should-listen .container {
	padding-bottom: 0px !important;
}
.our-work .col-left ul {
	grid-template-columns: auto;
}
.our-work.thankyou-pinpoint .col-left ul li>span {
	width: 100%;
}
.our-work.thankyou-pinpoint .col-left ul li span span, .our-work.thankyou-pinpoint .col-left ul li span b {
    width: auto;
    display: inline;
    color: #111110;
	font-weight: 400;
}
.our-work.thankyou-pinpoint .container {
	align-items: flex-start;
}
.our-work.thankyou-pinpoint .col-left, .our-work.thankyou-pinpoint .col-right {
	padding-top: 150px;
}
.deposit-page .our-work.thankyou-pinpoint .col-left {
	padding-right: 120px;
}
.our-work.thankyou-pinpoint .pinpoint-image {
    margin-bottom: 60px;
}
.our-work.thankyou-pinpoint .col-right .caption {
    margin-bottom: 25px;
    width: 80%;
}
.new-thankyou .newlead-cards .border-offset::after {
	background: #415645;
}
.new-thankyou .info-with-cards.newlead-cards .default-heading.inverted {
	color: #fff;
}
.new-thankyou .info-with-cards.newlead-cards .default-heading.inverted span, .new-thankyou .info-with-cards.newlead-cards .default-cutout-cards:last-child  p {
	color: #e3ed62;
}
.new-thankyou .info-with-cards.newlead-cards .default-cutout-cards:last-child  p span {
	color: #fff;
}
.new-thankyou .page-banner-dark {
    padding: 150px 0 !important;
}

.new-thankyou .newlead-hero .col-right {
	position: absolute;
    right: 0;
    top: 0;
    width: 38% !important;
    height: calc(100% - 261px);
}
.new-thankyou .col-right .video-wrapper {
	width: 100%;
    height: 100%;
    overflow: hidden;
}
.new-thankyou .col-right .video-wrapper video {
	width: 100%;
    object-fit: cover;
    height: 100%;
}
.new-thankyou .col-right .video-content {
	position: absolute;
    top: 50%;
    width: 86%;
	left: 7%;
    margin: 0 auto;
	border-left: 1px solid #FFFFFF3D;
	padding-left: 20px;
}
.new-thankyou .col-right .video-content img {
	position: absolute;
    top: -170px;
    left: 0;
    right: 0;
    bottom: auto;
}
.new-thankyou .col-right .video-content span {
	font-size: 12px;
	color: #E3ED62;
	line-height: 1;
	display: block;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.new-thankyou .col-right .video-content h3 {
	font-size: 40px;
	color: #fff;
	line-height: 1.3;
}
.our-work.should-listen.after-pay .container {
	padding-bottom: 0px !important;
	border: none;
}
.deposit-page .footer-sm {
	position: relative;
}
.our-work.should-listen.after-pay .col-left::after {
	display: none;
}
.our-work.should-listen.after-pay .col-left ul {
	columns: auto;
}
.our-work.should-listen.after-pay .col-left ul li span {
	width: auto;
}
.our-work.should-listen.after-pay .col-left ul li {
	align-items: center;
}

.deposit-page .page-banner-dark::after {
	background: url(/wp-content/uploads/2024/07/Black-118-@designrip@2x.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	content: "";
	max-width: 633px;
	height: 633px;
	width: 100%;
	bottom: -100px;
    right: -140px;
}

.deposit-pinpoint span.subtext, .deposit-pinpoint .bottom-text, .deposit-page .list-bottom-text-1, .deposit-pinpoint .bottom-text .line-through {
	color: #828282 !important;
}
.deposit-page .list-bottom-text-1 {
	margin-top: 40px !important;
}
.deposit-pinpoint .bottom-text.text2 {
	color: #111110 !important;
}
.deposit-pinpoint .button-bottom-text {
    margin-top: 25px;
	color: #111110;
    line-height: 1.5;
    margin-bottom: 40px;
    text-transform: none;
    font-size: 16px;
}
.deposit-pinpoint .bottom-text .line-through {
	display: inline-block;
	padding: 0 10px 0 0px;
    text-decoration: line-through;
}
.our-work.deposit-pinpoint .col-right span {
	color: #111110;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}
.our-work.deposit-pinpoint .col-right .list-itmem, .our-work.deposit-pinpoint .col-right .form-botttom-text {
	color: #666666;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 24px;
    display: flex;
	align-items: center;
}
.our-work.deposit-pinpoint .col-right .list-itmem img, .our-work.deposit-pinpoint .col-right .form-botttom-text img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	margin-right: 25px;
}
.offer-form-wrapper {
	margin: 70px 0 60px;
}
.our-work.deposit-pinpoint .container {
    border-bottom: 1px solid #d1d1d1;
}
.our-work.deposit-pinpoint .col-left::after {
	display: none;
}
.our-work.deposit-pinpoint .col-right {
	position: relative;
}
.our-work.deposit-pinpoint .col-right::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #d1d1d1;
    position: absolute;
    left: 0;
    top: 0;
}
.our-work.deposit-pinpoint .qoute-with-bg .container {
	border: none !important;
}
.deposit-page .our-work.should-listen .col-left ul li::before {
	background: url(/wp-content/uploads/2025/04/tickicon.png) no-repeat center top;
	background-size: contain;
}
.deposit-page .page-banner-dark .col-left {
    width: 63%;
}
.new-offer .footer-cta .container-top {
    max-width: 925px;
}
.new-offer .tagline-section.footer-cta p {
	line-height: 1.05;
}
.new-offer .newlead-cards .default-col-right, .deposit-page .newlead-cards .default-col-right {
	margin: 0 auto;
	text-align: center;
}
.new-offer .our-work.offer-revenew .qoute-with-bg.monogram-sec h2 {
    max-width: 650px;
}

.new-thankyou .our-work.thankyou-pinpoint .col-left {
	padding-right: 155px;
}
.new-offer .our-work.should-listen.all-customers  .col-right {
    padding-right: 48px;
}
.new-offer .our-work.offer-cover-call .col-left {
	padding-right: 100px;
}
.new-offer .our-work.offer-cover-call .col-left ul {
	padding-right: 60px;
}
.new-offer .new-lead .monogram-sec h2, .new-lead .our-work.lead-growth.new-lead .monogram-sec h2 {
	padding: 50px 0 0px;
}
.new-offer .our-work.new-lead .col-left ul li span span {
    display: inline;
}
.new-offer .lead-growth.new-lead .col-left, .our-work.lead-growth.new-lead .col-left {
	max-width: 740px;
}
.new-offer .lead-growth.new-lead .col-left ul {
	padding-right: 110px;
}
.new-lead .our-work.should-listen h2.gradient-heading {
    margin-bottom: 20px;
}
.new-lead .our-work.case-study h2.gradient-heading, .new-offer .our-work.case-study h2.gradient-heading  {
	max-width: inherit;
}
.new-lead .lead-reviews-slider.newlead-reviews-slider, .new-lead .our-work.cover-call, .why-us.lead-results {
	position: relative;
}
.new-lead .lead-reviews-slider.newlead-reviews-slider::before, .new-lead .our-work.cover-call::before, .why-us.lead-results::before, .new-offer .our-work.cover-call::before, .our-work.offer-revenew::before, .our-work.offer-revenew::after {
	content: "";
	z-index: 1;
    top: 10%;
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    right: -150px;
    border-radius: 50%;
    background: #F9FFAC;
    filter: blur(78px);
    opacity: 0.2;
}
.our-work.offer-revenew::after {
	width: 350px;
    height: 350px;
	right: auto;
	left: -0px;
	top: 25%;
	z-index: -1;
}
.new-lead .lead-reviews-slider.newlead-reviews-slider .inner {
	position: relative;
	z-index: 9;
}
.new-lead .our-work.cover-call .col-left {
	padding-right: 150px;
}
.cover-call .col-left ul li span span, .our-work.new-lead .col-left ul li span span {
	display: inline;
}
.page-template-page-lead-magnet.page-id-12260 .new-lead .qoute-with-bg .inner {
    padding-block: 120px 60px;
    margin: 0 auto 20px;
}
.new-lead .page-banner-dark .col-right img {
	padding-bottom: 200px;
}

.popup-hidden {
  display: none !important;
  visibility: hidden !important;
}
.new-offer .tagline-section p span {
	background: var(--gradients-other-colors-yellow-gradient, linear-gradient(4deg, #707050 3.61%, #e1ec60 42.75%, #707050 89.94%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.new-offer .our-work.new-lead .inner, .new-lead .our-work.new-lead .inner {
	text-align: center;
}
.new-offer  .our-work.cover-call.offer-cover-call .col-left .default-btn  {
    margin-top: 50px;
}

.scrolling-tabs.all-customers .container .default-heading {
    margin-bottom: 40px;
    max-width: inherit;
} 
.scrolling-tabs.all-customers .container::after {
	display: none;
}
.scrolling-tabs.all-customers .col-right  p {
    color: #D1D1D1;
    line-height: 1.5;
    margin-bottom: 40px;
    text-transform: none;
    font-size: 16px;
}
.scrolling-tabs.all-customers .col-left  img {
	padding: 5px 10px;
	height: 380px;
    object-fit: contain;
    width: 100%;
}
.scrolling-tabs.all-customers .col-right ul li {
	position: relative;
	opacity: 1 !important;
	display: flex;
    column-gap: 15px;
	align-items: center;
	margin-bottom: 28px;
}
.scrolling-tabs.all-customers .col-right ul li>span {
    width: 100%;
    color: #D1D1D1;
	padding-left: 65px;
	font-size: 16px;
    line-height: 1.5;
    display: block;
}
.scrolling-tabs.all-customers .col-right ul li span span, .scrolling-tabs.all-customers .default-heading span {
    width: auto;
    display: inline-block;
    color: #E3ED62;
}
.scrolling-tabs.all-customers .container .col-left {
    margin-top: 0px;
}
.scrolling-tabs.all-customers .default-btn {
	margin-top: 10px;
}
.scrolling-tabs.all-customers .container {
	padding-top: 0px !important;
}
.scrolling-tabs.all-customers .container .step-content, .scrolling-tabs.all-customers .step-item {
	padding-bottom: 200px !important;
}
.scrolling-tabs.all-customers .container {
	flex-direction: row;
}
.scrolling-tabs.all-customers .step-item {
	opacity: 0;
	display:none!important;
	transition: all 0.3s;
}
.scrolling-tabs.all-customers .step-item.active {
	opacity: 1 !important;
	display:block!important;
}
.scrolling-tabs.all-customers .container .col-left{
	padding-right: 0px;
    max-width: 615px;
	padding-left: 0px;
}   
.our-work.all-customers .col-left ul {
	 max-width: 535px;
}
.scrolling-tabs.all-customers .col-right {
    padding-right: 90px !important;
    padding-left: 90px;
    max-width: 715px;
}
.scrolling-tabs.all-customers .default-heading {
	font-size: 48px !important;
    margin-bottom: 40px !important;
    line-height: 1.2;
    opacity: 1;
    overflow: hidden;
    color: #fff !important;
	text-transform: none !important;
	width: 100% !important;
}
.scrolling-tabs.all-customers .default-heading span {
	color: #e3ed62;
}
.scrolling-tabs.all-customers .container .col-left li {
	padding: 0px !important;
}
.scrolling-tabs.all-customers .container .col-left li::before {
	display: none !important;
}
.scrolling-tabs.all-customers .col-right ul li::before {
    background: url(/wp-content/uploads/2025/04/tickicon.png) no-repeat !important;
    background-size: contain !important;
	width: 53px;
    height: 53px;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
}
.scrolling-tabs.all-customers .col-right h2 span {
    background: none !important;
    color: #e3ed62 !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
}
.for-mobile .tablist, .scrolling-tabs.all-customers .mobile-only, .new-offer .page-banner-dark .col-right img.mobile-image  {
	display: none !important;
}
.scrolling-tabs.all-customers .default-heading span {
	display: inline !important;
}


.archive .category-wrapper {
    padding-block: 180px 150px;
}
.archive .category-wrapper header {
	position: static !important;
	background: none !important;
    padding-block: 20px 0px !important;
}
.archive header .logo, .archive header .nav-top .menu-item-has-children>a:after {
    filter: invert(1);
}
.archive .nav-top>ul>li>a {
    color: #111110;
}
.archive footer {
    position: relative !important;
}
.archive h2, .archive .entry-meta {
	margin-bottom: 30px;
}
.archive .entry-meta {
	font-size: 18px;
	line-height: 1.4;
}
.archive .entry-meta a {
    color: #666;
    font-size: 16px;
}
.archive time.entry-date.published {
    padding: 0 5px;
}
.archive p, .archive ul li {
	font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 25px;
}
.archive img {
	margin-bottom: 35px;
	height: auto;
}
.archive h3, .archive h4 {
	margin-bottom: 15px;
}
.archive .post {
    margin-bottom: 70px;
}
.archive .post footer{
	background: none;
    padding: 0;
    width: 100%;
    position: static !important;
    margin: 0 0 25px;
    line-height: 1.4;
}
.archive ul li {
	margin-bottom: 10px;
}
.archive p:empty {
	display: none;
	margin: 0px;
}


.single-portfolio.postid-12714 .mobile-section .container {
	position: relative;
}
.single-portfolio.postid-12714 .mobile-section .container::before {
	background: url(/wp-content/uploads/2025/05/avintiv-portfolio-mobile4.png) no-repeat center top;
	background-size: cover;
	width: 297px;
	height: 297px;
	position: absolute;
	content: "";
	right: 50px;
	top: -15px;
	z-index: 1;
}
.single-portfolio.postid-12714 .mobile-section .container::after {
	background: url(/wp-content/uploads/2025/05/avintiv-portfolio-mobile5.png) no-repeat center top;
	background-size: cover;
	width: 297px;
	height: 252px;
	position: absolute;
	content: "";
	right: 0;
	left: 0;
	margin: 0 auto;
	bottom: 0px;
	z-index: 0;
}

.single-portfolio.postid-12750 .mobile-section .img-part .mobile-img-one, .single-portfolio.postid-12750 .mobile-section .img-part .mobile-img-three, .single-portfolio.postid-12801 .mobile-section .img-part .mobile-img-one {
    padding-top: 0;
}
.single-portfolio.postid-12750 .mobile-section .img-part .mobile-img-two {
    padding-top: 150px;
}
.single-portfolio.postid-12750 .work-slider {
	margin-top: -210px;
}
.single-portfolio.postid-12801 .mobile-section .img-part .mobile-img-two, .single-portfolio.postid-12801 .mobile-section .img-part .mobile-img-three {
	padding-top: 70px;
}
.single-portfolio.postid-12147 .portfolio-banner .default-heading {
    max-width: 560px;
}
.page-template-page-financial-disclaimer p {
	margin-bottom: 25px;
}
.page-template-page-financial-disclaimer ul {
    padding: 0px 0px 20px 25px;
}
.page-template-page-financial-disclaimer ul li {
	color: #595959;
    font-size: 18px;
    font-family: Arial;
    line-height: 1.5;
	list-style-type: disc;
	margin-bottom: 5px;
}


.video-outer .video-wrapper {
	position: relative;
}
.video-outer .video-wrapper video {
	width: 100%;
	height: 100%;
	border-radius: 16px;
}
.video-outer .video-wrapper .video-content {
	position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}
.video-outer .video-wrapper .video-content .video-icon {
	width: 77px;
    height: 77px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.video-outer .video-wrapper .video-detail {
	position: absolute;
    bottom: 90px;
    width: calc(100% - 100px);
    left: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.video-outer .video-wrapper .video-detail h3 {
	font-size: 32px;
	color: #fff;
	margin-bottom: 10px;
	max-width: 520px;
}
.video-outer .video-wrapper .video-detail span {
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 10px;
	max-width: 400px;
    padding-right: 50px;
	display: inline-block;
}
.two-img-sec .section-part.row2 {
	margin: 20px 0;
}
.two-img-sec .section-part.row2 h3 {
	max-width: 365px;
	width: 100%;
}

.page-id-12521 .footer-sm {
	position: relative;
}



.postid-12884 .portfolio-overview-goal.portfolio-deliverable {
	margin: 85px 0 50px;
}
.postid-12884 .whole-portfolio-img {
	margin-top: 130px;
}
.postid-12815 .desktop-section {
	z-index: 0;
    position: relative;
}
.postid-12829 .work-slider {
	margin-top: -260px;
}

.postid-11600 .whole-portfolio-img, .postid-11599 .whole-portfolio-img, .postid-11604 .whole-portfolio-img, .postid-11603 .whole-portfolio-img, .postid-11602 .whole-portfolio-img {
   	margin-top: 130px;
}


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



    /* DEFAULT */
    .default-heading,
    .gradient-heading, .default-headingg {
        font-size: 44px;
    }

    .page-template-page-schedule-call .our-work .col-left h2 {
        font-size: 44px;
    }


    /* section.inverted {
  border-radius: 25px 0 0 0;
  } */

    section.inverted::after {
        left: auto;
    }

    section.inverted::before {
        border-radius: 17px 23px 0 0;
    }

    /* BANNER */
    .banner-section {
        padding-block: 200px 180px;
    }

    .banner-section .gradient {
        width: 400px;
        height: 400px;
    }

    .banner-section .gradient-1 {
        right: 140px;
        width: 300px;
        height: 300px;
    }

    .banner-inner .banner-box h1 {
        font-size: 70px;
        padding-bottom: 100px;
    }

    .banner-inner .banner-box h2 {
        font-size: 44px;
    }

    .banner-inner .banner-box:last-of-type {
        max-width: 915px;
    }

    .banner-inner .banner-box p {
        font-size: 28px;
    }

    .banner-inner .box,
    .default-logo-slider .box {
        width: 20%;
    }

    .banner-inner .banner-box:first-child {
        margin-bottom: 110px;
    }

    .banner-inner .wrapper {
        margin-bottom: 110px;
    }

    /* OUR WORK */
    section .border-offset::after,
    div.pinned>.border-offset::after,
    section .map-offset iframe {
        clip-path: polygon(0 0, 66% 0, 71% 55px, 100% 55px, 100% 100%, 0 100%);
    }

    section.inverted .border-offset::after,
    section.inverted .map-offset iframe,
    div.pinned.inverted>.border-offset::after {
        clip-path: polygon(0 100%, 0 55px, 28% 55px, 33% 0, 100% 0, 100% 100%);
    }

    .our-work .col-right .title {
        font-size: 24px;
    }

    .our-work .col-left ul li span {
        width: 210px;
    }

    .our-work .col-left ul li span,
    .our-work .col-right .caption {
        font-size: 15px;
    }

    .our-work .col-left ul {
        row-gap: 30px;
    }

    .our-work .col-left {
        padding-block: 80px 180px;
    }

    .our-work .col-right {
        padding-left: 60px;
    }

    .our-work .col-right .title img {
        margin-right: 20px;
        width: 50px;
    }

    /* WHY US */
    .why-us {
        padding-block: 120px 0px;
    }

    .why-us .row {
        margin-block: 120px 100px;
    }

    .why-us .row .col {
        padding: 45px 30px 40px;
    }

    .why-us .row .col .thumbnail {
        margin-bottom: 40px;
    }

    .why-us .row .col .heading {
        font-size: 30px;
    }

    .why-us .row .col p {
        font-size: 15px;
    }

    /* GROWTH MARQUEE */

    .growth-marquee span {
        font-size: 105px;
    }

    .growth-marquee .inner {
        display: flex;
        align-items: center;
        position: relative;
        padding-block: 40px 140px;
    }

    /* WORK SLIDER */
    .work-slider {
        padding-block: 140px 200px;
    }

    .work-slider .gradient {
        width: 400px;
        height: 400px;
        top: 45%;
    }

    /* OUR SERVICES */
    .our-services {
        padding-top: 120px;
    }

    /* CLIENTS   */
    .clients-section {
        padding-top: 120px;
    }

    /* REVIEWS */
    .reviews-section {
        padding-top: 120px;
    }

    /* FOOTER */
    footer,
    .static-footer .footer-wrapper {
        padding-block: 72px;
    }

    /* CONTACT POPUP */
    .page-banner-dark .gradient-heading {
        font-size: 64px;
    }

    .cutout-stacked-cards-extended .row .col h3 {
        font-size: 40px;
    }

    /* LOCATION */
    .location-services {
        padding-block: 120px 250px;
    }

    /* ARTICLE */
    .article-info .container {
        margin: 0 auto;
        padding-inline: 20px;
    }

    .article-info>.thumbnail img {
        object-fit: contain;
    }

    .article-banner {
        padding-block: 200px 30px;
    }

    .article-info>.thumbnail {
        height: fit-content;
    }

    .article-banner .container .col-left {
        width: 60%;
    }

    .article-banner .container .col-left .default-heading {
        font-size: 40px;
    }

    .article-info>.thumbnail {
        margin-bottom: 50px;
    }

    .article-business-card p {
        font-size: 62px;
    }

    .article-business-card p img {
        width: 40px;
        height: 40px;
        margin-left: 10px;
    }

    .article-info {
        padding-bottom: 100px;
    }

    .article-business-card {
        max-width: 800px;
    }

    .article-business-card .thumbnail {
        min-height: 446px;
    }

    .info-with-cards {
        padding-block: 140px 200px;
    }

    .brand-services {
        padding-block: 140px 200px;
    }

    .brand-services .container .row {
        margin-top: 100px;
    }

    .faqs-with-accordion {
        padding-block: 140px 200px;
    }

    /* ARTICLE BANNER */
    body.portfolio .article-banner .container .col-left .default-heading {
        font-size: 64px;
        max-width: 480px;
    }

    .portfolio-info-site:not(:last-of-type) .border-offset::after {
        clip-path: polygon(0 0,
                100% 0,
                100% calc(100% - 50px),
                72% calc(100% - 50px),
                67% 100%,
                0 100%);
    }

    .portfolio-info-site:last-of-type .border-offset::after {
        clip-path: polygon(0 50px,
                calc(67% + 3px) 50px,
                calc(72% + 3px) 0,
                100% 0,
                100% 100%,
                0 100%);
    }

    .portfolio-info-site:last-of-type .border-offset {
        margin-top: -50px;
    }

    .portfolio-info-site:last-of-type {
        padding-bottom: 230px;
    }

    .lead-growth .col-left,
    .lead-growth .col-right,
    .page-template-page-lead-magnet .our-work.dark .col-left,
    .page-template-page-lead-magnet .our-work.dark .col-right {
        padding-top: 165px;
    }

    .lead-growth .col-left ul li span {
        width: 100%;
    }

    .lead-compliment {
        padding-block: 164px 230px;
    }

    .lead-compliment .row {
        margin-top: 60px;
        margin-bottom: 0;
    }
}

@media screen and (max-height: 850px) and (min-width: 1200px) {
    .page-template-page-lead-magnet .page-banner-dark {
        padding: 120px 0 220px 0;
    }

    .page-template-page-lead-magnet .page-banner-dark .available-box {
        margin-bottom: 25px;
    }

    .page-template-page-lead-magnet .page-banner-dark .gradient-heading {
        font-size: 58px;
        margin-bottom: 15px;
    }

    .page-template-page-lead-magnet .page-banner-dark .five-star-reviews {
        margin-bottom: 25px;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-left>p:last-of-type {
        margin-bottom: 20px;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-right img {
        max-width: 500px;
    }
	.page-id-12411 .page-banner-dark .col-right img {
        max-width: 830px;
    }
}

@media only screen and (max-width: 1300px) {
    .page-template-page-lead-magnet .page-banner-dark .container {
        padding-left: 0;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-right img {
        max-width: 500px;
    }
	.page-id-12411 .page-banner-dark .col-right img {
        max-width: 800px;
    }
}

@media only screen and (max-width: 1199px) {
    .page-template-page-schedule-call .our-work .col-left {
        width: 50%;
        padding-right: 50px;
    }

    .lead-reviews-slider .slider .col {
        width: 370px;
    }

    .lead-reviews-slider .slider .col>p {
        margin-bottom: 50px;
    }


    .lead-compliment .col-right {
        padding-right: 60px;
    }

    .page-id-828 .brand-services .container .row .col:nth-child(2) {
        display: none;
    }

    /*     .content-cards .row .col .thumbnail {
          height: 380px;
      }
   */
    .page-banner-light {
        min-height: auto;
    }

    .page-banner-dark {
        min-height: auto;
    }

    section .border-offset {
        z-index: -1 !important;
        background-color: transparent !important;
    }

    section.clipped::before {
        border-radius: 20px 23px 0 0;
    }

    .default-heading,
    .gradient-heading, .default-headingg {
        font-size: 36px;
    }

    .page-template-page-schedule-call .our-work .col-left h2 {
        font-size: 36px;
    }

    /* HEADER */
    header .nav-top>ul {
        column-gap: 40px;
    }

    /* BANNER */
    .banner-section {
        padding-block: 200px 150px;
    }

    .banner-section .banner-box {
        padding-inline: 20px;
    }

    .banner-section .bg-atoms {
        width: 100%;
        top: 60px;
        max-width: 570px;
    }

    .banner-inner .banner-box {
        gap: 145px;
    }

    .banner-inner .wrapper,
    .banner-inner .banner-box:first-child {
        margin-bottom: 90px;
    }

    .banner-inner .banner-box h1 {
        font-size: 60px;
    }

    .banner-inner .banner-box h2 {
        font-size: 40px;
    }

    .banner-inner .banner-box p {
        font-size: 26px;
    }

    .banner-inner .box,
    .default-logo-slider .box {
        width: 25%;
    }

    .banner-inner .banner-box-inner {
        max-width: 380px;
    }

    /* OUR WORK */
    .our-work .col-left ul li .thumbnail {
        padding: 12px;
        width: 45px;
        height: 45px;
        flex-basis: 45px;
    }

    .our-work .col-left {
        padding-right: 30px;
        max-width: 600px;
    }

    .our-work .col-right {
        padding-left: 30px;
    }

    .our-work .col-right .title::after {
        width: 45px;
        height: 40px;
        margin-right: 18px;
    }

    .our-work .col-right .title {
        font-size: 22px;
    }

    .our-work .col-right .caption {
        margin-bottom: 25px;
    }

    .our-work .col-left ul li span,
    .our-work .col-right .caption {
        font-size: 14px;
    }

    /* WHY US */
    .why-us .row .col .card-offset::after {
        clip-path: polygon(0 0, 57% 0, 62% 30px, 100% 30px, 100% 100%, 0 100%);
    }

    .client-info .thumbnail {
        width: 55px;
        height: 55px;
    }

    .client-info p,
    .client-info span {
        font-size: 13px;
    }

    /* growth */
    .growth-marquee .inner {
        padding-block: 30px 140px;
    }

    /* WHY US */
    .why-us .row .col .heading {
        font-size: 26px;
    }

    .why-us .row .col .thumbnail {
        margin-bottom: 20px;
    }

    .why-us .row .col {
        padding: 40px 20px 40px;
        --card-shape-height: 30px;
    }

    .why-us .row .col .heading {
        font-size: 23px;
    }

    .why-us .row {
        margin-block: 100px 80px;
    }

    .growth-marquee span {
        font-size: 80px;
    }

    /* WORK SLIDER */
    .work-slider .col {
        width: 580px;
    }

    .work-slider .col .wrapper {
        min-height: 360px;
    }

    .work-slider .col .logo {
        width: 135px;
        height: 135px;
    }

    /* CLIENTS */
    .clients-section .container-inner li {
        filter: url(#round);
        width: calc(25% - 16px);
    }

    .clients-section .col-right {
        width: auto;
    }

    .clients-section {
        padding-block: 120px 165px;
    }

    .clients-section .container-inner .thumbnail {
        min-height: 215px;
    }

    /* TAGLINE */
    .footer-cta .container-top {
        margin-bottom: 160px;
    }

    /* OUR SERVICES */
    .our-services .container-top {
        padding-bottom: 15px;
    }

    .our-services {
        padding-block: 120px 160px;
    }

    .default-accordion-list .accordion-box .acc-button h4,
    .default-accordion-list .accordion-box .acc-button .heading {
        font-size: 22px;
    }

    /* WORKS SLIDER   */
    .reviews-section .col-right .qoutes {
        right: 700px;
    }

    .reviews-section {
        padding-block: 120px 165px;
    }

    .reviews-section .col-right .col>p {
        font-size: 24px;
    }

    .reviews-section .slick-arrow {
        top: 380px;
    }

    .reviews-section .slide-count {
        top: 398px;
    }

    .reviews-section .col-right .qoutes {
        width: 50px;
    }

    /* FOOTER */
    footer .detail-row {
        margin-bottom: 90px;
        gap: 20px;
    }

    footer .detail-row .col-left {
        max-width: 420px;
        column-gap: 50px;
        row-gap: 40px;
    }

    footer .detail-row .col-right {
        gap: 30px;
    }

    footer:not(.footer-sm) {
        padding-inline: 30px;
        position: absolute;
    }

    .static-footer .footer-wrapper {
        padding-inline: 30px;
    }

    footer .copyright ul {
        gap: 15px;
    }

    footer .title-row h2 {
        font-size: 55px;
    }

    footer .title-row {
        margin-bottom: 40px;
    }

    footer .title-row h2 img {
        width: 32px;
        margin-left: 8px;
    }

    footer .detail-row .col-left h3 {
        font-size: 20px;
    }

    footer:not(.footer-sm) {
        padding-block: 55px;
    }

    .footer-cta .inner {
        min-height: 1130px;
    }

    /* ABOUT US */
    .page-banner-light .default-heading {
        font-size: 58px;
        padding-right: 0;
    }

    .page-banner-light .col-left>img {
        width: 400px;
    }

    .page-banner-light .col-right {
        padding-right: 0;
    }

    .page-banner-light {
        padding-bottom: 200px;
    }

    .overview-section {
        padding-block: 120px 36px;
    }

    .overview-section>.container {
        column-gap: 35px;
    }

    .overview-section .container .box>img {
        width: 360px;
    }

    .qoute-with-bg .container {
        padding-bottom: 80px;
    }

    .qoute-with-bg .default-heading {
        font-size: 38px;
    }

    .qoute-with-bg.qoute-with-bg1 .default-heading {
        line-height: 1;
    }

    .qoute-with-bg.qoute-with-bg1 .default-heading span {
        line-height: 1.2;
    }

    .qoute-with-bg .bg {
        width: 400px;
    }

    .qoute-with-bg2 .default-heading span {
        line-height: 1;
    }

    .company-story-section {
        padding-block: 80px 0px;
    }

    .company-story-section .col-right .box>img {
        width: 360px;
    }

    .company-story-section .col-right .box>span {
        max-width: 146px;
    }

    .company-story-section .container {
        column-gap: 35px;
    }

    .company-story-section .col-left .default-subheading {
        margin-bottom: 28px;
    }

    .qoute-with-bg.qoute-with-bg2 .container {
        padding-bottom: 125px;
    }

    .qoute-with-bg.qoute-with-bg2 .bg {
        width: 300px;
    }

    .achieve-section {
        padding-block: 120px 70px;
    }

    .achieve-section .default-heading {
        font-size: 30px;
    }

    .achieve-section .container {
        row-gap: 35px;
    }

    .achieve-section .container .row {
        gap: 15px;
    }

    .achieve-section .container .row .col {
        padding: 20px 20px 30px 20px;
        min-height: 250px;
    }

    .achieve-section .container .row h3 {
        font-size: 22px;
    }

    .tabs-with-accordion-menu {
        margin-bottom: 70px;
    }

    .tabs-with-accordion-menu nav {
        justify-content: end;
    }

    .tabs-with-accordion {
        padding-bottom: 200px;
    }

    .main-cta .inner {
        padding-block: 150px 220px;
    }

    .double-slider-section .default-col-right {
        width: 328px;
    }

    .double-slider .row .card span {
        text-align: center;
    }

    .double-slider-section {
        padding-block: 120px 200px;
    }

    .cards-with-scrolling {
        padding-block: 120px 0;
    }

    .default-cutout-cards h3 {
        font-size: 22px;
    }

    .default-cutout-cards p {
        font-size: 15px;
    }

    .cutout-stacked-cards .row .col h3 {
        font-size: 36px;
    }

    .cutout-stacked-cards .row .col .location span {
        font-size: 15px;
    }

    .cutout-stacked-cards .row .col .location {
        gap: 9px;
    }

    .cutout-stacked-cards .row .col {
        min-height: 200px;
    }

    div.clipped {
        z-index: 1;
        position: relative;
    }

    section.clipped {
        z-index: 1;
    }

    /* .qoute-with-bg.qoute-with-bg1 .default-heading span {
  display: block;
  } */

    .qoute-with-bg.qoute-with-bg1 .default-heading .line {
        padding-bottom: 0;
    }

    .qoute-with-bg .default-heading .line {
        padding-bottom: 6px;
    }

    .double-slider-section .end-card .box {
        position: relative;
        top: -20px;
    }

    /* CONTACT POPUP */
    .page-banner-light .container,
    .page-banner-dark .container {
        gap: 40px;
    }

    .page-banner-dark .gradient-heading {
        font-size: 54px;
        line-height: 1;
    }

    .page-banner-dark .col-left {
        max-width: 400px;
    }

    .page-banner-dark .gradient-heading>.line-wrapper>.line {
        padding-bottom: 6px;
    }

    .page-banner-dark .col-left img {
        margin-left: 0;
    }

    .page-banner-dark {
        padding-block: 150px 200px;
    }

    .page-banner-dark .col-right {
        max-width: 450px;
    }

    .offices-columns .container .row {
        gap: 40px;
    }

    .offices-columns .container .col h3 {
        font-size: 28px;
    }

    .offices-columns {
        padding-block: 124px 190px;
    }

    .cutout-stacked-cards-extended .row .col .card-offset::after {
        clip-path: polygon(0 0, 75% 0, 80% 60px, 100% 60px, 100% 100%, 0 100%);
    }

    .cutout-stacked-cards-extended .row .col .container {
        grid-template-columns: 1fr 2fr 190px;
    }

    .cutout-stacked-cards.end .row .col:last-child {
        min-height: 110px;
    }

    /* THANKS PAGE */
    .thanks-page .container .col-right .default-heading {
        font-size: 60px;
    }

    .thanks-page {
        padding-block: 200px 120px;
    }

    .default-iconlist li a {
        width: 50px;
        height: 50px;
        padding: 15px;
        border: 1px solid #ababab;
        border-radius: 50%;
        transition: border 0.4s;
    }

    .reachus-form {
        padding-block: 165px 200px;
    }

    .offices-accordion {
        padding-block: 164px 650px;
    }

    .offices-accordion .acc-button .title {
        font-size: 42px;
    }

    /* LOCATION PAGE  */
    .location-services {
        padding-block: 124px 200px;
    }

    .location-services .default-heading {
        font-size: 40px;
        max-width: 450px;
    }

    .page-banner-light .col-right .description {
        font-size: 15px;
    }

    .location-services .container>.default-col-right {
        width: 48%;
    }

    .location-services .col {
        width: 48%;
    }

    /* 
  .locations-inner .default-heading .line-wrapper .line {
  padding-bottom: 8px;
  } */
    .content-cards .row .col .inner h3 {
        font-size: 20px;
    }

    .content-cards .row .thumbnail ul {
        top: 20px;
        left: 20px;
    }

    .content-cards .row {
        margin-bottom: 80px;
    }

    .content-cards {
        padding-block: 160px 100px;
    }

    .blog .page-banner-dark {
        padding-top: 190px;
        padding-bottom: 200px;
    }

    .info-with-cards .default-cutout-cards {
        padding: 42px 20px 26px 20px;
    }

    .info-with-cards .default-cutout-cards .thumbnail {
        margin-bottom: 40px;
    }

    .info-with-cards .default-cutout-cards h4,
    .info-with-cards .default-cutout-cards .heading {
        font-size: 28px;
    }

    .brand-services .container .row .col h3 {
        font-size: 28px;
    }

    .brand-services .container .row {
        column-gap: 20px;
        justify-content: start;
    }

    .brand-services .container .row .col {
        width: calc(33% - 12px);
    }

    .brand-services .container .row {
        margin-top: 80px;
    }

    .scrolling-tabs .container .col-right {
        max-width: 480px;
        padding-left: 0;
        padding-bottom: 0;
    }

    .scrolling-tabs .container::after {
        right: 530px;
    }

    .scrolling-tabs .container .col-left .thumbnail {
        bottom: -215px;
        right: -75px;
        width: 280px;
    }

    /* ORBIT */
    .orbit-timeline .col-left {
        padding-right: 0;
    }

    .orbit-timeline {
        padding-block: 140px 160px;
    }

    .orbit-timeline .col-right .row p {
        font-size: 15px;
    }

    .orbit-timeline .col-right {
        width: calc(54% - 40px);
    }

    /* ----------- */
    body.portfolio .article-banner .container .col-left {
        max-width: 500px;
    }

    body.portfolio .article-banner .container .col-left .default-heading {
        font-size: 54px;
    }

    .portfolio-info>.thumbnail,
    .portfolio-info-rows,
    .portfolio-info-grid {
        margin-bottom: 100px;
    }

    .portfolio-info-about-image .col-left .inner {
        padding-right: 0;
    }

    .portfolio-info-about .col-right .default-heading,
    .portfolio-info-about-image .col-left .default-heading {
        font-size: 26px;
    }

    .portfolio-info-site-mobile .thumbnail {
        max-width: 850px;
    }

    .portfolio-info-site .title {
        top: 50px;
        left: 50px;
    }

    .careers-page .reviews-section {
        min-height: 1250px;
    }

    .perks-benefits .perks-box {
        width: calc(50% - 10px);
    }

    .perks-benefits {
        padding-block: 130px;
    }

    .orbit-timeline .col-right .attic .default-heading {
        min-height: auto;
    }

    .page-template-page-lead-magnet .page-banner-dark {
        padding: 150px 0 220px 0;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-left {
        max-width: none;
        width: 50%;
    }

    .lead-growth .col-left,
    .lead-growth .col-right,
    .page-template-page-lead-magnet .our-work.dark .col-left,
    .page-template-page-lead-magnet .our-work.dark .col-right {
        padding-top: 125px;
    }

    .footer-sm {
        position: static;
    }

    .lead-growth .container {
        gap: 50px;
    }

    .lead-growth .col-right {
        padding-left: 0;
    }

    .lead-growth .col-left {
        padding-bottom: 200px;
        padding-left: 50px;
    }

    .lead-compliment {
        padding-block: 120px 200px;
    }

    .lead-compliment .row {
        margin-top: 20px;
        margin-bottom: 0;
    }
	
	.why-us.lead-results .section-results h3 {
    	font-size: 54px;
	}
	.info-with-cards.newlead-cards .default-cutout-cards {
    	width: 31.5%;
	}

}

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

    .page-template-page-schedule-call .our-work .col-left,
    .page-template-page-lead-magnet .our-work.dark .col-left,
    .page-template-page-lead-magnet .our-work.dark .col-right {
        padding-block: 120px;
    }

    .page-template-page-schedule-call .our-work .col-right {
        padding-top: 120px;
    }

    .portfolio-banner {
        padding-block: 180px 40px;
    }

    .portfolio-thumbnail {
        padding-bottom: 20px;
    }

    .portfolio-banner .default-heading {
        font-size: 60px;
    }

    .portfolio-banner .col-right,
    .portfolio-category {
        max-width: 700px;
    }

    .portfolio-overview-goal .default-col-right h4 {
        font-size: 26px;
        line-height: 125%;
    }

    .portfolio-overview-goal .container .col-right.default-col-right {
        padding-top: 20px;
    }

    .single-portfolio .default-col-right {
        max-width: 100%;
    }

    .middle-part.service-part {
        padding-top: 50px;
    }

    .middle-part.service-part .right-part {
        float: none;
        width: 100%;
    }

    .portfolio-goal {
        padding: 40px 0px 70px 0px;
    }

    .portfolio-overview-goal .container .col-left {
        width: 100%;
    }

    .portfolio-overview-goal .container {
        display: block;
    }

    .solution-section .top-part {
        width: 100%;
    }

    section.portfolio-overview-goal .service-part {
        padding-bottom: 50px;
    }

    .solution-section .top-part .left-part {
        height: auto;
        padding-inline-end: 0 !important;
    }

    .ready-to-section {
        height: 600px;
    }

    .solution-section .top-part .left-part h3 {
        font-size: 26px;
    }

    .solution-section .right-part {
        width: 100%;
        padding-top: 40px;
    }

    .solution-section {
        padding: 0 0 70px 0;
    }

    .portfolio-deliverable .deliverable-title h2 {
        font-size: 36px;
    }

    .pd100px {
        padding-top: 40px;
        width: 100%;
    }

    .portfolio-deliverable .container {
        padding-top: 50px;
    }

    .desktop-section {
        padding-top: 40px;
    }

    .mobile-section {
        margin-top: 0;
    }

    .mobile-section .img-part {
        padding: 0 20px 0 20px !important;
    }

    .mobile-section .img-part {
        display: flex;
        padding: 50px 0px 0 0px !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .mobile-section .img-inner {
        padding-top: 50px;
    }

    .mobile-section .img-part .mobile-img-one,
    .mobile-section .img-part .mobile-img-three {
        padding-top: 0;
    }

    .postid-872 .mobile-section .img-part .mobile-img-one {
        padding-top: 0;
    }

    .desktop-section .img-inner:after,
    .mobile-section.bg-color .img-inner:before {
        height: 100%;
        clip-path: unset;
        border-radius: 15px;
    }

    /* 	.mobile-section.bg-color .img-inner:before {
  clip-path: polygon(66% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 4%, 61% 4%);
  } */

    .bg-color .img-inner {
        padding-bottom: 60px;
    }

    .gallery-section {
        padding-bottom: 30px;
    }

    .solution-section .top-part .left-part h3 {
        padding-block: 20px 20px;
    }

    .single.single-portfolio .container {
        overflow: hidden;
    }

    .two-img-sec .section-part {
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .desktop-section .img-part img,
    .mobile-section .img-part img {
        width: 100%;
    }

    .portfolio-banner .col-right,
    .portfolio-category {
        width: 100%;
        max-width: 100%;
    }

    .ready-to-grow-portfolio {
        height: 500px !important;
    }

    .mobile-section.clip-path-mobile .img-inner {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .single-portfolio .container.portfolio-container {
        padding: 0;
    }

    .portfolio-deliverable .container .col-left {
        padding-top: 0;
    }

    .two-img-sec .section-part img {
        border-radius: 15px;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-right img {
        max-width: 400px;
    }
	.page-id-12411 .page-banner-dark .col-right img {
        max-width: 750px;
    }
	
	.our-work.should-listen .col-left {
		padding-left: 25px;
	}
	.page-template-page-lead-magnet .our-work.dark .col-right, .our-work.should-listen  .col-right {
		margin: 0 auto;
    	padding-top: 0;
	}
	.why-us.lead-results .section-results h3 {
		font-size: 42px;
		line-height: 1.1;
		margin-bottom: 5px;
	}
	.why-us.lead-results .col-left {
		padding-right: 0;
		width: 100%;
	}
	.why-us.lead-results .col-right {
		width: 100%;
		max-width: inherit;
		margin-top: 50px;
	}
	.our-work.cover-call .col-left ul li {
        width: 100%;
	}
	.our-work.cover-call .col-left .open-lead-popup {
    	margin: 50px auto 20px;
		display: block;
	}
	.our-work.cover-call .button-bottom-text {
		text-align: center;
	}
	.our-work.should-listen .col-left {
		max-width: inherit;
	}
	.new-offer .our-work.should-listen .col-left ul li {
		width: 100%;
        min-width: inherit;
	}
	.our-work.offer-revenew .content h2 {
    	font-size: 54px;
	}
	.our-work.offer-revenew .book-offer {
		max-width: 250px;
		top: 476px;
		overflow: visible;
        height: auto;
	}
	.our-work.should-listen .col-right {
		padding-top: 140px !important;
	}
	.scrolling-tabs.all-customers .col-right {
		padding-right: 0px !important;
	}
	.video-outer .video-wrapper .video-detail h3 {
		font-size: 24px;
	}
	.video-outer .video-wrapper .video-content .video-icon {
		width: 57px;
		height: 57px;
	}
	.mobile-section.bg-color .portfolio-container .img-inner:after {
		display: none;
	}
	.mobile-section.bg-color .portfolio-container .img-inner {
		margin-left: 0px;
	}
}

@media (max-width: 768px) {


    .boilers.portfolio-container .image-grid,
    .row-2 {
        grid-template-columns: 1fr;
        /* Stack images vertically */
    }

    .gallery-section {
        display: none;
    }

    .mobile-gallery-section {
        display: block;
    }

    .mobile-col-one,
    .mobile-col-three,
    .mobile-col-four {
        display: flex;
        justify-content: space-between;
        gap: 9px;
    }

    .mobile-gallery-section img {
        border-radius: 15px;
    }

    .mobile-col-two {
        padding: 9px 0;
    }

    .mob-img-seven {
        padding-top: 9px;
    }

    .mob-img-six {
        margin-top: -100px;
        display: flex;
        align-items: flex-end;
    }

    .mob-img-one,
    .mob-img-two,
    .mob-img-four,
    .mob-img-five,
    .mob-img-six,
    .mob-img-seven {
        width: 50%;
    }

    .ba_layout_mobile .mob-img-six {
        margin-top: unset;
        display: unset;
        padding-top: 9px;
    }

    .ba_layout_mobile .mob-img-seven {
        margin-top: -150px;
        display: flex;
        align-items: flex-end;
        padding-top: 0;
    }


}

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

    .page-id-1312 .page-banner-dark .col-left {
        width: 35%;
    }

    .page-id-12107 .thanks-page,
    .page-template-page-thankyou-offerpages .thanks-page {
        min-height: calc(100vh - 113px);
    }

    .page-id-1312 .page-banner-dark .col-right {
        width: 380px;
    }

    .page-template-page-lead-magnet header,
    .page-template-page-schedule-call header {
        padding-block: 15px !important;
    }

    .page-template-page-schedule-call .our-work .col-left {
        max-width: unset;
        width: 100%;
    }

    .page-template-page-schedule-call .our-work .col-left ul li {
        width: calc(50% - 10px);
    }

    .page-template-page-lead-magnet .our-work.dark h2.gradient-heading,
    .page-template-page-lead-magnet .our-work.dark .col-left>p {
        max-width: 100%;
    }

    .page-template-page-schedule-call .our-work .col-left .default-heading {
        max-width: 100%;
    }

    .page-template-page-schedule-call .page-banner-dark .col-right {
        max-width: 500px;
    }

    .page-template-page-schedule-call .our-work .col-left {
        padding-right: 0;
        padding-bottom: 30px;
    }

    .page-template-page-schedule-call .our-work .col-right {
        padding-top: 0;
        width: 100%;
    }

    .lead-growth.grid .col-left,
    .lead-growth.grid .col-left h2,
    .lead-growth.grid .col-left span {
        max-width: 100%;
    }

    .our-work.bordered .col-left::after {
        display: none;
    }

    .our-work.dark .col-left {
        padding-bottom: 60px;
    }

    .lead-reviews-slider {
        padding-bottom: 150px;
    }

    .page-template-page-lead-magnet .footer-cta .inner .container {
        margin-inline: 20px;
    }

    .page-template-page-lead-magnet .footer-cta .inner p {
        font-size: 40px;
    }

    .lead-compliment .col-left {
        display: none;
    }

    .lead-popup .inner {
        padding-left: 50px;
        padding-right: 50px;
    }

    .lead-popup .inner .default-heading,
    .lead-popup .gform_title {
        padding-left: 0;
        padding-right: 0;
    }

    .page-template-page-lead-magnet header {
        padding: 22px 0;
    }

    /*     .content-cards .row .col .thumbnail {
          height: 260px;
      } */

    section.clipped {
        margin-top: -80px;
        overflow: hidden;
    }

    .work-slider .container-inner {
        margin-right: 0;
        overflow: hidden;
    }

    .single-services .work-slider {
        padding-bottom: 80px;
    }

    section.work-slider.clipped {
        overflow-x: unset;
    }

    .footer-cta .inner {
        min-height: 1200px;
    }

    section .border-offset::after,
    div.pinned>.border-offset::after,
    section .map-offset iframe {
        clip-path: polygon(0 0, 65% 0, 71% 50px, 100% 50px, 100% 100%, 0 100%);
    }

    section.inverted .border-offset::after,
    section.inverted .map-offset iframe,
    div.pinned.inverted>.border-offset::after {
        clip-path: polygon(0 100%, 0 50px, 28% 50px, 35% 0, 100% 0, 100% 100%);
    }

    /* DEFAULT */
    /* HEADER */
    header {
        padding-block: 8px;
    }

    header .container {
        margin-inline: 20px 14px;
    }

    header .default-btn {
        display: none;
    }

    header .menu-info .default-btn {
        display: inline-block;
        padding: 14px 38px;
    }

    .navbar-toggle {
        display: block;
        margin: 0;
    }

    header.popup .navbar-toggle {
        display: none !important;
    }

    header nav {
        position: absolute;
        top: 8px;
        right: 8px;
        left: 0;
        margin-left: auto;
        padding: 8px 20px 20px 20px;
        width: calc(100% - 16px);
        border-radius: 15px;
        background-color: var(--secondary-color);
        overflow: hidden;
        transition: all 0s;
        max-width: 420px;
        background-color: var(--accent-two);
        transform-origin: top right;
        opacity: 0;
        height: calc(100svh - 15px);
        overflow-y: scroll;
        visibility: hidden;
    }

    header .nav-top ul {
        padding-top: 72px;
        column-gap: 20px;
        padding-bottom: 40px;
    }

    header .nav-top>ul>li {
        padding-block: 0;
    }

    header .nav-top>ul>li .sub-menu {
        background-color: transparent;
        border: none;
        position: static;
        padding: 0;
        height: auto;
        visibility: inherit;
        display: flex;
        row-gap: 16px;
        opacity: 1;
    }

    header .nav-top>ul>li.menu-item-has-children li:last-of-type a {
        margin-bottom: 0;
        padding-bottom: 3px;
    }

    header .nav-top>ul>li.menu-item-has-children a {
        margin-bottom: 16px;
    }

    header .nav-top>ul>li .sub-menu a {
        color: #d1d1d1;
        margin-bottom: 0;
    }

    header .nav-top>ul>li>a {
        font-size: 25px;
    }

    header .nav-top>ul>li {
        transform-origin: left;
    }

    header .nav-top ul {
        flex-direction: column;
        align-items: start;
        gap: 25px;
    }

    header.active {
        padding-block: 5px;
    }

    header .menu-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 24px;
        border-top: 1px solid #5d6f61;
    }

    .nav-top .menu-item-has-children>a::after {
        display: none;
    }

    /* 	.page-template-page-aboutus .page-banner-light .default-heading .line-wrapper .line {
  padding-bottom: 13px;
  } */

    /* .page-template-page-ourlocations .page-banner-light .default-heading .line-wrapper .line {
  padding-bottom: 6px;
  } */

    /* BANNER */
    .banner-section {
        padding-block: 170px 150px;
    }

    .our-work .col-left ul li .thumbnail {
        padding: 11px;
    }

    .banner-inner .box,
    .default-logo-slider .box {
        width: 28%;
    }

    .banner-inner .banner-box {
        gap: 0;
    }

    .banner-inner .banner-box h2 {
        width: 430px;
    }

    /* OUR WORK */
    .our-work .container {
        flex-wrap: wrap;
    }

    .work-slider .col .wrapper {
        padding: 25px;
    }

    .work-slider .col.see-more p {
        font-size: 26px;
    }

    .our-work .col-left {
        max-width: 100%;
        width: 100%;
        padding-bottom: 120px;
        margin-bottom: 40px;
        padding-right: 0;
    }

    .our-work .col-left::after {
        width: 100%;
        height: 1px;
        bottom: 0;
        top: auto;
    }

    .our-work .col-left>span,
    .our-work .col-left>span:last-of-type {
        margin-bottom: 30px;
    }

    .our-work .col-left .default-heading {
        margin-bottom: 35px;
    }

    .our-work .col-left ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
        justify-content: start;
    }

    .our-work .col-left ul li {
        width: 30%;
        min-width: 260px;
    }

    .our-work .col-left ul li span,
    .our-work .col-right .caption {
        font-size: 15px;
    }

    .our-work .col-right {
        padding-bottom: 130px;
        padding-left: 0;
    }

    .client-info p {
        margin-bottom: 2px;
    }

    /* WHY US */
    .why-us .row {
        margin-block: 60px 80px;
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .why-us .row .col {
        max-width: 48%;
        width: 100%;
    }

    .why-us .col-left .default-subheading {
        margin-bottom: 30px;
        display: block;
    }

    /* GROWTH */

    .growth-marquee span {
        font-size: 70px;
    }

    .growth-marquee .inner {
        padding-block: 30px 100px;
    }

    /* WORK SLIDER */
    .work-slider .col .wrapper {
        min-height: 310px;
    }

    .work-slider .col .logo {
        width: 100px;
        height: 100px;
    }

    .work-slider .col {
        width: 400px;
    }

    .work-slider {
        padding-block: 120px 140px;
    }

    .work-slider .gradient {
        top: 65%;
    }

    .work-slider .gradient {
        width: 250px;
        height: 250px;
    }

    .work-slider .container-top {
        margin-bottom: 10px;
    }

    /* SERVICES */
    .our-services .container-top {
        flex-direction: column;
        row-gap: 25px;
        padding-bottom: 0;
    }

    .our-services .container-inner .col-left {
        width: 160px;
    }

    .our-services .container-inner .col-right {
        max-width: 70%;
    }

    .our-services {
        padding-block: 120px 140px;
    }

    /* CLIENTS */

    .clients-section .container-inner li {
        filter: url(#round);
        width: calc(33% - 11px);
    }

    .clients-section {
        padding-block: 120px 170px;
    }

    /* WORK SLIDER  */
    .reviews-section {
        padding-block: 120px 160px;
    }

    .reviews-section .container {
        flex-direction: column;
        padding-bottom: 40px;
    }

    .reviews-section .col-right .qoutes {
        display: block;
        position: static;
        margin-bottom: 24px;
    }

    .reviews-section .default-col-right {
        max-width: 100%;
    }

    .reviews-section .default-subheading {
        margin-bottom: 40px;
        display: block;
    }

    .reviews-section .slick-arrow {
        top: 100%;
        left: auto;
    }

    .reviews-section .slide-count {
        top: calc(100% + 20px);
        bottom: auto;
        left: 0;
        right: auto;
    }

    .reviews-section .slick-prev {
        right: 54px;
    }

    .reviews-section .slick-next {
        right: 0;
    }

    /* TAGLINE */
    .tagline-section .container {
        max-width: 330px;
    }

    /* FOOTER */
    footer:not(.footer-sm) {
        padding-block: 50px 30px;
    }

    footer .title-row h2 {
        font-size: 60px;
    }

    footer .detail-row {
        flex-direction: column;
    }

    footer .detail-row .col-left {
        max-width: 100%;
    }

    footer .detail-row .col-right {
        width: 100%;
        justify-content: space-between;
    }

    footer .copyright {
        flex-direction: column;
        row-gap: 15px;
    }

    /* ABOUT US PAGE  */
    .page-banner-light .col-left>img {
        width: 300px;
    }

    .page-banner-light .default-heading {
        font-size: 40px;
    }

    .page-template-page-ourlocations.page-parent .page-banner-light .default-heading {
        max-width: 250px;
    }

    .page-banner-light {
        padding-block: 100px 150px;
    }

    .overview-section .col-right .box {
        display: block;
    }

    .overview-section .col-left .box {
        display: none;
    }

    .overview-section>.container {
        flex-direction: column;
    }

    .overview-section .col-left .default-subheading {
        margin-bottom: 28px;
    }

    .default-col-right {
        max-width: 100%;
    }

    .overview-section .col-right p {
        margin-bottom: 38px;
    }

    .overview-section .col-right .box {
        width: fit-content;
    }

    .qoute-with-bg .container {
        padding-bottom: 60px;
    }

    .qoute-with-bg {
        margin-top: 60px;
    }

    .qoute-with-bg .bg {
        width: 350px;
    }

    .qoute-with-bg .container .inner {
        padding-block: 70px;
    }

    .company-story-section .container {
        flex-direction: column;
    }

    .company-story-section .col-left p {
        margin-bottom: 38px;
    }

    .company-story-section .col-right {
        width: fit-content;
        margin-right: auto;
    }

    .achieve-section .container .row {
        flex-wrap: wrap;
    }

    .achieve-section .container .row .col {
        width: calc(50% - 8px);
        flex: unset;
    }

    .achieve-section .container .row .col .card-offset::after {
        clip-path: polygon(0 0, 100% 0, 100% 90%, 62% 90%, 58% 100%, 0 100%);
    }

    .tabs-with-accordion .faq--title {
        gap: 20px;
    }

    .tabs-with-accordion {
        padding-bottom: 150px;
    }

    .main-cta .inner {
        padding-block: 120px 180px;
    }

    .tagline-section p {
        font-size: 60px;
        margin-bottom: 25px;
    }

    .tagline-section p span {
        font-size: inherit;
    }

    .main-cta .inner {
        background-size: 720px;
    }

    .double-slider-section .container {
        row-gap: 0px;
    }

    .double-slider .slick-slide {
        margin: 0 5px;
    }

    .default-white-slick-arrow {
        width: 40px;
        height: 40px;
        padding: 11px;
    }

    .double-slider-section .end-card .box {
        position: relative;
        top: -30px;
    }

    .cards-with-scrolling .container {
        flex-direction: column;
    }

    .double-slider-section {
        padding-block: 120px 130px;
    }

    .double-slider .row .card .box {
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .double-slider .row .card p {
        font-size: 16px;
    }

    .double-slider .row .card span {
        text-align: start;
        line-height: 1.2;
        font-size: 13px;
    }

    .double-slider {
        row-gap: 10px;
    }

    .cards-with-scrolling {
        padding-block: 120px 150px;
    }

    .cutout-stacked-cards .row .col .card-offset::after {
        clip-path: polygon(0 0, 62% 0, 68% 50px, 100% 50px, 100% 100%, 0 100%);
    }

    .cutout-stacked-cards .row .col h3 {
        font-size: 30px;
    }

    .cutout-stacked-cards .row .col .location {
        width: 215px;
    }

    .cutout-stacked-cards .row .col .location span {
        font-size: 14px;
    }

    .cutout-stacked-cards .row .col {
        min-height: 190px;
        padding-block: 32px;
        margin-bottom: -100px;
    }

    .cutout-stacked-cards-extended .row .col {
        margin-bottom: -75px;
    }

    .cutout-stacked-cards .row .col .location {
        margin-bottom: -100px;
    }

    .cutout-stacked-cards .row .col:last-child {
        padding-bottom: 135px;
    }

    .cards-with-scrolling .container {
        max-height: unset;
    }

    /* CONTACT POPUP */
    .page-banner-dark .gradient-heading {
        font-size: 44px;
    }

    .page-banner-dark {
        padding-block: 120px 160px;
    }

    .cutout-stacked-cards.end .row .col:last-child {
        min-height: 200px;
    }

    .offices-columns {
        padding-block: 120px 150px;
    }

    .offices-columns .container .row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .cutout-stacked-cards.end .row .col:last-child {
        padding-bottom: 100px;
        /* 		min-height: auto; */
    }

    .cutout-stacked-cards-extended .row .col .container {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .page-banner-dark .gradient-1 {
        right: 50px;
        opacity: 0.3;
        top: -130px;
        width: 300px;
        height: 300px;
    }

    /* THANKS PAGE */
    .thanks-page .container {
        flex-direction: column;
        gap: 30px;
    }

    .default-iconlist {
        width: fit-content;
    }

    .thanks-page {
        padding-block: 120px 120px;
    }

    .thanks-page .default-subheading {
        margin-bottom: 30px;
    }

    /* 	.policy-pages header .nav-top>ul>li>a, */
    body.page-template-page-thankyou header .nav-top>ul>li>a,
    body.single:not(.single-services) header .nav-top>ul>li>a,
    body.portfolio header .nav-top>ul>li>a {
        color: #fff;
    }

    [data-testid="policy-loading-spinner"] {
        display: none !important;
    }

    /* 	.policy-pages header .navbar-toggle div, */
    body.page-template-page-thankyou header .navbar-toggle div,
    body.single:not(.single-services) header .navbar-toggle div,
    body.portfolio header .navbar-toggle div {
        border-top: 1.5px solid #111110;
    }

    /* 	.policy-pages header .navbar-toggle.on div, */
    body.page-template-page-thankyou header .navbar-toggle.on div,
    body.single:not(.single-services) header .navbar-toggle.on div,
    body.portfolio header .navbar-toggle.on div {
        border-top: 1.5px solid #fff;
    }

    .thanks-page .container .col-right .default-heading {
        max-width: 500px;
    }

    /* REACH US FORM */
    .reachus-form .col-right .title {
        font-size: 14px;
        color: #111110;
        text-transform: uppercase;
        display: block;
    }

    .reachus-form .container {
        flex-direction: column;
    }

    .reachus-form .container .col-left .title:not(:last-child) {
        padding-bottom: 40px;
    }

    .reachus-form .gfield_checkbox {
        margin-bottom: 30px;
    }

    .reachus-form form .gform_footer {
        margin-top: 50px;
    }

    .reachus-form .container .col-left .title:last-child {
        display: none;
    }

    .reachus-form {
        padding-block: 125px 150px;
    }

    /* LIGHT */
    .page-banner-light .gradient-1 {
        right: 0px;
        width: 400px;
        height: 400px;
    }

    .offices-accordion {
        padding-block: 124px 780px;
    }

    .offices-accordion .acc-button .title {
        font-size: 38px;
    }

    .offices-accordion .acc-button .default-col-right {
        width: 428px;
    }

    /* LOCATION PAGE */
    .location-services .default-heading {
        font-size: 34px;
    }

    .location-services {
        padding-block: 124px 150px;
    }

    /* .static-footer .page-banner-light .default-heading .line {
  padding-bottom: 6px;
  } */

    .page-banner-light .col-right .description {
        font-size: 14px;
    }

    .page-banner-dark .gradient-heading span {
        line-height: 1.2;
    }

    .page-banner-dark .gradient-heading span .line {
        padding-bottom: 0;
    }

    .careers-page .qoute-with-bg .container {
        padding-bottom: 160px;
    }

    .page-banner-dark .col-right {
        max-width: 330px;
    }

    .blog .page-banner-dark {
        padding-top: 150px;
    }

    .blog .page-banner-dark .gradient-heading {
        line-height: 1.3;
    }

    .blog .page-banner-dark .gradient-heading span {
        line-height: 1.3;
    }

    .blog .page-banner-dark .col-right .gradient-heading {
        margin-bottom: 10px;
    }

    .content-cards .row .col .inner h3 {
        font-size: 18px;
    }

    .content-cards .row {
        row-gap: 40px;
        margin-bottom: 50px;
    }

    .our-work-page .page-banner-dark .gradient-heading {
        margin-bottom: 10px;
    }

    .content-cards {
        padding-block: 130px 100px;
    }

    .content-cards .row .thumbnail ul li {
        padding: 8px 13px;
    }

    .content-cards .col .mouse-follower {
        display: none;
    }

    .our-work-page .content-cards {
        padding-bottom: 140px;
    }

    /* ARTICLE */
    .article-banner {
        padding-block: 150px 30px;
    }

    .article-banner .container .col-left .default-heading {
        font-size: 32px;
    }

    .article-info>.thumbnail {
        margin-bottom: 40px;
    }

    .article-info .container>p:first-child {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .article-info .container h2 {
        font-size: 28px;
        margin-bottom: 16px;
        margin-top: 28px;
    }

    .article-info .container li:has(h2) {
        font-size: 28px;
    }

    .article-info .container h3 {
        font-size: 24px;
        margin-bottom: 16px;
        margin-top: 28px;
    }

    .article-info .container li:has(h3) {
        font-size: 24px;
    }

    .article-info .container h4 {
        font-size: 20px;
        margin-bottom: 16px;
        margin-top: 28px;
    }

    .article-info .container li:has(h4) {
        font-size: 20px;
    }

    .article-info .container h5 {
        font-size: 18px;
        margin-bottom: 16px;
        margin-top: 28px;
    }

    .article-info .container li:has(h5) {
        font-size: 18px;
    }

    .article-info .container h6 {
        font-size: 14px;
        margin-bottom: 16px;
        margin-top: 28px;
    }

    .article-info .container li:has(h6) {
        font-size: 14px;
    }

    .article-info .container p {
        margin-bottom: 12px;
    }

    .article-info .container img {
        margin-bottom: 40px;
    }

    .article-info .container figure:has(> figure) {
        margin-bottom: 40px;
    }

    .article-business-card {
        max-width: 720px;
        margin-top: 20px;
        padding-inline: 20px;
    }

    .article-business-card .thumbnail {
        min-height: 385px;
    }

    .article-business-card p {
        font-size: 50px;
        max-width: 260px;
    }

    .article-business-card .box {
        margin-bottom: 60px;
        margin-left: 50px;
    }

    .page-template-page-brand-services .page-banner-dark,
    .single-services .page-banner-dark {
        padding-bottom: 100px;
    }

    /* INFO WITH CARDS */
    .info-with-cards .container {
        flex-direction: column;
    }

    .info-with-cards .default-subheading {
        margin-bottom: 30px;
    }

    .info-with-cards .container .row {
        flex-wrap: wrap;
    }

    .info-with-cards .container .row .col {
        width: calc(50% - 10px);
    }

    .info-with-cards .default-cutout-cards h4,
    .info-with-cards .default-cutout-cards .heading {
        font-size: 26px;
    }

    .info-with-cards {
        padding-block: 120px 160px;
    }

    .brand-services .container .row .col {
        width: calc(50% - 20px);
    }

    .brand-services {
        padding-block: 120px 160px;
    }

    .brand-services .container .row .col h3 {
        max-width: 100%;
        min-height: auto;
    }

    .faqs-with-accordion {
        padding-block: 120px 160px;
    }

    .faqs-with-accordion .container {
        flex-direction: column;
    }

    .reachus-card>img {
        width: 70%;
    }

    .brand-services .container .row .col p {
        font-size: 15px;
        min-height: auto;
    }

    /* BRAND BUILDING  */

    .single-services .page-banner-dark {
        padding-top: 150px;
    }

    /* SERVICES OVERVIEW */
    .services-overview {
        padding: 120px 0 160px 0;
    }

    .services-overview .default-col-right {
        width: 60%;
    }

    /* SCROLLING TAB  */
    .scrolling-tabs .container {
        padding-block: 120px 160px;
    }

    .scrolling-tabs .container .col-left {
        display: none;
    }

    .scrolling-tabs .container::after {
        display: none;
    }

    .scrolling-tabs .container .col-right {
        max-width: 100%;
    }

    .scrolling-tabs .container .col-right .box:not(:last-child) {
        min-height: auto;
        padding-bottom: 50px;
    }

    .scrolling-tabs .container .col-left {
        display: none;
    }

    .scrolling-tabs .container .col-right p {
        margin-bottom: 13px;
    }

    .scrolling-tabs .col-right .box .btn {
        display: flex;
        padding-top: 10px;
    }

    .scrolling-tabs .box p:not(:first-of-type) {
        display: none;
    }

    .scrolling-tabs .btn img {
        transition: transform 0.3s ease;
    }

    .services-overview {
        padding: 120px 0 160px 0;
    }

    .gradient-tabs {
        padding: 120px 0 160px 0;
    }

    .gradient-tabs .col-right .gradient-heading {
        margin-bottom: 60px;
    }

    /* ORBIT */
    .orbit-timeline .col-left {
        display: none;
    }

    .orbit-timeline .border-offset::after {
        background: #fff;
    }

    .orbit-timeline .container-fluid {
        margin-inline: 20px;
        width: calc(100% - 40px);
    }

    .orbit-timeline .slick-next {
        right: 0;
    }

    .orbit-timeline .slick-prev {
        right: 54px;
    }

    .orbit-timeline .col-right {
        width: 100%;
    }

    .orbit-timeline .col-right .attic {
        max-width: 100%;
    }

    .orbit-timeline {
        padding-block: 120px 160px;
    }

    /* -----------  */
    body.portfolio .article-banner .container .col-left .default-heading,
    body.portfolio .article-banner .container .col-left {
        width: fit-content;
    }

    body.portfolio .article-banner .container .col-left .default-heading {
        font-size: 48px;
        margin-bottom: 30px;
    }

    .article-banner {
        padding-block: 130px 30px;
    }

    .portfolio-info>.thumbnail,
    .portfolio-info-rows,
    .portfolio-info-grid,
    .portfolio-info-cover,
    .portfolio-info-cover-duel {
        margin-bottom: 80px;
    }

    .portfolio-info-about .container {
        flex-direction: column;
        gap: 20px;
    }

    .portfolio-info-rows .box {
        padding: 30px 0;
    }

    .portfolio-info-about-image .container {
        padding-bottom: 80px;
        margin-bottom: 80px;
    }

    .portfolio-info-about-image .container {
        flex-direction: column;
        align-items: start;
    }

    .portfolio-info-about-image .col-left {
        width: 100%;
    }

    .portfolio-info-about-image .col-left .inner {
        max-width: 100%;
    }

    .portfolio-info-about-image .col-left .default-subheading {
        margin-bottom: 20px;
    }

    .portfolio-info-about-image .col-right {
        width: calc(70% - 20px);
    }

    .portfolio-info-site {
        padding: 140px 0 160px;
    }

    .portfolio-info-site .title {
        top: 35px;
        left: 35px;
    }

    .portfolio-info-site-desktop .thumbnail {
        max-width: 600px;
    }

    .portfolio-info-site:not(:last-of-type) .border-offset::after {
        clip-path: polygon(0 0,
                100% 0,
                100% calc(100% - 40px),
                72% calc(100% - 40px),
                67% 100%,
                0 100%);
    }

    .portfolio-info-site:last-of-type .border-offset::after {
        clip-path: polygon(0 40px,
                calc(67% + 3px) 40px,
                calc(72% + 3px) 0,
                100% 0,
                100% 100%,
                0 100%);
    }

    .portfolio-info-site-mobile .thumbnail {
        max-width: 600px;
    }

    .portfolio-info-site:last-of-type {
        padding-bottom: 180px;
    }

    .portfolio-info-grid .container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 200px 100px 100px 200px;
        gap: 15px;
    }

    .portfolio-info-grid .container .box img {
        border-radius: 15px;
    }

    .portfolio-info-grid .container .box:nth-child(1) {
        grid-area: 1 / 1 / 2 / 2;
    }

    .portfolio-info-grid .container .box:nth-child(2) {
        grid-area: 1 / 2 / 2 / 3;
    }

    .portfolio-info-grid .container .box:nth-child(3) {
        grid-area: 2 / 1 / 4 / 2;
    }

    .portfolio-info-grid .container .box:nth-child(5) {
        grid-area: 2 / 2 / 4 / 3;
    }

    .portfolio-info-grid .container .box:nth-child(4) {
        grid-area: 4 / 1 / 5 / 3;
    }

    .portfolio-info-grid .container .box:nth-child(6) {
        grid-area: 1 / 3 / 3 / 4;
    }

    .portfolio-info-grid .container .box:nth-child(7) {
        grid-area: 3 / 3 / 5 / 4;
    }

    .careers-page .reviews-section {
        min-height: 1550px;
    }

    .perks-benefits .perks-box {
        width: 100%;
    }

    .perks-benefits .container {
        flex-direction: column;
        gap: 0;
    }

    .perks-benefits {
        padding-block: 100px;
    }

    .perks-ops .default-subheading {
        margin-bottom: 24px;
    }

    .perks-ops .container {
        flex-direction: column;
        padding-bottom: 150px;
    }

    .perks-ops nav {
        max-width: 600px;
    }

    .perks-ops .container .row .box {
        flex-direction: column;
    }

    .perks-ops .container .row .box {
        padding-top: 20px;
    }

    .perks-ops .container .row .box .col-right-inner .box-inner:not(:last-child) {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .perks-benefits .col-right {
        row-gap: 24px;
    }

    .perks-ops .container .row .box .col-right-inner .box-inner h3,
    .perks-box .title {
        font-size: 22px;
    }

    .careers-inner .overview-section,
    .careers-inner .portfolio-info-rows {
        padding-bottom: 150px;
    }

    .careers-inner .portfolio-info-rows .default-heading {
        margin-left: 0;
    }

    .careers-inner .portfolio-info-rows .box .default-col-right {
        flex-direction: column;
        align-items: start;
        gap: 16px;
    }

    .portfolio-info-rows .box {
        padding: 20px 0;
    }

    .careers-inner .portfolio-info-rows {
        padding-top: 40px;
        margin-bottom: 0;
    }

    .careers-inner .portfolio-info-rows .default-heading,
    .careers-inner .overview-section .default-heading {
        margin-bottom: 20px;
    }

    .careers-inner .overview-section:not(.clipped):not(:first-child) {
        padding-top: 2px;
    }

    .careers-inner .portfolio-info-rows .box .default-col-right .caption {
        max-width: 100%;
    }

    .single-services .page-banner-dark .container {
        min-height: 380px;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-right img {
        max-width: 350px;
    }
	
	.page-id-12411 .page-banner-dark .col-right img {
        max-width: 570px;
		top: 15%;
    }

    .lead-growth .container {
        flex-direction: column-reverse;
    }

    .lead-growth .col-left {
        padding-left: 0;
        padding-top: 0;

    }

    .lead-growth .col-left ul {
        flex-direction: column;
    }

    .lead-growth .col-left ul li {
        width: 100%;
        max-width: none;
    }

    .lead-growth .col-left::after {
        display: none;
    }

    .lead-growth .col-right {
        padding-bottom: 0;
    }

    .footer-sm {
        padding: 45px 0;
    }

    .footer-sm.footer-sm-v2 .container {
        padding: 45px;
    }


    .lead-compliment .row .user-reviews-box {
        width: calc(50% - 10px);
    }

    .lead-compliment {
        padding-block: 120px 150px;
    }

    .lead-compliment .row {
        margin-top: 0px;
        margin-bottom: 0;
    }

    .faqs-with-accordion.light .gradient {
        top: 20%;
    }
	
	.new-thankyou .newlead-hero .col-right {
		width: 48% !important;
	}
	.new-thankyou .col-right .video-content h3 {
    	font-size: 32px;
	}
	.deposit-page .our-work.after-pay .col-left ul li {
        width: 100%;
	}
	.deposit-page .page-banner-dark::after {
		width: 500px;
		height: 500px;
	}
	.deposit-page .our-work.thankyou-pinpoint .col-right, .deposit-page .should-listen.after-pay .col-right {
    	padding-top: 0px !important;
	}
	.deposit-page .our-work.thankyou-pinpoint .col-left {
		padding-bottom: 0px;
	}
	
	.new-thankyou .our-work.thankyou-pinpoint .col-left, .new-offer .lead-growth.new-lead .col-left ul, .new-lead .our-work.cover-call .col-left  {
    	padding-right: 0;
	}
	.new-thankyou .our-work.thankyou-pinpoint .col-left ul li {
        width: 47%;
	}
}

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

    .page-template-page-lead-magnet .page-banner-dark .col-right img.mobile-only {
        display: block;
        translate: none;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-right img:not(.mobile-only) {
        display: none;
    }

    .our-work.dark h2.gradient-heading {
        font-size: 32px;
    }

    .lead-reviews-slider {
        padding-bottom: 120px;
    }

    .footer-cta-sm .inner {
        background-size: cover !important;
    }

    .lead-compliment .row .user-reviews-box {
        width: 100%;
    }

    .lead-compliment .row {
        row-gap: 25px;
    }

    .lead-compliment .available-box {
        margin-bottom: 20px;
    }

    .lead-compliment .col-right {
        padding-right: 0px;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-left {
        width: 100%;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-right img {
        /*      bottom: -100px;
        top: unset;
        z-index: -1; */
        position: static;
        translate: 20px 0;
    }

    .page-template-page-lead-magnet .page-banner-dark .container {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .page-template-page-lead-magnet .page-banner-dark {
        padding: 150px 0 120px 0;
    }

    .page-template-page-financial-disclaimer .policy-pages .site-main {
        padding-top: 100px;
    }

    .reachus-form .my-gform_heading .my-gform_title {
        font-size: 32px;
        margin-bottom: 48px;
    }

    .tabs-with-accordion-content-container .faq--title .default-col-right .box {
        max-width: 220px;
    }

    .clients-section .container-inner li.btn {
        min-height: 110px;
        margin: auto;
    }

    .tabs-with-accordion-content-container .faq--title .default-col-right {
        min-width: 450px;
        gap: 30px;
    }

    .growth-marquee {
        margin-top: 0;
    }

    .perks-benefits .gradient {
        display: none;
    }

    .perks-box .inner {
        margin-top: 14px;
    }

    .tagline-section p {
        margin-bottom: 30px;
    }

    .careers-page .reviews-section {
        min-height: 2250px;
    }

    /* section .border-offset::after {
  clip-path: polygon(0 0, 65% 0, 71% 50px, 100% 50px, 100% 100%, 0 100%);
  }
  section.inverted .border-offset::after {
  clip-path: polygon(0 100%, 0 50px, 28% 50px, 35% 0, 100% 0, 100% 100%);
  } */

    .perks-ops .container .row .box .col-right-inner .box-inner a {
        flex-direction: column;
        align-items: start;
        gap: 12px;
    }

    .perks-ops .container .row .box .col-right-inner .box-inner {
        position: relative;
    }

    .perks-ops .container .row .box .col-right-inner .box-inner h3,
    .perks-box .title {
        width: calc(100% - 35px);
        line-height: 1.3;
        font-size: 24px;
    }

    .perks-ops .container .row .box .col-right-inner .box-inner .remote span {
        font-size: 12px;
    }

    .perks-ops nav {
        margin-bottom: 40px;
    }

    .perks-ops .container .row .box .col-right-inner .box-inner:not(:last-child) {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .perks-benefits {
        padding-bottom: 120px;
    }

    .perks-box p {
        font-size: 14px;
    }

    .perks-box {
        gap: 20px;
    }

    .banner-inner .banner-box h1 {
        width: 580px;
        font-size: 50px;
    }

    .work-slider .container-top {
        flex-direction: column;
        row-gap: 20px;
        margin-bottom: 0;
    }

    /* SERVICES */
    .container-inner {
        position: relative;
    }

    .our-services .container-inner .col-left {
        position: absolute;
        right: 0;
        width: 80px;
    }

    .our-services .container-inner .col-right {
        max-width: 100%;
    }

    .our-services .container-top,
    .default-accordion-list .accordion-box:not(:last-of-type),
    .our-services .container-inner .box {
        border-color: #d1d1d1;
    }

    .our-services .container-inner .col-right h3 {
        font-size: 24px;
        padding-block: 24px 51px;
        color: #828282;
        margin-bottom: 0;
        border-bottom: 1px solid #d1d1d1;
    }

    .our-services .container-inner .box {
        margin-top: 20px;
    }

    .default-accordion-list .accordion-box .acc-button h4,
    .default-accordion-list .accordion-box .acc-button .heading {
        color: #111110;
    }

    .gradient-tabs .default-accordion-list .accordion-box .acc-button h4,
    .gradient-tabs .default-accordion-list .accordion-box .acc-button .heading {
        color: #fff;
    }

    .default-accordion-list .accordion-box .acc-button .open img {
        filter: contrast(0.1);
    }

    .default-accordion-list .accordion-box .acc-button .open {
        opacity: 1;
    }

    .default-accordion-list .accordion-box .acc-button {
        padding-block: 22px 12px;
    }

    .default-accordion-list .accordion-box .panel a {
        padding-bottom: 12px;
    }

    .default-accordion-list .accordion-box {
        padding-block: 0px 10px;
    }

    .default-accordion-list .accordion-box .acc-button h4,
    .default-accordion-list .accordion-box .acc-button .heading {
        font-size: 20px;
    }

    .default-accordion-list .accordion-box p {
        font-size: 14px;
    }

    /* CLIENTS */
    .clients-section .container-inner li {
        width: calc(50% - 10px);
    }

    /* WORK SLIDER */
    .banner-inner .box,
    .default-logo-slider .box {
        width: 34%;
    }

    /* FOOTER */
    footer:not(.footer-sm) {
        padding-block: 60px 30px;
        padding-inline: 12px;
        margin-inline: 8px;
        border-radius: 15px;
    }

    footer .title-row h2 {
        align-items: end;
    }

    footer .title-row h2 img {
        width: 28px;
        margin-left: 2px;
    }

    footer .title-row {
        flex-direction: column;
        align-items: start;
        padding-bottom: 40px;
        border-bottom: 1px solid #c4cc6d;
        margin-bottom: 40px;
    }

    footer .title-row h2 {
        font-size: 48px;
        margin-bottom: 16px;
    }

    footer .detail-row {
        flex-direction: column-reverse;
        gap: 0;
    }

    footer .detail-row .col-left {
        max-width: 100%;
        gap: 24px;
    }

    footer .detail-row .col-right .detail-col {
        width: 45%;
    }

    footer .detail-row .col-left h3 {
        margin-bottom: 20px;
    }

    footer .detail-row .col-right {
        flex-wrap: wrap;
        padding-bottom: 40px;
        border-bottom: 1px solid #c4cc6d;
        margin-bottom: 40px;
    }

    footer .copyright {
        flex-direction: column;
        row-gap: 15px;
        max-width: 330px;
        margin: 0 auto;
    }

    footer .detail-row {
        border-bottom: 1px solid #c4cc6d;
        margin-bottom: 24px;
        padding-bottom: 40px;
    }

    footer .copyright ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    footer .copyright ul li {
        width: fit-content;
    }

    footer:not(.footer-sm) {
        width: calc(100% - 16px);
        bottom: 8px;
    }

    .footer-cta .inner {
        min-height: 1785px;
    }

    footer .detail-row .col-left .detail-col {
        width: 100%;
    }

    footer .detail-row .col-right .detail-col h3 {
        margin-bottom: 24px;
    }

    footer .detail-row .col-right .detail-col ul li:not(:last-child) a {
        margin-bottom: 14px;
    }

    footer .copyright ul {
        gap: 12px;
    }

    footer .copyright {
        row-gap: 12px;
    }

    /* ---------- */

    .offices-accordion {
        padding-block: 124px 1420px;
    }

    .offices-accordion .acc-button .title {
        font-size: 35px;
    }

    .offices-accordion .default-subheading {
        margin-top: 8px;
    }

    /* ARTICLE  */
    .article-banner .container .col-left .default-heading {
        font-size: 28px;
    }

    .article-banner {
        padding-block: 120px 0px;
    }

    .article-info .container h2 {
        margin-bottom: 15px;
    }

    .article-business-card p {
        font-size: 45px;
        max-width: 245px;
        margin-bottom: 30px;
    }

    .article-business-card p img {
        width: 30px;
        height: 30px;
        margin-left: 10px;
    }

    .article-business-card .box {
        margin-bottom: 90px;
        margin-left: 40px;
    }

    /* BRAND BUILDING */
    .single-services .page-banner-dark {
        padding-bottom: 85px;
    }

    .single-services .reviews-section {
        padding-top: 50px;
    }

    footer .detail-row .col-right .detail-col ul li a {
        line-height: 1.3;
    }

    /* ------- */
    body.portfolio .article-banner .container .col-left .default-heading {
        font-size: 40px;
    }

    body.portfolio .article-banner .container .col-left .default-heading,
    body.portfolio .article-banner .container .col-left {
        width: 100%;
    }

    body.portfolio .article-banner .container .col-left {
        max-width: 275px;
    }

    body.portfolio .article-banner .container .col-left .default-heading {
        margin-bottom: 40px;
    }

    .portfolio-info-site-desktop .thumbnail,
    .portfolio-info-site-mobile .thumbnail {
        max-width: 500px;
    }

    /* portfolio responsive */

    .portfolio-banner .container {
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .portfolio-banner .container .col-right {
        width: 100%;
        padding-bottom: 25px;
    }

    .portfolio-banner .default-heading {
        font-size: 48px;
        max-width: 100%;
    }

    .portfolio-banner .col-left {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    .portfolio-overview-goal .service-part {
        padding-bottom: 30px;
    }

    .portfolio-category {
        max-width: 360px;
    }

    .portfolio-thumbnail {
        padding: 0;
    }

    .middle-part.service-part {
        padding-top: 40px;
    }

    .portfolio-overview-goal .default-col-right h4 .line-wrapper div,
    .solution-section .top-part .left-part h3 .line-wrapper div {
        display: inline !important;
        vertical-align: bottom;
    }

    .portfolio-overview-goal .default-col-right h4,
    .solution-section .top-part .left-part h3 {
        font-size: 24px;
        line-height: 116.667%;
    }

    .portfolio-goal .portfolio-goal-sub-description p {
        font-size: 14px;
    }

    .service-part ul li {
        padding-block: 20px;
    }

    .middle-part.service-part .founder-col {
        width: 100%;
        max-width: 150px;
    }

    .founder-info-col p {
        font-size: 16px;
    }

    section.portfolio-overview-goal .service-part {
        padding-bottom: 0px;
    }

    .solution-section .container {
        display: flex;
        flex-direction: column-reverse;
    }

    .solution-section .right-part {
        padding-top: 0;
    }

    .portfolio-deliverable .container {
        padding-top: 72px;
		padding-bottom: 27px;
    }

    .solution-section .top-part {
        padding-top: 70px;
    }

    .gallery-section .gallery-part,
    .gallery-section .gallery-part .top-part {
        flex-wrap: wrap;
        justify-content: center;
    }

    .portfolio-goal {
        padding: 72px 0px 40px 0px;
    }

    .portfolio-deliverable .deliverable-title h2 {
        font-size: 26px;
        padding-bottom: 15px;
    }

    .gallery-section {
        padding-bottom: 20px;
    }

    .pd100px {
        padding-top: 15px;
    }
	.single-portfolio .two-img-sec {
    	margin-bottom: 0 !important;
	}

    .bg-color .img-inner {
        padding: 30px 30px 30px 30px;
    }

    .desktop-section .container .img-part,
    .mobile-section .container .img-part {
        padding-top: 40px;
    }

    .whole-portfolio-img {
        padding-top: 15px;
    }

    .desktop-section .img-part img {
        width: 100%;
    }

    .mobile-section.bg-color .img-inner:before {
        clip-path: unset !important;
		top: 0px !important;
    }

    .desktop-section .img-inner:after {
        clip-path: unset;
        height: 100%;
    }

    .portfolio-deliverable .deliverable-title h2 {
        font-size: 32px;
    }

    .solution-section .top-part .left-part p,
    .portfolio-deliverable .deliverable-sub-description p {
        font-size: 14px;
    }

    .portfolio-banner {
        padding-block: 120px 30px;
    }

    .mobile-section .container .img-part {
        padding-top: 20px !important;
    }

    .portfolio-overview-goal .default-col-right h4 .line-wrapper div,
    .solution-section .top-part .left-part h3 .line-wrapper div {
        display: inline !important;
    }

    .portfolio-overview-goal .default-col-right h4 .line-wrapper,
    .solution-section .top-part .left-part h3 .line-wrapper {
        display: inline !important;
    }

    .mobile-section .img-part .mobile-img-one,
    .mobile-section .img-part .mobile-img-three {
        padding-top: 30px;
    }

    .desktop-section {
        padding-top: 20px;
    }

    .ready-to-grow-portfolio {
        height: 450px !important;
    }

    .mobile-section.clip-path-mobile .img-inner {
        padding-bottom: 50px;
        margin-bottom: 0;
    }

    .layout-two {
        flex-wrap: wrap;
        justify-content: center;
    }

    .fourth-img,
    .sixth-img {
        padding-top: 20px;
    }

    .portfolio-category {
        padding-top: 0;
    }

    .portfolio-container .img-part>div {
        width: 33.33%;
    }

    .mobile-section {
        margin-top: 0;
        padding-top: 10px;
    }

    .mobile-section .portfolio-container .img-part img {
        width: 80px;
    }

    .mobile-section .portfolio-container .img-part {
        flex-wrap: nowrap;
        gap: 15px;
    }

    .postid-872 .mobile-section .img-part .mobile-img-one {
        padding-top: 40px;
    }

    .bg-color .top-part h6 {
        padding: 7px 15px;
        font-size: 10px;
    }

    .footer-sm {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }

    .footer-sm.footer-sm-v2 .container {
        margin-left: auto;
        margin-right: auto;
        border-radius: 20px;
        width: calc(100% - 40px);
    }

    .lead-growth .col-left h2.default-heading {
        font-size: 34px;
    }

    .lead-growth .col-left {
        padding-top: 0;
    }

    .lead-growth .col-right {
        padding-top: 80px;
    }
	
	.why-us.lead-results .section-results .result-item {
		min-height: 150px;
	}
	.page-template-page-lead-magnet.page-id-12260 .cover-call .qoute-with-bg .inner {
    	padding-block: 100px 0px;
	}
	.page-template-page-lead-magnet.page-id-12260 .qoute-with-bg .inner {
    	padding-block: 100px 100px;
	}
	.lead-growth.new-lead .col-left {
    	padding-bottom: 30px;
	}
	 .our-work.should-listen .col-left {
        padding-left: 0;
    }
	.our-work.should-listen .col-right {
    	padding-right: 0;
	}
	.our-work.offer-revenew .content h2 {
        font-size: 28px;
    }
	.our-work.offer-revenew .book-offer {
        max-width: 215px;
	}
	.our-work.all-customers .border-offset, .our-work.should-listen .border-offset {
		margin-top: -20px;
	}
	 .our-work.should-listen .col-right, .our-work.thankyou-pinpoint .col-right {
        padding-top: 0px !important;
        padding-bottom: 100px !important;
    }
	.deposit-page .page-banner-dark::after {
		display: none;
	}
	.deposit-page .bottom-items, .new-lead .bottom-items {
		flex-wrap: wrap;
	}
	.deposit-page .our-work.after-pay .col-left ul li .thumbnail {
		margin-right: 15px;
	}
	.new-thankyou .newlead-hero .col-right {
		display: block;
        position: static;
        width: 100% !important;
        height: 372px !important;
		margin-top: 20px;	
	}
	.new-thankyou .col-right .video-wrapper {
		position: relative;
	}
	.new-thankyou .col-right .video-content {
    	position: absolute;
    	top: 48%;
	}
	.new-thankyou .col-right .video-content img {
		display: block !important;
		position: absolute;
		top: -90px;
		max-width: inherit !important;
		translate: none;
		width: 44px;
		
	}
	.new-thankyou .col-right .video-content h3 {
        font-size: 24px;
    }
	.new-thankyou .page-banner-dark, .newlead-hero.page-banner-dark {
    	padding: 150px 0 100px !important;
	}
	.new-thankyou .default-logo-slider.new {
		margin-top: 0;
	}
	.newlead-hero .page-banner-dark .col-right {
		max-width: 330px;
		width: 100%;
		margin: 0 auto;
	}
	.newlead-hero.page-banner-dark .col-right img {
		display: none;
	}
	.newlead-hero.page-banner-dark .col-right img.mobile-image {
		display: block !important;
		translate: 0px;
	}
	.new-offer .our-work.offer-cover-call .col-left {
    	padding-right: 0;
	}
	.why-us.lead-results .section-results h3 {
		font-size: 40px;
	}
	.why-us.lead-results .section-results span {
    	font-size: 12px;
	}
	.new-offer .bottom-items, .new-lead .bottom-items, .deposit-page .bottom-items, .new-lead .bottom-items {
		flex-wrap: wrap;
	}
	.scrolling-tabs.all-customers .container {
		padding-top: 100px !important;
	}
	.scrolling-tabs.all-customers .container .step-content, .scrolling-tabs.all-customers .step-item {
    	padding-bottom: 30px !important;
	}
	.scrolling-tabs.all-customers .col-right ul li span span, .scrolling-tabs.all-customers .default-heading span {
    	display: inline;
	}
	.scrolling-tabs.all-customers .col-right {
		padding-bottom: 0px !important;
	}
	.scrolling-tabs.all-customers .col-left, .scrolling-tabs.all-customers .col-right, .our-work.deposit-pinpoint .col-right::after {
		display: none !important;
	}
	.for-mobile .tablist, .scrolling-tabs.all-customers .mobile-only {
		display: block !important;	
	}
	.for-mobile .tablist li {
		display: block !important;
		opacity: 1 !important;
	}
	.scrolling-tabs.all-customers .default-heading {
		font-size: 32px !important;
	}
	.scrolling-tabs.all-customers h2.gradient-heading {
		font-size: 24px !important;
	}
	.scrolling-tabs.all-customers h2.gradient-heading div {
		color: #fff !important;
	}
	.scrolling-tabs.all-customers .col-left img {
		margin-bottom: 50px !important;
	}
	.scrolling-tabs.all-customers .mobile-only ul li span::before {
		background: url(/wp-content/uploads/2025/04/tickicon.png) no-repeat !important;
		background-size: contain !important;
		width: 53px;
		height: 53px;
		position: absolute;
		left: 0px;
		top: 0px;
		content: "";
	}
	.our-work.offer-revenew>.container {
		padding-bottom: 280px !important;
	}
	.our-work.offer-revenew .book-offer {
        max-width: 305px;
		top: 520px;
    }
	.page-banner-dark.newlead-hero .default-logo-slider.new {
		margin-top: 58px;
	}
	.new-lead .page-banner-dark .col-right img {
		display: block !important;
		padding: 0px !important;
		margin: 30px 0 10px !important;
	}
	
	.deposit-page .page-banner-dark::before {
		background: url(/wp-content/uploads/2024/07/Black-118-@designrip@2x.png) no-repeat center top;
        background-size: cover;
        position: absolute;
        content: "";
        max-width: 440px;
        height: 410px;
        width: 100%;
        bottom: 0;
        right: -120px;
        z-index: 0;
        top: auto;
        opacity: 1;
        left: auto;
	}
	.deposit-page .our-work.thankyou-pinpoint .col-left {
    	padding-right: 0;
	}
	.our-work.offer-revenew, .our-work.cover-call.offer-cover-call {
		position: relative;
		overflow: hidden;
	}
	.single-portfolio.postid-12714 .mobile-section .container::before, .single-portfolio.postid-12714 .mobile-section .container::after {
		display: none;
	}
	.single-portfolio.postid-12750 .mobile-section .img-part .mobile-img-two, .single-portfolio.postid-12801 .mobile-section .img-part .mobile-img-two, .single-portfolio.postid-12801 .mobile-section .img-part .mobile-img-three {
    	padding-top: 40px;
	}
	.single-portfolio.postid-12801 .work-slider {
		margin-top: -65px;
	}
	.video-outer .video-wrapper .video-detail h3 {
    	font-size: 18px;
	}
	.video-outer .video-wrapper .video-detail {
		bottom: 70px;
		left: 20px;
	}
	.video-outer .video-wrapper .video-content .video-icon {
		width: 45px;
		height: 45px;
	}
	.video-outer .video-wrapper .video-detail span {
		display: none;
	}
}

@media only screen and (max-width: 599px) {
    .lead-calender {
        display: none;
    }

    .page-id-12107 .thanks-page,
    .page-template-page-thankyou-offerpages .thanks-page {
        min-height: calc(100vh - 153px);
    }

    .lead-calender.onMobile {
        display: block;
        margin-bottom: 20px;
    }

    .page-template-page-schedule-call .our-work .col-right .default-heading {
        display: none;
    }

    .page-template-page-schedule-call .our-work .col-left ul li {
        width: 100%;
    }

    .page-template-page-schedule-call .our-work .col-left {
        padding-block: 80px 10px;
    }

    .page-template-page-schedule-call .our-work .col-right {
        padding: 0;
        padding-bottom: 50px;
        width: 100%;
    }


    .lead-growth.bordered .col-right,
    .lead-growth.bordered .col-left,
    .our-work .col-right,
    .page-template-page-lead-magnet .our-work.dark .col-left,
    .page-template-page-lead-magnet .our-work.dark .col-right {
        padding-bottom: 50px;
        margin-bottom: 0;
    }

    .page-template-page-lead-magnet .our-work.dark .col-right {
        padding-top: 0;
    }

    .faqs-with-accordion.light .default-accordion-list .accordion-box:not(:last-of-type) .border {
        border-color: #454545;

    }

    .footer-sm.footer-sm-v2 .container {
        padding: 40px 20px;
    }

    .lead-popup .inner .default-heading,
    .lead-popup .gform_title {
        margin-bottom: 30px;
        font-size: 32px;
    }

    .lead-popup input.halved,
    .lead-popup textarea.halved,
    .lead-popup select.halved,
    .lead-popup .gform_fields>*:nth-child(2),
    .lead-popup .gform_fields>*:nth-child(3) {
        width: 100%;
    }

    .lead-popup form .default-btn,
    .lead-popup .gform_button {
        margin-top: 0 !important;
    }

    .lead-popup .inner {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .footer-sm .container {
        flex-direction: column;
        gap: 20px;
        justify-content: start;
        align-items: start;
    }

    .lead-growth.our-work .col-left {
        padding-top: 0;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-left .default-btn {
        padding-inline: 15px;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-right img {
        max-width: 300px;
    }

    .page-template-page-lead-magnet.page-id-11948 .page-banner-dark .col-right img {
        display: block;
    }

    .page-template-page-lead-magnet.page-id-11948 .page-banner-dark .col-right img.mobile-only {
        display: none;
    }

    .page-template-page-lead-magnet .page-banner-dark .col-left img {
        position: static;
        width: auto;
        height: auto;
        aspect-ratio: 1 / 1;
        z-index: unset;
    }

    .cutout-stacked-cards .row .col .location span {
        padding-top: 2px;
    }

    .page-banner-dark .col-left {
        padding-top: 0px;
    }

    .page-template-page-our-work .page-banner-dark .container {
        flex-direction: column-reverse;
    }

    section .border-offset {
        filter: url(#round1res);
    }

    section .border-offset::after,
    div.pinned>.border-offset::after,
    section .map-offset iframe {
        clip-path: polygon(0 0, 62% 0, 71% 35px, 100% 35px, 100% 100%, 0 100%);
    }

    section.inverted .border-offset::after,
    div.pinned.inverted>.border-offset::after,
    section.inverted .map-offset iframe {
        clip-path: polygon(0 0, 62% 0, 71% 35px, 100% 35px, 100% 100%, 0 100%);
    }

    section.clipped {
        margin-top: -65px;
    }

    .default-heading,
    .gradient-heading, .default-headingg {
        font-size: 32px;
    }

    /* HEADER */
    header .logo {
        width: 150px;
    }

    header .nav-top>ul>li:hover .sub-menu {
        visibility: unset;
        /* opacity: unset; */
    }

    /* BANNER */

    .banner-section {
        overflow: hidden;
        padding-block: 145px 90px;
    }

    .banner-inner {
        display: flex;
        flex-direction: column;
    }

    .banner-inner .banner-box {
        margin: unset;
    }

    .banner-inner .banner-box h2 {
        line-height: 1.15;
    }

    .banner-section .bg-atoms {
        width: 130%;
        max-width: 700px;
        left: -20%;
        top: -80px;
    }

    .banner-inner .banner-box p {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .banner-inner .banner-box p span {
        background: var(--gradients-other-colors-yellow-gradient,
                linear-gradient(184deg, #707050 3.61%, #e1ec60 42.75%, #707050 89.94%));
        background-clip: text;
        -webkit-background-clip: text;
    }

    .banner-section .gradient-1 {
        right: -150px;
    }

    .banner-inner .banner-box:first-child {
        flex-direction: column;
    }

    .banner-inner .banner-box:last-of-type {
        margin-bottom: 84px;
    }

    .banner-inner .banner-box>h1 {
        width: 100%;
        margin-right: auto;
        max-width: 100%;
    }

    .banner-inner .banner-box h1 {
        font-size: 48px;
        padding-bottom: 28px;
        text-align: left;
        margin-bottom: 0;
        line-height: 1.05;
    }

    .banner-inner .box,
    .default-logo-slider .box {
        width: 45%;
        padding-block: 0;
    }

    .banner-inner .wrapper,
    .default-logo-slider {
        order: 3;
        margin-bottom: 0;
        border-top: 1px solid #fff3;
        padding-top: 22px;
    }

    .banner-inner .banner-box:first-child {
        margin-bottom: 72px;
    }

    .banner-inner .banner-box h2 {
        font-size: 32px;
        max-width: 200px;
    }

    /* OUR WORK */
    .our-work .col-right .title::after {
        margin-right: 12px;
    }

    .our-work .col-left ul li span,
    .our-work .col-right .caption {
        font-size: 14px;
    }

    .client-info p,
    .client-info span {
        font-size: 12px;
    }

    .our-work .col-left ul li {
        width: 100%;
        max-width: 100%;
    }

    .our-work .col-left ul li span {
        width: 73%;
        align-self: center;
    }

    .our-work .default-heading {
        font-size: 36px;
    }

    .our-work .col-left ul li .thumbnail {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        padding: 13px;
    }

    .our-work .col-left {
        padding-block: 72px;
    }

    .our-work .col-right .title {
        font-size: 20px;
    }

    .our-work .col-right .title img {
        margin-right: 10px;
        width: 45px;
        height: 40px;
    }

    .our-work .col-left ul {
        row-gap: 16px;
    }

    .our-work .col-left>span:last-of-type {
        line-height: 1.5;
        font-size: 14px;
    }

    .our-work .col-left .default-heading {
        margin-bottom: 20px;
        font-size: 32px;
    }

    .our-work .col-left>span {
        margin-bottom: 24px;
    }

    /* marquee */
    .growth-marquee span {
        font-size: 74px;
    }

    .growth-marquee .inner {
        padding-block: 20px 27px;
    }

    /* WHY US */
    .why-us .row .col .card-offset::after {
        clip-path: polygon(0 0, 67% 0, 74% 30px, 100% 30px, 100% 100%, 0 100%);
        border-radius: 14px;
    }

    .why-us {
        padding-block: 72px;
    }

    .why-us .col-left .default-subheading {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .why-us .col-right .default-btn {
        display: none;
    }

    .why-us .default-btn {
        display: inline-block;
        margin-bottom: 72px;
    }

    .clients-section .container-top {
        flex-direction: column;
    }

    .why-us .row .col {
        width: 100%;
        max-width: 100%;
        padding: 40px 24px 40px;
    }

    .why-us .row .col .thumbnail {
        width: 52px;
        height: 52px;
        margin-bottom: 40px;
    }

    .why-us .row .col .heading {
        font-size: 24px;
        margin-bottom: 13px;
    }

    .why-us .row .col p {
        font-size: 14px;
    }

    .banner-section .gradient-2 {
        filter: blur(60px);
        left: -180px;
        opacity: 0.2;
    }

    /* WHY US */
    .why-us .row {
        row-gap: 16px;
        margin-block: 0px 32px;
    }

    .why-us .row {
        --card-shape-1: 67%;
    }

    .why-us .row .col::after {
        left: calc(var(--card-shape-1) - 8.8px);
    }

    /* WORK SLIDER */
    .work-slider {
        padding-block: 72px 140px;
    }

    .work-slider .col {
        width: 325px;
        margin-right: 15px;
    }

    .work-slider .row {
        width: 100%;
    }

    .work-slider .col:not(:last-child).slick-active {
        background-color: #666;
    }

    .work-slider .col:not(:last-child).slick-active .bg {
        opacity: 1;
    }

    .work-slider .gradient {
        top: 0;
    }

    .work-slider .slide-count {
        display: flex;
    }

    .slide-count {
        position: absolute;
        bottom: 10px;
        display: flex;
        gap: 1px;
    }

    .slide-count span {
        font-size: 12px;
        color: #d1d1d1;
    }

    .work-slider .col .bg,
    .work-slider .col {
        border-radius: 10px;
    }

    .work-slider .col.see-more p {
        font-size: 24px;
        max-width: 230px;
    }

    /* .work-slider .col.slick-active {
  background-color: #666;
  }
  
  .work-slider .col.slick-active .bg {
  opacity: 1;
  } */

    section.clipped::before {
        z-index: 0;
    }

    section.clipped::after {
        z-index: -1;
    }

    div.clipped {
        margin-top: -60px;
    }

    .work-slider .container-inner {
        padding-right: 0;
        padding-bottom: 70px;
    }

    .work-slider .col .wrapper {
        min-height: 225px;
    }

    .work-slider .col .logo {
        width: 76px;
        height: 76px;
    }

    .work-slider .col p,
    .work-slider .col .caption {
        font-size: 10px;
    }

    .work-slider .col .mouse-follower {
        display: none;
    }

    .work-slider .col .wrapper {
        padding: 20px;
    }

    .default-white-slick-arrow {
        bottom: 0px;
        top: auto;
        width: 36px;
        height: 36px;
        padding: 11px 12px;
    }

    .work-slider .slick-prev {
        right: 64px;
    }

    .work-slider .slick-next {
        right: 20px;
    }

    .work-slider .gradient {
        width: 100px;
        height: 100px;
        background-color: #4e6a2b69;
        filter: blur(60px);
    }

    .work-slider .gradient span {
        background-color: #f9ffac75;
    }

    .work-slider .container-inner {
        margin-bottom: 0;
    }

    /* CLIENTS */
    .default-accordion-list .accordion-box:not(:last-of-type) .border {
        border-bottom: 1px solid #d1d1d1;
    }

    /* tagline */
    .tagline-section p {
        font-size: 48px;
        text-align: start;
    }

    .tagline-section .container {
        margin-inline: 20px;
    }

    .tagline-section .default-btn {
        margin-inline: unset;
    }

    .main-cta .inner {
        padding-block: 110px 170px;
        background-size: 630px;
        background-position: 65% 50px;
    }

    .footer-cta .container-top {
        margin-bottom: 100px;
    }

    .footer-cta .inner {
        background-size: 100%;
    }

    .tagline-section .container {
        max-width: 250px;
    }

    /* --------------- */
    .reviews-section .col-right .qoutes {
        margin-bottom: 15px;
    }

    .footer-cta .inner {
        padding-top: 140px;
    }

    .footer-cta .inner p img {
        width: 40px;
        height: 30px;
        margin-left: 10px;
        margin-bottom: -5px;
    }

    /* CLIENTS */
    .clients-section {
        padding-block: 72px 110px;
    }

    .clients-section .container-top {
        margin-bottom: 0;
    }

    .clients-section .container-inner li .thumbnail {
        min-height: 162px;
    }

    .clients-section .container-inner li img {
        width: 85px;
        height: 75px;
    }

    .clients-section .container-inner li.btn {
        width: fit-content;
    }

    .work-slider .container-inner {
        margin-right: 0;
    }

    .clients-section .container-inner ul {
        gap: 15px;
    }

    .clients-section .container-inner li {
        width: calc(50% - 8px);
    }

    /* REVIEWS */
    .reviews-section .col-right .col>p {
        font-size: 20px;
    }

    .reviews-section {
        padding-block: 72px 160px;
    }

    .reviews-section .col-right .col>p {
        font-size: 20px;
    }

    .reviews-section .col-right .qoutes {
        width: 45px;
    }

    .reviews-section .client-info {
        margin-top: 64px;
    }

    .reviews-section>.gradient {
        width: 300px;
        height: 300px;
        display: block;
        position: absolute;
        left: -200px;
        top: 323px;
        margin: 0 auto;
        bottom: 0;
        right: 0;
        z-index: -1;
        border-radius: 50%;
        filter: blur(90px);
        background-color: #4e6a2b;
        opacity: 0.5;
    }

    .reviews-section .slick-arrow .circle:after,
    .reviews-section .slick-arrow .circle {
        background-color: transparent;
    }

    .reviews-section .slick-arrow {
        border-radius: 50%;
        width: 36px;
        height: 36px;
        padding: 11px;
    }

    .reviews-section .slick-arrow svg {
        width: 36px;
        height: 36px;
    }

    .reviews-section .slick-prev {
        right: 45px;
    }

    .our-services {
        padding-block: 72px 140px;
    }

    .reviews-section .slick-arrow svg {
        left: 0px;
        right: 0;
        margin: auto;
    }

    .reviews-section .slick-arrow {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* ABOUT US PAGE */
    .page-banner-light {
        position: relative;
        padding-block: 140px 200px;
        min-height: auto;
    }

    .page-banner-light .gradient-1 {
        top: -46%;
        right: 0%;
        left: auto;
        width: 300px;
        height: 300px;
        filter: blur(85px);
        opacity: 0.7;
    }

    .page-banner-light .col-left .box {
        position: static;
    }

    .page-banner-light .col-left>img {
        position: absolute;
        bottom: 0;
    }

    .page-banner-light .container {
        flex-direction: column;
        align-items: start;
        gap: 32px;
    }

    .page-banner-light .default-heading {
        font-size: 48px;
    }

    .page-banner-light .col-left>img {
        position: absolute;
        bottom: -55px;
        right: -90px;
        width: 380px;
    }

    .overview-section {
        padding-block: 72px 36px;
    }

    .overview-section .col-left .default-subheading {
        margin-bottom: 22px;
    }

    .overview-section .default-heading {
        font-size: 24px;
        margin-bottom: 14px;
    }

    .overview-section .col-right p {
        column-count: 1;
        line-height: 1.42;
        margin-bottom: 28px;
        font-size: 14px;
    }

    .overview-section .col-right .box {
        width: 100%;
        max-width: 335px;
    }

    .overview-section .container .box>img {
        width: 100%;
    }

    .overview-section .container .box>span {
        width: 130px;
        font-size: 12px;
    }

    .qoute-with-bg .default-heading {
        font-size: 32px;
    }

    .achieve-section .gradient {
        opacity: 0.2;
        left: -86px;
        top: 85px;
    }

    .company-story-section {
        padding-block: 72px 0px;
    }

    .company-story-section .col-left .default-subheading {
        margin-bottom: 22px;
    }

    .company-story-section .col-left .default-heading {
        margin-bottom: 16px;
        font-size: 24px;
    }

    .company-story-section .col-left p {
        column-count: 1;
        line-height: 1.42;
        margin-bottom: 28px;
        font-size: 14px;
    }

    .company-story-section .col-right .box {
        width: 100%;
        max-width: 335px;
    }

    .company-story-section .col-right .box img {
        width: 100%;
    }

    .company-story-section .col-right .box>span {
        font-size: 12px;
    }

    .qoute-with-bg.qoute-with-bg2 .bg {
        width: 330px;
    }

    .qoute-with-bg .default-heading .line {
        padding-bottom: 4px;
    }

    .qoute-with-bg.qoute-with-bg2 .container {
        padding-bottom: 100px;
    }

    /* FOOTER */
    footer .title-row ul li a {
        width: 52px;
        height: 52px;
        padding: 16px;
        border: 1px solid #c4cc6d;
        border-radius: 50%;
        transition: border 0.4s;
    }

    .achieve-section {
        padding-block: 72px 40px;
    }

    .achieve-section .container {
        row-gap: 0;
    }

    .achieve-section .default-subheading {
        margin-bottom: 24px;
    }

    .achieve-section .default-heading {
        font-size: 24px;
        margin-bottom: 40px;
    }

    .achieve-section .container .row .col {
        width: 100%;
    }

    .achieve-section .container .row .col {
        padding: 24px 24px 24px 24px;
        min-height: 180px;
    }

    .achieve-section .container .row {
        gap: 16px;
    }

    .achieve-section .container .row .col .card-offset::after {
        clip-path: polygon(0 0, 100% 0, 100% 85%, 77% 85%, 72% 100%, 0 100%);
    }

    .achieve-section .container .row h3 {
        max-width: 250px;
        line-height: 1.3;
    }

    .qoute-with-bg2 {
        margin-top: 80px;
    }

    .tabs-with-accordion-menu {
        margin-bottom: 40px;
    }

    .achieve-section .container .row .col .card-offset {
        filter: url(#round1res);
    }

    .tabs-with-accordion-content-container .default-col-right .caption {
        text-align: left;
    }

    .tabs-with-accordion-content-container .faq--title .default-col-right .box {
        max-width: unset;
    }

    .qoute-with-bg .default-heading {
        line-height: 1.02;
    }

    .qoute-with-bg.qoute-with-bg1 .default-heading .line {
        padding-bottom: 4px;
    }

    .qoute-with-bg.qoute-with-bg1 .default-heading span {
        line-height: inherit;
    }

    .qoute-with-bg2 .container .inner {
        padding-block: 20px 60px;
    }

    .tabs-with-accordion-content-container .faq--title .default-col-right {
        min-width: auto;
        flex-direction: column;
        align-items: start;
    }

    .tabs-with-accordion .faq--title {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .tabs-with-accordion-menu {
        display: flex;
        width: max-content;
        overflow: scroll;
        margin-right: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-right: 20px;
    }

    .tabs-with-accordion-menu::-webkit-scrollbar {
        display: none;
    }

    .faq--title .thumbnail {
        display: flex;
        gap: 43px;
        width: 100%;
        align-items: center;
    }

    .tabs-with-accordion-content-container .faq--title .default-col-right {
        opacity: 1;
        transition: opacity 0.3s;
    }

    .faq--title.open .default-col-right {
        opacity: 0;
        display: none;
    }

    .faq--title .thumbnail h3 {
        display: block;
        padding-block: 0;
    }

    .tabs-with-accordion-section .faq--title .col-right .title {
        display: none;
    }

    .faq--title .thumbnail img {
        width: fit-content;
        max-height: 60px;
    }

    .tabs-with-accordion-section .faq--title .title {
        font-size: 20px;
    }

    .default-cutout-cards .card-offset {
        filter: url(#round);
    }

    .default-cutout-cards .card-offset::after {
        clip-path: polygon(0 0, 67% 0, 74% 32px, 100% 32px, 100% 100%, 0 100%);
    }

    .tabs-with-accordion-content-container .faq--title .default-col-right .box {
        padding-block: 0 0px;
        padding-bottom: 20px;
    }

    .double-slider .slider-row1,
    .double-slider .slider-row2 {
        display: none;
    }
	
	.home .our-work .col-right {
		padding-bottom: 100px;
    }


    .double-slider .slider-row3 {
        display: block;
    }

    .double-slider .card.initial-card {
        display: none;
    }

    .double-slider-section .default-subheading {
        margin-bottom: 24px;
    }

    .double-slider .row {
        width: 100%;
    }

    .double-slider {
        flex-direction: column;
        row-gap: 45px;
    }

    .double-slider .row .card {
        width: 300px;
    }

    .double-slider .slick-slide {
        margin: 0 10px;
    }

    .double-slider-section .container {
        margin-right: 0;
    }

    .double-slider-section {
        padding-block: 72px 140px;
    }

    .double-slider-section .end-card {
        display: flex;
    }

    .double-slider-section .end-card>img {
        display: none;
    }

    .double-slider-section .end-card .box {
        top: unset;
    }

    .double-slider-section .end-card>.slide-count {
        display: flex;
    }

    .double-slider-section .end-card {
        justify-content: space-between;
        position: static;
        padding-right: 20px;
    }

    .double-slider-section .end-card {
        width: 100%;
    }

    .double-slider-section .slide-count {
        position: static;
    }

    .double-slider .row .card .box {
        flex-direction: row;
    }

    .double-slider .row .card p {
        font-size: 20px;
    }

    .double-slider .default-white-slick-arrow.slick-disabled {
        background-color: #4c6250;
    }

    .double-slider .default-white-slick-arrow.slick-disabled img {
        filter: invert(0.6);
    }

    /* CARDS WITH SCROLLING */
    .cards-with-scrolling {
        padding-block: 72px 140px;
    }

    .cards-with-scrolling .default-col-right .col {
        width: 100%;
        min-height: 332px;
    }

    .default-cutout-cards {
        padding: 40px 24px 24px 24px;
        min-height: 332px;
    }

    .default-cutout-cards .thumbnail {
        margin-bottom: 40px;
    }

    .default-cutout-cards h3 {
        margin-bottom: 12px;
    }

    .cards-with-scrolling .default-col-right .row {
        gap: 16px;
    }

    .cutout-stacked-cards .row .col .container {
        flex-direction: column;
        align-items: start;
    }

    .cutout-stacked-cards .row .col {
        min-height: 280px;
        padding-block: 24px 32px;
    }

    .cutout-stacked-cards-extended .row .col {
        min-height: 192px;
    }

    .cutout-stacked-cards .row .col h3 {
        width: 100%;
        margin-bottom: 12px;
    }

    .cutout-stacked-cards-extended .row .col h3 {
        font-size: 24px;
    }

    .cutout-stacked-cards .default-subheading {
        margin-bottom: 22px;
    }

    .cutout-stacked-cards .row .col .card-offset::after {
        clip-path: polygon(0 0, 62% 0, 70% 35px, 100% 35px, 100% 100%, 0 100%);
    }

    .cutout-stacked-cards .row .col:last-child {
        padding-bottom: 100px;
    }

    .cutout-stacked-cards .row .col:not(:first-child) {
        min-height: 265px;
    }

    .tabs-with-accordion .container {
        margin-right: 0;
    }

    .tabs-with-accordion .tabs-with-accordion-content-container {
        margin-right: 20px;
    }

    .tabs-with-accordion-menu button.dots {
        display: none;
    }

    .tabs-with-accordion-menu.active2 button.year-2022,
    .tabs-with-accordion-menu.active2 button.year-2021,
    .tabs-with-accordion-menu.active1 button.year-2019,
    .tabs-with-accordion-menu.active1 button.year-2018 {
        display: block;
    }

    .tabs-with-accordion-content-container .faq--answer ul {
        grid-template-rows: repeat(3, auto);
        grid-template-columns: repeat(2, auto);
        row-gap: 10px;
    }

    .tabs-with-accordion-content-container .faq--answer ul li:nth-child(odd) {
        margin-bottom: 0px;
    }

    .tabs-with-accordion-content-container .faq--answer ul {
        margin-bottom: 32px;
    }

    /* PAGE BANNER DARK */

    .page-banner-dark .gradient-1 {
        right: -50px;
        opacity: 0.3;
        top: -130px;
        width: 250px;
        height: 250px;
    }

    .page-banner-dark .col-left img {
        position: absolute;
        top: 45%;
        right: -87px;
        width: 382px;
        height: 325px;
        z-index: -1;
    }

    .our-work-page .page-banner-dark .gradient-heading span {
        display: block;
    }

    .our-work-page .page-banner-dark .col-right p {
        display: none;
    }

    .page-banner-dark .gradient-heading {
        font-size: 48px;
        width: 100%;
    }

    .page-banner-dark .container {
        gap: 0;
        flex-direction: column;
        align-items: start;
    }

    .page-banner-dark {
        padding-block: 150px 170px;
    }

    /* OFFICES */
    .offices-columns {
        padding-block: 72px 140px;
    }

    .offices-columns .default-subheading {
        margin-bottom: 8px;
    }

    .offices-columns .container .row {
        grid-template-columns: 1fr;
    }

    .offices-columns .container .col h3 {
        font-size: 24px;
    }

    .offices-columns .container .row {
        gap: 32px;
    }

    /* QUESTION */
    .cutout-stacked-cards-extended .row .col .container {
        gap: 0;
    }

    .cutout-stacked-cards.end .row .col:last-child {
        padding-bottom: 10px;
    }

    /* THANKS PAGE */
    .thanks-page .container .col-left {
        display: none;
    }

    .thanks-page .container .col-right .default-heading {
        font-size: 38px;
        margin-bottom: 16px;
    }

    .thanks-page {
        padding-block: 160px 122px;
    }

    .thanks-page .container .col-right p {
        margin-bottom: 24px;
    }

    .thanks-page .default-heading .line {
        padding-bottom: 6px;
    }

    .reachus-form {
        padding-block: 74px 140px;
    }

    .reachus-form .gfield_checkbox {
        margin-bottom: 36px;
    }

    .reachus-form form .gform_footer {
        margin-top: 60px;
    }

    .reachus-field-semi {
        width: 100% !important;
    }

    .offices-accordion {
        padding-block: 72px 1420px;
    }

    .offices-accordion .acc-button.open .col-left button {
        display: flex;
    }

    .offices-accordion .acc-button.open .default-col-right button {
        display: none;
    }

    .offices-accordion .acc-button {
        flex-direction: column;
    }

    .offices-accordion .accordion-content .col-right {
        margin-top: 0;
    }

    .offices-accordion .acc-button .default-col-right {
        margin-top: 24px;
    }

    .offices-accordion .acc-button {
        padding-block: 20px 28px;
    }

    .offices-accordion .accordion-content .col-right {
        justify-content: space-between;
    }

    .offices-accordion .accordion-content .semi-box {
        width: 100%;
    }

    .offices-accordion .accordion-content .col-right {
        row-gap: 28px;
    }

    .offices-accordion .accordion-content .col-right>a {
        margin-top: 12px;
    }

    .offices-accordion .accordion-content .col-right {
        padding-bottom: 32px;
    }

    .offices-accordion {
        padding-block: 72px 1415px;
    }

    .offices-accordion .acc-button .default-col-right svg {
        display: block;
    }

    .offices-accordion .acc-button.open .default-col-right svg {
        display: none;
    }

    .offices-accordion .acc-button .default-col-right {
        align-items: center;
    }

    .reachus-form .gfield_checkbox {
        gap: 10px;
    }

    .offices-accordion .acc-button .title {
        font-size: 32px;
    }

    /* .static-footer .page-banner-light .default-heading .line {
  padding-bottom: 3px;
  } */
    /* .page-banner-light .default-heading .line-wrapper .line {
  padding-bottom: 6px;
  } */
    /* 	.page-template-page-aboutus .page-banner-light .default-heading .line-wrapper .line {
  padding-bottom: 15px;
  } */

    /* LOCATION INNER */
    .page-banner-light .col-right .default-subheading.yellow {
        display: block;
    }

    .page-banner-light .col-left .default-subheading.yellow {
        display: none;
    }

    /* .page-banner-light .container {
  flex-direction: column-reverse;
  } */
    .page-banner-light .col-right .default-subheading.yellow {
        padding-bottom: 32px;
    }

    .page-banner-light .col-left .inner {
        display: none;
    }

    .page-banner-light .col-right .inner {
        display: block;
    }

    /* .page-template-page-ourlocations .page-banner-light .default-heading .line-wrapper .line {
  padding-bottom: 4px;
  } */

    .page-template-page-ourlocations .page-banner-light .default-heading {
        line-height: 1;
        margin-bottom: 16px;
    }

    .page-template-page-ourlocations .col-right .description {
        margin-bottom: 32px;
    }

    .page-template-page-ourlocations .col-right .col:not(:last-child) {
        margin-bottom: 28px;
    }

    .page-template-page-ourlocations .page-banner-light .gradient-1 {
        top: -220px;
        right: 0%;
        left: auto;
        width: 300px;
        height: 300px;
        filter: blur(85px);
        opacity: 0.5;
    }

    .page-template-page-ourlocations .page-banner-light .gradient-2 {
        top: 480px;
    }

    .location-services .container>.default-col-right {
        width: 100%;
    }

    .location-services .default-heading {
        margin-bottom: 40px;
    }

    .location-services .row {
        flex-wrap: wrap;
    }

    .location-services .row>.col {
        width: 100%;
    }

    .default-accordion-list .border {
        border-color: #d1d1d1;
    }

    .location-services .row>.col:first-child .default-accordion-list {
        margin-bottom: 40px;
    }

    .location-services {
        padding-block: 72px 130px;
    }

    .static-footer footer:not(.footer-sm) {
        padding-inline: 8px;
        padding-bottom: 8px;
    }

    .bg-map-section .default-cutout-cards {
        top: auto;
        right: auto;
        left: 20px;
        bottom: 35px;
        max-width: 230px;
    }

    .bg-map-section .default-cutout-cards {
        min-height: auto;
        padding: 20px;
        display: flex;
        flex-direction: column;
    }

    .bg-map-section .default-cutout-cards h3 {
        margin-bottom: 40px;
    }

    .bg-map-section .default-cutout-cards span,
    .bg-map-section .default-cutout-cards a,
    .bg-map-section .default-cutout-cards h3 {
        font-size: 12px;
    }

    .bg-map-section .default-cutout-cards .card-offset::after {
        clip-path: polygon(0 0, 61% 0, 68% 26px, 100% 26px, 100% 100%, 0 100%);
    }

    .bg-map-section {
        min-height: 530px;
    }

    .static-footer .footer-wrapper {
        padding-inline: 12px;
        padding-block: 60px 24px;
    }

    .careers-page .company-story-section {
        padding-top: 72px;
    }

    .careers-page .overview-section {
        padding-bottom: 106px;
    }

    .careers-page .qoute-with-bg .container {
        padding-bottom: 140px;
    }

    /* BLOG  */
    .blog .page-banner-dark .container {
        flex-direction: column-reverse;
    }

    .blog .page-banner-dark .col-right .gradient-heading {
        margin-bottom: 40px;
    }

    .page-banner-dark .col-left ul {
        gap: 10px;
    }

    .content-cards {
        padding-block: 72px 160px;
    }

    .content-cards .row {
        flex-wrap: wrap;
    }

    .content-cards .row .col {
        width: 100%;
    }

    .content-cards .row .thumbnail ul li {
        padding: 8px 16px;
    }

    .content-cards .row .col .inner span {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .content-cards .row .col .inner h3 {
        font-size: 20px;
        line-height: 1.3;
    }

    .content-cards .row {
        row-gap: 36px;
    }

    .content-cards .row {
        margin-bottom: 60px;
    }

    .blog footer:not(.footer-sm) {
        margin-top: 0;
    }

    .our-work-page .page-banner-dark .gradient-heading {
        /* font-size: 74px; */
        line-height: 1;
    }

    .our-work-page .page-banner-dark .gradient-heading span {
        line-height: 1;
    }

    .our-work-page .page-banner-dark .gradient-heading>.line-wrapper>.line {
        padding-bottom: 0px;
    }

    .page-banner-dark .gradient-2 {
        top: 70%;
        left: -350px;
    }

    .page-banner-dark .gradient-1 {
        z-index: 0;
    }

    .content-cards .row .col {
        width: 100%;
    }

    .our-work-page .content-cards .row {
        row-gap: 36px;
    }

    .our-work-page .content-cards .row .col .thumbnail {
        margin-bottom: 16px;
    }

    /* ARTICLE */
    .article-banner .container .col-left .default-subheading {
        margin-bottom: 24px;
    }

    .article-banner .container .col-left .default-heading {
        font-size: 32px;
    }

    .article-banner .container {
        flex-direction: column;
        align-items: start;
    }

    .article-banner .container .col-left {
        width: 100%;
    }

    .article-banner .container .col-left .default-heading {
        margin-bottom: 24px;
    }

    .article-banner .container .col-right {
        margin-top: 0;
    }

    .article-banner .container {
        margin-bottom: 28px;
    }

    .article-info .container>p:first-child {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .article-info .container h2 {
        margin-bottom: 16px;
        font-size: 24px;
    }

    .article-info .container p,
    .article-info .container li {
        font-size: 14px;
    }

    .article-business-card .thumbnail {
        background: url(https://avintivmedia.com/wp-content/themes/avintiv/library/images/card-bg-article.png) no-repeat left;
        background-size: contain;
        min-height: 335px;
    }

    .article-business-card {
        max-width: 400px;
        margin: 0;
        margin-top: 54px;
    }

    .article-info {
        padding-bottom: 75px;
    }

    .article-business-card .inner {
        margin-top: 32px;
    }

    .article-info>.thumbnail img {
        object-fit: cover;
        height: 100%;
    }

    /* BRAND BBUILDING */
    .page-template-page-brand-services .page-banner-dark .col-right p,
    .single-services .page-banner-dark .col-right p {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .page-template-page-brand-services .default-logo-slider,
    .single-services .default-logo-slider {
        margin-top: 75px;
    }

    .page-template-page-brand-services .page-banner-dark,
    .single-services .page-banner-dark {
        padding-bottom: 90px;
        padding-top: 120px;
    }

    .banner-inner .box img,
    .default-logo-slider img {
        width: 120px;
        height: 55px;
    }

    .info-with-cards {
        padding-block: 72px 140px;
    }

    .brand-services {
        padding-block: 62px 140px;
    }

    .info-with-cards .default-subheading {
        margin-bottom: 24px;
    }

    .info-with-cards .col-right p {
        font-size: 14px;
    }

    .info-with-cards .container .row {
        margin-top: 40px;
    }

    .info-with-cards .container .row .col {
        width: 100%;
    }

    .info-with-cards .row .card-offset::after {
        clip-path: polygon(0 0, 67% 0, 74% 35px, 100% 35px, 100% 100%, 0 100%);
    }

    .info-with-cards .default-cutout-cards {
        padding: 40px 24px;
    }

    .default-cutout-cards p {
        font-size: 14px;
    }

    .brand-services .container .col-right p {
        margin-top: 20px;
        font-size: 14px;
    }

    .brand-services .container .row {
        margin-top: 60px;
    }

    .brand-services .container .row .col {
        width: 100%;
    }

    .brand-services .container .row .col.col-offset {
        display: none;
    }

    .brand-services .container .row .col h3 {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .brand-services .container .row .col p {
        margin-bottom: 32px;
    }

    .brand-services .container .default-pills {
        padding-bottom: 24px;
    }

    .brand-services .container .row {
        row-gap: 40px;
    }

    .brand-services .col.reachus-card {
        min-height: 335px;
        margin-bottom: 0;
    }

    .reachus-card>img {
        width: 80%;
    }

    .faqs-with-accordion {
        padding-block: 72px 140px;
    }

    .faqs-with-accordion .default-accordion-list .border {
        border-color: #ababab;
    }

    .faqs-with-accordion .default-accordion-list .accordion-box:not(:last-of-type) .border {
        border-color: #ababab;
    }

    .faqs-with-accordion .default-accordion-list .accordion-box .acc-button h4,
    .faqs-with-accordion .default-accordion-list .accordion-box .acc-button .heading {
        max-width: 80%;
        line-height: 1.3;
    }

    /* BRAND BUILDING */
    .single-services .page-banner-dark .default-subheading {
        margin-bottom: 32px;
    }

    .single-services .page-banner-dark .container {
        padding-bottom: 0;
    }

    .page-template-page-brand-services .default-logo-slider,
    .single-services .default-logo-slider {
        margin-top: 36px;
    }

    .single-services .page-banner-dark {
        padding-top: 120px;
    }

    .page-template-page-brand-services .default-logo-slider,
    .single-services .default-logo-slider {
        margin-top: 25px;
    }

    .services-overview .container {
        flex-wrap: wrap;
    }

    .services-overview {
        padding-block: 72px 140px;
    }

    .services-overview .default-heading,
    .gradient-heading {
        margin-bottom: 16px;
    }

    .services-overview .default-col-right {
        width: 100%;
    }

    .services-overview .container .col-right p {
        font-size: 14px;
    }

    /* SCROLLING */
    .scrolling-tabs .container {
        padding-block: 95px 140px;
    }

    .scrolling-tabs .container .col-right p {
        font-size: 14px;
    }

    .scrolling-tabs .container .col-right .box:not(:last-child) {
        padding-bottom: 40px;
    }

    /* GRADIENT TABS */
    .gradient-tabs {
        padding: 72px 0 140px 0;
    }

    .gradient-tabs .col-right .gradient-heading {
        margin-bottom: 60px;
    }

    .gradient-tabs .col-right .gradient-heading {
        margin-bottom: 40px;
    }

    .gradient-tabs .default-accordion-list .accordion-box:not(:last-of-type) .border,
    .gradient-tabs .default-accordion-list .border {
        border-color: #454545;
    }

    .gradient-tabs .default-accordion-list .accordion-box p {
        margin-bottom: 10px;
    }

    .orbit-timeline {
        padding: 72px 0 140px 0;
    }

    .orbit-timeline .col-right {
        margin-bottom: 30px;
    }

    .orbit-timeline .col-right .row p {
        font-size: 14px;
    }

    .orbit-timeline .col-right .row .col {
        width: unset;
        max-width: none;
    }

    .orbit-timeline .col-right .row {
        display: unset;
    }

    .orbit-timeline .slide-count-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .orbit-timeline .container-fluid {
        flex-direction: column;
    }

    .orbit-timeline .slick-arrows-wrapper-res {
        position: relative;
    }

    .orbit-timeline .slide-count {
        position: static;
    }

    .orbit-timeline .slick-arrow {
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .single-services .work-slider {
        padding-bottom: 120px;
    }

    .single-services .reviews-section {
        padding-top: 0;
    }

    /* PORTFOLIO */

    body.portfolio .article-banner {
        padding-block: 140px 0;
    }

    body.portfolio .article-banner .container {
        flex-direction: column;
    }

    body.portfolio .article-banner .container .col-left .default-heading {
        margin-bottom: 24px;
        width: auto;
        font-size: 48px;
    }

    body.portfolio .article-banner .container .col-left {
        max-width: none;
    }

    .portfolio-info>.thumbnail,
    .portfolio-info-rows,
    .portfolio-info-grid,
    .portfolio-info-cover,
    .portfolio-info-cover-duel {
        margin-bottom: 70px;
    }

    .default-pills {
        gap: 10px;
    }

    .portfolio-info>.thumbnail {
        height: 330px;
        position: relative;
        left: -80px;
        width: calc(100% + 80px);
    }

    .portfolio-info>.thumbnail img {
        height: 100%;
        object-fit: cover;
    }

    .portfolio-info.clipped,
    .article-info.clipped {
        overflow: unset;
        overflow-x: unset;
    }

    .portfolio-info-about .container {
        gap: 24px;
    }

    .portfolio-info-about .col-right .default-heading,
    .portfolio-info-about-image .col-left .default-heading {
        font-size: 24px;
    }

    .portfolio-info-about {
        margin-bottom: 40px;
    }

    .portfolio-info-rows .box {
        padding: 25px 0;
    }

    .portfolio-info-rows .box .title {
        max-width: 145px;
    }

    .portfolio-info-rows .box .caption {
        text-align: end;
        line-height: 1.5;
        max-width: 130px;
    }

    .portfolio-info-grid .container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 174px 174px 111px 50px 174px;
        gap: 10px;
        max-width: calc(100% - 40px);
    }

    .portfolio-info-grid .container .box:nth-child(2) {
        grid-area: 1 / 1 / 2 / 2;
    }

    .portfolio-info-grid .container .box:nth-child(1) {
        grid-area: 1 / 2 / 2 / 3;
    }

    .portfolio-info-grid .container .box:nth-child(4) {
        grid-area: 2 / 1 / 3 / 3;
    }

    .portfolio-info-grid .container .box:nth-child(3) {
        grid-area: 3 / 1 / 4 / 2;
    }

    .portfolio-info-grid .container .box:nth-child(5) {
        grid-area: 5 / 2 / 6 / 3;
    }

    .portfolio-info-grid .container .box:nth-child(7) {
        grid-area: 4 / 1 / 6 / 2;
    }

    .portfolio-info-grid .container .box:nth-child(6) {
        grid-area: 3 / 2 / 5 / 3;
    }

    .portfolio-info-about .col-right .caption,
    .portfolio-info-about-image .col-left .caption {
        font-size: 14px;
    }

    .portfolio-info-about-image .col-left .default-subheading {
        margin-bottom: 24px;
    }

    .portfolio-info-about-image .container {
        gap: 70px;
    }

    .portfolio-info-about-image .col-right {
        width: 100%;
        padding-right: 0;
        max-width: 450px;
    }

    .portfolio-info-about-image .container {
        flex-direction: column-reverse;
        padding-bottom: 70px;
        margin-bottom: 70px;
    }

    .portfolio-info-cover-duel {
        flex-direction: column;
    }

    /* .portfolio-info-about-image .container::after {
  display: none;
  } */

    .portfolio-info-about .col-right h2.default-heading,
    .portfolio-info-about-image .col-left h2.default-heading {
        font-size: 32px;
    }

    .portfolio-info-cover .thumbnail {
        height: 300px;
        border-radius: 15px;
    }

    .portfolio-info-cover .thumbnail img {
        height: 100%;
        object-fit: cover;
    }

    .portfolio-info-site .title {
        top: 18px;
        left: 16px;
        font-size: 3.35px;
        padding: 2px 4.5px;
    }

    .portfolio-info-site {
        padding: 38px 0 54px;
    }

    .portfolio-info-site .thumbnail {
        max-width: 200px;
    }

    .portfolio-info-site:not(:last-of-type) .border-offset::after {
        clip-path: polygon(0 0,
                100% 0,
                100% calc(100% - 20px),
                72% calc(100% - 20px),
                67% 100%,
                0 100%);
    }

    .portfolio-info-site:last-of-type .border-offset::after {
        clip-path: polygon(0 20px,
                calc(67% + 3px) 20px,
                calc(72% + 3px) 0,
                100% 0,
                100% 100%,
                0 100%);
    }

    .portfolio-info-site:last-of-type .border-offset {
        margin-top: -30px;
        height: calc(100% + 30px);
    }

    .portfolio-info-site-mobile .thumbnail {
        max-width: 254px;
    }

    .portfolio-info-site:last-of-type {
        padding-bottom: 40px;
        margin-bottom: 135px;
    }

    .blog .page-banner-dark {
        padding-bottom: 170px;
    }

    .perks-ops .container .row .box .col-right-inner .box-inner .remote button {
        position: absolute;
        right: 0;
        top: 9px;
    }

    .perks-box .thumbnail {
        width: 52px;
        height: 52px;
    }

    .perks-benefits {
        padding-top: 72px;
    }

    .perks-ops .container .row .box {
        padding-bottom: 40px;
    }

    .perks-ops .container .row .box:last-child {
        padding-bottom: 0;
    }

    .page-banner-dark .col-left .content-box img {
        position: static;
        width: 24px;
        height: fit-content;
    }

    .careers-inner .page-banner-dark .container {
        flex-direction: column-reverse;
        gap: 32px;
    }

    .careers-inner .page-banner-dark {
        padding-block: 160px;
    }

    .careers-inner .page-banner-dark .col-right .gradient-heading {
        margin-bottom: 0;
    }

    .page-banner-dark .content-box .default-subheading:not(:last-of-type) {
        margin-bottom: 14px;
    }

    .careers-inner .overview-section .col-right p {
        margin-bottom: 0;
    }

    .careers-inner .overview-section {
        padding-bottom: 130px;
    }

    .careers-inner .portfolio-info-rows {
        padding-bottom: 105px;
    }

    .careers-inner .overview-section:not(.clipped) {
        padding-bottom: 40px;
    }

    .overview-section .col-right ul li {
        font-size: 14px;
    }

    .careers-inner .portfolio-info-rows .default-heading {
        font-size: 24px;
    }

    .careers-inner .portfolio-info-rows .box .title {
        max-width: 100%;
    }

    .careers-inner .portfolio-info-rows {
        padding-top: 0;
    }

    .careers-inner .overview-section .col-right .box {
        padding-top: 28px;
        margin-bottom: 0;
    }

    .careers-inner .overview-section.clipped {
        padding-bottom: 130px;
    }

    .brand-services .container .default-pills {
        min-height: auto;
    }

    .single-services .page-banner-dark .container {
        justify-content: start;
    }

    /* 	portfolio responsive */

    .portfolio-thumbnail {
        padding-bottom: 32px;
    }

    .mobile-section .img-part img {
        width: 100%;
    }

    .lead-compliment .row {
        row-gap: 25px;
    }

    .user-reviews-box>p {
        margin-bottom: 45px;
        text-align: left;
    }

    .lead-compliment {
        padding-block: 72px 110px;
    }
	.postid-12884 .whole-portfolio-img, .postid-11600 .whole-portfolio-img, .postid-11599 .whole-portfolio-img, .postid-11604 .whole-portfolio-img, .postid-11603 .whole-portfolio-img, .postid-11602 .whole-portfolio-img {
    	margin-top: 0;
	}
	.postid-12829 .work-slider {
		margin-top: -65px;
	}

}

@media screen and (max-width: 1400px) {
    .container.portfolio-container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1200px) {
    .mobile-section .img-part {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .solution-section .top-part .left-part {
        padding-inline-end: 65px;
    }

    .mobile-section .img-part img {
        width: 280px;
    }

    .portfolio-banner .col-right {
        width: 100%;
        max-width: 450px;
    }
}


/* @media screen and (max-width:479px) {
  
  .solution-section .top-part .left-part h3,
  .portfolio-overview-goal .default-col-right h4,
  .portfolio-deliverable .deliverable-title h2 {
  font-size: 18px;
  }
  
  .solution-section .top-part .left-part p,
  .portfolio-deliverable .deliverable-sub-description p {
  font-size: 15px;
  }
  
  .portfolio-overview-goal .container .col-right.default-col-right {
  padding-top: 15px;
  }
  } */