:root {
     --lineHeight: 1.5;
     --bs-primary-rgb: 148, 40, 136;
     --bs-primary: #942888;
     --primary: #942888;
     --primary500: #B42EA6;
     --primary600: #942888;
     --primary700: #782070;
     --Secondary-600: #004B83;

     --primary-hover: #0463bb;
     --heading-color: #312525;
     --secondary-color: #004B83;
     --secondary700: #003D6A;
     --secondary-black: #616161;
     --gray200: #E4E7EC;
     --gray400: #98A2B3;

     --bg-grey: rgba(241, 241, 241, 0.502);
     --yellow: #FFC621;
     --white: #ffffff;
     --whitef5: #f3f3f5;
     --whitef2: #F2F2F2;
     --black: #000000;
     --black33: #333333;
     --black56: #565151;
     --black-primary: #4E4E56;
     --black-secondary: #444242;
     --body-font: "Proxima", system-ui, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
     --paraColor: #343537;
     --btn-lightGrey: #acacb7;

     --headerNewHeight: 158px;

     /* spacing */
     --spacing: 70px;
     --spacingmd: 60px;
     --spacingsm: 40px;
     --spacingxsm: 30px;

     /* font size */
     --text72: 72px;
     --text60: 60px;
     --text48: 48px;
     --text36: 36px;
     --text32: 32px;
     --text30: 30px;
     --text24: 24px;
     --text20: 20px;
     --text18: 18px;
     --tabDuration: 5000ms;
}

* {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

body {
     margin: 0px;
     padding: 0px;
     font-family: var(--body-font);
     font-size: 16px;
     font-weight: 400;
     line-height: 1.5;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -webkit-backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
     overflow-x: hidden;
     background: #fff;
     color: var(--black33);
}

html.no-scroll,
html.no-scroll body {
     overflow: hidden;
}

::-webkit-scrollbar {
     width: 6px;
     height: 6px;
}

::-webkit-scrollbar-track {
     background: transparent;
}

::-webkit-scrollbar-thumb {
     background: rgba(0, 0, 0, 0.3);
     border-radius: 10px;
}

* {
     scrollbar-width: thin;
     scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

input {
     font-family: var(--body-font);
}

a {
     color: var(--primary);
     text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     font-weight: 600;
     margin-bottom: 1.5rem;
     margin-top: 0;
}

h1 {
     font-size: 45px;
     line-height: 1.2;
}

ul,
ol {
     padding: 0;
     margin: 0;
     list-style: none;
}

a,
button,
select {
     background-color: transparent;
     border-color: transparent;
     text-decoration: none;
     -webkit-transition: 0.2s all ease-in-out;
     -o-transition: 0.2s all ease-in-out;
     transition: 0.2s all ease-in-out;
}

button:focus-visible,
input:focus-visible {
     outline: 0;
}

ul,
ol {
     margin: 0;
     padding: 0;
     margin-bottom: 20px;
     list-style: none;
}

p {
     margin: 0 0 20px;
     color: var(--black-primary);
     line-height: 156%;
}

img {
     max-width: 100%;
     display: block;
     height: auto;
}

a {
     display: inline-block;
     -webkit-transition: 0.3s all ease-in-out;
     -o-transition: 0.3s all ease-in-out;
     transition: 0.3s all ease-in-out;
}

p:empty {
     display: none;
}

@media (min-width: 1600px) {

     .container-xxl,
     .container-xl,
     .container-lg,
     .container-md,
     .container-sm,
     .container {
          max-width: 1480px;
     }
}

/* ================= font sizes =================== */

.text-72 {
     font-size: var(--text72) !important;
}

.text-60 {
     font-size: var(--text60) !important;
}

.text-48 {
     font-size: var(--text48) !important;
}

.text-32 {
     font-size: var(--text32) !important;
}

.text-30 {
     font-size: var(--text30) !important;
}

.text-24 {
     font-size: var(--text24) !important;
}

.text-20 {
     font-size: var(--text20) !important;
}

.text-18 {
     font-size: var(--text18) !important;
}

/* ================= font sizes =================== */
.text-uppercase {
     text-transform: uppercase;
}

.text-prim {
     color: var(--primary);
}

.color-blue {
     color: var(--secondary-color);
     font-weight: 600;
}

div#wpadminbar {
     z-index: 999999;
}

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

.center-align {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.text-white {
     color: var(--white);
}

.yellow-dot {
     color: var(--yellow);
     font-weight: 700 !important;
}

.center-btn {
     text-align: center;
     margin-top: 45px;
}

/* ===================== heading ====================== */
.section-heading {
     margin-bottom: 30px;
}

.section-heading h2,
.contentBox__content h2 {
     font-size: var(--text48);
     line-height: 1.25;
     margin-bottom: 0;
     text-transform: capitalize;
     font-weight: 600;
}

.section-heading__text h2 {
     margin-bottom: 15px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.section-heading h2 span,
.contentBox__content h2 span {
     font-size: inherit;
     line-height: inherit;
     color: var(--primary500);
}

.section-heading h2 .grey-heading {
     font-weight: 700;
}

.section-heading h2 span.heading-dot {
     color: #d6d6d6;
     font-size: 45px;
     border-radius: 50px;
}

.section-heading p,
.contentBox__content p,
.section-heading__text p {
     font-size: 20px;
     font-weight: 400;
     color: var(--paraColor);
}

.section-heading img {
     width: 70px;
     margin: 0 auto 20px;
}

.connect-icn {
     width: 35px;
     display: inline-block;
}

.section-heading h2 .connect-icn {
     width: 28px;
     margin: 0;
}

.heading--center .section-heading {
     text-align: center;
}

.heading--center .section-heading p {
     max-width: 880px;
     margin-inline: auto;
}

.heading-cardblock {
     row-gap: 85px;
}



.heading-center .section-heading {
     text-align: center;
}

.section-heading h1 {
     font-size: var(--text60);
     margin-bottom: 18px;
     overflow: hidden;
}

.section-heading h1 span {
     color: var(--primary500);
}

.section-heading h1 i {
     font-style: normal;
}

.heading-center.heading-with-arrow .section-heading h1,
.heading-center.heading-with-arrow .section-heading h2 {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
}

.heading-with-arrow .section-heading h1 {
     padding-right: 40px;
}

.heading-with-arrow .section-heading h2 {
     padding-right: 40px;
}

/* ===================== heading ====================== */

.outlineBtn {
     color: #344054;
     font-weight: 600;
     border: 1px solid #D0D5DD;
     padding: 12px 20px;
     border-radius: 10px;
     background-color: var(--white);
     -webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     font-size: 16px;
     font-weight: 600;
     line-height: 1.5;
     text-align: center;
     letter-spacing: .6px;
}

.outlineBtn:hover,
.page-template-support-center .support-card-wrap .col-md-4:nth-child(2) .support-card .card-texts button.outlineBtn:hover {
     color: var(--white);
     background-color: var(--secondary-color);
     border-color: var(--secondary-color);

}

.outlineBtn svg path {
     stroke: currentColor;
}

.commonBtn,
.newsLetterbox .hs-button,
input.hs-button,
.read-more-btn,
.read-more {
     font-family: var(--body-font);
     background: var(--primary600);
     border: 1px solid var(--primary600);
     color: var(--white);
     padding: 12px 20px;
     border: 0;
     margin: 0;
     font-size: 16px;
     font-weight: 600;
     line-height: 1.5;
     letter-spacing: .6px;
     text-align: center;
     border-radius: 10px;
     text-decoration: none;
     cursor: pointer;
     position: relative;
     z-index: 1;
     -webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     gap: 5px;
}

.commonBtn.commonBtn__yellow {
     background: var(--yellow);
     border-color: var(--yellow);
}

.commonBtn.commonBtn__yellow:hover,
.commonBtn:hover,
.newsLetterbox .hs-button:hover,
input.hs-button:hover,
.read-more-btn:hover,
.read-more:hover {
     background: var(--secondary-color);
     border-color: var(--secondary-color);
}

.commonBtn.commonBtn__blue {
     background: var(--secondary700);
     border-color: var(--secondary700);
     color: #fff;
}

.commonBtn.commonBtn__black {
     background: var(--black33);
     border-color: var(--black33);
     color: #fff;
}

.commonBtn.commonBtn__black:hover {
     background: var(--primary700);
     border-color: var(--primary700);
}

.commonBtn img {
     width: 14px;
     margin-left: 15px;
     display: inline-block;
}

.commonBtn.commonBtn--yellow {
     background-color: var(--yellow);
     color: var(--black33);
     border-color: var(--yellow);
}

.lightGrey-btn {
     background: var(--btn-lightGrey);
     border-color: var(--btn-lightGrey);
}

.bg-light {
     background-color: #f8f8f8;
}

.grey-heading {
     color: var(--black-primary) !important;
}

.off-white {
     background: #f4f4f6 !important;
     color: #acacb7;
}

.yellow-color {
     color: var(--yellow);
}

.purple-color {
     color: var(--primary);
}

/* Header Css */

header.menu-active .line.line-1 {
     -webkit-transform: translateY(11px) rotate(45deg);
     -ms-transform: translateY(11px) rotate(45deg);
     transform: translateY(11px) rotate(45deg);
}

header.menu-active .line.line-2 {
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     opacity: 0;
}

header.menu-active .line.line-3 {
     -webkit-transform: translateY(-7px) rotate(-45deg);
     -ms-transform: translateY(-7px) rotate(-45deg);
     transform: translateY(-7px) rotate(-45deg);
}

.navbarToggler {
     background: 0 0;
     border: none;
     padding: 0;
     width: 19.36px;
     height: 18px;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 0;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-transition: linear 0.3s;
     -o-transition: linear 0.3s;
     transition: linear 0.3s;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
}

.navbarToggler .line {
     width: 100%;
     height: 2px;
     background-color: var(--black);
     border-radius: 3px;
     -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
     transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
     -o-transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
     transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
     transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

header.menu-active .line.line-1 {
     -webkit-transform: translateY(6px) rotate(45deg);
     -ms-transform: translateY(6px) rotate(45deg);
     transform: translateY(6px) rotate(45deg);
}

header.menu-active .line.line-2 {
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     opacity: 0;
}

header.menu-active .line.line-3 {
     -webkit-transform: translateY(-6px) rotate(-45deg);
     -ms-transform: translateY(-6px) rotate(-45deg);
     transform: translateY(-6px) rotate(-45deg);
}

.menu-overlay {
     overflow: hidden;
}

header .navPrimary .container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 0;
     position: relative;
}

.brandlogo {
     position: relative;
     top: -6px;
}

header .brandlogo a {
     display: block;
     width: 125px;
}

header .brandlogo svg {
     display: block;
     width: 100%;
}

header .brandlogo img {
     width: 100%;
     display: block;
     max-width: 219px;
     -webkit-transition: all linear 0.2s;
     -o-transition: all linear 0.2s;
     transition: all linear 0.2s;
}

header .navbar-nav {
     list-style: none;
     line-height: 1;
     font-weight: 500;
     margin: 0;
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-size: 16px;
     gap: 30px;
     -webkit-transition: all linear 0.5s;
     -o-transition: all linear 0.5s;
     transition: all linear 0.5s;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

header .navbar-nav a {
     text-decoration: none;
     color: var(--secondary-black);
     padding: 35px 0px;
     display: inline-block;
     -webkit-transition: all ease 0.5s;
     -o-transition: all ease 0.5s;
     transition: all ease 0.5s;
     font-size: 16px;
     font-weight: 500;
}

header .navbar-nav a:hover {
     color: var(--primary-hover);
}


header path[fill="white"] {
     fill: var(--black);
}

header.scrolled path[fill="white"] {
     fill: var(--black);
}

header.scrolled a.menu-link {
     color: var(--secondary-black);
}

header.scrolled a.menu-link:hover {
     color: var(--primary);
}

header.scrolled .navbar-nav a {
     padding: 25px 0px;
}

header.menu-active .line.line-1 {
     -webkit-transform: translateY(6px) rotate(45deg);
     -ms-transform: translateY(6px) rotate(45deg);
     transform: translateY(6px) rotate(45deg);
}

header.menu-active .line.line-2 {
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     opacity: 0;
}

header.menu-active .line.line-3 {
     -webkit-transform: translateY(-6px) rotate(-45deg);
     -ms-transform: translateY(-6px) rotate(-45deg);
     transform: translateY(-6px) rotate(-45deg);
}

.menu-overlay {
     overflow: hidden;
}

.navbarNav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 50px;
     margin: 0;
     padding: 0;
}

ul.navbarNav>li {
     padding: 32px 0px 30px;
}

.navbarNav li a {
     font-weight: 400;
     font-size: 18px;
     line-height: 1;
     color: var(--black-primary);
}

.navbarNav li a:hover {
     color: var(--primary);
}

.navbarNav__submenu li a {
     font-size: 16px;
     line-height: 1.2;
     padding: 11px 13px;
     display: block;
}

.navbarNav__submenu li a:hover {
     color: var(--black33);
     background: var(--whitef2);
}

.navbarNav__caret,
.submenu__caret {
     font-family: 'bz-icons' !important;
     speak: never;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -webkit-transition: 0.2s ease-in-out all;
     -o-transition: 0.2s ease-in-out all;
     transition: 0.2s ease-in-out all;
     display: inline-block;
}

.navbarNav__caret:before,
.submenu__caret:before {
     content: "\ed65";
}

.navbarNav li.active span,
.navbarNav a.active+span {
     color: var(--primary700);
}

.navbarNav__submenu ul {
     margin: 0;
}

.mega-menu__colSepration h5 {
     padding: 0 13px;
     margin: 0 0 5px;
     font-size: 16px;
     line-height: 1.2;
     font-weight: 700;
     color: var(--black-primary);
}

header nav .navbarNav li.mega>ul.sub-menu .mega-menu-head>ul.sub-menu li.mega-sub-head {
     padding: 0 13px;
     margin: 0 0 5px;
}

header nav .navbarNav li.mega>ul.sub-menu .mega-menu-head>ul.sub-menu li.mega-sub-head>a {
     padding: 0;
     font-size: 16px;
     line-height: 1.2;
     font-weight: 700;
     color: var(--black-primary);
     pointer-events: none;
}

header nav .navbarNav li.mega>ul.sub-menu .mega-menu-head>ul.sub-menu li.mega-sub-head:nth-of-type(2) {
     margin-top: 30px;
}

header nav .navbarNav li.mega>ul.sub-menu .mega-menu-head>ul.sub-menu li.mega-sub-head:not(:first-child),
header nav .navbarNav li.mega>ul.sub-menu .mega-menu-head ul.sub-menu li.mega-menu-head {
     margin-top: 35px !important;
}

.mega-menu__colSepration+.mega-menu__colSepration {
     margin-top: 35px;
}

.navbarNav__submenu.mega-menu:after {
     border-width: 0 42px 26px 42px;
     top: -22px;
     left: 28%;
}

.navbarNav__submenu.mega-menu:before {
     top: -15px;
     left: 30.4%;
}

.main-menu {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 35px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.searchBoxButton {
     padding: 0;
     border: 0;
     cursor: pointer;
}

.searchBoxButton img {
     width: 17px;
     display: block;
}

.searchBox {
     position: absolute;
     top: 100%;
     padding: 30px;
     background: #fff;
     border-radius: 0 0 30px 0;
     min-width: 570px;
     -webkit-transform: translate(-50%, 20px);
     -ms-transform: translate(-50%, 20px);
     transform: translate(-50%, 20px);
     visibility: hidden;
     opacity: 0;
     -webkit-transition: 0.2s ease-in-out all;
     -o-transition: 0.2s ease-in-out all;
     transition: 0.2s ease-in-out all;
     right: 0;
}

.searchActive .searchBox {
     -webkit-transform: translate(-50%, 0);
     -ms-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     visibility: visible;
     opacity: 1;
}

.searchBox__holder {
     position: relative;
}

.searchBox__holder .searchBox__input,
.search .input_search {
     --placeHolderColor: #ACACB7;
     --placeHolderSize: 14px;
     display: block;
     width: 100%;
     border: 0;
     padding: 13px 50px 13px 19px;
     font-size: 16px;
     color: var(--black-primary);
     background: #F2F5F8;
     border-radius: 8px;
}

.searchBox__input::-webkit-input-placeholder,
.search .input_search::-webkit-input-placeholder {
     color: var(--placeHolderColor);
     font-size: var(--placeHolderSize);
}

.searchBox__input::-moz-placeholder,
.search .input_search::-moz-placeholder {
     color: var(--placeHolderColor);
     font-size: var(--placeHolderSize);
}

.searchBox__input:-ms-input-placeholder,
.search .input_search:-ms-input-placeholder {
     color: var(--placeHolderColor);
     font-size: var(--placeHolderSize);
}

.searchBox__input:-moz-placeholder,
.search .input_search:-moz-placeholder {
     color: var(--placeHolderColor);
     font-size: var(--placeHolderSize);
}

.searchBox__input:focus-visible {
     border: 0;
     outline: none;
}

.searchBox__holder .searchBox__button {
     padding: 0;
     border: 0;
     cursor: pointer;
     position: absolute;
     right: 20px;
     top: 22px;
}

.searchBox__holder img {
     width: 17px;
     display: block;
}

.navbarNav .customCard__img a {
     display: block;
}

.navbarNav .customCard__title {
     font-weight: 600;
}

.navbarNav .customCard__title a {
     font-weight: inherit;
}

.megaNewMenu__backbutton svg {
     width: 15px;
     margin-right: 10px;
}

.megaNewMenu__backbutton svg path {
     stroke: currentColor;
}

.megaNewMenu__backbutton {
     padding: 5px;
     margin: 0 0 0 10px;
     color: var(--black-primary);
}

/*  */
.mainfooter__intro {
     max-width: 422px;
     margin-bottom: 0px;
}

.mainfooter__introInner {
     max-width: 380px;
}

.mainfooter__topLogo {
     margin-bottom: 30px;
}

.mainfooter__topLogo a img {
     width: 264px;
}

.footerMenu li a {
     font-size: 16px;
     line-height: 1.2;
     font-weight: 500;
     color: var(--black-primary);
     padding: 5px 0;
     color: #61616E;
}

.footerMenu li a:hover {
     color: var(--primary);
}

.footerMenu li+li {
     padding-top: 8px;
}

.mainfooter__copyright .container {
     border-top: 1px solid #C9C9C9;
}

.mainfooter__copyrightDate {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 0;
}

.mainfooter__copyrightDate li {
     color: #CDCDD2;
     padding: 0 17px;
     position: relative;
}

.mainfooter__copyrightDate li+li::before {
     content: "";
     width: 2px;
     height: 100%;
     background: #CDCDD2;
     position: absolute;
     left: 0;
}

.mainfooter__copyrightDate li a {
     color: inherit;
}

.mainfooter__copyrightDate li a:hover {
     color: var(--primary);
}

.socialFooter {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 35px;
}

.socialFooter {
     margin: 0;
     padding: 0;
}

.socialFooter li a {
     display: block;
}

.socialFooter li img {
     display: block;
     width: 24px;
}

.mainfooter__introInner,
.mainfooter__contactInfo,
.mainfooter__address {
     margin-bottom: 37px;
}

.mainfooter__address address {
     margin-bottom: 15px;
     font-style: normal;
}

.mainfooter__contactInfoAnchor {
     font-weight: 700;
     color: var(--black-primary);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
}

.mainfooter__contactInfoAnchor a {
     color: inherit;
     font-weight: inherit;
}

.mainfooter__contactInfoAnchor a:hover {
     color: var(--primary);
}

.mainfooterMenu__box ul {
     margin: 0;
}

/* faqBox */
.faqBox__question {
     position: relative;
     padding: 30px 0;
     border-top: 1px solid var(--gray200);
     cursor: pointer;
     padding-right: 40px;
}

.faqBox:last-child .faqBox__question {
     border-bottom: 1px solid var(--gray200);
}

.faqBox__answer {
     padding: 0px 50px 22px 0;
     border-top: 0;
     display: none;
     margin-top: -20px;
}

.faqBox.active .faqBox__answer {
     display: block;
}

.faqBox__answer p {
     font-size: 16px;
     color: var(--black56);
}

.faqBox:last-child .faqBox__answer {
     border-top: 0;
}

.faqBox__answer p:last-of-type {
     margin: 0;
}

.faqBox__question h3 {
     margin: 0;
     cursor: pointer;
     font-size: 18px;
     color: var(--black33);
}

.faqBox__question:before {
     content: "\e9e9";
     position: absolute;
     right: 10px;
     top: 24px;
     font-family: "bz-icons";
     color: var(--gray400);
     font-size: 20px;
}

.faqBoxParent .faqBox:first-child .faqBox__question {
     border-top: 0;
}

.faqBoxParent .faqBox:last-child .faqBox__question {
     border-bottom: 0px;
}

.active .faqBox__question:before {
     content: "\e9e0";
}

.banner--image {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}

.section-BgImage,
.section-bgImg {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}

.pb-0 {
     padding-bottom: 0;
}

.p-0 {
     padding: 0;
}

.pt-0 {
     padding-top: 0;
}

.text-white {
     color: var(--white) !important;
}

/* new header */
.headerSpace {
     height: var(--headerNewHeight);
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}

body.admin-bar .headerSpace {
     height: calc(var(--headerNewHeight) - 32px);
}

body.admin-bar {
     padding-top: 32px;
}

body.admin-bar header.headerNew {
     top: 32px;
}

body.admin-bar header.headerNew.scrolled {
     top: 32px;
}

.headerNew {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 99;
     background: #fff;
     -webkit-transition: 0.3s ease-in-out all;
     -o-transition: 0.3s ease-in-out all;
     transition: 0.3s ease-in-out all;
}

.headerNew.hide {
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     pointer-events: none;
}

.headerNew__bottom {
     background: rgba(159, 159, 179, 0.10);
}

.headerNew__top {
     padding: 22px 0;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}

.headerNew__top .brandlogo {
     top: 0;
}

.headerNew__top>.container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.headerNew__searchBox {
     max-width: 250px;
     width: 100%;
}

.headerNew__searchBox .searchBox__holder .searchBox__button {
     top: 11px;
}

.right_nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}

.right_nav .commonBtn {
     font-size: 14px;
     padding: 8px 14px;
     -webkit-box-shadow: 0px 0px 0px 1px rgba(16, 24, 40, 0.18) inset, 0px -2px 0px 0px rgba(16, 24, 40, 0.051) inset, 0px 1px 2px 0px rgba(16, 24, 40, 0.051);
     box-shadow: 0px 0px 0px 1px rgba(16, 24, 40, 0.18) inset, 0px -2px 0px 0px rgba(16, 24, 40, 0.051) inset, 0px 1px 2px 0px rgba(16, 24, 40, 0.051);
}

.right_nav .outlineBtn {
     font-size: 14px;
     padding: 8px 14px;
     margin-right: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 6px;
}

li.navbarNav__dropdown.mega:hover .megaMenu {
     display: block;
     position: absolute;
}

.navbarNav__submenu.mega-menu {
     width: 100%;
     right: 0;
}

.headerNew__bottom .container {
     position: relative;
}

.headerNew .navbarNav {
     gap: 20px;
}

.headerNew__topRow {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
}

.headerNew__topRowRight {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 12px;
}

.headerNew__topRowRight .commonBtn.commonBtn__black {
     white-space: nowrap;
}

.headerNew ul.navbarNav>li {
     padding: 19px 0px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}

.headerNew__bottom .navbarNav>li>a {
     color: var(--black33);
}

.megaNewMenu__nav li a:hover {
     background: transparent;
}

.headerNew.scrolled .headerNew__top {
     /* padding: 12px 0; */
}

.bannerSec {
     padding: 70px 0 70px;
     background-size: cover;
     background-repeat: no-repeat;
}

.megaNewMenu__row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

.megaNewMenu__left {
     padding: 22px;
}

.megaNewMenu__left {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}

.megaNewMenu__right {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 316px;
     background: #F9FAFB;
     padding: 20px;
}

.megaNewMenu__left {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

.megaNewMenu__leftNav {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     max-width: 355px;
     min-width: 200px;
     padding: 14px 17px;
     border-right: 1px solid #E4E7EC;
}

.megaNewMenu__leftContent {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     padding: 22px 24px;
}

.navbarNav__submenu.megaNewMenu {
     padding: 0;
     left: 0;
     right: 0;
     border-radius: 15px;
}

.megaNewMenu__nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 17px;
}

.megaNewMenu__nav li a {
     padding: 0;
     font-family: var(--body-font);
     font-weight: 400;
     font-size: 18px;
     line-height: 1.55;
     padding: 0 0 4px;
     border-bottom: 1px solid transparent;
     display: inline-block;
}

.megaNewMenu__leftNavTitle {
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: var(--primary);
     margin-bottom: 12px;
}

.menuAnchor {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
     padding: 14px 12px;
     cursor: pointer;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     background: transparent;
     border-radius: 8px;
}

.menuAnchor:hover {
     background: rgba(159, 159, 179, 0.078);
}

.menuAnchor .menuAnchor__img {
     background: rgba(107, 195, 254, 0.15);
     width: 44px;
     aspect-ratio: 1/1;
     border-radius: 6px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
}

.menuAnchor .menuAnchor__img img {
     max-height: 22px;
     width: auto;
     max-width: 40px;
     object-fit: contain;
}

.menuAnchor .menuAnchor__content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 4px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}

.menuAnchor .menuAnchor__contentTitle {
     font-weight: 600;
     font-size: 16px;
     line-height: 1.5;
     color: var(--black33);
     margin: 0;
}

.menuAnchor .menuAnchor__content p {
     font-weight: 400;
     font-size: 14px;
     line-height: 1.42;
     color: var(--black-secondary);
     margin-bottom: 0;
     word-break: break-word;
}

#remote_it_help_desk>.row>.col-md-6 {
     width: 100%;
}

.megaNewMenu__right .customCard {
     height: auto;
}

.tabBox {
     display: none;
}

.tabBox.active {
     display: block;
}

.btnText {
     font-weight: 600;
     font-size: 14px;
     line-height: 1.42;
     color: var(--black-secondary);
}

.btnText svg {
     width: 9px;
     margin-left: 9px;
}

.btnText.btnText--md {
     font-size: 16px;
}

.btnText.btnText--lg {
     font-size: 18px;
}

.btnText.btnText--xl {
     font-size: 20px;
}

.btnText.btnText--primary {
     color: var(--primary);
}

.headerNew .navbarNav__submenu {
     min-width: 380px;
     -webkit-box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
     box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
     border: 1px solid #E4E7EC;
     border-radius: 12px;
}

.profileCard {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 10px;
}

.profileCard__img {
     width: 40px;
     aspect-ratio: 1/1;
     border-radius: 50%;
     overflow: hidden;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -ms-flex-preferred-size: 40px;
     flex-basis: 40px;
}

.profileCard__img img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}

.profileCard__content .name {
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: var(--black33);
}

.profileCard__content .date {
     font-weight: 400;
     font-size: 14px;
     line-height: 1.42;
     color: var(--black-secondary);

}

.authorDetail__time {
     color: #61616E;
     white-space: nowrap;
}

.authorDetail {
     margin-bottom: 8px;
}

.tabBox .row {
     --bs-gutter-x: 8px;
     --bs-gutter-y: 12px;
}

/* ===================== custom card ====================== */
.customCard {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     height: 100%;
}

.customCard .iconbox {
     margin-bottom: 16px;
}

.customCard.customCard--row {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     gap: 16px;
     padding: 12px 8px;
}

.customCard__img img {
     display: block;
     width: 100%;
}

.customCard__title,
.entry-title,
.result-title {
     --lines: 1;
     --lineHeight: 1.4;
     overflow: hidden;
     max-height: calc(var(--lines) * 1em * var(--lineHeight));
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: var(--lines);
     overflow: hidden;
     margin-bottom: 8px;
     color: var(--black33);
}

.customCard__title a,
.entry-title a,
.result-title a {
     color: inherit;
     font-size: inherit;
     display: block;
     line-height: inherit;
}

.customCard__body p,
.entry-summary p,
.result-excerpt {
     --lines: 3;
     --lineHeight: 1.5;
     overflow: hidden;
     max-height: calc(var(--lines) * 1em * var(--lineHeight));
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: var(--lines);
     overflow: hidden;
     margin: 0;
}

.customCard:hover .customCard__img>a {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
}

.customCard--blog .customCard__body .customCard__title {
     font-weight: 600;
     font-size: 24px;
     margin-bottom: 38px;
}

.customCard.pricing-card .customCard__title {
     font-size: 24px;
}

.customCard--blog .customCard__img,
.post-thumbnail,
.result-thumbnail {
     width: 100%;
     border-radius: 16px;
     overflow: hidden;
     margin-bottom: 20px;
}

.customCard--blog .customCard__img a,
.post-thumbnail a,
.result-thumbnail a {
     width: 100%;
     display: block;
}

.customCard--blog .customCard__img img,
.post-image,
.result-thumbnail a img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}

.customCard__footer {
     margin-top: auto;
     padding-top: 24px;
}

.customCard--row .customCard__title {
     font-size: 16px;
     margin-bottom: 4px;
}

.customCard--row .customCard__body p {
     font-size: 14px;
     --lines: 2;
}

.customCard--row .customCard__img {
     width: 100%;
     border-radius: 6px;
     overflow: hidden;
     width: 144px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
}

.customCard--row .customCard__img a {
     display: block;
     width: 100%;
     height: 100%;
}

.customCard--row .customCard__img img {
     height: 100%;
     display: block;
     -o-object-fit: cover;
     object-fit: cover;
}

.megaNewMenu__right .customCard__img {
     margin-bottom: 16px;
}


.megaNewMenu__right .customCard__img img {
     display: block;
     width: 100%;
     border-radius: 7px;
}

.megaNewMenu__right .customCard__footer {
     padding-top: 12px;
}

.megaNewMenu__right .customCard__title {
     font-weight: 600;
     font-size: 16px;
     line-height: 1.5;
     margin: 0 0 4px;
     color: var(--black33);
}

.megaNewMenu__right .customCard__body p {
     --lines: 2;
     font-weight: 400;
     font-size: 14px;
     line-height: 1.42;
     color: var(--black-secondary);
}

/* ===================== custom card ====================== */

/* ============== section css ================== */

.section-padding,
.section-padding-in-bg {
     padding: var(--spacing) 0;
}

.section-padding+.section-padding:not(.section-padding-in-bg) {
     padding-top: 0;
}

.section-grey,
.bg-grey {
     background: var(--bg-grey);
}

.topHeading {
     color: var(--primary700);
     font-weight: 600;
     font-size: 18px;
     line-height: 1.55;
     margin-bottom: 8px;
}

/* ============== section css ================== */

.bannerSec .section-heading p {
     margin-bottom: 24px;
}

.bannerSec {
     overflow: hidden;
}

.bannerSec__img {
     position: relative;
     width: 100%;
     overflow: hidden;
     border-radius: 16px;
     visibility: hidden;
}

.bannerSec__img img {
     display: block;
     width: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: top;
     object-position: top;
}

.heading-with-buttonRight .section-heading {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}

.heading-with-buttonRight .section-heading__text {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 80%;
}

.heading-with-buttonRight .section-heading__button {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     gap: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
}

.sec-head-width {
     max-width: 1001px;
     margin-left: auto;
     margin-right: auto;
}

.heading-half .section-heading__text {
     max-width: 768px;
     width: 80%;
}

/* ===================== heading ====================== */

/* ===================== form ====================== */
.form-control,
.newsLetterbox .hs-input,
.hbspt-form .hs-input {
     --placeHolderColor: #909195;
     --placeHolderSize: 16px;
     background: #fff;
     width: 100% !important;
     display: block;
     padding: 10px 14px;
     border-radius: 8px;
     font-size: 16px;
     font-family: var(--body-font);
     color: var(--black);
     border: 1px solid #D0D5DD;
     -webkit-box-shadow: 0px 1px 2px 0px #1018280D;
     box-shadow: 0px 1px 2px 0px #1018280D;
     outline: none !important;
}

.hbspt-form fieldset {
     max-width: 100% !important;
}

.hbspt-form fieldset .field.hs-form-field {
     margin-bottom: 16px;
}

.hbspt-form fieldset textarea {
     width: 100% !important;
     min-height: 130px;
     outline: none !important;
}

.hbspt-form .hs-form-checkbox label {
     display: flex;
     gap: 12px;
     align-items: center;
}

.hbspt-form .hs-form-checkbox label .hs-input {
     width: 16px !important;
     height: 16px !important;
     border: 1px solid #D0D5DD;
     box-shadow: none !important;
}

span.hs-form-required {
     color: var(--primary700);
}

.hbspt-form label.hs-error-msg {
     color: #FC5050;
     font-size: 14px;
}

.hbspt-form .hs-fieldtype-intl-phone.hs-input input {
     width: calc(100% - 62px) !important;
}

.hbspt-form .hs-input.hs-fieldtype-intl-phone select.hs-input {
     outline: none !important;
     height: 44px;
     border: none !important;
     box-shadow: none !important;
     width: 62px !important;
     padding: 0px;
     padding-left: 15px;
     cursor: pointer;
}

footer .hbspt-form .hs_email {
     width: calc(100% - 117px);
     display: inline-block;
     padding-right: 15px;
}

footer .hbspt-form .hs_submit.hs-submit {
     width: auto;
     float: right;
}

textarea.form-control {
     min-height: 100px;
     resize: vertical;
}

select.form-control {
     background-image: url(../images/selectArrow.svg);
     background-position: calc(100% - 15px) center;
     -webkit-padding-end: 37px;
     padding-inline-end: 37px;
     background-size: 15px;
     background-repeat: no-repeat;
}

.form-control::placeholder,
.newsLetterbox .hs-input::placeholder,
.hbspt-form .hs-input::placeholder {
     color: var(--placeHolderColor);
     font-size: var(--placeHolderSize);
}

.form-control::-webkit-input-placeholder,
.newsLetterbox .hs-input::-webkit-input-placeholder,
.hbspt-form .hs-input::-webkit-input-placeholder {
     color: var(--placeHolderColor);
     font-size: var(--placeHolderSize);
}

.form-control::-moz-placeholde,
.newsLetterbox .hs-input::-moz-placeholde,
.hbspt-form .hs-input::-moz-placeholder {
     color: var(--placeHolderColor);
     font-size: var(--placeHolderSize);
}

.form-control:-ms-input-placeholder,
.newsLetterbox .hs-input:-ms-input-placeholder,
.hbspt-form .hs-input:-ms-input-placeholder {
     color: var(--placeHolderColor);
     font-size: var(--placeHolderSize);
}

.hbspt-form .hs-input.hs-fieldtype-intl-phone {
     background: white;
     border-radius: 8px;
     font-size: 16px;
     border: 1px solid #D0D5DD;
     -webkit-box-shadow: 0px 1px 2px 0px #1018280D;
     box-shadow: 0px 1px 2px 0px #1018280D;
}

.hbspt-form .hs-input.hs-fieldtype-intl-phone .hs-input {
     border-width: 0;
     box-shadow: none;
}

.hbspt-form .hs-input.hs-fieldtype-intl-phone select.hs-input {
     border-radius: 8px 0 0 8px;
}

.hbspt-form ul {
     margin: 0;
}

.form-group {
     margin-bottom: 24px;
}

.form-group.form-check {
     margin-bottom: 32px;
}

.form-label,
.hbspt-form label {
     font-family: var(--body-font);
     font-weight: 500;
     font-size: 16px;
     line-height: 1.5;
     margin: 0 0 6px;
     display: block;
}

.form-check-label {
     font-family: var(--body-font);
     font-weight: 400;
     font-size: 16px;
     line-height: 1.5;
     color: var(--black-secondary);
}

.form-group.required .form-label:after {
     content: "*";
     color: var(--primary);
     margin-left: 2px;
     font-weight: 500;
}

/* ===================== form ====================== */

.iconbox {
     width: 64px;
     aspect-ratio: 1/1;
     border-radius: 10px;
     background: rgba(240, 178, 234, 0.4);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}

.iconbox img {
     height: 43px;
     width: auto;
}

.iconbox-rounded .iconbox {
     width: 48px;
     border-radius: 50%;
     outline: 8px solid rgba(240, 178, 234, 0.102);
     background: rgba(240, 178, 234, 0.251);
}

.iconbox-rounded .iconbox img {
     height: 23px;
}

.logo-icon-wpr {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 45px 60px;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-top: 15px;
}

.log-con {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     max-width: 150px;
     mix-blend-mode: Luminosity;
}

.log-con img {
     width: 100%;
     max-width: 261px;
     -o-object-fit: scale-down;
     object-fit: scale-down;
     max-height: 50px;
     opacity: 0.5;
}

/* ===================== contentbox ====================== */
.contentBox {
     --padX: var(--spacing);
     --padY: var(--spacing);
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     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));
}

.contentBox+.contentBox {
     margin-top: var(--spacing);
}

.contentBox--padding .contentBox {
     padding: var(--padY) var(--padX);
}

.contentBox>* {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding-right: calc(var(--bs-gutter-x) * 0.5);
     padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y);
}

.contentBox__content h2 {
     margin-bottom: 20px;
}

.contentBox__content:has(h3)>h2 {
     margin: 0;
}

.contentBox__content h3 {
     font-weight: 700;
     font-size: var(--text36);
     line-height: 1.2;
     margin-bottom: 16px;
}

.contentBox-titleSmall .contentBox__content h3 {
     font-size: var(--text30);
}

.contentBox__content p {
     margin-bottom: 30px;
}

.contentBox-alignCenter .contentBox {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.contentBox__image {
     overflow: hidden;
}

.contentBox__image img {
     display: block;
     width: auto;
     margin: auto;
}

.contentBox-imageCover .contentBox {
     --bs-gutter-x: 0;
}

.contentBox-imageLeft .contentBox {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
}

.contentBox-grey .contentBox {
     background: var(--bg-grey);
}

.contentBox-blue .contentBox {
     background: url(../images/testimonial-section-bg.png) no-repeat;
     background-size: cover;
}

.contentBox-rounded .contentBox {
     border-radius: 24px;
     overflow: hidden;
}

.contentBox-imageCover .contentBox__image {
     height: 100%;
}

.contentBox-imageCover .contentBox__image img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}

.contentBox-imageCover .contentBox__content {
     padding: var(--spacing);
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
}

.contentBox-imageRounded .contentBox__image,
.contentBox-imageRounded .contentBox__image>img {
     border-radius: 16px;
}

.contentBox-imageOutline .contentBox__image>img {
     border: 4px solid var(--black33)
}

.contentBox-imageHasArrow .contentBox__image {
     position: relative;
}

.contentBox-imageHasArrow .contentBox__image:after {
     content: "";
     position: absolute;
     inset: 0;
     background: url('../images/doceoArrow.svg') no-repeat center center / contain;
     opacity: 0.6;
     mix-blend-mode: Screen;
     z-index: 1;
     background-position: -150% 0;
     -webkit-transition: 1.2s ease-in-out all;
     -o-transition: 1.2s ease-in-out all;
     transition: 1.2s ease-in-out all;
}

.contentBox__image.animate::after {
     background-position: 50% 0;
}

.contentBox__content ul.list-checked {
     margin-bottom: 32px;
}

.contentBox-heading__38 .contentBox__content h2 {
     font-size: var(--text36);
     margin-bottom: 35px;
}

.contentBox__content .iconbox {
     margin-bottom: 24px;
}

.contentBox.reverse {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
}

.contentBox-multiple .contentBox__content {
     max-width: 657px;
}

.contentBox-multiple .contentBox__image {
     --pad: 40px;
     --padLarge: 90px;
     max-width: 612px;
     background: #F2F4F7;
     padding: var(--pad);
     padding-left: var(--padLarge);
     position: relative;
     overflow: visible;
     border-radius: 0;
}

.contentBox-multiple .reverse .contentBox__image {
     padding-right: var(--padLarge);
     padding-left: var(--pad);

}

.contentBox-multiple .contentBox__image>img {
     position: relative;
     z-index: 2;
}

.contentBox-multiple .contentBox__image:after {
     --vertical: 88px;
     --horizontal: -85px;
     content: "";
     position: absolute;
     background: url('../images/linepattern.svg') no-repeat center center / contain;
     z-index: 1;
     width: 250px;
     height: 400px;
     top: 88px;
     left: var(--horizontal);
     z-index: 0;
}

.contentBox-alignCenter .contentBox:nth-child(odd) {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
}

.contentBox-alignCenter .contentBox:nth-child(odd) .contentBox__image {
     padding-right: var(--padLarge);
     padding-left: var(--pad);
}

.contentBox-alignCenter .contentBox:nth-child(odd) .contentBox__image:after {
     left: auto;
     right: var(--horizontal);
     bottom: var(--vertical);
     top: auto;
}

.contentBox-alignCenter .contentBox:first-child .contentBox__image:after {
     left: auto;
     right: var(--horizontal);
     bottom: auto;
     top: var(--vertical);
}

/* doceoArrow.svg */
/* ===================== contentbox ====================== */
/* ===================== cardIcon ====================== */
.quality-cards-outer {
     background: #F0B2EA1A;
     border-radius: 16px;
     padding: 64px;
}

.quality-cards-outer>.row {
     --bs-gutter-y: 32px;
}


.cardIcon {
     border-radius: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;

}

.cardIcon h2 {
     font-weight: 600;
     font-size: var(--text60);
     line-height: 1;
     margin: 0 0 10px;
     color: var(--primary);
}

.cardIcon p {
     font-weight: 500;
     font-size: 20px;
     line-height: 1.5;
     margin: 0;
     color: var(--secondary-color);
}

.cardIcon .iconbox {
     margin-bottom: 16px;
}

/* ===================== cardIcon ====================== */

ul.list-checked {
     list-style: none;
}

ul.list-checked li {
     font-size: 18px;
     line-height: 1.5;
     color: var(--black-secondary);
     position: relative;
     padding-left: 40px;
}

ul.list-checked li::before {
     content: "";
     position: absolute;
     left: 0;
     width: 28px;
     aspect-ratio: 1/1;
     background: url("../images/circlecheck.svg") no-repeat center center / contain;
}

ul.list-checked li+li {
     margin-top: 20px;
}

/* ===================== footer ====================== */
.footerMenuRow {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 32px 20px;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.footerMenuRow .mainfooterMenu__box {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
}

.mainfooter--new .mainfooter__topLogo a {
     display: block;
}

.mainfooter--new .mainfooter__topLogo a img {
     width: 151px;
}

.mainfooter--new .mainfooter__topLogo {
     margin-bottom: 19px;
}

.mainfooter--new .mainfooter__introInner {
     margin-bottom: 19px;
}

.mainfooter--new .mainfooter__introInner p {
     margin: 0;
}

.mainfooter--new .mainfooter__heading {
     margin-bottom: 16px;
     color: var(--black33);
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
}

.mainfooter--new .mainfooter__address address {
     margin-bottom: 6px;
     font-weight: 500;
}

.mainfooter__address p a {
     color: var(--black33);
     font-style: italic;
     text-decoration: underline;
}

.footerMenu li a:hover {
     color: var(--primary);
}

.mainfooter--new .mainfooter__copyrightDate li {
     color: #61616E;
}

.mainfooter--new .mainfooter__copyrightDate li+li::before {
     height: 50%;
     margin: auto;
     top: 0;
     bottom: 0
}

.mainfooter--new .mainfooter__top {
     padding: var(--spacing) 0;
}

.mainfooter__middle {
     padding: var(--spacing) 0;
}

.mainfooter__spacing {
     margin: 0;
     border: 0;
     border-bottom: 1px solid #C9C9C9;
}

.mainfooter__topRow {
     gap: 20px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.mainfooter__topRowContent {
     width: 766px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     max-width: 49%;
}

.mainfooter__top .newsLetterbox {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 480px;
     max-width: 46%;
}

.mainfooter__topRow .newsLetterbox .hbspt-form>form {
     width: 100%;
}

.mainfooter__topRow .hbspt-form {
     width: 100%;
}

.mainfooter__topRowContent p {
     margin: 0;
}

.mainfooter__topRowContent h2 {
     font-weight: 600;
     font-size: 30px;
     line-height: 1.26;
     margin: 0 0 16px;
     color: var(--black33);
}

.mainfooter__topRowContent p {
     font-size: 20px;
}

.mainfooter__middleContent {
     max-width: 330px;
}

.newsLetterbox__row {
     gap: 16px;
}

.newsLetterbox__row .form-control {
     height: 48px;
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}

.wpcf7-form-control-wrap {
     width: 100%;
     display: block;
}

.newsLetterbox__row p {
     margin: 0;
     width: 100%;
     position: relative;
}

.newsLetterbox__row .wpcf7-not-valid-tip {
     margin-top: 5px;
}

.newsLetterbox .wpcf7 form .wpcf7-response-output {
     margin: 10px 0 0;
}

.foot-headquarter p {
     margin-bottom: 5px;
}

.foot-headquarter em {
     margin-top: 10px;
     display: block;
}

footer.mainfooter.mainfooter--new {
     background: rgba(237, 238, 241, 0.502);
}

.foot-headquarter .footerMenu li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 5px;
}

.foot-headquarter .footerMenu li img {
     position: relative;
     top: 5px;
}

.newsLetterbox .form-group {
     width: 353px;
}

.newsLetterbox .form-group {
     margin: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 10px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
}

.mainfooter__copyright {
     padding: 32px 0;
}

/* ===================== footer ====================== */

/* home page solution block */
.solution-image-wrapper .solution-image {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 0.5rem;
     -webkit-transition: opacity 0.4s ease;
     -o-transition: opacity 0.4s ease;
     transition: opacity 0.4s ease;
}

.solution-image-wrapper {
     position: relative;
     height: 100%;
     /* min-height: 500px; */
}

.solution-image-wrapper img {
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     z-index: 0;
}

.solution-image-wrapper img.active {
     opacity: 1;
     z-index: 1;
     /* position: static; */
}

.solution-item {
     cursor: pointer;
     position: relative;
     padding: 20px 24px;
}

.solutions-section {
     background-color: #f1f1f166;
}

.solutions-section .section-title {
     font-size: 24px;
     color: #b00081;
     font-weight: 500;
     margin-bottom: .8rem;
}

.card-texts h3 {
     font-size: 20px;
     font-weight: 600;
     line-height: 1.5;
     margin-bottom: 4px;
}

.card-texts p {
     margin: 0;
     color: var(--black56);
}

.solutions-cardrow.row {
     row-gap: 1rem;
     --bs-gutter-x: 1.5rem;
}

.solutions-card {
     padding: 25px 24px;
     background: #fff;
     border-radius: 16px;
     border: 1px solid #EDEEF1;
     height: 100%;
}

.solutions-card .icon-box {
     width: 64px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
}

.solutions-section .section-heading__text p {
     margin-bottom: 0;
}

.content-descpoint {
     padding-left: 64px;
}

.solution-item h5 {
     margin-bottom: 8px;
     font-weight: 600;
}

.solution-item p {
     margin-bottom: 0;
}

.solution-item:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 4px;
     bottom: 0;
     background-color: var(--primary700);
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     will-change: transform;
}

.solution-item.active:before {
     /* Reset any previous animations */
     -webkit-animation: none;
     animation: none;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
}

.solution-item.in-progress:before {
     -webkit-animation: expandHeight var(--tabDuration) forwards linear;
     animation: expandHeight var(--tabDuration) forwards linear;
}

.solution-item.finished:before {
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     -webkit-animation: none;
     animation: none;
}

.solution-item.removal-in-progress:before {
     -webkit-animation: reducedHeight 0.3s forwards ease-in-out;
     animation: reducedHeight 0.3s forwards ease-in-out;
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
}

@-webkit-keyframes expandHeight {
     0% {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
     }

     100% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }
}

@keyframes expandHeight {
     0% {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
     }

     100% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }
}

@-webkit-keyframes reducedHeight {
     0% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }

     100% {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
     }
}

@keyframes reducedHeight {
     0% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }

     100% {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
     }
}

/* why choose */
.whychoose-section .row {
     background: url(../images/why.png) no-repeat;
     background-size: cover;
     padding: var(--spacing) 60px;
     border-radius: 16px;
}

.whychoose-section .row.flex-lg-row-reverse:has(.content-descpoint) {
     /* background: url(../images/why-reverse-bg.png) no-repeat; */
     /* background-size: cover; */
}

.iconList li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     margin-bottom: 38px;
}

.whychoose-section ul {
     margin: 0;
}

.iconList li:last-of-type {
     margin-bottom: 0px;
}

.listIcon img {
     display: block;
}

.listIcon.no-icon {
     top: 2px;
     position: relative;
     width: 23px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
}

.iconList li:has(.no-icon) {
     gap: 14px;
     margin-bottom: 20px;
}

.iconList li:has(.no-icon):last-child {
     margin-bottom: 0px;
}

.iconList .listIcon:not(.no-icon) {
     width: 48px;
     min-width: 48px;
     height: 48px;
     border-radius: 10px;
     background: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border: 1px solid #E4E7EC;
     margin-right: 16px;
}

.iconList li:has(.no-icon) p {
     font-size: 18px;
     line-height: 1.5;
}

.listIcon.no-icon img {
     width: 100%;
}

.iconList li p {
     font-size: 20px;
     margin: 0;
     color: #333;
}

.whychoose-section .contentBox__image {
     position: relative;
}

.whychoose-section .contentBox__image img {
     -o-object-fit: cover;
     object-fit: cover;
}

.ImgOverlayContent {
     position: absolute;
     bottom: 30px;
     margin: 0 30px;
     padding: 24px 20px;
     border-radius: 12px;
     border: 1px solid #FFFFFF4D;
     -webkit-backdrop-filter: blur(24px);
     backdrop-filter: blur(24px);
     background: rgba(255, 255, 255, 0.30);
}

.ImgOverlayContent p {
     font-size: 20px;
     font-weight: 600;
     line-height: 1.5;
     color: #fff;
     margin-bottom: 14px;
}

.udetails {
     color: #fff;
}

.udetails span {
     font-size: 18px;
     font-weight: 500;
}

.udetails strong {
     font-size: 20px;
     display: block;
}

.form-contentbox .contentBox__image {
     border-radius: 16px;
     overflow: hidden;
}

.support-reach {
     max-width: 560px;
}

.support-card {
     border: 1px solid #DCDEE2;
     border-radius: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     height: 100%;
     -webkit-transition: 0.3s ease-in-out all;
     -o-transition: 0.3s ease-in-out all;
     transition: 0.3s ease-in-out all;
}

.support-card .card-texts {
     margin-top: 38px;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     height: 100%;
}

.support-card-row .row {
     --bs-gutter-y: 24px;
}

.support-card-row .card-texts .d-flex.gap-2.flex-wrap {
     margin-top: auto;
}

.support-card .card-texts span {
     font-size: 16px;
     font-weight: 600;
     color: var(--primary600);
     line-height: 24px;
     display: block;
     margin-bottom: 4px;
}

.support-card .card-texts h3 {
     font-size: 24px;
     margin-bottom: 10px;
}

.support-card .card-texts:has(.outlineBtn) p,
.support-card .card-texts:has(.commonBtn) p {
     margin-bottom: 28px;
}

.support-card .card-texts .outlineBtn {
     margin-top: auto;
}

/* Icons */
i.purple-clr::before {
     color: var(--primary700);
     font-size: 32px;
}

.i-icon-box {
     width: 64px;
     aspect-ratio: 1/1;
     background: #F0B2EA66;
     border-radius: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.reach-icon {
     width: 48px;
     height: 48px;
     background: #0061A9;
     border-radius: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.white-clr::before {
     color: var(--white);
}

.reach-icon i {
     font-size: 20px;
}

.support-contact {
     padding-bottom: 70px;
}

.reach-card {
     margin-bottom: 32px;
}

.reach-text h4 {
     font-size: 20px;
     line-height: 1.5;
     margin-bottom: 2px;
}

.reach-text p {
     color: var(--black33);
     margin: 0;
}

.support-reach>p {
     font-size: 18px;
     font-weight: 500;
     line-height: 28px;
}

.support-reach p:last-of-type {
     margin: 0;
}

.innersupport-cont {
     background: url(../images/support-contact.png) no-repeat;
     background-size: 100% 48%;
     padding: 70px 90px 0;
     border-radius: 16px;
}

.innersupport-container {
     margin: 0 auto;
     max-width: 1214px;
     width: 100%;
}

.innersupport-cont .section-heading__text {
     padding-right: 80px;
     padding-right: 40px;
}

.support-image img {
     width: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}

/* It Support Modal */
.ctatalk-bluecard .topHeading {
     color: #FFD34C;
}

.ctatalk-bluecard h2 {
     font-size: 30px;
}

.itsupport h1 {
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 4px;
}

.itsupport .modal-header {
     border-bottom: 0;
}

.itsupport .modal-footer {
     border-top: 0;
}

.modal-footer button.outlineBtn {
     margin-right: 12px !important;
}

.itsupport label {
     font-size: 16px;
     color: var(--black33);
     font-weight: 500;
}

.itsupport input::-webkit-input-placeholder {
     font-size: 16px;
     font-weight: 500;
     color: #909195;
     line-height: 24px;
}

.itsupport input::-moz-placeholder {
     font-size: 16px;
     font-weight: 500;
     color: #909195;
     line-height: 24px;
}

.itsupport input:-ms-input-placeholder {
     font-size: 16px;
     font-weight: 500;
     color: #909195;
     line-height: 24px;
}

.itsupport input::-ms-input-placeholder {
     font-size: 16px;
     font-weight: 500;
     color: #909195;
     line-height: 24px;
}

.itsupport input::placeholder {
     font-size: 16px;
     font-weight: 500;
     color: #909195;
     line-height: 24px;
}

.banner-leftRight {
     padding: var(--spacing) 0;
}

.explore-section {
     padding: var(--spacing) 0;
     background: #f1f1f166;
}

.explore-section .row {
     row-gap: 24px;
}

.explore-cards {
     border-radius: 16px;
     position: relative;
     overflow: hidden;
     height: 100%;
     min-height: 400px;
}

.expcard-img {
     height: 100%;
}

.expcard-img img {
     height: clamp(300px, 30vw, 550px);
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: center;
     object-position: center;
     width: 100%;
     height: 100%;
     -webkit-transition: transform .6s cubic-bezier(.24, 1, .3, 1), opacity .55s ease .25s;
     -webkit-transition: opacity .55s ease .25s, -webkit-transform .6s cubic-bezier(.24, 1, .3, 1);
     transition: opacity .55s ease .25s, -webkit-transform .6s cubic-bezier(.24, 1, .3, 1);
     -o-transition: transform .6s cubic-bezier(.24, 1, .3, 1), opacity .55s ease .25s;
     transition: transform .6s cubic-bezier(.24, 1, .3, 1), opacity .55s ease .25s;
     transition: transform .6s cubic-bezier(.24, 1, .3, 1), opacity .55s ease .25s, -webkit-transform .6s cubic-bezier(.24, 1, .3, 1);
}


.explore-section a:has(.explore-cards) {
     display: block;
     height: 100%;
}

.explore-desc {
     --pad: 32px;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     background: #01010166;
     -webkit-backdrop-filter: blur(24px);
     backdrop-filter: blur(24px);
     padding: var(--pad);
     -webkit-transition: 0.3s all ease;
     -o-transition: 0.3s all ease;
     transition: 0.3s all ease;
}

.explore-desc .service-title {
     color: #fff;
     font-size: 30px;
     font-weight: 600;
     line-height: 140%;
     margin: 0;
}

.explore-desc p {
     font-size: 18px;
     line-height: 140%;
     color: #FCFCFC;
     margin: 12px 0 0;
}

.explore-desc .inline-btn {
     color: #FFD34C;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     font-size: 14px;
     line-height: 1.4;
     border: 0;
     padding: 0;
     display: block;
     gap: 6px;
     margin-top: 12px;
     max-width: 100%;
}

.explore-desc .inline-btn img {
     display: inline-block;
}

.explore-desc a img {
     -webkit-transition: 0.2s ease-in;
     -o-transition: 0.2s ease-in;
     transition: 0.2s ease-in;
}

.explore-desc a:hover img {
     -webkit-transform: translateX(20%);
     -ms-transform: translateX(20%);
     transform: translateX(20%);
}

.whyleftImg .row {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
}

.whyleftImg .row .contentBox__image {
     padding-left: 0;
     padding-right: 54px;
}

/* print tech web page css */

.banner-with-background .inner-banerleftright {
     padding-right: 0;
     border-radius: 20px;
     background-size: cover;
     padding-block: 4rem;
     -webkit-padding-start: 4rem;
     padding-inline-start: 4rem;
}

.banner-with-background .banner-Imgright img {
     border: 10px solid rgb(from var(--primary) r g b / 30%);
     border-right: 0;
     border-radius: 20px 0px 0px 20px;
}

.banner-with-background .banner_content {
     -webkit-padding-end: 100px;
     padding-inline-end: 100px;
}

.print-tech-solution {
     background: #F1F1F166;
}

.feature-icon {
     background: #F0B2EA66;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     min-width: 54px;
     width: 54px;
     height: 54px;
     min-height: 54px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border-radius: 8px;
     padding: 10px;
     margin-bottom: 10px;
}

.feature-icon svg {
     width: 100%;
     height: 100%;
}

.feature h3 {
     margin: 0;
     font-size: 20px;
     font-weight: 600;
     color: var(--black33);
}

.feature p {
     color: var(--black56);
     margin: 0;
}

.feature__footer {
     margin-top: 20px;
}

.feature__footer a {
     color: var(--secondary700);
     font-weight: 600;
}

.feature__footer a:hover {
     color: var(--primary);

}

.feature a.icon-link {
     font-weight: 600;
     color: var(--primary700);
}

.feature {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 15px;
}

.feature-direction-row .feature {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.feature-direction-row .feature-icon {
     margin: 0;
}

.check-list_withicon li,
.remoteSectionContent__box li {
     position: relative;
     padding-left: 32px;
     font-size: 18px;
     line-height: 1.555;
}

.check-list_withicon li:before,
.remoteSectionContent__box li:before {
     content: "\e97d";
     font-family: 'bz-icons' !important;
     position: absolute;
     left: 0;
     font-size: 23px;
     color: var(--primary600);
     line-height: 28px;
}

.check-list_withicon ol li:before,
.remoteSectionContent__box ol li:before {
     content: "\ed43";
}

.check-list_withicon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 24px;
}

.check-list_withicon ul,
.check-list_withicon ol,
.remoteSectionContent__box ul,
.remoteSectionContent__box ol {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 15px;
}

.remoteSectionContent__box ul,
.remoteSectionContent__box ol {
     margin-bottom: 15px;
}

.remoteSectionContent__box>div:has(ul:last-child) ul,
.remoteSectionContent__box>div:has(ol:last-child) ol {
     margin-bottom: 0px;
}

.bg-img .bg {
     background-size: cover;
     background-repeat: no-repeat;
}

.bg-color_blue .bg {
     background-color: var(--secondary700);
}

.bg-color_blue h2,
.bg-color_blue p {
     color: var(--white);
}

.section-grey {
     background: #F1F1F166;
}

.section-blue {
     background-color: var(--secondary700);
     color: #fff;
}

.request-quote-section {
     text-align: center;
     color: Var(--white);
}

.request-quote-section .newsLetterbox {
     display: inline-block;
}

.request-quote-section h2 {
     font-size: var(--text36);
     margin-bottom: 1rem;
}

.request-quote-section p {
     color: #F1F1F1;
     font-weight: 400;
     font-size: 20px;
}

.request-quote-section .content-wrap {
     background: var(--secondary700);
     padding: 5rem;
     border-radius: 1rem;
}

.user-profile h3 {
     font-size: var(--text30);
     font-weight: 400;
     line-height: 1.333;
     color: #fff;
}

.person-details-img {
     position: relative;
     border-radius: 1rem;
     overflow: hidden;
}

.user-profile .user-profile__row {
     padding: var(--spacing);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 64px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.user-profile__row .person-details-img {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 328px;
}

.user-profile__row .content-wrap {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}

.featureContentHalf .feature p {
     max-width: 283px;
}

.person-details {
     position: absolute;
     background-color: rgb(255 255 255 / 30%);
     -webkit-backdrop-filter: blur(8px);
     backdrop-filter: blur(8px);
     width: 100%;
     bottom: 0;
     color: var(--white);
     padding: 30px;
     border-top: 1px solid #FFFFFF4D;
}

.person-details p {
     color: var(--white);
     margin: 0;
}

.person-details h3 {
     margin-bottom: 10px;
}

.profile-details {
     margin-top: 30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 20px;
}

.profile-details h4 {
     font-size: 20px;
     color: var(--white);
     margin-bottom: 0px;
}

.profile-details p {
     color: #E4E7EC;
     margin: 0;
}

.inner-banerleftright .row {
     row-gap: 36px;
}

.linkedin_btn {
     background: #0A66C2;
     color: var(--white);
     border: 2px solid;
     border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
     padding: 10px 16px;
     border-radius: 8px;
     font-weight: 600;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     gap: 10px;
}

.linkedin_btn:hover {
     background: #054381;
}

.content-wrap.content-wrap-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     text-align: left;
     gap: 32px;
}

.content-wrap.content-wrap-row .content-wrap__heading {
     max-width: 708px;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}

.videoHolder {
     position: relative;
     width: 100%;
     padding-top: 56.25%;
     height: 0;
     overflow: hidden;
}

.videoHolder video {
     object-fit: cover;
     object-position: center;
     background-color: #000;
}

.videoHolder iframe,
.videoHolder video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 16px;
     overflow: hidden;
     -webkit-box-shadow: 0px 32px 64px -12px #10182824;
     box-shadow: 0px 32px 64px -12px #10182824;
}

.feature-align-top .feature {
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
}

.doceoTabs__nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 10px;
     margin-bottom: var(--spacingmd);
}

.doceoTabs__link {
     font-weight: 600;
     font-size: 16px;
     line-height: 1.5;
     padding: 10px 16px;
     border-radius: 8px;
     border: 1px solid #D0D5DD;
     color: var(--black56);
}

.doceoTabs__link:not(.active):hover {
     border-color: var(--primary);
     color: var(--primary);
}

.doceoTabs__link.active {
     border: 1px solid var(--primary700);
     background: var(--primary700);
     color: #fff;
}

.doceoTabs__tab:not(.active) {
     display: none;
}

.row:has(.customCard.customCard--blog) {
     row-gap: 48px;
}

/* Pricing */
.pricing-card .customCard__body {
     margin-top: 20px;
}

.pricing-card .customCard__body .inline-btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 10px;
     margin-top: 26px;
     font-weight: 600;
}

.pricing-section .row {
     row-gap: 36px;
}

.bg-color_blue .topHeading {
     color: #FFD34C;
}

.halfBlueBox__content {
     padding: 90px 90px 120px;
     position: relative;
}

.halfBlueBox__img {
     padding: 0 90px 0;
     margin-top: -90px;
}

.halfBlueBox__img img {
     -webkit-box-shadow: 0px 32px 64px -12px #10182824;
     box-shadow: 0px 32px 64px -12px #10182824;
}

.feature-centered .feature {
     text-align: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.doceoCard {
     border-radius: 16px;
     padding: 32px;
     background: #fff;
}

.doceoCard--large {
     padding: 64px;
     -webkit-box-shadow: 0px 20px 40px -4px rgba(16, 24, 40, 0.078);
     box-shadow: 0px 20px 40px -4px rgba(16, 24, 40, 0.078);
}

.doceoCard-blue {
     background: var(--secondary700);
     color: #fff;
}

.doceoCard-blue p {
     color: #fff;
}

.doceoCard-medium {
     padding: 48px;
}

.quoteBox h3 {
     font-weight: 500;
     font-size: 30px;
     line-height: 1.3;
     margin: 0;
}

.quoteBox svg {
     width: 88px;
     margin-bottom: 25px;
}

.aboutbanner .doceoCard h2 {
     font-weight: 600;
     font-size: 24px;
     line-height: 1.5;
     color: var(--primary);
     margin-bottom: 8px;
}

.doceoCard p:last-of-type {
     margin: 0;
}

.bannerSec.aboutbanner {
     padding-bottom: 270px;
}

.whatdoceoMentSection {
     margin-top: -220px;
}

.aboutbanner .section-heading__text p {
     max-width: 480px;
     font-weight: 400;
     font-size: 24px;
     line-height: 1.5;
     margin: 0;
}

.section-blue .section-heading p {
     color: #fff;
}

.aboutbanner .section-heading h1 {
     font-size: var(--text72);
}

.feature-white .feature-icon {
     background: #fff;
     border: 1px solid #E4E7EC;
     -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.051), 0px -2px 0px 0px rgba(16, 24, 40, 0.051) inset, 0px 0px 0px 1px rgba(16, 24, 40, 0.18) inset;
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.051), 0px -2px 0px 0px rgba(16, 24, 40, 0.051) inset, 0px 0px 0px 1px rgba(16, 24, 40, 0.18) inset;
}

.borderedList {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 24px
}

.borderedList__child,
.check-list_withicon blockquote {
     padding-top: 10px;
     padding-bottom: 10px;
     -webkit-padding-start: 24px;
     padding-inline-start: 24px;
     -webkit-border-start: 4px solid var(--primary);
     border-inline-start: 4px solid var(--primary);
     font-weight: 600;
     font-size: 20px;
     line-height: 1.5;
     margin: 0;
}

.check-list_withicon blockquote p {
     margin: 0;

}

.timelineBox .timelineBox__content {
     -webkit-padding-end: 46px;
     padding-inline-end: 46px;
}

.section-pLarge .section-heading p,
.section-bodypLarge p {
     font-size: 24px;
}

.bannerform-sec {
     padding: 40px;
     background: rgba(107, 194, 254, 0.102);
     border-radius: 16px;
}

.form-heading h3 {
     font-size: 30px;
     font-weight: 600;
     margin-bottom: 10px;
     color: #101828;
}

.form-heading p {
     font-size: 20px;
     font-weight: 400;
     color: #444242;
}

.page-desc {
     background: rgba(241, 241, 241, 0.4);
     border-radius: 16px;
}

.page-desc h5 {
     font-size: 24px;
     font-weight: 600;
     color: var(--secondary700);
     margin-bottom: 16px;
}

.letstalkGrid .bannerform-sec {
     background: #F0F9FF;
}

.letstalkGrid {
     position: relative;
}

.letstalkGrid .section-heading,
.letstalkGrid__child p:last-of-type {
     margin: 0;
}

.letstalkGrid__form .bannerform-sec {
     pointer-events: all;
}

.letstalkGrid__form .row {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}

.letstalkGrid__child.section-blue p {
     color: #F1F1F1;
}

.letstalkGrid__child.section-blue p strong {
     color: #FCFCFC;
     font-weight: 600;
}

.hersWhatHappen .borderedList {
     max-width: 500px;
}

.section-heading h1+h2 {
     font-size: 30px;
     font-weight: 400;
}

/* =================timeline==================== */
.timlineSection {
     overflow: hidden;
}

.swiper-container-wrapper--timeline .swiper-slide .timelineBox {
     opacity: 0;
     -webkit-transition: 0.5s ease 0.5s;
     -o-transition: 0.5s ease 0.5s;
     transition: 0.5s ease 0.5s;
}

.swiper-container-wrapper--timeline .swiper-slide-active .timelineBox {
     opacity: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar {
     display: none;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {
     background-color: var(--primary);
     height: 3px;
     top: 2px;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
     position: absolute;
     top: 2px;
     left: -100%;
     width: 100%;
     height: 3px;
     background-color: var(--primary);
     content: "";
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
     position: absolute;
     top: 3px;
     right: -100%;
     width: 100%;
     height: 1px;
     background-color: #DADADA;
     content: "";
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {
     position: relative;
     width: 100%;
     height: 30px;
     line-height: 30px;
     display: block;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
     position: absolute;
     font-weight: 400;
     right: 0;
     -webkit-transform: translateX(50%);
     -ms-transform: translateX(50%);
     transform: translateX(50%);
     -webkit-transition: 0.2s all ease-in-out;
     -o-transition: 0.2s all ease-in-out;
     transition: 0.2s all ease-in-out;
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
     cursor: pointer;
     z-index: 1;
     font-weight: 400;
     font-size: 20px;
     line-height: 1.5;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
     position: absolute;
     top: -19px;
     right: 50%;
     -webkit-transform: translateX(50%) translateY(-50%);
     -ms-transform: translateX(50%) translateY(-50%);
     transform: translateX(50%) translateY(-50%);
     width: 12px;
     height: 12px;
     background: var(--primary);
     border-radius: 2rem;
     content: "";
     -webkit-transition: 0.2s all ease-in-out;
     -o-transition: 0.2s all ease-in-out;
     transition: 0.2s all ease-in-out;
     z-index: 1;
     border: 8px solid #f9f9f9;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
     color: #000;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
     background: var(--primary);
     -webkit-transition-delay: 0.4s;
     -o-transition-delay: 0.4s;
     transition-delay: 0.4s;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active~.swiper-pagination-switch .switch-title:after {
     background: #C3C3C3;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar {
     margin-bottom: 16px;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom {
     position: relative;
     list-style: none;
     margin: 0;
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     line-height: 1.66;
     bottom: 0;
     z-index: 11;
     width: 100%;
     display: flex;
     -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     -o-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

ul.swiper-pagination-custom,
.custom-progress-bar {
     min-width: 1200px;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
     -webkit-transition-delay: 0.4s;
     -o-transition-delay: 0.4s;
     transition-delay: 0.4s;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active~.swiper-pagination-switch .switch-title {
     color: #C3C3C3;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active~.swiper-pagination-switch .switch-title:after {
     background: #C3C3C3;
}

.custom-progress-bar {
     position: relative;
     margin-bottom: 17px;
     background-color: #C3C3C3;
     height: 3px;
     width: 100%;
     margin-top: 70px;
     -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     -o-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-progress-bar-fill {
     background-color: var(--primary);
     height: 3px;
     top: 0px;
     position: absolute;
     width: 0%;
     -webkit-transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     -o-transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-progress-bar:before {
     position: absolute;
     top: 0px;
     left: -100%;
     width: 100%;
     height: 3px;
     background-color: var(--primary);
     content: "";
}

.custom-progress-bar:after {
     position: absolute;
     top: 0px;
     right: -100%;
     width: 100%;
     height: 3px;
     background-color: #C3C3C3;
     content: "";
}

/* =================timeline==================== */
.wp-gr .grw-row.grw-row-l {
     -webkit-box-align: normal !important;
     -ms-flex-align: normal !important;
     align-items: normal !important;
}

.wp-gr .grw-row-l .grw-header {
     background: #fff !important;
}

.googleReview__box {
     --size: 56px;
     position: relative;
     padding-bottom: calc(var(--size) + (var(--size)/7));
}

.googleReview__box .grw-content .grw-content-inner,
.googleReview__box .wp-gr .grw-content {
     position: static !important;
}

.googleReview__box .wp-gr .grw-btns {
     position: absolute !important;
     bottom: 0 !important;
     border: 1px solid #E4E7EC !important;
     width: var(--size) !important;
     aspect-ratio: 1/1;
     height: auto !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}

.googleReview__box .wp-gr .grw-btns.grw-prev {
     left: 0 !important;
}

.googleReview__box .wp-gr .grw-btns svg {
     width: calc(var(--size) / 2.3);
}

.googleReview__box .wp-gr .grw-btns.grw-next {
     left: calc(var(--size) + (var(--size) / 3)) !important;
}

/* =================google review slider==================== */
.section-heading__button .commonBtn.commonBtn__primary {
     white-space: nowrap;
}

.card-texts {
     padding-inline: 5px;
}

.aboutbanner .section-heading {
     margin: 0;
}

section.section-padding.feature-centered .row.row-cols-1.row-cols-sm-2.row-cols-lg-4 {
     row-gap: 36px;
}

.section-blue .check-list_withicon li:before,
.section-blue .topHeading {
     color: #FFC621;
}

.section-blue .doceoCard-blue {
     background: rgba(107, 194, 254, 0.302);
}

.avatarrating {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 16px;
     -webkit-margin-before: 48px;
     margin-block-start: 48px;
}

.avatarrating__images {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

.avatarrating__images img {
     width: 40px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     aspect-ratio: 1/1;
     border-radius: 50%;
     border: 0.75px solid rgba(0, 0, 0, 0.08);
     outline: 1.5px solid #FFF;
     -o-object-fit: cover;
     object-fit: cover;
}

.avatarrating__images img+img {
     margin-left: -17px;
}

.avatarrating__content {
     font-weight: 500;
     font-size: 16px;
     line-height: 1.5;
     color: #475467;
}

.avatarrating__content p {
     margin: 0;
}

.avatarrating__content .avatarrating__contentRow {
     font-weight: 600;
     font-size: 16px;
     line-height: 1.5;
     color: #344054;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 8px;
}

.avatarrating__contentStar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 4px;
}

.avatarrating__contentStar svg {
     width: 20px;
     display: block;
}

.feature-shadow .feature {
     -webkit-box-shadow: 0px 10px 10px -6px #101A280F, 0px 26px 28px -5px #101A280F;
     box-shadow: 0px 10px 10px -6px #101A280F, 0px 26px 28px -5px #101A280F;
     padding: 29px 26px;
     border-radius: 16px;
     gap: 0;
     height: 100%;
     -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.19, -0.21, 0.35, 1.1);
     transition: -webkit-box-shadow 0.2s cubic-bezier(0.19, -0.21, 0.35, 1.1);
     -o-transition: box-shadow 0.2s cubic-bezier(0.19, -0.21, 0.35, 1.1);
     transition: box-shadow 0.2s cubic-bezier(0.19, -0.21, 0.35, 1.1);
     transition: box-shadow 0.2s cubic-bezier(0.19, -0.21, 0.35, 1.1), -webkit-box-shadow 0.2s cubic-bezier(0.19, -0.21, 0.35, 1.1);
     background: #fff;
}

.feature-shadow .feature:hover {
     -webkit-box-shadow: 0px 10px 10px -6px #101a2800, 0px 26px 28px -5px #101a2800;
     box-shadow: 0px 10px 10px -6px #101a2800, 0px 26px 28px -5px #101a2800;
}

.feature-shadow .feature .feature-icon {
     margin-bottom: 16px;
}

.feature-shadow .feature h3 {
     margin-bottom: 4px;
}

.feature-callus .feature h3 {
     font-weight: 600;
     font-size: 24px;
     line-height: 1.5;
}

.inner-wrapper {
     display: inline;
     font-style: normal;
     overflow: hidden;
     /* opacity: 0;
     transform: translateY(50px); */
}



.whychoose-section .contentBox__image .ImgOverlayContent {
     -webkit-transform: translateY(40px);
     -ms-transform: translateY(40px);
     transform: translateY(40px);
     opacity: 0;
     -webkit-transition: 0.8s ease-in-out opacity, 0.4s ease-in-out transform;
     -o-transition: 0.8s ease-in-out opacity, 0.4s ease-in-out transform;
     transition: 0.8s ease-in-out opacity, 0.4s ease-in-out transform;
}

.whychoose-section .contentBox__image.animate .ImgOverlayContent {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
}

.customSwitch {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 12px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     cursor: pointer;
}

.customSwitch label {
     cursor: pointer;
}

.customSwitch__box input[type="checkbox"] {
     font-size: 30px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 44px;
     height: 24px;
     background: #ddd;
     border-radius: 3em;
     position: relative;
     cursor: pointer;
     outline: none;
     display: block;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}

.customSwitch__box input[type="checkbox"]:after {
     position: absolute;
     content: "";
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: #fff;
     -webkit-box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
     box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
     -webkit-transform: scale(.7);
     -ms-transform: scale(.7);
     transform: scale(.7);
     left: 0;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     top: 2px;
}

.customSwitch__box input[type="checkbox"]:checked {
     background: var(--primary);
}

.customSwitch__box input[type="checkbox"]:checked:after {
     left: calc(100% - 24px);
}

.pricingCard {
     border: 1px solid #E4E7EC;
     -webkit-box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
     box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
     border-radius: 16px;
}

.pricingCard__bottom {
     border-top: 1px solid #E4E7EC;
}

.pricingCard__top,
.pricingCard__bottom {
     padding: 32px;
}

.pricingCard__buttons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 12px;
}

.pricingCard__bottom .check-list_withicon {
     margin: 0;
}

.tag,
.post-type {
     --tagbg: var(--primary);
     background: #F0B2EA33;
     display: inline-block;
     border: 1px solid #F0B2EA;
     padding: 4px 12px;
     font-weight: 500;
     font-size: 14px;
     line-height: 20px;
     border-radius: 16px;
     color: var(--primary);
}

.tag.tag-dot {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.tag.tag-dot:before {
     content: "";
     display: inline-block;
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: var(--tagbg);
     -webkit-margin-end: 7px;
     margin-inline-end: 7px;
}

.tag.tag-blue {
     --tagbg: #018FF5;
     border-color: #6BC2FE;
     background: #EFF8FF;
     color: #018FF5;
}

.tag.tag-yellow {
     --tagbg: #926A05;
     border-color: #FFC621;
     background: #FFF5CF;
     color: #926A05;
}

.tag.tag-primary {
     --tagbg: var(--primary700);
     border-color: #F0B2EA;
     background: #FDF2FA;
     color: var(--primary700);
}

.pricingCard__top h3 {
     font-weight: 600;
     font-size: 48px;
     line-height: 1.25;
     margin-bottom: 16px;
}

.pricingCard__title {
     font-weight: 600;
     font-size: 18px;
     line-height: 1.5;
}

.pricingCard__top h3 sub {
     font-weight: 500;
     font-size: 18px;
     line-height: 1.5;
}

.pricingCard__bottom h4 {
     font-weight: 600;
     font-size: 18px;
     line-height: 1.5;
     margin: 0;
}

.pricingCard__bottom,
.pricingCard__top {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 14px;
}

.pricingCard--range .pricingCard__buttons {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     margin-top: auto;
}

.pricingCard--range .pricingCard__top {
     height: 100%;
}

.pricingCard--range .pricingCard__buttons .commonBtn,
.pricingCard--range .pricingCard__buttons .outlineBtn {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}

.pricingCard--range .pricingCard__top h3 {
     font-weight: 600;
     font-size: 36px;
     line-height: 1.361;
}

.doceoCard--pricingBox {
     height: 100%;
}

.bg-secondary-blue {
     background: #6BC2FE4D;
}

.pricingCard--range .pricingCard {
     height: 100%;
}

.doceoCard--pricingBox .bg-secondary-blue {
     padding: 16px;
     border-radius: 12px;
}

.doceoCard--pricingBox .bg-secondary-blue p {
     font-size: 18px;
}

.doceoCard--pricingBox .doceoCard__heading {
     margin-bottom: 35px;
}

.doceoCard__heading h3 {
     font-weight: 600;
     font-size: 30px;
     line-height: 1.333;
     color: #FCFCFC;
     margin-bottom: 12px;
}

.doceoCard__heading p {
     font-weight: 400;
     font-size: 20px;
     line-height: 1.6;
     color: #F1F1F1;
     margin: 0;
}

.pricingtable {
     border: 1px solid #E4E7EC;
     -webkit-box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
     box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
     padding: 40px 32px;
     border-radius: 16px;
}

.pricingtable table {
     width: 100%;
}

.pricingtable table th:first-child {
     width: 40%;
}

.pricingtable table th {
     font-weight: 600;
     font-size: 20px;
     line-height: 32px;
     color: var(--secondary700);
     padding: 0 24px 16px;
     border-bottom: 1px solid #E4E7EC;
     width: 30%;
}

.pricingtable table th:first-child {
     padding-left: 0;
}

.pricingtable table td {
     padding: 32px 0;
}

.pricingtable table tbody td {
     border-bottom: 2px solid rgb(0, 97, 169, 0.1);
}

.pricingtable table tbody tr:last-of-type td {
     border-bottom: 0;
     padding-bottom: 0;
}

.pricingtable__list {
     -webkit-box-shadow: 0px 1px 2px 0px #1018280D;
     box-shadow: 0px 1px 2px 0px #1018280D;
     border: 1px solid #E4E7EC;
     border-radius: 16px;
     overflow: hidden;
}

.pricingtable__listcol {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 0 1fr;
     grid-template-columns: repeat(2, 1fr);
     gap: 0;
}

.pricingtable__listcol>div {
     padding: 18px 24px;
}

.pricingtable__listcol+.pricingtable__listcol {
     border-top: 1px solid #E4E7EC;
}

.pricingtable__listcol:nth-child(odd) {
     background: #F9FAFB;
}

.pricingtable__listcol .range-item {
     border-left: 1px solid #E4E7EC;
}

.pricingtable__mobileHeader {
     display: none;
}

.pricingtable td h3 {
     font-weight: 600;
     font-size: 24px;
     line-height: 1.5;
     color: var(--black33);
     margin: 0 0 8px;
}

.pricingtable td p {
     color: #444242;
     margin: 0 0 22px;
}

.remoteSectionContent__box {
     padding: 30px 0;
     position: relative;
     width: 100%;
}

.remoteSectionContent__box h3 {
     font-weight: 600;
     font-size: 36px;
     line-height: 1.3;
     margin-bottom: 20px;
}

.remoteSectionContent__box:not(:first-child)::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 70%;
     height: 1px;
     background-color: rgba(0, 97, 169, 0.1);
}

.remoteSectionContent__box:first-child {
     padding-top: 0;
}

.remoteSectionContent__box:last-child {
     padding-bottom: 0;
}

.remoteSectionContent__box h2 {
     font-weight: 600;
     font-size: 36px;
     line-height: 1.36;
     margin: 0 0 20px;
}

.remoteSectionContent__box p:last-of-type,
.remoteSectionContent__box ul {
     margin-bottom: 0;
}

.check-list_withicon.iconArrow li:before {
     content: "\e998";
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
}

.remoteSectionContent__box p,
.remoteSectionContent__box .check-list_withicon li,
.remoteSectionContent__box li {
     font-weight: 400;
     font-size: 20px;
     line-height: 1.6;
}

.remoteSectionContent__box .check-list_withicon li::before {
     top: -2px;
}

.bannerSec.blue-background {
     background: var(--secondary-color);
     color: #fff;
}

.blue-background .section-heading h1 span {
     color: var(--yellow);
}

.bannerSec.blue-background .section-heading p {
     color: #fff;
}

.topHeading--badge .topHeading {
     border: 1px solid #B42EA6;
     color: #B42EA6;
     background: #FFF6FE;
     padding: 6px 12px;
     border-radius: 8px;
     display: inline-block;
     font-size: 14px;
     line-height: 1.4;
     margin-bottom: 18px;
}

.blue-background.topHeading--badge .topHeading {
     color: var(--primary700);
     border: 1px solid #D857CB;
     margin-bottom: 28px;
}

.feature-iconFull .feature-icon {
     padding: 0;
     background: transparent;
}

/*  */
.support-modal .modal-header {
     border: 0;
     padding: 24px;
     position: sticky;
     top: 0;
     z-index: 1;
     background: inherit;
}

.support-modal .modal-content {
     background-image: url(../images/circularGlow.svg);
     background-size: 362px;
     background-repeat: no-repeat;
     background-position: -125px -126px;
     max-height: 90vh;
     overflow: hidden;
     overflow-y: auto;
}

.support-modal .modal-icon i {
     display: block;
}

.support-modal .modal-icon {
     color: #344054;
     border: 1px solid #E4E7EC;
     border-radius: 10px;
     padding: 14px;
     background: #fff;
     -webkit-box-shadow: 0px 1px 2px 0px #1018280D, 0px -2px 0px 0px #1018280D inset, 0px 0px 0px 1px #1018282E inset;
     box-shadow: 0px 1px 2px 0px #1018280D, 0px -2px 0px 0px #1018280D inset, 0px 0px 0px 1px #1018282E inset;
}

.support-modal .modal-icon i.purple-clr::before {
     color: inherit;
}

.support-modal .modal-body h2 {
     font-weight: 600;
     font-size: 18px;
     line-height: 1.555;
     margin-bottom: 4px;
}

.support-modal .modal-body p {
     font-size: 14px;
     line-height: 1.42;
     color: var(--black56);
}

.support-modal .modal-footer {
     border: 0;
}

.listIcon svg {
     width: 24px;
     height: 24px;
}

.print-technology section.bg-color_blue .p-5.rounded-4.bg img.rounded-4 {
     width: 100%;
     display: block;
}

.outsourced-printing section.bannerSec .section-heading__text {
     max-width: 1015px;
}

.content-descpoint .section-heading {
     margin-bottom: 26px;
}

.whychoose-section .content-descpoint {
     padding: 0;
}

.feature-grey-icon {
     border: 1px solid #E4E7EC;
     background: #FFFFFF;
     -webkit-box-shadow: 0px 1px 2px 0px #1018280D, 0px -2px 0px 0px #1018280D inset, 0px 0px 0px 1px #1018282E inset;
     box-shadow: 0px 1px 2px 0px #1018280D, 0px -2px 0px 0px #1018280D inset, 0px 0px 0px 1px #1018282E inset;
     width: 48px;
     aspect-ratio: 1/1;
     border-radius: 10px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.feature-grey-icon svg {
     width: 24px;
     height: 24px;
}

.textButton {
     color: var(--primary);
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.textButton i {
     margin-left: 8px;
}

.solution-item:has(.textButton) p {
     margin-bottom: 12px;
}

.page-id-1942 section.banner-leftRight+.section-padding {
     padding-top: 0;
}

.page-id-938 .section-whyWeBuilt .rounded-4.bg .row {
     --bs-gutter-y: 2rem;
     --bs-gutter-x: 2rem;
}

.page-id-938 .section-whyWeBuilt .iconList li p strong {
     display: block;
     font-size: 20px;
}

.page-id-938 .section-whyWeBuilt .iconList li p {
     font-size: 16px;
}

.page-id-938 .section-whyWeBuilt .section-heading__text p {
     font-weight: 600;
     color: #565151;
}

.page-id-938 .section-whyWeBuilt .rounded-4.bg .row .col-lg-6 img.rounded-4 {
     width: 100%;
}

.checkIcon-green .check-list_withicon li:before {
     content: "\e986";
     width: 24px;
     height: 24px;
     background: #DCFAE6;
     border-radius: 50%;
     color: #17B26A;
     font-size: 14px;
     text-align: center;
}

.checkIcon-green h3 {
     font-size: 30px;
     color: var(--secondary700);
     font-weight: 600;
}

.feature.checkIcon-green h3 {
     margin-bottom: 20px;
}

.feature-border .feature {
     border: 1px solid #E4E7EC
}

/* about timeline new */
.doceoTimeLine__item {
     padding: 43px 16px 0;
     position: relative;
}

.doceo_about_content {
     min-height: 100px;
}

.doceoTimeLine__item::before,
.doceoTimeLine__item::after {
     content: '';
}

.doceoTimeLine__item::before {
     position: absolute;
     top: 0;
     left: 30px;
     width: 12px;
     height: 12px;
     background: var(--primary500);
     border-radius: 2rem;
     -webkit-transition: 0.2s all ease-in-out;
     -o-transition: 0.2s all ease-in-out;
     transition: 0.2s all ease-in-out;
     z-index: 1;
     border: 8px solid #f9f9f9;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
}

.doceoTimeLine__item::after {
     background-color: var(--primary500);
     height: 3px;
     top: 12px;
     position: absolute;
     width: 100%;
}

.doceoTimeLine__year {
     font-size: 30px;
     line-height: 1.33;
     font-weight: 600;
     color: var(--primary500);
     margin-bottom: 8px;
}

.doceoTimeLine__item h3 {
     font-size: 19px;
     line-height: 1.6;
     font-weight: 600;
     margin-bottom: 8px;
}

.doceoTimeLineHolder {
     position: relative;
}

.doceoTimeLineNav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 28px;
}

.doceoTimeLineNav ul {
     border: 1px solid #E4E7EC;
     border-radius: 10px;
     padding: 4px;
     gap: 4px;
     margin: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.doceoTimeLineNav ul li {
     font-weight: 600;
     font-size: 14px;
     line-height: 1.42;
     padding: 8px 12px;
     color: #565151;
     border-radius: 6px;
     cursor: pointer;
     -webkit-transition: 0.2s all ease-in-out;
     -o-transition: 0.2s all ease-in-out;
     transition: 0.2s all ease-in-out;
}

.doceoTimeLineNav ul li.active {
     background: #FFFFFF;
     -webkit-box-shadow: 0px 1px 2px 0px #1018280F, 0px 1px 3px 0px #1018281A;
     box-shadow: 0px 1px 2px 0px #1018280F, 0px 1px 3px 0px #1018281A;
     color: var(--black33);
}

/* about timeline new */

/* career page banner animation */
.continousAutoplay {
     padding-top: 40px;
}

.continousAutoplay .swiper-wrapper {
     -webkit-transition-timing-function: linear !important;
     -o-transition-timing-function: linear !important;
     transition-timing-function: linear !important;
}

.continousAutoplay:after {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(43.49%, rgba(0, 61, 106, 0)), to(#003D6A));
     background: -o-linear-gradient(top, rgba(0, 61, 106, 0) 43.49%, #003D6A 100%);
     background: linear-gradient(180deg, rgba(0, 61, 106, 0) 43.49%, #003D6A 100%);
     content: '';
     position: absolute;
     inset: 20% 0 0 0;
     z-index: 1;
     pointer-events: none;
}

.continousAutoplay .swiper-slide {
     height: 100%;
     padding: 0 4px;
     width: 500px;
}

.continousAutoplay .swiper-slide img {
     -o-object-fit: cover;
     object-fit: cover;
     display: block;
     width: auto;
     height: 100%;
     width: 100%;
}

.continousAutoplay {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

.continousAutoplay .swiper-wrapper {
     height: auto;
}

@-webkit-keyframes continousSlider {
     to {
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%)
     }
}

@keyframes continousSlider {
     to {
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%)
     }
}

/* career page banner animation */

/* team card */
.customCard--team {
     max-width: 673px;
     margin-inline: auto;
}

.customCard--team .customCard__footer {
     margin-top: 0;
}

.customCard--team .customCard__img {
     margin-bottom: 24px;
}

.customCard--team .customCard__body h3 {
     font-weight: 600;
     font-size: 24px;
     line-height: 36px;
     margin: 0
}

.customCard--team .position {
     font-weight: 500;
     font-size: 18px;
     line-height: 1.55;
     color: var(--primary700);
     margin-bottom: 20px;
}

.customCard--team .customCard__body p {
     --lines: 10;
     overflow: visible;
     max-height: initial;
     -webkit-line-clamp: none;
}

.customCard__body p {
     font-weight: 400;
     font-size: 18px;
     line-height: 1.55;
     color: #444242;
}

/* team card */

.cultureGrid {}

.cultureGrid__box {
     padding: 32px 24px;
     border-radius: 16px;
}

.cultureGrid__box h3 {
     font-weight: 600;
     font-size: 20px;
     line-height: 1.6;
     margin: 0 0 8px;
}

.cultureGrid__box p {
     font-weight: 500;
     font-size: 18px;
     line-height: 1.5;
     margin: 0;
}

.cultureGrid__box {
     border: 1px solid transparent;
}

.cultureGridWrapper,
.cultureGrid,
.cultureGrid__images {
     display: -ms-grid;
     display: grid;
     gap: var(--g)
}

.cultureGridWrapper {
     --g: 16px;
     --count: 4;
     grid-template-columns: repeat(var(--count), 1fr);
}

.cultureGrid {
     grid-template-rows: repeat(3, 1fr);
}

.cultureGrid__images {
     -ms-grid-row-span: 2;
     grid-row: span 2;
}

/* 1 */
.cultureGrid__images:has(img:nth-child(1):nth-last-child(1)) {
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
}

/* 2 */
.cultureGrid__images:has(img:nth-child(1):nth-last-child(2)) {
     grid-template-columns: repeat(2, 1fr);
}

.cultureGrid__images:has(img:nth-child(1):nth-last-child(2)) img {
     align-self: stretch;
     /* Instead of height: 100% */
     -o-object-fit: cover;
     object-fit: cover;
}

/* 3 */
.cultureGrid__images:has(img:nth-child(1):nth-last-child(3)) {
     grid-template-columns: repeat(2, 1fr);
}

.cultureGrid__images:has(img:nth-child(1):nth-last-child(3)) img:nth-child(1) {
     -ms-grid-column-span: 2;
     grid-column: span 2;
}

/* 4 */
.cultureGrid__images:has(img:nth-child(1):nth-last-child(4)) {
     grid-template-columns: repeat(2, 1fr);
}

.cultureGrid__images img {
     width: 100%;
     /* height: 100%; */
     -o-object-fit: cover;
     object-fit: cover;
     min-height: 0;
     /* Allows shrinking */
     align-self: stretch;
     -o-object-fit: cover;
     object-fit: cover;
}

/* reverse order */
.cultureGrid:nth-child(2n+2) .cultureGrid__box {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
}

.cultureGrid:nth-child(2n+2) .cultureGrid__images {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
}

.cultureGrid:nth-child(4n+4) .cultureGrid__images:has(img:nth-child(1):nth-last-child(3)) img:nth-child(1) {
     -webkit-box-ordinal-group: 4;
     -ms-flex-order: 3;
     order: 3;
}

.cultureGrid:nth-child(4n + 1) .cultureGrid__box {
     color: #B42EA6;
     background: #0061A91A;
     border-color: #0061A91A;
}

.cultureGrid:nth-child(4n + 2) .cultureGrid__box {
     color: #004B83;
     background: #9F9FB340;
     border-color: #DCDEE2;
}

.cultureGrid:nth-child(4n + 3) .cultureGrid__box {
     color: #B42EA6;
     background: #F0B10233;
     border-color: #8D5F051A;
}

.cultureGrid:nth-child(4n + 4) .cultureGrid__box {
     color: #004B83;
     background: #BAAB9E40;
     border-color: #BAAB9E33;
}



.customCard--insideVoices .customCard__img {
     border-radius: var(--bs-border-radius-xl);
     background: #CFCECA;
     overflow: hidden;
     margin-bottom: 24px;

     position: relative;
}

.customCard--insideVoices h3 {
     font-weight: 600;
     font-size: 24px;
     line-height: 1.5;
     margin: 0 0 5px;
}

.customCard--insideVoices .customCard__body p {
     margin-top: 20px;
     overflow: visible;
     max-height: initial;
     -webkit-line-clamp: none;
}

.check-list_withicon p {
     margin: auto;
     font-size: 18px;
     line-height: 1.555;
}

section:has(.insideVoices) {
     overflow: hidden;
}

.swiper.insideVoices {
     overflow: visible;
}

.check-list_withicon :is(h2, h3, h4) {
     margin: 0;
}

.check-list_withicon:has(ul + ul) ul {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: calc(50% - 12px);
}

.check-list_withicon:has(ul + ul) {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

/* video modal */
.video-modal {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
     -o-transition: opacity 0.4s ease, visibility 0.4s ease;
     transition: opacity 0.4s ease, visibility 0.4s ease;
     position: fixed;
     z-index: 9999;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.85);
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

.video-modal.active {
     opacity: 1;
     visibility: visible;
}

.video-modal__content {
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
     opacity: 0;
     -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
     transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
     -o-transition: transform 0.4s ease, opacity 0.4s ease;
     transition: transform 0.4s ease, opacity 0.4s ease;
     transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
     max-width: 90%;
     width: 800px;
     max-height: 90%;
}

.video-modal.active .video-modal__content {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
}

.video-modal__wrapper iframe,
.video-modal__wrapper video {
     width: 100%;
     height: 100%;
     aspect-ratio: 16 / 9;
     border-radius: 8px;
     overflow: hidden;
     display: block;
}

.video-modal__wrapper {
     border-radius: 8px;
     background: #000;
}

.video-modal__close:hover {
     background: #eee;
}

.video-modal__close {
     background: #fff;
     width: 40px;
     height: 40px;
     font-size: 24px;
     border: none;
     padding: 0;
     cursor: pointer;
     border-radius: 50%;
     position: absolute;
     top: -10px;
     right: -10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     z-index: 2;
}

.insideVoices__playBtn {
     width: 56px;
     height: 56px;
     background: #0000004D;
     -webkit-backdrop-filter: blur(14px);
     backdrop-filter: blur(14px);
     border-radius: 50%;
     /* outline: 9px solid #0000004D; */
     position: absolute;
     bottom: 25px;
     left: 25px;
     z-index: 9;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.insideVoices__playBtn::before {
     content: "";
     margin: auto;
     width: calc(100% - 10px);
     height: calc(100% - 10px);
     background: #010101;
     position: absolute;
     inset: 0;
     z-index: 1;
     border-radius: 50%;
}

.insideVoices__playBtn.video-trigger img {
     width: 19px;
     position: relative;
     z-index: 2;
}

/* video modal */

/* testimonial page css */
.page-id-4014 .bannerSec__img {
     /* margin-bottom: -46px; */
     padding-top: 50px;
}

.page-id-4014 .bannerSec__img::after {
     content: '';
     width: 100%;
     height: calc(100% - 46px);
     bottom: 0px;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(43.49%, rgba(0, 61, 106, 0)), to(#003D6A));
     background: -o-linear-gradient(top, rgba(0, 61, 106, 0) 43.49%, #003D6A 100%);
     background: linear-gradient(180deg, rgba(0, 61, 106, 0) 43.49%, #003D6A 100%);
     position: absolute;
}


.testimonial-card {
     background: #ffffff;
     border-radius: 16px;
     padding: 25px;
     margin-bottom: 0;
     height: 100%;
     border: 1px solid #E8E4E4;
     min-height: 275px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
}

.testimonial-card.card-gray {
     background: #EDEEF180;
     height: calc(100% - 16px);
}

.testimonial-card.card-yellow {
     background: #FFECCE66;
     height: calc(100% - 16px);
}

.testimonial-card.card-pink {
     background: #DAB3D62E;
     height: calc(100% - 16px);
}

.testimonial-logo {
     max-height: 70px;
     margin-bottom: 22px;
}

.testimonial-card p {
     font-weight: 500;
     font-size: 18px;
     line-height: 28px;
     color: var(--black33);
}

.link-text {
     color: var(--bs-code-color);
     text-decoration: none;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
}

.testimonial-persn {
     margin-top: auto;
     width: 100%;
}

.testimonial-persn img {
     margin-left: auto;
}

.link-text:hover {
     color: var(--secondary-color);
}

/* testimonial page css */
/* testimonial single page css */
ol.breadcrumb {
     margin-bottom: 16px;
     color: #565151;
     font-size: 16px;
     gap: 10px;
}

.breadcrumb-item.active {
     color: var(--black33);
}

ol.breadcrumb a {
     color: currentColor;
}

h1.post-ttl {
     font-weight: 600;
     font-size: 60px;
     line-height: 72px;
}

.short-desc {
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     margin-bottom: 48px;
}

.single-page-branding {
     background: url('/wp-content/uploads/2025/07/single-post-branding-bg.png');
     padding: 80px 150px;
     background-repeat: no-repeat;
     background-size: cover;
     border-radius: 16px;
     margin-bottom: 32px;
}

.single-page-branding img {
     max-width: 450px;
     width: 100%;
     margin: auto;
     max-height: 280px;
}

.breadcrumb {
     background: transparent;
     padding-left: 0;
}

.testimonial-banner {
     width: 100%;
     border-radius: 10px;
     -o-object-fit: contain;
     object-fit: contain;
}

.newsletter-box {
     background: #F9FAFB;
     padding: 32px;
     border-radius: 16px;
     border: 1px solid #E4E7EC;
     max-width: 384px;
     margin-left: auto;
}

.info-label {
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     margin-bottom: 10px;
     color: var(--bs-code-color);
}

.info-label a {
     color: #333;
}

.info-value {
     color: #333;
}

.info-social-wpr {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 15px;
}

ul.compony-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 6vw;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     max-width: 70%;
     width: 100%;
}

ul.social-share {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 15px;
}

.social-share-icon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 10px;
     border-radius: 5px;
     border: 1px solid #D0D5DD;
}

.copy-button {
     border: 1px solid #D0D5DD;
     border-radius: 6px;
     text-decoration: none;
     -webkit-transition: 0.2s all ease-in-out;
     -o-transition: 0.2s all ease-in-out;
     transition: 0.2s all ease-in-out;
     overflow: hidden;
     position: relative;
     display: block;
     color: #344054;
}

.copy-container svg {
     position: absolute;
     left: 5px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     color: inherit;
}

.copy-button .copy-container .normal {
     left: 12px;
}

.copy-button .copy-container {
     position: relative;
     height: 40px;
     width: 120px;

}

.copy-button .copy-container .normal,
.copy-button .copy-container .hover,
.copy-button .copy-container .copied {
     display: block;
     text-align: left;
     line-height: 40px;
     width: 100%;
     height: 100%;
     position: absolute;
     -webkit-transition: 0.2s all ease-in-out;
     -o-transition: 0.2s all ease-in-out;
     transition: 0.2s all ease-in-out;
     left: 33px;
}

.copy-button .copy-container .normal {
     opacity: 1;
     color: inherit;
     top: 0%;
}

.copy-button .copy-container .hover,
.copy-button .copy-container .copied {
     opacity: 0;
     top: 100%;
     color: white;
}

.copy-button.hover {
     border-color: var(--primary700);
     background: var(--primary700);
     color: #fff;
}

.copy-button.hover .copy-container .normal {
     top: -100%;
     opacity: 0;
}

.copy-button.hover .copy-container .hover {
     top: 0%;
     opacity: 1;
}

.copy-button.copied {
     background: var(--primary700);
     border-color: var(--primary700);
     color: #fff;
}

.copy-button.copied .copy-container .normal,
.copy-button.copied .copy-container .hover {
     top: -100%;
}

.copy-button.copied .copy-container .copied {
     top: 0%;
     opacity: 1;
     color: white;
}

.post-title {
     font-weight: 600;
     font-size: 36px;
     line-height: 49px;
     margin-bottom: 20px;
}

.full-message p {
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
}

.send-icon-box {
     background: #fff;
     padding: 10px;
     margin-bottom: 32px;
     border: 1px solid #E4E7EC;
     width: 56px;
     height: 56px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-radius: 10px;
}

.newsletter-box h6 {
     font-weight: 600;
     font-size: 24px;
     line-height: 36px;
     margin-bottom: 8px;
     color: var(--black33);
}

.info-value a {
     color: #333;
}

.social-share-icon:hover {
     border-color: var(--bs-code-color);
}

.social-share-icon:hover svg g path {
     color: var(--bs-code-color);
     fill: var(--bs-code-color);
}

.social-share-icon.face:hover svg g path:last-child {
     fill: #fff;
}

/* testimonial single page css */

.inquiries__box {
     padding: 30px 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     gap: 14px;
}

.inquiries__box:first-child {
     padding-top: 0;
}

.inquiries__box:last-child {
     padding-bottom: 0;
}

.inquiries__box+.inquiries__box {
     border-top: 2px solid rgba(0, 97, 169, 0.10)
}

.inquiries__box h4 {
     font-weight: 600;
     font-size: 24px;
     line-height: 1.55;
     margin-bottom: 0;
}

.inquiries__box p {
     margin-bottom: 6px;
}

.swiper:not(.swiper-initialized) .swiper-wrapper>.swiper-slide:not(:first-child) {
     display: none;
}

.swiper.insideVoices:not(.swiper-initialized) .swiper-wrapper>.swiper-slide {
     max-width: 400px;
}

.inquiries__box :is(p, .inquiries__links) {
     font-size: 20px;
     font-weight: 400;
     line-height: 1.35;
     color: var(--black-secondary);
}

.inquiries__box .inquiries__links {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 5px;
}

.inquiries__box .inquiries__links:hover {
     color: var(--primary);

}

/* .section-testimonials .row>[class^=col]:nth-child(6n + 1) .testimonial-card {}
.section-testimonials .row>[class^=col]:nth-child(6n + 3) .testimonial-card {}
.section-testimonials .row>[class^=col]:nth-child(6n + 5) .testimonial-card {} */

.section-testimonials .row>[class^=col]:not(.double-post-column):nth-child(3n + 1) .testimonial-card {
     background: rgba(237, 238, 241, 0.502);
}

.section-testimonials .row>[class^=col]:not(.double-post-column):nth-child(3n + 2) .testimonial-card {
     background: rgba(218, 179, 214, 0.18);
}

.section-testimonials .row>[class^=col]:not(.double-post-column):nth-child(3n) .testimonial-card {
     background: rgba(255, 236, 206, 0.4);
}

.antivirustable th,
.antivirustable td {
     padding: 18px 20px;
}

.antivirustable th {
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: var(--black33);
}

.antivirustable td {
     font-weight: 500;
     color: #444242;
}

.antivirustable {
     border: 1px solid #E4E7EC;
     border-radius: 12px;
}

.antivirustable th+th,
.antivirustable td+td {
     border-left: 1px solid #E4E7EC;
}

.antivirustable table {
     margin: 0;

}

.antivirustable .table-striped>tbody>tr:nth-of-type(odd)>* {
     background: #F9FAFB;
}

.lottie-heading-icon {
     display: inline-block;
     vertical-align: middle;
     width: 50px;
     height: 50px;
     -webkit-transform: rotate(-90deg) translateX(3px);
     -ms-transform: rotate(-90deg) translateX(3px);
     transform: rotate(-90deg) translateX(3px);
     position: absolute;
     bottom: 0;
}

.section-heading h1 span.lottie-heading-icon {
     width: 60px;
     height: 60px;
}

.double-post-column {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
}

.bannerSec:has(.swiper-wrapper) {
     padding-bottom: 0;
}

.page-id-4014 .bannerSec {
     padding-bottom: 0px;
}

.page-id-4014 .bannerSec__img {
     border-radius: 0
}

/* search  */
.search_result {
     min-width: 280px;
}

/* search  */

.commonBtn--text {
     background: transparent;
     padding: 0;
     border: 0;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     gap: 10px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-weight: 400;
}

.commonBtn--text:hover {
     background: transparent;
     padding: 0;
     border: 0;
}

.commonBtn--yellow-color {
     color: var(--yellow);
}

.commonBtn--yellow-color:hover {
     color: var(--primary);
}

.newsLetterbox .row .form-group {
     width: 100%;
}

.form-group.form-check {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
}

.newsLetterbox--hasform .content-wrap.content-wrap-row .content-wrap__heading,
.newsLetterbox--hasform .content-wrap.content-wrap-row .newsLetterbox {
     width: 50%;
}

.newsLetterbox--hasform .newsLetterbox {
     -webkit-padding-start: 48px;
     padding-inline-start: 48px;
     -webkit-border-start: 1px solid rgba(107, 195, 254, 0.30);
     border-inline-start: 1px solid rgba(107, 195, 254, 0.30);
}

.request-quote-section .content-wrap .form-check-label {
     color: var(--white);
}

.hiringBox {
     width: 100%;
     padding: 24px 0;
     border-top: 1px solid #E4E7EC;
}

.hiringBox h3 {
     font-weight: 600;
     font-size: 18px;
     line-height: 1.555;
     margin: 0 0 8px;
     color: var(--black33);
}

.hiringBox h3 .tag {
     margin-left: 8px;
}

.hiringBox p {
     color: var(--black-secondary)
}

.hiringBox__list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 20px;
     margin: 24px 0 0;
}

.hiringBox__list li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 8px;
     font-weight: 500;
     color: var(--black-secondary)
}

.page-id-4355 .request-quote-section .newsLetterbox {
     width: 100%;
}

.hs-form-frame iframe {
     margin: -40px;
     width: calc(100% + 80px) !important;
}

.hs-form-frame {
     overflow: hidden;
     max-height: calc(var(--height-var) - 40px);
}

.page-id-4495 section .customCard__body p {
     font-weight: 600;
     font-size: 24px;
}


/* single blog */
.single-post-layout {
     max-width: 100%;
     margin: 0 auto;
}

.single-post-layout .banner-Imgright.banner_img img {
     width: 100%;
     /* border-top-right-radius: 64px;
     border-bottom-left-radius: 64px; */
}

.post-meta {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 2rem;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 0.9rem;
}

.post-author {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 0.5rem;
}


.post-tagWrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     flex-wrap: wrap;
     gap: 8px;
}

.post-author img {
     border-radius: 50%;
     width: 40px;
     height: 40px;
     margin: 0;
     -o-object-fit: cover;
     object-fit: cover;
}

.author-name a {
     color: var(--black33);
     text-decoration: none;
}

.author-name a:hover {
     text-decoration: underline;
}

.post-date,
.reading-time {
     opacity: 0.9;
}

.color-code {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 0.5rem;
}

.color-indicator {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     border: 2px solid white;
}

.content-wrapper {
     max-width: 900px;
     margin: 0 auto;
     font-size: 1.1rem;
     line-height: 1.7;
}

.content-wrapper p {
     margin-bottom: 1.5rem;
}

.content-wrapper h2,
.content-wrapper h3,
.content-wrapper h4 {
     margin: 2rem 0 1rem 0;
     color: #333;
}


.post-tags h4 {
     color: #666;
     margin: 0;
}

.post-footer {}

.author-bio {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 2rem;
     margin-bottom: 3rem;
     padding: 2rem;
     background: white;
     border-radius: 10px;
     -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.author-avatar img {
     border-radius: 50%;
}

.author-info h4 {
     margin-bottom: 0.5rem;
     color: #333;
}

.author-info p {
     color: #666;
     margin-bottom: 1rem;
}

.author-social a {
     color: #667eea;
     text-decoration: none;
     font-weight: 500;
}

.post-navigation {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 2rem 1fr;
     grid-template-columns: 1fr 1fr;
     gap: 2rem;
}

.nav-previous,
.nav-next {
     background: white;
     padding: 2rem;
     border-radius: 10px;
     -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.nav-next {
     text-align: right;
}

.nav-previous a,
.nav-next a {
     text-decoration: none;
     color: #333;
     display: block;
}

.nav-subtitle {
     display: block;
     font-size: 0.9rem;
     color: #667eea;
     margin-bottom: 0.5rem;
}

.nav-title {
     display: block;
     font-weight: 600;
     font-size: 1.1rem;
}

.comment-notes,
.comment-reply-title {
     text-align: center;
}

form#commentform {
     max-width: 620px;
     margin: 0 auto;
}

.comment-notes,
.comment-reply-title {
     text-align: center;
}

form#commentform {
     max-width: 620px;
     margin: 0 auto;
}

form#commentform p:not(.comment-form-cookies-consent) label {
     display: block;
}

form#commentform p input[type="text"],
form#commentform p input[type="email"],
form#commentform p textarea,
form#commentform p [type="url"] {
     --placeHolderColor: #909195;
     --placeHolderSize: 16px;
     background: #fff;
     width: 100%;
     display: block;
     padding: 10px 14px;
     border-radius: 8px;
     font-size: 16px;
     font-family: var(--body-font);
     color: var(--black);
     border: 1px solid #D0D5DD;
     -webkit-box-shadow: 0px 1px 2px 0px #1018280D;
     box-shadow: 0px 1px 2px 0px #1018280D;
}

form#commentform p textarea {
     min-height: 100px;
     resize: vertical;
}

form#commentform .form-submit input[type="submit"] {
     font-family: var(--body-font);
     background: var(--primary600);
     border: 1px solid var(--primary600);
     color: var(--white);
     padding: 12px 20px;
     border: 0;
     margin: 0;
     font-size: 16px;
     font-weight: 600;
     line-height: 1.5;
     letter-spacing: .6px;
     text-align: center;
     border-radius: 10px;
     text-decoration: none;
     cursor: pointer;
     position: relative;
     z-index: 1;
     -webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     gap: 5px;
}

form#commentform .form-submit input[type="submit"]:hover {

     background: var(--secondary-color);
     border-color: var(--secondary-color);
}

.comment-list {
     list-style: none;
     max-width: 600px;
     margin: 0 auto 40px;
}

.comment {
     border-bottom: 1px solid #eee;
     padding: 20px 0;
}

.comment-author {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 8px;
}

.avatar {
     width: 32px;
     height: 32px;
     border-radius: 50%;
     margin-right: 10px;
}

.fn {
     font-weight: 600;
     margin-right: 5px;
}

.says {
     color: #666;
     font-size: 14px;
}

.comment-metadata {
     font-size: 14px;
     color: #666;
     margin-bottom: 15px;
}

.comment-metadata a {
     color: #666;
     text-decoration: none;
}

.comment-awaiting-moderation {
     background: #f5f5f5;
     padding: 10px;
     font-size: 14px;
     color: #666;
     font-style: italic;
     margin-bottom: 15px;
     border-left: 3px solid #ddd;
}

.comment-content {
     color: #333;
}

/* single blog */


/* search page */
.search-header {
     background: var(--Secondary-600);
     color: white;
     text-align: center;
}


.search-title {
     font-size: 2.5rem;
     margin-bottom: 30px;
     font-weight: 700;
}

.search-form-wrapper {
     max-width: 600px;
     margin: 0 auto;
}

.search-input-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     background: white;
     border-radius: 50px;
     overflow: hidden;
     -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
     margin-bottom: 20px;
}

.search-field {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     padding: 18px 25px;
     border: none;
     font-size: 16px;
     outline: none;
}

.search-submit {
     background: var(--primary);
     color: white;
     border: none;
     padding: 18px 30px;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 8px;
     font-weight: 600;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}

.search-submit:hover {
     background: var(--primary700);
}

.search-filters {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 15px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.search-filter {
     border-color: rgb(255 255 255);
     background: rgb(0 75 131);
     color: white;
     width: auto;
}

.search-filter option {
     background: rgb(0 75 131);
     color: #fff;
}

.search-results-info {
     margin-bottom: 30px;
     text-align: center;
}

.results-count {
     font-size: 18px;
     color: #666;
}

.search-results-grid {
     display: -ms-grid;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
     gap: 40px;
     margin-bottom: 60px;
}



.result-meta {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-bottom: 15px;
     font-size: 14px;
     color: #888;
}

.result-title {
     margin-bottom: 15px;
}

.result-footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.no-results {
     text-align: center;
     padding: 60px 0;
}

.no-results-content {
     max-width: 600px;
     margin: 0 auto;
}

.search-suggestions ul {
     list-style: none;
     padding: 0;
}

.search-suggestions li {
     background: #f0f8ff;
     margin: 10px 0;
     padding: 10px;
     border-radius: 8px;
}

.popular-posts-grid,
.recent-posts-grid {
     display: -ms-grid;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
     margin-top: 30px;
}

.popular-post-item,
.recent-post-item {
     background: white;
     padding: 20px;
     border-radius: 10px;
     -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.recent-post-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 15px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.recent-post-thumb img {
     width: 60px;
     height: 60px;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 8px;
}

.search-pagination {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-top: 40px;
}

.page-numbers {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     gap: 10px;
}

.page-numbers a,
.page-numbers span {
     padding: 12px 18px;
     background: white;
     border-radius: 8px;
     text-decoration: none;
     color: #333;
     border: 2px solid #e0e0e0;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}

.page-numbers a:hover,
.page-numbers .current {
     background: #942888;
     color: white;
     border-color: #942888;
}

.result-thumbnail a {
     height: 100%;
     display: block;
}

/* search page */
/* archive page */
.archive-header {
     background: var(--Secondary-600);
     color: white;
     text-align: center;
     position: relative;
     overflow: hidden;
}


.archive-description {
     font-size: 1.2rem;
     opacity: 0.9;
     max-width: 600px;
     margin: 0 auto;
}

/* Archive Content */


/* Posts Grid */
.posts-grid {
     display: -ms-grid;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
     gap: 40px;
     margin-bottom: 60px;
}

/* Individual Post Styles */

/* Post Thumbnail */
.post-thumbnail,
.result-thumbnail {
     margin-bottom: 20px;
     height: 240px;
}

.archive-post:hover .thumbnail-link,
.search-result-item:hover .result-thumbnail>a {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}

.image-overlay {
     display: none;
}

/* Post Content */
.post-meta {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 20px;
     margin-bottom: 15px;
     font-size: 0.9rem;
     color: #64748b;
}

.post-meta span {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 5px;
}

.post-meta a {
     color: var(--primary700);
     text-decoration: none;
     -webkit-transition: color 0.2s ease;
     -o-transition: color 0.2s ease;
     transition: color 0.2s ease;
}

.post-meta a:hover {
     color: var(--primary700);
}

.entry-title,
.result-title {
     margin-bottom: 20px;
     color: var(--black33);
     font-weight: 600;
     font-size: 24px;
}

.entry-title:hover,
.result-title:hover {
     color: var(--primary700);
}

.entry-summary p,
.result-excerpt {

     font-weight: 400;
     font-size: 18px;
     line-height: var(--lineHeight);
     color: #444242;
}

.result-excerpt,
.entry-summary {
     margin-bottom: 20px;
}

/* Post Footer */
.post-footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 15px;
}

.read-more-btn:hover .arrow {
     -webkit-transform: translateX(3px);
     -ms-transform: translateX(3px);
     transform: translateX(3px);
}

.post-tags {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 8px;
     margin: 1rem 0 0;
}

/* Pagination */
.pagination-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-top: 60px;
}

.page-numbers {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     gap: 10px;
}

.page-numbers a,
.page-numbers span {
     padding: 12px 18px;
     background: white;
     border-radius: 8px;
     text-decoration: none;
     color: #333;
     border: 2px solid #e0e0e0;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}

.page-numbers a:hover,
.page-numbers .current {
     background: #942888;
     color: white;
     border-color: #942888;
}


/* No Posts */
.no-posts {
     text-align: center;
     padding: 80px 20px;
     background: white;
     border-radius: 16px;
     -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.no-posts h2 {
     font-size: 2rem;
     color: #942888;
     margin-bottom: 15px;
}

.no-posts p {
     color: #942888;
     margin-bottom: 30px;
     font-size: 1.1rem;
}

.back-home-btn {
     background: #942888;
     color: white;
     padding: 15px 30px;
     border-radius: 25px;
     text-decoration: none;
     font-weight: 600;
     display: inline-block;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}

.back-home-btn:hover {
     background: #764ba2;
     -webkit-transform: translateY(-2px);
     -ms-transform: translateY(-2px);
     transform: translateY(-2px);
}


/* archive page */


/* 404 page */
.outlineBtn i {
     display: inline-block;
     vertical-align: middle;
}

.error-content.section-padding .section-heading__button {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     gap: 15px;
}

.error-content.section-padding .section-heading__text p {
     max-width: 560px;
     margin-inline: auto;
     width: 100%;
}

.error-content {
     text-align: center;
     color: white;
     width: 100%;
}


/* Search Form */
.error-search {
     margin-bottom: 60px;
}

.search-wrapper {
     position: relative;
     max-width: 500px;
     margin: 0 auto;
}

.search-field {
     width: 100%;
     padding: 18px 60px 18px 25px;
     border: none;
     border-radius: 50px;
     font-size: 1.1rem;
     background: rgba(255, 255, 255, 0.95);
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     outline: none;
}

.search-field:focus {
     background: white;
     -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
     box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
     -webkit-transform: translateY(-2px);
     -ms-transform: translateY(-2px);
     transform: translateY(-2px);
}

.search-wrapper .search-submit {
     position: absolute;
     right: 8px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background: #942888;
     border: none;
     width: 44px;
     height: 44px;
     border-radius: 50%;
     color: white;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     padding: 0;
}

.search-submit:hover {
     background: #942888;
     -webkit-transform: translateY(-50%) scale(1.1);
     -ms-transform: translateY(-50%) scale(1.1);
     transform: translateY(-50%) scale(1.1);
}

/* Navigation Cards */
.error-navigation {
     margin-bottom: 80px;
}

.nav-grid {
     display: -ms-grid;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     gap: 30px;
     max-width: 800px;
     margin: 0 auto;
}

.nav-card {
     background: rgba(255, 255, 255, 0.15);
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 20px;
     padding: 30px;
     text-decoration: none;
     color: white;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     text-align: center;
     -webkit-box-shadow: 0px 26px 28px -5px rgba(16, 26, 40, 0.06), 0px 10px 10px -6px rgba(16, 26, 40, 0.06);
     box-shadow: 0px 26px 28px -5px rgba(16, 26, 40, 0.06), 0px 10px 10px -6px rgba(16, 26, 40, 0.06);

}

.nav-card:hover {
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
     /* background: rgba(255, 255, 255, 0.25); */
     -webkit-box-shadow: 0px 0px 0px -5px rgba(16, 26, 40, 0.06), 0px 10px 10px -6px rgba(16, 26, 40, 0.06);
     box-shadow: 0px 0px 0px -5px rgba(16, 26, 40, 0.06), 0px 10px 10px -6px rgba(16, 26, 40, 0.06);
}

.nav-icon {
     width: 60px;
     height: 60px;
     border-radius: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: 0 auto 20px;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     color: var(--primary700);
     background: rgba(240, 178, 234, 0.4);

}

.nav-card:hover .nav-icon {
     background: rgba(240, 178, 234, 0.4);
     /* transform: scale(1.1); */
}

.nav-card h3 {
     margin: 0 0 10px 0;
     color: var(--black33);
     font-weight: 600;
     font-size: 24px;
     line-height: 1.5;

}

.nav-card p {
     font-weight: 400;
     font-size: 18px;
     line-height: 1.5;
     color: #444242;
}

/* Recent Posts Section */

.post-excerpt {
     opacity: 0.8;
     margin: 0 0 15px 0;
     font-size: 0.95rem;
     line-height: 1.5;
}

.post-meta {
     opacity: 0.7;
     font-size: 0.9rem;
}

/* Additional animations for better UX */

/* 404 page */

/* hubspot form */
.newsLetterbox .hbspt-form>form {
     gap: 16px;
     width: 537px;
     max-width: 100%;
}

.newsLetterbox .hs_error_rollup {
     display: none;
}

.newsLetterbox .hs-form-field {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}

.newsLetterbox .hs_error_rollup ul.no-list.hs-error-msgs.inputs-list {
     text-align: left;
     margin: 0;
}

.newsLetterbox .hs-form-field ul.no-list.hs-error-msgs.inputs-list {
     margin: 10px 0 0;
     text-align: left;
}

.hs-email.hs-fieldtype-text label:empty,
.hs-email.hs-fieldtype-text label:has(span:empty) {
     display: none;
}

.request-quote-section .newsLetterbox .submitted-message.hs-main-font-element {
     color: #00eb00;
}

/* hubspot form */

.ctatalk-bluecard .section-heading p {
     margin: 0;
}

.borderedList--font24 .borderedList__child {
     font-size: 24px;
     color: #565151;
     font-weight: 500;
}

.support-modal .modal-dialog {
     max-width: 640px;
}

.support-modal .modal-dialog .modal-body {
     padding: calc(var(--bs-modal-padding) + 8px);
}

.foot-headquarter em {
     font-style: normal;
}

.bg-color_blue .section-heading h2 span {
     color: var(--yellow);
}

.banner-Imgright.banner_img img {
     margin-left: auto;
}

.contentBox-darkblue .contentBox {
     background-color: var(--secondary700);
     color: #fff;
}

.contentBox-darkblue .contentBox__content h2,
.contentBox-darkblue .contentBox__content p {
     color: #fff;
}

.contentBox-darkblue .contentBox__content h2 span,
.contentBox-darkblue .check-list_withicon li:before {
     color: var(--yellow);
}

.contentBox-darkblue .check-list_withicon:has(ul:last-child) ul:last-child,
.contentBox-darkblue .check-list_withicon:has(ol:last-child) ol:last-child,

.banner_content:has(.section-heading:last-child) .section-heading:last-child,
.section-heading__text:has(h2:last-child) h2 {
     margin-bottom: 0;
}

.bannerSec.full .section-heading {
     margin-bottom: 48px;
}

.home .videoHolder :where(video, iframe) {
     pointer-events: none;
}

.doceoTimeLine__arrow,
.insideVoices__arrow {
     --swiper-navigation-sides-offset: -69px;
     --swiper-buttonSize: 48px;
     color: var(--black33);
     width: var(--swiper-buttonSize);
     height: var(--swiper-buttonSize);
     border: 0;
     border-radius: 50%;
     font-size: calc(var(--swiper-buttonSize) / 2.4);
     background: #f9f9f9;
     -webkit-transition: 0.3s ease-in-out all;
     -o-transition: 0.3s ease-in-out all;
     transition: 0.3s ease-in-out all;
     border: 1px solid var(--black33);
}

.insideVoices__arrow {
     --swiper-navigation-sides-offset: -40px;
     --swiper-navigation-top-offset: 30%;
     margin: 0;
     -webkit-transition: inherit;
     -o-transition: inherit;
     transition: inherit;
     color: #667085;
}

.doceoTimeLine__arrow.swiper-button-disabled,
.insideVoices__arrow.swiper-button-disabled {
     opacity: .5;
}

.doceoTimeLine__arrow i,
.insideVoices__arrow i {
     position: relative;
     z-index: 3;
     -webkit-transition: 0.3s ease-in-out all;
     -o-transition: 0.3s ease-in-out all;
     transition: 0.3s ease-in-out all;
     color: inherit;
}

.doceoTimeLine__arrow:hover,
.insideVoices__arrow:hover {
     border-color: var(--primary700);
     background: var(--primary700);
     color: #fff;
}

.doceoTimeLine__arrow:hover i,
.insideVoices__arrow:hover i {
     -webkit-transform: scale(1.3) rotate(360deg);
     -ms-transform: scale(1.3) rotate(360deg);
     transform: scale(1.3) rotate(360deg);
}

.doceoTimeLine__arrow:after,
.insideVoices__arrow:after {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     position: absolute;
     inset: 0;
     pointer-events: none;
     -webkit-transition: 0.3s ease-in-out all;
     -o-transition: 0.3s ease-in-out all;
     transition: 0.3s ease-in-out all;
     background: inherit;
     z-index: 2;
     display: block !important;
}

.doceoTimeLine__arrow:not(.swiper-button-disabled) span,
.insideVoices__arrow:not(.swiper-button-disabled) span {
     width: calc(100% - 2px);
     height: calc(100% - 2px);
     margin: auto;
     position: absolute;
     inset: 0;
     background: #919191;
     -webkit-transform: scale(var(--glow-scale, 1));
     -ms-transform: scale(var(--glow-scale, 1));
     transform: scale(var(--glow-scale, 1));
     opacity: var(--glow-opacity, 1);
     border-radius: 50%;
}

section:has(.doceoTimeLineHolder) {
     overflow: hidden;
}

.page-id-4355 .section-padding.pt-0.request-quote-section.content-wrap-row {
     padding-top: var(--spacing) !important;
}

.headerNew__mobileButtons a {
     width: 100%;
     display: block;
     min-height: 44px;
}

.headerNew__mobileButtons {
     margin-top: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     gap: 20px;
     padding-inline: 20px;
     padding-block: 24px;
}

.disable-class {
     cursor: default;
     color: #d0d5dd !important;
}

.toggleSearch {
     position: relative;
     padding: 0;
     margin: 0;
}

.toggleSearch img {
     width: 15px;
     height: 15px;
}

.toggleSearch .toggleSearch__close {
     position: absolute;
     inset: 0;
     z-index: 1;
     opacity: 0;
     margin: auto;
     width: 12px;
     height: 12px;
}

.headerNew.showSearch .toggleSearch__search {
     opacity: 0;
}

.headerNew.showSearch .toggleSearch__close {
     opacity: 1
}

.error-content .section-heading h1 {
     color: var(--black33);
}

.support-404 .i-icon-box {
     background: transparent;
     width: 30px;
     height: auto;
     aspect-ratio: auto;
     font-size: 26px;
}

.support-card.support-404 {
     border: 0;
     background: #F9FAFB;
}

.support-card.support-404 .commonBtn--text {
     margin-top: 20px;
}

.support-404 .i-icon-box i:before {
     font-size: inherit;
}

.support-card.support-404 .card-texts {
     margin-top: 50px;
}

.support-card .card-texts h2 {
     font-size: 20px;
     margin-bottom: 10px;
}

.support-card .card-texts p {
     font-weight: 500;
     color: #444242;
}

.support-card.support-404 a {
     color: var(--primary700);
     font-weight: 600;
}

.videoHolder__trigger {
     width: 66px;
     height: 66px;
     background: transparent;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #fff;
     position: absolute;
     bottom: 25px;
     right: 25px;
     z-index: 9;
}

.videoHolder__trigger span {
     background: hsl(from var(--yellow) h s l / 0.95);
     -webkit-backdrop-filter: blur(14px);
     backdrop-filter: blur(14px);
     position: absolute;
     inset: 0;
     z-index: 0;
     border-radius: 50%;
     width: calc(100% - 10px);
     height: calc(100% - 10px);
     margin: auto;
     pointer-events: none;
}

.rippleEffect span {
     -webkit-transform: scale(var(--glow-scale, 1));
     -ms-transform: scale(var(--glow-scale, 1));
     transform: scale(var(--glow-scale, 1));
     opacity: var(--glow-opacity, 1);
     pointer-events: none;
}

.videoHolder__trigger:after {
     content: "";
     margin: auto;
     width: calc(100% - 10px);
     height: calc(100% - 10px);
     background: var(--primary700);
     position: absolute;
     inset: 0;
     z-index: 1;
     border-radius: 50%;
}

.videoHolder__trigger.video-trigger img,
.videoHolder__trigger.video-trigger svg {
     position: relative;
     z-index: 3;
     width: 20px;
}

.outline-pink {
     border-color: var(--primary);
     color: var(--primary);
}

.outline-pink:hover {
     background-color: var(--primary);
     color: #fff;
}

.ctatalk-bluecard .commonBtn.commonBtn__primary:hover,
.request-quote-section .newsLetterbox .hs-button:hover,
.bg-color_blue .bg .commonBtn.commonBtn__primary:hover,
.contentBox-darkblue .contentBox .commonBtn:hover {
     background: #fff;
     color: var(--primary700);
     border-color: #fff;
}

.doceoTabs__content .comingSoon {
     padding-bottom: var(--spacing);
}

.comingSoon h4 {
     margin: 0;
}

.page-id-4355 .hs_submit.hs-submit {
     width: 100%;
}

.page-id-4355 .hs-form-booleancheckbox-display {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 12px;
}

.page-id-4355 .hs-form-booleancheckbox-display .hs-input {
     min-height: auto;
     width: 20px;
}

.megaNewMenu__leftContent .customCard__title {
     --lines: 2;
     font-weight: 600;
     font-size: 16px;
     --lineHeight: 1.5;
     margin-bottom: 4px;
     color: #101828;
}

.megaNewMenu__leftContent .customCard__title a {
     color: inherit;
     font-size: inherit;
     line-height: inherit;
}

.page-id-1691 .explore-section .row .col-sm-6.col-xl-4:nth-child(2) button.inline-btn span {
     display: none;
}

.megaNewMenu__leftContent .customCard__body p {
     color: #475467;
     --lineHeight: 1.42;
}

.headerNew__mobileButtons {
     -webkit-transition: 0.3s ease-in-out all;
     -o-transition: 0.3s ease-in-out all;
     transition: 0.3s ease-in-out all;
}

.showSubmenu+.headerNew__mobileButtons {
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
}

.iconList li p strong {
     font-weight: 600;
}

.disable-class {
     pointer-events: none;
     color: #d0d5dd !important;
}

.contentBox__heading :where(ul, ol) {
     padding-left: 26px;
}

.contentBox__heading ul {
     list-style: disc;
}

.contentBox__heading ol {
     list-style: decimal;
}

.contentBox__heading li {
     font-weight: 400;
     font-size: 18px;
     line-height: 1.72;
}

.contentPages :where(p, li) {
     font-weight: 400;
     font-size: 18px;
     line-height: 1.5;
     color: #444449;
     margin: 0 0 4px;
}

.contentPages strong {
     font-weight: 600;
     color: #353537;
}

.contentPages ul {
     list-style-type: disc;
}

.contentPages ol {
     list-style: decimal;
}

.contentPages a {
     color: #444449;
     font-size: inherit;
     line-height: inherit;
     text-decoration: underline;
}

.contentPages :where(ul, ol) {
     padding-left: 20px;
}

.contentPages table {
     border-collapse: separate;
     border-spacing: 0;
     margin: 8px 0 30px;
}

.contentPages table :where(td, th) {
     padding: 20px 24px;
     border-width: 0px 1px 1px 0px;
     border-style: solid;
     border-color: #E4E7EC;
}

.contentPages table thead th {
     background-color: #F9FAFB;
}

.contentPages table th {
     font-weight: 600;
     font-size: 18px;
     line-height: 28px;
     border-top: 1px solid #E4E7EC;
}

.contentPages table td {
     font-weight: 500;
     font-style: Medium;
     font-size: 16px;
     line-height: 24px;
     color: #444242;
}

.contentPages table tbody tr td:first-child,
.contentPages table thead tr th:first-child {
     border-left: 1px solid #E4E7EC;

}

.contentPages table thead tr:first-child th:first-child {
     border-radius: 16px 0 0 0;
}

.contentPages table thead tr:first-child th:last-child {
     border-radius: 0 16px 0 0;
}

.contentPages table tbody tr:last-child td:first-child {
     border-radius: 0 0 0 16px;

}

.contentPages table tbody tr:last-child td:last-child {
     border-radius: 0 0 16px 0;
}

.contentPages .topHeading {
     text-align: center;
     margin-bottom: 12px;
}

.contentPages h1 {
     text-align: center;
     font-weight: 600;
     font-size: 48px;
     line-height: 1.25;
     text-align: center;
     margin-bottom: 24px;

}

.contentPages h2 {
     font-weight: 600;
     font-style: 600;
     font-size: 30px;
     line-height: 1.33;
     margin-bottom: 14px;
     margin-top: 30px;
}

.contentPages h3 {
     font-weight: 600;
     font-size: 24px;
     line-height: 1.5;
     margin: 0;
}

.contentPages h4 {
     font-size: 22px;
     line-height: 1.5;
}

.contentPages h5 {
     font-size: 20px;
     line-height: 1.5;
}

.contentPages h6 {
     font-size: 18px;
     line-height: 1.5;
}

.contentPages p:first-of-type {
     text-align: center;
}

.page-id-3434 .section-padding.pt-0.ctatalk-bluecard {
     padding-top: var(--spacing) !important;
}

.page-id-1556 .section-padding ul.check-list_withicon {
     gap: 20px;
}

.page-id-1556.section-padding.heading-with-arrow.section-pLarge.white.animate .fw-semibold.text-20.mb-2 {
     margin-bottom: 20px !important;
}

.bg-color_blue .bg p a,
.section-blue .section-heading p a {
     color: var(--yellow);
}

.doceo_about_content p {
     --lines: 2;
     max-height: calc(var(--lines) * 1em * var(--lineHeight));
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: var(--lines);
     overflow: hidden;
}

.page-template-support-center .support-card-wrap .col-md-4:nth-child(2) .support-card .card-texts .outlineBtn {
     padding: 12px;
}

.page-template-support-center .support-card-wrap .col-md-4:nth-child(2) .support-card .card-texts button.outlineBtn {
     background: #782070;
     color: #fff;
}

.customCard.pricing-location .customCard__img img {
     border-radius: 12px;
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.customCard.pricing-location .customCard__img {
     position: relative;
     margin-bottom: 20px;
     height: 280px;
}

.customCard.pricing-location span.tag.tag-primary {
     position: absolute;
     right: 15px;
     top: 15px;
     border-radius: 6px;
}

.customCard.pricing-location h4 {
     font-weight: 600;
     font-size: 24px;
     line-height: 1.5;
     margin: 0;
     flex: 0 0 auto;
     width: calc(100% - 150px);
}

.customCard.pricing-location .customCard__title {
     -webkit-line-clamp: none;
     max-height: initial;
     overflow: visible;
     gap: 8px;
     margin-bottom: 8px;
     align-items: center;
     flex-wrap: wrap;
     margin-bottom: 14px;
}

.customCard.pricing-location .customCard__title p {
     margin-bottom: 0;
     color: var(--black-secondary);
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     flex: 0 0 auto;
     width: 100%;
     margin: 0;
}

.customCard.pricing-location .customCard__title a {
     color: var(--secondary700);
     flex: 0 0 auto;
     width: auto;
}

.inline-btn {
     display: inline-flex;
     gap: 10px;
     font-weight: 600;
     font-weight: 600;
     color: var(--primary700);
}

.customCard.pricing-location .customCard__body p+.inline-btn {
     margin-top: 14px;
}

.highlights-yellow .section-heading p strong {
     color: var(--yellow);
}

.page-template-more-info .section-padding.section-blue {
     padding-top: var(--spacing);
}

.read-more-btn span.arrow {
     display: none;
}

/*  */

.locationRow {
     display: flex;
     gap: 44px;
}

.locationRow__left {
     flex: 0 0 auto;
     width: 280px;
     position: relative;
}

.locationRow__right {
     flex-grow: 1;
}

.locationRow__leftSticky {
     position: sticky;
     top: 51px;
     z-index: 1;
     transition: 0.2s ease-in-out all;
}

body:has(header.headerNew.scrolled:not(.hide)) .locationRow__leftSticky {
     top: 201px;
}

.locationRow__filter li {
     padding: 10px 12px;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     cursor: pointer;
     border-radius: 6px;
     -webkit-transition: 0.2s all ease-in-out;
     -o-transition: 0.2s all ease-in-out;
     transition: 0.2s all ease-in-out;
}

.locationRow__filter li.active {
     background: #F9FAFB;
}

.customCard.pricing-location .tag {
     position: absolute;
     top: 15px;
     right: 15px;
     z-index: 6;
     background: #FFF6FE;
     border-radius: 6px;
     border-color: #D857CB;
}

.customCard.pricing-location .topHeading {
     margin-bottom: 20px;
}

.locationRow__left .search_bar {
     margin-bottom: 32px;
}

.locationRow__left .search .input_search {
     border: 1px solid #D0D5DD !important;
     background: #FFFFFF;
     padding: 10px 10px 10px 50px;
}

.locationRow__left .searchBox__holder .searchBox__button {
     right: auto;
     left: 20px;
}

.locationRow__left .topHeading {
     margin-bottom: 20px;
}

.filter-item.hide {
     display: none !important;
}

.section-lightBlue .bg {
     background: #6BC2FE1A;
}

.contentBox__image:has(iframe) {
     width: 100%;
     height: 100%;
}

.contentBox__image iframe {
     width: 100%;
     height: 100%;
     display: block;
}

.section-locationDetail .remoteSectionContent__box:not(:first-child)::before {
     width: 100%;
}

.section-locationDetail .remoteSectionContent__box p a {
     color: var(--secondary700);
     font-weight: 500;
}

.section-locationDetail .remoteSectionContent__box p a:hover {
     color: var(--primary700);
}

.backbutton {
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     color: #565151;
}

.backbutton:hover {
     color: var(--primary700);
}

.bannerSec .backbutton {
     margin-bottom: 16px;
}

.hbspt-form .hs-input[type="radio"],
li.hs-form-booleancheckbox input.hs-input[type="checkbox"] {
     width: auto !important;
     display: inline-block;
     box-shadow: none;
}

.hbspt-form .inputs-list .hs-input[type="radio"] {
     display: none;
}

.hbspt-form .inputs-list.multi-container {
     display: flex;
     gap: 12px;
     flex-wrap: wrap;
}

.hbspt-form ul.inputs-list.multi-container label span {
     margin-inline-start: 9px;
     display: inline-block;
}



.hbspt-form .inputs-list .hs-form-radio-display {
     position: relative;
     padding-left: 20px;
     cursor: pointer;
     display: inline-block;
     transition: all 0.3s ease;
}

.hbspt-form .inputs-list .hs-form-radio-display::before {
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 20px;
     height: 20px;
     border: 1px solid #475467;
     border-radius: 50%;
     background: #fff;
     transition: all 0.3s ease;
}

.hbspt-form .inputs-list .hs-form-radio-display::after {
     content: '';
     position: absolute;
     left: 6px;
     top: 50%;
     transform: translateY(-50%);
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: var(--primary);
     opacity: 0;
     transition: all 0.3s ease;
}


.hbspt-form .inputs-list .hs-form-radio-display:has(.hs-input[type="radio"]:checked)::before {
     border-color: var(--primary);
}


.hbspt-form .inputs-list .hs-form-radio-display:has(.hs-input[type="radio"]:checked)::after {
     opacity: 1;
}

.hs-form-booleancheckbox .hs-input[type="checkbox"] {
     display: none !important;
}

.hs-form-booleancheckbox .hs-form-booleancheckbox-display {
     position: relative;
     padding-left: 30px;
     cursor: pointer;
     font-size: 16px;
     color: #333;
     display: inline-block;
     line-height: 1.5;
     transition: all 0.3s ease;
}

.hs-form-booleancheckbox .hs-form-booleancheckbox-display::before {
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 20px;
     height: 20px;
     border: 2px solid #ddd;
     border-radius: 4px;
     background: #fff;
     transition: all 0.3s ease;
}

.hs-form-booleancheckbox .hs-form-booleancheckbox-display::after {
     content: '';
     position: absolute;
     left: 7px;
     top: 5px;
     transform: rotate(45deg);
     width: 6px;
     height: 12px;
     border: solid #fff;
     border-width: 0 2px 2px 0;
     opacity: 0;
     transition: all 0.3s ease;
}

.hs-form-booleancheckbox .hs-form-booleancheckbox-display:has(.hs-input[type="checkbox"]:checked)::before {
     border-color: var(--primary);
     background: var(--primary);
}

.hs-form-booleancheckbox .hs-form-booleancheckbox-display:has(.hs-input[type="checkbox"]:checked)::after {
     opacity: 1;
}

.feature-icon-small .feature-icon svg {
     width: 24px;
     height: 24px;
}

.feature-icon-small .feature-icon {
     width: 48px;
     height: 48px;
     border-color: #E4E7EC
}

.loactionDetails__col a {
     color: #565151;
}

.our_clients-template-default .newsletter-box .hs_email.hs-email.hs-fieldtype-text {
     margin-bottom: 1rem;
}

.our_clients-template-default .newsletter-box .hs_submit.hs-submit input.hs-button.primary.large {
     width: 100%;
     display: block;
}

/* untill location page is u[dated */
.locationPageBox+.locationPageBox {
     padding-top: var(--spacing);
}
 
/*Newsroom page*/
.page-id-4495 .bannerSec .newsLetterbox .hbspt-form>form {
     width: 537px;
     max-width: 100%;
     align-items: flex-start;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 16px;
}