:root {
    --bsSecondry1__wr: #404E41;
    --bsSecondry2__wr: #39463A;
    --bsSecondry3__wr: #323F33;
    --bsSecondry4__wr: #2A372C;
    --bsSecondry5__wr: #232F25;
    --bsSecondry6__wr: #242f24;
    --bsPrimary1__wr: #E5D88A;
    --bsPrimary2__wr: #D7C175;
    --bsPrimary3__wr: #C9A960;
    --bsPrimary4__wr: #BB924A;
    --bsPrimary5__wr: #FECE0C;
    --bsPrimary6__wr: #AE7C37;
    --bsGrey100__wr: #DEE2E6;
    --bsYellow50__wr: #fffced;
    --bsWhite__wr: #ffffff;
    --bsBlack__wr: #000000;
    --bsBlack800__wr: #222222;
    --bsBlack890__wr: #141414;
    --bsApple__wr: #1F2C37;
    --bsFaceBook__wr: #4267B2;
    --bsTwitter__wr: #1DA1F2;
    --bsLinkedin__wr: #2167F0;
    --bsWatsapp__wr: #0dc143;
    --blue35: #BAE4F4;
    --blue55: #73D8FF;
    --blue145: #889EF0;
    --pink45: #FB9A9A;
    --purple45: #B983FF;
    --yellow65: #FFD864;
    --green245: #76CCA1;
    --orange160: #EF9C66;
    --maroon140: #C98474;
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --primaryFont: "Inter", sans-serif;
    --headingFont: "Wix Madefor Display", sans-serif
}

@font-face {
    font-family: "Inter";
    src: url(../fonts/inter/Inter-Thin.eot);
    src: url('../fonts/inter/Inter-Thin.eot?#iefix') format('embedded-opentype'), url(../fonts/inter/Inter-Thin.woff2) format('woff2'), url(../fonts/inter/Inter-Thin.woff) format('woff'), url(../fonts/inter/Inter-Thin.ttf) format('truetype'), url('../fonts/inter/Inter-Thin.svg#Inter28pt-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Inter";
    src: url(../fonts/inter/Inter-ExtraLight.eot);
    src: url('../fonts/inter/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'), url(../fonts/inter/Inter-ExtraLight.woff2) format('woff2'), url(../fonts/inter/Inter-ExtraLight.woff) format('woff'), url(../fonts/inter/Inter-ExtraLight.ttf) format('truetype'), url('../fonts/inter/Inter-ExtraLight.svg#Inter28pt-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Inter";
    src: url(../fonts/inter/Inter-Light.eot);
    src: url('../fonts/inter/Inter-Light.eot?#iefix') format('embedded-opentype'), url(../fonts/inter/Inter-Light.woff2) format('woff2'), url(../fonts/inter/Inter-Light.woff) format('woff'), url(../fonts/inter/Inter-Light.ttf) format('truetype'), url('../fonts/inter/Inter-Light.svg#Inter28pt-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

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

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

@font-face {
    font-family: "Inter";
    src: url(../fonts/inter/Inter-SemiBold.eot);
    src: url('../fonts/inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url(../fonts/inter/Inter-SemiBold.woff2) format('woff2'), url(../fonts/inter/Inter-SemiBold.woff) format('woff'), url(../fonts/inter/Inter-SemiBold.ttf) format('truetype'), url('../fonts/inter/Inter-SemiBold.svg#Inter28pt-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Inter";
    src: url(../fonts/inter/Inter-Bold.eot);
    src: url('../fonts/inter/Inter-Bold.eot?#iefix') format('embedded-opentype'), url(../fonts/inter/Inter-Bold.woff2) format('woff2'), url(../fonts/inter/Inter-Bold.woff) format('woff'), url(../fonts/inter/Inter-Bold.ttf) format('truetype'), url('../fonts/inter/Inter-Bold.svg#Inter28pt-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Inter";
    src: url(../fonts/inter/Inter-ExtraBold.eot);
    src: url('../fonts/inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'), url(../fonts/inter/Inter-ExtraBold.woff2) format('woff2'), url(../fonts/inter/Inter-ExtraBold.woff) format('woff'), url(../fonts/inter/Inter-ExtraBold.ttf) format('truetype'), url('../fonts/inter/Inter-ExtraBold.svg#Inter28pt-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Inter";
    src: url(../fonts/inter/Inter-Black.eot);
    src: url('../fonts/inter/Inter-Black.eot?#iefix') format('embedded-opentype'), url(../fonts/inter/Inter-Black.woff2) format('woff2'), url(../fonts/inter/Inter-Black.woff) format('woff'), url(../fonts/inter/Inter-Black.ttf) format('truetype'), url('../fonts/inter/Inter-Black.svg#Inter28pt-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url(../fonts/wix-madefor-display/WixMadeforDisplay-Regular.eot);
    src: url('../fonts/wix-madefor-display/WixMadeforDisplay-Regular.eot?#iefix') format('embedded-opentype'), url(../fonts/wix-madefor-display/WixMadeforDisplay-Regular.woff2) format('woff2'), url(../fonts/wix-madefor-display/WixMadeforDisplay-Regular.woff) format('woff'), url(../fonts/wix-madefor-display/WixMadeforDisplay-Regular.ttf) format('truetype'), url('../fonts/wix-madefor-display/WixMadeforDisplay-Regular.svg#WixMadeforDisplay-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url(../fonts/wix-madefor-display/WixMadeforDisplay-Medium.eot);
    src: url('../fonts/wix-madefor-display/WixMadeforDisplay-Medium.eot?#iefix') format('embedded-opentype'), url(../fonts/wix-madefor-display/WixMadeforDisplay-Medium.woff2) format('woff2'), url(../fonts/wix-madefor-display/WixMadeforDisplay-Medium.woff) format('woff'), url(../fonts/wix-madefor-display/WixMadeforDisplay-Medium.ttf) format('truetype'), url('../fonts/wix-madefor-display/WixMadeforDisplay-Medium.svg#WixMadeforDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url(../fonts/wix-madefor-display/WixMadeforDisplay-SemiBold.eot);
    src: url('../fonts/wix-madefor-display/WixMadeforDisplay-SemiBold.eot?#iefix') format('embedded-opentype'), url(../fonts/wix-madefor-display/WixMadeforDisplay-SemiBold.woff2) format('woff2'), url(../fonts/wix-madefor-display/WixMadeforDisplay-SemiBold.woff) format('woff'), url(../fonts/wix-madefor-display/WixMadeforDisplay-SemiBold.ttf) format('truetype'), url('../fonts/wix-madefor-display/WixMadeforDisplay-SemiBold.svg#WixMadeforDisplay-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url(../fonts/wix-madefor-display/WixMadeforDisplay-Bold.eot);
    src: url('../fonts/wix-madefor-display/WixMadeforDisplay-Bold.eot?#iefix') format('embedded-opentype'), url(../fonts/wix-madefor-display/WixMadeforDisplay-Bold.woff2) format('woff2'), url(../fonts/wix-madefor-display/WixMadeforDisplay-Bold.woff) format('woff'), url(../fonts/wix-madefor-display/WixMadeforDisplay-Bold.ttf) format('truetype'), url('../fonts/wix-madefor-display/WixMadeforDisplay-Bold.svg#WixMadeforDisplay-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url(../fonts/wix-madefor-display/WixMadeforDisplay-ExtraBold.eot);
    src: url('../fonts/wix-madefor-display/WixMadeforDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'), url(../fonts/wix-madefor-display/WixMadeforDisplay-ExtraBold.woff2) format('woff2'), url(../fonts/wix-madefor-display/WixMadeforDisplay-ExtraBold.woff) format('woff'), url(../fonts/wix-madefor-display/WixMadeforDisplay-ExtraBold.ttf) format('truetype'), url('../fonts/wix-madefor-display/WixMadeforDisplay-ExtraBold.svg#WixMadeforDisplay-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

* {
    box-sizing: border-box
}

*::before,
*::after {
    box-sizing: border-box
}

html {
    font-synthesis: none
}

.h1:last-child,
.h1:only-child,
.h2:last-child,
.h2:only-child,
.h3:last-child,
.h3:only-child,
.h4:last-child,
.h4:only-child,
.h5:last-child,
.h5:only-child,
.h6:last-child,
.h6:only-child,
h1:last-child,
h1:only-child,
h2:last-child,
h2:only-child,
h3:last-child,
h3:only-child,
h4:last-child,
h4:only-child,
h5:last-child,
h5:only-child,
h6:last-child,
h6:only-child {
    margin-bottom: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 400;
    line-height: 1.2;
    color: inherit
}

.font-primary {
    font-family: var(--primaryFont) !important
}

.font-heading {
    font-family: var(--headingFont) !important
}

.container__wr,
.row {
    --bs-gutter-x: 1.5rem
}

.img-fluid {
    height: auto
}

.img-fluid,
.row>* {
    max-width: 100%
}

.g-0,
.gy-0,
.row {
    --bs-gutter-y: 0
}

.darkBtn__wr .labelText__wr,
.offcanvas_form_wrapper.open .offcanvas_btnwrapper .offcanvas_closebtn,
.primayBtn__wr .labelText__wr {
    display: inline-block
}

body {
    font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    font-family: var(--primaryFont);
    margin: 0;
}

.needHelpWrapSec__wr,
.noScroll__wr {
    overflow: hidden
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
    position: relative
}

.fs-170-24 {
    font-size: clamp(1.5rem, -4.8786rem + 17.7184vw, 10.625rem) !important
}

.fs-170-20 {
    font-size: clamp(1.25rem, -5.3034rem + 18.2039vw, 10.625rem) !important
}

.fs-160-24 {
    font-size: clamp(1.5rem, -4.4417rem + 16.5049vw, 10rem) !important
}

.fs-160-20 {
    font-size: clamp(1.25rem, -4.8665rem + 16.9903vw, 10rem) !important
}

.fs-72-20 {
    font-size: clamp(1.25rem, -1.0218rem + 6.3107vw, 4.5rem) !important
}

.fs-72-18 {
    font-size: clamp(1.125rem, -1.2342rem + 6.5534vw, 4.5rem) !important
}

.fs-64-32 {
    font-size: clamp(2rem, 0.6019rem + 3.8835vw, 4rem) !important
}

.fs-56-24 {
    font-size: clamp(1.5rem, 0.1061rem + 3.8788vw, 3.5rem) !important
}

.fs-56-20 {
    font-size: clamp(1.25rem, -0.3182rem + 4.3636vw, 3.5rem) !important
}

.fs-56-18 {
    font-size: clamp(1.125rem, -0.5303rem + 4.6061vw, 3.5rem) !important
}

.fs-56-16 {
    font-size: clamp(1rem, -0.7424rem + 4.8485vw, 3.5rem) !important
}

.fs-56-14 {
    font-size: clamp(0.875rem, -0.9545rem + 5.0909vw, 3.5rem) !important
}

.fs-48-32 {
    font-size: clamp(2rem, 1.301rem + 1.9417vw, 3rem) !important
}

.fs-48-24 {
    font-size: clamp(1.5rem, 0.4515rem + 2.9126vw, 3rem) !important
}

.fs-48-20 {
    font-size: clamp(1.25rem, 0.0267rem + 3.3981vw, 3rem) !important
}

.fs-48-18 {
    font-size: clamp(1.125rem, -0.1857rem + 3.6408vw, 3rem) !important
}

.fs-48-16 {
    font-size: clamp(1rem, -0.3981rem + 3.8835vw, 3rem) !important
}

.fs-48-14 {
    font-size: clamp(0.875rem, -0.6104rem + 4.1262vw, 3rem) !important
}

.fs-40-20 {
    font-size: clamp(1.25rem, 0.3762rem + 2.4272vw, 2.5rem) !important
}

.fs-36-20 {
    font-size: clamp(1.25rem, 0.551rem + 1.9417vw, 2.25rem) !important
}

.fs-32-24 {
    font-size: clamp(1.5rem, 1.1505rem + 0.9709vw, 2rem) !important
}

.fs-32-20 {
    font-size: clamp(1.25rem, 0.7257rem + 1.4563vw, 2rem) !important
}

.fs-32-18 {
    font-size: clamp(1.125rem, 0.5133rem + 1.699vw, 2rem) !important
}

.fs-32-16 {
    font-size: clamp(1rem, 0.301rem + 1.9417vw, 2rem) !important
}

.fs-32-14 {
    font-size: clamp(0.875rem, 0.0886rem + 2.1845vw, 2rem) !important
}

.fs-30-20 {
    font-size: clamp(1.25rem, 0.8131rem + 1.2136vw, 1.875rem) !important
}

.fs-30-18 {
    font-size: clamp(1.125rem, 0.6007rem + 1.4563vw, 1.875rem) !important
}

.fs-30-16 {
    font-size: clamp(1rem, 0.3883rem + 1.699vw, 1.875rem) !important
}

.fs-30-14 {
    font-size: clamp(0.875rem, 0.176rem + 1.9417vw, 1.875rem) !important
}

.fs-24-18 {
    font-size: clamp(1.125rem, 0.8629rem + 0.7282vw, 1.5rem) !important
}

.fs-24-16 {
    font-size: clamp(1rem, 0.6505rem + 0.9709vw, 1.5rem) !important
}

.fs-24-14 {
    font-size: clamp(0.875rem, 0.4381rem + 1.2136vw, 1.5rem) !important
}

.fs-20-18 {
    font-size: clamp(1.125rem, 1.0376rem + 0.2427vw, 1.25rem) !important
}

.fs-20-16 {
    font-size: clamp(1rem, 0.8252rem + 0.4854vw, 1.25rem) !important
}

.fs-20-14 {
    font-size: clamp(0.875rem, 0.6129rem + 0.7282vw, 1.25rem) !important
}

.fs-18-16 {
    font-size: clamp(1rem, 0.9126rem + 0.2427vw, 1.125rem) !important
}

.fs-18-14 {
    font-size: clamp(0.875rem, 0.7002rem + 0.4854vw, 1.125rem) !important
}

.fs-17-14 {
    font-size: clamp(0.875rem, 0.7447rem + 0.3632vw, 1.0625rem) !important
}

.fs-16-14 {
    font-size: clamp(0.875rem, 0.7876rem + 0.2427vw, 1rem) !important
}

.fs-16-12 {
    font-size: clamp(0.75rem, 0.5752rem + 0.4854vw, 1rem) !important
}

.fs-48 {
    font-size: 48px !important
}

.fs-40 {
    font-size: 40px !important
}

.fs-36 {
    font-size: 36px !important
}

.fs-32 {
    font-size: 32px !important
}

.fs-24 {
    font-size: 24px !important
}

.fs-23 {
    font-size: 23px !important
}

.fs-22 {
    font-size: 22px !important
}

.fs-21 {
    font-size: 21px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-19 {
    font-size: 19px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-17 {
    font-size: 17px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-13 {
    font-size: 13px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-11 {
    font-size: 11px !important
}

.fs-10 {
    font-size: 10px !important
}

.fw-100 {
    font-weight: 100 !important
}

.fw-200 {
    font-weight: 200 !important
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fw-900 {
    font-weight: 900 !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-1-1 {
    line-height: 1.1 !important
}

.lh-1-2 {
    line-height: 1.2 !important
}

.lh-1-3 {
    line-height: 1.3 !important
}

.lh-1-4 {
    line-height: 1.4 !important
}

.lh-1-5 {
    line-height: 1.5 !important
}

.lh-1-6 {
    line-height: 1.6 !important
}

.lh-1-7 {
    line-height: 1.7 !important
}

.lh-1-8 {
    line-height: 1.8 !important
}

.lh-1-9 {
    line-height: 1.9 !important
}

.lh-2 {
    line-height: 2 !important
}

.bg-black {
    background-color: var(--bsBlack__wr)
}

.bg-blue55 {
    background-color: var(--blue55)
}

.bg-blue145 {
    background-color: var(--blue145)
}

.bg-pink45 {
    background-color: var(--pink45)
}

.bg-purple45 {
    background-color: var(--purple45)
}

.bg-yellow65 {
    background-color: var(--yellow65)
}

.bg-green245 {
    background-color: var(--green245)
}

.bg-orange160 {
    background-color: var(--orange160)
}

.bg-maroon140 {
    background-color: var(--maroon140)
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto
}

.container__wr {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.w-100 {
    width: 100% !important
}

.h-100 {
    height: 100% !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-center {
    align-items: center !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 0.25rem !important
}

.mb-2 {
    margin-bottom: 0.5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.p-32px,
.pt-32px,
.py-32px {
    padding-top: 2rem !important
}

.p-32px,
.pb-32px,
.py-32px {
    padding-bottom: 2rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.gx-1 {
    --bs-gutter-x: 0.25rem
}

.gap-2 {
    gap: 0.5rem !important
}

.row-gap-1 {
    row-gap: 0.25rem !important
}

.row-gap-2 {
    row-gap: 0.5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.column-gap-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
    transition: 0.5s
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.list-inside {
    list-style-position: inside !important
}

.list-unstyled {
    list-style: none !important
}

.position-relative {
    position: relative !important
}

.overflow-hidden {
    overflow: hidden !important
}

.hov-text-white:hover,
.text-white {
    color: var(--bsWhite__wr) !important
}

.hov-text-black:hover,
.text-black {
    color: var(--bsBlack__wr) !important
}

.hov-text-primary:hover,
.text-primary {
    color: var(--bsPrimary5__wr) !important
}

.bg-primary {
    background-color: var(--bsPrimary5__wr) !important
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

p:last-child,
p:only-child {
    margin-bottom: 0
}

.primayBtn__wr {
    display: inline-flex;
    background-color: #4a494b;
    border-radius: 2rem;
    padding: .1rem;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    border: none
}

.primayBtn__wr .card-gradient {
    height: auto;
    width: 30000%
}

.mainBnrFormBlock__wr .primayBtn__wr .card-gradient {
    width: 30rem
}

.primayBtn__wr .btnWrap {
    display: inline-flex;
    background: linear-gradient(126deg, #282629, #1A1A1A);
    border-radius: 46px;
    position: relative;
    overflow: hidden;
    z-index: 100;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
    color: var(--bsWhite__wr);
    align-items: center;
    justify-content: center;
    display: inline-flex;
    gap: 8px;
    padding: 12px 48px;
    outline: 0;
    cursor: pointer;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s
}

.primayBtn__wr.fullBtn__wr .btnWrap {
    width: 100%
}

.primayBtn__wr .btnWrap::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: #FECE0C;
    border-radius: 46px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.primayBtn__wr .btnWrap * {
    position: relative;
    z-index: 2
}

.primayBtn__wr:hover .btnWrap {
    color: var(--bsBlack__wr)
}

.primayBtn__wr:hover .btnWrap::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.darkBtn__wr {
    color: var(--bsWhite__wr)
}

.darkBtn__wr {
    background-color: var(--bsBlack__wr)
}

.primayBtn__wr:hover {
    color: var(--bsPrimary5__wr)
}

.darkBtn__wr {
    border-radius: 46px;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--bsBlack__wr);
    text-decoration: none;
    transition: 0.5s
}

.primayBtn__wr.secondaryBtn .btnWrap {
    background: unset;
    width: 220.76px
}

.mainBnrContent__wr .primayBtn__wr.secondaryBtn .btnWrap {
    width: unset
}

.secPreTitle__wr,
.secSubTitle__wr,
.secTitle__wr {
    color: inherit
}

.darkBtn__wr:hover {
    color: var(--bsBlack__wr);
    background-color: var(--bsWhite__wr);
    border-color: var(--bsWhite__wr)
}

.darkBtn__wr.hovPrimayBtn:hover {
    color: var(--bsBlack__wr);
    background-color: var(--bsPrimary5__wr);
    border-color: var(--bsPrimary5__wr)
}

.secTitle__wr {
    font-size: clamp(1.25rem, 0.2945rem + 2.6634vw, 2.625rem);
    font-weight: 700;
    line-height: 1.2
}

.secSubTitle__wr {
    font-size: clamp(1rem, 0.6525rem + 0.9685vw, 1.5rem);
    font-weight: 400;
    line-height: 1.2
}

.secTitleWrapCenter__wr,
.secTitleWrapCenter__wr .secPreTitle__wr,
.secTitleWrapCenter__wr .secSubTitle__wr,
.secTitleWrapCenter__wr .secTitle__wr {
    text-align: center
}

.secTitle__wr:has(+.secSubTitle__wr),
.secTitle__wr:has(+p) {
    margin-bottom: 16px
}

.parentSec__wr {
    padding: 64px 0;
    position: relative
}

.parentSec__wr .container__wr {
    position: relative;
    z-index: 2
}

.overlayBgFigure__wr {
    display: flex;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.overlayBgFigure__wr::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--bsBlack__wr);
    opacity: .5
}

.overlayBgFigure__wr img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.content__wr p:last-child,
.content__wr p:only-child,
.happyClientsTitleWrap__wr,
.mainBnrText__wr p:last-child,
.mainBnrText__wr p:only-child,
.reviewContent p,
.reviewMoadlContainer .reviewContent p,
.secTitleWrap__wr p:last-child,
.secTitleWrap__wr p:only-child {
    margin-bottom: 0
}

.absolute-full {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.hov-shadow-img:hover img {
    filter: drop-shadow(0 0 5px rgba(0 0 0 / 50%))
}

.has-transition {
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.hov-scale-img:hover img,
.hov-scale:hover {
    transform: scale(1.05)
}

.list-styled,
.navBarNav__wr {
    list-style: none
}

.list-styled li {
    position: relative;
    padding-left: 24px !important
}

.list-styled li::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 13px
}

.list-styled li::before {
    background-color: var(--bsWhite__wr)
}

.pageHeader__wr {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1024
}

.pageNavTopBar__wr {
    padding: 8px 0;
    background-color: #000
}

.pageNavTopBar__wr .container__wr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navTopBarInfo__wr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px
}

.navTopInfoItem__wr {
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px
}

.navTopInfoItem__wr>a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: none;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s
}

.navTopInfoItem__wr i {
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff0;
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s
}

.navTopInfoItem__wr:hover a {
    color: #FFCD10;
    text-decoration: none
}

.navTopInfoItem__wr:hover i {
    background: #FFCD10;
    border-color: #FFCD10;
    color: #000
}

.navTopEndBarInfo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px
}

.navTopOffer {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #000 !important;
    text-transform: uppercase;
    background-color: #fff;
    padding: 4px 24px;
    border-radius: 50rem;
    text-decoration: none
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .week-days,
#CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .weeks .week,
.instaFigure__wr,
.pageNavBar__wr .container__wr,
.pageNavWrap__wr {
    display: flex
}

.navBarBrand__wr,
.pageNavHead__wr .brand__wr,
.verifyBadgeFigure {
    display: inline-flex
}

.navBarBrand__wr {
    padding: 8px 0
}

.abtDevSec__wr,
.counterNum__wr,
.hmAboutUsSec__wr>.container__wr>.row,
.navBarNav__wr>.dropdown,
.pageMainBnrSec__wr {
    position: relative
}

.navBarNav__wr>li>a,
.navBarNav__wr>li>button {
    background-color: #fff0;
    border: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    gap: .5rem;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear
}

.contactListGroup__wr p:hover a,
.ctaBlock__wr:hover .ctaContent,
.navBarNav__wr>li.active>a,
.navBarNav__wr>li.active>button,
.navBarNav__wr>li:hover>a,
.navBarNav__wr>li:hover>button,
.serviceTitle__wr {
    color: var(--bsPrimary5__wr)
}

.pageNavBarConsultBtn__wr .btnWrap {
    padding: 12px 32px !important
}

.pageNavBarConsultBtn__wr i {
    display: none
}

.navBarNav__wr>li>button .fa-chevron-down {
    margin-left: 4px;
    font-size: 10px;
    vertical-align: middle
}

.navBarNav__wr .dropdown .dropdown-content.show {
    display: block
}

.navBarNav__wr .dropdown .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    background-color: #fff;
    width: 16rem;
    overflow: auto;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / .2);
    z-index: 999
}

.navBarNav__wr .dropdown .dropdown-content a {
    color: #000;
    font-size: 14px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.navBarNav__wr .dropdown .dropdown-content a~a {
    border-top: 1px solid #ddd
}

.navBarNav__wr .dropdown .dropdown-content a:hover {
    background-color: var(--bsPrimary5__wr);
    color: var(--bsBlack__wr)
}

.pageMainBnrSec__wr {
    background-color: #101010
}

.mainBnrContentWrap__wr {
    position: relative;
    z-index: 2;
    padding-top: 164px;
    padding-bottom: 24px
}

.mainBnrContent__wr {
    color: var(--bsWhite__wr);
    text-align: left
}

.contactFromBlockTitleWrap__wr,
.hmAbtContentTitleWrap__wr,
.mainBnrContentTitleWrap__wr,
.mainBnrFormBlockTitleWrap__wr {
    margin-bottom: 24px
}

.mainBnrContentTitle__wr {
    font-size: clamp(1.25rem, -0.1481rem + 3.8835vw, 3.25rem);
    font-weight: 800;
    line-height: 1.2;
    color: inherit;
    margin-bottom: 16px
}

.mainBnrContentTitle__wr span {
    display: block;
    font-size: clamp(1.25rem, -1.0085rem + 6.2954vw, 4.5rem)
}

.mainBnrText__wr {
    font-size: clamp(1rem, 1rem + 0vw, 1rem)
}

.heroList li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    text-align: center
}

.appCtaSec {
    background-color: #101010;
    color: var(--bsWhite__wr)
}

.appCtaBox {
    background-color: #4a494b;
    border-radius: 2rem;
    width: 100%;
    padding: .1rem;
    position: relative;
    overflow: hidden
}

.card-gradient-point {
    justify-content: center;
    align-items: center;
    width: 1px;
    height: 1px;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%
}

.card-gradient-point {
    animation: rotate360 12s linear infinite
}

@keyframes rotate360 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.card-gradient {
    aspect-ratio: 4 / 8;
    filter: blur(4rem);
    background-image: linear-gradient(78deg, #4a494b 17%, #e73825 48%, #7b5ce0 72%, #4a494b);
    height: 100rem;
    position: absolute
}

.appCtaInrBox {
    z-index: 100;
    background-color: #0f0d10;
    border-radius: 1.9rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0 6vw
}

.appCtaInrCircle {
    position: absolute;
    right: 0%;
    bottom: 0;
    z-index: 2;
    aspect-ratio: 1 / 1;
    opacity: .8;
    width: 100%
}

.appCtaInrCircle img {
    object-fit: contain;
    object-position: center
}

.appCtaInrOvrlayBg {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: .8
}

.appCtaInrOvrlayBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.appCtaInrBox .row {
    position: relative;
    z-index: 99
}

.appCtaContentBox {
    width: 100%;
    display: flex;
    flex-direction: column
}

.appCtaBoxFigure img {
    filter: drop-shadow(0 0 5px rgb(255 255 255 / .5));
    transition: all ease-out 0.3s
}

.appCtaBoxFigure img:hover {
    filter: drop-shadow(0 0 5px #fff0)
}

.techSolSec {
    background-color: #101010;
    color: var(--bsWhite__wr)
}

.tabBtn {
    background: #fff0;
    font-size: 16px !important;
    color: rgb(255 255 255 / .5);
    padding: 19px 20px;
    cursor: pointer;
    width: 100%;
    max-width: 282px;
    margin: 0 auto;
    border-radius: 50rem;
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff0;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.techSolSec .swiper-slide {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: center
}

.techSolSec .tab.swiper-slide-active .tabBtn {
    color: #FFCC0E;
    padding-inline: 26px;
    font-size: 24px !important;
    max-width: 100%;
    background: linear-gradient(126deg, #282629, #1A1A1A), linear-gradient(126deg, #FECC17, #525053 50%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box
}

.techSolSec .tab.swiper-slide-active {
    max-height: 90px !important;
    height: 100% !important
}

.techSolSec .tab.swiper-slide-prev .tabBtn,
.techSolSec .tab.swiper-slide-next .tabBtn {
    max-width: 282px;
    padding-inline: 29px;
    font-size: 18px !important;
    color: rgb(255 255 255);
    background: linear-gradient(126deg, #282629, #1A1A1A), linear-gradient(126deg, #FFF1BC, #525053 50%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box
}

.techSolSec .tab.swiper-slide-prev,
.techSolSec .tab.swiper-slide-next {
    max-height: 79px !important;
    height: 100% !important
}

.techSolSec .swiper {
    position: relative
}

.techSolSec .swiper::before,
.techSolSec .swiper::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 1px;
    background: linear-gradient(90deg, #fff0 0%, #FFCC0E 50%, #fff0 100%)
}

.techSolSec .swiper::before {
    top: 0
}

.techSolSec .swiper::after {
    bottom: 0
}

.techSolSec .swiper-vertical>.swiper-wrapper {
    height: 414px
}

.techSolTabPane {
    display: none;
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease
}

.techSolTabPane.active {
    display: block
}

.techSolTabPane.fades {
    opacity: 1;
    transform: translateY(0)
}

.techSolBlock {
    width: 180px;
    padding: .1rem;
    position: relative;
    overflow: hidden;
    border-radius: 1.925rem;
    font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
    font-weight: 500;
    line-height: 1.2;
    color: var(--bsWhite__wr);
    background-color: #4A494B
}

.techSolBlock .card-gradient {
    width: 16rem;
    height: auto
}

.techSolBlockInr {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: linear-gradient(126deg, #282629, #1A1A1A);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 1rem .75rem;
    border-radius: 1.8rem;
    position: relative;
    overflow: hidden;
    z-index: 100
}

.techSolBlockIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    aspect-ratio: 1 / 1
}

.techSolBlockIcon img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center
}

.techSolBlockTitle {
    text-align: center
}

.wcuSec {
    background: #101010;
    background: linear-gradient(180deg, rgb(16 16 16) 0%, rgb(43 43 45) 50%, rgb(16 16 16) 100%);
    color: var(--bsWhite__wr)
}

.wcuSecHead {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.wcuSecContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.wcuCtaBlock {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    font-size: clamp(1rem, 0.6525rem + 0.9685vw, 1.5rem);
    font-weight: 300;
    line-height: 1.2;
    color: var(--bsWhite__wr)
}

.wcuCtaIconBox {
    width: 80px;
    padding: .1rem;
    position: relative;
    overflow: hidden;
    border-radius: .85rem;
    background-color: #4A494B
}

.wcuCtaBlock .card-gradient {
    width: 120px;
    height: auto;
    filter: blur(30px)
}

.wcuIconBlock {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: linear-gradient(126deg, #282629, #1A1A1A);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    border-radius: .75rem;
    position: relative;
    overflow: hidden;
    z-index: 100;
    transition: background 250ms ease;
    will-change: background
}

.wcuIconFigure {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    aspect-ratio: 1 / 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity 250ms ease;
    will-change: opacity
}

.wcuIconFigure.whiteFigure {
    opacity: 1;
    pointer-events: none
}

.wcuIconFigure.blackFigure {
    opacity: 0;
    pointer-events: none
}

.wcuCtaBlock:hover .wcuIconFigure.blackFigure {
    opacity: 1;
    pointer-events: auto
}

.wcuCtaBlock:hover .wcuIconBlock {
    background: linear-gradient(126deg, #d06500, #fece0c 50%)
}

.wcuCtaTitle {
    flex: 1;
    width: 100%;
    max-width: 205px;
    transition: color 250ms ease;
    will-change: color
}

.wcuCtaBlock:hover .wcuCtaTitle {
    color: #FECE0C
}

.statSec {
    background: #101010;
    background: linear-gradient(180deg, rgb(16 16 16) 0%, rgb(43 43 45) 50%, rgb(16 16 16) 100%);
    color: var(--bsWhite__wr)
}

.statsBlock {
    width: 100%;
    padding: .1rem;
    position: relative;
    overflow: hidden;
    border-radius: 1.925rem;
    color: var(--bsWhite__wr);
    background-color: #4A494B
}

.statsBox {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: linear-gradient(126deg, #282629, #1A1A1A);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 1rem .75rem;
    border-radius: 1.8rem;
    position: relative;
    overflow: hidden;
    z-index: 100
}

.screenShotSec {
    background: #101010;
    background: linear-gradient(180deg, rgb(16 16 16) 0%, rgb(43 43 45) 50%, rgb(16 16 16) 100%);
    color: var(--bsWhite__wr)
}

.screenSecHead {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.appScreenshotCarousel-container .swiper-wrapper {
    padding: 30px 0 40px
}

.appScreenshotCarousel-container .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center
}

.screenSliderFigure {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.appScreenshotCarousel-container .swiper-slide img {
    width: 100%;
    border-radius: 20px
}

.screenSliderCover {
    display: inline-flex;
    position: absolute;
    left: 50%;
    top: 8px;
    bottom: auto;
    z-index: 99;
    transform: translateX(-50%);
    height: calc(100% - 28px);
    width: 100%;
    max-width: 312px
}

.swiper-navigation-icon {
    display: none
}

.appScreenshotCarousel-container .swiper-button-prev,
.appScreenshotCarousel-container .swiper-button-next {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgb(17 17 17);
    font-size: 14px;
    line-height: 1;
    color: #fff
}

.appScreenshotCarousel-container .swiper-button-prev:hover,
.appScreenshotCarousel-container .swiper-button-next:hover {
    background: #111
}

.screenNameSlider .swiper-slide {
    opacity: 0 !important;
    transition: opacity 0.6s ease-in-out
}

.screenNameSlider .swiper-slide.swiper-slide-active {
    opacity: 1 !important
}

.screenNameSlider .swiper-slide p {
    width: 100%;
    font-size: clamp(1rem, 0.6505rem + 0.9709vw, 1.5rem);
    font-weight: 700;
    line-height: 1.1;
    font-family: var(--headingFont);
    text-align: center
}

.screenCta {
    width: 100%;
    border-radius: 50rem;
    padding: 16px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    overflow: hidden;
    border: 2px solid #fff0;
    background: linear-gradient(126deg, #282629, #1A1A1A), linear-gradient(126deg, #FFF1BC, #525053 50%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box
}

.officeSec {
    background: #101010;
    color: var(--bsWhite__wr)
}

.officeBlock {
    width: 100%;
    padding: .1rem;
    position: relative;
    overflow: hidden;
    border-radius: 1.225rem;
    color: var(--bsWhite__wr);
    background-color: #4A494B
}

.officeBox {
    width: 100%;
    background: linear-gradient(126deg, #282629, #1A1A1A);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1.125rem;
    position: relative;
    overflow: hidden;
    z-index: 100
}

.officeFlagFigure {
    width: 100%;
    height: 100%;
    display: flex
}

.officeFlagFigure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.officeAdressBlock {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 10px;
    padding: 1rem .75rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: clamp(0.875rem, 0.7881rem + 0.2421vw, 1rem);
    font-weight: 300;
    line-height: 1.2;
    border-radius: 8px;
    border: 2px solid rgb(255 255 255 / .26);
    background: rgb(255 255 255 / .14);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.officeAdressBlock h3,
.officeAdressBlock p {
    margin-bottom: 0
}

.officeAdressBlock a {
    text-decoration: none;
    color: var(--bsWhite__wr);
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in
}

.officeAdressBlock a:hover {
    color: var(--bsPrimary5__wr)
}

.caseStudySec {
    background: #101010;
    color: var(--bsWhite__wr)
}

.caseSecHeadBlock {
    width: 100%;
    margin: 0 auto
}

.caseSecHead {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.caseSecNavTabs {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    justify-content: space-between;
    margin-block: -5px 25px !important;
    gap: 15px;
    padding-bottom: 8px;
    overflow-x: auto;
    overflow-y: clip;
    scroll-behavior: smooth
}

.caseSecNavTabs::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;
    width: 100%;
    height: 2px;
    background-color: #ffffff1a
}

.caseSecNavTabs li {
    font-size: clamp(1rem, 0.8485rem + 0.316vw, 1.125rem);
    font-weight: 400;
    line-height: 1.2;
    color: #FFCC0E;
    position: relative;
    min-height: 40px;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    padding: 0 16px;
    margin-bottom: 0
}

.caseSecNavTabs li::before {
    content: "";
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 4px;
    position: absolute;
    background-color: #fff;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 1px;
    opacity: 0;
    transition-delay: 0.35s
}

.caseSecNavTabs li::after {
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    position: absolute;
    border-left: 8px solid #fff0;
    border-right: 8px solid #fff0;
    border-top: 9px solid #fff;
    transform: translate(-50%, 0);
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    transition-delay: 0.35s
}

.caseSecNavTabs li a {
    color: inherit;
    transition: none;
    font-size: unset;
    white-space: nowrap
}

.caseSecNavTabs li:hover,
.caseSecNavTabs li.active {
    color: #fff
}

.caseSecNavTabs li.active::before,
.caseSecNavTabs li.active::after {
    opacity: 1
}

.caseSecGrid {
    background-color: #4a494b;
    border-radius: 2rem;
    width: 100%;
    padding: .1rem !important;
    position: relative;
    overflow: hidden
}

.caseSecGridBox {
    z-index: 100 !important;
    background-color: #0f0d10;
    border-radius: 1.9rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: unset !important
}

.caseGridCol {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.caseGridColSwiper {
    width: 100%;
    height: 100%
}

.caseGridColSwiper .swiper-wrapper {
    align-items: stretch
}

.caseGridColSwiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: auto !important
}

.caseItem {
    width: 100%
}

.caseGridColSwiper .swiper-slide .caseItemBlock {
    flex: 1 1 auto
}

.caseItemBlock {
    position: relative;
    width: 100%
}

.caseOvrlayBgFigure {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.caseOvrlayBgFigure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.caseGridColSwiper .swiper-slide .caseItemBlock .caseBlockInr {
    height: 100%;
    display: flex;
    align-items: stretch
}

.caseBlockInr {
    width: 100%;
    position: relative;
    padding: 24px 6vw 24px 11vw
}

.caseGridColSwiper .swiper-slide .caseItemBlock .caseBlockInr>.row {
    width: calc(100% + 24px);
    height: 100%;
    align-items: stretch
}

.caseContentBlock {
    font-weight: 300;
    width: 100%;
    max-width: 370px
}

.caseBrandFigure {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.caseContentHead {
    font-size: clamp(1rem, 0.9131rem + 0.2421vw, 1.125rem);
    margin-bottom: 16px
}

.caseContentHeadTitle {
    font-size: clamp(1.25rem, 0.3814rem + 2.4213vw, 2.5rem);
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    color: #FFF;
    margin-bottom: 4px
}

.caseContent {
    position: relative;
    width: 100%;
    max-width: 316px;
    font-size: 13px;
    padding-top: 12px;
    border-top: 1px solid #fff
}

.caseContent::before {
    content: '';
    display: inline-flex;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -3px
}

.caseContent::after {
    content: '';
    display: inline-flex;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -3px
}

.caseContent ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none
}

.caseContent ul li {
    position: relative;
    padding-left: 24px
}

.caseContent ul li::before {
    content: '';
    display: inline-flex;
    width: 14px;
    aspect-ratio: 1 / 1;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.36539 0C3.74515 0 0 3.7452 0 8.36539C0 12.9852 3.7452 16.7308 8.36539 16.7308C12.9852 16.7308 16.7308 12.9856 16.7308 8.36539C16.7308 3.74559 12.9854 0 8.36539 0ZM13.699 4.46069L13.6976 4.46155C13.5034 4.57143 13.2988 4.67032 13.1139 4.79051C12.9243 4.90348 12.7394 5.02469 12.5562 5.14968C12.373 5.27312 12.197 5.40772 12.0221 5.54181C11.8502 5.68036 11.6782 5.81806 11.5153 5.96657C11.3476 6.10907 11.1923 6.26616 11.033 6.4169C10.88 6.5752 10.725 6.7304 10.5782 6.894C10.4276 7.0535 10.2874 7.22261 10.144 7.38846C10.0065 7.5598 9.86672 7.72823 9.73675 7.90472C9.60266 8.07778 9.47768 8.25823 9.34942 8.43558C9.22443 8.61533 9.10168 8.79646 8.9839 8.98102C8.74886 9.35049 8.52328 9.72579 8.32189 10.1141C8.11742 10.5008 7.93096 10.8967 7.76304 11.2984C7.67978 11.4995 7.59462 11.6995 7.51581 11.9007C7.43426 12.0971 7.3534 12.3078 7.28318 12.4889L6.96778 13.3013L6.38784 12.6486C6.268 12.5136 6.15486 12.3732 6.04034 12.2332C5.98008 12.1666 5.91862 12.1014 5.8599 12.0329C5.79964 11.9663 5.74401 11.894 5.6798 11.8318L5.49351 11.637C5.43308 11.5695 5.36681 11.5098 5.30294 11.4469L5.10997 11.2581L4.9072 11.0807C4.84025 11.0199 4.76951 10.9652 4.70049 10.9071C4.63079 10.8501 4.56177 10.7904 4.48812 10.7392C4.34304 10.6317 4.19591 10.5255 4.0424 10.4266C3.96445 10.3809 3.88737 10.3296 3.80787 10.2844C3.72838 10.2389 3.64821 10.192 3.56528 10.1529C3.48339 10.1086 3.39943 10.0698 3.31393 10.0319C3.22894 9.99581 3.14001 9.95649 3.05331 9.93056L3.04901 9.92919C3.02206 9.92112 3.00678 9.89279 3.01485 9.86601C3.02069 9.84627 3.03734 9.83287 3.05657 9.82996C3.26036 9.80094 3.45986 9.80918 3.66003 9.83236C3.76047 9.84369 3.85833 9.86292 3.95773 9.8818C4.05817 9.89846 4.15294 9.92919 4.25132 9.9546C4.34849 9.9819 4.44258 10.0164 4.53941 10.0477C4.63659 10.078 4.72587 10.1232 4.81995 10.1611C4.91438 10.1989 5.00331 10.2453 5.09414 10.2899C5.18479 10.3345 5.27699 10.3785 5.36111 10.4331L5.62036 10.5898L5.87016 10.7598C6.03928 10.8719 6.18916 11.0041 6.34678 11.1305C6.42627 11.1932 6.49546 11.2646 6.57049 11.3315L6.62216 11.3794C6.70664 11.2074 6.79454 11.0373 6.88845 10.8707C7.11388 10.4692 7.35048 10.0756 7.59806 9.69005C8.09647 8.92141 8.63247 8.17678 9.24745 7.49895C9.39836 7.32744 9.55923 7.16433 9.71685 6.99952C9.88064 6.83985 10.0412 6.67761 10.2118 6.52568C10.3772 6.36841 10.5562 6.22557 10.7296 6.07789C10.9104 5.93831 11.0862 5.7934 11.2737 5.66378C11.4562 5.52815 11.6475 5.40402 11.8381 5.28006C12.0314 5.16074 12.2245 5.04158 12.4244 4.93445L12.7242 4.77461L13.033 4.63005C13.2375 4.52944 13.4476 4.45716 13.6549 4.36994C13.6804 4.35912 13.7098 4.37114 13.7206 4.39689C13.7306 4.42093 13.721 4.44806 13.699 4.46059L13.699 4.46069Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.caseFigure {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.yourBazaar .caseItemBlock .caseBlockInr {
    padding: 24px 8vw 0 3vw
}

.yourBazaar .caseItemBlock .caseBrandFigure,
.alSayraat .caseItemBlock .caseBrandFigure,
.fansVoize .caseItemBlock .caseBrandFigure,
.kash .caseItemBlock .caseBrandFigure,
.financeUae .caseItemBlock .caseBrandFigure,
.grassitup .caseItemBlock .caseBrandFigure,
.bayLeaf .caseItemBlock .caseBrandFigure,
.nrTc .caseItemBlock .caseBrandFigure,
.splidu .caseItemBlock .caseBrandFigure {
    margin-bottom: 1.5rem
}

.shams .caseItemBlock .caseBrandFigure {
    margin-bottom: 1.5rem
}

.saas .caseItemBlock .caseBrandFigure {
    margin-bottom: .5rem
}

.rapidPair .caseItemBlock .caseFigure,
.yourBazaar .caseItemBlock .caseFigure,
.alSayraat .caseItemBlock .caseFigure,
.fansVoize .caseItemBlock .caseFigure,
.financeUae .caseItemBlock .caseFigure {
    justify-content: flex-end
}

.alSayraat .caseItemBlock .caseContentBlock {
    max-width: 292px
}

.alSayraat .caseItemBlock .caseBlockInr {
    padding: 24px 8vw 24px 8vw
}

.fansVoize .caseItemBlock .caseBlockInr {
    padding: 24px 7.5vw 0 7vw
}

.kash .caseItemBlock .caseBlockInr {
    padding: 24px 0 0 8vw
}

.kash .caseItemBlock .caseContent {
    border-color: #FFC803
}

.kash .caseItemBlock .caseContent::before,
.kash .caseItemBlock .caseContent::after {
    background: #FFC803
}

.kash .caseItemBlock .caseContent ul li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.93035 0C3.99808 0 0 3.99813 0 8.93035C0 13.8621 3.99813 17.8607 8.93035 17.8607C13.8621 17.8607 17.8607 13.8626 17.8607 8.93035C17.8607 3.99855 13.8624 0 8.93035 0ZM14.6241 4.76195L14.6227 4.76286C14.4154 4.88016 14.1969 4.98573 13.9995 5.11403C13.7972 5.23463 13.5998 5.36403 13.4042 5.49746C13.2086 5.62924 13.0208 5.77294 12.834 5.91608C12.6506 6.06399 12.4669 6.21099 12.293 6.36952C12.1139 6.52165 11.9482 6.68935 11.7781 6.85027C11.6148 7.01926 11.4493 7.18494 11.2926 7.35959C11.1319 7.52986 10.9821 7.71039 10.8291 7.88744C10.6823 8.07036 10.5331 8.25016 10.3943 8.43857C10.2512 8.62332 10.1178 8.81595 9.98084 9.00527C9.84741 9.19717 9.71636 9.39053 9.59063 9.58756C9.33972 9.98198 9.0989 10.3826 8.88392 10.7972C8.66563 11.21 8.46658 11.6326 8.28732 12.0615C8.19843 12.2761 8.10752 12.4896 8.0234 12.7044C7.93634 12.9141 7.85001 13.139 7.77505 13.3324L7.43836 14.1996L6.81924 13.5028C6.69131 13.3587 6.57053 13.2088 6.44828 13.0594C6.38395 12.9883 6.31833 12.9187 6.25565 12.8455C6.19132 12.7744 6.13193 12.6973 6.06338 12.6309L5.86452 12.4229C5.8 12.3508 5.72926 12.2871 5.66108 12.22L5.45507 12.0184L5.23861 11.829C5.16713 11.7642 5.09162 11.7057 5.01794 11.6437C4.94353 11.5829 4.86985 11.5191 4.79122 11.4645C4.63635 11.3498 4.47928 11.2363 4.3154 11.1307C4.23219 11.082 4.1499 11.0272 4.06504 10.979C3.98018 10.9304 3.89459 10.8804 3.80606 10.8386C3.71864 10.7913 3.62902 10.7499 3.53774 10.7094C3.44701 10.6709 3.35207 10.6289 3.25951 10.6012L3.25493 10.5998C3.22615 10.5911 3.20984 10.5609 3.21846 10.5323C3.22469 10.5112 3.24247 10.4969 3.263 10.4938C3.48055 10.4628 3.69353 10.4716 3.90721 10.4964C4.01443 10.5085 4.1189 10.529 4.22502 10.5492C4.33224 10.567 4.43341 10.5998 4.53843 10.6269C4.64217 10.656 4.74261 10.6929 4.84598 10.7262C4.94972 10.7587 5.04503 10.8069 5.14547 10.8474C5.24627 10.8877 5.34121 10.9372 5.43817 10.9848C5.53494 11.0325 5.63337 11.0794 5.72317 11.1377L5.99993 11.305L6.26661 11.4865C6.44714 11.6062 6.60715 11.7473 6.77541 11.8822C6.86027 11.9491 6.93413 12.0253 7.01423 12.0968L7.06939 12.1479C7.15957 11.9643 7.25341 11.7827 7.35367 11.6049C7.59432 11.1762 7.84689 10.7561 8.11119 10.3445C8.64327 9.52392 9.21547 8.729 9.87197 8.00539C10.0331 7.8223 10.2048 7.64817 10.3731 7.47224C10.5479 7.30178 10.7193 7.12858 10.9015 6.96639C11.078 6.7985 11.2692 6.64601 11.4543 6.48836C11.6473 6.33935 11.8349 6.18466 12.0351 6.04629C12.2299 5.90149 12.4341 5.76898 12.6376 5.63665C12.8439 5.50927 13.0501 5.38207 13.2635 5.2677L13.5835 5.09706L13.9132 4.94274C14.1315 4.83533 14.3558 4.75817 14.577 4.66506C14.6043 4.65352 14.6357 4.66635 14.6472 4.69384C14.6579 4.7195 14.6476 4.74846 14.6241 4.76184L14.6241 4.76195Z' fill='%23FFC803'/%3E%3C/svg%3E%0A")
}

.tipHart .caseItemBlock .caseBlockInr {
    padding: 16px 0 0 7vw
}

.tipHart .caseItemBlock .caseContentBlock {
    max-width: 316px
}

.financeUae .caseItemBlock .caseBlockInr {
    padding: 24px 6vw 24px 6vw
}

.grassitup .caseItemBlock .caseBlockInr {
    padding: 24px 6vw 0 3vw
}

.grassitup .caseItemBlock .caseContentBlock {
    max-width: 300px
}

.saas .caseItemBlock .caseBlockInr {
    padding: 0 7vw 0 2.5vw
}

.saas .caseItemBlock .caseContentBlock {
    max-width: 340px
}

.saas .caseItemBlock .caseFigure {
    height: 100%;
    align-items: flex-start;
    justify-content: flex-start
}

.bayLeaf .caseItemBlock .caseBlockInr {
    padding: 0 8vw 0 0
}

.bayLeaf .caseItemBlock .caseContentHead {
    width: 100%;
    max-width: 300px
}

.bayLeaf .caseItemBlock .caseContentHeadTitle,
.nrTc .caseItemBlock .caseContentHeadTitle {
    font-size: clamp(1.25rem, 0.7288rem + 1.4528vw, 2rem)
}

.bayLeaf .caseItemBlock .caseFigure {
    height: 100%;
    align-items: flex-end;
    justify-content: flex-start
}

.nrTc .caseItemBlock .caseBlockInr {
    padding: 24px 0 0 7vw
}

.nrTc .caseItemBlock .caseContentHead,
.splidu .caseItemBlock .caseContentHead {
    width: 100%;
    max-width: 340px
}

.nrTc .caseItemBlock .caseContent {
    max-width: 300px
}

.nrTc .caseItemBlock .caseFigure {
    height: 100%;
    align-items: flex-end;
    justify-content: flex-end
}

.splidu .caseItemBlock .caseBlockInr {
    padding: 0 5vw 0 24px
}

.shams .caseItemBlock .caseBlockInr {
    padding: 24px 5vw 24px 5vw
}

.shams .caseItemBlock .caseFigure {
    align-items: flex-start;
    justify-content: flex-end
}

.shams .caseItemBlock .caseContent {
    border-color: rgb(255 255 255 / .2)
}

.shams .caseItemBlock .caseContent::before,
.shams .caseItemBlock .caseContent::after {
    background: rgb(255 255 255 / .2)
}

.shams .caseItemBlock .caseContent ul li {
    border-left: 3px solid #fff;
    padding: 2px 0;
    padding-left: 8px
}

.shams .caseItemBlock .caseContent ul li::before {
    display: none
}

.caseGridColSwiper .swiper-button-prev,
.caseGridColSwiper .swiper-button-next {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgb(17 17 17);
    font-size: 14px;
    line-height: 1;
    color: #fff
}

.caseGridColSwiper .swiper-button-prev:hover,
.caseGridColSwiper .swiper-button-next:hover {
    background: #111
}

.contactInfoBlock {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px
}

.contactInfoStartText {
    font-size: clamp(1.25rem, 0.3762rem + 2.4272vw, 2.5rem);
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.contactTextMarqueCarousel {
    width: 100%;
    overflow: hidden;
    padding: 24px 0;
    border-radius: 20px;
    background-color: #fff0;
    border: 2px solid #fece0c
}

.contactTextMarqTrack {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: contact-text-marquee 50s linear infinite
}

.contactTextMarqGroup {
    display: flex
}

.contactMarqueBlockText {
    display: inline-flex;
    align-items: center;
    font-size: clamp(1.25rem, -0.2354rem + 4.1262vw, 3.375rem);
    font-weight: 700;
    line-height: 1;
    color: #fece0c;
    font-family: var(--headingFont)
}

.contactMarqueBlockText .fa-circle {
    display: inline-flex;
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin: 20px
}

@keyframes contact-text-marquee {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.contactTextMarqueCarousel:hover .contactTextMarqTrack {
    animation-play-state: paused
}

.contactTextMarqueCarousel:hover .contactTextMarqTrack .contactMarqueBlockText {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: all ease-in 0.5s;
    transition: all ease-in 0.5s
}

.contactTextMarqueCarousel .contactTextMarqTrack .contactMarqueBlockText:hover {
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: all ease-in 0.5s;
    transition: all ease-in 0.5s
}

.contactInfoEndText {
    font-size: clamp(1.25rem, 0.3762rem + 2.4272vw, 2.5rem);
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.counterSec__wr {
    padding: 32px 0;
    background: linear-gradient(to top, #ffc837, #ff8008)
}

.counterSecHead {
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.counterSecHeadTitle span {
    color: #fff
}

.counterNum__wr::after {
    content: "";
    width: 0;
    height: 4px;
    background-color: #000;
    border-radius: 10px;
    position: absolute;
    left: 0;
    bottom: -10px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.counterBlock__wr:hover .counterNum__wr::after,
.fullBtn__wr,
.hmAbtImageBlockBg__wr,
.hmAbtImageBlock__wr,
.offcanvas_form_wrapper .offcanvas_body .btn-primary {
    width: 100%
}

.mainBnrContentBtnParent__wr {
    position: relative;
    margin-top: 24px
}

.toggle-popover-block {
    display: inline-flex;
    position: relative;
    z-index: 101
}

.mainBnrContentBtnParent__wr .popoverWrap__wr,
.popoverBlock {
    max-width: 275px;
    width: 275px;
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    background: #212529;
    border: 1px solid rgb(255 255 255 / .15);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / .2);
    box-shadow: 0 5px 10px rgb(0 0 0 / .2);
    display: none
}

.mainBnrContentBtnParent__wr.active .popoverWrap__wr,
.toggle-popover-block.active .popoverBlock {
    display: block
}

.mainBnrContentBtnParent__wr .popoverWrap__wr .arrow__wr,
.toggle-popover-block .popoverBlock .arrow__wr {
    display: block;
    width: 0;
    height: 0;
    border: 11px solid #fff0;
    position: absolute;
    top: 52%;
    left: -10px;
    margin-top: -11px;
    border-right-color: rgb(255 255 255 / .15);
    border-left-width: 0
}

.mainBnrContentBtnParent__wr .popoverWrap__wr .arrow__wr::before,
.toggle-popover-block .popoverBlock .arrow__wr::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid #fff0;
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #212529;
    border-left-width: 0
}

.mainBnrContentBtnParent__wr .popoverWrap__wr .title__wr,
.toggle-popover-block .popoverBlock .title__wr {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    background-color: #343A40;
    border-bottom: 1px solid rgb(255 255 255 / .15);
    border-radius: 5px 5px 0 0
}

.mainBnrContentBtnParent__wr .popoverWrap__wr .content__wr,
.toggle-popover-block .popoverBlock .content__wr {
    padding: 1rem;
    font-size: 14px
}

.data_placement_bottom .popoverBlock {
    left: 50%;
    top: calc(100% + 10px);
    transform: translate(-50%, 0);
    text-align: center
}

.toggle-popover-block.data_placement_bottom .popoverBlock .arrow__wr {
    top: auto;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-right-color: #fff0;
    border-left-width: 11px;
    border-bottom-color: rgb(255 255 255 / .15);
    border-top-width: 0
}

.toggle-popover-block.data_placement_bottom .popoverBlock .arrow__wr::before {
    top: 1px;
    bottom: auto;
    left: -10px;
    right: auto;
    margin: 0 auto;
    border-right-color: #fff0;
    border-left-width: 10px;
    border-bottom-color: #343a40;
    border-top-width: 0
}

.formBlock__wr {
    border-radius: 16px;
    overflow: hidden;
    border: 2px solid #fff0;
    background: linear-gradient(126deg, white, white), linear-gradient(126deg, #FFF1BC, #525053 50%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box
}

.mainBnrFormBlockInr {
    padding: 20px 15px;
    background-image: linear-gradient(#282629, #1A1A1A)
}

.mainBnrFormBlockTitle__wr {
    font-size: clamp(1rem, 0.9126rem + 0.2427vw, 1.125rem);
    font-weight: 800;
    line-height: 1.2;
    color: var(--bsWhite__wr);
    margin-bottom: 0
}

form .form-row {
    row-gap: 32px
}

form .form-control {
    display: block;
    width: 100%;
    padding: 12px 18px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bsBlack__wr);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bsWhite__wr);
    border: 1px solid var(--bsWhite__wr);
    background-clip: padding-box;
    border-radius: 55px;
    outline: 0;
    box-shadow: none;
    font-family: var(--JosefinSansFont__wr)
}

form textarea.form-control {
    resize: none;
    border-radius: 20px;
    height: 110px
}

.has-error .form-control {
    border-color: red
}

.bgOverlayFigure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.abtDevContent__wr ul li~li {
    margin-top: 16px
}

.deskParentWrap__wr {
    position: relative;
    width: 100%;
    max-width: 636px;
    margin: 0 auto
}

.deskParentWrap__wr .laptopBg__wr {
    display: flex;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 100%
}

.deskParentWrap__wr .laptopBg__wr img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.deskParentWrap__wr .overlaycircle__wr {
    width: 100%;
    display: block;
    border-radius: 50%;
    border: 50px solid #fece0c;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    animation: 10s linear infinite alternate forwards border-transform
}

.deskParentWrap__wr .overlaycircle__wr::before {
    content: "";
    display: block;
    padding-top: 100%
}

@-webkit-keyframes border-transform {

    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

@keyframes border-transform {

    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

.deskParentWrap__wr .lapOverlayBg__wr {
    display: flex;
    overflow: hidden;
    width: 100%;
    padding-top: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2
}

.deskParentWrap__wr .lapOverlayBg__wr img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.serviceSec__wr {
    background: var(--bsYellow50__wr)
}

.instaSec__wr .bgOverlayFigure img,
.serviceSec__wr .bgOverlayFigure img {
    opacity: .1
}

.serviceTitleWrap__wr,
.testimonialTitleWrap__wr,
.unLockBeautyTitleWrap__wr {
    margin-bottom: 32px
}

.serviceSec__wr .row {
    row-gap: 24px
}

.serviceBlock__wr {
    width: 100%;
    padding: 48px 16px;
    position: relative;
    background-color: var(--bsWhite__wr);
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in
}

.serviceBlockBtn__wr,
.serviceIconBlock {
    border-radius: 50%;
    background-color: rgb(17 31 61 / 5%);
    align-items: center
}

.serviceIconBlock {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    width: 96px;
    height: 96px;
    box-shadow: -5px 15px 30px rgb(0 0 0 / 40%);
    margin-bottom: 40px;
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in
}

.serviceBlockTitle,
.serviceContent__wr {
    display: -webkit-box;
    color: var(--bsBlack__wr);
    overflow: hidden;
    -webkit-box-orient: vertical
}

.serviceIconFigure {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in
}

.serviceBlock__wr:hover .serviceIconColorFigure,
.serviceIconWhiteFigure {
    opacity: 1;
    visibility: visible
}

.serviceBlock__wr:hover .serviceIconWhiteFigure,
.serviceIconColorFigure {
    opacity: 0;
    visibility: hidden
}

.serviceBlockContent__wr {
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in
}

.serviceBlockTitle {
    font-size: clamp(1rem, 0.8252rem + 0.4854vw, 1.25rem);
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 1.5rem;
    min-height: 48px;
    -webkit-line-clamp: 2;
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in
}

.serviceContent__wr {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in
}

.serviceBlockBtnParent__wr {
    margin-top: 40px;
    text-align: center;
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in
}

.serviceBlockBtn__wr {
    width: 45px;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    font-size: 13px;
    color: var(--bsBlack__wr);
    text-decoration: none;
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in
}

.serviceBlock__wr.bg-blue55 .serviceIconBlock {
    background-color: var(--blue55);
    box-shadow: -5px 15px 30px rgb(115 216 255 / 60%)
}

.serviceBlock__wr.bg-blue55:hover {
    background-color: var(--blue55);
    box-shadow: -10px 40px 80px rgb(115 216 255 / 50%) !important
}

.serviceBlock__wr.bg-blue55:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%)
}

.serviceBlock__wr.bg-blue55:hover .serviceBlockTitle,
.serviceBlock__wr.bg-blue55:hover .serviceContent__wr {
    color: var(--bsWhite__wr)
}

.serviceBlock__wr.bg-blue55:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--blue55)
}

.serviceBlock__wr.bg-pink45 .serviceIconBlock {
    background-color: var(--pink45);
    box-shadow: -5px 15px 30px rgb(251 154 154 / 60%)
}

.serviceBlock__wr.bg-pink45:hover {
    background-color: var(--pink45);
    box-shadow: -10px 40px 80px rgb(251 154 154 / 50%) !important
}

.serviceBlock__wr.bg-pink45:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%)
}

.serviceBlock__wr.bg-pink45:hover .serviceBlockTitle,
.serviceBlock__wr.bg-pink45:hover .serviceContent__wr {
    color: var(--bsWhite__wr)
}

.serviceBlock__wr.bg-pink45:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--pink45)
}

.serviceBlock__wr.bg-purple45 .serviceIconBlock {
    background-color: var(--purple45);
    box-shadow: -5px 15px 30px rgb(185 131 255 / 60%)
}

.serviceBlock__wr.bg-purple45:hover {
    background-color: var(--purple45);
    box-shadow: -10px 40px 80px rgb(185 131 255 / 50%) !important
}

.serviceBlock__wr.bg-purple45:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%)
}

.serviceBlock__wr.bg-purple45:hover .serviceBlockTitle,
.serviceBlock__wr.bg-purple45:hover .serviceContent__wr {
    color: var(--bsWhite__wr)
}

.serviceBlock__wr.bg-purple45:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--purple45)
}

.serviceBlock__wr.bg-yellow65 .serviceIconBlock {
    background-color: var(--yellow65);
    box-shadow: -5px 15px 30px rgb(255 216 100 / 60%)
}

.serviceBlock__wr.bg-yellow65:hover {
    background-color: var(--yellow65);
    box-shadow: -10px 40px 80px rgb(255 216 100 / 50%) !important
}

.serviceBlock__wr.bg-yellow65:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%)
}

.serviceBlock__wr.bg-yellow65:hover .serviceBlockTitle,
.serviceBlock__wr.bg-yellow65:hover .serviceContent__wr {
    color: var(--bsWhite__wr)
}

.serviceBlock__wr.bg-yellow65:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--yellow65)
}

.serviceBlock__wr.bg-green245 .serviceIconBlock {
    background-color: var(--green245);
    box-shadow: -5px 15px 30px rgb(118 204 161 / 60%)
}

.serviceBlock__wr.bg-green245:hover {
    background-color: var(--green245);
    box-shadow: -10px 40px 80px rgb(118 204 161 / 50%) !important
}

.serviceBlock__wr.bg-green245:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%)
}

.serviceBlock__wr.bg-green245:hover .serviceBlockTitle,
.serviceBlock__wr.bg-green245:hover .serviceContent__wr {
    color: var(--bsWhite__wr)
}

.serviceBlock__wr.bg-green245:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--green245)
}

.serviceBlock__wr.bg-blue145 .serviceIconBlock {
    background-color: var(--blue145);
    box-shadow: -5px 15px 30px rgb(136 158 240 / 60%)
}

.serviceBlock__wr.bg-blue145:hover {
    background-color: var(--blue145);
    box-shadow: -10px 40px 80px rgb(136 158 240 / 50%) !important
}

.serviceBlock__wr.bg-blue145:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%)
}

.serviceBlock__wr.bg-blue145:hover .serviceBlockTitle,
.serviceBlock__wr.bg-blue145:hover .serviceContent__wr {
    color: var(--bsWhite__wr)
}

.serviceBlock__wr.bg-blue145:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--blue145)
}

.serviceBlock__wr.bg-orange160 .serviceIconBlock {
    background-color: var(--orange160);
    box-shadow: -5px 15px 30px rgb(239 156 102 / 60%)
}

.serviceBlock__wr.bg-orange160:hover {
    background-color: var(--orange160);
    box-shadow: -10px 40px 80px rgb(239 156 102 / 50%) !important
}

.serviceBlock__wr.bg-orange160:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%)
}

.serviceBlock__wr.bg-orange160:hover .serviceBlockTitle,
.serviceBlock__wr.bg-orange160:hover .serviceContent__wr {
    color: var(--bsWhite__wr)
}

.serviceBlock__wr.bg-orange160:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--orange160)
}

.ctaContent,
.offcanvas_form_wrapper.open .offcanvas_btnwrapper .enq_text,
.serviceBlock__wr.bg-maroon140:hover .serviceBlockTitle,
.serviceBlock__wr.bg-maroon140:hover .serviceContent__wr {
    color: var(--bsWhite__wr)
}

.serviceBlock__wr.bg-maroon140 .serviceIconBlock {
    background-color: var(--maroon140);
    box-shadow: -5px 15px 30px rgb(201 132 116 / 60%)
}

.serviceBlock__wr.bg-maroon140:hover {
    background-color: var(--maroon140);
    box-shadow: -10px 40px 80px rgb(201 132 116 / 50%) !important
}

.serviceBlock__wr.bg-maroon140:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%)
}

.serviceBlock__wr.bg-maroon140:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--maroon140)
}

.portfolioSec__wr {
    background-color: rgb(177 179 194 / .14901960784313725)
}

.portFigure__wr {
    display: flex;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    box-shadow: 1px 3px 6px rgb(51 51 51 / .3)
}

.portFigure__wr img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    -webkit-transition: 3s linear;
    transition: 3s linear
}

.portFigure__wr:hover img {
    object-position: bottom center
}

.portfolioSlider.owl-carousel {
    margin: 0
}

.portfolioSlider.owl-carousel .owl-stage-outer {
    padding: 0
}

.portfolioSlider.owl-carousel .owl-stage {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex: 1 0 auto;
    height: 100%
}

.portfolioSlider.owl-carousel .item {
    height: 100%
}

.portfolioSlider.owl-theme .owl-nav [class*="owl-"] {
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgb(17 17 17 / .5);
    font-size: 14px;
    line-height: 1;
    color: var(--bsWhite__wr);
    filter: drop-shadow(0 4px 4px rgb(0 0 0 / .08));
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear
}

.portfolioSlider.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #111;
    color: var(--bsWhite__wr)
}

.portfolioSlider.owl-carousel .owl-nav button.owl-prev {
    left: 8px
}

.portfolioSlider.owl-carousel .owl-nav button.owl-next {
    right: 8px
}

.ctaSec__wr {
    background-image: url(../images/maze-black.png)
}

.ctaIconBlock__wr {
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem
}

.ctaIconFigure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in
}

.ctaIconFigure img {
    width: 100%;
    aspect-ratio: 1 / 1
}

.ctaIconWhiteFigure {
    opacity: 1;
    visibility: visible
}

.ctaBlock__wr:hover .ctaIconWhiteFigure,
.ctaIconPrimaryFigure,
.offcanvas_backdrop {
    opacity: 0;
    visibility: hidden
}

.ctaContent {
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in
}

.ctaBlock__wr:hover .ctaIconBlock__wr {
    -webkit-animation: 0.5s infinite alternate mover;
    animation: 0.5s infinite alternate mover
}

.ctaBlock__wr:hover .ctaIconPrimaryFigure {
    opacity: 1;
    visibility: visible
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-5px)
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-5px)
    }
}

.happyClientsSec__wr {
    text-align: center;
    position: relative
}

.happyClientsSec__wr .overlayBgFigure__wr {
    position: absolute;
    inset: 0;
    display: flex;
    overflow: hidden
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .current-date::after,
#CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .current-date::before,
#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul li::before,
#CalenderModal .hide-p,
.happyClientsSec__wr .overlayBgFigure__wr::before,
.offcanvas_form_wrapper.open .offcanvas_btnwrapper .offcanvas_openebtn,
.reviewMoadlContainer .reviewBtnBlock {
    display: none
}

.happyClientsSec__wr .overlayBgFigure__wr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: .1
}

.happyClientsCount__wr {
    font-size: clamp(3.5rem, 1.7524rem + 4.8544vw, 6rem);
    font-weight: 900;
    line-height: 1.1;
    color: var(--bsPrimary5__wr);
    margin: 0
}

.happyClientsTitle__wr,
.needHelpWrapSec__wr .contentWrap__wr .call__wr a:hover {
    color: var(--bsBlack__wr)
}

.happyClientsTitle__wr {
    font-size: clamp(1.25rem, 0.0267rem + 3.3981vw, 3rem);
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 16px
}

.reviewHeadInfoTitle,
.reviewHeadRatingValue {
    font-weight: 700;
    color: #fff;
    font-size: 22px
}

.happyClientsTitleWrap__wr p {
    font-size: clamp(0.875rem, 0.7002rem + 0.4854vw, 1.125rem);
    font-weight: 400;
    line-height: 1.2;
    color: inherit;
    margin-bottom: 0
}

.testimonialSec__wr {
    padding: 0 0 64px;
    background: #101010;
    background: linear-gradient(180deg, rgb(16 16 16) 0%, rgb(43 43 45) 50%, rgb(16 16 16) 100%);
    color: var(--bsWhite__wr);
    position: relative
}

.reviewHeadBox {
    width: 100%;
    height: 100%;
    padding: .1rem;
    position: relative;
    overflow: hidden;
    border-radius: .4rem;
    color: var(--bsWhite__wr);
    background-color: #4A494B;
    margin-bottom: 1rem
}

.reviewHeadBoxWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-radius: 8px;
    padding: 1.5rem;
    background: linear-gradient(126deg, #282629, #1A1A1A);
    position: relative;
    overflow: hidden;
    z-index: 100
}

.reviewHeadInfoBlock {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4px
}

.gBrandIcon,
.reviewHeadTitleContainer {
    align-items: center;
    display: inline-flex
}

.reviewHeadTitleContainer {
    justify-content: flex-start;
    gap: 6px
}

.gBrandIcon {
    justify-content: center
}

.reviewHeadInfoTitle {
    display: inline-flex;
    line-height: 1
}

.reviewHeadRatingContainer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem
}

.reviewHeadRating,
.reviewHeadRatingCount,
.reviewHeadRatingValue {
    display: inline-flex;
    line-height: 1
}

.reviewHeadRatingValue {
    word-break: normal !important
}

.reviewHeadRating {
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
    font-size: 22px;
    color: #fcbf02
}

.reviewHeadBtn,
.reviewHeadRatingCount {
    font-size: 16px;
    font-family: var(--KaushanScriptFont__wr)
}

.reviewBlock {
    width: 100%;
    height: 100%;
    padding: .1rem;
    position: relative;
    overflow: hidden;
    border-radius: .4rem;
    color: var(--bsWhite__wr);
    background-color: #4A494B
}

.reviewBox {
    width: 100%;
    height: 100%;
    background: linear-gradient(126deg, #282629, #1A1A1A);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 1rem .75rem;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
    z-index: 100
}

.reviewBoxHead {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem
}

.reviewRating {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    font-size: 16px;
    color: #fcbf02;
    margin-bottom: .5rem
}

.reviewAuthBlock {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.reviewAvtarBlock {
    position: relative;
    display: inline-flex;
    flex-shrink: 0
}

.reviewAvtar {
    display: inline-flex;
    width: 40px;
    aspect-ratio: 1/1;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #78909c;
    font-size: 20px;
    line-height: 1;
    color: #fff
}

.reviewAvtar.bg-red {
    background-color: #ec4434
}

.reviewAvtar.bg-blue {
    background-color: #4484f4
}

.reviewAvtar.bg-green {
    background-color: #34ac54
}

.reviewAvtar.bg-yellow {
    background-color: #fcbc04
}

.reviewAvtar.bg-purple {
    background-color: #512da8
}

.reviewAvtar.bg-orange {
    background-color: #ef6c00
}

.reviewAvtar.bg-amber {
    background-color: #fe9a00
}

.reviewAvtar.bg-lime {
    background-color: #7cce00
}

.reviewAvtar.bg-emerald {
    background-color: #00d492
}

.reviewAvtar.bg-teal {
    background-color: #00d5be
}

.reviewAvtar.bg-cyan {
    background-color: #00b8db
}

.reviewAvtar.bg-sky {
    background-color: #00a6f4
}

.reviewAvtar.bg-indigo {
    background-color: #432dd7
}

.reviewAvtar.bg-violet {
    background-color: #5d0ec0
}

.reviewAvtar.bg-fuchsia {
    background-color: #8a0194
}

.reviewAvtar.bg-pink {
    background-color: #e60076
}

.reviewAvtar.bg-rose {
    background-color: #c60036
}

.reviewAvtar.bg-brown {
    background-color: #6b4423
}

.reviewAvtar span {
    display: inline-flex;
    line-height: 1
}

.gIconFigure {
    display: inline-flex;
    position: absolute;
    bottom: -6px;
    right: -6px
}

.gIconFigure img {
    width: 24px !important
}

.reviewAuthInfoBlock {
    width: calc(100% - 56px);
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1
}

.reviewAuthInfo {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: left;
    gap: 5px
}

.reviewAuthName {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.verifyBadgeFigure img {
    width: 14px !important
}

.reviewDate {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1;
    color: rgb(255 255 255)
}

.reviewContentBlock {
    flex-grow: 1
}

.reviewContent {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 4;
    -moz-box-orient: vertical
}

.reviewBtnBlock {
    width: 100%;
    display: flex;
    margin-top: .5rem
}

.reviewBtn {
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: rgb(255 255 255);
    text-decoration: underline;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
}

.reviewBtn:hover {
    color: #FECE0C;
    text-decoration: none
}

.modal-dialog {
    margin: .5rem;
    pointer-events: none
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

#testimonialModal .modal-content {
    background-color: #fff0
}

.reviewModalClose {
    background: 0 0;
    border: none;
    padding: 0;
    width: 32px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    cursor: pointer;
    color: #fff !important;
    text-decoration: none;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 101
}

.modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / .2)
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

#testimonialModal .modal-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 !important
}

.reviewMoadlContainer .reviewBlock {
    height: auto
}

.reviewMoadlContainer .reviewBlock:hover {
    background-color: #fff0
}

.reviewMoadlContainer .reviewBox {
    padding: 40px 1.5rem
}

.reviewMoadlContainer .reviewAvtar {
    width: 48px;
    font-size: 20px
}

.reviewMoadlContainer .reviewAuthInfoBlock {
    width: auto;
    flex: unset
}

.reviewMoadlContainer .reviewRating {
    font-size: clamp(1rem, 0.8263rem + 0.4843vw, 1.25rem);
    margin-bottom: 1rem
}

.reviewMoadlContainer .reviewContent {
    font-size: clamp(0.875rem, 0.7013rem + 0.4843vw, 1.125rem);
    overflow: visible;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    -moz-line-clamp: unset;
    -moz-box-orient: unset
}

.needHelpWrapSec__wr .contentWrap__wr {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem
}

.needHelpWrapSec__wr .contentWrap__wr::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 50%
}

.needHelpWrapSec__wr .contentWrap__wr .secTitle__wr {
    font-size: clamp(1.25rem, 0.3762rem + 2.4272vw, 2.5rem);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem
}

.needHelpWrapSec__wr .contentWrap__wr .btnParentWrap__wr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 1rem
}

.contactListGroup__wr p:only-child,
.needHelpWrapSec__wr .contentWrap__wr .call__wr {
    margin-bottom: 0
}

.needHelpWrapSec__wr .contentWrap__wr .call__wr a {
    display: inline-flex;
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    color: var(--bsWhite__wr);
    transition: 0.3s
}

.needHelpWrapSec__wr>.container__wr>.row>.contentWrap__wr:first-child {
    background: var(--bsPrimary5__wr);
    color: var(--bsWhite__wr);
    padding-right: 5.20833vw
}

.needHelpWrapSec__wr>.container__wr>.row>.contentWrap__wr:nth-child(2) {
    background-color: #f3f4f6;
    color: var(--bs-black);
    padding-left: 5.20833vw
}

.needHelpWrapSec__wr .primayBtn__wr i {
    transition: 0.3s
}

.needHelpWrapSec__wr .primayBtn__wr:hover i {
    margin-left: 10px
}

.contactSec__wr {
    background: #101010;
    color: var(--bsWhite__wr);
    position: relative;
    z-index: 1
}

.contactSec__wr::before {
    content: "";
    width: 100%;
    height: 3rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgb(16 16 16) 10%, rgb(0 0 0 / .0007353283110118625) 100%)
}

.contactSec__wr::after {
    content: "";
    width: 100%;
    height: 3rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgb(16 16 16) 10%, rgb(0 0 0 / .0007353283110118625) 100%)
}

.contactSec__wr .bgOverlayFigure {
    overflow: hidden;
    opacity: .5
}

.contactSec__wr .bgOverlayFigure img {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.contactBlockWrap__wr {
    padding: 60px;
    background: rgb(0 0 0 / .6);
    border: 1px solid rgb(0 0 0 / .09);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgb(0 0 0 / .1);
    backdrop-filter: blur(6.7px);
    -webkit-backdrop-filter: blur(6.7px)
}

.contactFromBlock__wr {
    padding: 0;
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
    border: none
}

.contactFromBlockTitle__wr {
    font-size: clamp(1.25rem, 0.7257rem + 1.4563vw, 2rem)
}

.contactFromBlock__wr form .form-control {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.footerContent__wr p a:hover {
    color: var(--bsPrimary5__wr)
}

.serviceDescSec__wr .bgOverlayFigure img {
    opacity: .5
}

.footBottomBlock__wr,
.pageFooter__wr {
    font-size: clamp(0.875rem, 0.7876rem + 0.2427vw, 1rem)
}

.pageFooter__wr {
    background: #101010;
    font-weight: 200;
    color: var(--bsWhite__wr);
    padding-top: 24px;
    padding-bottom: 24px
}

.pFootBox {
    background: var(--bsBlack800__wr);
    padding: 48px 48px 24px
}

.footBrand {
    display: inline-flex
}

.pFootBoxMiddle {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #fff
}

.footDesc span {
    color: #FECE0C
}

.footEndCopyRight {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

.footEndLinks {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem
}

.footEndLinks a {
    position: relative;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in
}

.footEndLinks a:hover {
    color: #FECE0C
}

.footEndSocial {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px
}

.footEndSocial a {
    height: 35px;
    width: 35px;
    font-size: 14px;
    color: var(--bsWhite__wr);
    text-decoration: none;
    border: 1px solid var(--bsWhite__wr);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    transition: 0.5s ease-in
}

.footEndSocial a:hover {
    color: var(--bsWhite__wr);
    border: 1px solid var(--bsPrimary5__wr);
    background: var(--bsPrimary5__wr);
    box-shadow: 0 0 5px #222 inset
}

.footerContent__wr p a {
    text-decoration: none;
    color: var(--bsWhite__wr);
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in
}

.footerContent__wr p a i {
    margin-right: 12px;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in
}

.footerContent__wr p a:hover i {
    margin-right: 6px
}

.footSocial__wr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin: 20px 0 16px
}

.footSocial__wr a {
    height: 35px;
    width: 35px;
    font-size: 14px;
    color: var(--bsWhite__wr);
    text-decoration: none;
    border: 1px solid var(--bsWhite__wr);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    transition: 0.5s ease-in
}

.callBtnWrap__wr a,
.watsAppWrap__wr a {
    color: var(--bsWhite__wr);
    position: relative;
    display: flex;
    text-decoration: none
}

.footSocial__wr a:hover {
    color: var(--bsWhite__wr);
    border: 1px solid var(--bsPrimary5__wr);
    background: var(--bsPrimary5__wr);
    box-shadow: 0 0 5px #222 inset
}

.callBtnWrap__wr,
.callBtnWrap__wr a {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.footBottomBlock__wr {
    padding-top: 32px;
    text-align: center;
    line-height: 1.5
}

.footBottomTitle__wr {
    font-size: clamp(0.875rem, 0.7002rem + 0.4854vw, 1.125rem);
    font-weight: 600;
    line-height: 1.2
}

.callBtnWrap__wr {
    position: fixed;
    top: 15rem;
    left: 10px;
    margin: auto;
    z-index: 101;
    box-shadow: 0 0 60px 1px rgb(0 0 0 / 50%)
}

.callBtnWrap__wr a {
    background: var(--bsPrimary5__wr);
    padding: 0;
    font-size: 24px;
    align-items: center;
    justify-content: center;
    -webkit-animation: 2s infinite call-shadow-pulse;
    animation: 2s infinite call-shadow-pulse
}

@-webkit-keyframes call-shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(173 122 53 / .5)
    }

    100% {
        box-shadow: 0 0 0 35px #fff0
    }
}

@keyframes call-shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(173 122 53 / .5)
    }

    100% {
        box-shadow: 0 0 0 35px #fff0
    }
}

.callBtnWrap__wr .popoverWrap__wr {
    max-width: 275px;
    width: 275px;
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid rgb(0 0 0 / .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / .2);
    box-shadow: 0 5px 10px rgb(0 0 0 / .2);
    display: none
}

#CalenderModal .show-p,
.callBtnWrap__wr.active .popoverWrap__wr,
.modal.fades {
    display: block
}

.callBtnWrap__wr .popoverWrap__wr .arrow__wr {
    display: block;
    width: 0;
    height: 0;
    border: 11px solid #fff0;
    position: absolute;
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: rgb(0 0 0 / .25);
    border-left-width: 0
}

.callBtnWrap__wr .popoverWrap__wr .arrow__wr::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid #fff0;
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.callBtnWrap__wr .popoverWrap__wr .title__wr {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.callBtnWrap__wr .popoverWrap__wr .content__wr {
    padding: 9px 14px;
    font-size: 14px
}

.watsAppWrap__wr {
    position: fixed;
    top: 30rem;
    left: 10px;
    margin: auto;
    z-index: 101;
    border-radius: 50%;
    box-shadow: 0 0 60px 1px rgb(0 0 0 / 50%);
    width: 50px;
    height: 50px
}

.watsAppWrap__wr a {
    background: var(--bsWatsapp__wr);
    border-radius: 50%;
    height: 50px;
    width: 50px;
    padding: 0;
    font-size: 35px;
    align-items: center;
    justify-content: center;
    -webkit-animation: 2s infinite watapp-shadow-pulse;
    animation: 2s infinite watapp-shadow-pulse
}

@-webkit-keyframes watapp-shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(13 193 67 / .5)
    }

    100% {
        box-shadow: 0 0 0 35px #fff0
    }
}

@keyframes watapp-shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(13 193 67 / .5)
    }

    100% {
        box-shadow: 0 0 0 35px #fff0
    }
}

.offcanvas_form_wrapper {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 650px;
    max-width: 650px;
    background-color: #212121;
    z-index: 1045;
    -webkit-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    display: flex;
    flex-direction: column
}

.offcanvas_form_wrapper .offcanvas_btnwrapper {
    position: absolute;
    width: 100px;
    height: 100px;
    background: var(--bsPrimary5__wr);
    top: 0;
    border-radius: 50%;
    bottom: 0;
    margin: auto;
    box-shadow: -10px 0 60px rgb(36 33 74 / 49%);
    display: inline-block;
    left: -50px;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center
}

.offcanvas_form_wrapper .offcanvas_btnwrapper .enq_text {
    color: var(--bsPrimary5__wr);
    font-size: 20px;
    line-height: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    padding: 0;
    position: absolute;
    top: 45px;
    margin: 0;
    left: -46px;
    font-weight: 500;
    max-width: 100%;
    -webkit-transition: 0.5s ease-in;
    transition: 0.5s ease-in
}

.offcanvas_form_wrapper .offcanvas_btnwrapper .offcanvas_openebtn {
    font-size: 30px;
    color: var(--bsWhite__wr);
    margin: 0 0 0 -47px
}

.offcanvas_form_wrapper .offcanvas_btnwrapper .offcanvas_closebtn {
    display: none;
    font-size: 40px;
    color: var(--bsWhite__wr);
    margin: 0;
    text-decoration: none
}

.offcanvas_form_wrapper .offcanvas_body {
    padding: 0 30px 0 80px;
    margin: 0;
    color: var(--bs-black);
    flex-grow: 1;
    overflow-y: auto
}

.offcanvas_form_wrapper .sec_head {
    padding: 30px 30px 30px 80px;
    position: relative;
    color: var(--bsWhite__wr)
}

.offcanvas_form_wrapper .sec_head .sec_title {
    font-size: clamp(1.25rem, 0.7257rem + 1.4563vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--bsPrimary5__wr);
    margin-bottom: 0;
    text-align: left
}

.offcanvas_form_wrapper .sec_head p {
    color: inherit;
    margin-bottom: 0
}

.offcanvas_form_wrapper .sec_head .offcanvas_xs_closebtn {
    color: var(--bsWhite__wr);
    font-size: 30px;
    display: none;
    position: absolute;
    right: 30px;
    top: 30px;
    text-decoration: none
}

.offcanvas_form_wrapper.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 2000000001 !important
}

.offcanvas_backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: var(--bsBlack__wr)
}

.offcanvas_backdrop.show {
    opacity: .8;
    visibility: visible
}

.modal,
.modal-backdrop.fade {
    opacity: 0
}

.consultaion-btn .btnWrap {
    padding: 12px 32px !important
}

.consultaion-btn {
    margin-top: 30px;
    display: none
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 0.5rem;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(0.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal .modal-dialog,
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
    margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * 0.5)
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul li~li,
.help-block {
    margin-top: 10px
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal {
    background-color: rgb(0 0 0 / .8)
}

.modal.show {
    opacity: 1
}

.modal.show .modal-dialog {
    transform: none
}

.modal-content {
    border-radius: 0
}

#CalenderModal {
    z-index: 2000000001
}

#CalenderModal .modal-dialog {
    max-width: 850px
}

#CalenderModal .modal-dialog .modal-content {
    border: none;
    box-shadow: none;
    border-radius: 0
}

#CalenderModal .CalenderArea {
    display: flex;
    margin: -15px;
    min-height: 505px
}

#CalenderModal .CalenderArea .Close {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 50px;
    line-height: 55px;
    width: 50px;
    text-align: center;
    color: #000;
    text-decoration: none
}

#CalenderModal .CalenderArea .CalenderLeft {
    width: 50%;
    border-right: 1px solid #d6d6d6;
    transition: 0.5s ease-in-out
}

#CalenderModal .CalenderArea .CalenderLeft figure {
    margin: 0;
    padding: 60px 40px;
    border-bottom: 1px solid #ddd
}

#CalenderModal .CalenderArea .CalenderLeft figure img {
    width: auto;
    height: 100px;
    display: block;
    margin: 0 auto
}

#CalenderModal .CalenderArea .CalenderLeft .figcaption {
    padding: 25px 40px;
    min-height: 300px
}

#CalenderModal .CalenderArea .CalenderLeft .figcaption h3 {
    color: var(--darkBlueColor__wr);
    font-weight: 500;
    margin: 0 0 10px;
    font-size: 26px
}

#CalenderModal .CalenderArea .CalenderLeft .figcaption h4 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin: 0 0 10px
}

#CalenderModal .CalenderArea .CalenderLeft .figcaption p:not([class]) {
    color: var(--bsGreyColor__wr)
}

#CalenderModal .CalenderArea .CalenderLeft .figcaption p {
    font-size: 15px;
    color: inherit
}

#CalenderModal .CalenderArea .CalenderRight {
    width: 50%;
    padding: 40px 0 0 15px;
    transition: 0.5s ease-in-out;
    overflow: hidden
}

#CalenderModal .CalenderArea .CalenderRight h3,
#CalenderModal .CalenderForm h4 {
    font-weight: 500;
    font-size: 25px;
    margin: 0 0 15px
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox {
    flex: 1;
    position: relative;
    transition: 0.5s ease-in-out
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox .Controls #next,
#CalenderModal .CalenderArea .CalenderRight .CalenderBox .Controls #prev {
    font-size: 25px;
    line-height: 17px;
    font-weight: 700;
    margin: 0;
    cursor: pointer;
    position: absolute;
    z-index: 99
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox .Controls #prev {
    left: 10%
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox .Controls #next {
    right: 10%
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .current-date {
    position: relative;
    padding: 0 0 10px !important;
    text-align: center;
    background: 0 0;
    box-shadow: none
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .current-date .current-month {
    font-size: 16px;
    font-weight: 500;
    color: #000
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .week-days .week-day {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    width: 45px;
    height: 25px;
    text-align: center
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .weeks .week .day {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    padding: 1px 0 0;
    font-size: 16px;
    text-align: center;
    border: 1px solid #fff0;
    border-radius: 50%;
    cursor: pointer;
    color: #000;
    font-weight: 500;
    line-height: 40px
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .weeks .week .day.today {
    background-color: var(--bsPrimary5__wr);
    color: #fff
}

#CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .weeks .week .day.not-current-month {
    color: #dedede
}

#CalenderModal .CalenderArea.AddSlot .CalenderLeft {
    width: 40%
}

#CalenderModal .CalenderArea.AddSlot .CalenderRight {
    width: 65%
}

#CalenderModal .CalenderArea.AddSlot .CalenderRight aside .TimeSlot {
    transform: translate(0)
}

#CalenderModal .CalenderArea .CalenderRight aside {
    display: flex;
    transition: 0.5s ease-in-out
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot {
    width: 40%;
    padding: 0 0 0 10px;
    transform: translate(100%, 0)
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot h4 {
    font-weight: 500;
    color: #000;
    margin: 0 0 15px
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul {
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 365px;
    overflow-y: auto;
    padding: 0 5px 0 0
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul::-webkit-scrollbar {
    width: 10px
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul::-webkit-scrollbar-track {
    background: #fff
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul::-webkit-scrollbar-thumb {
    background: #4c4b4b;
    border: 2px solid #fff;
    border-radius: 15px
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul li {
    padding: 0 .5rem;
    font-size: 15px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul li span.Time {
    width: 100%;
    height: 50px;
    border: 1px solid #adaeb1;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    background-color: #fff
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul li span.Confirm {
    width: 100%;
    height: 50px;
    transform: translateX(15px);
    display: inline-block;
    background-color: var(--bsPrimary5__wr);
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s ease-in-out
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul li.timeactive span.Time {
    background-color: #616161;
    border-color: #616161;
    font-weight: 400;
    color: #fff;
    width: 49%
}

#CalenderModal .CalenderArea .CalenderRight .TimeSlot ul li.timeactive span.Confirm {
    font-weight: 400;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 49%
}

#CalenderModal .CalenderArea.AddSlot .CalenderRight .CalenderBox {
    flex: unset;
    width: 60%
}

#CalenderModal .CalenderForm {
    width: 50%;
    padding: 40px 0 60px 25px;
    transition: 0.5s ease-in-out;
    display: none;
    position: relative
}

#CalenderModal .CalenderForm .back {
    font-size: 36px;
    color: #000;
    line-height: 1;
    text-decoration: none;
    position: absolute;
    top: 0
}

#CalenderModal .CalenderForm .form-group label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #000
}

#CalenderModal .CalenderForm .form-group .form-control {
    outline: 0;
    box-shadow: none;
    color: var(--bs-black);
    border: 1px solid #ccc
}

#CalenderModal .CalenderForm .form-group .form-check {
    padding: 0
}

#CalenderModal .CalenderForm .form-group .form-check .form-check-label {
    position: relative;
    display: flex;
    font-size: 15px;
    padding: 0 0 0 25px;
    margin: 0 0 8px
}

#CalenderModal .CalenderForm .form-group .form-check .form-check-label input {
    margin: 0;
    width: 17px;
    height: 17px;
    left: 0;
    top: 2px;
    position: absolute
}

#CalenderModal .CalenderForm .form-group .form-check .form-check-label .Icon {
    margin: 0 16px 0 0;
    font-size: 15px;
    padding: 5px 0 5px 5px
}

#CalenderModal .fa-video {
    color: #4888f7
}

#CalenderModal .fa-phone {
    color: green
}

#CalenderModal .fa-location-dot {
    color: red
}

#CalenderModal .CalenderForm button {
    cursor: pointer;
    background-color: var(--bsPrimary5__wr);
    font-size: 15px;
    padding: 10px 14px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border: 2px solid var(--bsPrimary5__wr);
    width: 100%;
    border-radius: 4px;
    margin: 0 auto
}

#CalenderModal .CalenderForm button:hover {
    color: #fff;
    background-color: var(--bsBlack__wr);
    border-color: var(--bsBlack__wr)
}

#CalenderModal .enquiry-error {
    border-color: red !important
}

#CalenderModal .disable-time {
    cursor: not-allowed !important;
    color: #b6b5b5
}

#CalenderModal .has-error .help-block,
#CalenderModal .has-error .radio,
#CalenderModal .has-error.checkbox label,
#CalenderModal .has-error.checkbox-inline label,
#CalenderModal .has-error.radio label,
#CalenderModal .has-error.radio-inline label,
#CalenderModal .radio-inline {
    color: #a94442
}

.has-error span {
    font-weight: 400;
    color: red;
    position: absolute;
    top: 45px;
    font-size: 14px;
    left: 30px
}

.help-block {
    font-size: 14px;
    display: block;
    color: red;
    position: absolute;
    top: 70px;
    left: 5px
}

.clientSec__wr {
    position: relative;
    background: #101010;
    background: linear-gradient(180deg, rgb(16 16 16) 0%, rgb(43 43 45) 50%, rgb(16 16 16) 100%);
    color: #fff;
    overflow-x: clip
}

.clientProjBlockTitle {
    font-size: clamp(1.125rem, 0.6088rem + 1.4388vw, 1.5rem);
    font-weight: 600;
    line-height: 1.2;
    color: #ff6c08
}

.clientProjBlockTitle span {
    display: inline-flex
}

.clientProjList {
    padding-left: 0;
    list-style: none
}

.clientProjList>li {
    padding-bottom: 24px
}

.clientProjList>li:last-child {
    padding-bottom: 0
}

.clientProjList a {
    position: relative;
    font-size: clamp(1rem, 0.5657rem + 1.2107vw, 1.625rem);
    font-weight: 600;
    color: rgb(255 255 255);
    line-height: 1.2;
    white-space: nowrap;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0;
    border: none;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.clientProjList a::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    background-color: #fece0c;
    height: 2px;
    border-radius: 2px;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .5s cubic-bezier(0, 0, .2, 1), -webkit-transform .5s cubic-bezier(0, 0, .2, 1)
}

.clientProjList>li.active a,
.clientProjList a:hover {
    color: rgb(255 255 255)
}

.clientProjList li.active a::before,
.clientProjList a:hover::before {
    transform: scaleX(1);
    transform-origin: left
}

.clientProjLogoBlock {
    width: 100%;
    max-width: 415px;
    margin: 0 auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(126deg, #282629, #1A1A1A), linear-gradient(126deg, #FECC17, #525053 50%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    border: 2px solid #fff0;
    display: flex;
    align-items: center;
    justify-content: center
}

.clientLogoFigure {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem
}

.clientLogoFigure img {
    width: 100%;
    aspect-ratio: 2 / 1;
    object-fit: contain;
    object-position: center
}

.marqSec__wr {
    background: #FE8C00;
    background: -webkit-linear-gradient(90deg, #d46700 0%, #f4c400 100%);
    background: linear-gradient(90deg, #d46700 0%, #f4c400 100%)
}

:root {
    --review-block-gap: 15px;
    --cmpny-block-gap: 50px;
    --speed: 120s
}

.reviewMarqueCarousel {
    width: 100%;
    overflow: hidden
}

.reviewMarqTrack {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: review-marquee var(--speed) linear infinite
}

.reviewMarqGroup {
    display: flex
}

.reviewMarqGroup .reviewBlock {
    flex: 0 0 290px;
    width: 290px;
    margin-right: var(--review-block-gap);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1
}

@keyframes review-marquee {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.reviewMarqueCarousel:hover .reviewMarqTrack {
    animation-play-state: paused
}

.cmpnyMarqSec {
    background-color: #101010
}

.cmpnyMarqueCarousel {
    width: 100%;
    display: flex;
    overflow: hidden
}

.cmpnyMarqGroup {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    white-space: nowrap;
    will-change: transform;
    animation: cmpny-marquee 20s linear infinite reverse
}

.cmpnyMarqGroup .cmpnyMarquLogo {
    flex: 0 0 120px;
    width: 120px;
    margin-right: var(--cmpny-block-gap);
    display: flex;
    align-items: center;
    justify-content: center
}

.cmpnyMarquLogo img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center
}

@keyframes cmpny-marquee {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.cmpnyMarqueCarousel:hover .cmpnyMarqGroup {
    animation-play-state: paused
}

.partnerMarqueCarousel {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.partnerMarqueCarousel::-webkit-scrollbar {
    display: none
}

.partMarqGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap;
    animation: 50s linear infinite logo-marquee reverse
}

.partnerMarqueCarousel .itemImage__wr {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px
}

.partnerMarqueCarousel .itemImage__wr img {
    aspect-ratio: unset;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

@-webkit-keyframes logo-marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes logo-marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.partnerMarqueCarousel:hover .partMarqGroup {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(1) {
    -ms-flex-preferred-size: 133px;
    flex-basis: 133px
}

.partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(7) {
    -ms-flex-preferred-size: 62px;
    flex-basis: 62px
}

.partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(12) {
    -ms-flex-preferred-size: 160px;
    flex-basis: 160px
}

.partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(16) {
    -ms-flex-preferred-size: 103px;
    flex-basis: 103px
}

.partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(17) {
    -ms-flex-preferred-size: 81px;
    flex-basis: 81px
}


/*RESPONSIVE*/
@media (min-width:480px) {
    .reviewMarqGroup .reviewBlock {
        flex: 0 0 265px
    }
}
@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }

    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .row-gap-sm-3 {
        row-gap: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .reviewHeadBoxWrap {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: unset
    }

    .reviewHeadInfoBlock {
        align-items: flex-start
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .serviceDescSec__wr .container__wr>.row:nth-child(1) .serviceDescContent__wr p br {
        display: none
    }

    .mainBnrContent__wr .primayBtn__wr.secondaryBtn .btnWrap {
        width: 220.76px
    }
}
@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }

    .d-md-none {
        display: none !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-flex {
        display: flex !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .col-md {
        flex: 1 0 0%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12,
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .col-md-6,
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .text-md-start {
        text-align: left !important
    }

    .officeBox {
        height: 400px
    }

    .officeSecBlock .col-md {
        flex: 1 1 0%;
        transition: flex 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
        display: flex
    }

    .officeSecBlock:hover .col-md {
        flex: .8
    }

    .officeSecBlock:hover .col-md .officeBox {
        aspect-ratio: unset
    }

    .officeSecBlock:hover .col-md:hover {
        flex: 2;
        z-index: 2
    }

    .pageFooter__wr {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .pFootBox {
        padding: 64px 64px 24px;
        border-radius: 20px
    }

    .pFootBox>.row>[class*=col-]:nth-child(1) {
        margin-top: -64px;
        margin-left: -64px
    }

    .footBrand {
        position: relative;
        background: #101010;
        padding: 24px;
        border-radius: 0 0 20px 0
    }

    .footBrand::before {
        content: '';
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        bottom: auto;
        left: 100%;
        right: auto;
        z-index: 1;
        background-color: #101010;
        -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIhJREFUeNrs1bENgCAQheGnLsIIjMBIbsQqbEDYwA10A7wCEhsCGOCa+5ILHX+Ohg1AxD8PjaMJ6cxc6wWxcyyNwQA9QYWBakFPozFBbctpStETk7FEsfp5S2GPhb5hzRG2WCyHFUd4+bY5bDjCN0d07/nGRocDR/hI58WxMbieWgghRJNXgAEAnTdPheEtLawAAAAASUVORK5CYII=);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: top left;
        mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIhJREFUeNrs1bENgCAQheGnLsIIjMBIbsQqbEDYwA10A7wCEhsCGOCa+5ILHX+Ohg1AxD8PjaMJ6cxc6wWxcyyNwQA9QYWBakFPozFBbctpStETk7FEsfp5S2GPhb5hzRG2WCyHFUd4+bY5bDjCN0d07/nGRocDR/hI58WxMbieWgghRJNXgAEAnTdPheEtLawAAAAASUVORK5CYII=);
        mask-repeat: no-repeat;
        mask-position: top left;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .footBrand::after {
        content: '';
        width: 30px;
        height: 30px;
        position: absolute;
        top: 100%;
        bottom: auto;
        left: 0;
        right: auto;
        z-index: 1;
        background-color: #101010;
        -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIhJREFUeNrs1bENgCAQheGnLsIIjMBIbsQqbEDYwA10A7wCEhsCGOCa+5ILHX+Ohg1AxD8PjaMJ6cxc6wWxcyyNwQA9QYWBakFPozFBbctpStETk7FEsfp5S2GPhb5hzRG2WCyHFUd4+bY5bDjCN0d07/nGRocDR/hI58WxMbieWgghRJNXgAEAnTdPheEtLawAAAAASUVORK5CYII=);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: top left;
        mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIhJREFUeNrs1bENgCAQheGnLsIIjMBIbsQqbEDYwA10A7wCEhsCGOCa+5ILHX+Ohg1AxD8PjaMJ6cxc6wWxcyyNwQA9QYWBakFPozFBbctpStETk7FEsfp5S2GPhb5hzRG2WCyHFUd4+bY5bDjCN0d07/nGRocDR/hI58WxMbieWgghRJNXgAEAnTdPheEtLawAAAAASUVORK5CYII=);
        mask-repeat: no-repeat;
        mask-position: top left;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .pFootBoxMiddle {
        margin-top: 0
    }

    .data_placement_md_start .popoverBlock {
        left: auto;
        right: calc(100% + 10px);
        top: 50%;
        transform: translate(0, -50%);
        text-align: left
    }

    .toggle-popover-block.data_placement_md_start .popoverBlock .arrow__wr {
        top: 52%;
        bottom: auto;
        right: -10px;
        left: auto;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: rgb(255 255 255 / .15);
        border-bottom-color: #fff0;
        border-top-width: 11px
    }

    .toggle-popover-block.data_placement_md_start .popoverBlock .arrow__wr::before {
        bottom: -10px;
        left: auto;
        right: 1px;
        top: auto;
        border-right-width: 0;
        border-left-color: #212529;
        border-bottom-color: #fff0;
        border-top-width: 11px
    }

    .reviewMarqGroup .reviewBlock {
        flex: 0 0 274px
    }
}
@media (min-width:992px) {

    .navBarNav__wr>li:last-child,
    .pageNavBarTogglerWrap__wr,
    .pageNavBar__wr .pageNavWrap__wr .pageNavHead__wr {
        display: none
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }

    .container__wr {
        max-width: 1600px;
        padding-left: 96px;
        padding-right: 96px
    }

    .mainBnrContentWrap__wr {
        padding-top: 140px;
        padding-bottom: 24px
    }

    .navBarNav__wr,
    .navBarNav__wr>li,
    .navBarNav__wr>li>a,
    .pageNavBar__wr .container__wr,
    .pageNavWrap__wr {
        display: flex
    }

    .pageNavWrap__wr {
        margin-left: auto;
        min-height: 103px
    }

    .navBarBrand__wr {
        padding: 8px 0
    }

    .navBarNav__wr {
        list-style: none
    }

    .navBarNav__wr>li~li {
        margin-left: 50px
    }

    .mainBnrContentWrap__wr>.container__wr>.row,
    .navBarNav__wr>li>a {
        align-items: center
    }

    .navBarNav__wr .dropdown:hover .dropdown-content {
        display: block
    }

    .pageNavBarConsultWrap__wr {
        display: flex;
        margin-left: 50px;
        align-items: center
    }

    .mainBnrContentBtnParent__wr {
        display: inline-flex;
        z-index: 99
    }

    .estimateInfo__wr {
        border-left: 2px solid var(--bsWhite__wr)
    }

    .serviceBlock__wr {
        padding: 64px 16px
    }

    .needHelpWrapSec__wr>.container__wr>.row>.contentWrap__wr:first-child::before {
        right: calc(100% - 1rem);
        background-color: var(--bsPrimary5__wr)
    }

    .needHelpWrapSec__wr>.container__wr>.row>.contentWrap__wr:nth-child(2)::before {
        left: calc(100% - 1rem);
        background-color: #f3f4f6
    }

    .deskParentWrap__wr {
        max-width: 490px;
        margin-left: auto;
        margin-right: 0
    }

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }

    .reviewMoadlContainer .reviewBox {
        padding: 40px
    }

    .clientSecHead {
        max-width: 1000px;
        margin: 0 auto
    }

    .counterSecHeadTitle {
        min-height: 87px
    }

    .cmpnyMarquLogo {
        margin-right: 150px
    }

    .cmpnyMarquSlider {
        padding-top: 0
    }

    .appCtaInrCircle {
        width: 52rem;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%)
    }

    .techSolBlockIcon {
        width: 60px
    }

    .techSolBlockInr {
        padding: 1.5rem
    }

    .statsBox {
        padding: 1.5rem .75rem
    }

    .techSolTabPane .row .col:nth-child(3) {
        margin-right: 102px !important
    }

    .techSolTabPane#design .row .col:nth-child(4) {
        margin-right: 304px !important
    }

    .wcuSecContent {
        gap: 48px
    }

    .statSecBlock {
        padding-right: 30%
    }

    .statSecBlock .row .col:nth-child(n+4) {
        transform: translateX(50%)
    }

    .caseSecNavTabs li {
        display: inline-flex;
        flex-shrink: unset;
        width: auto !important;
        height: auto;
        margin: 0 !important
    }

    .appCtaContentBox {
        justify-content: center;
        align-items: flex-start;
        height: 500px
    }

    .deskMobCtaBlock {
        width: 100%;
        justify-content: center;
        pointer-events: none
    }

    .deskMobCtaBlock>.row {
        width: 100%
    }

    .deskMobCtaBlock>.row>[class*=col-]:nth-child(2) .appCtaBoxFigure {
        pointer-events: auto
    }

    .deskMobCtaBlock {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        padding: 0 calc(96px + 5.2vw)
    }

    .appCtaSec {
        padding-top: 40px
    }

    .contactSec__wr::before {
        height: 5rem
    }

    .contactSec__wr::after {
        height: 5rem
    }

    .reviewBox {
        padding: 1.5rem
    }

    .screenSliderCover {
        max-width: 312px;
        top: 8px;
        height: calc(100% - 28px)
    }

    .caseGridColSwiper .swiper-slide .caseItemBlock .caseBlockInr>.row {
        justify-content: space-between
    }

    .rapidPair .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .yourBazaar .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(1),
    .alSayraat .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .fansVoize .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .kash .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(1),
    .tipHart .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(1),
    .financeUae .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .grassitup .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .saas .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .bayLeaf .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(1),
    .nrTc .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(1),
    .splidu .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .shams .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        display: flex;
        align-items: center
    }

    .yourBazaar .caseItemBlock .caseFigure,
    .grassitup .caseItemBlock .caseFigure {
        height: 100%;
        align-items: flex-end;
        justify-content: flex-start
    }

    .alSayraat .caseItemBlock .caseFigure {
        height: 100%;
        justify-content: flex-start
    }

    .fansVoize .caseItemBlock .caseFigure,
    .kash .caseItemBlock .caseFigure,
    .tipHart .caseItemBlock .caseFigure {
        height: 100%;
        align-items: flex-end;
        justify-content: flex-end
    }

    .financeUae .caseItemBlock .caseFigure {
        height: 100%
    }

    .splidu .caseItemBlock .caseFigure {
        height: 100%;
        justify-content: flex-start
    }

    .shams .caseItemBlock .caseFigure {
        height: 100%;
        justify-content: flex-start
    }

    .col-lg {
        flex: 1 0 0%
    }

    .col-lg-auto,
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-12,
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .col-lg-6,
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-4,
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-3,
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .g-lg-40px,
    .gx-lg-40px {
        margin-right: -40px;
        margin-left: -40px
    }

    .g-lg-40px>[class*="col-"],
    .g-lg-40px>col,
    .gx-lg-40px>[class*="col-"],
    .gx-lg-40px>col {
        padding-right: 40px;
        padding-left: 40px
    }

    .gx-lg-8vw {
        --bs-gutter-x: 8vw
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .row-gap-lg-0 {
        row-gap: 0 !important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }

    .p-lg-80,
    .pt-lg-80,
    .py-lg-80 {
        padding-top: 5rem !important
    }

    .p-lg-80,
    .pb-lg-80,
    .py-lg-80 {
        padding-bottom: 5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
}
@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }

    .col-xl-6,
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-4,
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .reviewMarqGroup .reviewBlock {
        flex: 0 0 249px
    }
}
@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }

    .col-xxl-6,
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-4,
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .reviewMarqGroup .reviewBlock {
        flex: 0 0 254px
    }
}
@media (max-width:1441px) and (min-width:1339px) {
    .screenSliderCover {
        max-width: 294px;
        top: 9px;
        height: calc(100% - 30px)
    }
}
@media (max-width:1401px) and (min-width:1399px) {
    .screenSliderCover {
        max-width: 300px
    }
}
@media (max-width:1367px) and (min-width:1365px) {
    .screenSliderCover {
        max-width: 290px;
        top: 11px;
        height: calc(100% - 32px)
    }
}
@media (max-width:1361px) and (min-width:1359px) {
    .screenSliderCover {
        max-width: 290px;
        top: 10px;
        height: calc(100% - 30px)
    }
}
@media (max-width:1281px) and (min-width:1199px) {
    .screenSliderCover {
        max-width: 272px;
        top: 11px;
        height: calc(100% - 33px)
    }
}
@media (max-width:1025px) and (min-width:1023px) {
    .screenSliderCover {
        max-width: 352px;
        top: 6px;
        height: calc(100% - 22px)
    }
}
@media (max-width:1401px) {
    .container__wr {
        padding-left: 64px;
        padding-right: 64px
    }

    .callBtnWrap__wr,
    .watsAppWrap__wr {
        width: 40px;
        height: 40px;
        left: 5px
    }

    .callBtnWrap__wr a,
    .watsAppWrap__wr a {
        width: 40px;
        height: 40px;
        font-size: 18px
    }

    .watsAppWrap__wr a {
        font-size: 30px
    }

    .offcanvas_form_wrapper .offcanvas_btnwrapper {
        width: 80px;
        height: 80px;
        left: -32px
    }

    .offcanvas_form_wrapper .offcanvas_btnwrapper .enq_text {
        font-size: 16px;
        top: 50%;
        left: -38px;
        -o-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg)
    }

    .offcanvas_form_wrapper .offcanvas_btnwrapper .fa-paper-plane {
        font-size: 20px;
        margin-left: -45px
    }
}
@media (max-width:992px) {

    .container__wr,
    .needHelpWrapSec__wr>.container__wr {
        max-width: 100%
    }

    .navTopBarInfo__wr {
        width: 100%;
        gap: 16px;
        justify-content: space-between
    }

    .clientProjList a::before,
    .navTopInfoItem__wr a .labelText__wr,
    .navTopInfoTime__wr,
    .mainBnrBackGround__wr,
    .satisfactrySec__wr .bgOverlayFigure,
    .serviceSec__wr .bgOverlayFigure,
    .serviceDescSec__wr .bgOverlayFigure,
    .happyClientsSec__wr .overlayBgFigure__wr,
    .contactSec__wr .bgOverlayFigure,
    .contactSec__wr::before {
        display: none
    }

    .consultaion-btn {
        display: flex
    }

    .parentSec__wr {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .contactContentBlock__wr,
    .hmAbtContentBlock__wr,
    .mainBnrFormBlock__wr {
        margin-top: 32px
    }

    .pageNavBarConsultWrap__wr {
        display: none;
        margin-left: auto;
        margin-right: 12px
    }

    .container__wr {
        padding-left: 64px;
        padding-right: 64px
    }

    .pageNavBar__wr .container__wr {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .pageNavBarToggler__wr {
        padding: 0;
        display: flex;
        background: 0 0;
        border: none;
        font-size: 24px;
        color: var(--bsWhite__wr)
    }

    .pageNavWrap__wr {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1050;
        width: 100%;
        max-width: 400px;
        background-color: var(--bsWhite__wr);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: 0.5s ease-in;
        transition: 0.5s ease-in
    }

    .pageNavWrap__wr.show {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        z-index: 2000000001 !important
    }

    .pageNavHead__wr {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        padding: 12px;
        border-bottom: 1px solid var(--bsGrey100__wr)
    }

    .menuClose__wr,
    .pageNavHead__wr .brand__wr {
        display: inline-flex
    }

    .menuClose__wr {
        opacity: 1;
        background: unset;
        border: none;
        padding: 0;
        width: auto;
        height: auto;
        font-size: 24px;
        box-shadow: none
    }

    .navBarNav__wr {
        display: block;
        width: 100%;
        height: 84vh;
        padding: 15px;
        overflow: auto
    }

    .navBarNav__wr>li {
        display: block
    }

    .navBarNav__wr>li~li {
        margin-top: 24px
    }

    .navBarNav__wr>li>a,
    .navBarNav__wr>li>button {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.2;
        color: #333;
        text-decoration: none
    }

    .navBarNav__wr .dropdown .dropdown-content {
        width: 100%;
        position: relative;
        margin-top: 16px
    }

    .navBarNav__wr .dropdown .dropdown-content a {
        font-size: 16px
    }

    .pageNavBarBackDrop__wr {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: .5
    }

    .list-styled li::before {
        top: 11px
    }

    .clientProjBlockTitle span {
        border-bottom: 2px solid #FF6C08
    }

    .clientProjList {
        flex-wrap: wrap;
        row-gap: 24px
    }

    .clientProjList>li {
        flex: 0 0 auto;
        width: 33.33333333%;
        padding-bottom: 0;
        padding-left: 12px;
        padding-right: 12px;
        text-align: center
    }

    .clientProjList a {
        font-size: clamp(0.875rem, 0.7029rem + 0.4796vw, 1rem);
        white-space: unset
    }

    .satisfactrySec__wr {
        background-color: #F3F3F3
    }

    .testimonialSec__wr {
        padding-top: 0;
        padding-bottom: 48px
    }

    .contactSec__wr {
        background-color: #4E4E4E
    }

    .caseSecNavTabs li {
        text-align: center
    }

    .appCtaInrBox {
        padding: 48px 12px 0
    }

    .appCtaContentBox {
        text-align: center;
        align-items: center
    }

    .caseSecNavTabs {
        gap: .75rem
    }

    .caseSecNavTabs li {
        padding: 0 .75rem
    }

    .techSolSec .swiper::before,
    .techSolSec .swiper::after {
        display: none
    }

    .tabBtn {
        padding: 12px 18px
    }

    .techSolSec .swiper-slide {
        max-width: unset;
        width: auto !important
    }

    .techSolSec .swiper-slide .tabBtn {
        font-size: 16px !important;
        padding-inline: 18px;
        max-width: 282px;
        color: rgb(255 255 255);
        background: linear-gradient(126deg, #282629, #1A1A1A), linear-gradient(126deg, #FFF1BC, #525053 50%);
        background-clip: padding-box, border-box;
        background-origin: padding-box, border-box
    }

    .techSolSec .tab.swiper-slide-prev,
    .techSolSec .tab.swiper-slide-next,
    .techSolSec .tab.swiper-slide-active {
        max-height: unset !important;
        height: unset !important
    }

    .techSolSec .tab.swiper-slide-prev .tabBtn,
    .techSolSec .tab.swiper-slide-next .tabBtn {
        font-size: 16px !important;
        padding-left: 18px !important;
        padding-right: 18px !important
    }

    .techSolSec .tab.swiper-slide-active .tabBtn {
        font-size: 16px !important;
        padding-left: 18px !important;
        padding-right: 18px !important
    }

    .wcuCtaBlock {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: clamp(0.875rem, 0.7019rem + 0.4808vw, 1rem);
        line-height: 1.5;
        gap: 8px
    }

    .wcuCtaIconBox {
        width: 64px
    }

    .wcuIconFigure {
        width: 40px
    }

    .wcuCtaTitle {
        max-width: 100%
    }

    .techSolTabPane .row .col:nth-child(3) {
        margin-right: 12% !important
    }

    .techSolTabPane#design .row {
        justify-content: center !important
    }

    .techSolTabPane#design .row .col:nth-child(3) {
        margin-right: 0 !important
    }

    .rapidPair .caseItemBlock .caseBlockInr {
        padding: 24px 12px 24px 6vw
    }

    .yourBazaar .caseItemBlock .caseBlockInr {
        padding: 24px 12px 0 6vw
    }

    .alSayraat .caseItemBlock .caseBlockInr {
        padding: 24px 24px 24px 6vw
    }

    .rapidPair .caseItemBlock .caseFigure {
        justify-content: flex-end
    }

    .yourBazaar .caseItemBlock .caseContentBlock {
        max-width: 332px
    }

    .rapidPair .caseItemBlock .caseContent {
        max-width: 100%
    }

    .rapidPair .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -36%
    }

    .yourBazaar .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -24%
    }

    .alSayraat .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -32%
    }

    .yourBazaar .caseItemBlock .caseFigure {
        height: 100%;
        align-items: flex-end
    }

    .fansVoize .caseItemBlock .caseBlockInr {
        padding: 24px 12px 24px 6vw
    }

    .fansVoize .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -58%
    }

    .kash .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(1) {
        transform: translateY(35%)
    }

    .kash .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -42%
    }

    .kash .caseItemBlock .caseFigure {
        height: 100%;
        align-items: flex-end;
        justify-content: flex-end
    }

    .kash .caseItemBlock .caseBlockInr {
        padding: 24px 0 0 8vw
    }

    .tipHart .caseItemBlock .caseContentBlock,
    .tipHart .caseItemBlock .caseContent,
    .saas .caseItemBlock .caseContentBlock,
    .saas .caseItemBlock .caseContent,
    .bayLeaf .caseItemBlock .caseContentBlock,
    .bayLeaf .caseItemBlock .caseContent,
    .bayLeaf .caseItemBlock .caseContentHead {
        max-width: 100%
    }

    .tipHart .caseItemBlock .caseBlockInr {
        padding: 0
    }

    .tipHart .caseItemBlock .caseBlockInr>.row,
    .bayLeaf .caseItemBlock .caseBlockInr>.row {
        row-gap: 1.5rem
    }

    .tipHart .caseItemBlock .caseContentBlock {
        padding: 24px 5vw 0
    }

    .tipHart .caseItemBlock .caseBrandFigure {
        display: flex;
        margin-bottom: 1.5rem
    }

    .tipHart .caseItemBlock .caseContentHead {
        text-align: center
    }

    .financeUae .caseItemBlock .caseBlockInr {
        padding: 24px 12px 24px 5vw
    }

    .grassitup .caseItemBlock .caseFigure img {
        width: 55%
    }

    .financeUae .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -45%
    }

    .grassitup .caseItemBlock .caseBlockInr {
        padding: 24px 12px 24px 5vw
    }

    .grassitup .caseItemBlock .caseFigure {
        justify-content: flex-end
    }

    .grassitup .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -53%
    }

    .saas .caseItemBlock .caseBlockInr {
        padding: 0 3vw 0 3vw
    }

    .saas .caseItemBlock .caseFigure {
        justify-content: center
    }

    .saas .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        display: flex;
        align-items: center
    }

    .bayLeaf .caseItemBlock .caseBlockInr {
        padding: 24px 8vw 0 8vw
    }

    .nrTc .caseItemBlock .caseBlockInr {
        padding: 24px 0 0 4vw
    }

    .nrTc .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -40%
    }

    .splidu .caseItemBlock .caseBlockInr {
        padding: 12px 0 24px 7vw
    }

    .splidu .caseItemBlock .caseFigure {
        align-items: flex-start;
        justify-content: flex-end
    }

    .splidu .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -40%
    }

    .shams .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -20%
    }

    .screenSliderCover {
        max-width: 330px;
        top: 8px;
        height: calc(100% - 28px)
    }
}
@media (max-width:769px) {
    #CalenderModal .modal-dialog {
        max-width: 100%;
        height: 100%;
        margin: 0
    }

    #CalenderModal .CalenderArea {
        display: block;
        margin: 0
    }

    #CalenderModal .CalenderArea .CalenderLeft,
    #CalenderModal .CalenderArea.AddSlot .CalenderLeft {
        width: 100%;
        border-right: none
    }

    #CalenderModal .CalenderArea .CalenderLeft figure {
        padding: 15px 0;
        text-align: center
    }

    #CalenderModal .CalenderArea .CalenderLeft .figcaption {
        min-height: unset;
        text-align: center;
        padding: 15px 0
    }

    #CalenderModal .CalenderArea .CalenderRight,
    #CalenderModal .CalenderArea.AddSlot .CalenderRight {
        width: 100%;
        padding: 0
    }

    #CalenderModal .CalenderArea .CalenderRight .TimeSlot h5,
    #CalenderModal .CalenderArea .CalenderRight h3 {
        text-align: center
    }

    #CalenderModal .CalenderArea .CalenderRight aside {
        justify-content: space-between
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox {
        flex: unset
    }

    #CalenderModal .CalenderArea .CalenderRight .TimeSlot {
        transform: translate(0, 0);
        width: 215px
    }

    #CalenderModal .CalenderForm {
        width: 100%;
        padding-left: 0;
        padding-bottom: 40px
    }

    .caseSecNavTabs {
        justify-content: flex-start
    }

    .screenSliderCover {
        max-width: 250px;
        top: 13px;
        height: calc(100% - 36px)
    }

    .pFootBox {
        padding: 24px 12px 24px
    }

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

    .footDesc br {
        display: none
    }

    .techSolBlock {
        width: 150px
    }

    .rapidPair .caseItemBlock .caseBlockInr {
        padding: 1.5rem 1.5rem
    }

    .yourBazaar .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -24%
    }

    .alSayraat .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -18%
    }

    .yourBazaar .caseItemBlock .caseBlockInr {
        padding: 1.5rem 1.5rem 0
    }

    .fansVoize .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -68%
    }

    .kash .caseItemBlock .caseBlockInr {
        padding: 24px 0 0 6vw
    }

    .kash .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(1) {
        transform: unset
    }

    .kash .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -57%
    }

    .financeUae .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -50%
    }

    .financeUae .caseItemBlock .caseContentBlock {
        max-width: 300px
    }

    .grassitup .caseItemBlock .caseFigure img {
        width: 50%
    }

    .grassitup .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -60%
    }

    .nrTc .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: -50%
    }
}
@media (max-width:651px) {
    .offcanvas_form_wrapper.open .offcanvas_btnwrapper {
        display: none
    }

    .offcanvas_form_wrapper {
        width: 100%;
        max-width: 100%
    }

    .offcanvas_form_wrapper .offcanvas_btnwrapper {
        width: 80px;
        height: 80px;
        left: -40px
    }

    .offcanvas_form_wrapper .offcanvas_btnwrapper .enq_text {
        font-size: 16px;
        top: 50%;
        left: -45px;
        -o-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg)
    }

    .offcanvas_form_wrapper .offcanvas_btnwrapper .fa-paper-plane {
        font-size: 20px;
        margin-left: -35px
    }

    .offcanvas_form_wrapper .offcanvas_body,
    .offcanvas_form_wrapper .sec_head {
        padding-left: 30px
    }

    .offcanvas_form_wrapper .sec_head .offcanvas_xs_closebtn {
        display: flex
    }
}
@media (max-width:576px) {
    #CalenderModal .CalenderArea .CalenderLeft figure {
        padding: 32px 0
    }

    #CalenderModal .CalenderArea .CalenderRight aside {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: stretch
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox,
    #CalenderModal .CalenderArea .CalenderRight .TimeSlot {
        width: 100%
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox .Controls {
        right: 0;
        left: 0
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox .Controls .fa-angle-left {
        right: auto;
        left: 0
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox .Controls .fa-angle-right {
        position: absolute;
        right: 0
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .current-date {
        padding: 0 0 10px !important;
        text-align: center
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .week-days,
    #CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .weeks .week {
        justify-content: space-between
    }

    #CalenderModal .CalenderArea .CalenderRight .TimeSlot h5 {
        text-align: center
    }

    #CalenderModal .CalenderArea .CalenderRight .TimeSlot ul {
        width: 100%;
        margin: 0 auto
    }

    .navTopBarInfo__wr {
        width: 100%;
        justify-content: space-between
    }

    .container__wr {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .offcanvas_form_wrapper .offcanvas_btnwrapper {
        width: 50px;
        height: 50px;
        left: -25px
    }

    .offcanvas_form_wrapper .offcanvas_btnwrapper .fa-paper-plane {
        font-size: 14px;
        margin-left: -25px
    }

    .offcanvas_form_wrapper .offcanvas_btnwrapper .enq_text {
        font-size: 14px;
        left: -32px
    }

    .callBtnWrap__wr,
    .watsAppWrap__wr {
        width: 30px;
        height: 30px
    }

    .callBtnWrap__wr a,
    .watsAppWrap__wr a {
        width: 30px;
        height: 30px;
        font-size: 14px
    }

    .callBtnWrap__wr {
        top: 10rem
    }

    .watsAppWrap__wr {
        top: 30rem
    }

    .watsAppWrap__wr a {
        font-size: 20px
    }

    .contactBlockWrap__wr {
        padding: 32px 15px
    }

    .deskParentWrap__wr .overlaycircle__wr {
        border-width: 40px
    }

    .testimonialTitle__wr span {
        display: block;
        font-size: 115%
    }

    .clientProjList {
        row-gap: 12px
    }

    .clientProjList>li {
        width: 50%;
        padding-left: 12px;
        padding-right: 12px
    }

    .clientProjList a {
        padding: 8px 0
    }

    .ratingLogo__wr {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        bottom: 48px;
        --bs-gutter-x: 0
    }

    .offcanvas_form_wrapper .sec_head .offcanvas_xs_closebtn {
        right: 12px;
        top: 24px
    }

    .offcanvas_form_wrapper .sec_head {
        padding: 24px 12px
    }

    .offcanvas_form_wrapper .offcanvas_body {
        padding: 0 12px 24px
    }

    .screenSliderCover {
        max-width: 212px;
        top: 15px;
        height: calc(100% - 40px)
    }

    .techSolBlock {
        width: 100px
    }

    .techSolTabPane .row .col:nth-child(3) {
        margin-right: 22% !important
    }

    .techSolBlock {
        border-radius: 1.1rem
    }

    .techSolBlockInr {
        justify-content: space-between;
        border-radius: 16px;
        padding: .75rem .5rem;
        gap: 0
    }

    .rapidPair .caseItemBlock .caseBlockInr,
    .alSayraat .caseItemBlock .caseBlockInr,
    .fansVoize .caseItemBlock .caseBlockInr {
        padding: 1.5rem .75rem
    }

    .rapidPair .caseItemBlock .caseFigure,
    .yourBazaar .caseItemBlock .caseFigure,
    .alSayraat .caseItemBlock .caseFigure,
    .fansVoize .caseItemBlock .caseFigure,
    .kash .caseItemBlock .caseFigure,
    .financeUae .caseItemBlock .caseFigure {
        justify-content: center
    }

    .rapidPair .caseItemBlock .caseBrandFigure,
    .yourBazaar .caseItemBlock .caseBrandFigure,
    .alSayraat .caseItemBlock .caseBrandFigure,
    .fansVoize .caseItemBlock .caseBrandFigure,
    .kash .caseItemBlock .caseBrandFigure,
    .tipHart .caseItemBlock .caseBrandFigure,
    .financeUae .caseItemBlock .caseBrandFigure {
        display: flex
    }

    .rapidPair .caseItemBlock .caseBlockInr>.row,
    .yourBazaar .caseItemBlock .caseBlockInr>.row,
    .alSayraat .caseItemBlock .caseBlockInr>.row,
    .fansVoize .caseItemBlock .caseBlockInr>.row,
    .kash .caseItemBlock .caseBlockInr>.row,
    .financeUae .caseItemBlock .caseBlockInr>.row,
    .grassitup .caseItemBlock .caseBlockInr>.row,
    .splidu .caseItemBlock .caseBlockInr>.row,
    .shams .caseItemBlock .caseBlockInr>.row {
        row-gap: 1.5rem
    }

    .rapidPair .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .yourBazaar .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .alSayraat .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .fansVoize .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .kash .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .financeUae .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .grassitup .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .nrTc .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .splidu .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2),
    .shams .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        margin-top: 0
    }

    .rapidPair .caseItemBlock .caseContentBlock,
    .yourBazaar .caseItemBlock .caseContentBlock,
    .yourBazaar .caseItemBlock .caseContent,
    .alSayraat .caseItemBlock .caseContentBlock,
    .alSayraat .caseItemBlock .caseContent,
    .fansVoize .caseItemBlock .caseContentBlock,
    .fansVoize .caseItemBlock .caseContent,
    .kash .caseItemBlock .caseContentBlock,
    .kash .caseItemBlock .caseContent,
    .financeUae .caseItemBlock .caseContentBlock,
    .financeUae .caseItemBlock .caseContent,
    .grassitup .caseItemBlock .caseContentBlock,
    .grassitup .caseItemBlock .caseContent,
    .nrTc .caseItemBlock .caseContentBlock,
    .nrTc .caseItemBlock .caseContent,
    .nrTc .caseItemBlock .caseContentHead,
    .splidu .caseItemBlock .caseContentBlock,
    .splidu .caseItemBlock .caseContent,
    .splidu .caseItemBlock .caseContentHead,
    .shams .caseItemBlock .caseContentBlock,
    .shams .caseItemBlock .caseContent,
    .shams .caseItemBlock .caseContentHead {
        max-width: 100%
    }

    .rapidPair .caseItemBlock .caseContentHead,
    .yourBazaar .caseItemBlock .caseContentHead,
    .alSayraat .caseItemBlock .caseContentHead,
    .fansVoize .caseItemBlock .caseContentHead,
    .kash .caseItemBlock .caseContentHead,
    .tipHart .caseItemBlock .caseContentHead,
    .financeUae .caseItemBlock .caseContentHead {
        text-align: center
    }

    .caseGridColSwiper .swiper-slide .caseItemBlock .caseBlockInr>.row {
        height: 100%;
        align-items: stretch
    }

    .yourBazaar .caseItemBlock .caseBlockInr>.row>[class*=col-]:nth-child(2) {
        display: flex;
        align-items: flex-end
    }

    .yourBazaar .caseItemBlock .caseBlockInr {
        padding: 1.5rem .75rem 0
    }

    .kash .caseItemBlock .caseBlockInr {
        padding: 0
    }

    .kash .caseItemBlock .caseContentBlock {
        padding: 1.5rem .75rem 0
    }

    .tipHart .caseItemBlock .caseContentBlock {
        padding: 24px 12px 0
    }

    .tipHart .caseItemBlock .caseFigure {
        height: 100%;
        align-items: flex-end
    }

    .financeUae .caseItemBlock .caseBlockInr {
        padding: 24px 12px 24px 12px
    }

    .grassitup .caseItemBlock .caseBlockInr,
    .shams .caseItemBlock .caseBlockInr {
        padding: 1.5rem .75rem
    }

    .grassitup .caseItemBlock .caseFigure,
    .splidu .caseItemBlock .caseFigure,
    .shams .caseItemBlock .caseFigure {
        justify-content: center
    }

    .grassitup .caseItemBlock .caseFigure img {
        width: 263px
    }

    .saas .caseItemBlock .caseBlockInr {
        padding: 0 .75rem 1.5rem .75rem
    }

    .bayLeaf .caseItemBlock .caseBlockInr {
        padding: 24px .75rem 0 .75rem
    }

    .nrTc .caseItemBlock .caseBlockInr {
        padding: 24px .75rem 0 .75rem
    }

    .splidu .caseItemBlock .caseBlockInr {
        padding: 0 .75rem 1.5rem .75rem
    }

    .cmpnyMarqGroup .cmpnyMarquLogo {
        flex: 0 0 96px;
        width: 96px;
        margin-right: 30px
    }

    .partnerMarqueCarousel .itemImage__wr {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        margin-right: 24px
    }

    .partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(1) {
        -ms-flex-preferred-size: 67px;
        flex-basis: 67px
    }

    .partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(7) {
        -ms-flex-preferred-size: 31px;
        flex-basis: 31px
    }

    .partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(12) {
        -ms-flex-preferred-size: 80px;
        flex-basis: 80px
    }

    .partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(16) {
        -ms-flex-preferred-size: 51px;
        flex-basis: 51px
    }

    .partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(17) {
        -ms-flex-preferred-size: 41px;
        flex-basis: 41px
    }

    .reviewHeadBoxWrap {
        padding: 1rem .75rem
    }

    .reviewBox,
    .reviewMoadlContainer .reviewBox {
        padding: 1.5rem .75rem
    }

    #testimonialModal .modal-body {
        padding: 2rem .75rem
    }

    .reviewModalClose {
        top: .25rem;
        right: .25rem
    }

    .list-styled li {
        padding-left: 12px !important
    }

    .mainBnrContent__wr .primayBtn__wr .btnWrap {
        font-size: 13px
    }

    .heroList li {
        gap: .25rem
    }

    .heroListIcon {
        display: inline-flex;
        width: 30px
    }
}
@media (max-width:431px) {
    .screenSliderCover {
        max-width: 234px;
        top: 14px;
        height: calc(100% - 39px)
    }
}
@media (max-width:429px) {
    .screenSliderCover {
        max-width: 234px;
        top: 13px;
        height: calc(100% - 38px)
    }

    .techSolTabPane .row {
        justify-content: center !important
    }

    .techSolTabPane .row .col:nth-child(3) {
        margin-right: 0 !important
    }
}
@media (max-width:413px) {
    .screenSliderCover {
        max-width: 225px;
        top: 14px;
        height: calc(100% - 40px)
    }
}
@media (max-width:401px) {
    .deskParentWrap__wr .overlaycircle__wr {
        border-width: 35px
    }

    .screenSliderCover {
        max-width: 216px;
        top: 15px;
        height: calc(100% - 42px)
    }

    .footEndLinks {
        flex-direction: column
    }
}
@media (max-width:391px) {
    .screenSliderCover {
        max-width: 210px;
        top: 16px;
        height: calc(100% - 43px)
    }
}
@media (max-width:385px) {
    .screenSliderCover {
        max-width: 207px;
        top: 16px;
        height: calc(100% - 43px)
    }
}
@media (max-width:376px) {
    .screenSliderCover {
        max-width: 203px;
        top: 17px;
        height: calc(100% - 45px)
    }
}
@media (max-width:361px) {
    .deskParentWrap__wr .overlaycircle__wr {
        border-width: 25px
    }

    .screenSliderCover {
        max-width: 192px;
        top: 17px;
        height: calc(100% - 45px)
    }
}
@media (max-width:321px) {
    .screenSliderCover {
        max-width: 167px;
        top: 20px;
        height: calc(100% - 51px)
    }
}