*,
::after,
::before {
    box-sizing: border-box;
}
@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;
}
.container__wr,
.row {
    --bs-gutter-x: 1.5rem;
}
.counterSec__wr
    > .container__wr
    > .row
    > [class*="col-"]:nth-child(2n)
    .counterBlock__wr::before,
.counterSec__wr
    > .container__wr
    > .row
    > [class*="col-"]:nth-child(2n)
    .counterNum__wr::after {
    left: auto;
    right: 0;
}
.clientProjList,
.list-styled,
.navBarNav__wr {
    list-style: none;
}
.clientLogoFigure img{
    aspect-ratio: 2/1;
    object-fit: contain;
    object-position: center;
}
:root {
    --bsSecondry1__wr: #1c2464;
    --bsSecondry1__rgb: 28, 36, 100;
    --bsSecondry2__wr: #04448c;
    --bsSecondry2__rgb: 4, 68, 140;
    --bsPrimary1__wr: #04bcf4;
    --bsPrimary1__rgb: 4, 188, 244;
    --bsPrimary2__wr: #10a0f8;
    --bsPrimary2__rgb: 16, 160, 248;
    --bsGrey100__wr: #dee2e6;
    --bsYellow50__wr: #fffced;
    --bsWhite__wr: #ffffff;
    --bsBlack__wr: #000000;
    --bsBlack800__wr: #222222;
    --bsBlack840__wr: #12141c;
    --bsBlack890__wr: #141414;
    --bsApple__wr: #1f2c37;
    --bsFaceBook__wr: #4267b2;
    --bsTwitter__wr: #1da1f2;
    --bsLinkedin__wr: #2167f0;
    --bsWatsapp__wr: #0dc143;
    --blue35: #bae4f4;
    --blue55: #10a0f8;
    --blue145: #5153ff;
    --pink45: #ff0096;
    --purple45: #6e45e2;
    --yellow65: #ffc300;
    --green245: #06d6a0;
    --orange160: #f77f00;
    --maroon140: #ef233c;
    --primaryFont__wr: "Inter", sans-serif;
    --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;
}
* {
    padding: 0;
    margin: 0;
}
body {
    font-size: clamp(0.875rem, 0.7002rem + 0.4854vw, 1.125rem);
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    font-family: var(--primaryFont__wr);
}
.noScroll__wr {
    overflow: hidden;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.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-48-20 {
    font-size: clamp(1.25rem, 0.0267rem + 3.3981vw, 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-20 {
    font-size: clamp(1.25rem, 0.7257rem + 1.4563vw, 2rem) !important;
}
.fs-20-18 {
    font-size: clamp(1.125rem, 1.0376rem + 0.2427vw, 1.25rem) !important;
}
.fs-20-14 {
    font-size: clamp(0.875rem, 0.6129rem + 0.7282vw, 1.25rem) !important;
}
.fs-18-14 {
    font-size: clamp(0.875rem, 0.7002rem + 0.4854vw, 1.125rem) !important;
}
.fs-16-14 {
    font-size: clamp(0.875rem, 0.7876rem + 0.2427vw, 1rem) !important;
}
.fw-400 {
    font-weight: 400 !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}
.navBarNav__wr > li > a,
.navBarNav__wr > li > button,
.primayBtn__wr {
    background-color: transparent;
    font-weight: 500;
    cursor: pointer;
}
.fs-14 {
    font-size: 0.875rem !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-5 {
    line-height: 1.5 !important;
}
.lh-1-8 {
    line-height: 1.8 !important;
}
.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 {
    --bs-gutter-y: 0;
    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%;
    max-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;
}
.col-6,
.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.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;
}
.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;
}
.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;
}
.content__wr p:last-child,
.content__wr p:only-child,
.mainBnrText__wr p:last-child,
.mainBnrText__wr p:only-child,
.reviewContent p,
.reviewMoadlContainer .reviewContent p,
.secSubTitle__wr,
.secTitleWrap__wr p:last-child,
.secTitleWrap__wr p:only-child,
.secTitle__wr {
    margin-bottom: 0;
}
.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.pt-5 {
    padding-top: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-5 {
    padding-bottom: 3rem !important;
}
.pt-4 {
    padding-top: 1.5rem !important;
}
.pb-4 {
    padding-bottom: 1.5rem !important;
}
.gap-2 {
    gap: 0.5rem !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;
}
.gx-1 {
    --bs-gutter-x: 0.25rem;
}
.gx-2 {
    --bs-gutter-x: 0.5rem;
}
.text-start {
    text-align: left !important;
}
.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;
}
.position-relative {
    position: relative !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.hov-text-white:hover,
.text-white {
    color: var(--bsWhite__wr);
}
.hov-text-black:hover,
.text-black {
    color: var(--bsBlack__wr);
}
.hov-text-primary:hover,
.serviceTitle__wr,
.text-primary {
    color: var(--bsPrimary5__wr);
}
@keyframes moving-left-right-one {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    40% {
        -webkit-transform: translateX(5%) translateY(-20%);
        transform: translateX(5%) translateY(-20%);
    }
    75% {
        -webkit-transform: translateX(80%);
        transform: translateX(80%);
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}
@keyframes moving-right-left-one {
    0% {
        -webkit-transform: translateX(100%) translateY(0);
        transform: translateX(100%) translateY(0);
    }
    40% {
        -webkit-transform: translateX(95%) translateY(-20%);
        transform: translateX(95%) translateY(-20%);
    }
    75% {
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}
@keyframes moving-left-right-two {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    40% {
        -webkit-transform: translateX(-5%) translateY(20%);
        transform: translateX(-5%) translateY(20%);
    }
    75% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}
@keyframes moving-right-left-two {
    0% {
        -webkit-transform: translateX(100%) translateY(0);
        transform: translateX(100%) translateY(0);
    }
    40% {
        -webkit-transform: translateX(105%) translateY(20%);
        transform: translateX(105%) translateY(20%);
    }
    75% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}
@keyframes moving-left-right-three {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    40% {
        -webkit-transform: translateX(10%) translateY(-20%);
        transform: translateX(10%) translateY(-20%);
    }
    75% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}
@keyframes moving-right-left-three {
    0% {
        -webkit-transform: translateX(100%) translateY(0);
        transform: translateX(100%) translateY(0);
    }
    40% {
        -webkit-transform: translateX(110%) translateY(-20%);
        transform: translateX(110%) translateY(-20%);
    }
    75% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
p:last-child,
p:only-child {
    margin-top: 0;
    margin-bottom: 0;
}
.primayBtn__wr {
    font-size: 15px;
    color: var(--bsWhite__wr);
    line-height: 120%;
    border-radius: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 48px;
    background-size: 200% auto;
    border: none;
    background-image: linear-gradient(
        to right,
        #1c2464 0,
        #04bcf4 51%,
        #04448c 100%
    );
    text-decoration: none;
    outline: 0;
    box-shadow: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.offcanvas_form_wrapper.open .offcanvas_btnwrapper .offcanvas_closebtn,
.primayBtn__wr .labelText__wr {
    display: inline-block;
}
#CalenderModal .CalenderForm button:hover,
.consultaion-btn a:hover,
.primayBtn__wr:hover {
    color: var(--bsWhite__wr);
    background-position: right center;
}
.secTitle__wr {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
}
.secSubTitle__wr {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    color: inherit;
}
.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;
}
.absolute-full {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.hov-shadow-img:hover img {
    filter: drop-shadow(0px 0px 5px rgba(0 0 0 / 50%));
}
.has-transition,
.satisfactryFigure img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.hov-scale-img:hover img,
.hov-scale:hover {
    transform: scale(1.05);
}
.list-styled li {
    position: relative;
    padding-left: 16px;
}
.list-styled li::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--bsBlack__wr);
    position: absolute;
    left: 0;
    top: 13px;
}
.pageHeader__wr {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1024;
}
.pageNavTopBar__wr {
    padding: 8px 0;
    background: linear-gradient(90deg, #030104 0, #be278f 100%);
}
.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: var(--bsWhite__wr);
    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: 0.5s linear;
    transition: 0.5s linear;
}
.navTopInfoItem__wr i {
    font-size: 12px;
    line-height: 1;
    color: #6e45e2;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
}
.navTopInfoItem__wr:hover a {
    color: #6e45e2;
    text-decoration: none;
}
.navTopInfoItem__wr:hover i {
    background: #6e45e2;
    color: #fff;
}
.navTopEndBarInfo__wr {
    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,
.pageNavBar__wr .container__wr,
.pageNavWrap__wr {
    display: flex;
}
.clientProjBlockTitle span,
.navBarBrand__wr,
.pageNavHead__wr .brand__wr,
.verifyBadgeFigure {
    display: inline-flex;
}
.navBarBrand__wr {
    padding: 8px 0;
}
.navBarNav__wr > li > a,
.navBarNav__wr > li > button {
    border: none;
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    text-decoration: none;
    gap: 0.5rem;
    text-transform: capitalize;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
}
.navBarNav__wr > li.active > a,
.navBarNav__wr > li.active > button,
.navBarNav__wr > li:hover > a,
.navBarNav__wr > li:hover > button {
    color: #00bbf2;
}
.pageNavBarConsultBtn__wr {
    padding: 12px 32px !important;
    font-family: var(--KaushanScriptFont__wr);
}
#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,
.offcanvas_form_wrapper.open .offcanvas_btnwrapper .offcanvas_openebtn,
.pageNavBarConsultBtn__wr i,
.reviewMoadlContainer .reviewBtnBlock {
    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 rgba(0, 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: -webkit-linear-gradient(-45deg, #1c2464 0, #04bcf4 100%);
    background: linear-gradient(-45deg, #1c2464 0, #04bcf4 100%);
    color: #fff;
}
.pageMainBnrSec__wr,
.portfolioSec__wr,
.satisfactrySec__wr,
.serviceSec__wr {
    position: relative;
    overflow-x: clip;
}
.mainBnrBlurElmnt__wr {
    position: absolute;
    top: 32%;
    left: -15%;
    z-index: 0;
    width: 100%;
    max-width: 350px;
    border-radius: 100%;
    background-color: #6e45e2;
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
}
.mainBnrBlurElmnt__wr::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.mainBnrAnimatedEplipseElmnt__wr {
    position: absolute;
    z-index: 0;
    top: 35%;
    left: 15%;
    width: 100%;
    max-width: 280px;
    background-color: #38f9d7;
    border-radius: 100%;
    -webkit-animation: 25s infinite moving-left-right-three;
    animation: 25s infinite moving-left-right-three;
}
.mainBnrAnimatedEplipseElmnt__wr::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.mainBnrContentWrap__wr {
    position: relative;
    z-index: 2;
    padding-top: 150px;
    padding-bottom: 24px;
}
.mainBnrContent__wr {
    color: var(--bsBlack__wr);
    text-align: center;
}
.mainBnrText__wr{
    font-size: clamp(0.75rem, 0.4879rem + 0.7282vw, 1.125rem) !important;
}
.heroMobList {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-left: 1rem;
    text-align: left;
}
.heroMobList::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--bsBlack__wr);
    position: absolute;
    left: 0;
    top: 8px;
}
.contactFromBlockTitleWrap__wr,
.mainBnrContentTitleWrap__wr,
.mainBnrFormBlockTitleWrap__wr {
    margin-bottom: 24px;
}
.mainBnrContentTitle__wr {
    font-size: clamp(1.25rem, 0.3762rem + 2.4272vw, 2.5rem) !important;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
    margin-bottom: 16px;
}
.clientSecHeadTitle span,
.mainBnrContentTitle__wr .text-gradient,
.marqSecHeadTitle span,
.techStackSecHeadTitle span,
.testimonialTitle__wr span {
    color: #6e45e2;
    background: linear-gradient(145deg, #6e45e2, #38f9d7);
    background: -webkit-linear-gradient(145deg, #6e45e2, #38f9d7);
    background: -moz-linear-gradient(145deg, #6e45e2, #38f9d7);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.counterSec__wr {
    position: relative;
    padding: 2.5rem 0;
    background: #38f9d7;
    background: -webkit-linear-gradient(110deg, #38f9d7, #6e45e2);
    background: linear-gradient(110deg, #38f9d7, #6e45e2);
}
.counterSecHead {
    margin: 0 auto 2rem;
    width: 100%;
    max-width: 1000px;
}
.counterSecHeadTitle,
.mainBnrFormBlockTitle__wr {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}
.counterSecHeadTitle {
    font-size: clamp(1.25rem, 0.551rem + 1.9417vw, 2.25rem);
    color: var(--bsWhite__wr);
}
.counterSecHeadTitle span {
    color: #6e45e2;
    background: -moz-linear-gradient(145deg, #6e45e2 0, #be278f 100%);
    background: -webkit-linear-gradient(145deg, #6e45e2 0, #be278f 100%);
    background: linear-gradient(145deg, #6e45e2 0, #be278f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.counterBlock__wr {
    width: 100%;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.counterBlock__wr p,
.counterNum__wr {
    position: relative;
    color: var(--bsWhite__wr);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.counterNum__wr::after {
    content: "";
    width: 0;
    height: 4px;
    background-color: var(--bsWhite__wr);
    border-radius: 10px;
    position: absolute;
    left: 0;
    bottom: -10px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.circleLogoFigure img,
.circleTextFigure img,
.counterBlock__wr:hover .counterNum__wr::after,
.fullBtn__wr,
.offcanvas_form_wrapper .offcanvas_body .btn-primary {
    width: 100%;
}
.counterBlock__wr:hover::before {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
}
.counterBlock__wr:hover .counterNum__wr,
.counterBlock__wr:hover p {
    color: var(--bsWhite__wr);
}
.mainBnrContentBtnParent__wr {
    position: relative;
    margin-top: 24px;
}
.toggle-popover-block {
    display: inline-flex;
    position: relative;
    z-index: 99;
}
.mainBnrContentBtnParent__wr .popoverWrap__wr,
.popoverBlock {
    max-width: 275px;
    width: 275px;
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 1;
    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 transparent;
    position: absolute;
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: rgba(0, 0, 0, 0.25);
    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 transparent;
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    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: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.mainBnrContentBtnParent__wr .popoverWrap__wr .content__wr,
.toggle-popover-block .popoverBlock .content__wr {
    padding: 9px 14px;
    font-size: 14px;
}
.formBlock__wr {
    padding: 20px 15px;
    background: rgb(255 255 255 / 26%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.7px);
    -webkit-backdrop-filter: blur(6.7px);
    border: 1px solid rgba(0, 0, 0, 0.09);
}
.clientProjLogoBlock,
.serviceBlock__wr {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
}
.mainBnrFormBlockTitle__wr {
    font-size: clamp(1rem, 0.8252rem + 0.4854vw, 1.25rem) !important;
    color: var(--bsBlack__wr);
    font-family: var(--KaushanScriptFont__wr);
}
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;
}
.awardLogoSec__wr {
    position: relative;
    z-index: 1;
}
.clientSec__wr {
    position: relative;
    background-color: #253053;
    color: #fff;
    overflow-x: clip;
    -webkit-filter: drop-shadow(0px 0px 20px rgba(37, 48, 83, 1));
    filter: drop-shadow(0px 0px 20px rgba(37, 48, 83, 1));
}
.satisfactryBlurElmnt__wr,
.serviceBlurElmnt__wr {
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
}
.clientProjBlockTitle {
    color: #01bbf0;
}
.marqSecHeadTitle,
.serviceBlock__wr[bg-data="bg-blue55"]:hover .serviceBlockTitle,
.serviceBlock__wr[bg-data="bg-blue55"]:hover .serviceContent__wr {
    color: var(--bsWhite__wr);
}
.clientProjList {
    padding-left: 0;
}
.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: #fff;
    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: 0;
    box-shadow: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.clientProjList a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    background-color: #be278f;
    height: 2px;
    border-radius: 2px;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.clientProjList a:hover,
.clientProjList > li.active a {
    color: #fff;
}
.clientProjList a:hover::before,
.clientProjList li.active a::before {
    transform: scaleX(1);
    transform-origin: left;
}
.clientProjLogoBlock {
    width: 100%;
    max-width: 426px;
    margin: 0 auto;
    aspect-ratio: 4/3;
    background-color: #fff;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid;
    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%;
}
.satisfactryAnimatedEplipseElmnt__wr {
    position: absolute;
    top: 15px;
    left: 20%;
    width: 100%;
    max-width: 280px;
    background-color: #38f9d7;
    border-radius: 100%;
    z-index: 0;
    -webkit-animation: 40s infinite moving-left-right-two;
    animation: 40s infinite moving-left-right-two;
}
.satisfactryAnimatedEplipseElmnt__wr::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.satisfactryBlurElmnt__wr {
    position: absolute;
    top: 15%;
    left: 25%;
    z-index: 0;
    width: 100%;
    max-width: 480px;
    border-radius: 100%;
    background-color: #6e45e2;
}
.satisfactryBlurElmnt__wr::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.satisfactryFigureBlock {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 2.8fr;
    grid-column-gap: 30px;
    align-items: end;
    width: 100%;
    max-width: 603px;
    margin: 0 auto 80px;
}
.satisfactryFigure {
    display: flex;
    border-radius: 1rem;
    overflow: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.satisfactryFigure:first-child {
    width: 190%;
    position: relative;
    z-index: 2;
    bottom: -80px;
}
.satisfactryFigure:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.curve-text {
    display: inline-flex;
    max-width: 180px;
    width: 100%;
    border-radius: 50%;
    position: absolute;
    left: 14%;
    top: 45px;
}
.curve-text::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    border: 45px solid transparent;
    background: linear-gradient(to right, #fff, #fff),
        linear-gradient(110deg, #38f9d7, #6e45e2);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    border-radius: 50%;
}
.circleTextFigure {
    border-radius: 50%;
    position: relative;
    z-index: 1;
    font-size: 22px;
    width: 100%;
    aspect-ratio: 1/1;
    text-transform: uppercase;
    font-weight: 500;
    fill: var(--bsWhite__wr);
    overflow: inherit;
    animation: 20s linear infinite spinner;
    inset: auto;
    transform: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.circleLogoFigure {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    aspect-ratio: 1/1;
    z-index: 9;
    transform: translate(-50%, -50%);
}
.abtDevSec__wr,
.marqSecHeadTitle,
.partnerMarquSec {
    position: relative;
}
@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
.bgOverlayFigure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.partnerMarquSec {
    background: #030104;
    background: -webkit-linear-gradient(90deg, #030104 0, #be278f 100%);
    background: linear-gradient(90deg, #030104 0, #be278f 100%);
    z-index: 1;
}
.marqSecHeadTitle {
    font-size: clamp(1.25rem, 0.551rem + 1.9417vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}
/*.partnerMarquSec .itemImage__wr {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.5rem;
}*/
.portfolioAnimatedEplipseElmnt__wr::before,
.reviewAnimatedEplipseElmnt__wr::before,
.serviceAnimatedEplipseElmnt__wr::before,
.serviceBlurElmnt__wr::before,
.softDevServicDescAnimatedEplipseElmnt__wr::before,
.softDevServicDescBlurElmnt__wr::before {
    content: "";
    padding-top: 100%;
    display: block;
}
.serviceBlurElmnt__wr {
    position: absolute;
    top: 35%;
    right: 5%;
    z-index: 0;
    width: 100%;
    max-width: 580px;
    border-radius: 100%;
    background-color: #6e45e2;
}
.serviceAnimatedEplipseElmnt__wr {
    position: absolute;
    top: 15%;
    right: 25%;
    width: 100%;
    max-width: 280px;
    background-color: #38f9d7;
    border-radius: 100%;
    z-index: -1;
    -webkit-animation: 40s infinite moving-left-right-two;
    animation: 40s infinite moving-left-right-two;
}
.serviceTitleWrap__wr,
.testimonialTitleWrap__wr {
    margin-bottom: 32px;
}
.serviceSec__wr .row {
    row-gap: 24px;
}
.serviceBlock__wr {
    width: 100%;
    height: 100%;
    padding: 1.5rem 0.75rem;
    position: relative;
    background-color: var(--bsWhite__wr);
    text-align: center;
    border-radius: 1rem;
    overflow: hidden;
    transition: background-color 250ms, box-shadow 250ms, transform 250ms;
    will-change: transform, box-shadow;
}
.serviceBlockBtn__wr,
.serviceIconBlock {
    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;
    border-radius: 50%;
    box-shadow: -5px 15px 30px rgb(0 0 0 / 40%);
    margin-bottom: 0.25rem;
    transition: background-color 250ms, box-shadow 250ms;
    will-change: background-color, box-shadow;
}
.serviceBlockTitle,
.serviceContent__wr {
    overflow: hidden;
    display: -webkit-box;
    color: var(--bsBlack__wr);
    -webkit-box-orient: vertical;
}
.serviceIconFigure {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity 250ms;
    will-change: opacity;
}
.serviceIconWhiteFigure {
    opacity: 1;
    pointer-events: none;
}
.serviceBlock__wr:hover .serviceIconWhiteFigure,
.serviceIconColorFigure {
    opacity: 0;
    pointer-events: none;
}
.serviceBlock__wr:hover .serviceIconColorFigure {
    opacity: 1;
    pointer-events: auto;
}
.serviceBlockBtnParent__wr,
.serviceBlockBtn__wr,
.serviceBlockContent__wr,
.serviceBlockTitle,
.serviceContent__wr {
    transition: color 250ms, background-color 250ms;
}
.serviceBlockTitle {
    font-size: clamp(1rem, 0.8252rem + 0.4854vw, 1.25rem);
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 0.5rem;
    min-height: 48px;
    -webkit-line-clamp: 2;
}
.serviceContent__wr {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-line-clamp: 3;
}
.serviceBlockBtnParent__wr {
    margin-top: 1rem;
    text-align: center;
}
.serviceBlockBtn__wr {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    font-size: 13px;
    color: var(--bsBlack__wr);
    text-decoration: none;
}
.serviceBlockTitle,
.serviceContent__wr {
    will-change: color;
}
.serviceBlock__wr[bg-data="bg-blue55"] .serviceIconBlock {
    background-color: var(--blue55);
    box-shadow: -5px 15px 30px rgb(115 216 255 / 60%);
}
.serviceBlock__wr[bg-data="bg-blue55"]:hover {
    background-color: var(--blue55);
    box-shadow: -10px 40px 80px rgb(115 216 255 / 50%) !important;
}
.serviceBlock__wr[bg-data="bg-blue55"]:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%);
}
.serviceBlock__wr[bg-data="bg-blue55"]:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--blue55);
}
.serviceBlock__wr[bg-data="bg-pink45"] .serviceIconBlock {
    background-color: var(--pink45);
    box-shadow: -5px 15px 30px rgb(251 154 154 / 60%);
}
.serviceBlock__wr[bg-data="bg-pink45"]:hover {
    background-color: var(--pink45);
    box-shadow: -10px 40px 80px rgb(251 154 154 / 50%) !important;
}
.serviceBlock__wr[bg-data="bg-pink45"]:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%);
}
.serviceBlock__wr[bg-data="bg-pink45"]:hover .serviceBlockTitle,
.serviceBlock__wr[bg-data="bg-pink45"]:hover .serviceContent__wr {
    color: var(--bsWhite__wr);
}
.serviceBlock__wr[bg-data="bg-pink45"]:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--pink45);
}
.serviceBlock__wr[bg-data="bg-purple45"] .serviceIconBlock {
    background-color: var(--purple45);
    box-shadow: -5px 15px 30px rgb(185 131 255 / 60%);
}
.serviceBlock__wr[bg-data="bg-purple45"]:hover {
    background-color: var(--purple45);
    box-shadow: -10px 40px 80px rgb(185 131 255 / 50%) !important;
}
.serviceBlock__wr[bg-data="bg-purple45"]:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%);
}
.serviceBlock__wr[bg-data="bg-purple45"]:hover .serviceBlockTitle,
.serviceBlock__wr[bg-data="bg-purple45"]:hover .serviceContent__wr {
    color: var(--bsWhite__wr);
}
.serviceBlock__wr[bg-data="bg-purple45"]:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--purple45);
}
.serviceBlock__wr[bg-data="bg-yellow65"] .serviceIconBlock {
    background-color: var(--yellow65);
    box-shadow: -5px 15px 30px rgb(255 216 100 / 60%);
}
.serviceBlock__wr[bg-data="bg-yellow65"]:hover {
    background-color: var(--yellow65);
    box-shadow: -10px 40px 80px rgb(255 216 100 / 50%) !important;
}
.serviceBlock__wr[bg-data="bg-yellow65"]:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%);
}
.serviceBlock__wr[bg-data="bg-yellow65"]:hover .serviceBlockTitle,
.serviceBlock__wr[bg-data="bg-yellow65"]:hover .serviceContent__wr {
    color: var(--bsWhite__wr);
}
.serviceBlock__wr[bg-data="bg-yellow65"]:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--yellow65);
}
.serviceBlock__wr[bg-data="bg-green245"] .serviceIconBlock {
    background-color: var(--green245);
    box-shadow: -5px 15px 30px rgb(118 204 161 / 60%);
}
.serviceBlock__wr[bg-data="bg-green245"]:hover {
    background-color: var(--green245);
    box-shadow: -10px 40px 80px rgb(118 204 161 / 50%) !important;
}
.serviceBlock__wr[bg-data="bg-green245"]:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%);
}
.serviceBlock__wr[bg-data="bg-green245"]:hover .serviceBlockTitle,
.serviceBlock__wr[bg-data="bg-green245"]:hover .serviceContent__wr {
    color: var(--bsWhite__wr);
}
.serviceBlock__wr[bg-data="bg-green245"]:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--green245);
}
.serviceBlock__wr[bg-data="bg-blue145"] .serviceIconBlock {
    background-color: var(--blue145);
    box-shadow: -5px 15px 30px rgb(136 158 240 / 60%);
}
.serviceBlock__wr[bg-data="bg-blue145"]:hover {
    background-color: var(--blue145);
    box-shadow: -10px 40px 80px rgb(136 158 240 / 50%) !important;
}
.serviceBlock__wr[bg-data="bg-blue145"]:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%);
}
.serviceBlock__wr[bg-data="bg-blue145"]:hover .serviceBlockTitle,
.serviceBlock__wr[bg-data="bg-blue145"]:hover .serviceContent__wr {
    color: var(--bsWhite__wr);
}
.serviceBlock__wr[bg-data="bg-blue145"]:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--blue145);
}
.serviceBlock__wr[bg-data="bg-orange160"] .serviceIconBlock {
    background-color: var(--orange160);
    box-shadow: -5px 15px 30px rgb(239 156 102 / 60%);
}
.serviceBlock__wr[bg-data="bg-orange160"]:hover {
    background-color: var(--orange160);
    box-shadow: -10px 40px 80px rgb(239 156 102 / 50%) !important;
}
.serviceBlock__wr[bg-data="bg-orange160"]:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%);
}
.serviceBlock__wr[bg-data="bg-orange160"]:hover .serviceBlockTitle,
.serviceBlock__wr[bg-data="bg-orange160"]:hover .serviceContent__wr {
    color: var(--bsWhite__wr);
}
.serviceBlock__wr[bg-data="bg-orange160"]:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--orange160);
}
.serviceBlock__wr[bg-data="bg-maroon140"] .serviceIconBlock {
    background-color: var(--maroon140);
    box-shadow: -5px 15px 30px rgb(201 132 116 / 60%);
}
.serviceBlock__wr[bg-data="bg-maroon140"]:hover {
    background-color: var(--maroon140);
    box-shadow: -10px 40px 80px rgb(201 132 116 / 50%) !important;
}
.serviceBlock__wr[bg-data="bg-maroon140"]:hover .serviceIconBlock {
    background-color: var(--bsWhite__wr);
    box-shadow: -10px -10px 50px 30px rgb(255 255 255 / 60%);
}
.offcanvas_form_wrapper.open .offcanvas_btnwrapper .enq_text,
.serviceBlock__wr[bg-data="bg-maroon140"]:hover .serviceBlockTitle,
.serviceBlock__wr[bg-data="bg-maroon140"]:hover .serviceContent__wr {
    color: var(--bsWhite__wr);
}
.serviceBlock__wr[bg-data="bg-maroon140"]:hover .serviceBlockBtn__wr {
    background-color: var(--bsWhite__wr);
    color: var(--maroon140);
}
.estimateSec__wr {
    background: linear-gradient(-45deg, #86fae7 0, #abb8e5 100%);
}
.estimateContentBlock__wr {
    padding-top: 48px;
}
.estimateFigure__wr {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contactFigure img,
.estimateFigure__wr img,
.serviceDescFigure__wr img {
    filter: drop-shadow(0px 0px 5px rgba(0 0 0 / 50%));
}
.contactFigure:hover img,
.estimateFigure__wr:hover img,
.serviceDescFigure__wr:hover img {
    filter: drop-shadow(0px 0px 5px rgba(0 0 0 / 0));
}
.digitalMrktServicDescSec__wr,
.ecomSolServicDescSec__wr,
.mrktPlcServicDescSec__wr,
.webDevServicDescSec__wr {
    position: relative;
    padding-top: 48px;
    padding-bottom: 48px;
}
.ecomSolServicDescTopWaveElmnt__wr,
.webDevServicDescTopWaveElmnt__wr {
    position: absolute;
    top: -5px;
    right: 0;
    z-index: -1;
}
.ecomSolServicDescBottomWaveElmnt__wr,
.webDevServicDescBottomWaveElmnt__wr {
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: -1;
}
.webDevServicDescTopDotElmnt__wr {
    position: absolute;
    top: 3rem;
    left: 3rem;
    z-index: -1;
}
.webDevServicDescBottomDotElmnt__wr {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    z-index: -1;
}
.grhicDgnServicDescSec__wr,
.metaVerseServicDescSec__wr,
.mobAppDevServicDescSec__wr {
    position: relative;
    padding-top: 48px;
    padding-bottom: 48px;
    background-color: #e5f3ff;
    overflow-x: clip;
}
.mobAppDevServicDescTopDotElmnt__wr {
    position: absolute;
    top: 3rem;
    left: 3rem;
    z-index: 0;
    -webkit-animation: 25s infinite moving-left-right-three;
    animation: 25s infinite moving-left-right-three;
}
.mobAppDevServicDescBottomDotElmnt__wr {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    z-index: 0;
    -webkit-animation: 25s infinite moving-right-left-one;
    animation: 25s infinite moving-right-left-one;
}
.ecomSolServicDescStartLineElmnt__wr {
    position: absolute;
    top: -5px;
    left: 0;
    z-index: -1;
}
.softDevServicDescSec__wr {
    position: relative;
    background-color: #e5f3ff;
    overflow-x: clip;
    padding-top: 48px;
    padding-bottom: 48px;
}
.ctaIcon__wr,
.portFigure__wr {
    overflow: hidden;
    position: relative;
}
.softDevServicDescBlurElmnt__wr {
    position: absolute;
    z-index: 0;
    top: 5%;
    left: 10%;
    width: 100%;
    max-width: 580px;
    border-radius: 100%;
    background-color: #6e45e2;
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
}
.portfolioAnimatedEplipseElmnt__wr,
.softDevServicDescAnimatedEplipseElmnt__wr {
    right: 25%;
    background-color: #38f9d7;
    border-radius: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}
.softDevServicDescAnimatedEplipseElmnt__wr {
    top: 25%;
    max-width: 280px;
    -webkit-animation: 40s infinite moving-left-right-two;
    animation: 40s infinite moving-left-right-two;
}
.portfolioAnimatedEplipseElmnt__wr {
    top: 14%;
    max-width: 250px;
    -webkit-animation: 40s infinite moving-left-right-two;
    animation: 40s infinite moving-left-right-two;
}
.protfolioGridBlock {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.5rem;
}
.portFigure__wr {
    display: flex;
    padding-top: 56.25%;
    border-radius: 1rem;
    box-shadow: 1px 3px 6px rgba(51, 51, 51, 0.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 .owl-stage {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.portfolioSlider.owl-carousel .item,
.testimonialSlider__wr.owl-carousel .item {
    height: 100%;
}
.portfolioSlider.owl-theme .owl-nav [class*="owl-"],
.testimonialSlider__wr.owl-theme .owl-nav [class*="owl-"] {
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(17, 17, 17, 0.5);
    font-size: 14px;
    line-height: 1;
    color: var(--bsWhite__wr);
    filter: drop-shadow(0px 4px 4px rgba(0, 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,
.testimonialSlider__wr.owl-carousel .owl-nav button.owl-prev {
    left: 8px;
}
.portfolioSlider.owl-carousel .owl-nav button.owl-next,
.testimonialSlider__wr.owl-carousel .owl-nav button.owl-next {
    right: 8px;
}
.ctaSecBox {
    background: -moz-linear-gradient(110deg, #16024B, #AD91FF);
    background: -webkit-linear-gradient(110deg, #16024B, #AD91FF);
    background: -o-linear-gradient(110deg, #16024B, #AD91FF);
    background: linear-gradient(110deg, #16024B, #AD91FF);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-radius: 0.5rem;
}
.ctaIcon__wr {
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
}
.ctaIcon__wr img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in;
}
.ctaIcon__wr .white-icon {
    opacity: 1;
    visibility: visible;
}
.ctaContent {
    color: var(--bsWhite__wr);
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.reviewHeadInfoTitle,
.reviewHeadRatingValue {
    font-weight: 700;
    color: #111;
    font-family: var(--KaushanScriptFont__wr);
}
.ctaBlock__wr:hover .ctaIcon__wr {
    -webkit-animation: 0.5s infinite alternate mover;
    animation: 0.5s infinite alternate mover;
}
@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-5px);
    }
}
@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-5px);
    }
}
.testimonialSec__wr {
    position: relative;
    overflow-x: clip;
    padding-top: 48px;
    padding-bottom: 48px;
}
.reviewAnimatedEplipseElmnt__wr {
    position: absolute;
    z-index: 0;
    top: 25%;
    left: 15%;
    width: 100%;
    max-width: 250px;
    background-color: #38f9d7;
    border-radius: 100%;
    -webkit-animation: 40s infinite moving-left-right-two;
    animation: 40s infinite moving-left-right-two;
}
.reviewHeadBox {
    padding: 1.5rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.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;
    font-size: 22px;
    line-height: 1;
}
.reviewHeadRatingContainer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
}
.reviewHeadRating,
.reviewHeadRatingValue {
    display: inline-flex;
    font-size: 22px;
    line-height: 1;
}
.reviewHeadRatingValue {
    word-break: normal !important;
}
.reviewHeadRating {
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
    color: #fcbf02;
}
.reviewHeadBtn {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 50rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 18px;
    background-size: 200% auto;
    border: none;
    background-image: linear-gradient(to right, #1c2464 0, #04bcf4 51%, #04448c 100%);
    border: none;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.reviewHeadBtn:hover {
    color: #fff;
    background-position: right center;
}
.testimonialSlider__wr.owl-carousel .owl-stage-outer {
    padding-left: 5px;
    padding-right: 5px;
}
.testimonialSlider__wr.owl-carousel .owl-stage {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.reviewBlock {
    display: block;
    background-color: #f6f6f8;
    padding: 1.5rem;
    border: 1px solid #ccc;
    border-radius: 8px;
    height: 100%;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}
.reviewBlock:hover {
    background-color: #fff;
}
.reviewAvtar,
.reviewAvtar.bg-secondary {
    background-color: #78909c;
}
.reviewAuthBlock {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    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%;
    font-size: 20px;
    line-height: 1;
    color: #fff;
}
.reviewAvtar.bg-red {
    background-color: #ec4434;
}
.reviewAvtar.bg-blue {
    background-color: #4484f4;
}
.reviewAvtar.bg-yellow {
    background-color: #fcbc04;
}
.reviewAvtar.bg-green {
    background-color: #34ac54;
}
.reviewAvtar.bg-orange {
    background-color: #f54900;
}
.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-purple {
    background-color: #6e11b0;
}
.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% - 52px);
    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: #111;
    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: rgba(17, 17, 17, 1);
}
.reviewRating {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    font-size: 16px;
    color: #fcbf02;
    margin-bottom: 0.5rem;
}
.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: 0.5rem;
}
.footSocial__wr a,
.reviewBtn {
    text-decoration: none;
    display: inline-flex;
}
.reviewBtn {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #000;
}
.reviewBtn:hover {
    color: #04BCF4;
    text-decoration: underline;
}
.modal-dialog {
    margin: 0.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 {
    border-radius: 8px;
}
.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: #000 !important;
    text-decoration: none;
    position: absolute;
    top: 12px;
    right: 12px;
}
.modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}
.modal-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
#testimonialModal .modal-body {
    padding: 40px 1.5rem;
}
.reviewMoadlContainer .reviewBlock {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 1.5rem;
    background-color: transparent;
    padding: 0;
    border: none;
    border-radius: 0;
    height: auto;
    -webkit-transition: unset;
    transition: unset;
}
.reviewMoadlContainer .reviewBlock:hover {
    background-color: transparent;
}
.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;
}
.testimonialSlider__wr.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #111;
    color: var(--bsWhite__wr);
}
.owl-theme .owl-dots .owl-dot span {
    background: #6e45e2;
    opacity: 0.5;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.owl-theme .owl-dots .owl-dot.active span {
    width: 24px;
    opacity: 1;
    background: #6e45e2;
}
.owl-theme .owl-dots .owl-dot:hover span {
    opacity: 1;
    background: #6e45e2;
}
.contactSec__wr {
    position: relative;
    background-color: #e5f3ff;
    z-index: 1;
}
.contactBlockWrap__wr {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.7px);
    -webkit-backdrop-filter: blur(6.7px);
    overflow: hidden;
}
.contactFromBlock__wr {
    padding: 4vw;
    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);
}
.footBottomBlock__wr,
.pageFooter__wr {
    font-size: clamp(0.875rem, 0.7876rem + 0.2427vw, 1rem);
}
.contactFromBlock__wr form .form-control {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}
.contactFigure {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.pageFooter__wr {
    background: -webkit-linear-gradient(90deg, #030104 0, #be278f 100%);
    background: linear-gradient(90deg, #030104 0, #be278f 100%);
    font-weight: 300;
    color: var(--bsWhite__wr);
    padding-top: 24px;
    /*padding-bottom: 24px;*/
}
.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:hover {
    color: #6e45e2;
}
.footerContent__wr p a i {
    margin-right: 1rem;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.footerContent__wr p a:hover i {
    margin-right: 0.5rem;
}
.footSocial__wr {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 1rem;
}
.footSocial__wr a {
    height: 35px;
    width: 35px;
    font-size: 14px;
    color: var(--bsWhite__wr);
    border: 1px solid var(--bsWhite__wr);
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
}
.callBtnWrap__wr a,
.watsAppWrap__wr a {
    color: var(--bsWhite__wr);
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.footSocial__wr a:hover {
    color: var(--bsWhite__wr);
    border: 1px solid #6e45e2;
    background: #6e45e2;
    box-shadow: 0 0 5px #222 inset;
}
.callBtnWrap__wr,
.callBtnWrap__wr a {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.footBottomBlock__wr {
    margin-top: 1.5rem;
    text-align: center;
    line-height: 1.5;
    padding-block: 0.75rem;
    background-color: rgba(0, 0, 0, 0.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: 99;
    box-shadow: 0 0 60px 1px rgb(0 0 0 / 50%);
}
.callBtnWrap__wr a {
    background-image: radial-gradient(
        circle at center,
        #1c2464 0,
        #04bcf4 100%
    );
    padding: 0;
    font-size: 24px;
    justify-content: center;
    -webkit-animation: 2s infinite call-shadow-pulse;
    animation: 2s infinite call-shadow-pulse;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
@-webkit-keyframes call-shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(4, 188, 244, 0.5);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(4, 188, 244, 0);
    }
}
@keyframes call-shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(4, 188, 244, 0.5);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(4, 188, 244, 0);
    }
}
.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 rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 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 transparent;
    position: absolute;
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: rgba(0, 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 transparent;
    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: 99;
    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;
    justify-content: center;
    -webkit-animation: 2s infinite watapp-shadow-pulse;
    animation: 2s infinite watapp-shadow-pulse;
}
#CalenderModal .CalenderForm button,
.consultaion-btn a {
    background-image: linear-gradient(
        to right,
        #1c2464 0,
        #04bcf4 51%,
        #04448c 100%
    );
}
@-webkit-keyframes watapp-shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(13, 193, 67, 0.5);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(13, 193, 67, 0);
    }
}
@keyframes watapp-shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(13, 193, 67, 0.5);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(13, 193, 67, 0);
    }
}
.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%);
}
.offcanvas_form_wrapper .offcanvas_btnwrapper {
    position: absolute;
    width: 100px;
    height: 100px;
    background-image: radial-gradient(
        circle at center,
        #1c2464 0,
        #04bcf4 100%
    );
    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);
}
.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: 32px;
    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);
    opacity: 0;
    visibility: hidden;
}
.offcanvas_backdrop.show {
    opacity: 0.8;
    visibility: visible;
}
.modal,
.modal-backdrop.fade {
    opacity: 0;
}
.consultaion-btn a {
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    color: var(--bsWhite__wr);
    border-radius: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 20px;
    background-color: transparent;
    background-size: 200% auto;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}
.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;
}
.modal {
    background-color: rgba(0, 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;
    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 transparent;
    border-radius: 50%;
    cursor: pointer;
    color: #000;
    font-weight: 500;
    line-height: 40px;
}
#CalenderModal
    .CalenderArea
    .CalenderRight
    .CalenderBox
    #calendar
    .weeks
    .week
    .day.today {
    background-color: #00bbf2;
    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 h5 {
    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 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: #00bbf2;
    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
    span.Icon {
    margin: 0 16px 0 0;
    font-size: 15px;
    padding: 0 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 .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;
}
.techStackSec{
    position: relative;
    z-index: 1;
    background: #030104;
    background: -webkit-linear-gradient(90deg, #030104 0, #be278f 100%);
    background: linear-gradient(90deg, #030104 0, #be278f 100%);
}
/*.techStackFigure{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.5rem;
}
.techStackFigure img{
    object-fit: contain;
    object-position: center;
}*/
.partnerMarqueCarousel{
    width: 100%;
    display: flex;
    overflow: hidden;
}
.partnerMarqueCarousel::-webkit-scrollbar{
    display: none;
}
.partMarqGroup{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    white-space: nowrap;
    animation: 50s linear infinite logo-marquee reverse;
}
.partnerMarqueCarousel .itemImage__wr {
    flex: 0 0 200px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
}
.partnerMarqueCarousel .itemImage__wr img {
    aspect-ratio: unset;
    object-fit: contain;
    object-position: center;
}
@keyframes logo-marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
.partnerMarqueCarousel:hover .partMarqGroup{
    animation-play-state: paused;
}
.partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(1) {
    flex-basis: 133px;
}
.partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(7) {
    flex-basis: 62px;
}
.partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(12) {
    flex-basis: 160px;
}
.partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(16) {
    flex-basis: 103px;
}
.partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(17) {
    flex-basis: 81px;
}
.techMarqueCarousel{
    width: 100%;
    display: flex;
    overflow: hidden;
}
.techMarqueCarousel::-webkit-scrollbar{
    display: none;
}
.techMarqGroup{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    white-space: nowrap;
    animation: 50s linear infinite logo-marquee reverse;
}
.techStackFigure {
    flex: 0 0 200px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
}
.techStackFigure img {
    aspect-ratio: unset;
    object-fit: contain;
    object-position: center;
}
.techMarqueCarousel:hover .techMarqGroup{
    animation-play-state: paused;
}
:root {
  --review-block-gap: 15px;
  --portfolio-block-gap: 0.75rem;
  --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;
}
/*RESPONSIVE*/
@media (min-width: 480px) {
    .reviewMarqGroup .reviewBlock{
        flex: 0 0 265px;
    }
}
@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);
    }
    .modal-sm {
        --bs-modal-width: 300px;
    }
    .container,
    .container-sm {
        max-width: 540px;
    }
    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .row-gap-sm-3 {
        row-gap: 1rem !important;
    }
    .gx-sm-3 {
        --bs-gutter-x: 1rem !important;
    }
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }
    .counterBlock__wr {
        height: 100%;
    }
    .reviewHeadBox {
        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);
    }
}
@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .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;
    }
    .mainBnrContent__wr {
        text-align: left;
    }
    .pageMainBnrSec__wr::after {
        content: "";
        width: 50%;
        height: 60%;
        border-radius: 3rem 0 0 3rem;
        position: absolute;
        top: 140px;
        right: 0;
        background: linear-gradient(-45deg, #86fae7 0, #abb8e5 100%);
        margin-top: 0;
        z-index: -1;
    }
    .mainBnrContentWrap__wr {
        padding-top: 150px;
        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;
    }
    .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(--bsBlack__wr);
    }
    .serviceBlock__wr {
        padding: 2.5rem 1.5rem;
    }
    .pageFooter__wr {
        padding-top: 40px;
        /*padding-bottom: 32px;*/
    }
    .footSocial__wr {
        justify-content: flex-end;
    }
    .footSocial__wr a {
        height: 50px;
        width: 50px;
        font-size: 1rem;
    }
    .footBottomBlock__wr{
    	margin-top: 2.5rem;
    }
    .estimateContentBlock__wr {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .estimateFigure__wr {
        margin-top: -32px;
        justify-content: flex-end;
        align-items: end;
    }
    /*.estimateFigure__wr img {
        width: 100%;
        height: auto;
    }*/
    .digitalMrktServicDescSec__wr,
    .ecomSolServicDescSec__wr,
    .grhicDgnServicDescSec__wr,
    .metaVerseServicDescSec__wr,
    .mobAppDevServicDescSec__wr,
    .mrktPlcServicDescSec__wr,
    .softDevServicDescSec__wr,
    .testimonialSec__wr,
    .webDevServicDescSec__wr {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .portfolioBlock:first-child {
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .portfolioBlock:nth-child(2) {
        grid-column-start: 7;
        grid-column-end: 10;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .portfolioBlock:nth-child(3) {
        grid-column-start: 10;
        grid-column-end: 13;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .portfolioBlock:nth-child(4) {
        grid-column-start: 7;
        grid-column-end: 13;
        grid-row-start: 2;
        grid-row-end: 5;
    }
    .portfolioBlock:nth-child(5) {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .portfolioBlock:nth-child(6) {
        grid-column-start: 4;
        grid-column-end: 7;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .portfolioBlock:nth-child(7) {
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 4;
        grid-row-end: 5;
    }
    .portfolioBlock:first-child .portFigure__wr,
    .portfolioBlock:nth-child(7) .portFigure__wr {
        padding-top: 42.8571428571%;
    }
    .portfolioBlock:nth-child(4) .portFigure__wr {
        padding-top: 89.5%;
    }
    .portfolioBlock:nth-child(6) .portFigure__wr {
        padding-top: 56.25%;
    }
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px;
        max-width: 800px;
    }
    #testimonialModal .modal-body {
        padding: 40px;
    }
    .clientSecHead {
        max-width: 1200px;
        margin: 0 auto;
    }
    .mainBnrContentTitle__wr .text-gradient{
        background: linear-gradient(0deg, #6e45e2, #38f9d7);
        background: -webkit-linear-gradient(0deg, #6e45e2, #38f9d7);
        background: -moz-linear-gradient(0deg, #6e45e2, #38f9d7);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .col-lg {
        flex: 1 0 0;
    }
    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }
    .g-lg-8vw,
    .gx-lg-8vw {
        --bs-gutter-x: 8vw;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !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-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-center {
        align-items: center !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }
    .pe-lg-3 {
        padding-right: 1rem !important;
    }
    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1rem !important;
    }
    .row-gap-lg-0 {
        row-gap: 0 !important;
    }
    .text-lg-start {
        text-align: left !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;
    }
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }
    .d-lg-grid {
        display: grid !important;
    }
    .mw-lg-1000px {
        max-width: 1000px !important;
    }
    .px-lg-2-5 {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .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-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .reviewMarqGroup .reviewBlock{
        flex: 0 0 254px;
    }
}
@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) {
    .navTopBarInfo__wr {
        width: 100%;
        justify-content: space-between;
        gap: 16px;
    }
    .clientProjList a::before,
    .navTopInfoItem__wr a .labelText__wr,
    .navTopInfoTime__wr {
        display: none;
    }
    .consultaion-btn {
        display: flex;
    }
    .parentSec__wr {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .mainBnrFormBlock__wr {
        padding: 24px 15px;
    }
    .contactContentBlock__wr,
    .hmAbtContentBlock__wr,
    .mainBnrFormBlock__wr {
        margin-top: 32px;
    }
    .pageNavBarConsultWrap__wr {
        display: none;
        margin-left: auto;
        margin-right: 12px;
    }
    .container__wr {
        max-width: 100%;
        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(--bsBlack__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,
    .protfolioGridBlock {
        display: block;
    }
    .navBarNav__wr > li ~ li {
        margin-top: 24px;
    }
    .navBarNav__wr > li > a {
        font-weight: 400;
        line-height: 1.2;
        color: #333;
        text-decoration: none;
    }
    .pageNavBarBackDrop__wr {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: 0.5;
    }
    .navBarNav__wr .dropdown .dropdown-content {
        width: 100%;
        position: relative;
        margin-top: 16px;
    }
    .list-styled li::before {
        top: 11px;
    }
    .mainBnrFormBlock__wr {
        background: linear-gradient(-45deg, #86fae7 0, #abb8e5 100%);
        border: none;
    }
    .clientProjBlockTitle span {
        border-bottom: 2px solid #01bbf0;
    }
    .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;
    }
    /*.portFigure__wr {
        padding-top: 100%;
    }*/
    .portfolioMarqueCarousel {
        width: 100%;
        overflow: hidden;
    }
    .portfolioMarqTrack {
        display: flex;
        width: max-content;
        will-change: transform;
        animation: port-folio-marquee var(--speed) linear infinite;
    }
    .portfolioMarqGroup {
        display: flex;
    }
    .portfolioMarqGroup .portFigure__wr {
        flex: 0 0 425px;
        width: 425px;
        margin-right: var(--portfolio-block-gap);

        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding-top: 0;
        aspect-ratio: 1 / 1;
    }
    @keyframes port-folio-marquee {
      from { transform: translateX(0); }
      to   { transform: translateX(-50%); }
    }
    .portfolioMarqueCarousel:hover .portfolioMarqTrack {
      animation-play-state: paused;
    }
}
@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;
    }
}
@media (max-width: 651px) {
    .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.open .offcanvas_btnwrapper {
        display: none;
    }
    .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;
    }
    .contactFromBlock__wr {
        padding: 0;
    }
    .ctaIcon__wr {
        width: 50px;
        height: 50px;
    }
    .testimonialSlider__wr.owl-carousel .owl-nav button.owl-prev {
        left: -8px;
    }
    .testimonialSlider__wr.owl-carousel .owl-nav button.owl-next {
        right: -8px;
    }
    .mobAppDevServicDescTopDotElmnt__wr,
    .webDevServicDescTopDotElmnt__wr {
        top: 1.5rem;
        left: 1.5rem;
    }
    .mobAppDevServicDescBottomDotElmnt__wr,
    .webDevServicDescBottomDotElmnt__wr {
        bottom: 1.5rem;
        right: 1.5rem;
    }
    .mobAppDevServicDescBottomDotElmnt__wr img,
    .mobAppDevServicDescTopDotElmnt__wr img,
    .webDevServicDescBottomDotElmnt__wr img,
    .webDevServicDescTopDotElmnt__wr img {
        width: 64px;
        height: auto;
    }
    .ecomSolServicDescBottomWaveElmnt__wr img,
    .ecomSolServicDescTopWaveElmnt__wr img,
    .webDevServicDescBottomWaveElmnt__wr img,
    .webDevServicDescTopWaveElmnt__wr img {
        width: 50vw;
    }
    /*.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;
    }
    .satisfactryContent__wr p {
        line-height: 1.8;
    }
    .curve-text {
        max-width: 120px;
        left: 14%;
        top: -37px;
    }
    .curve-text::before {
        border-width: 28px;
    }
    .circleLogoFigure {
        width: 35px;
    }
    .mainBnrContentTitleWrap__wr{
        margin-bottom: 1rem;
    }
    .mainBnrContentTitle__wr {
        min-height: 44px;
    }
    .mainBnrContentTitle__wr .text-gradient br{
        display: none;
    }
    .heroMobList{
        padding-left: 0.75rem;
    }
    .mainBnrContentBtnParent__wr{
        margin-top: 1rem;
    }
    .serviceBlock__wr{
        padding: 1rem 0.25rem;
    }
    .serviceBlockTitle{
        font-size: 14px;
        overflow: unset;
        -webkit-line-clamp: unset;
        min-height: 51px;
    }
    .serviceIconBlock{
        width: 70px;
        height: 70px;
    }
    .serviceIconFigure{
        width: 32px;
        height: 32px;
    }
    .partnerMarqueCarousel .itemImage__wr {
        flex: 0 0 100px;
        margin-right: 24px;
    }
    .partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(1) {
        flex-basis: 67px;
    }
    .partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(7) {
        flex-basis: 31px;
    }
    .partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(12) {
        flex-basis: 80px;
    }
    .partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(16) {
        flex-basis: 51px;
    }
    .partnerMarqueCarousel .partMarqGroup .itemImage__wr:nth-child(17) {
        flex-basis: 41px;
    }
    .techStackFigure {
        flex: 0 0 150px;
        margin-right: 24px;
    }
    .reviewHeadBox{
        padding: 1rem 0.75rem;
    }
    .reviewBlock{
        padding: 1.5rem 0.75rem;
    }
    #testimonialModal .modal-body{
        padding: 2rem 0.75rem;
    }
    .reviewModalClose{
        top: 0.25rem;
        right: 0.25rem;
    }
    .portfolioMarqGroup .portFigure__wr {
        flex: 0 0 266px;
        width: 266px;
    }
}
@media (max-width: 413px) {
    .portfolioMarqGroup .portFigure__wr {
        flex: 0 0 382px;
        width: 382px;
    }
}