@import "./common-variables.css";

.boxs,
.boxs2 {
    display: block;
    float: left;
}
.btnStyle,
body {
    font-family: var(--commonRegularFont);
}
body {
    font-size: 16px;
    color: var(--colorBlack);
}
.aboutBanner .bannerHeading h1,
.aboutBanner .bannerHeading h2,
.aboutBanner .serviceForLists .serviceForBox h4,
.aboutBanner .serviceForLists .serviceForBox p,
.appProcessDark .serviceForLists .serviceForBox h3,
.appProcessSection .mainSecHeading h2,
.appProcessSection .serviceForBox h3,
.blogInfo .blogDescription,
.blogInfo .blogHeading,
.blogInfo .blogTiming,
.blueBtnNew,
.btnStyle,
.btnStyle.blueBtn,
.btnStyle.btnStyle3:hover,
.btnStyle.hoverDisable:hover,
.btnStyle.whiteBtn,
.btnStyle:hover,
.careerLinkModal .modalClose:hover button,
.customBlogDetails .newBlogCardDetail .newBlogTitle,
.customRedirectLink.customRedirectLinkWhite,
.customRedirectLink.customRedirectLinkWhite:hover,
.finUsSocialLink:focus,
.finUsSocialLink:hover,
.footerStripeLeftHead,
.innovationVideoChildDetail .innovationSectionName,
.mainBannerLeft .bannerHeading h1.colorWhite,
.mainBannerLeft .bannerHeading.bannerHeading4 h1,
.mainBannerLeft .bannerHeading.bannerHeading4 h2,
.mainSecHeading .whiteFont,
.mainSecHeading h2.colorWhite,
.mainSecHeading.mainSecHeading7 h2,
.mainSecHeading2 h2,
.newTestContent div h3,
.newTestContent div h4,
.newTransparentBtn:hover,
.orangeBtnNew,
.ourCertificate span,
.ourProductRedirect2 .exploreMoreProductsLInk,
.ourProductRedirect2 .exploreMoreProductsLInk:focus,
.ourProductRedirect2 .exploreMoreProductsLInk:hover,
.portfolioBanner2 .bannerHeading h1,
.scalieProductBox .productDescriptionText,
.scalieProductBox .productHeadText,
.serviceFor2 .serviceForLists .serviceForBox h4,
.serviceFor2 .serviceForLists .serviceForBox p,
.testimonialsNewSlide .testimonialRedirect .hoverBtn2,
.testimonialsNewSlide .testimonialRedirect .hoverBtn2:focus,
.testimonialsNewSlide .testimonialRedirect .hoverBtn2:hover,
.testimonialsNewSlide span,
.colorWhite {
    color: var(--colorWhite);
}
.menuRightBtm .subMenuHeading4,
a,
a:focus,
a:hover {
    text-decoration: none;
}
.caseStudyLink a,
.linkDesign a {
    line-height: 14px;
}
body::-webkit-scrollbar {
    width: 11px !important;
}
body::-webkit-scrollbar-thumb {
    background-color: #ef392fd8 !important;
    border-radius: 6px;
}
body::-webkit-scrollbar-thumb:hover {
    background: #ef3a2f !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
a,
button {
    transition: .35s;
}
button {
    padding: 0;
    cursor: pointer;
    background-color: #fff0;
    border: none;
}
button:focus {
    outline: 0;
    box-shadow: none;
}
a {
    outline: 0;
}
.boxs{
    width: 100%;
}
.anotherCaseImg img,
.benefitsLeftImg,
.blogDetailsBanner span,
.caseMobBanner img,
.footBottomSec,
.footBottomSec:last-child,
.footerBox .footRight,
.footerBox .footRight.footRight2,
.intl-tel-input,
.intl-tel-input .country-list,
.intl-tel-input .flag-container,
.lastListItemImages .lastListItemImage img,
.memberSlide .memberImg img,
.menuLeft.menuLeftNew,
.menuRightImage img,
.partnerSecBg img,
.pickleBAllMediaFrame img,
.portfolioImgCol img,
.projetsSlidersNew .slick-slide img,
.subMenusOuterNew .offshoreSubmenuNew .offshoreDevelopmentMenu .submenuBoxs,
.subMenusOuterNew .servicesSubmenu .menuLeft,
.submenuInnerBox .menuRight .submenuBoxs,
.weDeliverTop {
    width: 100%;
}
.boxs2 {
    width: auto;
}
.container {
    max-width: 1300px;
}
.awardsRecognitionSlider.slick-initialized .slick-track,
.benefitsLists.benefitsListsNew,
.bizHeadsImgCont,
.compDetailPage .contentSectionDetail,
.companyMenuNewDesign,
.contactFormInner,
.flexBox,
.footercertificationBox,
.howWorksBlogs,
.hrmcontent,
.indusServListsCont,
.joinTeamSecIn,
.listCounts,
.newTestimonialSlider .slick-track,
.procStepRow,
.statsSecNewTop,
.testimonialsNewSlider.slick-slider .slick-track {
    display: flex;
}
.btnStyle {
    background: var(--colorOffBlack9);
    display: inline-block;
    float: left;
    cursor: pointer;
    padding: 17px 31px;
    text-transform: capitalize;
    border: 1px solid var(--colorOffBlack9);
    min-width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    font-size: 16px;
    line-height: 16px;
    border-radius: 16px;
}
.caseStudyLink a,
.countryName,
.footMenuHeading,
.hireOption,
.weDeliverTop .smallHeading p {
    text-transform: uppercase;
}
.btnStyle::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    color: var(--colorOffBlack9);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: .5s;
}
.btnStyle.btnStyle3::before {
    background: var(--colorOffBlack2);
}
.btnStyle:hover {
    color: var(--colorOffBlack2);
}
.aboutSlideContent .aboutQuote.aboutQuote2,
.aboutUsSection2 .aboutSlideContent .aboutQuote,
.aboutUsSection2 .aboutSlideContent .quoteBy,
.aboutUsSection2 .watchYTVidBtn,
.appProcessLight .appProcessSection .mainSecHeading h2,
.appProcessLight .appProcessSection .serviceForBox h3,
.btnStyle3,
.copyCouponLink,
.footMenuList ul li a.mainActiveLink,
.footMenuList ul li a.menuActiveLink,
.footMenuList ul li.current-menu-item a,
.metaverseInfoRight .grwothInnerBox h4,
.metaverseInfoRight .grwothInnerBox p,
.navbar-expand-md .navbar-nav .nav-link.menuLink.menuActiveLink,
.navbar-expand-md .navbar-nav.current-menu-item .nav-link.menuLink,
.navbar-nav .nav-link.menuLink,
.navbar-nav .nav-link.menuLink.active,
.navbar-nav .nav-link.menuLink:hover,
.newQueryForm .queryLists ul li,
.newQueryForm .querySubHeading,
.oneTeamSectionNewSectionChild2 .statsSecNewTop .statsCountNew h3,
.oneTeamSectionNewSectionChild2 .statsSecNewTop .statsCountNew p,
.pressContentBox .pressBoxHeading a,
.pressContentBox .pressBoxHeading a:hover,
.projetsSlidersNew .mainSecHeading h2,
.projetsSlidersNew .projectContentBox .projectSubHeading span,
.projetsSlidersNew .serviceFor.serviceFor3 .serviceForBox h4,
.quoteAuthorCont3 .pressDate,
.quoteAuthorCont3 .quoteAuthorInfo .quoteAuthorName,
.serviceForLists .serviceForBox p,
.socialLists.socialLists2 span a,
.submenuInnerBox .subMenuList ul li a.active,
.submenuInnerBox .subMenuList ul li a:hover {
    color: var(--colorBlack);
}
.btnStyle:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.growthHackImg img,
.teamImageNew img {
    transform: scale(1);
    transition: .5s;
}
.btnStyle2 {
    padding: 15px 64px;
    font-size: 17px;
    border: 0;
}
.btnBlue,
.btnStyle.btnBlue:hover {
    border: 1px solid var(--colorBlue);
}
.smallBtn {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 16px;
}
.smallBtn3 {
    padding: 15px 30px;
}
.aboutUsSection2,
.btnStyle3,
.header.header3,
.homeBanner.homeBanner2,
.subMenusOuterNew .submenuInnerBox .menuRight {
    background: 0 0;
}
.smallBtn2 {
    font-size: 14px;
}
.btnBlue {
    background: var(--colorBlue);
}
.footerMid .footerBox,
.ourProcBannerInfo,
.serviceFor .serviceForLists,
.subMenus {
    border-top: 1px solid var(--colorBlack);
}
.header.header2 {
    background: 0 0;
    box-shadow: none;
}
.header,
.header.fixedHeader {
    position: fixed;
    background: var(--colorOffBlack);
    z-index: 999;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / .16);
    transition: .5s;
}
.hireOption,
.submenuInnerBox .subMenuHeading3 span {
    background-image: linear-gradient(to right, #161e6d, #ef3a2f);
}
.sectionTop {
    margin-top: 75px;
}
.contactFormModal .modalBody,
.formModalDesign .modal-content,
.menuRight.menuRight2,
.navbar,
.oneTeamSection.oneTeamSectionNewSection,
.statsSectionNew,
.submenuInnerBox .menuLeft.offshoreDevelopmentMenu {
    padding: 0;
}
.navbar-expand-md .navbar-nav {
    width: 100%;
    justify-content: flex-end;
}
.navbar-expand-md .navbar-nav .nav-link.menuLink {
    padding: 0 0 30px;
}
.navbar-nav .nav-item {
    margin-right: 28px;
}
.navbar-nav .nav-link.menuLink {
    display: inline-block;
    position: relative;
    padding: 0;
}
.navbar-nav .nav-link.menuLink::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: 0 0;
    top: 15px;
    height: 2px;
}
.aboutUsSection2 .aboutSlideContent .quoteBy::before,
.customCheckbox input[type=checkbox]:checked+label::before,
.navbar-expand-md .navbar-nav .nav-item.activeMenu .nav-link.menuLink:after,
.navbar-nav .nav-link.menuLink.active::before,
.navbar-nav .nav-link.menuLink.menuActiveLink::before,
.navbar-nav.current-menu-item .nav-link.menuLink::before,
.newTransparentBtn::before,
.quoteAuthorInfo.quoteAuthorInfo2::after,
.submenuInnerBox .subMenuList ul li span.menuActives::before {
    background: var(--colorOffWhite);
}
.navbar-expand-md .navbar-nav .nav-item.activeMenu .nav-link.menuLink {
    color: var(--colorOffWhite);
    position: relative;
}
.navbar-expand-md .navbar-nav .nav-item .nav-link.menuLink:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    height: 2px;
    width: 0%;
    background: var(--colorBlack);
    transition: .5s;
}
.navbar-expand-md .navbar-nav .nav-item .nav-link.menuLink:hover:after {
    width: 100%;
    transition: .5s;
}
.navbar-nav .nav-link.menuLink.active {
    transition: .5s;
}
.hireOption {
    font-size: 12px;
    line-height: 12px;
    color: var(--colorWhite);
    border-radius: 2px;
    padding: 4px 4px 2px;
    margin-left: 3px;
}
.hireOption_new {
    background-image: none;
    background-color: #fff0;
    border: 1px solid var(--colorWarmGrey);
    border-radius: 2px;
    color: var(--colorOffWhite);
    padding: 2px 4px 1px;
}
.hiringOption {
    font-size: 10px;
    line-height: 10px;
    margin-left: 6px;
    padding: 3px 2px 2px;
}
.headerRight {
    align-items: center;
    justify-content: flex-end;
}
.header .headerLogo,
.procStepRow:nth-child(odd) .procStepWrp::before {
    margin-right: 20px;
}
.header .headerLogo,
.header.fixedHeader .headerLogo {
    min-width: 150px;
    position: relative;
    top: 0;
    left: 0;
}
.subMenus,
.subMenusOuter .subMenusBox {
    left: 0;
    top: 75px;
    visibility: hidden;
    opacity: 0;
}
.navbar-brand {
    display: inline-block;
    padding: 0;
    z-index: 999;
}
.aboutUsNewBottom a:last-child,
.agileProcStep:last-child,
.benefitsInner .benefitsLeft span:last-child,
.caseStudyMore a:last-child,
.clientProductInfo .productKeys ul li:last-child,
.customPills .nav-item:last-child .nav-link,
.footBottomMenu ul li:last-child,
.header .headerLogo .navbar-brand,
.pressDateTime span:last-child,
.skillListTagList .skillListItem:last-child,
.socialLinks ul li:last-child,
.socialLists span:last-child,
.statsSectionNew .statsCountNew:last-child {
    margin-right: 0;
}
.header .headerLogo .navbar-brand,
.header.fixedHeader .headerLogo .navbar-brand {
    position: fixed;
    top: 0;
}
.mainMenu .navbar-nav .nav-item {
    position: relative;
    line-height: 75px;
    min-width: max-content;
    transition: .5s;
}
.subMenus {
    position: fixed;
    width: 100%;
    right: 0;
    background: var(--colorWhite);
}
.navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
.submenuInnerBox .menuLeft {
    padding: 41px 0;
}
.submenuInnerBox .subMenuHeading {
    line-height: 25px;
    color: var(--colorOffBlack);
}
.listDesignNew li a,
.submenuInnerBox .subMenuHeading .subMenuLinks {
    color: var(--colorBlack);
    position: relative;
    background: linear-gradient(to right, transparent, transparent), linear-gradient(to right, #000, #000);
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s;
}
.companySubmenu a:hover .subMenuListsSec .subMenuHeadings .subMenusListItems,
.companySubmenu a:hover .subMenuListsSec .subMenuHeadings h5,
.footMenuList ul li a:hover,
.submenuInnerBox .subMenuHeading .subMenuLinks:hover {
    color: var(--colorOffBlack);
    background-size: 0 2px, 100% 2px;
}
.submenuInnerBox .submenuSubhead {
    font-size: 16px;
    line-height: 20px;
    color: var(--colorBlack);
    margin-bottom: 20px;
}
.clientProductInfo .productKeys,
.ourServiceSolutions h4,
.queryLists ul li,
.stepsList .stepsListItem,
.stepsList.stepsList2 .stepsListItem,
.submenuInnerBox .subMenuList ul li:not(:last-child) {
    margin-bottom: 12px;
}
.sideSection ul li,
.submenuInnerBox .subMenuList ul li {
    display: inline-block;
    float: left;
    width: 100%;
}
.submenuInnerBox .subMenuList ul li a {
    font-size: 16px;
    line-height: 20px;
    color: var(--colorBlack);
    opacity: 1;
    position: relative;
    background: linear-gradient(to right, transparent, transparent), linear-gradient(to right, #000, #000);
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s;
}
.submenuInnerBox .subMenuList ul li a.activeLinks {
    color: var(--colorGrey);
    position: relative;
}
.submenuInnerBox .subMenuList ul li span {
    position: relative;
    display: inline-block;
    padding-left: 25px;
}
.submenuInnerBox .subMenuList ul li span::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 10px;
    background-color: var(--colorRed2);
    left: 0;
    top: 9px;
}
.listDesignNew li a:hover,
.submenuInnerBox .subMenuList ul li a:hover {
    background-size: 0 2px, 100% 2px;
}
.submenuInnerBox .subMenuList ul li a:hover::after {
    width: 100%;
    transition: .5s;
    background: var(--colorOffBlack);
    z-index: 99;
}
.submenuBoxs {
    width: 33%;
    display: inline-block;
    float: left;
    padding-right: 40px;
    margin-bottom: 30px;
}
.benefitsLists:not(:last-child),
.blogBannerLeft h1,
.blogBannerLeft h2,
.clientProductsNewsec,
.contentSectionInner .contentSectionDetail .secContents,
.formMainHeading,
.homeBannerLeft .bannerSubHeading,
.howWorksBlogs:not(:last-child),
.statsSectionNew .statsSecNewBtm p,
.submenuBoxs .subMenuLists:not(:last-child) {
    margin-bottom: 40px;
}
.servicesSubmenu .menuLeft {
    width: 70%;
}
.servicesSubmenu .menuRight {
    width: 30%;
}
.servicesSubmenu .menuLeft,
.servicesSubmenu .menuRight {
    height: auto;
}
.submenuInnerBox .menuRight {
    background-color: #161e6d1a;
    position: relative;
    padding: 0 0 0 0;
}
.submenuInnerBox .menuRight::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    right: -100%;
    top: 0;
    background-color: #161e6d1a;
}
.submenuInnerBox .subMenuHeading2 {
    font-size: 23px;
    line-height: 27px;
}
.submenuInnerBox .subMenuList2 ul li span {
    font-size: 18px;
    line-height: 25px;
}
.submenuInnerBox .subMenuList2 ul li span::before {
    top: 11px;
    width: 14px;
}
.caseDescSecCont p+h2,
.joinOurTeamBanner,
.ourProcBannerInfo:first-child,
.subMenuBtn {
    margin-top: 50px;
}
.offshoreSubmenu .menuLeft,
.technologySubmenu .menuLeft {
    width: 63%;
}
.offshoreSubmenu .menuRight,
.technologySubmenu .menuRight {
    width: 37%;
}
.submenuInnerBox .subMenuHeading3 {
    margin-bottom: 20px;
    min-width: max-content;
}
.submenuInnerBox .subMenuHeading3 span {
    font-size: 16px;
    line-height: 16px;
    color: var(--colorWhite);
    border-radius: 4px;
    text-decoration: none;
    padding: 10px 24px;
}
.footBottomSec,
.footBottomSec.footBottomSecFirst,
.footBottomSec:last-child,
.footSecBox .locatedOffices,
.mainBannerLeft .bannerHeading h1,
.mainBannerLeft .bannerHeading h2,
.menuRight .submenuBoxs,
.ourSolutionBox .solutionBoxBanner h4,
.ourSolutionBox .solutionBoxBanner p,
.portfolioBanner2 .serviceBannerBox .mainBannerLeft .bannerSubHeading,
.projetsSlidersNew .serviceFor.serviceFor3,
.serviceBanner2 .serviceBannerLeft .bannerHeading h2,
.subMenusOuterNew .offshoreSubmenuNew .submenuBoxs.teamExtensionSubMenu {
    padding-right: 0;
}
.menuRight2 .menuRightTop {
    height: 297px;
    background-color: var(--colorOffBlack8);
    padding: 20px 0 20px 30px;
    position: relative;
}
.menuRight2 .menuRightTop::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--colorOffBlack8);
    top: 0;
    right: -100%;
    z-index: 1;
}
.menuRightBtm {
    padding: 53px 0 50px 30px;
}
.menuRightTop .subMenuHeadingTop {
    font-size: 24px;
    line-height: 29px;
    color: var(--colorWhite);
}
.menuRightBtm .subMenuHeading4 {
    font-size: 28px;
    line-height: 36px;
    color: var(--colorBlack);
}
.lnkStyle,
.lnkStyle:hover {
    font-size: 16px;
    line-height: 16px;
    color: var(--colorRed2);
    border-bottom: 1px solid var(--colorRed2);
}
.subMenuTopBanner {
    position: absolute;
    bottom: -77px;
    right: -75px;
    z-index: 9;
}
.subMenuListsSec .subMenuHeadings {
    margin-left: 23px;
    padding-right: 45px;
}
.subMenuListsSec .subMenuHeadings .subMenusListItems,
.subMenuListsSec .subMenuHeadings h5 {
    font-size: 24px;
    line-height: 20px;
    color: var(--colorWarmGrey);
    display: inline;
    position: relative;
    background: linear-gradient(to right, #707070, #707070), linear-gradient(to right, #000, #000, #000);
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s;
}
.subMenuListsSec .subMenuHeadings p {
    font-size: 16px;
    line-height: 20px;
    color: var(--colorBlack);
    margin-top: 10px;
}
.companySubmenu .submenuBoxs {
    margin-bottom: 75px;
}
.companySubmenu .menuLeft {
    padding-bottom: 10px;
}
.companySubmenu a .subMenuListsSec .subMenuHeadings span {
    display: inline-flex;
}
.menuLeft {
    flex-wrap: wrap;
}
.submenuBoxs ul li {
    line-height: normal;
}
.subMenusOuter .subMenusBox {
    position: fixed;
    height: calc(100vh - 75px);
    width: 100%;
    background: rgb(0 0 0 / .3);
    z-index: -1;
}
.couponFormDesign.formDesign select,
.projetsSlidersNew,
.recognitionBox.recognitionBoxWhite,
.submenuInner {
    background-color: var(--colorWhite);
}
.mainMenu .navbar-nav .nav-item.activeMenu .subMenus,
.mainMenu .navbar-nav .nav-item.activeMenu .subMenusOuter .subMenusBox {
    opacity: 1;
    visibility: visible;
    transition: .5s;
}
.fontSize65 {
    font-size: 65px;
    line-height: 70px;
}
.fontSize62 {
    font-size: 68px;
    line-height: 68px;
}
.fontSize60 {
    font-size: 60px;
    line-height: 70px;
}
.fontSize54 {
    font-size: 54px;
}
.fontSize40 {
    font-size: 40px;
    line-height: 55px;
}
.fontSize40New {
    font-size: 40px;
    line-height: 45px;
}
.fontSize38 {
    font-size: 28px;
    line-height: 38px;
}
.fontSize32 {
    font-size: 32px;
    line-height: 39px;
}
.fontSize26 {
    font-size: 26px;
    line-height: 33px;
}
.fontSize22 {
    font-size: 22px;
    line-height: 30px;
}
.fontSize21 {
    font-size: 21px;
    line-height: 30px;
}
.fontSize14 {
    font-size: 14px;
    line-height: 20px;
}
.fontSize12 {
    font-size: 12px;
    line-height: 18px;
}
.fontSize11 {
    font-size: 11px;
    line-height: 13px;
}
.boldFont {
    font-family: var(--commonRegularFont);
}
.semiboldFont {
    font-family: var(--commonRegularFont);
}
.regularFont,
.statsSectionNew .statsSecNewBtm.statsSecNewBtmNewSection p {
    font-family: var(--commonRegularFont);
}
.blackFont,
.queryformHeading span {
    font-family: var(--commonRegularFont);
}
.bgGrey2,
.mopStudyBigImgSec,
.recognitionBox {
    background: var(--colorGrey2);
}
.bgGrey5,
.menuBottomStripe,
.notFoundPage,
.ourSolutions {
    background: var(--colorGrey5);
}
.serviceBannerBox {
    padding: 90px 0;
    margin-bottom: 100px;
}
.serviceFor .serviceForLists {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0 0;
}
.serviceFor .serviceForLists .serviceForBox:first-child {
    width: 58%;
    padding-right: 90px;
}
.serviceFor .serviceForLists .serviceForBox:last-child {
    width: 42%;
    padding-right: 0;
}
.serviceFor.serviceFor3 .serviceForLists .serviceForBox,
.serviceForLists .serviceForBox {
    padding-bottom: 25px;
}
.serviceForLists .serviceForBox .serviceForBoxChild,
.serviceForLists .serviceForBox h3,
.serviceForLists .serviceForBox h4 {
    color: var(--colorBlack);
    margin-bottom: 10px;
}
.aboutSlideContent .aboutQuoteIcon,
.bundleContent .bundleItemHeading,
.bundleSectionListingLastitem .bundleListContent .bundleContentList:last-child,
.clientProductImage,
.contentSectionTop .headingContent,
.footerMid .footSections .footSecBox,
.imgGrdCont .row,
.infinite-marquee:last-child,
.newBLogCardImage,
.newMenuItemDescription,
.ourSolutionsBottom .col-md-4,
.portfolioTabsChild .nav-item,
.productsListsBox .col-sm-12,
.recognitionInner .col-md-12,
.recognitionInner .col-md-12:nth-last-child(-n/**/+3),
.seoTestimonialsBox .col-sm-12,
.serviceMainContent .servBannerHeading,
.statsSectionNew .statsSecNewTop.statsSecNewTopSection,
.weDeliverListing .col-sm-4:nth-last-child(-n/**/+3) {
    margin-bottom: 20px;
}
.serviceMainContent .servBannerContent {
    margin-bottom: 45px;
    color: var(--colorOffBlack5);
}
.serviceBannerRight {
    padding-left: 95px;
}
.weDeliverBox {
    padding: 0 0 50px;
    background: var(--colorGrey2);
}
.ourCertificateBox:first-child {
    background: url("https://d1r57b107sq2kf.cloudfront.net/awards/awardBg1.webp") center center/cover no-repeat;
}
.ourCertificateBox:nth-child(2) {
    background: url("https://d1r57b107sq2kf.cloudfront.net/awards/awardBg2.webp") center center/cover no-repeat;
    margin: 0 -1px;
}
.ourCertificateBox:last-child {
    background: url("https://d1r57b107sq2kf.cloudfront.net/awards/awardBg3.webp") center center/cover no-repeat;
}
.ourCertificate {
    padding: 17px 17px 40px;
}
.awardBoxsTop,
.companyBlogsNew .row .col-sm-4 {
    margin-bottom: 50px;
}
.ourCertificate .awardSubHeading {
    margin-bottom: 8px;
}
.ourCertificate .awardImage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 92px;
}
.agileProcStep .agileStepCircle,
.footBottomSec,
.ourCertificate .awardImage span {
    display: inline-block;
}
.weDeliverTop .smallHeading {
    margin-bottom: 9px;
}
.weDeliverTop .smallHeading p {
    color: var(--colorRed);
}
.weDeliverTop .sectionHeading {
    margin-bottom: 22px;
    color: var(--colorOffBlack2);
}
.metaverseVideoDetails .metaverseSecDescription,
.subMenuListsSec .subMenuHeadings p,
.submenuInnerBox .submenuSubhead.submenuSubhead3,
.weDeliverTop .subHeading {
    color: var(--colorWarmGrey);
}
.deliverListBox .deliverListContent h3 {
    color: var(--colorOffBlack2);
}
.deliverListBox .deliverListContent p {
    color: var(--colorOffBlack4);
    padding-right: 10px;
}
.listCounts span {
    display: inline;
}
.weDeliverListing .col-sm-4 {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 60px;
}
.listCounts .listCounter2 {
    position: relative;
    width: 100%;
}
.listCounts .listCounter2:after,
.listCounts .listCounter2:before {
    position: absolute;
    content: "";
    height: 6px;
    bottom: -6px;
}
.listCounts .listCounter2:after {
    width: 100%;
    right: 4px;
    background-image: linear-gradient(90deg, #F3701B 0%, #D30902 50%);
}
.listCounts .listCounter2:before {
    width: 8px;
    background: var(--colorWhite);
    left: -12px;
}
.weCertified {
    width: 732px;
    display: flex;
    float: unset;
    margin: -100px auto 100px;
}
.awardsSection .awardsCard:last-child,
.bannerSubHeading.bannerSubHeading2,
.caseProcDescCont2 p:last-child,
.contentSectionDetail .secContents .secContText p:last-child,
.couponListBox:last-child,
.customEditor .customUl li:last-child,
.customEditor li:last-child,
.imgGrdCont .row:last-child,
.indusInfoCont .indusInfoContent p:last-child,
.latestNewsBox .row .col-sm-6:nth-last-child(-n/**/+2),
.mottoContent p:last-child,
.queryLists ul li:last-child,
.secContents .pointsLists ul li:last-child,
.stepsList .stepsListItem:last-child,
.weCertified.weCertified2 {
    margin-bottom: 0;
}
.caseStudyBnr .serviceBannerBox,
.joinTeamSec.joinTeamSec2,
.mainBannerLeft .bannerHeading.bannerHeading3,
.newTestimonialSlider.slick-initialized.slick-slider,
.offshoreForm.blogForm,
.ourProcBannerInfo:last-child,
.weDeliverBox.weDeliverBox3,
.workRepositorySecNew {
    padding-bottom: 0;
}
.weDeliverContentBox {
    padding: 80px 0 68px;
}
.benefitsSection {
    padding: 65px 0;
    background: var(--colorBlack);
}
.benefitsInner .benefitsLeft {
    position: relative;
    width: 38%;
}
.benefitsInner .benefitsRight {
    width: 62%;
    padding-left: 89px;
    margin-top: 12px;
}
.benefitsInner .benefitsLeft span {
    display: inline-block;
    float: left;
    margin-right: 12px;
}
.benefitsLists .benefitsListHeading {
    color: var(--colorWhite);
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
}
.benefitsLists .benefitsListContent,
.hireDedicatedDevsNew .mainSecHeading h2,
.slideCount {
    color: var(--colorWhite);
}
.benefitsLists .benefitsListHeading::after {
    content: "";
    position: absolute;
    width: 55%;
    background-image: linear-gradient(to right, #696969, #000);
    height: 4px;
    z-index: 0;
    margin-left: 10px;
    bottom: 11px;
}
.benefitsLists .benefitsListContent {
    padding-right: 8px;
}
.benefitsInner {
    z-index: 0;
}
.benefitsInner .benefitsLeft .benefitTag {
    margin-right: -15px;
    margin-top: 50px;
}
.aboutUsSec2,
.clientProducts {
    padding: 60px 0 0;
}
.mainSecHeading.mainSecHeading3 {
    padding-bottom: 0;
    margin-bottom: 24px;
}
.mainSecHeading.mainSecHeading4 {
    padding-bottom: 0;
    margin-bottom: 30px;
}
.benefitsLists.benefitsListsNew:not(:last-child),
.newQueryForm .queryLists ul li,
.ourProcBannerInfo p,
.productDetail .productName,
.projectSlideContent .mainSecHeading.mainSecHeading3,
.smallSubHeading,
.snippetsText p:not(:last-child) {
    margin-bottom: 10px;
}
.newBlogCardDetail .newBlogDate,
.productDetail .productDescription,
.querySubHeading,
.secContents .listPoints .listHeadgin,
.testimonialsNewSlide .testimonialCardDetail {
    margin-bottom: 15px;
}
.mainBannerLeft .bannerHeading h1,
.mainBannerLeft .bannerHeading h2,
.mainSecHeading h1,
.mainSecHeading h2 {
    color: var(--colorOffBlack);
}
.clientProductInfo .productKeys ul li {
    display: inline-block;
    float: left;
    margin-right: 20px;
    color: var(--colorBlue);
}
.productDetail .productName .caseStudyHeading,
.productDetail .productName .caseStudyHeading:focus,
.productDetail .productName .caseStudyHeading:hover {
    color: var(--colorBlack);
    display: inline-block;
    float: left;
}
.caseStudyLink a {
    font-size: 14px;
    color: var(--colorRed);
    border-bottom: 1px solid var(--colorRed);
    display: inline-block;
}
.aboutSlideImage span img,
.awardsCard .awardsImage span img,
.clientProductImage img,
.footercertificationBox img,
.homeBannerImg span img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.productsListsBox .col-sm-6 {
    margin-bottom: 70px;
    padding-left: 15px;
    padding-right: 15px;
}
.formDesign select.form-control,
.hireDevsLeft,
.productDetail {
    padding-right: 40px;
}
.aboutUsSection {
    background: var(--colorOffBlack6);
    padding: 60px 0;
}
.aboutSlideContent {
    width: 55%;
}
.aboutSlideImage,
.footercertificationBoxMainNew {
    width: 45%;
}
.aboutSlideContent .aboutQuote {
    margin-bottom: 20px;
}
.aboutSlideContent .quoteBy {
    position: relative;
}
.aboutSlideContent .quoteBy::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 3px;
    width: 50px;
    background: var(--colorBlack);
    display: none;
}
.aboutSlideContent .quoteCountry {
    color: var(--lightColor);
    line-height: 26px;
}
.aboutSlideImage span {
    display: inline-block;
    float: right;
}
.aboutSliderBox,
.agileProcStep,
.blogsSectionRight,
.caseStudyBanner,
.contactFormSec,
.couponFormChild>div,
.grwothHackInner span,
.homeBanner,
.innovationVideoContChild,
.ourTeamBox .ourTeamInner,
.partnersSectionTopChild,
.pickleBAllMediaSection,
.projetsSlidersBox,
.projetsSlidersNew .projetsSlidersBox,
.testimonialRedirect a .viewStudyLinkText {
    position: relative;
}
.aboutSliderBox .slidesCounter {
    position: absolute;
    right: 0;
    top: -100px;
}
.slideCount {
    font-size: 20px;
    line-height: normal;
    display: inline-block;
}
.faqList .faqQuestion a,
.smallSubHeading {
    width: 100%;
}
.slideCount .active {
    color: #fff0;
    -webkit-text-stroke: 1px var(--colorWhite);
    font-size: 64px;
    line-height: normal;
}
.aboutSlider.slick-initialized .slick-slide {
    padding: 0 2px;
}
.appProcess {
    padding: 60px 0;
    background: var(--colorBlack);
}
.serviceFor.serviceFor2 {
    padding-right: 110px;
}
.serviceFor.serviceFor2 .serviceForLists {
    border-top: 1px solid var(--colorWhite);
}
.serviceFor.serviceFor2 .serviceForLists:last-child {
    border-top: 2px solid var(--colorWhite);
}
.appProcessLight .serviceForLists .serviceForBox,
.companyBlogs.companyBlogs2,
.serviceFor2 .serviceForLists .serviceForBox {
    padding-bottom: 60px;
}
.faqSection {
    padding: 80px 0 112px;
}
.smallSubHeading {
    color: var(--colorSecondary);
    display: block;
    float: left;
}
.btnStyle.btnStyle3:hover,
.btnStyle:hover,
.faqList.activeTab .faqQuestion a,
.highlightFont,
.oneTeamLeft .creativeNerds span,
.ourClientsSliderNew .mainSecHeading h2 span,
.textRed2 {
    color: var(--colorRed2);
}
.btnStyle:hover,
.textRed2{
    color: var(--colorNew_red);
}
.faqList .faqQuestion a {
    color: var(--colorBlack);
    display: inline-flex;
    justify-content: space-between;
}
.faqList .faqAnswer {
    color: var(--colorBlack);
    display: none;
    margin-top: 18px;
    line-height: 26px;
}
.faqList {
    padding: 40px 0;
    border-bottom: 1px solid var(--colorBlack);
}
.faqSecList {
    position: relative;
    padding-left: 50px;
}
.faqSecList::before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    height: 32px;
    width: 32px;
    border: 1px solid #ebebeb;
    background-color: var(--colorGrey5);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    line-height: 21px;
}
.blogDetails .blogTiming,
.formDesign .form-control {
    line-height: 20px;
}
.faqSecList.faqQuestion:before {
    content: "Q";
}
.faqSecList.faqAnswer:before {
    content: "A";
    top: 0;
}
.faqList.activeTab .faqSecList.faqQuestion::before {
    color: var(--colorRed2);
    background: #f8e6e5;
}
.faqList .arrowIcon {
    float: right;
    padding-left: 30px;
}
.faqList .arrowIcon i {
    transition: .3s;
}
.faqList .faqListInner {
    transition: .3s;
    border-left: 2px solid #fff0;
}
.aboutQuoteText,
.anotherCaseTxt p+p,
.appProcessInner .appProcessBanner,
.blogFormImg,
.caseTxtCont h2+p,
.caseTxtCont p+p,
.joinTeamDesc,
.memberSlide p,
.portfolioTxtCol h2+p,
.queryListsNew,
.reqTeamSec h2+p {
    margin-top: 20px;
}
.companyBlogs {
    padding: 60px 0;
    background: var(--colorGrey2);
}
.blogDetails .blogTiming {
    color: var(--colorWarmGrey);
    padding: 12px 0;
}
.blogDetails .blogHeading a {
    padding: 15px 0;
    border-top: 2px solid var(--colorBlack);
    color: var(--colorBlack);
}
.linkDesign a,
.linkDesign a:hover,
.sideSection ul li a.activeLink {
    color: var(--colorRed);
    border-bottom: 1px solid var(--colorRed);
}
.blogDetails .blogDescription {
    padding: 15px 0;
    border-top: 1px solid var(--colorBlack);
}
.blogListBoxNew .blogCategory {
    color: var(--colorWarmGrey);
    margin-bottom: 11px;
}
.header.header2.fixedHeader .navbar-nav .nav-link.menuLink:active,
.header.header2.fixedHeader .navbar-nav .nav-link.menuLink:hover,
.navbar-nav .nav-link.menuLink,
.queryformHeading span {
    color: var(--colorOffBlack);
}
.hoverBtn2.readmoreOption,
.linkDesign2:hover {
    color: var(--colorRed2);
    text-decoration: underline;
}
.blogListBox .blogImage {
    height: 207px;
}
.blogListBox .blogImage img,
.growthHackImg img,
.innovationVideoChildImage img,
.newMenuListItem .newMenuItemBanner img,
.ourProductsBoxImage img,
.pressReleaseImage img,
.quoteAuthorCont2 .quoteAuthorImg img,
.quotesListNew .newtestimonialLeft img,
.testimonialByImgMobile img,
.testimonialSlideImage img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.blogsSection .row .col-sm-4 {
    padding-left: 15px;
    padding-right: 15px;
}
.queryInnerBox .queryLeft {
    background: var(--colorBlack);
    padding: 50px;
    min-width: 496px;
    width: 496px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.querySubHeading {
    color: var(--colorWhite);
    padding-right: 0;
}
.queryLists ul li {
    color: var(--colorWhite);
    padding-left: 25px;
    position: relative;
}
.queryLists ul li::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 12px;
    background: var(--colorRed2);
    left: 0;
    top: 13px;
}
.footMenuList ul li a,
.stepsList .stepsListItem span,
.stepsList .stepsListItem span a {
    background: linear-gradient(to right, transparent, transparent), linear-gradient(to right, #000, #000);
    transition: background-size .5s;
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
}
.queryInfoBanner {
    text-align: center;
    margin-top: 40px;
}
.indusServCont,
.latestNewsBox .row .col-sm-6:nth-child(2n),
.queryInnerBox .queryRight {
    padding-left: 60px;
}
.bundleSectionInner .bundleSectionInnerHead,
.caseProcDescCont2 p,
.caseProcTitleCont2,
.couponFormDesign .offshoreFormHead,
.listCounts,
.mainSecHeading .mainSubHeading,
.mainSecHeading.mainSecHeading7,
.ourSoluitonsTopNew .col-md-4,
.ourSoluitonsTopNew .col-md-8,
.ourSolutionsTypesNew .col-lg-12,
.pressReleaseInner .col-sm-6,
.queryformHeading,
.techStackBox2 p:not(:last-child) {
    margin-bottom: 30px;
}
.findUsSocial .finUsSocialList:not(:last-child),
.formDesign .form-group,
.formDesign .form-group.form-group2,
.marginBottom18 {
    margin-bottom: 18px;
}
.formDesign .form-control {
    color: var(--colorWarmGrey);
    border: 1px solid var(--colorGrey3);
    border-radius: 4px;
    font-size: 16px;
}
.formDesign .form-control::placeholder {
    height: auto;
}
.formDesign .form-control:focus {
    box-shadow: none;
    outline: 0;
}
.formDesign select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../img/caretIcon.svg) no-repeat;
    background-position-x: 98.5%;
    background-position-y: 50%;
    border-radius: 2px;
    padding: 10px;
}
.customCheckbox input[type=checkbox]:checked+label,
.customCheckbox input[type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
}
.customCheckbox input[type=checkbox]:checked+label::before,
.customCheckbox input[type=checkbox]:not(:checked)+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    height: 17px;
    width: 17px;
    border: 1px solid var(--colorBlack);
    background: var(--colorWhite);
}
.customCheckbox input[type=checkbox]:checked+label::after {
    position: absolute;
    content: "";
    height: 12px;
    width: 6px;
    border-right: 2px solid var(--colorWhite);
    border-bottom: 2px solid var(--colorWhite);
    transform: rotate(45deg);
    left: 6px;
    top: 2px;
}
.caseStudyTechStkList,
.formBtn {
    margin-top: 16px;
}
.anotherCaseTxt h3+p,
.formBtn.formBtn3,
.ourProcHeading {
    margin-top: 5px;
}
.formBtn .btnStyle2 {
    padding: 15px 64px;
}
textarea {
    resize: none;
}
.recognitionInner .awardsSection:last-child {
    border-right: none;
}
.awardsSection .awardsCard {
    border-bottom: 2px solid var(--colorBlack);
}
.awardsSection .awardsCard:last-child {
    border-bottom: none;
}
.awardsCard .awardsImage {
    padding-bottom: 13px;
}
.awardsCard .awardsImage span {
    display: inline-block;
    min-height: 92px;
}
.awardsCard .awardsHeading {
    color: var(--colorOffBlack2);
    padding-bottom: 14px;
}
.awardsSectionMid .awardsMidContent {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.awardsCardMidSec .awardsMidHeading,
.awardsMidContent .awardsMidHeading {
    color: var(--colorOffBlack2);
    margin-top: 24px;
}
.header.header2 .navbar-nav .nav-link.menuLink,
.header.header2 .navbar-nav .nav-link.menuLink:active,
.header.header2 .navbar-nav .nav-link.menuLink:hover {
    color: var(--colorBlack);
    transition: .5s;
}
.header.header2.fixedHeader .navbar-nav .nav-link.menuLink {
    color: var(--colorWarmGrey);
    transition: .5s;
}
.header.header2 .navbar-nav .nav-link.menuLink.active::before,
.header.header2 .navbar-nav .nav-link.menuLink::before {
    background: var(--colorGrey4);
}
.header.header2.fixedHeader .navbar-nav .nav-link.menuLink::before {
    background: var(--colorWarmGrey);
}
.header.header2.fixedHeader .navbar-nav .nav-link.menuLink:active::before,
.header.header2.fixedHeader .navbar-nav .nav-link.menuLink:hover::before {
    background-color: var(--colorOffBlack);
}
.homeBannerLeft .bannerSubHeading {
    padding-right: 10px;
    color: var(--colorBlack);
}
.btnStyle.blueBtnNew::before,
.btnStyle.orangeBtnNew::before,
.btnStyle.whiteBtn::before,
.btnStyleWhite,
.companyBlogs.companyBlogs2,
.cookiesToggleChild,
.customPills .nav-link,
.joinTeamSec,
.moreCasesCont .anotherCaseCont .anotherCaseImg,
.newQueryFormBox,
.ourPartnersSection,
.partnersSectionBottom,
.portfolioTabsSection,
.projChalSec,
.recognitionBox.recognitionBox2,
.solutionBoxContnet {
    background: var(--colorWhite);
}
.homeBannerBtn {
    border: 2px solid var(--colorWhite);
    background: var(--colorBlack);
}
.ourMottoSection {
    padding: 70px 0 30px;
}
.mottoLeft .mottoBanner {
    margin-bottom: 30px;
    text-align: center;
}
.mottoGuide .mottoSubHeading {
    margin-bottom: 20px;
}
.mottoGuide .mottoSubContent {
    margin-bottom: 30px;
}
.mottoGuide .stepsList,
.submenuInnerBox .subMenuList ul.staffAugmentationSubMenuLists,
.techStkList {
    display: flex;
    flex-wrap: wrap;
}
.aboutUsNewLeft,
.mottoGuide .stepsList .stepsListItem {
    width: 50%;
}
.stepsList .stepsListItem {
    padding-right: 20px;
    padding-left: 27px;
    position: relative;
}
.stepsList .stepsListItem::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 13px;
    background: var(--colorRed2);
    top: 13px;
    left: 0;
}
.stepsList .stepsListItem span,
.stepsList .stepsListItem span a {
    display: inline;
    color: var(--colorOffBlack11);
    position: relative;
}
.stepsList .stepsListItem span a:hover {
    color: var(--colorOffBlack11);
    background-size: 0 2px, 100% 2px;
}
.mottoContent .mottoTags {
    color: var(--colorRed);
    margin-bottom: 10px;
}
.mottoContent p {
    margin-bottom: 30px;
    line-height: 32px;
    padding-right: 10px;
    color: var(--colorOffBlack10);
}
.ourSolutionInner .mainSecHeading {
    padding-right: 200px;
}
.ourSolutionBox.ourSolutionBox2 {
    display: flex;
    height: 100%;
}
.ourSolutionBox.ourSolutionBox2 .solutionBoxBanner {
    width: 62%;
}
.ourSolutionBox.ourSolutionBox2 .solutionBoxContnet {
    width: 38%;
}
.ourSolutionBox .solutionBoxBanner h3,
.ourSolutionBox .solutionBoxBanner h4,
.ourSolutionBox .solutionBoxBanner p {
    color: var(--colorWhite);
    padding-right: 25px;
}
.ourSolutionBox.ourSolutionBox2 .solutionBoxBanner h3,
.ourSolutionBox.ourSolutionBox2 .solutionBoxBanner h4,
.ourSolutionBox.ourSolutionBox2 .solutionBoxBanner p {
    padding-right: 20px;
}
.blogImage a,
.blogImage span,
.galleryImageLeft img,
.galleryImageRight img,
.metaverseSnippetsVideo .skiVideoCont,
.newMenuListItem .newMenuItemBanner,
.newMenuListItem .newMenuItemBanner a,
.ourServicePartners span img,
.ourSoluitonsTop .ourAppSolutions,
.ourSoluitonsTop .ourWebSolutions,
.pressReleaseImage .pressReleaseBanner,
.pressReleaseImage .pressReleaseBanner a,
.sketchfab-embed-wrapper,
.snippetsVideoChild,
.threedModalWrapperChild,
.videoPopup .modalBody,
.videoPopup .videoPopupSection {
    height: 100%;
}
.anotherCaseCont,
.ourSolutionsBottom .col-md-4 .ourSolutionBox {
    height: 100%;
    background: var(--colorWhite);
}
.growthHackingInner h4 {
    color: var(--colorWhite);
    margin-bottom: 20px;
}
.growthHackingInner p {
    color: var(--colorWhite);
    padding-bottom: 20px;
}
.footerStripeChild,
.oneTeamLeft,
.topSectionHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bizHeadsCont,
.latestNewsBox .newsBoxs,
.officeLocation,
.ourTeamInner .ourTeamContent,
.projectSlideBox .slick-track,
.sampleDownloadStripChild,
.techStkTitleWrp {
    display: flex;
    align-items: center;
}
.ourTeamBox {
    margin-top: -180px;
}
.ourTeamInner .ourTeamContent {
    color: var(--colorWhite);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 0 200px;
    height: 100%;
    justify-content: center;
}
.workRepositorySec {
    padding: 80px 0 60px;
}
.projetsSliders {
    padding: 40px 0 50px;
    background: var(--colorBlack);
}
.projetsSliders .projectSlideContent {
    padding-top: 20px;
}
.joinDwLeftCol p,
.serviceFor.serviceFor3 {
    padding-right: 50px;
}
.serviceFor.serviceFor3 .serviceForLists .serviceForBox:first-child {
    padding-right: 30px;
    width: 50%;
}
.serviceFor.serviceFor3 .serviceForBox h4 {
    padding-left: 22px;
    position: relative;
}
.serviceFor.serviceFor3 .serviceForBox h4::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 12px;
    background: var(--colorRed2);
    top: 10px;
    left: 0;
}
.projectContentBox .projectSubHeading span {
    color: var(--colorWhite);
    line-height: 32px;
    padding-right: 100px;
    margin-bottom: 50px;
}
.projetsSlidersBox .slidesCounter {
    position: absolute;
    left: 0;
}
.ourProjectSlider {
    background: var(--colorGrey6);
    padding: 80px 0;
}
.brandsSlides.slick-initialized .slick-slide,
.projectSlideBox .ourProjectsSlides {
    margin: 0 20px;
}
.projectSlideBox .ourProjectsSlides img {
    margin: 0 auto;
    max-height: auto;
}
.homeBannerImg {
    position: absolute;
    right: 0;
    top: 0;
    max-height: 612px;
    height: 612px;
}
.homeBannerImg span {
    display: inline-block;
    height: 100%;
    width: 100%;
}
.oneTeamSection {
    padding: 100px 0;
}
.benefitsSection .benefitsInner,
.caseStudyBnr .row,
.guideYouBtm .row,
.hireDevsInner .row,
.oneTeamBox .row,
.ourMottoBox .row,
.projetsSlidersNew .projectSlides .row {
    align-items: center;
}
.teamLeftSec2 {
    padding-left: 20px;
}
.portfolioRow,
.teamLeftSec2 .teamBuilds:first-child {
    margin-bottom: 90px;
}
.teamLeftSec2 .teamBuilds:last-child {
    margin-top: 90px;
}
.teamLeftSec2 .teamBuilds span {
    margin-bottom: 10px;
    font-size: 70px;
    line-height: 79px;
}
.oneTeamLeft .teamBuilds p {
    color: var(--colorWarmGrey);
}
.awardsCardMid .awardsMidHeading,
.awardsRecognitionSlideImage,
.oneTeamLeft .teamBuilds,
.statsSectionNew .statsSecNewBtm,
.testimonialsNewSlide .testimonialCardImage {
    text-align: center;
}
.oneTeamLeft .productsDelivered span {
    font-size: 100px;
    line-height: 110px;
    color: var(--colorBlack);
}
.oneTeamLeft .raisedInvestment span {
    color: var(--colorBlue);
}
.contactMainForm.contactFormsSec,
.oneTeamRight {
    padding-left: 80px;
}
.oneTeamRight h3 {
    color: var(--colorOffBlack2);
    margin-bottom: 42px;
}
.oneTeamRight p {
    color: var(--colorBlack);
    margin-bottom: 40px;
    padding-right: 30px;
}
.teamImage {
    margin-top: 80px;
}
.teamImage span {
    display: inline-block;
    position: absolute;
}
.topSubHeading {
    color: var(--colorRed);
    margin-bottom: 14px;
}
.bannerHeading.bannerHeading2,
.caseStudyBanner2 .mainBannerLeft .casestudySubHead {
    padding-right: 100px;
}
.contactBanner {
    padding: 80px 0 160px;
}
.contactMainForm {
    padding-bottom: 70px;
}
.contactFormsSec,
.contentSection {
    padding-top: 70px;
}
.queryInfoBox.contactFormsSec {
    padding-right: 80px;
}
.formBtn2 .btnStyle {
    padding-left: 50px;
    padding-right: 50px;
}
.btnSpace,
.clientProductsNewSection,
.companySubmenu .companyMenuLeft,
.couponSection .couponSectionTop,
.mainSecHeading,
.sectionPadding2Bottom,
.weDeliverTop {
    padding-bottom: 40px;
}
.aboutSlidesInner.flexBoxReverse .aboutQuote,
.bannerSmallContent,
.joinTeamDesc,
.lightColor,
.metaverseInfoRight .grwothInnerBox p,
.weDeliverTop .subHeading {
    color: var(--lightColor);
}
.querySubHeading.querySubHeading2 {
    color: var(--colorWhite);
    position: relative;
    z-index: 9;
    margin-bottom: 35px;
    line-height: 32px;
}
.caseStudyBnr .row,
.mainBannerBox.mainBannerBox2 .row {
    align-items: flex-end;
}
.pressBannerRight {
    padding-left: 70px;
}
.bannerSmallContent {
    margin-top: 20px;
    color: var(--colorOffBlack5);
    padding-right: 65px;
}
.aboutWorkBtnCont,
.agileProcStep:nth-child(2n),
.caseDescSecCont p,
.caseStudyMore,
.imgGrdImgTxtV .txtCont,
.indusServCont h3,
.industrySecConent,
.joinDwApplyBtnCont,
.joinDwRightCol .row,
.memberSlides,
.moreBlogsBox,
.ourProcDesc,
.readMoreBox,
.socialLists.socialLists2,
.subMenusOuterNew .offshoreSubmenuNew .subMenuBtn {
    margin-top: 30px;
}
.readMoreBox .btnStyle {
    padding-left: 70px;
    padding-right: 70px;
}
.pressBanner {
    padding: 70px 0 60px;
}
.queryInfoBanner.queryInfoBanner2,
.readMoreBox.readMoreBox2 {
    margin-top: 45px;
}
.queryInfoBanner2 img {
    width: 71%;
}
.pressReleaseBoxs {
    padding: 80px 0 50px;
}
.pressContentBox {
    padding: 30px 25px;
    background: var(--colorWhite);
    height: 100%;
}
.pressContentBox .pressBoxHeading {
    margin-bottom: 16px;
    line-height: 40px;
}
.pressContentBox .pressBoxSubheading {
    line-height: 25px;
    margin-bottom: 28px;
    padding-right: 10px;
}
.readMoreLink {
    color: var(--colorRed);
    border-bottom: 1px solid var(--colorRed);
    line-height: normal;
    display: inline-block;
}
.aboutBanner .serviceFor .serviceForLists,
.blogDetails.blogInfo .blogDescription,
.blogDetails.blogInfo .blogHeading,
.transparentBtn {
    border-color: var(--colorWhite);
}
.readMoreLink:hover {
    color: red;
}
.pressReleaseImage {
    height: 305px;
    min-height: 305px;
    position: relative;
}
.pressDateTime {
    padding: 13px 10px;
    background: #444;
    position: absolute;
    bottom: 0;
    left: 0;
}
.pressDateTime span {
    display: inline-block;
    float: left;
    margin-right: 15px;
    font-size: 14px;
    line-height: 16px;
    color: var(--colorWhite);
}
.pressReleaseInner .pressReleaseBox {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.pressBanner2 {
    background: url(https://lh3.googleusercontent.com/d/1TpAwjUNZEsi7Pii-Fk4HXtgursAsoFFs?authuser=0) center center/cover no-repeat;
    padding-top: 155px;
}
.quoteAuthorCont2 .quoteAuthorImg {
    height: 56px;
    width: 56px;
}
.quoteAuthorCont2 .quoteAuthorInfo .quoteAuthorName {
    line-height: 23px;
    margin-bottom: 2px;
    color: var(--colorWhite);
}
.countryName,
.quoteAuthorCont2 .quoteAuthorInfo .readTime {
    line-height: 16px;
}
.quoteAuthorCont2 .quoteAuthorInfo::after {
    bottom: 0;
    background: var(--colorWhite);
}
.discussIdeaBtn,
.howWorksContent2 .readMore,
.ourTeamsGallery,
.reqTeamBtnCont,
.socialLists {
    margin-top: 40px;
}
.socialLists span {
    display: inline-block;
    float: left;
    margin-right: 25px;
}
.socialLists span a {
    color: var(--colorWhite);
    font-size: 26px;
}
.quoteAuthorCont2 {
    display: flex;
    align-items: flex-end;
}
.quoteAuthorCont2 .pressDate {
    color: var(--colorWhite);
    line-height: 16px;
}
.leftMargin,
.procStepRow:nth-child(2n) .procStepWrp::after {
    margin-left: 20px;
}
.howWorksBox {
    padding: 70px 0;
    background: var(--colorBlack);
}
.howWorksContent .howWorksSmallHeading {
    color: var(--colorRed);
    margin-bottom: 8px;
}
.howWorksContent h3 {
    color: var(--colorWhite);
    margin-bottom: 30px;
}
.howWorksContent p {
    line-height: 28px;
    color: var(--colorWhite);
}
.customEditor .customUl li,
.customEditor h3,
.customEditor li,
.customEditor p {
    color: var(--colorBlack);
    width: 100%;
    display: block;
}
.howWorksImg {
    padding-left: 105px;
}
.hireDevsRight span img,
.howWorksImg img,
.mainBannerImg.mainBannerImg2 img {
    float: right;
}
.customEditor p {
    margin-bottom: 20px;
    float: left;
    font-size: 16px;
    line-height: 24px;
}
.customEditor h3 {
    font-size: 38px;
    line-height: 50px;
    margin: 30px 0 20px;
    float: left;
}
.customEditor .customUl li,
.customEditor li {
    font-size: 20px;
    line-height: 30px;
    float: left;
    position: relative;
    margin-bottom: 14px;
    padding-left: 27px;
}
.customEditor .customUl li::before,
.customEditor li::before {
    content: "";
    position: absolute;
    left: 0;
    height: 2px;
    width: 12px;
    background: var(--colorRed2);
    top: 50%;
}
.customEditor .customUl,
.customEditor li:last-child {
    margin-bottom: 24px;
    display: block;
    float: left;
    width: 100%;
}
.pressContentDetail {
    padding: 40px 0 100px;
}
.recognitionBox.recognitionBox3 {
    padding-top: 90px;
}
.serviceBannerRight.blogBannerRight {
    padding-left: 0;
    width: 482px;
    float: right;
    padding-right: 40px;
}
.blogBanner {
    padding: 60px 0 70px;
}
.subHeading2 {
    padding-right: 40%;
}
.mainSecHeading5 .subHeading2 {
    margin-top: 10px;
    color: var(--colorWarmGrey);
}
.latestNews {
    padding: 56px 0 60px;
}
.newsBoxs .newsImage {
    height: 165px;
    width: 165px;
    min-width: 165px;
    margin-right: 20px;
}
.contentSectionTop,
.latestNewsBox .row .col-sm-6,
.newQueryContentText,
.newQueryTop .newQueryTopSubhead,
.statsSectionNew .statsSecNewTop {
    margin-bottom: 60px;
}
.latestNewsBox .row .col-sm-6:nth-child(odd) {
    padding-right: 60px;
}
.latestNewsBox .latestNewsLinks {
    box-shadow: 0 0 2px 1px rgb(0 0 0 / 10%);
}
.latestNewsBox .latestNewsLinks:hover {
    box-shadow: 0 0 7px 3px rgb(0 0 0 / 10%);
}
.newsBoxs .newsHeading {
    color: var(--colorBlack);
    padding: 10px 10px 10px 0;
}
.transparentBtn {
    background: 0 0;
    color: var(--colorWhite);
}
.howWorksBlogs .blogImg {
    margin-right: 20px;
    min-width: 240px;
    width: 240px;
}
.blogDetails.blogInfo .blogTiming {
    padding: 0 0 6px;
}
.blogDetails.blogInfo .blogDescription {
    line-height: 20px;
}
.howWorksContent2 {
    padding-right: 10px;
}
.becomePartnerSubMenu .subMenuLists,
.blogListBoxNew,
.teamExtensionSubMenu .subMenuLists {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.quoteAuthorInfo.quoteAuthorInfo2 {
    margin-left: 18px;
}
.blogDetailBanner,
.joinDwSec,
.ourSolutions,
.p80sec,
.querySection,
.recognitionBox,
.sectionPadding {
    padding: 80px 0;
}
.p80sec_bottom {
    padding-bottom: 80px;
}
.blogContentDetail,
.couponTypeSection:first-child,
.projetsSliders.projetsSlidersNew,
.projetsSliders.projetsSlidersNew .projectSlideContent,
.snippetsBox .snippetListing:first-child {
    padding-top: 0;
}
.blogContentSec {
    padding-top: 40px;
    border-top: 1px solid var(--colorBlack);
}
.blogDetailsBanner {
    right: 0;
    padding-top: 20px;
    width: 100%;
}
.blogDetailsBanner span img {
    width: 100%;
    height: 100%;
    max-height: 460px;
    object-fit: cover;
}
.footBottomMenu {
    margin-right: 40px;
}
.footBottomMenu ul li {
    display: inline-block;
    float: left;
    margin-right: 30px;
}
.footBottomMenu ul li a {
    font-size: 14px;
    line-height: 14px;
    color: var(--colorOffBlack3);
    display: inline-block;
}
.footBtmRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.about2Heading,
.couponSectionTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.offshoreFormHead {
    padding: 12px 24px;
    background-color: var(--colorBlue);
    background-image: linear-gradient(to right, var(--colorBlue), var(--colorRed2));
    color: #fff;
}
.quoteCont {
    margin-bottom: 50px;
    border-left: 2px solid var(--colorBlack);
}
.quoteCont .quoteContIn {
    padding: 0 30px;
}
.quoteCont:first-child {
    border-left: none;
}
.quoteAuthorCont {
    display: flex;
    margin-top: 20px;
    align-items: center;
}
.quoteAuthorImg {
    flex-shrink: 0;
}
.quoteAuthorImg img {
    width: 68px;
    height: 68px;
}
.quoteAuthorInfo {
    position: relative;
    flex: 1;
    margin-left: 24px;
}
.quoteAuthorInfo::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 130px;
    height: 2px;
    background: var(--colorBlack);
}
.quoteAuthorName {
    color: var(--colorOffBlack6);
}
.quoteAuthorCountry {
    margin-top: 0;
    color: var(--colorRed2);
}
.offshoreForm {
    padding: 30px 24px 50px;
    border: 1px solid var(--colorBlack);
    border-top: none;
    border-bottom-width: 5px;
}
.offshoreForm h2 {
    margin-bottom: 30px;
}
.formDesign2 .form-control {
    padding: 14px 16px;
    font-size: 16px;
}
.appProcess.appProcessLight {
    background-color: #f7f7f7;
}
.appProcessLight .appProcessInner .appProcessBanner {
    max-width: 376px;
    float: right;
}
.appProcessLight .appProcessInner .appProcessBanner.ourProcessRight {
    max-width: 100%;
    margin-top: 0;
}
.p60sec {
    padding: 60px 0;
}
.anotherCaseTxt a:hover,
.caseTxtCont a:hover,
.colorRed,
.customRedirectLink,
.customRedirectLink:hover,
.formDesignUpdated label.error,
.mainSecHeading h2.colorRed,
.smallSubtitle,
.socialLinks ul li a:hover,
.textRed {
    color: var(--colorRed);
}
.procStepsHead {
    padding: 25px 0;
    background: var(--colorBlue);
    text-align: center;
    color: var(--colorWhite);
}
.procStepRow:nth-child(odd) {
    justify-content: flex-end;
}
.procStepWrp {
    width: 50%;
    display: flex;
    align-items: center;
}
.procStepRow:nth-child(odd) .procStepWrp {
    border-left: 2px dashed var(--colorBlack);
    box-sizing: content-box;
}
.procStepRow:nth-child(2n) .procStepWrp {
    border-right: 2px dashed var(--colorBlack);
}
.procStepRow:nth-child(2n) .procStepWrp::after,
.procStepRow:nth-child(odd) .procStepWrp::before {
    content: "";
    width: 161px;
    border-bottom: 2px dashed var(--colorBlack);
}
.procStepRowNoContent {
    height: 50px;
}
.procStepRow.procStepRowNoContent .procStepWrp::after,
.procStepRow.procStepRowNoContent .procStepWrp::before {
    content: none;
}
.bizHeadsCol,
.caseTxtCont,
.procStep {
    flex: 1;
}
.procStepSubtitle {
    color: var(--colorRed);
    font-size: 16px;
}
.procStepTitle {
    margin-top: 10px;
    font-size: 24px;
}
.procStepDesc {
    margin-top: 10px;
    color: var(--colorOffBlack2);
    font-size: 18px;
}
.propStepEndCircle {
    width: 30px;
    height: 30px;
    margin: auto;
    background: var(--colorBlue);
    border-radius: 50%;
}
.agileProcTitle {
    max-width: 700px;
}
.agileProcStepsCont {
    margin-top: 60px;
    display: flex;
}
.agileProcStep {
    margin-left: -2.5%;
    margin-right: -2.5%;
}
.agileProcStep:first-child,
.bizHeadsImgCol:first-child {
    margin-left: 0;
}
.clientQuotesList,
.techStkRow {
    margin-top: 70px;
}
.techStkTitleWrp::after {
    content: "";
    flex: 1;
    height: 5px;
    margin-left: 20px;
    background: linear-gradient(to right, var(--colorBlue), var(--colorRed2));
}
.techStkItem {
    margin-top: 30px;
    width: 16%;
}
.techStkItem img {
    height: 38px;
}
.techStkItemLabel {
    margin-top: 17px;
}
.joinTeamIntroCont {
    flex: 3;
    padding-right: 0;
}
.joinTeamBtn {
    margin-top: 40px;
    float: none;
}
.footerBox .footLeft,
.footerBox .footRight,
.footerStripeLeftHead,
.socialLinks ul li,
.technologySubmenu .menuRightInner .menuRightBtm .lnkStyle {
    display: inline-block;
    float: left;
}
.joinTeamDetCont {
    flex: 2;
    padding: 0 30px 16px;
    border-left: 1px solid var(--colorWhite);
}
.joinTeamDetLnk,
.joinTeamDetLnk:hover {
    display: inline-block;
    margin-top: 30px;
    color: var(--colorRed2);
    text-decoration: underline;
}
.footMenuList ul li a,
.officeAddress,
.officeAddress a {
    color: var(--colorOffBlack3);
}
.bannerSubHeading3,
.countryName,
.footMenuHeading,
.stepsListNewDesign.stepsList .stepsListItem {
    font-family: var(--proximaBold);
}
.footerBox .footLeft {
    width: 20%;
}
.footerTop {
    padding: 70px 0 40px;
}
.countryFlag,
.couponBottomRight .couponName {
    display: inherit;
}
.countryName {
    color: var(--colorOffBlack3);
    margin-left: 10px;
}
.officeAddress {
    margin-top: 11px;
}
.caseStudyTechStkList p:first-child,
.footMenuHeading,
.footMenuList ul li a.activeLinks {
    color: var(--colorGrey);
}
.countryContact a {
    line-height: 14px;
    display: inline-block;
    border-bottom: 1px solid var(--colorOffBlack3);
    margin-top: 8px;
}
.footMenuHeading,
.testimonialQuotes {
    margin-bottom: 22px;
}
.footMenuList ul li:not(:last-child) {
    margin-bottom: 11px;
}
.footMenuList ul li a {
    font-size: 14px;
    line-height: 16px;
    position: relative;
}
.footMenuList ul li a.menuActiveLink,
.footMenuList ul li.current-menu-item a {
    background: linear-gradient(to right, #000, #000);
    background-size: 100% 2px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.footBtmInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid var(--colorBlack);
}
.footerSpace {
    padding: 40px 0 50px;
}
.socialLinks ul li {
    margin-right: 20px;
}
.socialLinks ul li a {
    color: var(--colorBlack);
    font-size: 22px;
}
.copyrightBox p {
    color: var(--lightColor);
    letter-spacing: .42px;
}
.ourProcBanner {
    padding-top: 176px;
}
.ourProcBannerInfo {
    padding: 25px 0;
}
.agileProcImg {
    margin-top: 80px;
    text-align: center;
}
.testimonialsBanner {
    border-bottom: 1px solid var(--colorBlack);
}
.testimonialsBannerBox {
    padding: 90px 0;
}
.watchYTVidBtn {
    margin-top: 30px;
    display: inline-flex;
    align-items: center;
    color: var(--colorWhite);
    text-decoration: underline;
}
.watchYTVidBtn:focus,
.watchYTVidBtn:hover {
    color: var(--colorWhite);
    text-decoration: underline;
}
.watchYTVidBtn img {
    margin-right: 12px;
}
.aboutUsSection2 .aboutUsSlidebox {
    border-bottom: 2px solid var(--colorBlack);
    padding-bottom: 60px;
}
.aboutUsSection2 .quotesList {
    padding: 60px 0;
    border-bottom: 1px solid var(--colorBlack);
}
.aboutUsSection2 .quotesList:last-child,
.snippetsBox .snippetListing:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.serviceBanner2 .serviceBannerBox {
    padding-bottom: 0;
    margin-bottom: 0;
}
.serviceBanner2 .serviceBannerRight {
    height: 100%;
    display: flex;
    align-items: center;
}
.titleX600 {
    max-width: 650px;
    margin-bottom: 30px;
}
.bizHeadsImgWrp img,
.imgGrdCont .imgCont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.imgGrdCont .txtCont h3+p,
.moreCasesCont .anotherCaseCont .anotherCaseTxt .caseStudyDescrip,
.portfolioTxtCol h2 {
    margin-top: 10px;
}
.lifeAtSec {
    padding: 60px 0 90px;
    background: var(--colorBlack);
    color: var(--colorWhite);
}
.aboutImgGrd .imgGrdCont,
.lifeAtSec .imgGrdCont {
    margin-top: 60px;
}
.memberArrBtns {
    display: flex;
    justify-content: flex-end;
    padding: 0 10px;
}
.memberArrBtn {
    width: 36px;
    height: 36px;
    margin-left: 6px;
    border: 1px solid var(--colorBlack);
}
.careerLinkModal .modalClose:hover,
.memberArrBtn:not(.slick-disabled),
.opprSec {
    background: var(--colorBlack);
    color: var(--colorWhite);
}
.memberArrBtn:focus,
.memberArrBtn:hover {
    border-color: var(--colorRed);
    background: var(--colorRed);
    color: var(--colorWhite);
}
.memberSlide {
    margin: 0 10px;
}
.opprTxtCont {
    padding: 90px 0 115px;
}
.hrmCont {
    margin-top: 35px;
    display: flex;
    align-items: center;
}
.hrmImg img {
    width: 92px;
    height: 92px;
}
.hrmInfo {
    margin-left: 25px;
}
.hrmContacts {
    margin-left: 50px;
}
.opprImgCont {
    height: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
}
.opprImgCont img {
    height: 90%;
}
.portfolioTxtCol a,
.portfolioTxtCol button {
    display: block;
    margin-top: 40px;
}
.caseSec {
    margin-bottom: 80px;
    padding: 24px 0;
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: left;
    height: 724px;
    display: flex;
}
.caseSec:nth-child(2n),
.portfoliosSectionListBoxChilds .portfolioTabSection:nth-child(2n) .caseSec {
    background-position: right;
}
.caseCont {
    display: flex;
    align-items: center;
    height: 100%;
}
.caseSec:nth-child(2n) .caseCont,
.flexBoxReverse,
.portfolioRow:nth-child(2n) .row,
.portfoliosSectionListBoxChilds .portfolioTabSection:nth-child(2n) .caseSec .caseCont {
    flex-direction: row-reverse;
}
.caseImgCont {
    flex: 2;
    display: flex;
    justify-content: flex-end;
}
.benefitsLists .benefitsListHeading::after,
.btnStyle.btnStyleForm:before,
.caseImgBg,
.caseMobBanner,
.clientProductInfo .productKeys,
.deliverListBox .listCounts .listCounter,
.headerRightInner,
.oneTeamSectionNewSectionChildMob,
.ourTeamBox .ourTeamInner,
.projetsSlidersNew .serviceFor.serviceFor3 .serviceForBox h4:before,
.screen-reader-response,
.skiVideoControls.playing .playBtn,
.skiVideoControls:not(.playing) .pauseBtn,
.subMenusOuterNew .submenuInnerBox .menuRight::after,
.testimonialVideoBox iframe,
.viewWebsiteBox.viewWebsiteMobBtn {
    display: none;
}
.caseSec:nth-child(2n) .caseImgCont {
    justify-content: unset;
}
.caseTxtCont a {
    display: inline-block;
    border-bottom: 2px solid var(--colorRed);
}
.caseStudyBanner .ourProcBannerBox {
    padding: 80px 0 110px;
}
.caseStudyBanner .ourProcBannerInfo {
    border-color: var(--colorBlack);
}
.indusSecCont {
    padding: 70px 0 100px;
}
.indusServList {
    flex: 1;
    list-style-type: none;
}
.indusServList li {
    margin-top: 16px;
    display: flex;
    align-items: center;
}
.indusServList li::before {
    content: "";
    display: block;
    width: 12px;
    margin-right: 8px;
    border-top: 2px solid var(--colorRed2);
}
.caseProcSecCont {
    padding: 90px 0 80px;
    background: var(--colorGrey6);
}
.caseDescSecCont {
    padding: 80px 0;
    border-bottom: 1px solid #000;
}
.caseStudyTechStkList .techStkItem {
    flex-grow: unset;
    flex-basis: calc(100% / 3);
    margin-top: 40px;
}
.caseStudyTechStkList p:last-child {
    margin-top: 8px;
}
.caseStudyTechStkList .techStkItem p:last-child {
    color: #2a2a2a;
}
.moreCasesSec {
    padding: 64px 0;
    background: var(--colorGrey2);
}
.anotherCaseTxt,
.ourSolutionBox .solutionBoxContnet,
.ourSolutionsBottom .col-md-4 .solutionBoxBanner.solutionBoxStartup,
.recognitionInnerNew .awardsCard {
    padding: 30px;
}
.anotherCaseTxt a {
    border-bottom: 1px solid var(--colorRed);
}
.reqTeamSec {
    background-color: var(--colorBlack);
    color: var(--colorWhite);
}
.aboutWorkBtnCont .btnStyle,
.reqTeamBtnCont button {
    float: none;
}
.reqTeamImgCont img {
    max-width: 100%;
    height: 100%;
    min-height: 200px;
}
.techBannerImg {
    max-width: 100%;
}
.aboutBanner {
    background: url(https://lh3.googleusercontent.com/d/1Uwgw2ASwnbJLIVWxYlZa2n2nCWpEx7kp?authuser=0) center/cover no-repeat;
    color: var(--colorWhite);
}
.aboutImgGrd {
    padding: 60px 0 90px;
    background: var(--colorGrey5);
}
.aboutWeDeliverBox {
    padding: 80px 0 40px;
}
.bizHeadsSec {
    padding: 60px 0;
    background: var(--colorBlack);
    color: var(--colorWhite);
}
.bizHeadsImgCol {
    flex: 1;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
}
.bizHeadsImgWrp {
    position: relative;
    flex: 1;
    display: flex;
}
.bizHeadsImgLabel {
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 0;
    background: linear-gradient(#0000, var(--colorBlack));
    text-align: center;
}
.aboutOneTeamSec .oneTeamLeft .teamBuilds {
    padding: 30px 20px;
    border-radius: 12px;
    border-width: 2px;
    border-style: solid;
}
.aboutOneTeamSec .oneTeamLeft .teamBuilds.productsDelivered {
    background: #ef3a2f11;
    border-color: var(--colorRed2);
}
.aboutOneTeamSec .oneTeamLeft .teamBuilds.creativeNerds {
    background: #161e6d11;
    border-color: var(--colorBlue);
}
.aboutOneTeamSec .teamLeftSec2 .teamBuilds.raisedInvestment {
    background: #ffba4111;
    border-color: var(--colorYellow);
}
.aboutOneTeamSec .oneTeamLeft .teamBuilds.creativeNerds span {
    color: var(--colorBlue);
    font-size: 54px;
    line-height: unset;
}
.aboutOneTeamSec .oneTeamLeft .teamBuilds.productsDelivered span {
    color: var(--colorRed2);
    font-size: 58px;
    line-height: unset;
}
.aboutOneTeamSec .teamLeftSec2 .teamBuilds.raisedInvestment span {
    color: var(--colorYellow);
    font-size: 58px;
    line-height: unset;
}
.joinDwLeftCol p {
    margin-top: 15px;
}
.joinDwApplyBtnCont .btnStyle {
    padding: 16px 55px;
}
.submenuBoxs .aboutMenuImage {
    width: 86px;
    min-width: 86px;
    height: 86px;
}
.submenuBoxs .aboutMenuImage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.subMenus .closeSubMenu {
    position: fixed;
    height: 30px;
    width: 30px;
    border-radius: 4px;
    top: 70px;
    right: 10px;
    border: 1px solid var(--colorOffBlack6);
    align-items: center;
    justify-content: center;
    z-index: 999;
    background: var(--colorWhite);
    display: none;
}
.subMenus .closeSubMenuLink {
    font-size: 20px;
    font-weight: 900;
    color: var(--colorOffBlack6);
    display: inline-block;
    height: 100%;
    width: 100%;
    line-height: 30px;
}
.aboutUsSection.aboutUsSection3 .quotesList,
.mainBannerLeft .bannerHeading,
.mainBannerLeft .caseStudyBannetTop .bannerHeading,
.newQueryForm .mainSecHeading {
    padding-bottom: 20px;
}
.highlightHeading,
.highlightHeading span.highlightHeading2 {
    position: relative;
    z-index: 10;
}
.moreCasesCont .col-md-6 {
    height: auto;
    margin-top: 50px;
}
.anotherCaseCont,
.mainMenu .navbar-nav .nav-item .neWMenuItemList p {
    margin-top: 0;
}
.moreCasesCont .anotherCaseCont .anotherCaseTxt {
    height: auto;
    background: var(--colorWhite);
}
.caseStudyBnr .bannerSubHeading {
    padding-right: 150px;
}
.studyBannerImage {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.studyBannerImage span {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.ourProcBannerInfo p:last-child {
    margin-bottom: 0;
    margin-top: 0;
}
.indusInfoCont .indusInfoContent p {
    margin-bottom: 20px;
    line-height: 32px;
}
ul.indusServList2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.indusServList2 li {
    width: 50%;
    padding-right: 20px;
}
.caseStudyBanner.caseStudyBanner2 {
    margin-top: 75px;
    background: var(--colorGrey2);
}
.header.header3 {
    box-shadow: none;
    background: var(--colorGrey2);
}
.header.header3.fixedHeader {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    background: var(--colorWhite);
}
.caseProcSecCont .caseProcDescCont {
    padding-left: 100px;
}
.caseProcSecCont .caseProcDescCont.caseProcDescCont2,
.queryBoxsNew .queryInnerBox .queryRight {
    padding-left: 0;
}
.processStepsInner {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    margin-top: 30px;
}
.processStepsInner .innerImg {
    height: 83px;
    width: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.processStepsInner .innerContent {
    font-size: 18px;
    line-height: 22px;
    color: var(--colorOffBlack4);
    text-transform: uppercase;
}
.caseStudyMore a,
.serviceMainContent .servBannerHeading,
.testimonialSecBtm .quoteAuthorCountry {
    text-transform: capitalize;
}
.aboutBanner .serviceBannerBox {
    margin-bottom: 0;
    padding: 90px 0;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.arrowIcn {
    font-size: 14px;
    font-weight: 400;
    padding-left: 8px;
    margin-right: 0;
    display: inline-block;
}
.submenuInnerBox .subMenuList ul li a.menuActiveLink,
.submenuInnerBox .subMenuList ul li.current-menu-item a {
    color: var(--colorBlack);
    background: linear-gradient(to right, #000, #000), linear-gradient(to right, #000, #000);
    background-size: 100% 2px, 0 2px;
    background-position: 0 100%, 0 100%;
    background-repeat: no-repeat;
}
.companySubmenu .submenuBoxs a.menuActiveLink h5 {
    color: var(--colorBlack);
    background: linear-gradient(to right, #000, #000), linear-gradient(to right, #000, #000);
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
}
.modal-dialog {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 90%;
}
.modal-content {
    padding: 50px;
    position: relative;
    border-radius: 6px;
}
.modal-content .closeModal {
    position: absolute;
    right: 20px;
    top: 5px;
}
.modal-content .closeModal button {
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
    float: left;
    font-weight: 700;
}
.mediaToolsBox,
.ourCertificate .awardImage span,
.pickleBAllMediaSectionMain,
.recognitionInner .awardsSection.awardsSectionMid,
.testimonialVideo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonialVideo iframe {
    height: 75vh;
    width: 100%;
}
.ourCertificate,
.testimonialBoxs {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.aboutSlideImage span,
.guideYouRight {
    padding-left: 50px;
}
.flexBoxReverse .aboutSlideImage span {
    float: left;
    padding-right: 50px;
    padding-left: 0;
}
.growthHackingInner a h4,
.ourSolutionBox a h4 {
    color: var(--colorWhite);
    position: relative;
}
.ourSolutionBox a h3 span,
.ourSolutionBox a h4 span {
    display: inline;
    position: relative;
}
.growthHackingInner a h4 span:after,
.ourSolutionBox a h3 span:after,
.ourSolutionBox a h4 span:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 0;
    bottom: 2px;
    left: 0;
    background: var(--colorWhite);
    transition: .3s;
}
.growthHackingInner a:hover h3 span:after,
.growthHackingInner a:hover h4 span:after,
.ourSolutionBox a:hover h3 span:after{
    width: 100%;
    transition: .3s;
}
.caseStudyLink a:hover,
.linkDesign a:hover {
    color: red;
    border-bottom-color: red;
}
.submenuInnerBox .subMenuHeading .subMenuLinks.menuActiveLink {
    background: linear-gradient(to right, #000, #000), linear-gradient(to right, #000, #000);
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
}
.footBottomMenu ul li a:hover {
    background-size: 0 1px, 100% 1px;
    color: var(--lightColor);
}
.footBottomMenu ul li a.menuActiveLink,
.footBottomMenu ul li.current-menu-item a {
    background: linear-gradient(to right, #000, #000);
    background-size: 100% 1px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.contentSectionTop .subHeadingContent p {
    line-height: 27px;
}
.contentSectionDetail .secContents .secContHeading,
.formDesign.newQueryForm .form-group {
    margin-bottom: 16px;
}
.contentSectionDetail .secContents .secContText p {
    margin-bottom: 15px;
    line-height: 25px;
}
.secContents .pointsLists ul li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}
.secContents .pointsLists ul li::before {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #060606;
    left: 10px;
    top: 8px;
}
.contentSectionDetail .sideSection {
    min-width: 250px;
    width: 250px;
    margin-right: 50px;
}
.sideSection ul li a {
    padding: 10px 10px 10px 0;
    width: 100%;
    display: inline-block;
    float: left;
    border-bottom: 1px solid var(--colorGrey8);
    font-size: 20px;
    line-height: 26px;
    color: var(--colorOffBlack);
}
.footBottomMenu ul li a,
.footMenuHeading {
    color: var(--colorOffBlack3);
}
.sideSection ul {
    position: sticky;
    top: 90px;
    display: block;
    float: left;
    margin-bottom: 100px;
}
.indusServCont.indusServCont2 {
    padding-left: 0;
    padding-right: 40px;
}
.projetsSliders,
.projetsSlidersNew.projetsSliders,
.viewAllCaseStudy {
    padding-bottom: 100px;
}
.customSliderNew .slick-dots,
.projetsSlidersBox .slidesCounter {
    bottom: -70px;
}
.ourSolutionInner .subHeadingNew {
    padding-top: 24px;
    color: var(--colorWarmGrey);
}
.appDevelopment .solutionBoxBanner a {
    height: 100%;
    padding-top: 30px;
}
.blogDetailBanner {
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 80px;
}
.awardsCard .awardsImage span {
    height: 100px;
}
.formDesignNew label {
    font-size: 15px;
    color: var(--colorGrey);
    margin-bottom: 5px;
}
.btnStyle.btnStyleForm:hover {
    color: var(--colorOffBlack2);
    background: 0 0;
    border-color: var(--colorOffBlack2);
}
.projectSlideBox .ourProjectsSlides {
    padding: 20px;
    background-color: var(--colorWhite);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.customMenuNew .subMenus {
    width: 180px;
    position: absolute;
    min-height: auto;
    height: auto;
}
.customMenuNew .submenuDropbox,
.oneTeamSectionNewSectionChildWeb,
.workRepositorySecNew .serviceFor .serviceForLists {
    display: block;
}
.customMenuNew .submenuInnerBox .menuLeft {
    width: 100%;
    min-height: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.customMenuNew .submenuBoxs,
.menuBottomStripeChild .submenuBoxs {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0;
}
.awardsSection .awardsCard,
.recognitionInner .awardsSection.awardsSectionMid {
    padding: 35px;
    background: var(--colorWhite);
}
.greyBgBox,
.recognitionBox,
.recognitionBox.recognitionBox2 {
    background-color: var(--colorGrey7);
}
.awardsSection {
    width: 33.3%;
}
.awardsSection .awardsCard {
    border-radius: 4px;
    border-bottom: 0;
    margin-bottom: 20px;
    border: none;
    height: 100%;
}
.recognitionInner .awardsSection {
    padding: 0;
    margin: 0 10px;
    border-radius: 4px;
    border: none;
}
.growthHackImg.grwothHackInner,
.growthHackImg.grwothHackInners,
.seoTestimonialCardBanner,
.teamImageNew {
    overflow: hidden;
}
.growthHackImg img:hover,
.teamImageNew img:hover {
    transform: scale(1.1);
    transition: .5s;
}
.growthHacking .growthHackingInner .grwothInnerBox {
    padding: 30px 30px 0;
}
.btnStyle.btnBlue.btnBlueNew:hover {
    color: var(--colorBlue);
    background: var(--colorWhite);
    border: 1px solid var(--colorBlue);
}
.quoteAuthorCont2 .quoteAuthorInfo .readTime {
    padding-bottom: 5px;
}
.homeBannerNew {
    background: url(../img/homeBanner.png) left top/cover no-repeat;
}
.homeBannerLeft h1,
.homeBannerLeft h2 {
    color: var(--colorWhite);
    margin-bottom: 40px;
}
.homeBannerLeft .bannerSubHeading {
    color: var(--colorWhite);
}
.navbar-nav .nav-link.menuLink,
.submenuInnerBox .subMenuList ul li a {
    color: var(--colorWarmGrey);
}
.homeBanner {
    padding: 120px 0 115px;
}
.subMenuListsSec .subMenuHeadings .subMenuHeadings,
.subMenuListsSec .subMenuHeadings h5 {
    line-height: 24px;
}
.footBottomMenu ul li a {
    background: linear-gradient(to right, transparent, transparent), linear-gradient(to right, #000, #000);
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s;
}
.statsSectionNew .statsCountNew {
    text-align: center;
    background-color: var(--colorGrey6);
    border-radius: 4px;
}
.statsSectionNew .statsCountNew h3 {
    color: var(--colorRed2);
}
.statsSectionNew .statsCountNew p {
    color: var(--colorOffBlack6);
}
.statsSectionNew .statsSecNewBtm h2,
.statsSectionNew .statsSecNewBtm h3 {
    margin-bottom: 20px;
}
.statsSectionNew .statsSecNewBtm span a,
.viewAllCaseStudy a {
    float: unset;
}
.homeBannerLeft h1,
.mottoContent .mottoHeading,
.newQueryFindUsHead,
.ourProductContentTopChild .ourProductContentLogo,
.scalieProductBox .productHeadText {
    margin-bottom: 25px;
}
.guideYouBtm {
    margin-top: 40px;
    background: var(--colorGrey7);
    padding: 44px 90px;
    border-radius: 4px;
}
.guideYouBtm h4 {
    margin-bottom: 21px;
}
.guideYouBtm p {
    color: var(--colorOffBlack10);
}
.guideYouRight ul li {
    display: inline-block;
    float: left;
    width: 65%;
}
.guideYouRight ul li:nth-child(2n) {
    width: 35%;
}
.hireDedicatedDevsNew {
    background: var(--colorOffBlack6);
}
.hireDedicatedDevsNew .dedicatedDevsList ul li {
    color: var(--lightColor);
}
.projetsSlidersNew .serviceFor.serviceFor3 .serviceForBox h4 {
    padding-left: 0;
}
.blogDetails .blogHeading a,
.projetsSlidersNew .serviceFor.serviceFor2 .serviceForLists:last-child {
    border-top: none;
}
.customEditor.customEditorNew li {
    font-size: 16px;
    line-height: 20px;
    padding-left: 18px;
    margin-bottom: 8px;
}
.projetsSlidersNew .serviceFor.serviceFor3 .serviceForLists .serviceForBox {
    padding-right: 10px;
    width: 100%;
}
.leftMenuHeading,
.projetsSlidersNew .mainSecHeading.mainSecHeading3,
.projetsSlidersNew .mainSecHeading.mainSecHeading3 h2 {
    margin-bottom: 5px;
}
.projetsSlidersNew .projectContentBox .projectSubHeading span {
    line-height: 27px;
    padding-right: 0;
    margin-bottom: 0;
}
.projetsSlidersNew.projetsSliders .projectSlideContent {
    padding-left: 65px;
    padding-right: 30px;
}
.projetsSlidersNew .projetsSlidersNewSec {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 75%;
    border-radius: 10px;
    background-color: var(--colorGrey7);
}
.projetsSlidersNew .projectSlider {
    padding: 50px 0;
}
.viewWebsiteBox.viewWebsiteWebBtn {
    display: block;
    margin-top: 8px;
}
.projetsSlidersNew.projetsSlidersApp .projetsSlidersNewSec {
    left: initial;
    right: 0;
}
.projetsSliders.projetsSlidersNew.projetsSlidersApp .projectSlideContent {
    padding-left: 30px;
    padding-right: 60px;
}
.workRepositorySecNew .mainSecHeading.mainSecHeading3 {
    margin-bottom: 46px;
}
.ourClientsSliderNew .mainSecHeading h2 {
    line-height: 50px;
}
.footMenuList ul li a {
    color: var(--colorWarmGrey);
}
.blogDetails .blogDescription,
.quoteCont.quoteContInNew {
    border: none;
}
.workRepositorySecNew .serviceForLists .serviceForBox p {
    position: relative;
    padding-left: 22px;
    color: var(--colorOffBlack10);
}
.stepsListNewDesign.stepsList .stepsListItem::before {
    top: 50%;
}
.awardsContent,
.bannerSubHeading.bannerSubHeading2,
.blogDetails .blogDescription,
.deliverListBox .deliverListContent p,
.fadeBlackFont,
.moreCasesCont .anotherCaseCont .anotherCaseTxt .caseStudyDescrip,
.productDetail .productDescription,
.subContentFont {
    color: var(--lightColor);
}
.blogDetails.blogInfo .blogDescription,
.fadeWhiteFont,
.growthHackingInner p,
.howWorksContent p,
.ourSolutionBox .solutionBoxBanner p,
.queryLists ul li {
    color: #fffc;
}
.navbar-nav .nav-link.menuLink {
    font-size: 16px;
    line-height: 15px;
}
.workRepositorySecNew .serviceForLists .serviceForBox p::before {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    height: 2px;
    width: 13px;
    background: var(--colorRed2);
}
.customSliderNew .slick-dots li {
    margin: 0 7px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}
.customSliderNew .slick-dots li button {
    height: 100%;
    width: 100%;
    background: var(--colorOffBlack6);
    border-radius: 50%;
    margin: 0;
}
.customSliderNew .slick-dots li button:before {
    content: "";
}
.customSliderNew .slick-dots li.slick-active button {
    background: var(--colorRed2);
}
.businessHeadsLeft {
    margin-right: 30px;
}
.blogDetails.blogInfo .blogDescription,
.metaverseVideoDetails {
    padding-top: 10px;
}
.ourTestimonilsBox {
    background-color: var(--colorGrey6);
}
.testimonialBoxsNew .testimonialSecLeft {
    width: 245px;
    min-width: 245px;
    padding-right: 25px;
}
.quoteCont.quoteContInNew .quoteContIn {
    padding: 20px;
    border-radius: 4px;
    background-color: var(--colorWhite);
}
.commentsArea textarea {
    height: 122px !important;
}
.bizHeadsImgWrp {
    flex-direction: column;
}
.bizHeadsImgLabel {
    position: relative;
    color: var(--lightColor);
}
.aboutSlidesInner.flexBoxReverse .aboutQuote,
.bannerSmallContent,
.serviceFor4 .serviceForLists .serviceForBox p,
.serviceMainContent .servBannerContent,
.techMenuSectionsChild p {
    color: var(--colorOffBlack10);
}
.projetsSlidersNew .slick-slide img {
    border-radius: 4px;
}
.growthHackingInner.grwothHackInner .connectGrowth {
    padding-left: 30px;
    padding-bottom: 50px;
    padding-top: 30px;
}
.testimonialSecTop .testimonialByImage {
    display: inline-block;
    float: left;
    padding-right: 20px;
    padding-bottom: 5px;
}
.heateor_sss_sharing_ul a,
.quoteAuthorCont span {
    margin-right: 15px;
}
.couponBottomRight,
.newMenuListItem,
.newTestimonialsSlider .newTestimonialRight,
.quoteAuthorBtm,
.recognitionInner .awardsSection {
    display: flex;
    flex-direction: column;
}
.aboutUsSection2,
.bgGrey6 {
    background: var(--colorGrey6);
}
.pageNotFound {
    padding: 100px 0;
    text-align: center;
}
.serviceFor4 .serviceForLists .serviceForBox .serviceForBoxChild,
.serviceFor4 .serviceForLists .serviceForBox h4 {
    position: relative;
    padding-left: 15px;
}
.serviceFor4 .serviceForLists .serviceForBox .serviceForBoxChild::before,
.serviceFor4 .serviceForLists .serviceForBox h4::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 8px;
    background: var(--colorOffBlack10);
    top: 10px;
    left: 0;
}
.menuRightTop .subMenuHeadingTop.subMenuHeadingTopNew {
    font-size: 20px;
}
.aboutSlidesInner {
    align-items: center;
    justify-content: center;
}
.hrmImg img {
    object-fit: cover;
    border: 2px solid var(--colorWhite);
}
.recognitionInnerNew .awardsCard {
    background: var(--colorWhite);
    height: 100%;
}
.awardsCardMid {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.awardsCardFive .awardsCard .awardsImage span {
    width: 130px;
}
.homeBannerNew.homeBannerNew2 {
    position: relative;
    padding: 0;
    z-index: 0;
    background: linear-gradient(80.78deg, #DBB695 -1.57%, #E37739 5.49%, #E3570E 14.14%, #D64209 25.88%, #BE1C01 36.88%, #A30802 46.29%, #910802 54.71%, #770703 62.39%, #5E0503 71.47%, #400505 80.64%, #0D0101 89.7%);
}
.homeBannerNew2 .videoOverlay {
    width: 58%;
    right: 0;
    top: 0;
    height: 100%;
    float: right;
}
.newBannerChild .homeBannerBOx {
    position: absolute;
    top: 0;
    padding: 50px 0;
    height: calc(100% - 8px);
    display: flex;
    align-items: center;
    width: 430px;
}
.oneTeamSectionNewBox {
    margin-top: -8px;
    background: var(--colorWhite);
    position: relative;
}
.couponTypeHeading {
    color: var(--colorGrey8);
    padding-bottom: 16px;
}
.couponListTop {
    display: flex;
    justify-content: space-between;
}
.couponListTop span {
    color: var(--colorGrey9);
    min-width: max-content;
}
.couponListTop .infoIcon {
    display: inline-block;
    float: left;
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-right: 5px;
}
.couponListTop .infoIcon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: inherit;
}
.couponListBox {
    padding: 25px 35px;
    border: 2px solid;
    border-radius: 15px;
    margin-bottom: 30px;
}
.couponBottomLeft h3 {
    color: var(--colorRed4);
    margin: 4px 0 15px;
}
.couponBottomLeft span {
    color: var(--colorGrey10);
}
.couponListBottom {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
}
.couponBottomRight .copyCoupon {
    margin-top: 9px;
    text-align: center;
}
.copyCouponLink:hover {
    color: var(--colorRed5);
}
.couponBottomRight .couponNameLink {
    font-size: 20px;
    line-height: 22px;
    color: var(--colorWhite);
    padding: 15px 40px;
    background: var(--colorRed5);
}
.couponTypeSection {
    padding: 25px 0 45px;
    border-bottom: 1px solid #d9d9d9;
}
.codeCopyToggle {
    position: fixed;
    bottom: 40px;
    text-align: center;
    width: 100%;
    left: 0;
    display: none;
}
.codeCopyToggleInner {
    padding: 15px 30px;
    background: rgb(0 0 0 / .6);
    color: var(--colorWhite);
}
.couponsPageBoxs {
    padding: 70px 0;
}
.couponFormBg {
    background: url(../img/couponFormBg.png) center center/cover no-repeat;
    position: absolute;
    width: 49%;
    height: 100%;
}
.couponFormRight .row {
    margin-left: -25px;
    margin-right: -25px;
}
.couponFormRight .col-sm-6 {
    padding-left: 25px;
    padding-right: 25px;
}
.couponFormChild {
    background: var(--colorGrey7);
}
.couponFormDesign {
    margin: 40px 0 60px;
    border: 1px solid var(--colorBlack);
}
.couponFormInner .row {
    margin-left: -10px;
    margin-right: -10px;
}
.couponFormInner .col-sm-6,
.ourProductsSectionNew .ourProductsChild .col-sm-12 {
    padding-left: 10px;
    padding-right: 10px;
}
.couponFormInner label {
    font-size: 14px;
    line-height: 16px;
    color: #a2a2a2;
}
.couponFormInner {
    padding: 0 20px 20px;
}
.careerPageNew .serviceBanner {
    padding-top: 30px;
    padding-bottom: 80px;
}
.careerPageNew iframe {
    min-height: 85vh;
    overflow: hidden !important;
}
.careerPageNew .footer .footer-content {
    display: none !important;
}
.min-height-100-73 {
    min-height: calc(100vh - 100px) !important;
}
.careerPageNew iframe body {
    height: 30vh !important;
    overflow-y: auto !important;
}
#embed-jobs-filters,
#job-widget {
    height: 87vh !important;
    overflow-y: auto !important;
}
#job-widget::-webkit-scrollbar {
    width: 3px;
}
#job-widget::-webkit-scrollbar-track {
    background: #f1f1f1;
}
#job-widget::-webkit-scrollbar-thumb {
    background: #888;
}
.careerLinkModal .modalClose {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid var(--colorGrey8);
}
.careerLinkModal .modal-content {
    height: 95vh;
}
.careerLinkModal .modalClose button {
    height: 100%;
    width: 100%;
    display: inline-block;
    float: left;
}
.careerLink iframe {
    height: 83vh !important;
    width: 100%;
}
.benefitsListsNew .mileStoneIcon {
    margin-top: 2px;
    padding-right: 20px;
}
.seoTestimonialsBox .seoTestimonialCard {
    background: var(--colorGrey2);
    border-radius: 4px;
    height: 100%;
    border: 1px solid var(--colorGrey8);
}
.seoTestimonialCard2,
.seoTestimonialsBox .seoTestimonialCard .seoTestimonialDetails,
.statsSectionNew .statsCountNew {
    padding: 20px;
}
.seoTestimonialsBox .seoTestimonialCard:hover {
    box-shadow: 0 4px 14px rgb(0 0 0 / .15);
}
.seoTestimonialsBox .seoTestimonialCard:hover .seoTestimonialDetails .seoWebsite h3 {
    color: #fc6630;
}
.seoTestimonialsBox .seoTestimonialCard .seoTestimonialCardBanner img {
    transform: scale(1);
    transition: .3s;
}
.seoTestimonialsBox .seoTestimonialCard:hover .seoTestimonialCardBanner img {
    transform: scale(1.2);
    transition: .3s;
}
.seoTestimonialsBox .seoWebsite {
    margin-bottom: 10px;
}
.seoTestimonialsBox .seoTestimonialList {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
}
.seoTestimonialsBox .seoTestimonialList:last-child() {
    margin-bottom: 0;
}
.seoTestimonialList .seoHeading {
    color: #333;
}
.seoTestimonialList .seoDescription {
    color: #7e7e7e;
}
.mediaToolsBox span {
    display: inline-block;
    float: left;
    width: 24%;
    padding-left: 20px;
    padding-right: 20px;
}
.oneTeamSection.oneTeamSectionNew {
    margin-top: -7px;
    position: relative;
    z-index: 1;
    background: var(--colorWhite);
}
.faqList .arrowIcon i {
    transform: rotate(0);
}
.faqList.activeTab .arrowIcon i {
    transform: rotate(180deg);
}
#dowVideo{
    margin-top: -5px;
}
#dowVideo,
.clientVideoUrl,
.innovationsVideoSection .innovationVideoChildImage,
.innovationsVideoSection .innovationsVideoCardChild,
.innovationsVideoSection .snippetListingNew,
.loaderSection span img,
.popupoCloseLink button {
    height: 100%;
    width: 100%;
}
.customMenuNew.customMenuNew2 .subMenus {
    width: 380px;
}
.mainMenu .navbar-nav .nav-item .neWMenuItemList {
    line-height: 30px;
    margin-bottom: 13px;
}
.subMenuListsSecNew {
    display: block;
    height: 100%;
}
.subMenuListsSec.subMenuListsSecNew .subMenuHeadings {
    margin-left: 0;
    padding-right: 0;
}
.productsMenuBox .row {
    margin-left: -20px;
    margin-right: -20px;
}
.productsMenuBox .row .col-sm-12 {
    padding-left: 20px;
    padding-right: 20px;
}
.caseStudyMore a {
    display: inline-block;
    float: left;
    margin-right: 20px;
    color: #ff655b;
    border-bottom: 2px solid #ff655b;
}
.caseStudyMore a:hover {
    color: var(--colorRed);
    border-bottom: 2px solid var(--colorRed);
}
.portfolioBanner2 {
    position: relative;
    background: var(--colorThemeBlue);
}
.ourProjectSlider2 {
    margin-top: -7px;
}
.ourProjectSlider.ourProjectSlider2 {
    padding: 50px 0;
    margin-bottom: 50px;
}
.portfolioBanner2 .portfolioBannerNew .serviceBannerBox {
    padding: 30px 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.portfolioBanner2 .serviceBannerBox .mainBannerLeft {
    width: 56%;
    height: 100%;
    padding-right: 80px;
}
.portfolioBanner2 .serviceBannerBox .serviceBannerRight {
    width: 44%;
}
.portfolioBanner2 .bannerSubHeading {
    color: #ddd;
}
.projectSlideBox2 .col-sm-2 {
    margin: 10px 0;
}
.projectSlideBox2 .ourProjectsSlides {
    padding: 20px;
    background-color: var(--colorWhite);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / .15);
}
.portfolioTabsChild .nav,
.projectSlideBox2 .row {
    justify-content: center;
}
.arrowLink,
.btnStyle.hoverBtn {
    display: inline-flex;
    align-items: center;
}
.subMenusOuterNew .submenuBoxs {
    width: 20%;
}
.subMenus,
.subMenus .menuLeft,
.subMenus .menuRight,
.subMenusOuterNew .subMenus,
.subMenusOuterNew .subMenus .menuLeft,
.subMenusOuterNew .subMenus .menuRight {
    min-height: auto;
}
.subMenusOuterNew .offshoreSubmenuNew .submenuBoxs {
    width: 25%;
    padding-right: 30px;
    margin-bottom: 0;
}
.submenuInnerBox .subMenuList ul li a.activeLinkOption.arrowLink {
    color: var(--colorRed3);
}
.submenuInnerBox .subMenuList ul li a.activeLinkOption.arrowLink:is(:hover, :focus) {
    background: 0 0;
    color: #dd310f;
}
.submenuInnerBox .subMenuList ul li a.activeLinkOption.arrowLink i {
    transform: translateX(0);
    transition: .1s;
    padding-left: 6px;
}
.submenuInnerBox .subMenuList ul li a.activeLinkOption.arrowLink:hover i {
    transform: translateX(5px);
    transition: .1s;
}
.menuBottomStripeChild .subMenuList li {
    width: 25%;
    display: inline-block;
    float: left;
}
.menuBottomStripeChild .subMenuList li span,
.menuBottomStripeChild .subMenuList li span a {
    width: 100%;
    text-align: center;
    display: inline-block;
    float: left;
}
.menuBottomStripeChild .subMenuList li span a {
    padding: 15px 10px;
    color: var(--colorWhite);
    border-right: 1px solid var(--colorWhite);
}
.menuBottomStripeChild .subMenuList li:first-child a {
    background-color: #1e2269;
}
.menuBottomStripeChild .subMenuList li:nth-child(2) a {
    background-color: #4c285e;
}
.menuBottomStripeChild .subMenuList li:nth-child(3) a {
    background-color: #8c304e;
}
.menuBottomStripeChild .subMenuList li:last-child a {
    background-color: #e53b39;
    border-right: none;
}
.offshoreDevelopmentMenu {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}
.offshoreDevelopmentSubMenu ul {
    width: 50%;
    display: inline-block;
    float: left;
}
.submenuInnerBox .subMenuHeading {
    margin-bottom: 20px;
    font-size: 22px;
}
.submenuInnerBox .subMenuList ul.staffAugmentationSubMenuLists li {
    padding-right: 20px;
    width: 100%;
    display: inline-block;
    float: left;
}
.techMenuSectionsChild {
    padding: 0 0 60px;
}
.techMenuSectionsChild .menuTechListBox {
    margin-bottom: 0;
    padding-top: 90px;
}
.techMenuSectionsChild h2 {
    color: var(--colorOffBlack2);
    margin-bottom: 20px;
}
.offshoreDevelopmentMenu .submenuBoxs {
    padding-top: 30px;
}
.becomePartnerSubMenu,
.teamExtensionSubMenu {
    padding-left: 30px;
}
.becomePartnerSubMenu .subMenuLists .subMenuBtn .btnStyle,
.teamExtensionSubMenu .subMenuLists .subMenuBtn .btnStyle {
    border-radius: 0;
    width: 100%;
    text-align: center;
}
.offshoreDevelopmentMenu .teamExtensionSubMenu {
    background: #f7f7f7;
    padding-left: 0;
    padding-right: 0;
}
.offshoreDevelopmentMenu .becomePartnerSubMenu .subMenuListsChild,
.offshoreDevelopmentMenu .teamExtensionSubMenu .subMenuListsChild {
    padding-left: 30px;
    padding-right: 30px;
}
.becomePartnerSubMenu,
.subMenusOuterNew .offshoreSubmenuNew .submenuBoxs.becomePartnerSubMenu {
    padding-left: 0;
    padding-right: 0;
}
.offshoreDevelopmentMenu .becomePartnerSubMenu {
    background: #f1f1f1;
}
.offshoreDevelopmentMenu .itStaffingSubMenu,
.technologySubmenu .menuRightInner .menuRightBtm {
    padding-bottom: 30px;
}
.btnStyle.hoverDisable::before {
    background: inherit;
}
.btnStyle.hoverBtn {
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
}
.btnHover .arrowIcn,
.btnStyle.hoverBtn .arrowIcn {
    transform: translateX(0);
    transition: .2s;
}
.btnHover:hover .arrowIcn,
.btnStyle.hoverBtn:hover .arrowIcn,
.hoverBtn2:hover .arrowIcn {
    transform: translateX(5px);
    transition: .2s;
}
.keySkillsListsBox {
    margin-top: 25px;
}
.skillListTagList .skillListItem {
    display: inline-flex;
    float: left;
    margin: 7px 14px 7px 0;
    color: #585858b5;
    padding: 12px 15px;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
}
.technologiesMenusItemsNew .menuTechListBox {
    position: relative;
    margin-top: -50px;
    padding-top: 110px;
}
.growthHacking .growthHackingInner.metaverseInfoRight {
    background: 0 0;
    background-color: var(--colorWhite);
}
.statsSectionNew .statsCountNew {
    margin-right: 25px;
}
.loaderSection {
    z-index: 9999;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgb(0 0 0 / .7);
}
.aboutUsNewBox,
.negativeMargin {
    margin-top: -12px;
    position: relative;
}
.loaderSection span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    top: 0;
    bottom: 0;
}
.ourTestimonilsBoxNew {
    background: var(--colorWhite);
    padding: 80px 0;
}
.quotesListNew .newTestimonialContent {
    margin-bottom: 25px;
    color: var(--colorWhite);
}
.quotesListNew .newTestimonialName {
    margin-bottom: 6px;
}
.quotesListNew .newTestimonialSlideChild {
    display: flex;
    border-radius: 12px;
    background: #050738;
    box-shadow: 0 8px 9px 0 rgb(0 0 0 / .06);
}
.quotesListNew .newtestimonialLeft {
    width: 280px;
    min-width: 280px;
}
.quotesListNew .newTestimonialRight {
    padding: 40px 40px 30px;
}
.customSliderNew.customSliderNew2 .slick-dots {
    bottom: -47px;
}
.customSliderNew.customSliderNew2 .slick-dots li button {
    background: var(--colorWhite);
    opacity: .2;
}
.customSliderNew.customSliderNew2 .slick-dots li.slick-active button {
    background: #152168;
    opacity: 1;
}
.newTestimonialSlide,
.newTestimonialsSlider,
.newTestimonialsSlider.slick-slider .slick-list {
    border-radius: 12px;
}
.newTestimonialsSlider .newTestContent {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.ourProductContentBox,
.ourProductsBox {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.btnStyle.whiteBtn:hover {
    color: var(--colorOffBlack9);
}
.sectionPadding2,
.sectionPaddingTop.sectionPaddingTopNew {
    padding: 40px 0;
}
.sectionPadding2Top {
    padding-top: 40px;
}
.ourProductsBox {
    background: #fff;
    box-shadow: 0 0 7px 2px rgb(0 0 0 / .1);
}
.ourProductContentBox {
    padding: 30px;
    justify-content: space-between;
}
.ourProductContentBox .productHeadText {
    margin-bottom: 18px;
    color: var(--colorBlack);
}
.ourProductContentBox .productDescriptionText {
    margin-bottom: 15px;
    color: var(--lightColor);
}
.ourProductContentBox .ourProductRedirect {
    padding: 10px 0 0;
    border-top: .5px solid rgb(0 0 0 / .2);
}
.exploreMoreProductsLInk {
    color: #152168;
    font-family: var(--commonRegularFont);
}
.hoverBtn2,
.hoverBtn2:focus,
.hoverBtn2:hover {
    color: #152168;
}
.hoverBtn2 .arrowIcn {
    transform: translateX(0);
    transition: .2s;
    display: inline-block;
}
.fontSize42 {
    font-size: 42px;
    line-height: 48px;
}
.ourProductContentBox .ourProductRedirect2 {
    border-top: none;
    padding: 0 0 10px;
}
.scalieProductBox .ourProductContentBox {
    width: 54%;
    padding-top: 40px;
    flex-direction: column;
    display: flex;
    height: 100%;
    justify-content: space-between;
}
.ourProductsBox.scalieProductBox {
    background: url(../images/products/productScalieBg.webp) center center/cover no-repeat;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: self-end;
}
.ourProductsBoxImage.scalieProductsBoxImage {
    width: 46%;
    padding-bottom: 40px;
    padding-right: 10px;
    text-align: right;
}
.ourProductsSectionNew .ourProductsChild .row {
    row-gap: 20px;
    margin-left: -10px;
    margin-right: -10px;
}
.aboutUsNewBox {
    background: url(../images/aboutUsBg.webp) top right no-repeat;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: var(--colorWhite);
}
.aboutUsNewBox .mottoHeading {
    background: -webkit-linear-gradient(-.27deg, #152168 -23.7%, #ef3a2f 30.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
}
.testimonialsNewSliders {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}
.testimonialsNewSlide {
    padding: 30px 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.testimonialsNewSlide .testiminoalCardHeading {
    margin-bottom: 10px;
    font-family: var(--commonRegularFont);
}
.testimonialsNewSlide .testimonialRedirect {
    margin-bottom: 30px;
    color: var(--colorWhite);
}
.testimonialsNewSlider .testimonialsNewSlide {
    margin: 0 10px;
    height: auto;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}
.testimonialsNewSlide.unCruiseTestimonial {
    background: linear-gradient(144.06deg, #08b3a9 22.74%, #2d568f 100%);
}
.testimonialsNewSlide.metavalTestimonial {
    background: linear-gradient(179.97deg, #2940d6 .03%, #fff0 127.2%);
}
.testimonialsNewSlide.seriousDatingTestimonial {
    background: linear-gradient(170.68deg, #f44f9f -6.34%, #329be2 122.18%);
}
.testimonialsNewSlide.tawidTestimonial {
    background: linear-gradient(163.13deg, #ffc400 17.81%, #ff3406 122.3%);
}
.testimonialsNewSlide.probikeTestimonial {
    background: linear-gradient(158.91deg, #2632e1 6.78%, #f9141c 133.42%);
}
.testimonialsNewSlide.updTestimonial {
    background: linear-gradient(180deg, #3787e4 6.62%, rgb(55 190 228 / .63) 100%);
}
.testimonialsNewSlide .testimonialCardImage img {
    margin: -2px auto 0;
}
.workRepositorySecNew.workRepositorySecNew2 {
    padding: 80px 0;
    background: var(--colorGrey7);
}
.customSliderNew.customSliderNew3 .slick-dots {
    bottom: -50px;
}
.footercertificationBox span {
    width: 33%;
    display: inline-block;
    height: 100px;
    padding: 0 5px;
}
.serviceBannerRight.mainBannerRight .offshoreForm,
.statsSecNewBtmNewSection h3,
.statsSecNewBtmNewSection p,
.statsSectionNew .statsSecNewBtm.statsSecNewBtmNewSection {
    text-align: left;
}
.dowFontRegular {
    font-family: var(--circularRegularFont);
}
.negativeMargin {
    background: #fff;
}
.btnStyle,
.redBtn,
.redBtnNew {
    color: var(--colorWhite);
    background: var(--colorNew_red);
}
.sectionPaddingTop {
    padding-top: 80px;
    padding-bottom: 0;
}
.sectionPaddingBottom {
    padding-bottom: 80px;
    padding-top: 0;
}
.smallSubHeading,
.weDeliverTop .smallHeading p {
    font-size: 18px;
    line-height: 18px;
}
.weDeliverBox.weDeliverBox2 {
    padding-top: 80px;
}
.deliverListBox .deliverListContent h3 {
    margin-bottom: 18px;
}
.ourServicePartners {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    column-gap: 15px;
    row-gap: 50px;
}
.ourServicePartners span {
    height: 80px;
}
.btnStyle {
    border: 1px solid var(--colorRed2);
}
.redBtn,
.redBtnNew {
    border-color: var(--colorNew_red);
}
.blueBtnNew,
.btnStyle.blueBtn {
    border-color: var(--colorThemeBlue);
}
.btnStyle.btnStyle3::before,
.btnStyle.btnStyleNew::before {
    background: var(--colorWhite);
    color: var(--colorRed2);
}
.blueBtnNew,
.btnStyle.blueBtn,
.btnStyle.redBtnNew::before {
    background: var(--colorThemeBlue);
}
.statsSectionNew .statsCountNew h3 {
    margin-bottom: 7px;
}
.awardsCard .awardsImage span {
    width: auto;
    margin-bottom: 0;
}
.btnStyle.redBtnNew:hover {
    color: var(--colorWhite);
    border: 1px solid var(--colorThemeBlue);
}
.btnStyle.blueBtnNew:hover {
    color: var(--colorThemeBlue);
    border: 1px solid var(--colorThemeBlue);
}
.sectionPadding3 {
    padding: 20px 0;
}
.viewStudyLinkText:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    bottom: -1px;
    background: var(--colorWhite);
    left: 0;
}
.aboutUsNewBottom a {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.scalieProductBox .productDescriptionText {
    opacity: .8;
}
.orangeBtnNew {
    background: #f16725;
    border: 1px solid #f16725;
}
.btnStyle.orangeBtnNew:hover {
    color: #f16725;
    border: 1px solid #f16725;
}
.ourProductsBoxImage.scalieProductsBoxImage img {
    width: 75%;
}
.partnersSectionTopHeading .partnersTopSection {
    width: auto;
    padding: 40px 40px 10px;
    background: var(--colorWhite);
    border-radius: 12px 12px 0 0;
}
.partnerSecBgDesktop {
    display: block;
    max-height: 350px;
    overflow: hidden;
}
.partnersSectionTopContent {
    margin-top: -100px;
}
.footerStripSection {
    background: linear-gradient(91.13deg, #1f214d -10.06%, #ef3a2f 127.08%);
}
.footerStripRight {
    display: flex;
    flex-direction: row;
    gap: 15px;
}
.footerStripRight span a {
    width: 100%;
    text-align: center;
}
.formModalDesign .modal-dialog {
    max-width: 727px;
    height: auto;
    margin: 30px auto;
    min-height: calc(100vh - 60px);
}
.contactFormModal .closeModalNew {
    right: 40px;
    top: 36px;
    z-index: 2;
}
.formDesign.newFormDesign .form-control {
    font-size: 16px;
    line-height: 18px;
    padding: 15px 20px;
}
.modalcloseNew {
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
.closeModalIcon:hover path {
    fill: var(--colorRed2);
    stroke: var(--colorRed2);
}
.formModalDesign .modalContent {
    padding: 30px 40px 40px;
}
.companyMenuNewDesign .companyMenuLeft {
    width: 66%;
    padding-right: 40px;
}
.companyMenuNewDesign .companyMenuRight {
    width: 34%;
    display: flex;
    flex-direction: column;
}
.companyMenuLeft {
    display: grid;
    grid-template-columns: auto auto;
    gap: 40px 70px;
}
.leftMenuDescription {
    color: #707070;
    margin-bottom: 10px;
    line-height: 20px;
}
.exploreMoreProductsLInk {
    line-height: initial;
    display: inline-block;
    float: left;
}
.menuRightContent {
    padding: 15px;
    background: #f4f4f4;
    height: 100%;
}
.whiteBtnNew,
.whiteBtnNew:hover {
    background: var(--colorWhite);
    color: var(--colorThemeBlue);
    border-color: var(--colorWhite);
}
.transparentBtnRed {
    background: 0 0;
    color: var(--colorRed2);
    border-color: var(--colorRed2);
}
.snippetListing {
    display: flex;
    grid-template-columns: 50% auto;
    gap: 0 40px;
    flex-direction: column;
}
.snippetsText p {
    color: var(--colorOffBlack11);
}
.snippetsContent .snippetsTextHeading {
    margin-bottom: 18px;
}
.snippetsBox .snippetListing {
    padding: 40px 0;
    border-bottom: 1px solid #cecece;
}
.skiVideoCont {
    position: relative;
    display: flex;
    height: auto;
}
.skiVideoControls {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #0002;
    transition: .2s;
}
.skiVideoControls:hover,
.skiVideoControls:not(.playing) {
    opacity: 1;
}
.skiVideoControls button {
    background-color: #0007;
    border-radius: 50%;
    color: #fff;
}
.skiVideoControls button:hover {
    background-color: #000a;
}
.skiVideoControls .playPauseBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 70px;
    height: 70px;
    font-size: 30px;
}
.skiVideoControls .muteUnmuteBtn {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    font-size: 12px;
}
.vidoeProgressBar {
    position: absolute;
    bottom: -1px;
    width: 0%;
    height: 5px;
    background-color: #ccc;
}
.queryInnerBoxNew {
    padding: 40px 60px;
    backdrop-filter: blur(54px);
    background: #3a3A3A42;
    box-shadow: 0 3px 54px 0 #0003;
}
.queryBoxsNew {
    padding: 0 62px;
}
.formDesignQuery .form-control {
    font-size: 16px;
    line-height: 18px;
    padding: 12px 16px;
}
.fadeFontColor {
    color: var(--colorBlack);
    opacity: .7;
}
.btnStyle.btnStyleWhite:focus,
.btnStyle.btnStyleWhite:hover,
.btnStyleWhite {
    border: 1px solid var(--colorWhite);
    color: var(--colorThemeBlue);
}
.bundleSectionList {
    display: grid;
    grid-template-columns: auto 38%;
    gap: 0 40px;
    margin-bottom: 60px;
}
.bundleContent .bundleContentList {
    margin-bottom: 20px;
    line-height: 28px;
}
.bundleDownloadLink {
    font-size: 20px;
    line-height: 20px;
}
.bundleSectionList:nth-child(2n) {
    direction: rtl;
}
.bundleSectionList:nth-child(2n) .bundleListContent {
    direction: ltr;
}
.lastListItemImages {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 11px;
    margin-bottom: 30px;
}
.sampleDownloadStrip {
    background: #1f214d;
    padding: 25px 0;
}
.bundleSectionList .bundleListContent,
.ourInnovationsGridLeft {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.threedModalWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px 30px;
}
.threedModalWrapperSec {
    aspect-ratio: 3/2;
}
.newQueryTop {
    padding: 34px 0;
    background: #242627;
}
.halfWidth {
    width: 50%;
    padding-right: 30px;
}
.newQueryBottom {
    padding: 30px 0;
    background: linear-gradient(91.13deg, #1f214d -10.06%, #ef3a2f 127.08%);
}
.finUsSocialLink {
    display: inline-flex;
    align-items: center;
    color: var(--colorWhite);
}
.finUsSocialLink .finUsSocialLinkicon {
    padding-right: 14px;
}
.newQueryFormHead {
    color: var(--colorOffBlack3);
    margin-bottom: 30px;
    text-align: center;
}
.newQueryFormBox {
    padding: 30px;
    border-radius: 4px;
    width: 50%;
    margin-top: -237px;
}
.smallLabelFont {
    font-size: 14px;
    line-height: 16px;
    color: #656565;
    margin-bottom: 8px;
    font-weight: 500;
}
.formDesign.newQueryForm .form-control {
    padding: 11px 15px;
    font-size: 16px;
    color: #222;
}
.metaverseSnippetsVideo,
.newTestimonialSlider .slick-track .newTestimonailSlide {
    height: auto;
}
.customPills .nav-link {
    color: var(--colorRed2);
    border: 1px solid var(--colorRed2);
    font-size: 18px;
    margin-right: 10px;
    cursor: pointer;
}
.customPills .nav-link.active {
    color: var(--colorWhite);
    border: 1px solid var(--colorRed2);
    background: var(--colorRed2);
}
.portfolioTabsSection {
    margin-bottom: 30px;
    padding: 15px 0;
    position: relative;
    z-index: 9;
}
.portfolioTabsSection.stickySection {
    position: sticky;
    top: 74px;
    border-bottom: 1px solid #eee;
}
.metaserveChildBox.snippetListing {
    display: flex;
    flex-direction: column;
    padding: 0;
    border-bottom: none;
}
.metaserveChildSection {
    display: grid;
    grid-template-columns: auto auto;
    gap: 40px 40px;
}
.metaverseVideoDetails .metaverseSecHeading {
    color: var(--colorOffBlack3);
    margin-bottom: 4px;
}
.metaverseVideoBox .skiVideoCont {
    height: 324px;
}
.homeSnippetsBox .skiVideoCont {
    height: 208px;
}
.scalieProductBox .productSubheadText {
    opacity: .6;
    margin-bottom: 30px;
}
.homeBannerNew2 .videoOverlay {
    background: #ddd;
}
.portfoliosSectionListBoxChilds .portfolioTabSection:nth-child(2n) .caseCont .caseImgCont {
    justify-content: flex-start;
}
.portfolioBannerVideo {
    aspect-ratio: 3/3;
}
.testimonialByImgMobile {
    display: none;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
}
.cookiesToggleBox {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.cookiesToggleChild {
    padding: 25px 30px;
    border-radius: 0;
    box-shadow: 0 0 7px 1px rgb(0 0 0 / .2);
}
.cookieToggleBtnBox {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.aboutSlideImageUpdate span {
    padding-left: 50px;
}
.socialLinks ul li.socialImage a {
    float: left;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
}
.socialLinks ul li.socialImage img {
    display: inline-block;
    float: left;
    height: 20px;
    width: 20px;
}
.testimonialRedirect .hoverBtn2 {
    font-size: 16px;
}
.homeSnippetsBoxGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
}
.clientVisitList,
.clientsVisitBox {
    grid-template-columns: repeat(2, 1fr);
}
.homeSnippetsBoxGrid .snippetListing {
    grid-template-columns: 1fr;
    gap: 15px;
}
.homeSnippetsBoxGrid.snippetsBox .snippetListing {
    padding: 0;
    border-bottom: none;
}
.ourProductsBoxImageScalie {
    max-height: 221px;
}
.fontSize45 {
    font-size: 45px;
    line-height: 52px;
}
.skiVideoCont video {
    background: #ddd;
    object-fit: cover;
}
.brandsSlides {
    white-space: nowrap;
}
.brandsSlides img {
    height: 60px;
}
.infinite-marquee {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.brandsSlides .ourServicePartnersCard {
    display: inline-block;
    margin: 0 20px;
}
.videoZoomOption {
    height: 40px;
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    background-color: #0007;
    color: #fff;
    padding: 5px;
    display: none;
}
.clientsVisitBox {
    display: grid;
    gap: 25px 25px;
}
.clientVisitList {
    display: grid;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    overflow: hidden;
}
.clientVisitDetails {
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
.clientBrandName {
    font-weight: 700;
    color: #1a1a1a;
}
.clientVisitImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.visitedClientInfo {
    color: var(--colorDark2);
}
.largeModal .modal-dialog {
    max-width: 85%;
    height: calc(100vh - 56px);
    margin: 25px auto;
}
.popupoCloseLink {
    position: absolute;
    right: -20px;
    top: -20px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px 2px rgb(0 0 0 / .5);
    background: #fff;
    font-size: 24px;
    overflow: hidden;
}
.videoPopup .modal-content {
    padding: 4px;
    height: 100%;
}
.gradientText {
    background: linear-gradient(84.17deg, #DBB695 4.08%, #E37739 11.43%, #E3570E 20.43%, #D64209 32.64%, #BE1C01 44.09%, #A30802 53.88%, #910802 62.64%, #770703 70.63%, #5E0503 80.08%, #400505 89.62%, #0D0101 99.04%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    font-weight: 700;
}
.newTestimonailSlide {
    padding: 0 13px;
}
.newTestimonailSlide .testimonialSlideImage {
    height: 70px;
    width: 70px;
    min-width: 70px;
    border-radius: 50%;
    overflow: hidden;
}
.testimonialSlideFrom {
    display: flex;
    grid-template-columns: 70px auto;
    gap: 0 10px;
    align-items: center;
}
.newTestimonailSlideChild {
    border: 1px solid #ebebeb;
    padding: 35px;
    border-radius: 5px;
    height: 100%;
}
.newTestimonailSlide .testimonialSlideContent {
    margin-bottom: 40px;
    color: var(--colorDark2);
}
.customSlidersBoxButtons .slick-arrow,
.newTestimonialSlider .slick-arrow {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    overflow: hidden;
}
.customSlidersBoxButtons .slick-next,
.customSlidersBoxButtons .slick-prev,
.newTestimonialSlider .slick-next,
.newTestimonialSlider .slick-prev {
    top: -65px;
}
.customSlidersBoxButtons .slick-next::before,
.customSlidersBoxButtons .slick-prev::before,
.newTestimonialSlider .slick-next::before,
.newTestimonialSlider .slick-prev::before {
    font-size: 30px;
}
.customSlidersBoxButtons .slick-next,
.newTestimonialSlider .slick-next {
    right: 0;
}
.customSlidersBoxButtons .slick-prev,
.newTestimonialSlider .slick-prev {
    left: initial;
    right: 65px;
}
.customSlidersBoxButtons .slick-arrow:before,
.newTestimonialSlider .slick-arrow:before {
    font-family: "Font Awesome 5 FREE";
    font-weight: 700;
    opacity: 1;
    color: var(--colorRed);
}
.customSlidersBoxButtons .slick-prev:before,
.newTestimonialSlider .slick-prev:before {
    content: "";
}
.customSlidersBoxButtons .slick-next:before,
.newTestimonialSlider .slick-next:before {
    content: "";
}
.servicesSliderItem {
    font-size: 80px;
    line-height: inherit;
    color: var(--colorBlack);
    padding: 0 124px 0 0;
    font-family: var(--strokeText);
    position: relative;
}
.servicessliderBox {
    margin-top: -7px;
    background: var(--colorWhite);
    z-index: 9;
    position: relative;
}
.servicesSliderItem:after {
    position: absolute;
    content: "";
    background: url(../images/marquee-icon.svg) center right 40px no-repeat;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.servicesSlider {
    overflow-x: clip;
}
.testimonialSlideInfo .testimonialByName {
    color: #919191;
    font-weight: 700;
}
.testimonialSlideInfo .testimonialByDesig {
    color: #919191;
}
.galleryImageRight,
.ourTeamsGallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.galleryImageRight {
    grid-template-columns: repeat(1, 1fr);
}
.aboutUsNewChildSection {
    display: grid;
    grid-template-columns: 25% auto;
}
.newQueryForm .queryBoxs {
    padding: 40px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.newQueryForm .queryInnerBox .queryLeft {
    background: var(--colorWhite);
    padding: 0;
}
.newQueryForm .queryInnerBox .queryRight {
    padding-left: 40px;
}
.newQueryForm .queryInnerBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.ourProductsBox {
    box-shadow: none;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.brandsLogoSectionChild {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px 24px;
}
.brandsLogoSectionChild .brandLogoItem {
    display: inline-block;
    box-shadow: 0 0 38px 0 #00bAF20D;
}
.boldFontFace {
    font-weight: 700;
}
.mediumFontFace {
    font-weight: 500;
}
.visitedClientName {
    margin-bottom: 12px;
    color: var(--colorDark2);
    font-style: italic;
    font-weight: 400;
    margin-top: 5px;
}
.innovationVideoContChild .innovationVideoChildDetail {
    position: absolute;
    bottom: 0;
    display: inline-flex;
    height: 100%;
    background: linear-gradient(180deg, #fff0 0, rgb(0 0 0 / .56) 100%);
    left: 0;
    align-items: flex-end;
    padding: 14px;
}
.innovationVideoChildDetail .onClientVideoPopup {
    height: 27px;
    width: 2px;
    border-radius: 50%;
    background: var(--colorWhite);
    color: var(--colorRed);
    min-width: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
}
.oneTeamSectionNewSectionChild.oneTeamSectionNewSectionChild2 .statsSecNewTop {
    display: flex;
    flex-direction: column;
    padding-right: 60px;
    gap: 60px;
}
.oneTeamSectionNewSectionChild2 .statsSectionNew .statsCountNew {
    background-color: #fff0;
    text-align: left;
    padding: 0;
}
.aboutUsNewChildSection {
    grid-template-columns: 28% auto;
}
.mainSecHeadingNewGrid {
    padding-right: 130px;
}
.newBlogsChild {
    background: #ebebeb;
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.formFullSection,
.newBlogsListChild {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.blogsSectionLeft {
    padding: 34px;
}
.newBlogsListChild {
    gap: 15px 15px;
}
.customRedirectLink .linkTextContent {
    padding-right: 0;
    border-bottom: 1px solid;
    line-height: 18px;
    display: inline-block;
}
.customRedirectLink .arrowIcn {
    padding-left: 5px;
    transition: .3s;
}
.customRedirectLink:hover .arrowIcn {
    transform: translate(3px, -3px);
    transition: .3s;
}
.newBlogsListItem {
    border: 1px solid #eff0f6;
    padding: 20px;
    background: var(--colorWhite);
    border-radius: 5px;
}
.customBlogSectionImage {
    height: 100%;
    background-size: cover;
}
.blogsSectionRight .customBlogDetails {
    position: absolute;
    bottom: 0;
    padding: 40px 20px 20px;
    background: linear-gradient(0deg, #18181aeb 0, #18181a00 100%);
}
.smallSubHeadingText {
    margin-top: 20px;
    color: var(--colorDark2);
}
.newBlogCardDetail .newBlogTitle {
    margin-bottom: 30px;
    line-height: 27px;
    font-weight: 600;
    color: var(--colorOffBlack3);
}
.newTransparentBtn {
    background: 0 0;
    color: var(--colorBlack);
    border-color: var(--colorBlack);
}
.moreBlogsBox .btnStyle {
    border-radius: 45px;
}
.formFullSection {
    gap: 20px;
}
.formDesignUpdated label {
    font-size: 14px;
    line-height: 16px;
    color: #656565;
}
.formDesignUpdated.formDesign2 .form-control {
    padding: 11px 16px;
}
.formBtn .btnStyle {
    padding: 15px 25px;
}
.finalValue,
.finalValue:focus {
    outline: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #333;
    width: 50px;
    text-align: center;
}
.captchaFormOption {
    font-size: 22px;
    line-height: 22px;
    height: 35px;
}
.newQueryForm .queryInnerBox .queryLeft,
.newQueryForm .queryInnerBox .queryRight {
    width: 100%;
    min-width: 100%;
}
.customCaptchaChild {
    padding: 10px 15px;
    border: 1px solid var(--colorGrey3);
    border-radius: 4px;
}
.footSections.officesLocationsBoxs {
    display: flex;
    width: 100%;
}
.officesLocationsBox {
    width: 60%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.blogsSectionLeft .newBlogCardContent,
.newBlogsListItem {
    display: inline-flex;
    flex-direction: column;
}
.footerBox .footLeft.footLeftNew {
    width: 100%;
    margin-bottom: 20px;
}
.blogsSectionLeft .newBlogCardContent {
    height: 100%;
    justify-content: space-between;
}
.formDesign .form-control {
    padding: 15px 20px;
}
.testimonialsNewSliders.testimonialsNewSliders-Update {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /*margin-bottom: 20px;*/
}
.testimonialsNewSliders.testimonialsNewSliders-Update .hhMediaTestimonial {
    display: grid;
    grid-template-columns: 56% 44%;
    padding: 0;
}
.hhMediaTestimonial .testimonialsNewSlideContent,
.packagedMediaTestimonial .testimonialsNewSlideContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hhMediaTestimonial .testimonialsNewSlideMedia {
    padding: 20px 20px 0;
}
#pickleBallVideo {
    object-fit: cover;
    height: calc(100% - 7px);
    width: 100%;
}
.ourInnovatonsVideoSection {
    display: grid;
    grid-template-columns: 34% auto;
    gap: 25px;
}
.innovationsVideoCardChild .innovationSectionName {
    position: absolute;
    top: -2px;
    width: auto;
}
.innovationsVideoCardChild .innovationSectionName.leftAlign {
    left: -2px;
}
.innovationsVideoCardChild .innovationSectionName.rightAlign {
    right: -2px;
}
.ourInnovationsGridRight .homeSnippetsBox {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}
.ourInnovationsGridHalf {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.ourInnovationsGridLeft .innovationVideoChildImage {
    aspect-ratio: 1/1;
}
.ourInnovationsGridFull .innovationVideoChildImage {
    aspect-ratio: 6/3;
}
.innovationVideoChildImage video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: flex;
}
.innovationsVideoSection {
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonialsSlideMediaVideo {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}
.pickleBAllMediaFrame,
.tvFrameTop {
    position: relative;
    z-index: 1;
}
.testimonialsNewSliders.testimonialsNewSliders-Update .packagedMediaTestimonial {
    padding: 20px 20px 20px 0;
}
.testimonialsNewSlide .testimonialCardImage {
    height: auto;
    overflow: hidden;
    border-radius: 6px;
}
.testimonialsNewSlide .testimonialCardImage.pickleBAllMediaSection {
    overflow: visible;
}
.tvFrameBox {
    position: relative;
    z-index: 2;
}
.packagedMediaTestimonial .testimonialsNewSlideContent {
    justify-content: flex-start;
}
.innovationsVideoSection .innovationsVideoCardChild,
.mainMenuLink,
.pointerCursor {
    cursor: pointer;
}
.awardsRecognitionSlideImage img {
    margin: 0 auto 20px;
    height: 100px;
}
.awardsRecognitionSlider.slick-initialized .slick-slide {
    display: block;
    padding: 15px;
    background: #fff;
    margin: 0 10px;
    height: auto;
}
.footSections.footSectionsUpdate {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.footSectionsUpdate .footLogo {
    height: 54px;
}
.footSectionsUpdate .footLogo a {
    height: auto;
    display: inline-block;
    float: left;
}
.portfolioTabsChild .nav-item {
    margin-bottom: 0;
}
.aboutUsSection3 .watchYTVidBtn:hover {
    color: var(--colorBlack);
}
.modal-backdrop.show {
    opacity: .7;
}
.innovationsVideoSectionCaseStudy {
    max-height: 300px;
}
.footSectionsUpdate .footLogo,
.footLeftNew.forMobileView .footLogo {
    max-width: 170px;
}
.forMobileView {
    display: none !important;
}
.forWebView {
    display: inline-block !important;
}
.footSecBoxUpdated {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}
.certifiedIcon {
    margin-bottom: 20px;
    margin-top: 30px;
}
.certifiedIcon a {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    max-width: 200px;
}
.certifiedIcon a img {
    width: 100%;
}
.forMobView {
    display: none;
    width: 100%;
    text-align: center;
}
.forWebView {
    display: block;
}
.blueBg,
.scaliePage .blueBg,
.scaliePage.blueBgNew {
    background: var(--colorBlueDarkUpdate);
}
.scaliePage .orangeBg {
    background-color: var(--primaryColorUpdate);
}
.partnerSignupFormNew {
    padding: 50px 0 70px;
}
.becomePartnerSignupForm label {
    color: var(--colorWhite);
    margin-bottom: 5px;
}
.becomePartnerSignupForm .custom-captcha-box .captchaFirstValue,
.becomePartnerSignupForm .custom-captcha-box .captchaOperationSign,
.becomePartnerSignupForm .custom-captcha-box .captchaLastValue,
.becomePartnerSignupForm .custom-captcha-box .captchaEqual {
    color: var(--colorWhite);
}
.becomePartnerSignupForm .companyAddress .col-sm-12 {
    margin-bottom: 15px;
}
.becomePartnerSignupForm input,
.becomePartnerSignupForm .formGroupInner select {
    background: var(--colorWhite);
}
.partnerSignupFormNew .formInnerBoxChild {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.officesLocationsBox {
    width: 40%;
}
.footercertificationBoxMainNew {
    width: 60%;
}
.footercertificationBoxMain.footercertificationBoxMainNew {
    display: flex;
}
.certifiedIconParent {
    padding: 0 10px;
    padding-right: 30px;
}
.certifiedIconParent .certifiedIcon a {
    max-width: 270px;
}
.blogsNewSection .blogsChildNew .topSectionHead {
    gap: 50px;
    align-items: flex-start;
}
.customLinkOption,
.customLinkOption:hover {
    color: var(--colorRed);
    white-space: nowrap;
    border-bottom: 1px solid var(--colorRed);
}
.blogsNewListing {
    display: grid;
    grid-template-columns: .8fr 1fr;
    gap: 80px;
}
.linkTextContentRed {
    color: var(--colorRed);
}
.singleBlogDate {
    font-size: 16px;
    line-height: 20px;
    color: var(--colorWhite);
    background: var(--colorRed);
    border-radius: 60px;
    padding: 5px 17px;
}
.singleBlogImage {
    border-radius: 5px;
    overflow: hidden;
}
.singleBlogContentChild {
    display: grid;
    gap: 15px;
    margin: 15px 0;
}
.blogsListingSectionChild {
    display: grid;
    grid-template-columns: 1fr;
    gap: 35px;
}
.blogsListingItem {
    display: flex;
    gap: 30px;
}
.blogsListingItemImage {
    width: 210px;
    min-width: 210px;
    border-radius: 5px;
    overflow: hidden;
}
.blogsListingItemImage img {
    height: 100%;
    object-fit: cover;
}
.blogsListingItemContent {
    display: grid;
    gap: 10px;
}
.lightTextFont {
    color: var(--lightColor);
}
.clampContent {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.reverseSection .reverseSectionChild {
    flex-direction: row-reverse;
}
.footBottomMenu ul li a,
.footMenuHeading {
    color: var(--colorWhite);
}
.copyrightBox p,
.footMenuList ul li a {
    color: var(--colorWhite);
}
.footBtmInner {
    border-top: 2px solid var(--colorWhite);
}
.footMenuList ul li a {
    font-size: 15px;
}
.footerStripeLogo {
    display: inline-block;
    float: left;
}
.footerStripLeft {
    display: flex;
    gap: 20px;
    align-items: center;
}
.footerStripeLogo {
    height: auto;
    width: 128px;
}
.footerStripeLogo img {
    width: 100%;
    height: 100%;
}
.gradientColor.footerStripSection,
.gradientColor {
    background: var(--themeGradient);
}
.appDevelopment .solutionBoxBanner,
.qualifyAssurance .solutionBoxBanner {
    background: var(--themeColorBlue);
}
.webDevelopment .solutionBoxBanner,
.webDesign .solutionBoxBanner {
    background: var(--colorRed2);
}
.footerStripLeft .footerStripeLogo {
    padding-right: 20px;
    border-right: 2px solid var(--colorWhite);
}
.socialLinks ul li.socialImage a:hover svg path {
    fill: var(--colorRed);
}
.innovationsVideoSectionCaseStudy {
    aspect-ratio: 1 / 2;
}
.footerStripLeft {
    width: 100%;
}
.officesLocationsUpdated {
    display: flex;
    width: 100%;
}
.countryName,
.officeAddress p,
.officesLocationsUpdated .countryContact a {
    color: var(--colorWhite);
}
.officesLocationsUpdated .countryContact a {
    border-bottom: 1px solid var(--colorWhite);
}
.footerStripeChild {
    gap: 20px;
}
.footBtmInner {
    border-top: none;
}
.footerSpace {
    padding: 60px 0 10px;
}
.footerSpace.footBtmInner {
    padding: 10px 0 30px;
}
.footBottomMenu ul li a:hover {
    color: var(--colorRed2);
}
.footBottomMenu {
    margin-right: 0;
}
.footSecBoxUpdated {
    justify-content: flex-start;
    gap: 50px;
    height: auto !important;
}
.socialLinksUpdated {
    margin-top: 30px;
}
.socialLinks ul li a {
    color: var(--colorWhite);
    font-size: 22px;
}
.fontSize15 {
    font-size: 15px;
    line-height: 23px;
}
.socialLinks ul li.socialImage a {
    height: 30px;
    width: 32px;
}
.socialLinks ul li a,
.footMenuList ul li a,
.footMenuList ul li a:hover {
    color: var(--colorWhite);
}
.socialLinksUpdated.mobileView ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.socialLinksUpdated.mobileView {
    display: none;
    margin-top: 0;
    margin-bottom: 20px;
}
.socialLinksUpdated.desktopView {
    display: block;
}
.officesLocationsBox .footSecBox:last-child {
    min-width: fit-content;
}
.officesLocationsBox .footSecBox .officeLocation {
    min-width: max-content;
}
.officesLocationsBox {
    gap: 35px;
}
.footSections.footSectionsUpdate {
    display: flex;
}
.footSectionsUpdate .footBottomSec:last-child {
    min-width: fit-content;
    width: auto;
}
.testimonialsNewSlide .testimonialCardImage img {
    margin: 0 auto 0;
}
.ourProductsBox {
    overflow: hidden;
}
.redText {
    color: var(--colorRed);
}
.smallSubHeadingText {
    margin-top: 15px;
}
.queryBoxsUpdated {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
}
.fontWeight300 {
    font-weight: 300;
}
.fontWeight400 {
    font-weight: 400;
}
.fontWeight500 {
    font-weight: 500;
}
.fontWeight600 {
    font-weight: 600;
}
.fontWeight700 {
    font-weight: 700;
}
.updatedQueryForm {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 35px;
}
.queryFormField .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #8D8D8D;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 22px;
}
.queryFormField .form-control:focus {
    outline: none;
    box-shadow: none;
}
.queryFormLabel {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.needHelpGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
}
.gridFullSection {
    grid-column: 1 / -1;
}
.queryFormLabel2 {
    font-weight: 500;
    margin-bottom: 15px;
}
.queryFormLabel3 {
    margin-bottom: 10px;
}
.customQueryRadio input {
    display: none;
}
.customQueryRadio label {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}
.customQueryRadio label::before,
.customQueryRadio label::after {
    position: absolute;
    content: "";
    left: 0;
}
.customQueryRadio label::before {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #E0E0E0;
    left: 0;
    top: 2px;
}
.customQueryRadio input[type="checkbox"]+label {
    padding-left: 25px;
}
.customQueryRadio input:checked+label::after {
    left: 4px;
    top: 3px;
    height: 8px;
    width: 4px;
    border-bottom: 2px solid var(--colorWhite);
    border-right: 2px solid var(--colorWhite);
    rotate: 45deg;
}
.customQueryRadio input[type="checkbox"]+label::before {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #E0E0E0;
    left: 0;
    top: 2px;
}
.customQueryRadio input[type="checkbox"]:checked+label::after {
    left: 6px;
    top: 3px;
    height: 10px;
    width: 5px;
    border-bottom: 2px solid var(--colorWhite);
    border-right: 2px solid var(--colorWhite);
}
.customQueryRadio.ndaOptionSection input[type="checkbox"]+label::before {
    top: 3px;
}
.customQueryRadio.ndaOptionSection input[type="checkbox"]:checked+label::after {
    top: 6px;
}
.customQueryRadio input:checked+label:before {
    background: var(--colorRed);
}
.gradientShadeButton {
    background: var(--themeGradient);
    border: none;
}
.gradientShadeButton:hover {
    border: none !important;
    color: var(--colorWhite) !important;
    background: var(--themeGradient);
}
.gradientShadeButton:before {
    display: none;
}
.custom-range {
    appearance: none;
    width: 100%;
    height: 8px;
    background: linear-gradient(to right, #0d6efd 0%, #0d6efd 0%, #dee2e6 0%, #dee2e6 100%);
    border-radius: 5px;
    outline: none;
    transition: background 0.3s;
}
.customRangeValuesBox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.customRangeValuesBox .customRangeValueItem {
    text-align: right;
}
.queryFormBanner {
    height: 100%;
}
.queryFormBanner .contactFormPosterImage {
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.custom-range::-webkit-slider-runnable-track {
    height: 8px;
    background: linear-gradient(to right, var(--colorRed) var(--value), #dee2e6 var(--value));
}
.custom-range::-moz-range-track {
    height: 8px;
    background: linear-gradient(to right, var(--colorRed) var(--value), #dee2e6 var(--value));
}
.custom-range::-webkit-slider-thumb {
    appearance: none;
    width: 16px;
    height: 16px;
    background-color: var(--colorRed);
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}
.custom-range::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background-color: var(--colorRed);
    border-radius: 50%;
    cursor: pointer;
}
.queryFormLeftBox {
    position: relative;
}
.queryFormLeftBox .queryRightBannerBox {
    position: absolute;
    bottom: 0;
    padding: 30px 30px;
}
.queryRightBannerBox {
    background: rgb(57 57 57 / .25);
    backdrop-filter: blur(85px);
    -webkit-backdrop-filter: blur(85px);
    opacity: 90%;
}
.queryClientStats {
    gap: 15px;
    display: flex;
    justify-content: space-between;
}
.queryRightBannerBox {
    display: grid;
    gap: 20px;
}
.queryBannerClientChild {
    display: grid;
    grid-template-columns: 46px auto;
    align-items: center;
    gap: 0 15px;
}
.queryBannerClientChild .queryBannerClientImage {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    overflow: hidden;
    padding: 8px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mobileSection {
    display: none;
    margin-bottom: 10px;
}
.desktopSection {
    display: block;
}
.customRecaptchaNew .customCaptchaChild {
    border: none;
    padding: 0;
}
.customRecaptchaNew .customCaptchaChild .captchaFormOption {
    font-size: 16px;
    line-height: 16px;
    height: 22px;
}
.updatedQueryFormSection .text-danger {
    font-size: 14px;
}
.queryFormField .form-control::placeholder {
    color: var(--colorBlack);
}
.needHelpCheckOption {
    text-align: right;
}
.toast {
    opacity: 1 !important;
}
.iti {
    width: 100%;
}
.updatedQueryFormBottom .formSubmitOption {
    cursor: pointer;
    opacity: 1;
}
.updatedQueryFormBottom .formSubmitOption.formLoader {
    cursor: none;
    opacity: .5;
}
.formLoader .formSubmitOptionIcon {
    display: inline-block;
}
.formSubmitOptionIcon {
    display: none;
}
.formSubmitOptionText {
    display: inline-block;
}
.formLoader .formSubmitOptionText {
    display: none;
}
.iti .iti__selected-dial-code {
    font-size: 14px;
    line-height: 17px;
}
.queryStatsItemLAbel {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
}
.queryBannerClient {
    z-index: 6;
    position: absolute;
    top: 30px;
    left: 30px;
}
.queryStatsItemLabelIcon {
    margin-top: -1px;
}
.querySection {
    padding: 50px 0 120px;
}
.contactMainForm.contactFormsSec {
    padding-left: 50px;
}
.queryFormSubmitSuccess {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.queryFormSubmitSuccessIcon {
    margin-bottom: 40px;
}
.queryFormSuccessHeading {
    margin-bottom: 10px;
}
.queryFormSuccessSection {
    display: flex;
    align-items: center;
    justify-content: center;
}
.p40sec {
    padding: 40px 0;
}
.p20sec {
    padding: 20px 0;
}
.fridaySaleBanner {
    margin-top: -7px;
    background: var(--colorBlack);
}
.redBg {
    background: var(--colorRed2);
}
.fridaySaleBannerChild {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.fridaySaleBannerChild .giftBox {
    width: 220px;
    min-width: 220px;
}
.fridaySaleContent {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ribbenDesignBox {
    margin: 10px 0;
    display: block;
}
.ribbenDesign {
    --r: .8em;
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, 0 100%, var(--r) 50%);
    width: fit-content;
    padding: 6px 50px 6px;
    display: inline-block;
    position: relative;
    animation: heartbeat 1.5s infinite ease-in-out;
}
@keyframes heartbeat {
    0% {
    transform: scale(1);
}

    50% {
    transform: scale(1.15);
}

    100% {
    transform: scale(1);
}
}
.fridaySaleBanner {
    background-image: url(https://lh3.googleusercontent.com/d/1DL4GZwzZ_gKcLbtKR29KN5nmzIhGH5VE);
    background-repeat: no-repeat;
    background-size: cover;
}
.lemuMenuRedirect .arrowIcn i {
    rotate: -45deg;
}
.hoverBtn2:hover .arrowIcn {
    transform: translate3d(5px, -4px, -4px);
}
.careersMenuSection {
    background: #f4f4f4;
}
.careersMenuSection .careersMenuBanner {
    height: 100%;
}
.careersMenuSection .subMenuLists {
    justify-content: flex-end;
    height: auto;
}
.careersMenuBanner img {
    object-fit: cover;
    height: 100%;
}
.careersMenuSection .subMenuLists .subMenuBtn {
    margin-top: 0;
}
.colorWhite {
    color: var(--colorWhite);
}
.highlightedContent {
    color: var(--colorRed2);
    font-family: "DMSans-Bold";
}
.color011C2A {
    color: var(--color011C2A);
}
.keyFeaturesChild {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 50px;
}
.keyFeaturesChild.keyFeaturesWithBanner {
    grid-template-columns: 1fr;
}
.differentFearuresInner {
    display: grid;
    grid-template-columns: auto 1fr;
}
.keyFeaturesWithBanner .keyFeaturesImage {
    display: none;
}
.colorRed2 {
    color: var(--colorRed2);
}
.colorBlue {
    color: var(--colorBlueDark);
}
.lightColor {
    color: var(--lightColor);
}
.colorDark2 {
    color: var(--colorDark2);
}
.colorBlack {
    color: var(--colorBlack);
}
.whiteBg {
    background: var(--colorWhite);
}
.productDetail.productDetail--update {
    padding-right: 0;
}
.portfolioGridItemLogo img {
    height: 100%;
}
.portfolio_grid_project_name{
    color: var(--colorBlack);
}
.rotatedIcon.arrowIcn {
    padding-left: 5px;
}
.rotatedIcon.arrowIcn i {
    rotate: -45deg;
}
.hoverBtn2:hover .rotatedIcon.arrowIcn {
    transform: translate3d(5px, -4px, -4px);
}
.clientProducts {
    padding-bottom: 60px;
}
.btnStyle.newTransparentBtn {
    background: #fff0;
    color: var(--colorWhite);
    border: 1px solid var(--colorWhite);
}
.faqsInnerList {
    list-style: disc;
    padding-left: 20px;
    margin-top: 10px;
}
.blog_form_bottom .customCaptchaChild {
    padding: 0;
    color: var(--colorWhite);
    border: none;
    min-width: max-content;
}
.blog_form_bottom .customCaptchaChild .captchaFormOption.finalValue {
    background: var(--colorWhite);
    height: 42px;
    border-radius: 3px;
    width: 80px;
    color: var(--colorBlack);
}
.bgWhite {
    background: var(--colorWhite);
}
.officesLocationsBox {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.footerStripRight {
    width: 100%;
}
.socialLinksUpdated {
    margin-top: 10px;
}
.footSecBoxUpdated {
    padding-right: 50px;
}
.officeLocation {
    justify-content: center;
}
.officesLocationsUpdated .footSecBox {
    text-align: center;
}
.newsletterItalicFont {
    font-family: var(--newsletterItalicFont) !important;
}
.lightFont {
    font-family: var(--lightFont) !important;
}
.mediumFont {
    font-family: var(--mediumFont) !important;
}
.semiBoldFont {
    font-family: var(--semiBoldFont) !important;
}
.boldFont {
    font-family: var(--boldFont) !important;
}
.extraBoldFont {
    font-family: var(--extraBoldFont) !important;
}
.gradientText2 {
    background: linear-gradient(90.14deg, #F3672F 0%, #EE2D2F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    background-clip: text;
    color: #fff0;
}
.homeBannerLeft_updated.homeBannerLeft h2 {
    margin-bottom: 15px;
}
.homeBanner__updated .homeBannerLeft_updated .bannerSubHeading {
    letter-spacing: .4px;
}
.homeBanner__updated .newBannerChild .homeBannerBOx {
    width: 500px;
}
.homeBannerNew2.homeBanner__updated .videoOverlay {
    width: 50%;
    aspect-ratio: 16 / 12;
    height: auto;
}
.homeBannerNew.homeBannerNew2.homeBanner__updated {
    min-height: auto;
    height: auto;
}
.homeBanner__updated .projet_delivered_box {
    display: inline-flex;
    margin-bottom: 30px;
    align-items: center;
    gap: 0 20px;
}
.homeBanner__updated .project_delivered_client {
    display: inline-block;
    float: left;
}
.new_button_style {
    font-size: 16px;
    line-height: 16px;
    display: inline-flex;
    background: var(--themeGradient);
    color: var(--colorWhite);
    border-radius: 50px;
    padding: 5px 5px 5px 18px;
    align-items: center;
    gap: 0 13px;
    border: 1px solid var(--colorRed2);
    min-width: max-content;
}
.new_button_style .new_button_style_icon {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.new_button_style:hover {
    background: var(--colorWhite);
    border: 1px solid var(--colorRed2);
    color: var(--colorRed2);
}
.new_button_style:hover .new_button_style_icon {
    background: var(--colorRed2);
}
.new_button_style:hover .new_button_style_icon_arrow path {
    stroke: var(--colorWhite);
}
.homeBanner__updated .project_delivered_client {
    height: 55px;
}
.homeBanner__updated .project_delivered_client img {
    height: 100%;
}
.custom_button.custom_button_menu {
    display: inline;
}
.custom_button_animation_menu {
    display: inline-block;
}
.custom_button_animation {
    font-size: 23px;
    line-height: 23px;
    padding: 15px 21px 10px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
}
.custom_button_animation:before {
    content: "";
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: 0;
    left: 0;
    background-size: 400%;
    z-index: -1;
    width: calc(100% + 0px);
    height: calc(100% + 0px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 5px;
}
.custom_button_animation_box {
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 6px;
}
.navbar-nav .nav-link.menuLink,
.custom_button_animation_content {
    color: var(--colorOffWhite);
}
.custom_button_element__star svg {
    display: inline-block;
    float: left;
}
.custom_button_animation_element .custom_button_element__star {
    position: absolute;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    transform-origin: center;
    opacity: 0;
}
.custom_button_element__star_3 svg {
    height: 16px;
    width: 16px;
}
.custom_button_element__star_3 {
    left: 30px;
    top: 11px;
    animation-delay: 1s;
    animation-name: scale-pop-3;
}
@keyframes scale-pop-3 {

    0%,
    100% {
    transform: scale(1);
    opacity: 1;
}

    10% {
    transform: scale(1.3);
    opacity: 1;
}

    20% {
    transform: scale(1);
}
}
.padding_x_150 {
    padding: 0 100px;
}
.gradient_cover {
    background: var(--themeGradient) !important;
}
.hoverBtn2.arrow_button_link {
    color: var(--colorRed2);
}
.hoverBtn2.arrow_button_link .arrow_button_text {
    position: relative;
}
.hoverBtn2.arrow_button_link .arrow_button_text::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    bottom: -1px;
    background: var(--colorRed2);
    left: 0;
}
.hoverBtn2.arrow_button_link:hover .arrowIcn {
    transform: translate3d(5px, 0px, -4px);
}
.spaceGroteskFont {
    font-family: var(--SpaceGroteskFont) !important;
}
.narrow_spacing_1 {
    letter-spacing: -1px;
}
.narrow_spacing_2 {
    letter-spacing: -2px;
}
.narrow_spacing_3 {
    letter-spacing: -3px;
}
.narrow_spacing_4 {
    letter-spacing: -4px;
}
.header .headerLogo .navbar-brand,
.header.fixedHeader .headerLogo .navbar-brand .headerLogo {
    width: auto !important;
    height: auto !important;
}
.header .headerLogo .navbar-brand,
.header.fixedHeader .headerLogo .navbar-brand {
    position: relative;
}
.header .headerLogo .navbar-brand,
.header.fixedHeader .headerLogo .navbar-brand,
.navbar-brand {
    width: auto !important;
    position: relative;
}
.header .headerLogo,
.header.fixedHeader .headerLogo {
    width: auto !important;
}
.navbar {
    flex-wrap: nowrap;
}
.flex_centered_v {
    display: flex !important;
    justify-content: center !important;
}
.web-logo {
    /*max-width: 270px;*/
    max-width: 250px;
}
.web_logo_link {
    display: inline-block;
}
.custom_moving_slider {
    overflow: hidden;
    position: relative;
}
.marquee-reverse-track {
    display: flex;
    white-space: nowrap;
}
.custom_moving_slider .client_vist_testimonial_section {
    display: inline-block;
}
.management_signs_section {
    gap: 0 100px;
}
.about_management_signs {
    margin-top: 40px;
    grid-template-columns: 1fr 1fr;
    gap: 30px 30px;
}
.common_moving_slider_parent {
    overflow: hidden;
    gap: 10px;
}
.common_moving_slider {
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
}
.common_moving_slider .brandLogoItem {
    flex: 0 0 15%;
    max-width: 20%;
    box-sizing: border-box;
    text-align: center;
}
/*Common Sizes Start*/
.main_banner_heading{
    font-size: 64px;
    line-height: 70px;
}
.page_banner_heading{
    font-size: 65px;
    line-height: 70px;
}
.section_large_heading{
    font-size: 46px;
    line-height: 60px;
}
.common_section_caption{
    font-size: 18px;
    line-height: normal;
}
.common_section_heading{
    font-size: 30px;
    line-height: 42px;
}
.common_section_description{
    font-size: 16px;
    line-height: 24px;
}
.page_banner_description{
    font-size: 20px;
    line-height: 30px;
}
.sub_section_heading{
    font-size: 24px;
    line-height: 30px;
}
.common_link{
    font-size: 16px;
}
.card_section_sub_heading{
    font-size: 20px;
    line-height: normal;
}
.small_description_font{
    font-size: 14px;
}
/*Common Sizes End*/
.banner_cover{
    background-size: cover;
    background-repeat: no-repeat;
}
.banner_cover_top_right{
    background-position: top right;
}
.bizHeadsCont{
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.signatureFont{
    font-family: var(--signatureFont);
}
.brandsLogoSectionChild{
    gap: 0 15px;
}
.common_moving_slider_about .brandsLogoSectionChild .brandLogoItem{
    max-height: 70px;
}
.common_moving_slider_about .brandsLogoSectionChild .brandLogoItem img{
    height: 100%;
}
.custom_product_page{
    margin-bottom: -60px;
}
.management_signs_section.aboutSlidesInner span{
    padding: 0;
}
.queryFormSubmitSuccessIcon{
    width: 100px;
}
.grecaptcha-badge {
    visibility: hidden;
}
.casestudy_cards_grid_section{
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
/*Common Sizes End*/
.customSlidersBoxButtons.custom_slide_button_bottom .slick-prev,
.customSlidersBoxButtons.custom_slide_button_bottom .slick-next{
    top: inherit;
    bottom: 0;
    z-index: 10;
    border: 1px solid var(--colorRed2);
}
/* Header Style */
.companyMenuNewDesign .companyMenuLeft{
    width: 50%;
    min-width: 50%;
    display: block !important;
    gap: 0;
}
.companyMenuNewDesign .company_menu_cards{
    width: 50%;
    min-width: 50%;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 30px;
}
.companyMenuNewDesign .companyMenuRight{
    width: 100%;
}
.company_menu_cards_article span,
.company_menu_cards_article span img{
    width: 100%;
    display: inline-block;
}
.careersMenuBanner{
    margin-bottom: -1px;
}
.companyMenuNewDesign .companyMenuLeft{
    padding: 30px 40px;
}
.companyMenuNewDesign .companyMenuLeftChild .leftMenuDescription,
.companyMenuNewDesign .companyMenuLeftChild .lemuMenuRedirect{
    display: none;
}
.companyMenuLeftChild{
    display: flex !important;
    align-items: center;
    color: var(--colorBlack);
}
.header_submenu_link{
    height: 100%;
    display: flex;
    align-items: center;
    gap: 0 20px;
    padding: 15px 20px;
    color: var(--colorBlack);
    border-bottom: 1px solid #C8CAD3;
    padding-left: 0;
}
.header_submenu_link .header_submenu_link_icon{
    opacity: 0;
    visibility: hidden;
}
.header_submenu_link:hover{
    color: var(--colorRed2);
    border-bottom: 1px solid var(--colorRed2);
}
.header_submenu_link:hover .header_submenu_link_icon{
    opacity: 1;
    visibility: visible;
}
.custom_updated_container_menu .subMenus,
.custom_updated_container_menu .submenuInner{
    background: transparent;
}
.custom_updated_container_menu .companyMenuNewDesign{
    background: var(--colorWhite);
    border-radius: 0 0px 10px 10px;
    overflow: hidden;
}
.header_submenu_link_icon svg{
    width: 20px;
    height: 14px;
}
.header_submenu_link:hover .header_submenu_link_icon svg {
    animation: move_icon 1s ease-in-out infinite alternate;
}
.gallery_carousel.common_moving_slider{
    gap: 0 20px;
}
@keyframes move_icon {
  0% {
    transform: translateX(0);
}
  50% {
    transform: translateX(5px);
}
  100% {
    transform: translateX(0);
}
}
.header_submenu_link .leftMenuHeading{
    margin-bottom: 0;
}
.header_submenu_link_icon{
    display: inline-flex;
    height: 20px;
    align-items: center;
    justify-content: center;
}
.header_submenu_link_icon svg{
    display: inline-block;
}
.menu_cards_article_content{
    padding: 30px;
    padding-left: 0;
    padding-bottom: 8px;
}
.menu_cards_article__heading{
    margin-bottom: 15px;
}
.approach_carousal.customSlidersBoxButtons.custom_slide_button_bottom .slick-prev, 
.approach_carousal.customSlidersBoxButtons.custom_slide_button_bottom .slick-next {
    bottom: -23px;
}
.approach_carousal .approach_carousal_content{
    padding-bottom: 70px;
}
.menu_cards_article__text{
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.common_moving_slider .client_vist_testimonial_section{
    flex: 0 0 23%;
    max-width: 23%;
}
.testimonial_video_section,
.testimonial_video_section video{
    height: 100%;
    width: 100%;
}
.topSectionHead{
    align-items: flex-start;
    gap: 0 70px;
}
.topSectionHead.topSectionHead_set_end{
    align-items: flex-end;
}
/* New Custom Buttons Style */
.customize_button_small{
    font-size: 16px;
    line-height: 100%;
    padding: 10px 20px;
    color: var(--colorOffWhite);
    background: #FFFFFF1A;
    border-radius: 16px;
    border: 1px solid #FFFFFF1A;
    white-space: nowrap;
}
.customize_button_small:hover{
    background: var(--colorOffWhite);
    border: 1px solid var(--colorOffWhite);
    color: var(--colorOffBlack);
}
.customize_button_new{
    font-size: 16px;
    line-height: 100%;
    padding: 10px 20px;
    color: var(--colorOffBlack);
    background: var(--colorWhite);
    border-radius: 16px;
    border: 1px solid var(--colorWhite);
    white-space: nowrap;
}
.customize_button_new:hover{
    background: var(--colorOffWhite);
    border: 1px solid var(--colorOffWhite);
    color: var(--colorOffBlack);
}
.color_off_white{
    color: var(--colorOffWhite);
}
.color_off_black{
    color: var(--colorOffBlack);
}
.website_header{
    background: var(--colorOffBlack);
}
.nav-link.menuLink.mainMenuLink{
    position: relative;
    padding-right: 15px !important;
}
.nav-item .header_menu_item_icon{
    position: absolute;
    right: 0;
    transform: rotate(0deg);
    transition: all 0.3s ease;
    height: 10px;
    width: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 4px;
}
.nav-item.activeMenu .header_menu_item_icon{
    transform: rotate(-90deg);
    transition: all 0.3s ease;
}
.navbar-nav .nav-link.menuLink::before,
.navbar-expand-md .navbar-nav .nav-item .nav-link.menuLink:after{
    display: none;
}
/* New Font Sizes is REM */
.navbar-toggler{
    color: var(--colorWhite);
}
.horizontal_center_section{
    display: flex !important;
    justify-content: space-between;
}
.flex_section_center{
    align-items: flex-end;
}
.horizontal_center_section_center_v{
    align-items: center;
}
.relative_section{
    position: relative;
}
.small_width_section{
    width: 40%;
    min-width: 40%;
}
.right_align_text{
    text-align: right;
}
.lightDescription{
    color: #CCCAC5;
}
/* Custom Button */
.px_customize_button{
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 2.8vh 3vh 2.8vh 3vh;
    background: var(--color_theme);
    position: relative;
    color: var(--colorOffWhite);
    font-size: 2.3vh;
    border-radius: 1.8vh;
    line-height: normal;
    display: inline-flex;
    gap: 0 20px;
    align-items: center;
    justify-content: center;
}
.px_customize_button:hover{
    color: var(--colorOffWhite);
}
.px_customize_button_with_icon{
    padding: 0.5vh 0.4vh 0.5vh 3vh;
}
.px_customize_button_with_icon .px_custom_button_icon{
    height: 6vh;
    width: 6vh;
    border-radius: 1.4vh;
    background: var(--colorOffWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.px_customize_button_with_icon .icon svg{
    height: 4vh;
    width: 4vh;
}
.px_customize_button_with_icon .icon svg path{
    stroke: var(--colorOffBlack);
    stroke-width: 1px;
}
.px_custom_button_icon .frontIcon,
.px_custom_button_icon .hoverFrontIcon {
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.px_customize_button_with_icon .slide-in {
    animation: slideIn 0.4s forwards;
}
.px_customize_button_with_icon .slide-out {
    animation: slideOut 0.4s forwards;
}
@keyframes slideIn {
  from {
    transform: translate(-60px, 60px);
    opacity: 0;
}
  to {
    transform: translate(0, 0);
    opacity: 1;
}
}
@keyframes slideOut {
  from {
    transform: translate(0, 0);
    opacity: 1;
}
  to {
    transform: translate(60px, -60px);
    opacity: 0;
}
}
.flex_section{
    display: flex;
}
.flex_section_gap_30{
    gap: 30px;
}
.flex_section_col{
    flex-direction: column;
}
.flex_section_end_v{
    justify-content: flex-end;
    align-items: end;
}
.flex_section_between_v{
    justify-content: space-between;
}
.flex_section_between_v_end{
    justify-content: flex-end;
}
.flex_section_h_end{
    align-items: end;
}
.flex_section_h_center{
    align-items: center;
}
/* Footer 2 Style */
.business_locations_crousal{
    width: 280px;
}
.footer_flex_between{
    justify-content: space-between;
}
.business_location_type{
    color: var(--colorSecondary);
}
.business_location_toggler{
    padding: 10px 0;
    cursor: pointer;
}
.business_location_toggler_left{
    display: flex;
    gap: 10px;
    align-items: center;
}
.business_location_name{
    line-height: 0;
}
.business_locations_crousal{
    display: flex;
    flex-direction: column;
    /*gap: 15px;*/
    gap: 20px;
}
.common_radius{
    border-radius: 12px;
    overflow: hidden;
}
.business_location_icon{
    width: 35px;
    height: 24px;
}
.card_tags_wrapper{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 15px !important;
}
.card_tags_wrapper__item{
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 50px;
    background-color: var(--colorWhite);
}
.bg_white{
    background: var(--colorWhite);
}
.section_heading_large{
    line-height: 105%;
    font-size: 10vh;
}
.no_repeat{
    background-repeat: no-repeat;
}
.footer_content_section__box{
    background-position: left 50% top;
    background-size: 150% 150%;
}
.testimonials_sliders_updated_grid{
    /*margin-bottom: 30px;*/
    margin-bottom: 40px;
}
.footer_content_top .footer_content_top_heading{
    line-height: 100%;
}
.color_description_grey{
    color: #fffff5a8;
}
.color_description_grey_2{
    color: #9CA3AF;
}
.color_white_light{
    color: #FFFFFFA3;
}
.solutionBoxBanner_child{
    padding: 30px;
}
.business_locations_crousal{
    margin-bottom: 50px;
}
.contact_wrapper_section{
    padding: 20px;
    background: var(--colorWhite);
    border: 1px solid #B3B3B3;
    box-shadow: 0px 0px 60px 30px #00000008;
    border-radius: 38px;
}
.highlight_theme_text{
    color: var(--color_theme);
}
.queryFormLabel{
    color: #8D8D8D;
    font-size: 14px;
    line-height: 20px;
}
.queryFormField .form-control{
    border-bottom: 1px solid #B3B3B3;
    font-size: 16px;
}
.need_help_grid{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.need_help_grid_item input {
    display: none;
}
.need_help_grid_item label{
    padding: 10px 15px;
    border: 1px solid #0000004D;
    color: #0000004D;
    border-radius: 8px;
    cursor: pointer;
}
.need_help_grid_item input[type="checkbox"]:checked + label{
    background: #0A0F23;
    color: var(--colorWhite);
    border: 1px solid #0A0F23;
}
.form_button_gap{
    margin-top: 30px;
}
.updated_contact{
    background-color: #FFFCF4;
}
.updated_contact_white{
    background-color: var(--colorWhite);
}
.queryBoxsUpdated.contact_wrapper_section{
    padding-left: 50px;
}
.testimonial_grid_other .testimonialsNewSlide .testimonialCardImage{
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.testimonial_grid_other .testimonialsNewSlide .testimonialCardImage img{
    object-fit: contain;
    display: flex;
    margin: 0;
    width: 100%;
}
/* Blog CSS */
.main_feature_blog_section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 50px
}
.blogDetails .featured_blog_description,
.blogDetails .featured_blog_title {
    padding-bottom: 15px
}
.blog_content_container_section .blog_content_container,
.blog_heading_section,
.blogs_category_list_section {
    margin-bottom: 50px
}
.blogs_category_list {
    gap: 10px;
    flex-wrap: wrap
}
.dot-loader,
.loader-container {
    justify-content: center;
    display: flex
}
.blogs_category_list .blogs_category_item_link {
    color: var(--colorThemeBlue);
    padding: 10px 40px;
    border: 1px solid var(--colorThemeBlue);
    border-radius: 6px
}
.blogs_category_list .blogs_category_item_link.active {
    background: var(--colorThemeBlue);
    color: var(--colorWhite)
}
.blog_content_section {
    display: grid;
    grid-template-columns: 250px 1fr 250px;
    gap: 30px 30px;
    position: relative
}
.blog_section_headings_list {
    position: sticky;
    top: 110px;
    align-self: start
}
.blog_section_headings_list .blog_heading_item_link {
    display: block;
    color: var(--colorBlack);
    margin-bottom: 20px
}
.blog_heading_item_link.active,
.blog_section_headings_list .blog_heading_item_link:hover {
    color: var(--colorRed2)
}
.blog_details_subscription_heading,
.blog_section_content .blog_timestamp,
.blogs_list_form_section_heading {
    margin-bottom: 20px
}
.blogDetailBanner.blog_details_page {
    overflow: visible
}
.blog_banner_image,
.blog_content_container_section,
.main_blocg_featued {
    margin-bottom: 30px
}
.blogs_list_form_section_heading .blogs_list_form_heading,
.feature_blog_section .featured_blog_image {
    margin-bottom: 10px
}
.feature_blog_section .featured_blog_name {
    font-weight: 600
}
.related_blogs_link .featured_blog_name {
    color: var(--colorBlack);
    color: var(--lightColor)
}
.feature_blog_section .feature_blog_list {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--lightColor)
}
.blog_details_form_content {
    border-radius: 6px
}
.small_section_heading {
    margin-bottom: 13px
}
.blog_details_form_content_box {
    position: sticky;
    top: 120px
}
.btnStyle.blog_details_form_submit {
    font-size: 14px
}
.custom_form_design .form-control {
    font-size: 13px
}
.blog_details_subscription_box {
    background: var(--colorThemeBlue);
    background: var(--themeGradient);
    border-radius: 10px;
    padding: 40px 50px
}
.blog_subscription_form__child {
    display: flex;
    background: var(--colorWhite);
    padding: 10px 10px 10px 30px;
    border-radius: 40px
}
.blog_subscription_form__child .blog_subscription_form_input {
    background: 0 0;
    border: none;
    box-shadow: none;
    outline: 0;
    width: 100%
}
.blog_subscription_form__child .subscription_form_submit {
    border-radius: 40px;
    font-size: 16px
}
.blog_subscription_form_box {
    margin-top: 40px
}
.blog_section_headings_list__child {
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    padding-right: 10px
}
.blogsSection__listing_bottom_grid {
    display: grid;
    grid-template-columns: 0.7fr 0.3fr;
    gap: 40px 40px
}
.blogsSection__listing_bottom_grid .blogsSection__listing_2_child {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 30px
}
.blogsSection_triple_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px
}
.dot-loader {
    align-items: center;
    gap: 6px;
    height: 50px
}
.dot-loader span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #3498db;
    border-radius: 50%;
    animation: .8s ease-in-out infinite dot-bounce
}
.width_80 {
    width: 80% !important
}
.blogs_list_form_section .custom_form_design {
    margin-bottom: 0
}
.blogs_list_form_section .blog_submit_box {
    margin-top: 20px
}
.blogs_list_form_section .blog_details_form_content {
    background-color: transparent;
    padding: 25px
}
.banner_fit {
    background-repeat: no-repeat;
    background-size: cover
}
.blogs_list_form_section .blog_details_form_content_box {
    border-radius: 5px
}
.blogs_list_form_section .blog_details_form_field .form_label,
.blogs_list_form_section .blog_details_form_field .form_label::placeholder {
    color: #fff;
    font-size: 13px
}
.loader-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .9);
    align-items: center;
    z-index: 999
}
.dot-loader {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center
}
.dot-loader span:nth-child(2) {
    animation-delay: .1s
}
.dot-loader span:nth-child(3) {
    animation-delay: .2s
}
@keyframes dot-bounce {

    0%,
    100%,
    80% {
        transform: scale(.8)
    }

    40% {
        transform: scale(1.2)
    }
}
.main_blog_section_listing {
    position: relative;
    min-height: 200px
}
/* Contact CSS */
.contact_wrapper_content{
    padding: 40px 40px;
    position: relative;
    border-radius: 22px;
    overflow: hidden;
}
.contact_content_child{
    position: relative;
}
.contact_content_child_overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(120.34deg, #04050C 25.26%, rgba(4, 5, 12, 0) 73.08%);
}
.contact_wrapper{
    display: grid;
    grid-template-columns: 0.45fr 0.55fr;
    gap: 50px 50px;
}
.contact_content_child{
    display: flex;
    flex-direction: column;
    gap: 40px 0;
    height: 100%;
}
.features_section_list{
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
.features_section_item{
    position: relative;
    padding-left: 20px;
}
.features_section_item::before{
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    background: var(--colorWhite);
    border-radius: 50%;
    left: 0;
    top: 12px;
}
/* Case Study Details CSS */
.caseStudyNewBanner .serviceBannerRight.serviceBannerRight_update {
    padding-left: 0;
    padding-right: 0
}
.caseStudyNewBanner .serviceBannerBox.careerBannerBox {
    padding: 0;
    display: grid;
    grid-template-columns: 0.45fr .55fr;
    align-items: flex-end;
    gap: 0 65px
}
.case-study-banner .bannerSmallContent {
    padding-right: 0
}
.caseStudyNewBanner .careerBannerBox.serviceBannerPadding.serviceBannerCenter {
    align-items: center;
    padding: 112px 0
}
.caseStudyNewBanner .careerBannerBox.serviceBannerPadding.serviceBannerBottom .serviceBannerLeft {
    padding: 150px 0
}
.multipleContentBox p:not(:last-child) {
    margin-bottom: 43px
}
.keyFeaturesChild .keyFeaturesContent {
    padding-left: 42px;
    border-left: 2px solid var(--colorRed2)
}
.differentFearuresContent {
    margin-top: -246px;
    position: relative
}
.differentFeaturesInner {
    display: grid !important;
    grid-template-columns: auto 1fr;
    align-items: flex-end
}
.differentFeaturesList,
.differentListItems {
    flex-direction: column;
    display: flex !important
}
.differentListItems {
    gap: 11px 0;
    position: relative
}
.differentListItems .differentListItemsCount {
    display: inline-flex;
    float: left;
    width: 55px;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--colorRed2);
    color: var(--colorWhite)
}
.differentFeaturesList {
    gap: 60px 0;
    padding-left: 100px;
    padding-bottom: 30px
}
.differentListItems::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 110px;
    background: var(--colorRed2);
    top: 28px;
    left: -105px
}
.differentFeaturesBanner {
    max-width: 470px;
    position: relative;
    z-index: 1
}
.projectRoadmapGridBox {
    display: flex !important;
    flex-direction: column;
    gap: 20px 0
}
.projectRoadmapGrid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px
}
.problemSolvedGrid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 35px
}
.problemSolvedGridItem {
    box-shadow: 0 1px 5px 0 #0000004D;
    border-radius: 20px;
    overflow: hidden
}
.problemSolvedItemHeading {
    background: var(--colorRed2);
    box-shadow: 0 1px 5px 0 #0000004D;
    color: var(--colorWhite);
    padding: 20px
}
.newTestimonialSection-box,
.problemSolvedGridItem:nth-child(2n) .problemSolvedItemHeading {
    background: var(--colorBlue)
}
.problemSolvedItemText {
    padding: 20px
}
.newTestimonialBox {
    display: grid !important;
    grid-template-columns: 361px auto;
    gap: 40px 100px
}
.newTestimonialAuthor {
    margin-top: 20px
}
.newTestimonialBoxRight .testimonialContent:not(:last-child) {
    margin-bottom: 20px
}
.casestudyProductIcon img {
    height: 140px
}
.projectRoadmapIcon {
    height: 65px
}
.bannerHeading.casestudyProductIcon img,
.newPortfolioGridImmersive .innovationsVideoSection,
.projectRoadmapIcon img {
    height: 100%
}
.newPortfolioBannerContent {
    padding: 100px 300px 100px 0
}
.newPortfolioBannerText {
    flex-direction: column;
    gap: 25px 0
}
.newPortfolioBannerImageChild {
    width: 100%;
    padding: 0 30px
}
.newPortfolioBannerImageChild img {
    width: 100%
}
.newPortfolioBannerImage {
    margin-bottom: -60px
}
.newPortfolioListing {
    padding: 50px 0
}
.newPortfolioListGrid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 24px;
    gap: 30px 30px
}
.newPortfolioGridItem {
    border-radius: 12px;
    overflow: hidden
}
.newPortfolioGridImmersive .newPortfolioGridItem {
    aspect-ratio: 3/1.85
}
.newPortfolioGridItem .newPortfolioGridItemLink {
    padding: 15px;
    background: var(--colorWhite);
    height: 100%
}
.differentFeaturesPointsWeb .differentListItemsCount,
.newPortfolioGridImmersive .innovationVideoContChild,
.newPortfolioGridItemLink__new,
.newPortfolioGridItem__new.fullGridSection .newPortfolioItemContent {
    position: relative
}
.newPortfolioGridImmersive .videoPosterContentBox {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%
}
.videoPosterContent .videoPosterContentHeading {
    padding-bottom: 20px
}
.newPortfolioGridImmersive .videoPosterGradientBox {
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 66.53%);
    left: 0;
    top: 0
}
.portfolioGridItemContent {
    display: flex !important;
    flex-direction: column;
    gap: 15px 0;
    padding: 20px 10px
}
.portfolioGridItemBanner {
    padding: 75px 30px 0;
    position: relative
}
.portfolioGridItemBanner .productTypeTag {
    position: absolute;
    right: 30px;
    top: 30px;
    background: linear-gradient(90deg, #f4732f 48.47%, #ee2d2f 86.18%);
    font-style: italic;
    padding: 3px 15px;
    border-radius: 1px
}
.portfolioGridItemBannerImage {
    text-align: center
}
.portfolioGridItemBannerImage img {
    margin: 0 auto
}
.portfolioGridItemTags {
    display: flex !important;
    gap: 10px;
    flex-wrap: wrap
}
.portfolioGridItemTags .portfolioTagItem {
    padding: 5px 10px;
    background: #f4f4f4;
    border-radius: 100px;
    color: #1c1c57
}
.videoPosterTextBox {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px
}
.customPills.customPortfolioPills .nav-link {
    padding: 7px 0;
    border: none;
    color: #303030;
    border-radius: 0;
    margin-right: 0;
    background: 0 0;
    font-size: 16px
}
.customPills.customPortfolioPills .nav-link.active {
    background: 0 0;
    color: var(--colorRed2);
    border: none;
    border-bottom: 2px solid var(--colorRed2)
}
.portfolioGridItemHeading,
.projectFeaturesTabs.nav-tabs .nav-link:hover {
    color: var(--colorBlack)
}
.portfolioTabsSection.newPortfolioTabsSection {
    margin-bottom: 50px;
    background-color: var(--colorGrey7)
}
.differentFeaturesPointsWeb .differentListItems::before,
.projectChallengContentItem.ourApproachContentItem::before {
    display: none
}
.differentFeaturesPointsWeb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.differentFeaturesPointsWeb .differentFeaturesPointsItem {
    width: 48%;
    margin-bottom: 20px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center
}
.differentFeaturesPointsWeb .differentFeaturesPointsItem:nth-child(3) {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}
.differentFeaturesPointsWeb .differentListItemsCount:after {
    position: absolute;
    content: "";
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    background: 0 0;
    border: 2px solid var(--colorWhite);
    border-radius: 50%;
    top: 1px;
    left: 1px
}
.caseStudyBannerNewChildBottom {
    margin-top: 110px;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 15px
}
.caseStudyNewBanner .serviceBannerRight.serviceBannerRight_update.caseStudyProductBanner2 {
    padding-left: 30px;
    padding-top: 50px
}
.caseStudyNewBanner2 .careerBannerBox .serviceBannerLeft {
    padding: 112px 0 80px
}
.aboutProjectSection2 {
    padding-top: 0 !important;
    overflow-x: hidden;
    margin-top: -40px
}
.about-project-child2 {
    position: relative;
    z-index: 1;
    background: var(--colorBlue);
    width: 72%;
    padding: 30px;
    display: block;
    float: right
}
.about-project-child2::after {
    position: absolute;
    content: "";
    right: -100vw;
    top: 0;
    background: var(--colorBlue);
    width: 100vw;
    height: 100%;
    padding: 30px;
    z-index: 0
}
.projectChallengesSectionChild {
    grid-template-columns: 393px auto;
    gap: 30px 50px;
    align-items: center
}
.projectChallengeContent {
    gap: 20px 0
}
.projectChallengContentItem {
    position: relative;
    padding-left: 50px
}
.projectChallengContentItem::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 24px;
    background: var(--colorRed2);
    left: 0;
    top: 13px
}
.projectChallengContentItem.ourApproachContentItem {
    padding-left: 0
}
.ourApproachContent {
    padding-left: 50px
}
.ourApproachSectionChild {
    gap: 100px 0
}
.projectChallengeBanner {
    width: 393px;
    min-width: 393px
}
.ourApproachItemGrid:nth-child(2n) {
    flex-direction: row-reverse
}
.ourApproachItemGrid:nth-child(2n) .ourApproachContent {
    padding-left: 0;
    padding-right: 50px
}
.projectFeaturesTabs.nav-tabs {
    border: none;
    gap: 60px
}
.projectFeaturesTabs.nav-tabs .nav-link {
    padding: 3px 0;
    border: none
}
.projectFeaturesTabs.nav-tabs .nav-link.active {
    color: var(--colorBlack);
    border-bottom: 2px solid var(--colorRed2)
}
.projectFeaturesListing {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 60px
}
.bannerHeading.casestudyProductIcon {
    height: 73px;
    padding-bottom: 0 !important;
    margin-bottom: 20px
}
.customPills.customPortfolioPills {
    gap: 0 30px
}
.caseStudyNewBanner2 .bannerHeading.casestudyProductIcon {
    height: auto
}
.caseStudyNewBanner2 .caseStudyProductBanner2 {
    padding-top: 30px
}
.projectRoadmapSection {
    background: var(--colorGrey2)
}
.newPortfolioListing__new {
    background: #f5f5f5
}
.newPortfolioListGrid__new {
    gap: 40px 40px;
    gap: 84px 40px
}
.fullGridSection {
    grid-column: span 2
}
.newPortfolioBannerDesign.newPortfolioBannerDesign__new {
    background: 0 0;
    padding-bottom: 50px
}
.newPortfolioGridItem__new .portfolioGridItemBanner .productTypeTag {
    position: relative;
    right: 0;
    top: 0;
    background: 0 0;
    font-style: normal;
    padding: 0;
    border-radius: 0
}
.newPortfolioGridItem.newPortfolioGridItem__new {
    box-shadow: none;
    border-radius: 10px;
    overflow: visible;
    background: var(--colorWhite);
    background: 0 0;
    padding: 0
}
.newPortfolioGridItem.newPortfolioGridItem__new .newPortfolioGridItemLink__new,
.newPortfolioGridItem__new .portfolioGridItemBanner {
    padding: 0
}
.newPortfolioGridItem__new .portfolioGridItemContent {
    display: flex !important;
    padding: 0;
    justify-content: space-between
}
.newPortfolioItemContent {
    display: grid !important;
    gap: 50px 50px;
    justify-content: space-between;
    background: var(--colorWhite);
    padding: 20px;
    border-radius: 0 10px 10px
}
.fullGridSection .newPortfolioItemContent {
    grid-template-columns: 1fr 1fr
}
.halfGridSection .newPortfolioItemContent {
    display: flex !important;
    flex-direction: column;
    height: 100%
}
.portfolioGridItemTags.portfolioGridItemTags__new {
    gap: 10px 26px;
    padding: 20px 0 0
}
.portfolioGridItemTags.portfolioGridItemTags__new .portfolioTagItem {
    padding: 0;
    background: 0 0;
    border-radius: 0;
    color: #1c1c57;
    font-weight: 500
}
.portfolioGridItemContent__child {
    display: flex !important;
    flex-direction: column;
    gap: 15px 0
}
.halfGridSection .newPortfolioGridItemLink__new {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.newPortfolioGridItemLink__new .productTypeTagOption {
    position: absolute;
    left: 0;
    top: -44px;
    padding: 10px 50px 10px 20px;
    background: var(--colorWhite);
    border-radius: 10px 10px 0 0
}
.customImmersiveSlider .slick-slide {
    margin: 0 15px
}
.customImmersiveSlider .slick-list {
    margin: 0 -15px
}
.customImmersiveSection {
    position: relative;
    overflow: hidden;
    --curve-height: 70px
}
.customImmersiveSection:after,
.customImmersiveSection:before {
    content: "";
    display: block;
    background: var(--colorWhite);
    width: 100%;
    height: var(--curve-height);
    position: absolute;
    border-radius: 50%;
    z-index: 1
}
.customImmersiveSection:before {
    top: -calc(var(--curve-height)/ 2);
    top: -35px;
    top: calc(-.5* var(--curve-height))
}
.customImmersiveSection:after {
    bottom: calc(var(--curve-height)/ 2);
    bottom: -35px;
    bottom: calc(-.5* var(--curve-height))
}
.portfolioGridItemTags__new.portfolioGridItemTags__new_web {
    display: flex !important
}
.portfolioGridItemTags__new.portfolioGridItemTags__new_mobile {
    display: none !important
}
.newPortfolioListing__new_child {
    padding-top: 50px
}
.newPortfolioListing__new .portfolioGridItemBannerImage img {
    width: 100%
}
.newPortfolioItemContent_parent {
    background: var(--colorWhite)
}
.portfolioGridItemTags.portfolioGridItemTags__new.portfolioGridItemTags__new_mobile {
    padding: 0 20px 20px
}
.newPortfolioBannerDesign__new .innovationVideoChildImage video {
    aspect-ratio: 3/2
}
.customImmersiveSection .newPortfolioGridItem {
    border-radius: 0
}
.newPortfolioGridItem__new.fullGridSection .portfolioGridItemTags__new {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    width: calc(50% - 20px)
}
.portfolio_listing_section {
    background: var(--colorGrey7)
}
.case_study_detail_new_banner {
    height: 420px;
}
.case_study_detail_new_banner img {
    height: 100%;
    object-fit: contain;
}
/* Portfolio CSS */
.portfolio_cards_grid_section {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 30px
}
.portfolio_grid_item_card:nth-child(5n/**/+1),
.portfolio_grid_item_card:nth-child(5n/**/+2),
.portfolio_grid_item_card:nth-child(5n/**/+3),
.portfolio_grid_item_card:nth-child(5n/**/+4),
.portfolio_grid_item_card:nth-child(5n/**/+5) {
    grid-column: span 2
}
.portfolio_grid_item_card .videoPosterContentText {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: clip;
    white-space: normal
}
.portfolio_grid_item_card .videoPosterContent .videoPosterContentHeading {
    padding-bottom: 7px
}
.portfolio_grid_item_card .videoPosterGradientBox {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(181.71deg, rgba(102, 102, 102, 0) 40%, #000000 99%);
}
.portfolio_grid_item_card {
    border: 1px solid #ebebeb
}
.scrolling-words-container {
    display: flex;
    align-items: center;
    font-size: 2rem;
    font-weight: 600
}
.scrolling-words-box {
    height: 3rem;
    overflow: hidden;
    margin: 0 10px
}
.scrolling-words-box ul {
    padding: 0;
    margin: 0;
    animation: 8s infinite scrollUp
}
.scrolling-words-box li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 3rem;
    list-style: none;
    font-size: 24px;
    font-weight: 400;
    min-width: max-content
}
@keyframes scrollUp {

    0%,
    100% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-3rem)
    }

    40% {
        transform: translateY(-6rem)
    }

    60% {
        transform: translateY(-9rem)
    }

    80% {
        transform: translateY(-12rem)
    }
}
.scrolling-words-box ul:hover {
    animation-play-state: paused
}
/* Testimonials CSS */
.testimonialsBanner__new {
    background-image: url(https://lh3.googleusercontent.com/d/11eF2_AMG6X092MqTpW0F9phugiT1pwFu);
    background-repeat: no-repeat;
    background-size: cover
}
.testimonialsBanner__new_grid {
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 30px
}
.testimonialsBanner__details {
    flex-direction: column;
    gap: 15px
}
.testimonialsBanner__details .testimonialsBanner__new_grid {
    margin-top: 10px
}
.testimonialsBanner__new_grid .btnStyle {
    width: 210px;
    text-align: center
}
.testimonialsBanner__sliderbox {
    margin-top: 70px
}
.testimonialsBanner__slider .slick-track {
    display: flex
}
.testimonialsBanner__slider .testimonialsBanner__slide {
    height: auto;
    margin: 0 5px;
    border-radius: 30px 30px 0 0;
    overflow: hidden
}
.testimonialsBanner__slider .testimonialsBanner__slide img {
    height: 100%;
    width: 100%
}
.testimonials_stats {
    background: var(--colorRed2);
    padding: 35px 0;
    margin-top: -19px;
    z-index: 5;
    position: relative
}
.testimonials_stats_child {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px
}
.testimonials_stats_detail:last-child {
    min-width: fit-content
}
.testimonial__grid {
    display: grid;
}
.testimonial_grid__card_onlymedia .testimonial_grid__card_content_image,
.testimonial_grid__card_onlymedia .testimonial_grid__card_client_locations {
    border-bottom: .5px solid #FFF
}
.testimonial_grid__card_onlycontent .testimonial_grid__card_content_image,
.testimonial_grid__card_onlycontent .testimonial_grid__card_client_locations {
    border-bottom: .5px solid #BEBEBE
}
.testimonial_grid__card .testimonial_grid__card_content_image {
    padding-bottom: 15px
}
.testimonial_grid__card_onlycontent .testimonial_grid__card_child {
    padding: 30px 25px
}
.testimonial_grid__card_content_image {
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding-bottom: 25px
}
.testimonial_grid__card_client_locations {
    padding: 14px 0
}
.testimonial_grid_client_content_short {
    padding-top: 15px
}
.testimonial_grid_client_content_short p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}
.testimonial_grid__card_client_image {
    height: 60px;
    width: 60px;
    min-width: 60px
}
.testimonial_grid__card_client_image img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden
}
.testimonial_grid__card_client_locations {
    gap: 6px 20px;
    flex-wrap: wrap
}
.testimonial_grid__card_client_company {
    padding-left: 5px
}
.testimonial_grid__card {
    background: #fff
}
.testimonial_grid__card_onlymedia {
    aspect-ratio: 2 / 3
}
.testimonial_grid__card_video_details {
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 30px 25px
}
.testimonial_grid__card_onlycontent .testimonial_grid__card_client_name,
.testimonial_grid__card_onlycontent .testimonial_grid__card_client_company,
.testimonial_grid__card_onlycontent .testimonial_grid_client_location_text {
    color: var(--lightColor)
}
.testimonial_grid__card_onlymedia .testimonial_grid__card_client_name,
.testimonial_grid__card_onlymedia .testimonial_grid__card_client_company,
.testimonial_grid__card_onlymedia .testimonial_grid_client_location_text {
    color: var(--colorWhite)
}
.testimonial_grid__card_video_box {
    height: 100%
}
.testimonial_grid__card_video_box video {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.testimonial_grid__card_onlymedia {
    position: relative
}
.testimonial_grid__card_onlymedia .testimonial_grid__card_video_details {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 2
}
.testimonial_grid__card__overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #fff0 0%, rgb(0 0 0 / .8) 100%);
    z-index: 1
}
.videoPosterBox {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0
}
.videoPosterBox img {
    height: 100%;
    width: 100%;
    object-fit: cover
}
.video_section_icon {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}
.testimonial_grid__card_onlymedia .testimonial_grid__card__overlay,
.testimonial_grid__card_onlymedia .videoPosterBox,
.testimonial_grid__card_onlymedia .video_section_icon,
.testimonial_grid__card_onlymedia .testimonial_grid__card_video_details {
    opacity: 1;
    visibility: visible;
    transition: all 0.1s ease
}
.testimonial_grid__card_onlymedia.onlymedia_card_hover .testimonial_grid__card__overlay,
.testimonial_grid__card_onlymedia.onlymedia_card_hover .videoPosterBox,
.testimonial_grid__card_onlymedia.onlymedia_card_hover .video_section_icon,
.testimonial_grid__card_onlymedia.onlymedia_card_hover .testimonial_grid__card_video_details.video_details_toggle {
    opacity: 0;
    visibility: hidden;
    transition: all 0.1s ease
}
.testimonial_grid__card_onlymedia .toggleVideoSound {
    opacity: 0;
    visibility: hidden;
    transition: all 0.1s ease
}
.testimonial_grid__card_onlymedia.onlymedia_card_hover .toggleVideoSound {
    opacity: 1;
    visibility: visible;
    transition: all 0.1s ease
}
.testimonial_grid__card_onlymedia .toggleVideoSound {
    position: absolute;
    right: 30px;
    bottom: 30px;
    color: var(--colorWhite);
    font-size: 25px;
    cursor: pointer
}
.testimonial_card__button_link {
    padding: 10px 10px;
    background: var(--colorRed2)
}
.testimonial_grid__card {
    position: relative
}
.testimonial_card__button_section {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    padding-top: 10px;
    background: var(--colorWhite)
}
.testimonial_card__button_link {
    width: 100%;
    display: inline-block;
    text-align: center;
    cursor: pointer
}
.testimonial_card__button_link:hover {
    color: var(--colorWhite)
}
.testimonial_card__button_section {
    opacity: 0;
    visibility: hidden
}
.testimonial_grid__card_onlycontent:hover .testimonial_card__button_section {
    opacity: 1;
    visibility: visible
}
.testimonialPopupModal .modal-dialog {
    max-width: 700px;
    height: auto;
    height: 100%;
    max-height: calc(100vh - 56px);
    margin: 25px auto
}
.testimonialPopupModal .modal-content {
    padding: 30px 30px !important;
    height: auto !important
}
.testimonialPopupModal .testimonial_card_content_section {
    margin-top: 20px
}
.testimonial_grid__card_onlycontent .testimonial_grid_client_location_icon svg path {
    fill: var(--colorRed2)
}
.testimonial_grid__card.testimonial_grid__card_onlymedia__child,
.testimonial_grid__card .testimonial_grid__card_onlycontent__child {
    box-shadow: 0 1px 15px 0 #00000026;
    border-radius: 20px;
    overflow: hidden;
    background: var(--colorWhite);
    z-index: 2;
    position: relative
}
.testimonial_grid__card .testimonial_grid__card_onlycontent__child {
    height: 100%
}
.testimonial_grid__card.testimonial_grid__card_onlycontent .testimonial_grid__card_onlycontent__child {
    transition: transform 0.3s ease, rotate 0.3s ease;
    background: #F8F8F8;
}
.testimonial_grid__card.testimonial_grid__card_onlycontent:hover .testimonial_grid__card_onlycontent__child {
    transform: translateY(-40px) rotate(-1.5deg);
    background: #FFF2EF;
    background: #FFF2EF;
}
.testimonial_grid__card.testimonial_grid__card_onlycontent {
    position: relative
}
.testimonial_grid__card.testimonial_grid__card_onlycontent .testimonial_grid__card_onlycontent__button {
    position: absolute;
    height: 100%;
    width: 100%;
    background: var(--colorRed2);
    z-index: 1;
    border-radius: 20px;
    overflow: hidden
}
.testimonial_card__button_section {
    padding-top: 0
}
/* About CSS */
.about_us_page_detail_content{
    margin-top: 40px;
}
.about_us_page_detail_content_child:not(:last-child){
    margin-bottom: 30px;
}
.about_us_page_detail_content_child .sub_section_heading{
    margin-bottom: 15px;
}
.ai_industry_child__grid.about_core_values_grid{
    background: #F8F8F8;
}
.about_core_values_grid.ai_industry_child__grid .ai_industry_child_grid_item{
    color: var(--colorBlack);
    border-color: var(--colorRed2) !important;
}
.customSlidersBoxButtons_new.customSlidersBoxButtons .slick-next,
.customSlidersBoxButtons_new.customSlidersBoxButtons .slick-prev{
    height: 60px;
    width: 60px;
    border: 1px solid var(--colorRed2);
}
.customSlidersBoxButtons_new.customSlidersBoxButtons .slick-prev{
    right: 75px;
}
.business_heads_section{
    background: #F8F8F8;
}
.business_heads_grid{
    grid-template-columns: repeat(3, 1fr);
    gap: 25px 25px;
}
.business_heads_grid_item_contentbox{
    aspect-ratio: 6/7;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.business_head_grid_card_overlay{
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.47%, #000000 100%);
    padding: 20px 20px;
    text-align: center;
}
.business_heads_grid_item_headingbox{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.business_heads_grid_item_headingbox h2{
    margin-bottom: 20px;
}
.journey_carousel_item_container{
    gap: 30px 50px;
}
.journey_carousel_item_container .section_card_image{
    min-width: 400px;
    width: 400px;
}
.journey_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    position: relative;
}
.journey_nav::after{
    position: absolute;
    content: "";
    height: 20px;
    width: 100%;
    left: 0;
    background: linear-gradient(90.14deg, #F3672F 0%, #EE2D2F 100%);
    border-radius: 20px;
    top: calc(50% - 9px);
}
.journey_btn {
    position: relative;
    z-index: 2;
    color: var(--colorWhite);
    height: 90px;
    width: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    border: 5px solid transparent;
    overflow: hidden;
    transition: transform 0.4s ease, background 0.3s ease, border 0.3s ease;
    transform: scale(0.9);
}
.journey_btn_contain.active .journey_btn {
    background: #fff;
    border-color: #F4792F;
    color: var(--colorBlack);
    font-weight: 600;
    transform: scale(1);
}
.journey_btn .dot {
    font-size: 28px;
    transition: opacity 0.2s ease;
}
.journey_btn .dot.hidden {
    opacity: 0;
}
.journey_btn .year {
    position: absolute;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.journey_btn .year.visible {
    opacity: 1;
}
.journey_btn_contain{
    text-align: center;
    width: 90px;
    position: relative;
}
.journey_timeline_tag{
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}
.journey_btn_contain.active .journey_timeline_tag{
    display: none;
}
.section_card_timeline{
    color: #E0E0E0;
    margin-bottom: 30px;
}
.journey_carousel_item_container .section_card_heading{
    margin-bottom: 20px;
}
.connect_section{
    position: relative;
}
.connect_section_background{
    position: absolute;
    height: 100%;
    width: 50%;
}
.connect_section_background.connect_banner_right{
    right: 0;
}
.connect_section_background img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.connect_section_grid .connect_section_right{
    padding: 100px 0 100px 70px;
}
.connect_section_grid{
    grid-template-columns: 1fr 1fr;
}
.text_image_section.text_image_section_corner{
    border-radius: 0;
    position: relative;
}
.journey_tab_mobile,
.journey_active_btn_mobile{
    z-index: 2;
    border: 3px solid #F4792F;
    background: #fff;
    border-radius: 50%;
}
.journey_tab_mobile{
    font-size: 20px;
    height: 50px;
    width: 50px;
}
.journey_active_btn_mobile{
    border: 4px solid #F4792F;
    font-size: 16px;
    height: 70px;
    width: 70px;
}
.common_moving_slider .gallery_carousel_tiem{
    flex: 0 0 20%;
    max-width: 20%;
    box-sizing: border-box;
    text-align: center;
}
.common_moving_slider .gallery_carousel_tiem{
    aspect-ratio: 1/1;
}
.common_moving_slider .gallery_carousel_tiem img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.gallery_carousel_section_reverse{
    margin-top: 20px;
}
/* Common CSS */
.reveal_card_link {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
    overflow: hidden
}
.reveal_product_card {
    grid-template-columns: 1fr 1fr;
    height: 100%
}
.blog_details_form,
.innovationsSection__home .innovationVideoContChild,
.reveal_product_banner {
    position: relative
}
.reveal_product_banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px
}
.reveal_product_content {
    flex-direction: column;
    height: 100%;
    padding: 30px;
    justify-content: center !important;
    gap: 20px 0
}
.reveal_card_heading {
    color: var(--colorBlack);
    font-weight: 500 !important
}
.reveal_logo_image {
    max-width: 153px
}
.blog_submit_box,
.reveal_logo_image img {
    width: 100%
}
.immersive_video_grid_section{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.immersive_video_section .portfolio_grid_item_card,
.immersive_video_section .portfolio_grid_item_card .innovationsVideoSection,
.portfolio_grid_item_card,
.testimonialDrawerModal .modalBody,
.testimonialDrawerModal .testimonial_card_content_section,
.testimonialDrawerModal .testimonial_card_popup_details,
.testimonialDrawerModal .textimonial_full_video,
.testimonialDrawerModal .textimonial_full_video__url {
    height: 100%
}
.common_custom_popup__formbox .sectionHeading,
.innovationsSection__home .innovationSectionNameOuter .innovationSectionName,
.testimonial_card_content_section {
    display: none
}
.clientsVisitBox__new {
    grid-template-columns: repeat(4, 1fr);
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 20px;
}
.common_video_testimonial_box,
.common_video_testimonial_box__latest {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 1px 15px 0 #00000026;
    aspect-ratio: 2/3
}
.common_video_testimonial_box .common_video_testimonial_poster,
.common_video_testimonial_box__latest .common_video_testimonial_poster {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: none
}
.common_video_testimonial_box.common_video_testimonial_box_hover,
.position-5 .common_video_testimonial_box__latest.common_video_testimonial_box__latest_hover {
    cursor: pointer
}
.common_video_testimonial_box.common_video_testimonial_box_hover .common_video_testimonial_poster,
.common_video_testimonial_box__latest.common_video_testimonial_box__latest_hover .common_video_testimonial_poster {
    display: block
}
.common_video_testimonial_box .common_video_testimonial_overlay,
.common_video_testimonial_box__latest .common_video_testimonial_overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .35);
    display: none;
    padding: 10px
}
.common_video_testimonial_box.common_video_testimonial_box_hover .common_video_testimonial_overlay,
.position-5 .common_video_testimonial_box__latest.common_video_testimonial_box__latest_hover .common_video_testimonial_overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: flex-start;
    justify-content: end
}
.common_video_testimonial_box video,
.common_video_testimonial_box__latest video {
    scale: 1;
    transition: scale .3s
}
.common_video_testimonial_box.common_video_testimonial_box_hover video,
.position-5 .common_video_testimonial_box__latest.common_video_testimonial_box__latest_hover video {
    scale: 1.05;
    transition: scale .3s
}
.common_video_testimonial_overlay .common_video_testimonial_overlay_icon {
    border-radius: 50%;
    background: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    font-size: 16px
}
.common_video_testimonial_overlay .common_video_testimonial_overlay_icon i {
    color: var(--colorRed2)
}
.common_video_testimonial_box.common_video_testimonial_box_hover .common_video_sound_toggle,
.position-5 .common_video_testimonial_box__latest.common_video_testimonial_box__latest_hover .common_video_sound_toggle {
    opacity: 1;
    visibility: visible;
    transition: .1s
}
.common_video_testimonial_box .common_video_sound_toggle,
.common_video_testimonial_box__latest .common_video_sound_toggle {
    opacity: 0;
    visibility: hidden;
    transition: .1s
}
.client_vist_testimonial_section__parent__hover .client_vist_testimonial_infos{
    opacity: 0;
    visibility: hidden;
    transition: 0.1s;
}
.client_vist_testimonial_section__parent__hover .common_video_testimonial_overlay{
    background: none;
}
.common_video_sound_toggle {
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: var(--colorWhite);
    font-size: 25px;
    cursor: pointer
}
.client_vist_testimonial_info {
    margin-top: 10px
}
.testimonialDrawerModal {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    height: 100vh;
    top: 0;
    width: 100%;
    right: 0;
    transition: right .4s
}
.testimonialDrawerModal.testimonialDrawerModal_active {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    transition: .3s
}
.testimonialDrawerModal .modal-content {
    width: 80%;
    position: absolute;
    background: var(--colorWhite);
    border: none;
    height: 100%;
    border-radius: 20px 0 0 20px;
    right: -80%;
    transition: .4s
}
.testimonialDrawerModal.testimonialDrawerModal_active .modal-content {
    right: 0;
    transition: .4s
}
.custom_model_content_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .65);
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    cursor: pointer
}
.testimonialDrawerModal.testimonialDrawerModal_active .custom_model_content_overlay {
    opacity: 1;
    visibility: visible;
    transition: .4s
}
.testimonialDrawerModal .popupoCloseLink {
    right: 20px;
    top: 20px;
    box-shadow: none;
    border: 1px solid #ccc
}
.testimonialDrawerModal .modalBody .testimonial_card_content_section {
    margin-top: 0
}
.clientsSection__new {
    background: var(--colorThemeBlue)
}
.clientsSectionChild {
    padding-left: 30px;
    padding-right: 30px
}
.brandsLogoSectionChild.brandsLogoSectionChild_slider {
    display: block !important
}
.blog_details_form_content {
    padding: 20px;
    background-color: var(--themeColorBlue)
}
.blog_details_form_field {
    margin-bottom: 15px
}
.custom_form_design .form-control {
    border: none;
    background: 0 0;
    color: var(--colorWhite);
    padding: 12px 0;
    font-size: 14px;
    border-bottom: 1px solid var(--colorWhite);
    border-radius: 0
}
.custom_form_design .form-control:focus {
    outline: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--colorWhite)
}
.blog_details_form_field .form-control::placeholder {
    color: var(--colorWhite)
}
.blog_details_form_child {
    border-radius: 12px;
    overflow: hidden
}
.blog_details_form_heading {
    margin: 0 0 15px
}
.blogContentDetail__child_grid {
    display: grid;
    grid-template-columns: auto 400px;
    gap: 40px 50px
}
.blog_details_form_banner {
    max-height: 200px;
    overflow: hidden
}
.blog_details_form_banner img {
    object-fit: cover
}
.blog_details_form_field_textarea textarea {
    resize: none;
    height: 70px
}
.blog_details_form .blog_details_form_child {
    position: sticky;
    top: 100px
}
.blog_form_bottom {
    gap: 15px;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 25px
}
.common_custom_popup {
    position: fixed;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    opacity: 0;
    transition: opacity 1s
}
.common_custom_popup.active_popup {
    opacity: 1;
    transition: opacity 1s
}
.common_custom_popup__overlay {
    background: rgba(0, 0, 0, .65);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0
}
.updatedQueryForm_new {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px 35px
}
.common_custom_popup__child {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--colorWhite);
    width: min(90%, 1050px);
    border-radius: 10px;
    position: relative
}
.common_custom_popup__child .popup_close-option {
    position: absolute;
    top: 5px;
    right: 5px
}
.common_custom_popup__child .popup_close_link {
    cursor: pointer;
    color: #000
}
.common_custom_popup__child .popup_close_link svg {
    width: 32px;
    height: 32px
}
.common_custom_popup__child .popup_close_link:hover svg path {
    fill: var(--colorRed2)
}
.common_custom_popup__formbox {
    padding: 50px
}
.common_custom_popup__formbox .queryFormField .form-control {
    padding: 10px 0
}
.common_custom_popup__bannerbox {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 35px 50px;
    border-radius: 10px 0 0 10px
}
.text-danger {
    display: inline-block;
    font-size: 14px;
    margin-top: 3px
}
.innovationsSection__home .innovationSectionNameOuter {
    background: rgba(0, 0, 0, .35);
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: end;
    padding: 20px;
    opacity: 1;
    transition: opacity .3s
}
.innovationsSection__home .innovationsVideoSection.innovationsVideoSection__active .innovationSectionNameOuter {
    opacity: 0;
    transition: opacity .3s;
    display: none
}
.faqList.activeTab .faqAnswer {
    display: block;
    height: auto;
    overflow: visible;
}
/*New Testimmonial Page Changes*/
.common_video_testimonial_card .testimonial_grid__card_video_details{
    height: 50%;
    background: linear-gradient(180deg, #fff0 0%, rgb(0 0 0 / .8) 100%);
}
.common_video_testimonial_card .common_video_testimonial_overlay{
    background: transparent;
}
.client_vist_testimonial_section__parent__hover{
    position: relative;
}
.common_video_testimonial_card .common_video_testimonial_overlay_box,
.client_vist_testimonial_section__parent .common_video_testimonial_overlay_box
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    padding: 5px 5px 5px 5px;
    background: #fff;
    width: fit-content;
    margin: 0 auto;
    border-radius: 30px;
    bottom: -50px;
    transition: all 0.2s ease;
}
.common_video_testimonial_card .common_video_testimonial_overlay_icon,
.client_vist_testimonial_section__parent .common_video_testimonial_overlay_icon 
{
    border-radius: 50%;
    background: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    font-size: 16px;
    transition: all 0.4s ease;
}
.common_video_testimonial_card .common_video_testimonial_overlay_text,
.client_vist_testimonial_section__parent .common_video_testimonial_overlay_text 
{
    color: #000;
    padding-right: 5px;
}
.common_video_testimonial_card .common_video_testimonial_overlay_icon i,
.client_vist_testimonial_section__parent .common_video_testimonial_overlay_icon i
{
    color: #000 !important;
}
.common_video_testimonial_card .common_video_testimonial_overlay_icon,
.client_vist_testimonial_section__parent .common_video_testimonial_overlay_icon
{
    border: 1px solid #000;
}
.common_video_testimonial_card.onlymedia_card_hover .common_video_testimonial_overlay_box,
.client_vist_testimonial_section__parent__hover .common_video_testimonial_overlay_box
{
    bottom: 20px;
    transition: all 0.4s ease;
}
.client_vist_testimonial_section__parent{
    position: relative;
}
.common_video_testimonial_box__latest_wrapper{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    pointer-events: auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}
.client_vist_testimonial_section__parent__hover .common_video_testimonial_box__latest_wrapper{
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease;
}
.common_banner_section{
    position: relative;
}
.common_banner_overlay{
    height: 100%;
    width: 58%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 28.23%, rgba(255, 255, 255, 0.9) 54.25%, #FFFFFF 100%);
}
.common_banner_container{
    grid-template-columns: 1fr 1fr;
    gap: 40px 100px;
    align-items: center;
    position: relative;
}
.common_banner_container.common_banner_container_medium{
    grid-template-columns: 0.6fr 0.4fr
}
.common_banner_section_career.common_banner_section{
    padding: 100px 0;
}
.common_banner_section.common_banner_with_image__bottom{
    padding: 0px;    
}
.common_banner_with_image__bottom .common_banner_content{
    padding: 100px 0;
}
.common_banner_container_align__bottom .common_banner_media_box{
    align-items: flex-end;
    height: 100%;
}
.common_banner_section{
    padding: 145px 0 145px;
}
.common_banner_content_child .main_banner_heading{
    margin-bottom: 20px
}
.common_banner_media_child{
    padding-left: 100px;
}
.common_banner_media{
    width: min(100%, 500px);
}
/*Custom Button Start*/
.custom_button {
    position: relative;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100px;
    padding: 12px 30px;
    display: inline-block;
    color: var(--colorWhite);
    transition: color 0.3s ease;
    z-index: 0;
}
.custom_button:before {
    content: "";
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 100px;
}
.custom_button:after {
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 100px;
}
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
.custom_button:hover span {
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    background-size: 400%;
    animation: glowing-text 20s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
@keyframes glowing-text {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
.custom_button:hover{
    color: var(--colorWhite);
}
.new_blogs_grid_section{
    grid-template-columns: repeat(4, 1fr);
}
.new_blogs_grid_section .new_blogs_grid_section__item{
    flex-direction: column;
    gap: 0;
}
.new_blogs_grid_section .new_blogs_grid_section__item .blogsListingItemImage img{
    scale: 1;
    transition: all 0.3s ease;
}
.new_blogs_grid_section .new_blogs_grid_section__item:hover .blogsListingItemImage img{
    scale: 1.05;
    transition: all 0.3s ease;
}
.new_blogs_grid_section .new_blogs_grid_section__item .blogsListingItemContent{
    padding: 20px;
    gap: 40px;
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}
.new_blogs_grid_section .new_blogs_grid_section__item .blogsListingItemImage{
    width: 100%;
    min-width: 100%;
    border-radius: 0;
    overflow: visible;
}
.blogsListingItemImage__wrapper{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.new_blogs_grid_section .new_blogs_grid_section__item .new_blogs_grid_section__item_blank{
    padding: 50px 30px;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.new_blogs_grid_section .new_blogs_grid_section__item .new_blogs_grid_section__item_blank h3{
    padding-top: 40px;
}
.icon_box{
    height: 100px;
}
.icon_box img{
    height: 100%;
}
.new_blogs_grid_section__item_blank .icon_box img{
    transform: translateX(0);
    transition: .2s;
}
.new_blogs_grid_section__item_blank:hover .icon_box img{
    transform: translateX(5px);
    transition: .2s;
}
.link_type_button_style,
.link_type_button_style:hover{
    display: inline-flex;
    min-width: max-content;
}
.link_type_button_style .button_text{
    color: var(--colorBlack);
}
.link_type_button_style .arrowIcn{
    transform: translateX(0);
    transition: .2s;
    padding-top: 2px;
    color: var(--colorRed2);
}
.link_type_button_style:hover .arrowIcn{
    transform: translateX(5px);
    transition: .2s;
}
.highlighted_text{
    color: var(--color_theme) !important;
}
.immersive_video_grid_section .innovationsVideoSection .innovationsVideoCardChild{
    aspect-ratio: 3/2;
}
/* Footer CSS */
.footerSectionUpdated {
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
}
.footSecBoxUpdated {
    min-width: max-content;
}
.custom_whatsapp_section {
    position: fixed;
    bottom: 24px;
    height: 100px;
    width: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: 0;
    z-index: 1;
}
.custom_whatsapp_box {
    position: relative;
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.custom_whatsapp_layer {
    position: absolute;
    height: 45px;
    width: 45px;
    background-color: #25d366;
    border-radius: 50%;
    animation: 3s ease-in-out infinite pulse;
    z-index: 0;
    opacity: 0.5;
}
.custom_whatsapp_link {
    height: 45px;
    width: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #4fce5d;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}
.custom_whatsapp_link i {
    display: inline-block;
    height: auto;
    font-size: 26px;
    color: var(--colorWhite);
}
@keyframes pulse {
    0%,
    100%,
    50% {
        transform: scale(1);
        opacity: 0.5;
    }
    30% {
        transform: scale(1.7);
        opacity: 0.2;
    }
}
.footer_wrapper{
    background: var(--colorOffBlack);
    border-radius: 160px 160px 0 0;
    position: relative;
    overflow: hidden;
    margin-top: -10%;
}
.footer_wrapper__nohome{
    margin-top: 0% !important;
}
.grid_layout_background{
    position: absolute;
    background: url('https://d1r57b107sq2kf.cloudfront.net/latest/grid_background_2.png') no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: -60px;
    z-index: 0;
}
.footer_child_wrapper{
    /*background: url('https://d1r57b107sq2kf.cloudfront.net/latest/footer_gradient.png') no-repeat;*/
    background: url('https://d1r57b107sq2kf.cloudfront.net/latest/footer_gradient_2.png') no-repeat;
    background-size: cover;
    background-position: top 25% center;
    padding-top: 100px;
    position: relative;
    z-index: 1;
}
.social_section_grid{
    display: flex;
    gap: 20px;
    margin: 40px 0 70px;
    margin: 25px 0 70px;
}
.social_section_grid .social_item_link{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FAF3E133;
    color: #C5C1B7;
    font-size: 24px;
    cursor: pointer;
}
.social_section_grid .social_item_link svg{
    height: 28px;
    width: auto;
}
.social_section_grid .social_item_link:hover{
    background: var(--colorSecondary);
}
.footer_menu_grid{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.footer_menu_item_wrapper{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer_menu_item_wrapper .footer_menu_grid_list{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.footer_menu_item_wrapper .footer_menu_grid_list li{
    display: flex;
}
.footer_menu_item_wrapper .footer_menu_grid_list a{
    color: var(--colorOffWhite);
}
.footer_menu_item_wrapper .footer_menu_grid_list a:hover,
.footer_menu_item_wrapper .footer_menu_grid_list a:active{
    color: var(--colorSecondary);
}
.footer_contact_list li{
    display: flex;
    gap: 10px;
}
.footer_wrapper_bottom{
    padding-top: 50px;
}
.footBottomMenu ul li a{
    color: var(--colorOffWhite);
}
.footBottomMenu ul li a:hover{
    opacity: 1;
    color: var(--colorSecondary);
}
.opacity_30{
    opacity: 0.35;
}
.footer_heading_section .hero_heading{
    line-height: 100%;
}
/* Location Section */
.locations_wrapper{
    padding-top: 12vw;
    position: relative;
}
.location_section{
    position: relative;
}
.dotted_line{
    position: absolute;
}
.dotted_line_horizontal{
    width: 47px;
    height: 100%;
    top: 11px;
}
.align_left .dotted_line_horizontal{
    background-image: url("https://d1r57b107sq2kf.cloudfront.net/latest/location_line_1_left.svg");
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
}
.align_right .dotted_line_horizontal{
    background-image: url("https://d1r57b107sq2kf.cloudfront.net/latest/location_line_1_right.svg");
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
}
.dotted_line_vertical{
    background-image: url("https://d1r57b107sq2kf.cloudfront.net/latest/location_line_vertical.svg");
    background-repeat: no-repeat;
    background-size: cover;
    top: 11px;
    width: 2px;
}
.align_left .dotted_line_vertical{
    left: 0;
}
.align_right .dotted_line_vertical{
    right: -1px;
}
.location_section_wrapper{
    width: 17vw;
    position: absolute;
}
.map_marker{
    position: absolute;
}
.map_marker img{
    width: 100%;
}
.location_details_top{
    display: flex;
    align-items: center;
    gap: 5px;
}
.align_right .location_details_top{
    justify-content: end;
}
.location_details_top .location_flag{
    height: 20px;
    width: 29px;
    min-width: 29px;
    display: inline-flex;
}
.location_details_top .location_flag img{
    width: 100%;
    height: auto;
}
.location_details_top .location_name{
    color: #494A4D;
}
.location_details_bottom{
    margin-top: 5px;
}
.location_details_bottom p{
    color: #7D7E80;
}
.location_section.align_left{
    padding-left: 50px;
}
.location_section.align_right{
    padding-right: 50px;
}
.location_details_bottom .location_contact{
    margin-top: 5px;
}
.align_left .map_marker{
    left: -28px;
}
.align_right .map_marker{
    right: -28px;
}
.align_right{
    text-align: right;
}
.us_location .dotted_line_vertical{
    height: 16vw;
}
.us_location.location_section_wrapper{
    left: 18vw;
    top: 6vw;
}
.us_location .map_marker{
    width: 3.6vw;
    top: 16vw;
    left: -1.7vw;
}
.uk_location .dotted_line_vertical{
    height: 13vw;
}
.uk_location.location_section_wrapper{
    left: 31vw;
    top: 0vw;
}
.uk_location .map_marker{
    width: 2.3vw;
    top: 13vw;
    right: -1.2vw;
}
.eu_location .dotted_line_vertical{
    height: 12vw;
}
.eu_location.location_section_wrapper{
    right: 29vw;
    top: 2vw;
}
.eu_location .map_marker{
    left: -28px;
    width: 3.6vw;
    top: 12vw;
    left: -1.7vw;
}
.in_location .dotted_line_vertical{
    height: 14vw;
}
.in_location.location_section_wrapper{
    right: 10vw;
    top: 8vw;
}
.in_location .map_marker{
    width: 3.6vw;
    top: 14vw;
    left: -1.7vw;
}
.hq_location .page_banner_description{
    position: relative;
}
.hq_location .page_banner_description .hq_tag{
    position: absolute;
    padding: 3px 10px 3px;
    font-size: 16px;
    color: var(--colorOffWhite);
    background: var(--colorSecondary);
    right: calc(-100% - 6px);
    top: -15px;
    border-radius: 4px;
    display: inline-flex;
    line-height: 22px;
}
.hq_tag .hq_tag_arrow {
    position: absolute;
    left: -2px;
    bottom: -2px;
    z-index: -1;
    height: 10px;
    width: 10px;
    display: inline-flex;
}
.hq_tag .hq_tag_arrow svg{
    height: 10px;
    width: 10px;
}
.website_footer .footer_menu_heading{
    text-transform: uppercase;
}
.location_details_bottom .small_text{
    font-size: 14px;
}

/* Ai Page  */
.main_banner_heading{
    font-size: 64px;
}
.advance_ai_banner__top_content h1{
    color: var(--colorWhite) !important;
}
.lightText{
    color: var(--colorTextLight);
}
.lightText60{
    color: var(--colorTextLight);
}
.lightText80{
    color: #000c !important;
}
.opacity60{
    opacity: 60%;
}
.opacity80{
    opacity: 80%;
}
.smallSubHeadingText.lightText{
    color: var(--colorTextLight);
}
.common_section_background{
    background-repeat: no-repeat;
    background-size: cover;
}
.advance_ai_banner__top{
    padding: 100px 0 50px;
    padding: 80px 0 80px;
    padding: 123px 0 123px;
}
.advance_ai_banner__bottom_overlay{
    position: relative;
}
.advance_ai_banner__bottom_overlay .advance_ai_banner__bottom_overlay_box{
    position: relative;
}

.advance_ai_banner__bottom{
    position: relative;
}
.background_gradient_image{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    text-align: center;
}
.background_gradient_image img{
    width: 100%;
    object-fit: contain;
    max-width: 940px;
    margin: 0 auto;
}
.custom_accordion_item__content_box{
    display: none;
    padding-bottom: 20px;
    float: left;
    width: 100%;
}

.custom_accordion_list:first-child .custom_accordion_item__content_box{
    display: block;
}
.advance_ai_banner__bottom_section_child{
    grid-template-columns: 520px 1fr;
    gap: 50px 100px;
}
.ai_automation_banner{
    border-radius: 15px;
}
.ai_automation_banner img{
    width: 100%;
    height: auto;
}
.ai_automation_banner__child{
    position: sticky;
    top: 130px;
}
.custom_accordion_list:not(:last-child){
    border-bottom: 1px solid #0000001A;
}
.custom_accordion_item__heading_box{
    padding: 20px 0;
    cursor: pointer;
}
.custom_accordion_list .custom_accordion_item__heading_box{
    display: inline-flex;
    gap: 10px;
    justify-content: space-between;
}
.custom_accordion_list.active .custom_accordion_item__heading_box{
    color: var(--colorRed2);
    border: none;
}
.custom_list li{
    padding-left: 30px;
    position: relative;
}
.custom_list li:not(:last-child){
    margin-bottom: 5px;
}
.custom_list li::before{
    position: absolute;
    content: '';
    height: 4px;
    width: 4px;
    background: #00000099;
    top: 10px;
    left: 10px;
    border-radius: 50%;
}
.custom_accordion_item__content_box .custom_accordion_item__content{
    padding-bottom: 10px;
}
.custom_accordion_list:first-child .custom_accordion_item__heading_box{
    padding-top: 0;
}
.ai_spectrum_slide__image{
    margin-bottom: 15px;
}
.ai_spectrum_slide__image img{
    height: 118px;
}
.ai_spectrum_slide__heading{
    margin-bottom: 10px;
}
.ai_spectrum_slide_text_list{
    margin-top: 10px;
}
.ai_spectrum_slide{
    padding: 20px 20px;
    border-radius: 15px;
    border: 1px solid #F0F0F0;
    overflow: hidden;
}
.ai_spectrum_slide_list{
    padding: 0 13px;
}
.ai_spectrum_slider .slick-track{
    display: inline-flex;
}
.ai_spectrum_slider .ai_spectrum_slide_list{
    height: auto;
}
.ai_spectrum_slider .ai_spectrum_slide{
    height: 100%;
}
.ai_building_block_child{
    grid-template-columns: 1fr 520px;
    gap: 50px 100px;
}

.ai_industry_child__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #050736;
    border-radius: 15px;
    padding: 50px 50px;
}
.ai_industry_child__grid .ai_industry_child_grid_item{
    position: relative;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
}
.ai_industry_child_grid_item{
    padding: 50px 50px;
}
.ai_industry_child__grid .ai_industry_child_grid_item:nth-child(3n){
    border-right: none;
    padding-right: 0;
}
.ai_industry_child__grid .ai_industry_child_grid_item:nth-child(3n-2){
    border-left: none;
    padding-left: 0;
}
.ai_industry_child__grid .ai_industry_child_grid_item:nth-child(-n+3){
    border-top: none;
    padding-top: 0;
}
.ai_industry_child__grid .ai_industry_child_grid_item:nth-last-child(-n+3){
    border-bottom: none;
    padding-bottom: 0;
}

.ai_industry_grid_item__child_icon{
    height: 44px;
    width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--colorWhite);
    border-radius: 5px;
}
.ai_industry_grid_item__child_icon img{
    width: 22px;
    height: 22px;
}

.ai_industry_grid_item_icon{
    margin-bottom: 18px;
}
.ai_industry_grid_item__child_content_heading{
    padding-bottom: 12px;
}
.ai_capabilities__grid{
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.ai_capabilities_grid_item__mid{
    display: flex !important;
    flex-direction: column;
    gap: 20px 0;
}
.ai_capabilities_grid_item__card{
    border-radius: 12px;
    height: 100%;
}
.ai_capabilities_grid_item_content .ai_capabilities_card_heading{
    padding-bottom: 8px;
}
.ai_capabilities_grid_item__card{
    padding: 30px 30px;
    display: flex !important;
    flex-direction: column;
    gap: 15px 0;
}
.ai_capabilities_grid_item__card.ai_capabilities_grid_item__card_1{
    padding: 30px 10px;
}
.ai_capabilities_grid_item_content{
    text-align: center;
    padding: 0 50px;
    padding: 0 5px;
}
.ai_capabilities_grid_item__card_1 .ai_capabilities_grid_item_content{
    padding: 0 25px;
}
.ai_capabilities_grid_item_image{
    text-align: center;
}
.ai_capabilities_grid_item{
    height: 100%;
}
.ai_capabilities_grid_item__card_2 .ai_capabilities_grid_item_image img{
    height: 117px;
}
.ai_capabilities_grid_item__card .ai_capabilities_grid_item_image img{
    margin: 0 auto;
}
.ai_capabilities_card_text{
    color: var(--colorTextLight);
}
.ai_capabilities_grid_item__card_3{
    padding-bottom: 0;
}
.ai_capabilities_grid_item__card_1 .ai_capabilities_grid_item,
.ai_capabilities_grid_item__card_4 .ai_capabilities_grid_item{
    display: flex !important;
    flex-direction: column;
    justify-content: space-around;
}

.ai_power_grid{
    grid-template-columns: 0.58fr 0.42fr;
    gap: 30px;
}
.ai_power_grid_card{
    padding: 30px 30px 10px;
    border-radius: 15px;
    overflow: hidden;
}
.ai_power_grid_card.ai_power_grid_card_1{
    padding-right: 0;
}
.ai_power_grid_card.ai_power_grid_card_1 .ai_power_grid_card__content__text{
    height: 100%;
    padding-right: 20px;
}
.ai_power_grid_card.ai_power_grid_card_1 .ai_power_grid_card__child_heading{
    padding-right: 50px;
}
.ai_power_grid_card_1 .ai_power_grid_card__content{
    display: flex;
}
.ai_power_grid_card_2 .ai_power_grid_card__image{
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}
.ai_power_grid_card_1 .ai_power_grid_card__child{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.ai_power_grid_card_1 .ai_power_grid_card__content{
        align-items: flex-end;
    height: 100%;
}
.ai_power_grid_card_1 .ai_power_grid_card__image img{
    max-width: 370px;
}
.ai_power_grid_card_2 .ai_power_grid_card__image img{
    max-width: 362px;
    margin: 0 auto;
}
.ai_power_grid_card__child .ai_power_grid_card__child_heading {
    padding-bottom: 12px;
}

.text_image_section{
    grid-template-columns: .6fr .4fr;
    border-radius: 15px;
    overflow: hidden;
}
.unleash_ai_section{
    margin-top: 30px;
    background: var(--colorBlack);
}
.unleash_ai_section .text_image_content{
    padding: 85px 65px;
    padding: 85px 126px 85px 65px;
}
.text_image_text_heading{
    padding-bottom: 20px;
}
.text_image_text_caption{
    padding-bottom: 10px;
}
.text_image_text_content{
    padding-bottom: 30px;
}
.text_mage_media{
    padding-left: 100px;
}
.text_mage_media__child{
    height: 100%;
}
.text_mage_media__child img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.unleash_ai_section .text_mage_media__child{
    padding: 30px 30px;
}

.why_designoweb_section{
    background: rgba(5, 7, 54, 1);
}
.why_designoweb_section .text_image_content{
    padding: 50px 50px;
    padding: 50px 100px 50px 50px;
}

.ai_automation_work_card{
    border-radius: 15px;
    overflow: hidden;
    padding: 30px 30px 0;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}
.ai_automation_work_card__hh{
    background: linear-gradient(180deg, #EBADB7 0%, #856268 188.2%);
}
.ai_automation_work_card__vasd{
    background: linear-gradient(180deg, #0069AF 0%, #002C49 205.57%);
}
.ai_automation_work_card .ai_automation_card_caption{
    margin-bottom: 10px;
}
.ai_automation_work_card .ai_automation_card_heading{
    margin-bottom: 5px;
}
.ai_automation_work_card .ai_automation_card_image{
    margin: 0 auto;
    text-align: center;
}
.ai_automation_work_card .ai_automation_card_image img{
    max-width: 337px;
}
.ai_automation_work_card .ai_automation_card_content{
    margin-bottom: 45px;
    padding-right: 50px;
}
.ai_automation_work_grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
}

.real_life_innovation{
    background: rgba(5, 7, 54, 1);
    position: relative;
}
.real_life_innovation_bg{
    position: absolute;
    bottom: 0;
    max-width: 35%;
}
.real_life_innovation_card_item{
    background: var(--colorWhite);
    border-radius: 15px;
    padding: 20px 25px;
}
.real_life_innovation_card_image{
    margin-bottom: 14px;
}
.real_life_innovation_card_image img{
    max-height: 150px;
}
.real_life_innovation_card_detail .real_life_innovation_detail_heading{
    margin-bottom: 5px;
}
.real_life_innovation_cards_grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 25px;
}
.real_life_innovation__child{
    grid-template-columns: 0.4fr 0.6fr;
    gap: 25px 25px;
}
.real_life_section_grid .topSectionHead{
    align-items: flex-start;
}

.ai_faqs_grid{
    grid-template-columns: 0.4fr 0.6fr;
    gap: 40px 50px;
}
.ai_faqs_grid .sectionHeading{
    padding-right: 100px;
    align-items: flex-start;
}

.ai_expertise_grid{
    grid-template-columns: 250px 1fr;
    gap: 20px 20px;
}
.ai_expertise_list_section{
    background: var(--colorWhite);
    border-radius: 10px;
}
.ai_expertise_card{
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}
.ai_expertise_card__child,
.ai_expertise_card_image{
    height: 100%;
}
.ai_expertise_card__child{
    grid-template-columns: 1fr 370px;
}
.ai_expertise_grid_details{
    background: var(--colorWhite);
    border-radius: 10px;
}
.ai_expertise_grid_details .ai_expertise_card_content{
    padding: 25px 40px 25px 25px;
}
.ai_expertise_list_boxs{
    padding: 20px 20px;
    position: relative;
}
.ai_expertise_list_boxs span{
    width: 100%;
    display: block;
    cursor: pointer;
}
.ai_expertise_list_item{
    padding: 10px 0;
    position: relative;
    font-weight: 500;
} 
.ai_expertise_list_item.active{
    color: var(--colorRed2);
}
.ai_expertise_indicator {
  position: absolute;
  left: 0px;
  width: 10px;
  height: 40px;
  border-radius: 100px;
  background: var(--colorRed2);
  transition: top 0.3s ease;
  z-index: 1;
}
.ai_expertise_card_heading{
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid var(--colorRed2);
}
.ai_expertise_card_content .custom_accordion_item__content_list{
    margin-top: 20px;
}
.ai_expertise_card_content .custom_accordion_item__content_list_item{
    color: var(--colorTextLight);
    margin-bottom: 10px;
}
.custom_accordion_item__content_box .smallSubHeadingText{
    margin-top: 0;
}
.custom_accordion_item__content_list{
    margin-top: 20px;
}
.ai_expertise_card_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advance_ai_banner__bottom_inner{
    position: relative;
    
}
.sectionHeading .custom_button_box{
    margin-top: 40px;
}


.animated_gradient {
  width: 100%;
  background: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 100%);
  background-size: 300% 100%;
}
.animated_gradient_1{
    animation: moveGradient 4s linear infinite;
}
.animated_gradient_2{
    animation: moveGradient 2s linear infinite;
}

@keyframes moveGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.ai_faqs_grid .secHeadingLeft{
    position: sticky;
    top: 110px;
}
.advance_ai_banner__top_content .secHeadingLeft{
    width: min(100%, 638px);
    width: min(100%, 835px);
}



/* Hero Banner Section */
.hero_banner_wrapper{
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top -10vh center;
}
/*.home_banner_box .homeBannerLeft{*/
/*    width: 45vw;*/
/*}*/
.homeBannerLink{
    margin-top: 4vh;
}
.clients_slider_section h2{
    margin-bottom: 3.5vh;
}
.new_hero_banner{
    position: relative;
}
.pannern_bg_section{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.pannern_bg_section img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* Custom Button */
.vh_customize_button{
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 2.8vh 3vh 2.8vh 3vh;
    background: var(--colorOffWhite);
    position: relative;
    color: var(--colorOffBlack);
    font-size: 2.3vh;
    border-radius: 1.8vh;
    line-height: normal;
    display: inline-flex;
    gap: 0 20px;
    align-items: center;
    justify-content: center;
}
.vh_customize_button:hover{
    color: var(--colorOffBlack);
}
.vh_customize_button_with_icon{
    padding: 0.5vh 0.4vh 0.5vh 3vh;
}
.vh_customize_button_with_icon .vh_custom_button_icon{
    height: 6vh;
    width: 6vh;
    border-radius: 1.4vh;
    background: var(--colorOffBlack);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.vh_customize_button_with_icon .icon svg{
    height: 4vh;
    width: 4vh;
}
.vh_customize_button_with_icon .icon svg path{
    stroke: var(--colorOffWhite);
    stroke-width: 1px;
}
.vh_custom_button_icon .frontIcon,
.vh_custom_button_icon .hoverFrontIcon {
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.vh_customize_button_with_icon .slide-in {
  animation: slideIn 0.4s forwards;
}
.vh_customize_button_with_icon .slide-out {
  animation: slideOut 0.4s forwards;
}





@keyframes slideIn {
  from {
    transform: translate(-60px, 60px);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes slideOut {
  from {
    transform: translate(0, 0);
    opacity: 1;
  }
  to {
    transform: translate(60px, -60px);
    opacity: 0;
  }
}

.moving_slider_clients{
    padding-bottom: 8vh;
}
.homeBannerLeft_updated.homeBannerLeft h1{
    margin-bottom: 3vh;
}
.common_moving_slider.hero_banner_common_moving_slider {
    gap: 0 70px;
    align-items: center;
}
.common_moving_slider.hero_banner_common_moving_slider .brandLogoItem{
    flex: 0 0 auto;
}
.common_moving_slider.hero_banner_common_moving_slider .brandLogoItem{
    display: inline-flex;
    align-items: center;
    height: 23px;
    opacity: 0.6;
}
.common_moving_slider.hero_banner_common_moving_slider .brandLogoItem img{
    height: 100%;
}
.common_moving_slider.hero_banner_common_moving_slider .brandLogoItem.custom_logo_puma{
    height: 32px;
}


/* Testimonial Slider */
.custom_moving_slider {
    overflow: hidden;
    position: relative;
}

.marquee-reverse-track {
    display: flex;
    white-space: nowrap;
}

.custom_moving_slider .client_vist_testimonial_section {
    display: inline-block;
}

.management_signs_section {
    gap: 0 100px;
}

.about_management_signs {
    margin-top: 20px;
}

.aboutUsSection_new {
    padding-bottom: 30px;
}

.common_moving_slider_parent {
    overflow: hidden;
    gap: 10px;
}

.common_moving_slider {
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
}

.common_moving_slider .brandLogoItem {
    flex: 0 0 15%;
    max-width: 20%;
    box-sizing: border-box;
    text-align: center;
}
.client_testimonial_moving_slider .client_vist_testimonial_section{
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
    text-align: center;
}

.common_video_testimonial_box .common_video_testimonial_overlay{
    background: transparent;
}
.common_video_testimonial_overlay_box{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    padding: 5px 5px 5px 5px;
    background: #fff;
    width: fit-content;
    margin: 0 auto;
    border-radius: 30px;
    bottom: -50px;
    transition: all 0.4s ease;
}
.client_vist_testimonial_section .common_video_testimonial_overlay_icon i{
    color: #000 !important;
}
.client_vist_testimonial_section .common_video_testimonial_overlay_icon{
    border: 1px solid #000;
}
.common_video_testimonial_overlay_text {
    color: #000;
    padding-right: 5px;
}

.common_video_testimonial_box.common_video_testimonial_box_hover .common_video_testimonial_overlay_box{
    bottom: 13px;
    transition: all 0.4s ease;
}
 .client_vist_testimonial_section .common_video_testimonial_overlay_icon {
    border-radius: 50%;
    background: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    font-size: 16px;
}
.client_name_tag_option{
    display: inline-block;
    position: absolute;
    top: 5px;
    padding: 4px 8px;
    background: var(--colorThemeBlue);
    left: 5px;
    border-radius: 20px;
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease;
}
.common_video_testimonial_box.common_video_testimonial_box_hover .client_name_tag_option{
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}
/*.common_video_testimonial_box{*/
/*    aspect-ratio: 1 / 1 !important;*/
/*}*/

.client_vist_testimonial_info{
    position: absolute;
    bottom: 0;
    padding: 30px 20px 15px;
    mask: linear-gradient(to bottom, transparent, black 35%);
    --webkit-mask: linear-gradient(to bottom, transparent, black 35%);
    backdrop-filter: blur(10px);
    --webkit-backdrop-filter: blur(10px);
    width: 100%;
    opacity: 1;
    transition: all 0.3s ease;
}
.common_video_testimonial_box.common_video_testimonial_box_hover .client_vist_testimonial_info{
    bottom: -100%;
    transition: all 0.3s ease;
}
.client_vist_testimonial_section{
    position: relative;
}

.newTestimonialSlider_new.common_moving_slider .newTestimonailSlide {
    flex: 0 0 33%;
    max-width: 33%;
    box-sizing: border-box;
}
@media(max-width: 1200px){
    .newTestimonialSlider_new.common_moving_slider .newTestimonailSlide {
        flex: 0 0 40%;
        max-width: 40%;
        box-sizing: border-box;
    }
    .services_grid_card_item_3 .services_grid_card_item_bottom img{
        max-width: 280px;
    }
    .services_grid_card_item_4 .services_grid_card_item_bottom img,
    .services_grid_card_item_4 .services_grid_card_item_bottom img,
    .services_grid_card_item_4 .services_grid_card_item_bottom img{
        max-width: 250px;
    }
}
@media(max-width: 1024px){
    .newTestimonialSlider_new.common_moving_slider .newTestimonailSlide {
        flex: 0 0 45%;
        max-width: 45%;
        box-sizing: border-box;
    }
}
@media(max-width: 767px){
    .newTestimonialSlider_new.common_moving_slider .newTestimonailSlide {
        flex: 0 0 80%;
        max-width: 80%;
        box-sizing: border-box;
    }
}
@media(max-width: 561px){
    .newTestimonialSlider_new.common_moving_slider .newTestimonailSlide {
        flex: 0 0 90%;
        max-width: 90%;
        box-sizing: border-box;
    }
}

.grey_bg{
    background-color: var(--colorGrey7);
}
.hero_heading{
    letter-spacing: -3%;
}

.leep_description{
    color: #46235e !important;
}

.updated_flex_v{
    flex-direction: column;
    gap: 30px !important;
}


/*Custom Button With Arrow*/
.custom_button_with_icon{
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 4px 4px 4px 20px;
    position: relative;
    color: var(--colorOffWhite);
    font-size: 16px;
    border-radius: 12px;
    line-height: normal;
    display: inline-flex;
    gap: 0 20px;
    align-items: center;
    justify-content: center;
}
.custom_gradient_button_with_icon{
    background: var(--color_theme);
}
.custom_button_with_icon:hover{
    color: var(--colorWhite);
}
.custom_button_with_icon .custom_button_icon{
    height: 42px;
    width: 42px;
    border-radius: 8px;
    background: var(--colorOffWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.custom_button_with_icon .icon svg{
    height: 28px;
    width: 28px;
}
.custom_button_with_icon .icon svg path{
    stroke: var(--colorBlack);
    stroke-width: 1px;
}
.custom_button_icon .frontIcon,
.custom_button_icon .hoverFrontIcon {
    /*position: absolute;*/
    /*inset: 0;*/
    /*display: inline-flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*transition: transform 0.4s ease, opacity 0.4s ease;*/
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: transform, opacity;
}
.custom_button_icon .hoverFrontIcon {
    opacity: 0;
    transform: translate(-60px, 60px);
}
.custom_button_with_icon .slide-in {
  /*animation: custom_slideIn 0.4s forwards;*/
  animation: custom_slideIn 0.35s ease forwards;
}
.custom_button_with_icon .slide-out {
  /*animation: custom_slideOut 0.4s forwards;*/
  animation: custom_slideOut 0.35s ease forwards;
}

@keyframes custom_slideIn {
  from {
    transform: translate(-60px, 60px);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes custom_slideOut {
  from {
    transform: translate(0, 0);
    opacity: 1;
  }
  to {
    transform: translate(60px, -60px);
    opacity: 0;
  }
}


.custom_ai_button_animation::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        80.78deg,
        /*rgb(219, 182, 149) -1.57%,*/
        
        /*rgb(227, 119, 57) 5.49%,*/
        /*rgb(227, 87, 14) 14.14%,*/
        /*rgb(214, 66, 9) 25.88%,*/
        /*rgb(190, 28, 1) 36.88%,*/
        /*rgb(163, 8, 2) 46.29%,*/
        /*rgb(145, 8, 2) 54.71%,*/
        /*rgb(119, 7, 3) 62.39%*/
        
        /*rgb(94, 5, 3) 71.47%*/
        /*rgb(64, 5, 5) 80.64%,*/
        /*rgb(13, 1, 1) 89.7%*/
        
        
/*        rgb(255, 214, 190) 0%,*/
/*rgb(255, 198, 168) 0.9%,*/
/*rgb(255, 183, 140) 1.8%,*/
/*rgb(247, 161, 110) 2.7%,*/
/*rgb(238, 139, 82) 3.6%,*/
/*rgb(232, 128, 68) 4.5%,*/
/*rgb(227, 119, 57) 5.49%,*/
/*rgb(227, 87, 14) 14.14%,*/
/*rgb(214, 66, 9) 25.88%,*/
/*rgb(190, 28, 1) 36.88%,*/
/*rgb(163, 8, 2) 46.29%,*/
/*rgb(145, 8, 2) 54.71%,*/
/*rgb(119, 7, 3) 62.39%*/


rgb(255, 214, 120) 0%,
rgb(248, 186, 88) 6%,
rgb(240, 156, 64) 12%,
rgb(232, 132, 48) 18%,
rgb(227, 119, 57) 24%,
rgb(226, 110, 48) 32%,
rgb(225, 101, 40) 40%,
rgb(223, 92, 32) 48%,
rgb(221, 83, 25) 56%,
rgb(218, 74, 18) 64%,
rgb(214, 66, 9) 72%,
rgb(208, 56, 7) 80%,
rgb(201, 47, 5) 90%,
rgb(190, 28, 1) 100%


    );
    background-size: 300% 300%;
    border-radius: 5px;
    animation: glowing 4s ease-in-out infinite alternate;
}
@keyframes glowing {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}



/*.customize_button_new:hover */
._custom_button_with_animation{
    position: relative;
    padding-right: 40px;
}
._custom_button_with_animation .arrowIcn{
    position: absolute;
    height: 100%;
    display: inline-flex;
    align-items: center;
    top: 0;
    bottom: 0;
}


._custom_button_with_animation:hover .arrowIcn{
    animation: move_icon 1s ease-in-out infinite alternate;
}
/*.industries_heading_poster{*/
/*    max-width: 70%;*/
/*}*/