.av-popup-overlay {
position: fixed;
inset: 0;
z-index: 99999;
background: rgba(0, 0, 0, 0.82);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
visibility: hidden;
transition:
opacity 0.28s ease,
visibility 0.28s ease;
}
.av-popup-overlay.av-popup-open {
opacity: 1;
visibility: visible;
} .av-popup-box {
display: flex;
width: 100%;
border-radius: 16px;
overflow: hidden;
position: relative;
transform: scale(0.96) translateY(16px);
transition: transform 0.28s ease;
max-height: 92vh;
}
.av-popup-overlay.av-popup-open .av-popup-box {
transform: scale(1) translateY(0);
} .av-popup-close {
position: absolute;
top: 14px;
right: 16px;
background: rgba(255, 255, 255, 0.15);
border: none;
cursor: pointer;
color: #fff;
font-size: 20px;
line-height: 1;
width: 32px;
height: 32px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
z-index: 10;
flex-shrink: 0;
}
.av-popup-close:hover {
background: rgba(255, 255, 255, 0.3);
} .av-popup-form-head {
margin-bottom: 18px;
}
.av-popup-form-head h2 {
font-size: 26px;
font-weight: 700;
color: #0a0a0a;
line-height: 1.25;
margin: 0;
letter-spacing: -0.4px;
}
.av-popup-form-head h2 span {
color: #e80101;
}
.av-popup-form-head p {
font-size: 14px;
color: #777;
margin: 6px 0 0;
line-height: 1.5;
} .av-popup-featured {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.av-popup-featured img { width: auto;
max-width: 100px;
object-fit: contain;  }
.av-popup-featured img:hover {
filter: grayscale(0) opacity(1);
} #av-exit-popup .av-popup-box {
display: grid;
grid-template-columns: 50% 50%;
width: 1100px;
max-width: calc(100% - 40px);
} .av-exit-right {
padding: 30px;
text-align: center;
background-image: url(//appvertical.kodefuse.com/wp-content/themes/appvertical/assets/images/new-popup/exit-form.webp); background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%; }
.av-exit-head-box {
position: relative;
z-index: 1;
text-align: center;
}
.av-exit-head-box h3 {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 35px;
font-weight: 700;
color: #333333;
line-height: 1.3;
margin: 0 auto 10px;
padding: 0 0 10px;
width: 75%;
}
.av-exit-head-box h3 span {
color: #e80101;
}
.av-exit-head-box p {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 16px;
font-weight: 500;
color: #333333;
line-height: 1.6;
margin: 0;
padding: 0;
} .av-exit-left {
flex: 0 0 50%;
padding: 30px;
background: #fff;
overflow-y: auto;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
} .av-exit-left::before {
content: "";
position: absolute;
background-image: url(//appvertical.kodefuse.com/wp-content/themes/appvertical/assets/images/new-popup/ribbon-1.png);
width: 376px;
height: 181px;
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
top: 0;
left: 0;
pointer-events: none;
z-index: 0;
}
.av-exit-left::after {
content: "";
position: absolute;
background-image: url(//appvertical.kodefuse.com/wp-content/themes/appvertical/assets/images/new-popup/ribbon-2.png);
width: 376px;
height: 181px;
background-repeat: no-repeat;
background-size: contain;
background-position: right center;
bottom: 0;
right: 0;
pointer-events: none;
z-index: 0;
} .av-exit-left > * {
position: relative;
z-index: 1;
} .av-exit-left .av-popup-form-head {
text-align: center;
margin-bottom: 0;
}
.av-exit-left .av-popup-form-head h2 {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 35px;
font-weight: 700;
color: #000000;
text-align: center;
margin-bottom: 20px;
line-height: 1.2;
}
.av-exit-left .av-popup-form-head h2 span {
color: #e80101;
}
.av-exit-left .av-popup-form-head p {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 16px;
font-weight: 500;
color: #333333;
text-align: center;
} .av-exit-left .av-form-group {
display: flex;
flex-wrap: wrap;
gap: 0 20px;
padding: 40px 0 0;
}
.av-exit-left .av-field--half {
flex: 0 0 calc(50% - 10px);
width: calc(50% - 10px);
height: 50px;
margin-bottom: 10px;
}
.av-exit-left .av-field--full {
flex: 0 0 100%;
width: 100%;
height: 50px;
margin-bottom: 30px;
}
.av-exit-left .av-field--full.av-exit-phone-wrap {
height: 50px;
}
.av-exit-left .av-field--full:has(textarea) {
height: auto;
} .av-exit-left .av-field input,
.av-exit-left .av-field textarea {
width: 100%;
height: 100%;
padding: 0 10px 20px;
color: #6e6e6e;
border: none;
border-bottom: 1px solid #333333;
background-color: transparent;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-weight: 500;
font-size: 16px;
outline: none;
border-radius: 0;
box-shadow: none;
}
.av-exit-left .av-field textarea {
padding: 10px;
height: 100px;
resize: none;
overflow: hidden;
}
.av-exit-left .av-field input::placeholder,
.av-exit-left .av-field textarea::placeholder {
color: #333333;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-weight: 500;
}
.av-exit-left .av-field input:focus,
.av-exit-left .av-field textarea:focus {
border-bottom-color: #e80101;
outline: none;
box-shadow: none;
}
.av-exit-left .av-field input:-webkit-autofill,
.av-exit-left .av-field input:-webkit-autofill:hover,
.av-exit-left .av-field input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
-webkit-text-fill-color: #6e6e6e !important;
} .av-exit-left .av-exit-phone-wrap .iti {
width: 100%;
height: 100%;
}
.av-exit-left .av-exit-phone-wrap .iti input[type="tel"],
.av-exit-left .av-exit-phone-wrap .iti .iti__tel-input {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
padding-bottom: 20px !important;
padding-right: 10px !important;
color: #6e6e6e !important;
border: none !important;
border-bottom: 1px solid #333333 !important;
background-color: transparent !important;
font-family: var(--font-gilroy, "Gilroy", sans-serif) !important;
font-weight: 500 !important;
font-size: 16px !important;
outline: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.av-exit-left .av-exit-phone-wrap .iti input[type="tel"]::placeholder {
color: #333333;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-weight: 500;
}
.av-exit-left .av-exit-phone-wrap .iti input[type="tel"]:focus {
border-bottom-color: #e80101 !important;
outline: none !important;
box-shadow: none !important;
}
.av-exit-left .av-exit-phone-wrap .iti__selected-country,
.av-exit-left .av-exit-phone-wrap .iti__flag-container {
background-color: transparent !important;
border: none !important;
padding: 0 8px 20px 0;
align-items: flex-end;
} .av-exit-left .av-form-submit {
background-color: #e80101;
color: #fff;
border: none;
padding: 14px 32px;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 16px;
font-weight: 600;
border-radius: 6px;
cursor: pointer;
display: block;
margin: 0 auto;
width: fit-content;
transition: background-color 0.2s;
}
.av-exit-left .av-form-submit:hover {
background-color: #c00;
} .av-exit-left .av-popup-featured {
justify-content: center;
margin-top: 30px;
flex-wrap: wrap;
gap: 12px;
} @media (max-width: 1440px) {
#av-exit-popup .av-popup-box {
max-width: 70%;
}
.av-exit-head-box h3 {
font-size: 25px;
}
}
@media (max-width: 1200px) {
#av-exit-popup .av-popup-box {
max-width: 100%;
}
.av-exit-left .av-popup-featured {
flex-wrap: wrap;
}
}
@media (max-width: 1024px) {
#av-exit-popup .av-popup-box {
grid-template-columns: 100%;
}
.av-exit-right {
display: none;
}
.av-exit-left .av-popup-form-head h2 {
font-size: 30px;
}
}
@media (max-width: 800px) {
#av-exit-popup .av-popup-box {
margin: 1rem;
}
}
@media (max-width: 550px) {
.av-exit-left .av-popup-featured {
display: none;
}
}
@media (max-width: 499px) {
#av-exit-popup .av-popup-box {
width: 90%;
max-width: 100% !important;
}
}
@media (max-width: 350px) {
.av-exit-left .av-popup-form-head h2 {
font-size: 22px;
margin: 0 0 5px;
}
} #av-lead-popup .popupForm {
display: block;
width: 1100px;
max-width: calc(100% - 40px);
max-height: calc(100% - 50px);
border-radius: 16px;
overflow-y: scroll;
overflow-x: hidden;
position: relative;
transform: scale(0.96) translateY(16px);
transition: transform 0.28s ease;
box-shadow:
0px 100px 80px rgba(184, 184, 184, 0.07),
0px 25.8162px 19px 4px rgba(178, 178, 178, 0.0456112),
0px 7.779px 7.30492px rgba(0, 0, 0, 0.035),
0px 1.48838px 2.0843px rgba(0, 0, 0, 0.0243888);
color: #000;
background: #f5f5f5 !important;
}
#av-lead-popup .popupForm::-webkit-scrollbar {
display: none;
}
#av-lead-popup.av-popup-open .popupForm {
transform: scale(1) translateY(0);
} #av-lead-popup .av-popup-close {
position: absolute;
top: 10px;
right: 10px;
background-color: #000;
color: #fff;
width: 26px;
height: 26px;
font-size: 15px;
z-index: 111111;
}
#av-lead-popup .av-popup-close:hover {
background-color: #333;
} .popupForm .form-contain {
display: grid;
grid-template-columns: 50% 50%;
min-height: 580px;
} .popupForm .rightSide {
padding: 80px 35px;
text-align: center;
background-image: url(//appvertical.kodefuse.com/wp-content/themes/appvertical/assets/images/new-popup/popupleft-bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.popupForm .headBox {
padding-bottom: 30px;
}
.popupForm .headBox h3 {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 30px;
font-weight: 700;
color: #333333;
margin: 0 auto;
padding: 0 0 10px;
width: 75%;
line-height: 1.3;
}
.popupForm .headBox p {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 16px;
font-weight: 500;
color: #333333;
margin: 0;
padding: 0;
} .popupForm .reviewSlider {
width: 80%;
margin: 0 auto;
position: relative;
padding: 10px;
}
.popupForm .reviewSlider::before {
content: "";
position: absolute;
border: 2px solid #e80101;
width: 100%;
height: 85%;
pointer-events: none;
z-index: 0;
bottom: 0;
left: 0;
border-radius: 5%;
}
.popupForm .singleReview {
position: relative;
z-index: 1;
text-align: left; }
.popupForm .singleReview > img {
width: 90px;
height: 88px;
object-fit: cover;
border-radius: 50%;
border: 2px solid red;
display: block;
margin: 0 auto 8px;
}
.popupForm .singleReview .title {
padding-top: 5px;
text-align: center;
}
.popupForm .singleReview .title h6 {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
color: #333333;
font-size: 19px;
font-weight: 800;
margin: 0 0 2px;
padding: 0;
}
.popupForm .singleReview .title p {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 13px;
color: #555;
margin: 0;
}
.popupForm .singleReview .review p {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-weight: 500;
font-size: 16px;
color: #444;
line-height: 1.6;
margin: 10px 0 0;
text-align: center;
}  .popupForm .popupSlider .swiper-button-prev,
.popupForm .popupSlider .swiper-button-next {
color: #e80101;
}
.popupSlider .swiper-button-prev::after,
.popupSlider .swiper-button-next::after {
background-color: #e80101;
color: #fff;
font-size: 14px;
padding: 6px 10px;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.popupSlider .swiper-button-prev::after {
position: absolute;
left: 0;
top: -107px;
z-index: 1;
}
.popupSlider .swiper-button-next::after {
position: absolute;
right: 0;
top: -107px;
z-index: 1;
} .popupForm .logoBox {
padding-top: 30px;
}
.popupForm .logoBox h3 {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 28px;
font-weight: 700;
color: #333333;
margin: 0;
padding: 0;
}
.popupForm .logoBox .logos {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 30px;
width: 100%;
align-items: center;
row-gap: 20px;
}
.popupForm .logoBox .logos .imageSingle {
text-align: center;
}
.popupForm .logoBox .logos .imageSingle img {
width: 80%;
height: auto;
object-fit: contain;
} .popupForm .leftSide {
padding: 30px;
display: flex;
flex-direction: column;
justify-content: flex-start; background: #f5f5f5 !important;
}
.popupForm .formHead h2 {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 35px;
font-weight: 700;
color: #000000;
margin-bottom: 20px;
line-height: 1.2;
text-align: left;
}
.popupForm .formHead h2 span {
color: #e80101;
}
.popupForm .formHead p {
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-size: 16px;
font-weight: 500;
color: #333333;
margin: 0 0 10px;
text-align: left;
} .popupForm .SideForm {
padding-right: 20px;
}
.popupForm .formCont {
padding: 40px 0;
} .popupForm .av-form-group {
display: block;
gap: 0;
}
.pf-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 20px;
width: 100%;
}
.pf-half,
.pf-full {
margin-bottom: 10px;
}
.pf-full {
width: 100%;
} .popupForm .av-field-error {
display: block;
color: #e80101;
font-size: 12px;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
margin-top: 4px;
line-height: 1.3;
} .popupForm .av-field {
height: 50px;
border: none;
border-radius: 0;
}
.popupForm .av-field.pf-message {
height: auto;
} .popupForm .av-field input {
width: 100%;
height: 100%;
padding: 0 10px 20px;
color: #6e6e6e;
border: none;
border-bottom: 1px solid #333333;
background-color: transparent;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-weight: 500;
font-size: 16px;
outline: none;
border-radius: 0;
box-shadow: none;
} .popupForm .av-field textarea {
width: 100%;
height: 100px;
min-height: unset;
overflow: hidden;
padding: 10px 10px;
color: #6e6e6e;
border: none;
border-bottom: 1px solid #333333;
background-color: transparent;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-weight: 500;
font-size: 16px;
outline: none;
border-radius: 0;
box-shadow: none;
resize: none;
}
.popupForm .av-field input::placeholder,
.popupForm .av-field textarea::placeholder {
color: #333333;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-weight: 500;
}
.popupForm .av-field input:focus,
.popupForm .av-field textarea:focus {
border-bottom-color: #e80101;
outline: none;
box-shadow: none;
}
.popupForm .av-field input:-webkit-autofill,
.popupForm .av-field input:-webkit-autofill:hover,
.popupForm .av-field input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
-webkit-text-fill-color: #6e6e6e !important;
}
.pf-submit {
text-align: center;
padding-top: 10px;
} .popupForm .av-field.pf-phone {
height: 50px;
}
.popupForm .pf-phone .iti {
width: 100%;
height: 100%;
} .popupForm .pf-phone .iti input[type="tel"],
.popupForm .pf-phone .iti .iti__tel-input {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
padding-bottom: 20px !important;
padding-right: 10px !important; color: #6e6e6e !important;
border: none !important;
border-bottom: 1px solid #333333 !important;
background-color: transparent !important;
font-family: var(--font-gilroy, "Gilroy", sans-serif) !important;
font-weight: 500 !important;
font-size: 16px !important;
outline: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.popupForm .pf-phone .iti input[type="tel"]::placeholder,
.popupForm .pf-phone .iti .iti__tel-input::placeholder {
color: #333333;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-weight: 500;
}
.popupForm .pf-phone .iti input[type="tel"]:focus,
.popupForm .pf-phone .iti .iti__tel-input:focus {
border-bottom-color: #e80101 !important;
outline: none !important;
box-shadow: none !important;
} .popupForm .pf-phone .iti__selected-country,
.popupForm .pf-phone .iti__flag-container {
background-color: transparent !important;
border: none !important;
padding: 0 8px 20px 0;
align-items: flex-end;
}
.popupForm .pf-phone .iti__selected-country:focus,
.popupForm .pf-phone .iti__selected-country:hover {
background: transparent !important;
outline: none;
} .popupForm .pf-phone .iti__dropdown-content {
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.popupForm .av-form-submit {
background-color: #e80101;
color: #fff;
border: 2px solid #e80101;
padding: 10px 40px;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-weight: 600;
font-size: 16px;
border-radius: 6px;
cursor: pointer;
transition:
background 0.2s,
color 0.2s;
display: inline-flex;
align-items: center;
gap: 8px;
}
.popupForm .av-form-submit:hover {
background-color: #fff;
color: #e80101;
}
.av-form-message {
font-size: 13px;
min-height: 16px;
} .popupForm .featuredHeading h3 {
color: #999999;
font-family: var(--font-gilroy, "Gilroy", sans-serif);
font-weight: 500;
font-size: 18px;
text-align: center;
position: relative;
margin: 0 0 20px;
}
.popupForm .featuredHeading h3::before {
content: "";
position: absolute;
background-color: #999999;
width: 32%;
height: 1px;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.popupForm .featuredHeading h3::after {
content: "";
position: absolute;
background-color: #999999;
width: 32%;
height: 1px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.popupForm .featuredList {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 30px;
}
.popupForm .featuredList .imageSingle img {
height: 30px;
width: auto;
object-fit: contain;
} @media (max-width: 1600px) {
.popupForm .rightSide {
padding: 25px 35px;
}
.popupForm .headBox {
padding-bottom: 15px;
}
.popupForm .headBox h3 {
font-size: 25px;
width: 100%;
}
.popupForm .logoBox {
padding-top: 15px;
}
.popupForm .logoBox h3 {
font-size: 25px;
}
.popupForm .formHead h2 {
font-size: 30px;
}
.popupForm .formCont {
padding: 20px 0;
}
}
@media screen and (max-width: 1440px) {
#av-lead-popup .popupForm {
max-width: 70%;
width: 100%;
}
.popupForm .rightSide {
padding: 50px 35px;
}
}
@media screen and (max-width: 1200px) {
#av-lead-popup .popupForm {
max-width: 100%;
}
}
@media (max-width: 1024px) {
.popupForm .form-contain {
grid-template-columns: 100%;
}
.popupForm .rightSide {
display: none;
}
.popupForm .formHead h2 br {
display: none;
}
.popupForm .formHead h2 {
text-align: center;
}
.popupForm .formHead p {
text-align: center;
}
}
@media screen and (max-width: 1025px) {
#av-lead-popup .popupForm {
max-width: 100%;
margin: 0 auto;
}
}
@media (max-width: 840px) {
.av-exit-right {
display: none;
}
#av-exit-popup .av-popup-box {
max-width: 480px;
border-radius: 14px;
}
.av-exit-left {
padding: 36px 24px;
}
}
@media screen and (max-width: 800px) {
#av-lead-popup .popupForm {
margin: 0;
width: 100%;
min-height: auto;
}
}
@media (max-width: 550px) {
.popupForm .featuredHeading {
display: none;
}
}
@media (max-width: 480px) {
.av-popup-overlay {
padding: 10px;
align-items: flex-end;
}
.av-popup-box {
border-radius: 14px 14px 0 0;
max-height: 88vh;
}
#av-lead-popup .popupForm {
border-radius: 14px 14px 0 0;
max-height: 88vh;
}
.av-exit-left {
padding: 28px 18px;
}
.popupForm .leftSide {
padding: 28px 18px;
}
.popupForm .formHead h2 {
font-size: 22px;
margin: 0 0 5px;
}
.av-popup-form-head h2 {
font-size: 20px;
}
}
@media screen and (max-width: 499px) {
#av-lead-popup .popupForm {
width: 90%;
max-width: 100% !important;
}
}
@media (max-width: 350px) {
.popupForm .formHead h2 {
font-size: 22px;
margin: 0 0 5px;
}
}.mobileAppBanner {
padding: 100px 0;
position: relative;
}
.mobileAppBanner__main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}
.mobileAppBanner__left h1 {
font-size: 42px;
font-weight: 700;
color: #000;
line-height: 1.2;
}
.mobileAppBanner__left h1 span {
color: #e80101;
display: inline;
}
.mobileAppBanner__left p {
font-size: 18px;
font-weight: 500;
color: #2c2c2c;
padding: 20px 0 30px;
margin: 0;
line-height: 1.5;
} .mobileAppBanner.layoutTwo .mobileAppBanner__main {
gap: 100px;
}
.mobileAppBanner.layoutTwo .mobileAppBanner__left h1 {
font-size: 64px;
font-weight: 800;
}
.mobileAppBanner.layoutTwo .mobileAppBanner__left h1 span {
color: #e80101;
display: inline;
} .mobileAppBanner.career {
padding: 200px 0;
overflow: hidden;
} .mobileAppBanner.career::before {
content: '';
position: absolute; background-image: url(//appvertical.kodefuse.com/wp-content/themes/appvertical/assets/images/careers/career-banner.png); background-image: var(--crb-bg, url(//appvertical.kodefuse.com/wp-content/themes/appvertical/assets/images/careers/career-banner.png));
background-position: center right;
background-size: contain;
background-repeat: no-repeat;
width: 50%;
height: 80%;
right: 0;
top: 0;
bottom: 0;
margin: auto;
pointer-events: none;
z-index: 0;
} .mobileAppBanner.career .mobileAppBanner__left {
position: relative;
z-index: 1;
} @media (max-width: 1400px) {
.mobileAppBanner.layoutTwo .mobileAppBanner__left h1 { font-size: 50px; }
.mobileAppBanner.layoutTwo .mobileAppBanner__main    { gap: 80px; }
}
@media (max-width: 1200px) {
.mobileAppBanner.layoutTwo .mobileAppBanner__left h1 { font-size: 45px; }
.mobileAppBanner.layoutTwo .mobileAppBanner__main    { gap: 50px; }
.mobileAppBanner__left h1                            { font-size: 38px; }
.mobileAppBanner__left p                             { font-size: 16px; }
}
@media (max-width: 991px) { .mobileAppBanner.career {
padding: 100px 0;
background-color: #f7f7f7;
}
.mobileAppBanner.career::before {
display: none;
}
.mobileAppBanner__main {
grid-template-columns: 1fr;
text-align: center;
}
.mobileAppBanner.layoutTwo .mobileAppBanner__main    { gap: 30px; }
.mobileAppBanner.layoutTwo .mobileAppBanner__left h1 { font-size: 40px; }
}
@media (max-width: 767px) {
.mobileAppBanner.layoutTwo .mobileAppBanner__left h1 { font-size: 30px; }
}
@media (max-width: 575px) {
.mobileAppBanner.layoutTwo .mobileAppBanner__left h1 { font-size: 26px; }
.mobileAppBanner__left p                             { font-size: 14px; }
}.av-lp-page .bannerTwo .logos {
display: none !important;
}
.av-lp-page .clientTestimonial .founderSlider .slider-info .info-content{
color: #ffffff;
}
.main-process .card {
background: transparent;
}
.whyChoose .single img {
width: 65px;
height: 65px;
}
.page-id-853 .mobileApp {
padding-bottom: 0;
}
.buildFeatures .bf__single img {
width: 45px;
height: 45px;
}
.av-lp-page .OdooAwards .bottom .single img{
width: 80%;
}
.cspSlider .card .content .rightSide.coke, .cspSlider .card .content .rightSide.spruce, .cspSlider .card .content .rightSide.amaya, .cspSlider .card .content .rightSide.glee, .cspSlider .card .content .rightSide.fishfin, .cspSlider .card .content .rightSide.obituary, .cspSlider .card .content .rightSide.budget, .cspSlider .card .content .rightSide.cptns, .cspSlider .card .content .rightSide.shopLocal, .cspSlider .card .content .rightSide.cpcg, .cspSlider .card .content .rightSide.birds, .cspSlider .card .content .rightSide.openhouse{
justify-content:flex-end;
}
.cspSlider .card .content .rightSide.coke .imgContainer img {
width: 400px;
}
.cspSlider .card .content .rightSide.spruce .imgContainer img {
width: 535px;
}
.cspSlider .card .content .rightSide.cheval .imgContainer img{
width: 470px;
}
.cspSlider .card .content .rightSide.glee .imgContainer img {
width: 280px;
}
.cspSlider .card .content .rightSide.amaya .imgContainer img {
width: 380px;
}
.cspSlider .card .content .rightSide.stance .imgContainer img {
width: 360px;
}
.cspSlider .card .content .rightSide.obituary .imgContainer img {
width: 370px;
}
.cspSlider .card .content .rightSide.fishfin .imgContainer img {
width: 370px;
}
.cspSlider .card .content .rightSide.budget .imgContainer img {
width: 424px;
}
.cspSlider .card .content .rightSide.cptns .imgContainer img {
width: 350px;
}
.cspSlider .card .content .rightSide.shopLocal .imgContainer img {
width: 430px;
}
.cspSlider .card .content .rightSide.birds .imgContainer img {
width: 380px;
}
.main-process .card.active .card__infos {
left: 0;
height: auto;
bottom: 0;
}
.page-id-224 .mobileAppBanner__topButtons {
justify-content: flex-start;
}
@media (max-width: 1440px) {
}
@media (max-width: 1366px) {
.cspSlider .card .content .rightSide.coke .imgContainer img {
width: 400px !important;
}
.cspSlider .card .content .rightSide.spruce .imgContainer img {
width: 480px !important;
}
.cspSlider .card .content .rightSide.cheval .imgContainer img{
width: 400px !important;
}
.cspSlider .card .content .rightSide.glee .imgContainer img {
width: 290px !important;
}
.cspSlider .card .content .rightSide.obituary .imgContainer img {
width: 380px !important;
height: auto;
}
.cspSlider .card .content .rightSide.cptns .imgContainer img {
width: 340px !important;
}
} @media (max-width: 1199px) {
.av-cst__head h2 {
font-size: 38px;
}
.imgCta h2 br {
display: none;
}
.av-lp-page .clientLogos.colSix .images .single {
width: 20%;
}
.av-lp-page .clientLogos.colSix .main h2{
font-size: 38px;
}
.av-lp-page .guaranteedSuccess .main h2 br{
display: none;
}
.av-lp-page .guaranteedSuccess .main h2{
font-size: 38px;
}
.av-lp-page .whyChoose .main p{
width: 100%;
}
.main-process .card h3.beforehover {
font-size: 35px;
left: 2.5rem;
}
} @media (max-width: 991px) {
.av-cst__head h2 {
font-size: 35px;
}
.av-lp-page .guaranteedSuccess .main h2{
font-size: 35px;
}
.main-process .cards{
flex-direction:column;
}
.av-lp-page .growthImpact .main .counter .counterGrid .number h4{
font-size:80px;
}
.av-lp-page .OdooAwards .main .right {
display: flex;
justify-content: center;
}
.testimonials .left .info .clientName {
font-size: 18px;
}
.av-lp-page .clientLogos.colSix .images .single {
width: 23%;
}
.ist__mobBody p {
color: #2c2c2c;
text-align: center;
margin-bottom: 20px;
}
.ist__mobAccordion .accordion-button:not(.collapsed) {
color: #2c2c2c;
text-align: center;
margin: auto;
}
.industry-leading__image {
text-align: center;
justify-content: center;
}
.mobileAppBanner__btnWrapper {
flex-direction: column;
}
.cspSlider .btnWrapper {
width: max-content;
}
.trustedByIndustry .gridLayout .sliderItem {
width: 200px;
height: 100px;
}
.industry-leading__image img {
width: 100% !important;
height: auto !important;
}
.cspSlider .btnWrapper {
width: max-content;
}
.main-process .cards{
flex-direction: column;
}
.main-process .card{
width: 100%;
padding: 20px 30px;
bottom: 0;
}
.main-process .card h3.beforehover {
left: 0;
display: flex;
align-items: center;
justify-content: center;
writing-mode: unset;
right: 0;
top: 0;
bottom: 0;
font-size: 20px;
}
.csp-mob-slider .coke .caseStudyImg img {
width: 45%;
}
.csp-mob-slider .single.stance .caseStudyImg img {
width: 40%;
top: -65px;
}
.csp-mob-pagination .csp-prev:hover svg, .csp-mob-pagination .csp-next:hover svg {
fill: #212529;
}
.csp-mob-slider .caseStudy > p{
font-size: 20px;
}
.csp-mob-slider .single.budget .caseStudyImg img {
width: 43%;
top: -40px;
}
.page-id-224 .mobileAppBanner__topButtons {
justify-content: center;
}
} @media (max-width: 767px) {
.av-cst__head h2 {
font-size: 30px;
}
.av-lp-page .guaranteedSuccess .main h2{
font-size: 30px;
}
.trustedByIndustry .gridLayout .sliderItem {
width: 200px;
height: 110px;
}
.csp-mob-slider .caseStudy > p {
font-size: 16px;
}
} @media (max-width: 575px) {
.av-lp-page .guaranteedSuccess .main h2 {
font-size: 28px;
}
.av-lp-page .guaranteedSuccess .main h2{
font-size: 28px;
}
.imgCta.blackText .main .right h2,
.imgCta.blackText .main .right p {
color: #ffffff;
}
.av-lp-page .clientLogos.colSix .images .single {
width: 40%;
}
.wab__btn {
font-size: 14px;
padding: 10px 20px;
}
.wab__left {
padding: 25px 10px;
}
.av-cst__head h2 {
font-size: 26px;
}
.industry-leading__image img {
height: auto !important;
}
.av-primary-btn {
font-size: 14px;
padding: 10px 20px;
}
.timelineSlider .main .costSlider .single .grid .right {
border-left: none;
padding-left: 0;
padding-top: 20px;
}
.av-lp-page .clientLogos.colSix .main h2{
font-size: 28px;
}
.av-lp-page .guaranteedSuccess .main h2 {
font-size: 28px;
}
.csp-mob-slider .coke .caseStudyImg img {
width: 45%;
top: -50px;
}
.csp-mob-slider .cheval .caseStudyImg img {
width: 50%;
top: -50px;
}
.csp-mob-slider .single.amaya .caseStudyImg img {
width: 40%;
top: -10%;
}
.csp-mob-slider .single.stance .caseStudyImg img {
width: 40%;
top: -15%;
}
.csp-mob-slider .single.glee .caseStudyImg img {
width: 35%;
top: -70px;
}
.csp-mob-slider .single.fishfin .caseStudyImg img {
width: 43%;
top: -10%;
}
.csp-mob-slider .single.cptns .caseStudyImg img{
width: 50%;
}
.csp-mob-slider .single.shopLocal  .caseStudyImg img {
width: 45%;
top: -33px;
}
}
@media (max-width: 426px) {
.mobileAppBanner__topButtons {
width: 100%;
}
}
@media (max-width: 320px) {
.cardBox .flip-card-front {
min-height: 340px;
}
.cardBox .flip-card-back {
min-height: 340px;
}
.cardBox .flip-card {
min-height: 340px;
}
} @media (max-width: 400px) {
}