@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --baseFont: "Poppins", sans-serif;
    --primary: #033474;
    --primary2: #00D169;
    --secondary: #FFE600;
    --textBase: #5F7199;
    --border: #F4F8FB;
    --borderDark: #1C274C;
    --white: #FFFFFF;
    --bodyBg: #F4F8FB;
    --lightBg: #5F7199;
    --black: #000000;
    --rating: #FFE600;
    --transition: 400ms ease-in-out 0s;
    --boxShadow: 0 0 35px rgba(0,0,0,0.15);
    --gradient1: linear-gradient(135deg,  #00d169 0%,#a5df2b 100%);
    --gradient2: linear-gradient(135deg,  #033474 0%,#1473BB 100%);
}
body {
    font-size: 16px;
    line-height: normal;
    color: var(--textBase);
    font-family: var(--baseFont);
    background-color: var(--bodyBg);
}
a,
a:hover {
    color: inherit;
    text-decoration: none;
}
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
img {
    max-width: 100%;
}
/******/
.textPrimary {
    color: var(--primary);
}
.textPrimary2 {
    color: var(--primary2);
}
.textSecondary {
    color: var(--secondary);
}
.textBase {
    color: var(--textBase);
}
.textRating {
    color: var(--rating);
}
.divider {
    text-align: center;
    overflow: hidden;
}
.dividerIcon {
    position: relative;
    padding: 0 20px;
}
.dividerIcon::before, .dividerIcon::after {
	content: "";
	position: absolute;
	border-top: 1px solid rgba(95, 113, 153, 0.23);
	width: 100vw;
	top: 50%;
}
.dividerIcon::before {
  right: 100%;  
}
.dividerIcon::after {
  left: 100%;
}
.lgspaceSection {
    padding: 80px 0 120px;
}
.spaceSection {
    padding: 50px 0;
}
.spaceTopCol {
    padding-top: 40px;
}
/****/
.btn {
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 15px;
}
.btnSecondary {
	background-color: var(--secondary);
	color: var(--primary);
    --bs-btn-active-color: var(--primary);
    --bs-btn-active-bg: var(--secondary);
    --bs-btn-active-border-color: var(--secondary);
}
.btnSecondary:hover {
	background-color: var(--secondary);
	color: var(--primary);
}
.btnSuccess {
    background-color: var(--primary2);
    color: var(--white);
}
.btnSuccess:hover {
    background-color: var(--primary2);
    color: var(--white);
}
.btnPrimary {
    background-color: var(--primary);
    color: var(--white);
}
.btnPrimary:hover {
    background-color: var(--primary);
    color: var(--white);
}
.btn.iconBtnStyle {
	display: inline-flex;
	column-gap: 40px;
}
.btnWhite {
    background-color: var(--white);
}
.btnWhite:hover {
    background-color: var(--white);
}
.sprite-icon {
    height: auto;
}
.lgTitle {
    font-size: 40px;
    font-weight: 600;
}
.mdTitle {
    font-size: 32px;
    font-weight: 600;
}
.smTitle {
    font-size: 24px;
}
.mdContainer {
    max-width: 864px;
    margin-left: auto;
    margin-right: auto;
}
.smContainer {
    max-width: 515px;
    margin-left: auto;
    margin-right: auto;
}
/** header **/
header.headerSection {
    position: sticky;
    top: 0;
    z-index: 9;
    padding: 40px 0;
    background-color: var(--bodyBg);
}
.navCol {
    display: flex;
    justify-content: center;
}
.navLinks>ul {
    display: flex;
    column-gap: 40px;
}
.navLinks>ul>li {
    position: relative;
}
.navLinks>ul>li a {
    font-size: 16px;
    display: block;
}
a.ddTrigger {
	padding-right: 24px !important;
	display: block;
}
.ddTrigger::before {
    --arrowSize: 18px;
    content: "";
    position: absolute;
    right: 0px;
    top: 5px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%206L9%2012L2%206%22%20stroke%3D%22%23033474%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: var(--arrowSize);
    height: var(--arrowSize);
}
.headerRightOption .ddTrigger::before {
    top: 0;
}
.ddColBody, .meneDDColBody {
    position: absolute;
    right: 0;
    width: 226px;
    text-align: left;
    background-color: var(--white);
    top: 100%;
    padding: 34px 38px;
    opacity: 0;
    pointer-events: none;
    border-radius: 15px;
    transform: translate(0, 30px);
    transition: all var(--transition);
}
.actDD .ddColBody, .actDD .meneDDColBody {
    opacity: 1;
    pointer-events: initial;
    transform: translate(0, 20px);
}
.ddColStyle>ul>li {
    display: block;
}
.ddColStyle>ul>li+li {
    margin-top: 20px;
}
.headerRightOption {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.headerRightOption>li {
    position: relative;
}
.menuToggle {
    position: relative;
    width: 24px;
    cursor: pointer;
}
.iconHamburger {
    display: block;
}
.menuBackDrop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 800ms ease-in-out 0s;
    z-index: 9;
    background-color: rgba(19, 15, 38, 0.7);
}
.subMenuCloseTrigger, .menuCloseTrigger {
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
    color: var(--primary2);
}
.mbSidebarLinksCol {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}
.navSocailLinks > ul {
	display: flex;
	gap: 15px;
	justify-content: center;
}
.navSocailLinks {
	margin-top: auto;
}
.socialIcon {
    --iconSize: 44px;
    display: block;
    width: var(--iconSize);
    height: calc(var(--iconSize) - 2px);
}
.bannerInner {
    padding: 120px 12px;
    border-radius: 40px;
    position: relative;
    background: var(--gradient1);
    overflow: hidden;
}
.bannerInner::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.1;
    background-image: url(../images/homebanner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bannerContent {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
.bannerCol {
    max-width: 595px;
}
.bannerCol > h1 {
    font-size: 64px;
    line-height: 1.3;
    padding-bottom: 20px;
}
.bannerCol > p {
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 20px;
}
.linkCol > a {
    font-size: 16px;
}
.bannerCol .linkCol {
    padding-top: 25px;
}
.clientsInner {
    border-radius: 15px;
    background-color: var(--bodyBg);
}
.clientsSection {
    margin-top: -63px;
    position: relative;
}
.clientText {
    padding: 25px 35px;
}
.clientText > h4 {
    font-size: 20px;
    margin: 0;
}
.clientText > h4 > span {
    font-size: 16px;
    line-height: 1.2;
    padding-top: 4px;
}
.clientsSlider {
    padding: 60px 30px 40px;
}
.clientsSlider .swiper-wrapper {
    justify-content: end;
}
.clientsSliderStyle {
    width: 398px;
    padding: 18px 14px;
    background-color: var(--bodyBg);
    box-shadow: 0 0 35px rgba(0,0,0,0.15);
    border-radius: 15px;
}
.clientsImg {
    width: 99px;
    position: relative;
}
.clientsImg::before {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    bottom: 0;
    background-color: var(--lightBg);
    width: 1px;
    height: 40px;
    transform: translate(0, -50%);
    opacity: 0.3;
}
.clientsImg > a img {
    border-radius: 15px;
}
.ClientsContent {
    padding-left: 5px;
}
.ClientsContent > h5 {
    font-size: 16px;
}
.ClientsContent > h5 > span {
    font-size: 12px;
    padding-top: 4px;
}
.playIcon {
    position: absolute;
    width: 31px;
    height: 31px;
    background-color: rgba(0, 209, 105,0.7);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
}
.starIcon, .starIcon > span {
    display: inline-flex;
}
.tIcons svg.icon-comment {
    color: var(--textbase);
}
.accordionSection {
    padding: 0 0 56px;
}
.accordionTitle {
    font-size: 20px;
    font-weight: 600;
}
.acCardStyleContent > p {
    font-size: 12px;
    margin: 0;
    padding-top: 28px;
}
.accordionItem {
    background-color: var(--white);
    border-radius: 15px;
    height: 100%;
}
.accordionItem .accordion-body {
    padding: 35px 24px;
}
.acCardStyleImg {
    text-align: center;
    min-height: 155px;
    margin-bottom: 10px;
}
.accordionItem .accordion-collapse {
    display: block;
}
.accordion-button.accordionTitle {
    background-color: transparent;
    padding: 24px;
}
.accordionStyle .accordion {
    padding-top: 38px;
}
.accordionStyle .accordion .titleCol {
    padding-bottom: 60px;
}
.accordionItem .accordion-button:focus {
    box-shadow: none;
}
.livechatCol {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--gradient1);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 38px 24px 38px 18px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.livechatText {
    writing-mode: vertical-rl;
    padding-top: 24px;
}
.livechatText > h4 {
    font-size: 20px;
    color: var(--white);
    margin: 0;
}
.lcFlag {
    position: relative;
}
.lcFlag .usFlag {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 32px;
}
.lcFlag .usFlag > img {
    width: 100%;
}
.chatarrow {
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
}
.servicesSection {
  padding: 100px 100px 120px;
  background-color: var(--white);
  border-radius: 40px;
}
.serviceTopRightCol {
  max-width: 550px;
  margin-left: auto;
}
.dsTitle {
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    text-align: center;
    padding-bottom: 20px;
}
.serviceCards {
	margin-left: auto;
	margin-right: auto;
	max-width: 804px;
	display: flex;
	justify-content: space-between;
}
.serviceCard {
	padding: 15px 20px;
	border: 1px solid rgba(95, 113, 153, 0.5);
	text-align: center;
	color: var(--primary);
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	min-width: 230px;
}
.serviceCard.activeCard {
    border-color: var(--primary2);
    background: var(--gradient1);
    color: var(--white);
}
.serviceCard h4 {
	font-size: 20px;
	font-weight: 600;
}
.serviceCard li {
    font-size: 14px;
}
.rSliderOuter {
    margin-top: 80px;
}
.rangeSliderCol {
	padding-bottom: 15px;
}
.rangeLbl {
	display: block;
	width: 210px;
	color: var(--primary);
}
.rangeResultCol {
	font-size: 14px;
	line-height: 1;
    min-width: 105px;
}
.rangeResult {
	font-size: 20px;
	font-weight: 700;
}
.rangeSlider {
	position: relative;
}
.rsBody {
    --br: 15px;
	background-color: var(--bodyBg);
	height: 12px;
	border-radius: var(--br);
}
.rsBar {
	position: relative;
	background: var(--gradient1);
    border-radius: var(--br);
    height: 100%;
}
.rsBar.barStyle2 {
  background: var(--textBase);
}
.rsHandle {
	position: absolute;
	right: -1px;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--white);
	box-shadow: 0 0 4px rgba(0,0,0,0.25);
	padding: 0 10px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--br);
    cursor: pointer;
}
.rSliderSteps {
    --stepPosition: 20px;
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: var(--stepPosition);
	right: var(--stepPosition);
	top: calc(100% + 4px);
    opacity: 0.27;
}
.rSliderSteps > span {
	border-left: 1px solid var(--textBase);
	height: 7px;
}
.infoCardOuter {
    max-width: 1075px;
    margin: 60px auto 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    gap: 48px;
}
.cardStyle1 {
    padding: 15px;
    border-radius: 15px;
}
.cardStyle1.active {
    border: 1px solid var(--primary2);
}
.cardStyle1 .cardDesc {
    background: var(--gradient1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cardStyle1 h5 {
    font-weight: 600;
    margin-bottom: 24px;
}
.cardStyle1 .cardNumber {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 12px;
}   
.cardStyle1 .cardText {
    font-size: 20px;
    font-weight: 400;
}
.anchorBtn {
    color: var(--primary2);
}
.reviewColOuter {
    padding: 85px 0;
}
.reviewCol {
    margin: 80px 0 50px;
}
.reviewCard {
    padding: 30px 40px;
    border-radius: 15px;
    background-color: var(--white);
    height: 100%;
}
.reviewCol .swiper-wrapper {
    transition-timing-function: linear !important;
}
.reviewCol .swiper-slide, .valueCol .swiper-slide {
    height: auto;
}
.reviewCard .cardDesc {
    padding-left: 32px;
}
.reviewCard .cardDesc h3 {
    color: var(--primary);
    font-size: 20px;
    font-weight: 600;
}
.reviewCard .cardDesc .starRating {
    display: flex;
    gap: 10px;
}
.reviewCard .cardDesc .starRating svg {
    color: var(--secondary);
    width: 24px;
    height: 24px;
}
.reviewCard .reviewCardTop {
    padding-bottom: 28px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(95, 113, 153, 0.23);
}
.reviewCard .cardImg img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 50%;
}
.reviewCard .reviewCardBtm p {
    margin: 0;
}
.howWeHelpCol {
    padding: 100px 0 80px;
}
.howWeHelpImg {
    max-width: 1100px;
    margin: 0 auto;
}
.howHelpDesc {
    max-width: 864px;
    margin: 25px auto 0;
}
.helpBtnBox {
    background-color: var(--white);
    padding: 15px 44px;
    border-radius: 15px;
    display: inline-block;
    font-size: 20px;
}
.helpBtnBox.helpGradient {
    background: var(--gradient1);
    color: var(--primary);
}
.helpBtnBox.helpGradient .helpText {
    color: var(--white);
}
footer.footerCol {
    --callActionSpace: 150px;
}
.footerInner {
    background-color: var(--white);
    border-radius: 40px;
    padding: 0 20px 70px;
    margin-top: var(--callActionSpace);
}
.footerCopyright {
    padding: 25px 0 40px;
}
.footerTermMenu ul li a,
.copyrightCol p {
    display: block;
    line-height: initial;
}
.footerTop {
    padding: 25px 0;
    border-bottom: 1px solid rgba(95, 113, 153, 0.3);
}
.footerMenu > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.footerMenu > ul > li a {
    font-size: 14px;
    color: var(--primary);
    display: flex;
}
.footerMenu .ddTrigger::before {
    --arrowSize: 16px; 
    top: 3px;
}
.footerMenu > ul > li a.textGreen {
    color: var(--primary2)
}
.footerMenu li {
    position: relative;
}
.footerMenu .ddColBody {
    right: auto;
    left: 0;
}
.footerTermMenu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}
.footerTermMenu ul li a {
    color: var(--primary);
}
.footerBtm {
    padding: 80px 0 0;
}
.footerInfoText {
    background: var(--gradient1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 864px;
    margin:  0 auto;
}
.footerInfoText h2 {
    line-height: initial;
    font-weight: 600;
    margin: 0;
}
.copyrightCol p {
    margin: 0;
    color: var(--textBase);
}
.footerSocialIcons {
    margin-top: 72px;
}
.footerSocialIcons ul {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}
.footerSocialIcons ul li a {
    color: var(--textBase);
}
.callToAction {
    --actionBorderRadius: 40px;
    border-radius: var(--actionBorderRadius);
    background: var(--gradient1);
    padding: 70px 15px 60px;
    position: relative;
    margin-top: calc(-1 * var(--callActionSpace));
    display: inline-block;
    width: 100%;
}
.callToAction:before {
    content: "";
    background-image: url('../images/callactionbg.svg');
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: var(--actionBorderRadius);
}
.callToAction h2 {
    color: var(--white);
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}
.callToAction h2 span {
    font-weight: 400;
    line-height: normal;
}
.callToAction h2, .callToAction a {
    position: relative;
    z-index: 2;
}
.cookiesModel {
    background-color: var(--white);
    border-radius: 20px;
    padding: 80px 20px 30px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 20px;
    max-width: 1094px;
    margin: 0 auto;
    z-index: 9999;
}
.cookiesOverlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
}
.cookiesContent > p {
    color: var(--black);
}
.cookiesBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.cookiesImg {
    position: absolute;
    top: -96px;
    left: 0;
    right: 0;
    text-align: center;
}
.cookiesBtn > .linkCol > a {
    text-decoration: underline;
}
.lgPopupContainer {
    max-width: 860px;
    margin: 0 auto;
}
.cookiesContent > p {
    padding-bottom: 20px;
}
.cmTitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    padding-bottom: 30px;
}
.cmPreference {
    padding: 30px 0;
}
.cmPreference .form-group {
  display: block;
  margin-bottom: 15px;
}
.cmPreference .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.cmPreference .form-group label {
    position: relative;
    cursor: pointer;
    padding-left: 34px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.cmPreference .form-group label:before {
    content: '';
    background-color: var(--white);
    border: 2px solid var(--borderDark);
    position: absolute;
    left: 0;
    top: 2px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    opacity: 0.4;
}
.cmPreference .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 9px;
    width: 4px;
    height: 10px;
    border: solid var(--borderDark);
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}
.cookiesInner {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}
.mdPopupContainer {
    max-width: 990px;
    margin: 15px auto;
}
.vtModal .modal-body {
    padding: 30px 25px;
}
.vtModal .modal-body > img {
    width: 100%;
    border-radius: 15px;
}
.vtModal .clientsSliderStyle {
    position: absolute;
    top: 62px;
    left: 50px;
    width: auto;
}
.vtModal .clientsImg {
    width: 85px;
}
.vtModal .clientsImg > a img {
    border-radius: 50%;
    width: 64px;
    height: 64px;
    object-fit: cover;
}
.vtModal .playIcon {
    background-color: var(--primary2);
    margin-left: 25px;
    width: 38px;
    height: 38px;
}
.aboutScrollSection {
    padding-bottom: 110px;
}
.navLinkColStyle {
    margin-top: 40px;
}
.navLinkColStyle > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}
.navLinkColStyle > ul > li {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary);
}
.navLinkColStyle > ul > li > a.active {
    background-color: var(--white);
    padding: 15px 25px;
    min-width: 306px;
    display: block;
    text-align: center;
    border-radius: 15px;
    color: var(--primary2);
    border: 1px solid rgba(95, 113, 153,0.5);
}
.missionCol {
    margin-top: 80px;
}
.msCol + .msCol {
    padding-top: 50px;
}
.missionContent {
    max-width: 555px;
}
.missionInner {
    padding-top: 60px;
}
.missionImg {
    text-align: right;
}
.missionImg > img {
    mix-blend-mode: multiply;
}
.msCol > h4 {
    font-size: 32px;
    font-weight: 400;
    padding-bottom: 15px;
}
.valueColOuter {
    padding-bottom: 120px;
}
.valueCol {
    background-color: var(--white);
    border-radius: 15px;
    padding: 92px 15px 80px;
}
.valueCardIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    border-radius: 15px;
    background-color: var(--primary2);
    padding: 10px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -42px;
}
.valueCard {
    border-radius: 15px;
    padding: 75px 25px 25px;
    background-color: var(--bodyBg);
    position: relative;
}
.valueSlider {
    padding-top: 118px;
}
.valueCard > h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--primary);
}
.valueCard > p {
    color: var(--primary);
}
.valueSlider .swiper-slide {
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.valueSlider .swiper-slide-active {
  opacity: 1;
}
.valueSlider .swiper-slide-next,
.valueSlider .swiper-slide-prev {
  opacity: 1;
}
.swiperPagination {
    top: auto !important;
    bottom: 5px !important;
    z-index: 2;
}}
.swiperPagination .swiper-pagination-bullet {
  background: var(--bodyBg);
  opacity: 1;
}
.swiperPagination .swiper-pagination-bullet-active {
  background: var(--primary2); /* green active dot */
  opacity: 1;
}
.swiperNext, .swiperPrev {
    background: var(--secondary);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    top: auto;
    bottom: 0;
    padding: 6px;
}
.swiperNext:after,
.swiperPrev:after {
  display: none;
}
.swiperNext {
    right: calc(50% - 100px);
}
.swiperPrev {
    left: calc(50% - 100px);
}
.valueSlider .swiper-wrapper {
    padding-bottom: 80px;
}
.swiperPrev svg.icon-btnArrow {
    transform: rotate(180deg);
}
.teamCardSection {
    padding-top: 80px;
}
.teamCardSpace {
    margin-bottom: 50px;
}
.teamCardStyle {
    display: flex;
    flex-direction: column;
    gap: 25px;
    position: relative;
    height: 100%;
    padding-bottom: 50px;
    transition: all var(--transition);
}
.teamInfo {
    background-color: transparent;
    transition: all var(--transition);
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 340px;
}
.tUserImg {
    width: 100%;
    height: 260px;
    border-radius: 15px;
    position: relative;
    margin: 0 auto;
    transition: all var(--transition);
}
.tUserImg > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.tUserName > h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
}
.tUserName > span {
    font-size: 12px;
    display: block;
}
.tIcons {
    display: flex;
    gap: 20px;
}
.tIcons svg {
    color: var(--primary2);
}
.teamSocialIcons::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: var(--lightBg);
    opacity: 0.3;
}
.teamSocialIcons ul {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    background-color: var(--bodyBg);
    margin: 0 35px;
    position: relative;
}
.teamSocialIcons .socialIcon {
    --iconSize: 30px;
}
.teamCardStyleMobile .tUserImg {
    width: 98px;
    height: 96px;
    border-radius: 15px;
}
.teamCardStyleMobile .tUserImg > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.bookDemoModalStyle .advisorCard {
    padding: 22px;
    border-radius: 15px;
}
.bookDemoModalStyle .advisorCard.active { 
    background: var(--primary2); 
    color:var(--white); 
    border-color: var(--primary2); 
}
.bookDemoModalStyle .advisorCard .cardDesc {
    padding-left: 20px;
}
.bookDemoModalStyle .advisorCard .cardDesc h3 {
    font-size: 16px;
    color: var(--primary);
    font-weight: 600;
    margin: 0;
}
.bookDemoModalStyle .advisorCard .cardDesc .designation,
.bookDemoModalStyle .advisorCard .cardDesc .emailCol {
    font-size: 12px;
    margin: 0;
    display: block;
    font-weight: 400;
}
.bookDemoModalStyle .advisorCard .cardDesc .designation {
    color: var(--primary2);
}
.bookDemoModalStyle .advisorCard .cardDesc .emailCol {
    color: var(--textBase);
}
.bookDemoModalStyle .advisorCard.active .cardDesc h3,
.bookDemoModalStyle .advisorCard.active .cardDesc .designation,
.bookDemoModalStyle .advisorCard.active .cardDesc .emailCol {
    color: var(--white);
}
.bookDemoModalStyle .advisorImg { 
    width:64px; 
    height:64px; 
    border-radius:50%; 
    object-fit:cover; 
}
.bookDemoModalStyle .calendar {
    display:grid; 
    grid-template-columns: repeat(7, 1fr); 
    gap: 10px; 
    margin-top: 10px;
}
.bookDemoModalStyle .calCell {
    border: 1px solid var(--primary);
    border-radius: 5px;
    text-align: center;
    color: var(--textBase);
    background: transparent;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}
.bookDemoModalStyle .calCell.header { 
    background: transparent; 
    border: none; 
    color: var(--textBase); 
    font-weight: 400; 
    padding: 0;
    text-transform: uppercase;
    height: auto;
    opacity: 1;
}
.bookDemoModalStyle .calCell.available { 
    cursor:pointer; 
    opacity: 1;
}
.bookDemoModalStyle .calCell.available:hover { 
    background-color: var(--primary2);
    border-color: var(--primary2);
    color: var(--white);
}
.bookDemoModalStyle .calCell.selected { 
    background: var(--primary2) !important; 
    color:var(--white) !important; 
    border-color:var(--primary2) !important; 
}
.bookDemoModalStyle .step { 
    display:none; 
}
.bookDemoModalStyle .step.active { 
    display:block; 
}
.bookDemoModalStyle .modalClose {
    background-color: transparent;
    border: 0;
    position: absolute;
    right: 35px;
    top: 30px;
    z-index: 9;
    padding: 0;
}
.bookDemoModalStyle .modal-body {
    padding: 30px 30px 60px;
}
.bookDemoModalStyle .modalStepOuter {
    max-width: 680px;
    margin: 0 auto;
}
.bookDemoModalStyle .slideArrow svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    color: #1C274C;
}
.bookDemoModalStyle .slideArrow:after {
    display: none;
}
.bookDemoModalStyle .slideArrow.swiper-button-prev {
    right: 100%;
    left: auto;
    margin-right: 40px;
}
.bookDemoModalStyle .slideArrow.swiper-button-next {
    left: 100%;
    right: auto;
    margin-left: 40px;
}
.bookDemoModalStyle .slideArrow {
    width: auto;
    height: auto;
    margin: 0;
    transform: translate(0,-50%);
}
.appointmentDescInner {
    margin-top: 40px;
}
.appointmentDesc h3 {
    color: var(--primary);
    font-weight: 400;
}
.appointmentDescInner span {
    color: var(--textBase);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    display: inline-block;
}
.appointmentDescInner button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0 1px;
}
.appointmentDescInner button svg {
    color: var(--textBase);
}
.appointmentDescInner .monthLabel {
    color: var(--textBase);
}
.bookDemoModalStyle .dropdownStyle button {
    background-color: rgba(95, 113, 153, 0.1);
    border: 0;
    padding: 10px 25px;
    border-radius: 15px;
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: var(--textBase);
}
.bookDemoModalStyle .dropdownStyle button > span {
    display: flex;
    align-items: center;
    gap: 10px;
}
.bookDemoModalStyle .dropdownStyle .dropdown-menu .dropdown-item  {
    cursor: pointer;
    color: var(--textBase);
    font-size: 14px;
}
.bookDemoModalStyle .dropdownStyle .dropdown-menu .dropdown-item:active {
    background-color: var(--bs-dropdown-link-hover-bg);
}
.bookDemoModalStyle .calendarOuter,
.bookDemoModalStyle .slotOuter {
    max-width: 410px;
    margin: 0 auto;
}
.bookDemoModalStyle .slotOuter {
    margin-top: 34px;
}
.bookDemoModalStyle .slotOuter .dropdown {
    margin-top: 70px;
}
.bookDemoModalStyle .slotOuter .slotMain {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    margin-top: 10px;
}
.bookDemoModalStyle .slot {
    text-align:center; 
    border:1px solid var(--primary); 
    border-radius: 5px; 
    font-size: 16px;
    background:var(--white); 
    color: var(--textBase); 
    cursor:pointer;
    padding: 0;
}
.bookDemoModalStyle .slot.booked {
    opacity: 0.3;
    cursor: initial;
}
.bookDemoModalStyle .slot.disabled { 
    cursor:not-allowed; 
    color:#adb5bd; 
    background:#f1f3f5; 
}
.bookDemoModalStyle .slot.selected { 
    background: var(--primary2); 
    color:var(--white); 
    border-color: var(--primary2);     
}
.socialResponsibility {
    padding: 50px 0 0;
}
.aboutCsrOuter {
    margin-top: 110px;
    position: relative;
}
.csrSlideStylePrev, .csrSlideStyleNext {
    --sidePosition: 50%;
    position: absolute;
    top: 120px;
    z-index: 5;
    --bs-btn-active-bg: #E3CD00;
    --bs-btn-active-border-color: #E3CD00;
    --bs-btn-active-color: var(--black)
}
.csrSlideStylePrev {
	transform: scaleX(-1) translateX(var(--sidePosition));
    left: 0;
}
.csrSlideStyleNext {
    right: 0;
    transform: translateX(var(--sidePosition));
}
.dateCol {
	font-size: 12px;
	margin-bottom: 10px;
}
.cardStyle02 {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}
.cs02Title {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
}
.cs02ImgCol {
    position: relative;
}
.cs02Img {
	width: 100%;
	aspect-ratio: 264 / 314;
	border-radius: 15px;
	object-fit: cover;
}
.catLbl {
	--lblPosition: 20px;
	position: absolute;
	right: var(--lblPosition);
	top: var(--lblPosition);
	padding: 5px 20px;
	border-radius: 15px;
	background-color: var(--primary2);
	color: var(--white);
}
.circlePaginationArrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    --circleSize: 34px;
    width: var(--circleSize);
    height: var(--circleSize);
    border-radius: 50%;
    background-color: var(--secondary);
    color: var(--primary);
}
.flipH {
    transform: scaleX(-1);
}
.pDot {
    --dSize: 10px;
    width: var(--dSize);
    height: var(--dSize);
    border-radius: 50%;
    background-color: var(--textBase);
    display: block;
    cursor: pointer;
}
.dotPaginationStyle ul {
    display: flex;
    align-items: center;
    column-gap: 9px;
}
.dotPaginationStyle > ul {
    justify-content: space-between;
}
.dotPaginationStyle {
    margin: 20px auto;
    max-width: 220px;
}
.pDot.active {
    background-color: var(--primary2);
}
.cs03Img {
	width: 175px;
	aspect-ratio: 175 / 150;
	border-radius: 15px;
	object-fit: cover;
}
.cs03Title {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 10px;
}
.clampText {
    position: relative;
}
.clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.rmLink {
    position: absolute;
    right: 0;
    bottom: 0;
    white-space: nowrap;
    background-color: var(--bodyBg);
}
.rmLink::before {
    content: "...";
    margin-right: 8px;
}
.rmLink a {
    color: var(--primary2);
}
.cardStyle03 + .cardStyle03 {
	margin-top: 30px;
}
.textSm {
    font-size: 14px;
}
.textSm .cs02Title {
	font-size: inherit;
}
.circleArrowBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	--circleSize: 52px;
	width: var(--circleSize);
	height: var(--circleSize);
	border-radius: 50%;
}
.cs02ImgCol > .circleArrowBtn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 2;
}
.lineClamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.lineClamp-1 {
    -webkit-line-clamp: 1;
}
.lineClamp-2 {
    -webkit-line-clamp: 2;
}
.lineClamp-3 {
    -webkit-line-clamp: 3;
}
.lineClamp-4 {
    -webkit-line-clamp: 4;
}
.topicImg {
    --imgSize: 90px;
	width: var(--imgSize);
	height: var(--imgSize);
	object-fit: cover;
	border-radius: 15px;
}
.topicCardStyle {
	display: flex;
	column-gap: 30px;
}
.topicImgCol {
	flex: 0 0 auto;
}
.topicContentCol p {
	margin-bottom: 6px;
}
.hotTopicsCol {
    width: 350px;
}
.featuredSlider {
	max-width: 804px;
}
.topicCardStyle + .topicCardStyle {
	margin-top: 20px;
}
.pTitleCol {
	font-size: 16px;
}
.blogCatSidebar {
    width: 368px;
}
.searchCol {
	position: relative;
}
.searchIcon {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	background-color: transparent;
}
.searchCol .form-control {
	padding: 14px 50px 14px 18px;
	border-radius: 15px;
}
.catList > li > a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 10px;
	padding: 14px;
	border-radius: 15px;
    font-size: 20px;
    line-height: 1.2;
}
.catList > li > a, .icon-listArrow {
    transition: color var(--transition), background-color var(--transition);
}
.catList .icon-listArrow {
	color: var(--primary);
}
.catList > li > a:hover, .catList > li > a:hover .icon-listArrow {
    color: var(--white);
}
.catList > li > a:hover {
    background-color: var(--primary2);
}
.sidebarBookDemo {
	padding: 110px 16px 25px;
	border-radius: 15px;
	position: relative;
	background: var(--gradient1);
	overflow: hidden;
	text-align: center;
	color: var(--primary);
	font-size: 20px;
}
.sidebarBookDemo a {
    color: var(--white);
}
.sidebarBookDemo::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.1;
	background-image: url(../images/homebanner.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.selectedCatTrigger {
	background-color: var(--primary2);
	color: var(--white);
	position: relative;
	padding: 14px;
	border-radius: 15px;
	cursor: pointer;
	display: flex;
	column-gap: 10px;
	align-items: center;
	font-size: 18px;
}
.selectedCatTrigger::before {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%206L9%2012L2%206%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center;
	width: 18px;
	height: 18px;
}
.bannerInrPg {
    background: var(--gradient1);
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    padding: 110px 0;
}   
.bannerInrPg::before {
    content: "";
    inset: 0;
    position: absolute;
    background-image: url('../images/companybanner.webp');
    mix-blend-mode: overlay;
    opacity: 0.3;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
.bannerInrPg h2 {
    color: var(--white);
}
.bannerInrPg h2,
.bannerInrPg img {
    position: relative;
    z-index: 2;
}
.matterCol {
    padding: 60px 0;
}
.matterColDesc {
    max-width: 630px;
    margin-top: 26px;
}
.careerMainCol {
    padding: 52px 0;
}
.careerTitle {
    min-width: 430px;
}
.careerCard {
    padding: 25px 32px 32px 32px;
    background-color: var(--white);
    border-radius: 15px;
}
.careerCard .careerCardTop h3 {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary);
}
.careerCard .countryCol {
    font-size: 14px;
    color: var(--primary);
    display: flex;
    gap: 16px;
    align-items: center;
}
.careerCard .careerCardDesc {
    font-size: 14px;
    color: var(--textBase);
    margin: 16px 0 28px;
}
.careerCard .careerCardDesc p {
    margin: 0;
}
.careerCard .careerCardInfo {
    display: flex;
    align-items: center;
    gap: 50px;
}
.careerCard .careerCardInfo .careerInfoList {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--primary2);
    font-size: 12px;
    font-weight: 400;
}
.careerCard .careerCardInfo .careerInfoList svg {
    color: var(--textBase)
}
.careerCard {
    position: relative;
}
.careerCard .cardLink {
    position: absolute;
    inset: 0;
    z-index: 2;
}
.careerTitle h2 {
    font-size: 20px;
    color: var(--primary);
    font-weight: 400;
}
.careerList + .careerList {
    margin-top: 85px;
}
.careerInnerList + .careerInnerList {
    margin-top: 30px;
}
.formStyle {
    background-color: var(--white);
    border-radius: 15px;
    border: 1px solid rgba(95, 113, 153, 0.5);
    padding: 8px 25px;
    appearance: none;
    height: 54px;
    color: var(--textBase);
}
select.formStyle {
    background-image: url('../images/ddicon.svg');
    background-repeat: no-repeat;
    background-position: right 30px center;
}
select.formStyle:focus {
    outline: none;
    border: 1px solid rgba(95, 113, 153, 0.5);
    cursor: pointer;
}
.matterCol .formStyle {
    min-width: 320px;
}
.matterColDesc p {
    margin: 0;
}
.careerDetailsCol {
    padding: 60px 0;
}
.backBtn a {
    gap: 10px;
}
.cardDetailsInfo.careerCard {
    background-color: transparent;
    padding: 0;
    margin-top: 10px;
}
.careerDetailDesc {
    margin-top: 52px;
    margin-bottom: 40px;
}
.careerAuthorCol {
    position: relative;
    margin-top: 40px;
}
.careerAuthorCol:before {
    content: "";
    background: rgba(95, 113, 153, 0.32);
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
    left: 0;
    right: 0;
}
.careerAuthorInner {
    display: inline-block;
    background-color: var(--bodyBg);
    position: relative;
    padding-right: 60px;
}
.careerAuthorCol .authorImg img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
}
.careerAuthorCol .authorInfo h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: var(--primary);
}
.careerAuthorCol .authorInfo span {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    color: var(--textBase);
}
.careerDetailDesc h4 {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 40px;
}
.careerDescList + .careerDescList {
    margin-top: 40px;
}
.careerDetailDesc ul {
    list-style-type: disc;
    padding-left: 16px;
    margin-bottom: 1rem;
}
.blogPostBanner {
    border-radius: 40px;
    height: 436px;
}
.blogPostBanner > img {
    border-radius: 40px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.blogPostInner {
    padding: 0 0 40px;
    max-width: 1200px;
    margin: -35px auto;
}
.blogPostInner ul.breadcrumb, .blogPostInner .breadcrumb-item.active {
    color: var(--textBase);
}
.blogPostInner ul.breadcrumb {
    margin-top: 20px;
}
.blogpostContent {
    padding-top: 45px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.cs04ImgCol {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
.cs04ImgCol > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.cs04User > h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
}
.cs04User > span {
    font-size: 12px;
}
.cardStyle04 {
    padding: 35px 0;
}
.blogpostInfo > h3 {
    font-size: 26px;
    line-height: 1.5;
    padding-bottom: 25px;
}
.blogpostInfo > h4 {
    padding-bottom: 15px;
    margin-top: 50px;
}
.featuredSlider.articlesSlider {
    max-width: 100%;
}
.accordionStyle2 {
    margin-top: 80px;
}
.categoryTitle {
    border: 0;
    width: 100%;
    padding: 30px;
    border-radius: 15px;
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
    background: var(--gradient1);
    line-height: 1.4;
}
.categoryTitle > span {
    display: block;
    font-size: 16px;
    font-weight: 400;
}
.accordionStyle2 .accordion-item {
    border: 0;
    border-radius: 0;
    background-color: transparent;
}
.accordionHeader {
    margin: 0;
}
.accordionStyle2 .accordion-body {
    padding: 0;
}
.accordionStyle2 .accordion-body .hotTopicsCol {
    padding: 32px 0;
    border-bottom: 1px solid rgba(95, 113, 153,0.35);
    width: auto;
    margin-bottom: 15px;
}
.bannerStyle2 .bannerInner {
    padding: 164px 12px;
}
.resourceCol {
    padding-top: 48px;
}
.resourceCol .searchCol {
    max-width: 368px;
}
.companyResourceCol .navLinkColStyle {
    padding-bottom: 80px;
}
.companyResourceCol .navLinkColStyle > ul > li > a.active {
    min-width: auto;
}
.mapSection {
    padding-top: 30px;
    position: relative;
}
.eventsMap {
    padding: 70px 0 120px;
    position: relative;
}
.eventsMap::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("../images/map-mb.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.eventsMap .selectedCatTrigger {
    background-color: var(--white);
    color: var(--textBase);
    border: 1px solid rgba(95, 113, 153, 0.5);
}
.eventsMap .selectedCatTrigger::before {
    filter: brightness(0.5);
}
.eventsMap .chooseCatList {
    padding: 15px;
}
.emContent > h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}
.emContent > span {
    display: block;
    font-size: 12px;
}
.btn.smBtn {
    padding: 5px 15px;
    font-size: 12px;
    border-radius: 50px;
}
.eventMeeting + .eventMeeting {
    margin-top: 15px;
}
.privacyContent {
    padding: 110px 0;
    --titleSize: 40px;
    --titleSpace: 35px;
    --elementSpace: 20px;
}
.privacyContent h2 {
    font-size: var(--titleSize);
    font-weight: 600;
    color: var(--primary);
    margin-bottom: var(--titleSpace);
}
.privacyContent > h2:not(:first-child) {
    margin-top: var(--titleSpace);
}
.privacyContent > p, .privacyContent ul {
    margin-bottom: var(--elementSpace);
    font-size: 16px;
    line-height: 1.5;
}
.privacyContent > ul ul {
    margin-bottom: calc(var(--elementSpace) / 2);
}
.privacyContent ul {
	list-style-type: disc;
	padding-left: 20px;
}
.text-underline, a.text-underline:hover {
    text-decoration: underline;
}
.privacyContent a:hover {
    color: var(--primary);
}

.orderLookupSection {
    --br: 40px;
    --colPadding: 80px;
    background-color: #E5EBF1;
    border-radius: var(--br);
}
.orderLookupCol {
	padding: calc(var(--colPadding) * 2) var(--colPadding);
	width: 560px;
}
.formStyle2 .form-control {
    padding: 12px 24px;
    border-radius: 15px;
}
.formStyle2 .leftIconFieldCol .form-control {
    padding-left: 60px;
}
.leftIconFieldCol {
    position: relative;
}
.inputIcon {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
    pointer-events: none;
}
.orderLTitle + .orderLookupForm {
	margin-top: calc(var(--colPadding) + 20px);
}

.oLookupRightCol {
	padding: var(--colPadding);
	border-radius: var(--br);
	background: var(--gradient2);
	color: var(--white);
	text-align: center;
	position: relative;
	height: 100%;
	display: flex;
	align-items: flex-end;
}
.oLookupRightCol::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url(../images/order-lookup-bg.webp);
	background-size: cover;
	mix-blend-mode: overlay;
}
.oLookupRightCol p:not(:last-child) {
    margin-bottom: 20px;
}
.oLookupRightCol .lgText {
    font-size: 20px;
}
.eventsCard {
    overflow: hidden;
}
.upeventsCard {
    background-color: var(--white);
    border-radius: 15px;
    padding: 25px;
    transition: all var(--transition);
}
.upeventsCard:hover {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.10);
}
.upeventsSlider {
    padding: 50px 15px 70px;
}
.upCardInfo {
    padding: 20px 30px;
    text-align: center;
    border-radius: 16px;
    background-color: var(--bodyBg);
}
.upCardInfo > h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--primary);
}
.upCardContent {
    margin-top: 40px;
}
.upCardImg {
    max-width: 130px;
}
.upCardImg > img {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.upCardDetail {
    text-align: center;
    padding-left: 20px;
}
.upCardText {
    padding-top: 20px;
}
.upCardText > span {
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.upeventsTop > h4 {
    font-weight: 600;
    font-size: 20px;
    margin: 0;
    padding-top: 8px;
    color: var(--primary);
}
.upCardUser > span {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
}
.upCardLeft {
    border-right: 1px solid rgba(95, 113, 153, 0.3);
    padding-right: 20px;
}
.upUserImg {
    display: flex;
    align-items: center;
}
.upUserImg img {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    object-fit: cover;
    border: 3px solid transparent;
    margin-right: -10px;
}
.upUserImg img.active {
    border-color: var(--primary2);
    position: relative;
}
.upUserImg img:last-child {
    margin-right: 0;
}
.upCardLinks {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.bannerInrPg p {
    color: #fff;
}
.bannerInrPg .bannerInrDesc {
    max-width: 1100px;
    margin: 0 auto;
    font-size: 20px;
}
.bannerInrPg.bannerBlue {
    background: var(--gradient2);
}
.bannerInrPg.bannerOverlap {
    padding: 80px 15px 160px;
}
.bannerOverlay h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
}
.bannerOverlay {
    max-width: 990px;
    margin: -75px auto 0;
    background: var(--gradient1);
    border-radius: 15px;
    position: relative;
    z-index: 2;
    padding: 21px 15px 32px 15px;
}
.bannerOverlay p {
    margin: 0;
}
.bannerInrPg::before {
    background-size: cover;
}
.cmpnyServiceBnr::before {
    background-image: url('../images/companyservicebg.webp');
}
.featureCol {
    padding: 100px 0;
}
.featureCard {
    background-color: var(--white);
}
.serviceAccordion .accordionList {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.cardStyle2 {
    border-radius: 15px;
    background-color: rgba(95, 113, 153, 0.1);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.05);
    padding: 20px 16px;
}
.cardStyle2 h3 {
    color: var(--primary);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}
.cardStyle2 p {
    margin: 0;
    font-size: 12px;
    color: var(--textBase);
}
.accordionHead h2.smTitle {
    font-weight: 600;
}
.accordionDesc {
    margin: 0 auto;
}
.cstmExpDesc {
    max-width: 860px;
}
.serviceInfoOuter,
.shoppingCartOuter {
    margin: 40px 0;
}
.dividerTitle h4 {
    color: var(--textBase);
    font-size: 16px;
    font-weight: 700;
}
.cardStyle3 h3 {
    font-size: 64px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--primary2);
}
.cardStyle3 p {
    margin: 0;
}
.alertCol {
    padding: 25px 20px;
    border-radius: 15px;
}
.alertSuccess {
    background-color: #8FFFA8;
    color: var(--primary);
}
.accordionList + .accordionList {
    margin-top: 100px;
}
.shoppingCartOuter {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}
.shoppingCartBox {
    padding: 50px;
    background-color: var(--white);
    border-radius: 15px;
}
.cardStyle3.titleLg h3 {
    font-size: 40px;
}
.cardStyle3.cardTitleMd h3 {
    font-size: 32px;
}
.longTermCol {
    padding: 100px 0;
}
.longTermInner {
    background-color: var(--primary);
    padding: 50px;
    border-radius: 15px;
}
.longTermInner h2 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 40px;
}
.longTermInner p {
    color: var(--border);
    margin: 0;
}
.seamlessIntInner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.keyStatsCol {
    padding: 100px 0 70px;
}
.keyStatsInner {
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.keyStatsRow {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 100px;
}
.cardStyle4 .cardIcon {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 44px;
}
.cardStyle4 .cardDesc span {
    color: var(--primary2);
    font-weight: 700;
}
.integrationStyle .swiper-wrapper,
.getTouchSlider .swiper-wrapper {
    transition-timing-function: linear !important; 
}
.integrationStyle .integrationLogo {
    height: 134px;
    background-color: var(--white);
    border-radius: 15px;
    display: flex;
    padding: 15px;
    align-items: center;
    justify-content: center;    
}
.seamlessIntInner p {
    margin: 0;
}
.bannerAnchor {
    font-weight: 400;
}
.contactBg::before {
    background-image: url('../images/contactbgpattern.svg');
    mix-blend-mode: screen;
}
.contactBg .mdTitle {
    line-height: 1.3;
}
.getInTouchCol {
    padding: 70px 0 50px;
}
.getTouchCard .cardTop {
    background-color: var(--white);
    padding: 25px 15px;
    border-radius: 15px;
}
.getTouchCard .getTouchBtn {
    margin-top: -14px;
}
.getTouchCard .getTouchBtn a {
    display: flex;
    gap: 25px;
    background-color: var(--secondary);
    padding: 15px 30px;
    border-radius: 15px;
    font-size: 16px;
    width: calc(100% - 4px);
    color: var(--primary);
    margin: 0 auto;
    justify-content: center;
}
.getTouchCard .getTouchBtn a:focus {
    outline-offset: none;
}
.getTouchCard .cardImg img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
}
.getTouchCard .cardDesc h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
    margin: 0;
}
.getTouchCard .cardDesc span.designation,
.getTouchCard .cardDesc span.emailCol {
    font-size: 12px;
    display: block;
}
.getTouchCard .cardDesc span.designation {
    color: var(--primary2);
}
.getTouchCard .cardDesc span.emailCol {
    color: var(--textBase);
}
.contactCol {
    padding: 50px 0 100px;
}
.contactInner {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.contactInner p {
    margin: 0;
}
.contactBtn a {
    padding: 12px 24px;
    background-color: var(--primary2);
    border-radius: 15px;
    color: var(--white);
    text-decoration: underline;
    gap: 18px;
    display: flex;
    align-items: center;    
}
.contactFormOuter {
    width: 100%;
    max-width: 500px;
    margin: 10px auto 0;
}
.rightIconField svg {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%);
}
textarea.form-control {
    height: 180px;
}
.officesCol {
    padding-bottom: 100px;
}
.getTouchSlider {
    padding-bottom: 5px;
}
.pricingBanner {
	text-align: center;
	background: var(--gradient1);
	position: relative;
	padding: 130px 30px 115px;
	border-radius: 40px;
	color: var(--white);
	font-size: 24px;
}
.pricingBanner::before {
	content: "";
	inset: 0;
	position: absolute;
	background-image: url('../images/pricing-banner-bg.webp');
	mix-blend-mode: overlay;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.bannerBtnsCol {
    margin-top: -40px;
    position: relative;
    z-index: 5;
}
.bannerBtnsCol a {
    padding: 25px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    column-gap: 20px;
    background-color: var(--white);
    color: var(--primary);
    font-weight: 700;
}
.pricingTitleCol {
    text-align: center;
    padding: 70px 0;
}
.pricingTitleCol .lgText {
    font-size: 26px;
}

.checkStyle {
	position: relative;
    display: block;
}
.checkboxFld {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
.checkStyle span.form-control::before {
	content: "";
	position: absolute;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.5%204.5L3.5%206.5L8.5%201.5%22%20stroke%3D%22%231C274C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 12px;
	height: 10px;
	display: inline-block;
	top: 50%;
	transform: translateY(-50%);
	left: 26px;
    opacity: 0;
    transition: opacity var(--transition);
}
.checkStyle .checkboxFld:checked + span.form-control::before {
    opacity: 1;
}
.checkStyle .form-control {
    color: inherit;
}
.pricingFormColWd {
	max-width: 802px;
	margin-left: auto;
	margin-right: auto;
}


.testimonialSliderSection {
    position: relative;
}
.swiper-button-disabled {
	opacity: 0.6;
}
.testimonialCardImg {
    width: 100%;
    aspect-ratio: 264/173;
    border-radius: 15px;
    object-fit: cover;
}
.tThumbImg {
    --imgSize: 64px;
    width: var(--imgSize);
    height: var(--imgSize);
    border-radius: 50%;
    object-fit: cover;
}
.tCardName {
	font-size: 20px;
	font-weight: 600;
	color: var(--primary);
	line-height: 1;
}
.tCardContent {
	position: relative;
	z-index: 1;
	margin-top: -10px;
	padding: 0 15px;
}
.testimonialPrev, .testimonialNext {
    position: absolute;
    top: 60px;
    z-index: 2;
}
.testimonialNext {
	right: 0;
	transform: translateX(50%);
}
.testimonialPrev {
	left: 0;
	transform: translateX(-50%);
}
.testimonialBtmCards p.clampText {
	margin-bottom: 12px;
}
.eventDetailBanner .bannerInner::before {
    background-image: url(../images/event-detail-banner.webp);
}
.eventDetailBanner .bannerContent h4.smTitle {
    padding: 20px 0;
}
.eventDetailBanner .bannerInner {
    padding: 70px 12px 200px;
}
.marketingSlider2 .swiper-slide > img {
    width: 100%;
    border-radius: 15px;
    aspect-ratio: 603 / 241;
}
.marketingSlider .swiper-slide img {
    aspect-ratio: 153/86;
    border-radius: 15px;
    object-fit: cover;
    width: 100%;
}
.marketingSlider {
    max-width: 775px;
    margin: 30px auto 0;
    padding: 0 54px;
}
.swiperNext.markNext {
    right: 0;
}
.swiperPrev.markPrev {
    left: 0;
}
.swiperNext.markNext, .swiperPrev.markPrev {
    top: 50%;
    bottom: auto;
    transform: translate(0, -50%);
    margin-top: 0;
}
.highLightText {
    background-color: var(--secondary);
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    padding: 10px 25px;
    border-radius: 50px;
    max-width: 164px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--primary);
}
.eventMainColSlider {
    margin-top: -170px;
}
.evDetailCol .blogpostContent {
    margin-bottom: 85px;
}
.marketingSlider2 .swiper-slide {
    border-radius: 15px;
}

/*** map css start **/

.mapSection { 
    margin:0; 
    background:var(--bodyBg); 
    color:var(--textBase); 
}
#map {
    width:1125px; 
    height:626px; 
    margin:24px auto;
    border-radius:16px; 
    overflow:hidden; 
    background:var(--bodyBg);
}
.pin { 
    width:54px; 
    height:50px; 
    pointer-events:auto; }
.pin svg { 
    filter:none; 
} 
.event-card {
    background: var(--white);
    border-radius: 15px;
    width: 200px;
    padding: 15px;
    line-height: 1.35;
    box-shadow: none;
}
.event-card .row { 
    display:flex; 
    align-items:center; 
    gap:8px; 
    color:var(--textBase); 
    font-size:13px; 
}
.event-card .title { 
    margin-top:10px; 
    font-weight:600; 
}
.event-card .subtitle { 
    font-weight: 600; 
    font-size: 14px; 
    color: var(--primary2);
}
.event-card .btn {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.leaflet-popup.event-popup .leaflet-popup-content-wrapper { 
    box-shadow:none; 
    border-radius:16px; 
    padding:0; 
    background:var(--white); 
}
.leaflet-popup.event-popup .leaflet-popup-tip { 
    display:none; 
}
.leaflet-popup-content { 
    margin:0; 
}
.zoom-pill { 
    display:flex; 
    align-items:center; 
    gap:12px; 
    background:var(--white); 
    border-radius:12px; 
    padding:8px 12px; 
}
.zoom-pill .label { 
    font-size:14px; 
    color:var(--textBase); 
}
.zoom-pill button { 
    width:32px; 
    height:32px; 
    border-radius:8px; 
    border:0; 
    background:#f3f5f7; 
    font-size:16px; 
    cursor:pointer; 
}
.leaflet-control-zoom { 
    display:none; 
}
.leaflet-popup {
    margin-bottom: 0;
}
.coord-hud {
    font-size: 12px;
    line-height: 1.2;
    background:rgba(255,255,255,.9); 
    color: var(--textBase); 
    padding:6px 8px; 
    border-radius: 8px;
}
.event-popup.side-left .leaflet-popup-content-wrapper { 
    margin-left: 8px; 
}
.event-popup.side-right .leaflet-popup-content-wrapper { 
    margin-right: 8px; 
}
/*** map css end **/

.mediaCardMain {
    padding-top: 100px;
}


/***************************/
@media (min-width:576px) {
    .reviewCol .swiper-slide {
        width: auto !important;
    }
    .reviewCol .swiper-slide .reviewCard {
        min-width: 578px;
        max-width: 578px;
    }
    .valueCol .swiper-slide {
        width: auto !important;
    }
    .valueCol .swiper-slide .valueCard {
        min-width: 400px;
        max-width: 400px;
    }
}
@media (min-width: 768px) {
    .modalBookWid {
        max-width: 720px;
    }
    .teamSocialIcons {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        transition: all var(--transition);
    }
    .tContent p {
        height: 0;
        opacity: 0;
        visibility: hidden;
        transition: all var(--transition);
    }
    .teamCardStyle:hover .teamInfo {
        padding: 25px 15px;
        border-radius: 15px;
        background-color: var(--white);
    }
    .teamCardStyle:hover .tContent p{
        padding-top: 20px;
        height: 100%;
        opacity: 1;
        visibility: visible;
    }
    .teamCardStyle:hover .tUserImg {
        width: 98px;
        height: 98px;
        margin-top: -75px;
    }
}
@media (min-width: 992px) {
    .modalBookWid {
        max-width: 880px;
    }
    .accordionStyle2 .accordion-collapse {
        display: block;
    }
    .accordionStyle2 .categoryTitle {
        pointer-events: none;
    }
    .cardStyle03.cs3DesktopBgStyle {
        background-color: var(--white);
        padding: 20px;
        border-radius: 15px;
    }
}
@media (min-width: 1399px) {
    .container.lgContainer {
        max-width: 1230px;
    }
}
@media (min-width: 1512px) {
    .xlContainer {
        max-width: 1444px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1728px) {
    .container {
        max-width: 1600px;
    }
}
@media (max-width: 1799px) {
    .livechatCol {
        padding: 20px 15px 20px 10px;
    }
    .livechatText {
        padding-top: 18px;
    }
    .livechatText > h4 {
        font-size: 16px;
    }
    .chatIcon > svg {
        max-width: 24px;
    }
    .lcFlag .usFlag {
        top: -8px;
        right: -10px;
        width: 24px;
    }
    .chatarrow > svg {
        max-width: 22px;
    }
    .chatarrow {
        right: -12px;
    }
    .integrationStyle .integrationLogo {
        height: 120px;
    }
}
@media (max-width: 1399px) {
    .tUserImg {
        height: 230px;
    }
    .footerMenu > ul {
        gap: 15px;
    }
    .lgTitle {
        font-size: 36px;
    }
    .mdTitle {
        font-size: 30px;
    }
    .footerBtm {
        padding: 60px 0 0;
    }
    .footerSocialIcons {
        margin-top: 52px;
    }
    .clientsInner {
        margin: 0 50px;
    }
    .clientText {
        padding: 20px;
    }
    .clientsSliderStyle {
        width: 325px;
    }
    .teamInfo {
        gap: 15px;
        height: 300px;
    }
    .tContent p {
        font-size: 14px;
    }
    .helpgridLogo {
        max-width: 560px;
    }
    .teamCardSpace {
        margin-bottom: 70px;
    }
    .aboutCsrOuter {
        margin-top: 60px;
    }
    .btn.csrSlideStylePrev, .btn.csrSlideStyleNext {
        padding: 15px;
        top: 90px;
    }
    .hotTopicsCol {
        width: 280px;
    }
    .blogCatSidebar {
        width: 300px;
    }
    .topicCardStyle {
        column-gap: 20px;
    }
    .catList > li > a {
        font-size: 18px;
    }
    .orderLookupSection {
    --br: 30px;
    --colPadding: 60px;
    }
    .oLookupRightCol .lgText {
        font-size: 18px;
    }
    .upCardText {
        padding-top: 15px;
    }
    .upeventsCard {
        padding: 15px;
    }
    .upCardContent {
        margin-top: 25px;
    }
     .cardStyle3.titleLg h3 {
        font-size: 36px;
    }
    .cardStyle3.cardTitleMd h3 {
        font-size: 28px;
    }
       .pricingTitleCol .lgText {
        font-size: 22px;
    }
    .pricingBanner {
        padding: 70px 30px 85px;
        font-size: 20px;
    }
    .bannerBtnsCol {
        margin-top: -32px;
    }
    .bannerBtnsCol a {
        padding: 18px 25px;
        column-gap: 15px;
    }
    .pricingTitleCol {
        padding: 50px 0;
    }
    .btn.testimonialPrev, .btn.testimonialNext {
        padding: 15px;
    }
}
@media (max-width: 1199px) {
    .navLinks>ul {
        column-gap: 28px;
    }
    header.headerSection {
        padding: 30px 0;
    }
    .bannerContent {
        max-width: 100%;
    }
    .bannerCol > h1 {
        font-size: 54px;
    }
    .ClientsContent {
        padding-left: 0;
    }
    .clientsSlider .swiper-wrapper {
        justify-content: center;
    }
    .clientText {
        padding: 25px 15px;
        border-radius: 15px;
        background-color: var(--bodyBg);
        margin: 0 20px;
    }
    .clientsInner {
        border-radius: 0;
        background-color: transparent;
    }
    .clientsInner {
        margin: 0;
    }
    .clientsSlider {
        padding: 0 0 30px;
        overflow: inherit;
    }
    .clientsSection {
        margin-top: -85px;
        overflow: hidden;
    }
    .acCardStyleImg {
        min-height: 125px;
    }
    .lgTitle {
        font-size: 32px;
    }
    .mdTitle {
        font-size: 28px;
    }
    .footerSocialIcons {
        margin-top: 42px;
    }
    .footerBtm {
        padding: 50px 0 0;
    }
    .footerMenu > ul {
        gap: 10px;
    }
    .footerLogo {
        text-align: center;
        margin-bottom: 30px;
    }
    .footerInfoText {
        max-width: 664px;
    }
    footer.footerCol {
        --callActionSpace: 144px;
    }
    .reviewCol .swiper-slide .reviewCard {
        min-width: 478px;
        max-width: 478px;
    }
    .infoCardOuter {
        max-width: 100%;
        margin: 40px auto 0;
        gap: 10px;
    }
    .servicesSection {
        padding: 80px 60px 100px;
    }
    .cookiesModel {
        max-width: calc(100% - 30px);
    }
    .mdPopupContainer {
        max-width: 960px;
    }
    .vtModal .modal-body {
        padding: 20px;
    }
    .helpgridLogo {
        max-width: 380px;
    }
    .tIcons {
        gap: 10px;
    }
    .teamInfo {
        gap: 15px;
        height: 320px;
    }
    .careerTitle {
        min-width: 300px;
    }
    img.inrBnrLogo {
        max-width: 400px;
    }
    .bannerInrPg {
        padding: 80px 0;
    }
    .careerAuthorInner {
        padding-right: 20px;
    }
    .featuredSlider {
        max-width: 620px;
    }
    .featuredSlider {
        max-width: 570px;
    }
    .hotTopicsCol {
        width: 340px;
        padding-left: 20px;
    }
    .bannerStyle2 .bannerInner {
        padding: 100px 12px;
    }
    .navLinkColStyle > ul {
        gap: 40px;
    }
    .privacyContent {
        padding: 70px 0;
        --titleSize: 30px;
        --titleSpace: 30px;
        --elementSpace: 16px;
    }
    .orderLookupCol {
        width: 440px;
    }
    .orderLookupSection {
        --br: 30px;
        --colPadding: 40px;
    }
    .upCardDetail {
        padding-left: 10px;
    }
    .upCardLeft {
        padding-right: 10px;
    }
    .upCardImg {
        max-width: 85px;
    }
    .upeventsTop > svg {
        max-width: 26px;
    }
    .upCardText {
        padding-top: 10px;
    }
    .cardStyle3.cardTitleMd h3 {
        font-size: 24px;
    }
    .cardStyle3.titleLg h3 {
        font-size: 32px;
    }
    .shoppingCartBox {
        padding: 20px;
    }
    .testimonialPrev, .testimonialNext {
        top: 70px;
    }
    .mbSelectCat {
        position: relative;
        padding-bottom: 10px;
        z-index: 8;
    }
    .chooseCatList {
        display: none;
        position: absolute;
        z-index: 5;
        background-color: var(--white);
        border-radius: 15px;
        left: 0;
        top: 100%;
        width: 100%;
    }
    .activeCatDD .chooseCatList {
        display: block;
    }
    html.activeCatDD {
        overflow: hidden;
    }
    .ddBackdrop {
        position: fixed;
        inset: 0;
        background-color: rgba(0,0,0,0.2);
        pointer-events: none;
        opacity: 0;
    }
    .activeCatDD .ddBackdrop {
        opacity: 1;
    }
}
@media (max-width: 991px) {
    header.headerSection {
        padding: 20px 0;
    }
    .logo img {
        width: 126px;
        height: auto;
    }
    .navCol {
        --navSideSpace: 25px;
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: var(--white);
        z-index: 99;
        max-width: 394px;
        width: 100%;
        padding: var(--navSideSpace);
        transition: all var(--transition);
        transform: translateX(150%);
        display: flex;
        text-align: left;
        flex-direction: column;
        justify-content: flex-start;
        font-size: 18px;
        row-gap: 20px;
    }
    .actNav .navCol {
        transform: translateX(0);
    }
    html.actNav {
        overflow: hidden;
    }
    .actNav .menuBackDrop {
        opacity: 1;
        visibility: visible;
        pointer-events: initial;
    }
    .navLinks>ul {
        row-gap: 20px;
        flex-direction: column;
    }
    .navLinks > ul > li a {
        font-size: inherit;
    }
    .navLinks>ul>li>.ddParent>a.ddTrigger::before {
        transform: rotate(-90deg);
    }
    .meneDDColBody {
        position: fixed;
        width: 100%;
        z-index: 2;
        top: 0;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(100%);
        transition: all var(--transition);
        padding: var(--navSideSpace);
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    .actDD .meneDDColBody {
        transform: translateX(0%);
    }
    .bannerInner {
        padding: 75px 12px 110px;
        border-radius: 18px;
    }
    .bannerCol {
        max-width: 100%;
    }
    .bannerCol > h1 {
        font-size: 40px;
    }
    .bannerCol > p {
        font-size: 18px;
    }
    .clientsSlider .swiper-wrapper {
        justify-content: initial;
    }
    .accordionStyle .accordion .titleCol {
        padding-bottom: 30px;
    }
    .accordionItem {
        height: auto;
        margin-bottom: 20px;
        min-height: 350px;
    }
     .footerTermMenu ul {
        gap: 30px;
    }
    .serviceCards {
        gap: 10px;
    }
    .serviceCard {
        min-width: initial;
    }
    .infoCardOuter {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 25px;
    }
    .cardStyle1.active {
        border: 0px solid var(--primary2);
    }
    .cardStyle1 {
        padding: 0;
    }
    .cardStyle1 h5 {
        margin-bottom: 18px;
    }
    .rangeSliderCol + .rangeSliderCol {
        margin-top: 25px;
    }
    .servicesSection {
        padding: 60px 40px 80px;
    }
    .serviceTopRightCol {
        max-width: 100%;
    }
    .rangeLbl {
        width: auto;
    }
    .rSliderOuter .rangeSlider {
        margin-top: 16px;
    }
    .mdPopupContainer {
        max-width: 100%;
        margin: 15px;
    }
    .vtModal .modal-body {
        padding: 10px;
    }
    .vtModal .clientsSliderStyle {
        top: 15px;
        left: 15px;
        max-width: 250px;
        width: auto;
        padding: 10px;
    }
    .vtModal .clientsImg {
        width: 50px;
    }
   .vtModal .playIcon {
        width: 28px;
        height: 28px;
        padding: 7px;
        margin-left: 20px;
    }
    .vtModal .clientsImg > a img {
        width: 45px;
        height: 45px;
    }
    .msCol + .msCol {
        padding-top: 30px;
    }
    .aboutSection .howHelpDescOuter p {
        font-size: 16px;
    }
    .aboutScrollSection {
        padding-bottom: 50px;
    }
    .helpgridLogo {
        max-width: 320px;
    }
    .missionCol {
        margin-top: 50px;
    }
     .bookDemoModalStyle .modalStepOuter {
        max-width: 500px;
    }
    .teamInfo {
        height: 290px;
    }
    .blogPostInner {
        margin: -84px auto;
    }
    .blogpostInfo > h3 {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 0;
    }
    .blogpostInfo > h4 {
        padding-bottom: 10px;
        margin-top: 30px;
    }
    .cs04ContentCol {
        padding-top: 6px;
    }
    .cs04ContentCol svg {
        width: 18px;
    }
    .cardDetailsInfo.careerCard .careerCardInfo {
        gap: 25px;
        margin-top: 25px;
    }
    .cardDetailsInfo.careerCard .countryCol,
    .cardDetailsInfo.careerCard .careerCardInfo .careerInfoList {
        gap: 10px;
    }
    .featuredSlider {
        max-width: 100%;
    }
    .hotTopicsCol {
        width: 100%;
        padding-left: 0;
    }
    .blogCatSidebar {
        width: 100%;
    }
    .sidebarBookDemo {
        padding: 80px 16px 60px;
    }
    .catList > li > a {
        padding: 8px;
    }
    ul.catList {
        padding: 10px 0;
    }
    .lgspaceSection {
        padding: 80px 0;
    }
    .blogPostBanner > img {
        border-radius: 15px;
    }
    .accordionStyle2 .accordion-body .hotTopicsCol {
        padding: 20px 0 0;
        border-bottom: none;
        margin-bottom: 0;
    }
    .accordionStyle2 {
        margin-top: 40px;
    }
    .categoryTitle > span {
        display: inline-block;
    }
    .categoryTitle {
        padding: 18px 25px;
        text-align: left;
    }
    .accordionStyle2 .accordion-item {
        margin-bottom: 20px;
    }
    .companyResourceCol .navLinkColStyle {
        padding-bottom: 0;
        margin-top: 20px;
    }
    .companyResourceCol .navLinkColStyle ul {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: start;
        flex-direction: inherit;
    }
    .navLinkColStyle > ul > li > a.active {
        padding: 12px 20px;
    }
    .resourceCol {
        padding: 0 0 40px;
    }
    .resourceCol .searchCol {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .orderLookupCol {
        width: 100%;
        padding: calc(var(--colPadding) + 10px) var(--colPadding);
    }
    .orderLTitle + .orderLookupForm {
        margin-top: calc(var(--colPadding) - 10px);
    }
    .oLookupRightCol {
        padding: calc(var(--colPadding) * 4) var(--colPadding) calc(var(--colPadding) + 15px);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .upCardImg {
        max-width: 100%;
    }
    .upCardLeft {
        padding-right: 30px;
        margin-right: 10px;
    }
    .upCardDetail {
        padding-left: 30px;
    }
    .cardStyle3.cardTitleMd h3 {
        font-size: 20px;
    }
    .contactBtn a {
        padding: 12px 15px;
        gap: 10px;
        font-size: 14px;
    }
    .contactBtn a svg {
        min-width: 24px;
    }
        .pricingBanner {
        padding: 70px 30px 0px;
        margin-bottom: 25px;
        border-radius: 25px;
    }
    .pricingBanner .getQuoteBtn {
        margin-bottom: -25px;
    }
    .pricingTitleCol {
        padding: 20px 0;
    }
    .tCardContent {
        margin-top: 15px;
        padding: 0 6px;
    }
    .testimonialPrev, .testimonialNext {
        top: 42px;
    }
    .testimonialPrev, .testimonialNext {
        top: 55px;
    }
    .eventMainColSlider {
        margin-top: 0;
    }
    .matterColDesc {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .mediaCardMain {
        padding-top: 50px;
    }
}
@media (max-width: 767px) {
    .lgTitle {
        font-size: 24px;
    }
    .bannerCol > h1 {
        font-size: 32px;
    }
    .bannerCol > p {
        font-size: 16px;
    }
    .acCardStyleContent > p {
        padding-top: 0;
    }
    .accordionItem {
        height: auto;
        margin-bottom: 0;
        min-height: auto;
        background-color: transparent;
        border-radius: 0;
    }
    .accordionCardSection {
        background-color: var(--white);
        border-radius: 15px;
        padding: 24px 20px;
    }
    .accordion-button.accordionTitle {
        padding: 14px 0;
    }
    .accordionItem .accordion-collapse {
        display: none;
    }
    .accordionItem .accordion-collapse.collapse.show {
        display: block;
    }
    .accordionItem button.accordion-button.collapsed {
        border-bottom: 1px solid #E9E9E9 !important;
    }
    .accordionItem button.accordion-button.collapsed.accordionTitle.textPrimary.border-bottom-0 {
        border-bottom: 0 !important;
    }
    .accordionItem .accordion-body {
        padding: 30px 0;
    }
    .mdTitle {
        font-size: 24px;
    }
    .callToAction h2 span {
        margin-top: 40px;
    }
    .callToAction {
        --callBtnSpace: 28px;
        padding: 48px 15px 0;
        margin-bottom: var(--callBtnSpace);
    }
    .callToAction a.btn {
        margin-bottom: calc(-1 * var(--callBtnSpace));
    }
    .footerLogo {
        text-align: left;
    }
    .footerMenu > ul {
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .footerSocialIcons {
        margin-top: 0;
    }
    .footerBtm {
        padding: 40px 0 0;
    }
    .footerInner {
        padding: 0 20px 40px;
        border-radius: 25px;
    }
    .footerTermMenu {
        margin-bottom: 20px;
    }
    .footerTermMenu ul {
        gap: 50px;
        justify-content: center;
    }
    .copyrightCol {
        text-align: center;
    }
    footer.footerCol {
        --callActionSpace: 115px;
    }
    .callToAction {
        --actionBorderRadius: 25px;
    }    
    .reviewCard .cardDesc {
        padding-left: 15px;
    }
    .reviewCard {
        padding: 20px 25px;
    }
    .reviewCard .reviewCardTop {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .reviewCard .cardDesc .starRating svg {
        width: 20px;
        height: 20px;
    }
    .reviewCard .cardDesc .starRating {
        gap: 5px;
    }
    .reviewColOuter {
        padding: 25px 0 65PX;
    }
    .reviewCol {
        margin: 40px 0 0;
    }
    .howWeHelpCol {
        padding: 70px 0 30px;
    }
    .howWeHelpCol .container {
        padding: 0;
    }
    .howHelpTitle {
        padding: 0 20px;
    }
    .howWeHelpImg {
        margin: 0 auto 55px;
    }
    .howHelpDescOuter {
        padding: 0 20px;
    }
    .footerMenu .ddColBody {
        position: initial;
        display: none;
        padding: 0 0 30px 20px;
    }
    .footerMenu .actDD .ddColBody {
        display: block;
    }
    .footerMenu > ul > li a {
        display: inline-flex;
        position: relative;
    }
    .servicesSection {
        padding: 50px 15px 40px;
    }
    .serviceCard h4 {
        font-size: 14px;
        margin: 0;
    }
    .serviceCard.serviceCardMb {
        border: 0;
        padding: 0;
        margin-top: 25px;
    }
    .rSliderOuter {
        margin-top: 25px;
    }
    .cmTitle {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .cmPreference {
        padding: 20px 0;
    }
    .cookiesModel {
        padding: 70px 15px 20px;
    }
    .navLinkColStyle > ul {
        flex-direction: column;
    }
    .helpgridLogo {
        max-width: 250px;
    }
    .missionImg {
        text-align: center;
        margin-bottom: 40px;
    }
    .bookDemoModalStyle .modalClose {
        right: 15px;
        top: 10px;
    }
    .bookDemoModalStyle .modal-body {
        padding: 40px 20px 40px;
    }
    .bookDemoModalStyle .slotOuter .slotMain {
        gap: 5px;
    }
    .bookDemoModalStyle .slot {
        font-size: 14px;
    }
    .bookDemoModalStyle .slotOuter {
        margin-top: 0;
    }
    .bookDemoModalStyle .slideArrow.swiper-button-next,
    .bookDemoModalStyle .slideArrow.swiper-button-prev {
        background-color: var(--white);
        border-radius: 50%;
        padding: 2px;
    }
    .bookDemoModalStyle .slideArrow.swiper-button-next {
        margin-left: -12px;
    }
    .bookDemoModalStyle .slideArrow.swiper-button-prev {
        margin-right: -12px;
    }
    .bookDemoModalStyle .slideArrow svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }
    .tContent {
        width: 100%;
    }
    .tUserName .tIcons {
        margin-top: 15px;
    }
    .teamCardMbCol.lgspaceSection {
        padding: 30px 0 60px;
    }
     .teamCardMbCol {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .teamCardStyleMobile .teamCardStyle {
        height: auto;
        background-color: var(--white);
        max-width: 294px;
        margin: 0 auto;
        border-radius: 15px;
        padding: 60px 15px 30px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 50%;
        z-index: 99;
        transform: translateY(300%);
    }
    .activeCard.teamCardStyleMobile .teamCardStyle {
        transform: translateY(50%);
    }
    .teamCardStyle .tUserImg {
        margin-top: -110px;
    }
    .teamCardStyleMobile .tContent p {
        font-size: 16px;
        height: auto;
        opacity: 1;
        visibility: visible;
        padding-top: 15px;
    }
    .teamInfo {
        height: auto;
    }
    .teamSocialIcons {
        position: relative;
    }
    .teamSocialIcons ul {
        background-color: var(--white);
    }
     .overlay {
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0,0,0,0.5);
        display: none;
        z-index: 9;
    }
    .overlay.active {
        display: block;
    }
    .cs02ContentCol > p {
        display: none;
    }
    .aboutCsrOuter {
        margin-top: 45px;
    }
    .btn.csrSlideStylePrev, .btn.csrSlideStyleNext {
        top: 110px;
    }
    .blogPostInner {
        margin: -110px auto;
    }
    .cardStyle04 {
        padding: 0 0 30px;
    }
    .bpDemo {
        padding: 0 30px;
    }
    .careerTitle {
        margin-bottom: 20px;
    }
    img.inrBnrLogo {
        max-width: 235px;
    }
    .bannerInrPg {
        padding: 60px 0;
    }
    .matterCol {
        padding: 35px 0;
    }
    .careerMainCol {
        padding: 40px 0;
    }
    .careerList + .careerList {
        margin-top: 40px;
    }
    .careerInnerList + .careerInnerList {
        margin-top: 10px;
    }
    .careerCard {
        padding: 25px;
    }
    .careerCard .careerCardDesc {
        margin: 15px 0;
    }
    .careerCard .careerCardInfo {
        justify-content: space-between;
    }
    .careerDetailTop {
        display: flex;
        flex-direction: column;
    }
    .careerDetailTop .backBtn {
        order: 1;
    }
    .careerDetailTop .careerAuthorCol {
        order: 2;
        margin-top: 10px;
    }   
    .careerDetailTop .cardDetailsInfo.careerCard {
        order: 3;
        margin-top: 25px;   
        margin-bottom: 40px;
    }
    .careerAuthorInner {
        display: block;
        padding-right: 0;
    }
    .careerDetailsCol {
        padding: 25px 0;
    }
    .careerDetailDesc {
        margin-top: 40px;
    }
    .lgspaceSection {
        padding: 60px 0;
    }
    .privacyContent {
        padding: 50px 0;
        --titleSize: 26px;
    }
    .valueSlider {
        padding-top: 80px;
    }
    .valueCardIcon {
        width: 74px;
        height: 74px;
        top: -38px;
    }
    .valueCard {
        padding: 60px 20px 20px;
    }
    .upCardLeft {
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
        padding-bottom: 20px;
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(95, 113, 153, 0.3);
    }
    .upCardRight {
        text-align: center;
    }
    .upUserImg {
        justify-content: center;
    }
    .upeventsSlider {
        padding: 30px 10px 70px;
    }
    .upCardImg {
        max-width: 100px;
    }
    .cmpnyServiceBnr.bannerInrPg {
        padding: 34px 0 101px;
    }
    .integrationStyle .swiper-slide,
    .getTouchStyle .swiper-slide {
        width: auto !important;
    }
    .integrationStyle .integrationLogo {
        min-width: 185px;   
        height: 85px;
    }
    .getTouchStyle .getTouchCard {
        min-width: 226px;   
    }
    .serviceAccordion {
        margin-top: 35px;
    }
    .serviceAccordion .accordionBody {
        display: none;
    }
    .shoppingCartBox {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
    }
    .accordionList + .accordionList {
        margin-top: 14px;
    }
    .accordionHead {
        display: flex;
        background-color: #fff;
        padding: 12px 25px;
        border-radius: 15px;
        align-items: center;
        justify-content: space-between;
    }
    .accordionHead h3 {
        margin: 0;
        font-size: 16px;
    }
    .serviceAccordion .accordionList.isOpen .accordionBody { 
        display: block; 
    }
    .serviceAccordion .accordionList svg {
        transition: all 300ms ease-in-out;
    }
    .serviceAccordion .accordionList.isOpen svg {
        transform: rotate(180deg);
    }
    .serviceInfoOuter, .shoppingCartOuter {
        margin: 30px 0;
    }
    .cardStyle3 h3 {
        font-size: 40px;
    }
    .serviceAccordion .accordionBody {
        padding-bottom: 36px;
    }
    .cardStyle3.cardTitleMd h3 {
        font-size: 32px;
    }
    .longTermCol {
        padding: 40px 0;
    }
    .keyStatsCol {
        padding: 40px 0 70px;
    }
    .keyStatsInner {
        gap: 30px;
    }
    .keyStatsRow .cardStyle4 {
        line-height: 2;
        border-radius: 15px;
        padding: 11px 28px;
    }
    .keyStatsRow .keyStatList:nth-child(odd) .cardStyle4 {
        background-color: rgba(95, 113, 153, 0.05);
    }
    .keyStatsRow {
        --bs-gutter-x: 0;
        --bs-gutter-y: 10px;
    }
    .bannerInrPg {
        border-radius: 15px;
    }
    .longTermInner h2 {
        color: var(--primary);
    }
    .longTermInner p {
        color: var(--textBase);
    }
    .longTermInner {
        background-color: var(--white);
        padding: 40px 15px;
    }
    .longTermInner h2 {
        margin-bottom: 20px;
    }
    .bannerInrPg.contactBg {
        padding: 50px 20px;
    }
    .contactBg .bannerAnchor {
        margin-top: 48px;
    }
    .getInTouchCol {
        padding: 40px 0 0px;
    }
    .contactCol {
        padding: 60px 0;
    }
    .getTouchStyle {
        margin-top: 35px !important;
    }
    .contactInner {
        gap: 20px;
    }
    .officesCol {
        padding-bottom: 70px;
    }
    .highLightText {
        top: auto;
        transform: none;
        padding: 10px 20px;
        max-width: 150px;
        gap: 8px;
        bottom: 20px;
    }
    .marketingSlider {
        max-width: 100%;
        margin: 15px auto 30px;
        padding: 0;
    }
    .evDetailCol .blogpostContent {
        margin-bottom: 30px;
    }
}
@media (max-width:575px) {
    .footerCol > .container {
        padding: 0;
    }
    .footerInner {
        padding: 0 0 40px;
    }
    .footerInner > .container {
        padding: 0;
    }
    .footerTop {
        padding: 36px 20px 0;
        border-bottom: 0px solid rgba(95, 113, 153, 0.3);
    }
    .callToAction {
        --actionBorderRadius: 25px 25px 0 0;
    }
    footer.footerCol {
        --callActionSpace: 0;
    }
    .footerTermMenu ul {
        gap: 30px;
    }
    .reviewCol .swiper-slide .reviewCard {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    .valueCol .swiper-slide .valueCard {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    .reviewCol {
        padding: 0 20px;
    }
    .helpBtnBox {
        padding: 15px 10px;
        width: 100%;
    }
    .serviceMainCol > .container {
        padding: 0;
    }
    .serviceMainCol .helpBtnBox.helpGradient {
        background: transparent;
    }
    .serviceMainCol .helpBtnBox.helpGradient .helpText {
        color: var(--primary2);
    }
    .servicesSection {
        border-radius: 0;
    }
    .helpgridLogo {
        max-width: 185px;
    }
    .valueCol {
        padding: 60px 15px;
    }
    .valueSlider .swiper-wrapper {
        padding-bottom: 65px;
    }
    .spaceTopCol {
        padding-top: 30px;
    }
    .scrSlider .swiper-slide, .featuredSlider .swiper-slide {
        width: auto;
    }
    .scrSlider .cardStyle02, .featuredSlider .cardStyle02 {
        width: 185px;
    }
    .btn.csrSlideStylePrev, .btn.csrSlideStyleNext {
        top: 80px;
    }
    .swiper.scrSlider {
        overflow: initial;
    }
    .cs03Img {
        width: 100%;
        aspect-ratio: 340 / 160;
    }
    .bpDemo {
        padding: 0 20px;
    }
    .eventsMap {
        padding: 50px 0 80px;
    }
    .orderLookupSection {
        --br: 20px;
        --colPadding: 20px;
    }
    .serviceCard {
        padding: 15px;
    }
    .cookiesBtn {
        gap: 20px;
    }
    .btn {
        padding: 15px 20px;
    }
    .upCardDetail {
        padding-left: 20px;
    }
    .upCardInfo {
        padding: 15px;
    }
    .testimonialCard {
        width: 190px;
    }
    .testimonialSwiper {
        overflow: initial;
    }
    .testimonialSwiper .swiper-slide {
        width: auto;
    }
    .testimonialPrev, .testimonialNext {
        top: 35px;
    }
    .highLightText {
        padding: 5px 12px;
        max-width: 115px;
        bottom: 15px;
        font-size: 14px;
    }
}
@media (max-width: 485px) {
    .bannerCol > h1 {
        font-size: 24px;
        padding-bottom: 40px;
    }
    .vtModal .clientsSliderStyle {
        display: none;
    }
    .accordionStyle2 .accordion-item {
        margin-bottom: 15px;
    }
    .categoryTitle {
        padding: 15px 20px;
    }
    .serviceCard {
        padding: 10px;
    }
}