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

body {
    margin: 0px;
    padding: 0px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div,
i,
iframe,
ul,
li,
strong {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: none;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

:root {
    --bodyBackground: #FAFAFA;
    --headingspanBg: repeating-linear-gradient(-6deg, #2517F8, #E69AC7);
    --mainHeadingcolor: #151A31;
    --mainHeadingFS: 52px;
    --mainHeadingFW: 800;
    --mainHeadingF-style: normal;
    --mainHeadingL-height: 64px;
    --commonParacolor: #515671;
    --actionbtnLinkFS: 16px;
    --commonSectionPadding: 60px 0px;
    --commonPaddingTop: 60px 0px 0px 0px;
    --margincommonTop: 60px 0px 0px 0px;
    --commonPaddingBottom: 0px 0px 60px 0px;
    --commonSectionmargin: 60px 0px;
    --marginBottom30: 0px 0px 30px 0px;
    --paraHeadingFs: 36px;
    --paraHeadingL-height: 40px;
    --fontWeight400: 400;
    --marqueFs: 48px;
    --fontWeight300: 300;
    --fontWeight400: 400;
    --fontWeight500: 500;
    --fontWeight600: 600;
    --fontWeight700: 700;
    --fontWeight800: 800;
    --marginBottom: 0px 0px 30px 0px;
    --marginBottom20: 0px 0px 20px 0px;
    --fontsize32: 32px;
    --fontsize52: 52px;
    --fontsize16: 16px;
    --fontsize14: 14px;
    --fontsize18: 18px;
    --fontsize20: 20px;
    --fontsize24: 24px;
    --lineHeight24: 24px;
    --lineHeight22: 22px;
    --lineHeight28: 28px;
    --lineHeight20: 20px;
    --lineHeight40: 40px;
    --fontSize36: 36px;
    --rightGreybg: linear-gradient(to bottom, #454545, #3A3A3A);
    --margqueF-W: 700;
    --fontsize28: 28px;
    --commonmarginbottom40: 0px 0px 38px 0px;
    --commonmarginbottom60: 0px 0px 60px 0px;
    --marqueL-height: 26px;
    --greyPara: #F5F6FA;
    --whiteText: #fff;
    --whiteBg: #fff;
    --sixteenFont: 16px;
    --backgroundOn90: repeating-linear-gradient(90deg, #2517F8, #E69AC7);
    --cardGradient: linear-gradient(to bottom, #F1F0F8, #F8F8F8);
    --cardGradientOn0deg: linear-gradient(to right, #F1F0F8, #F8F8F8);
    --mainBlue: #2517F8;
    --linearGrey: linear-gradient(to bottom, #454545, #404040);
    --darklinearGrey: linear-gradient(to bottom, #454545, #393939);
    --greyBorder: #505050;
    --greyColorpara: #505050;
    --greenGradient: repeating-linear-gradient(90deg, #00FFBF, #C5BA85);
    --purpleGradient: linear-gradient(90deg, #6D5CE8, #5E4DD6);
    --TextColorWhite: #F5F6FA;
    --MainGradient: linear-gradient(90deg, #2517F8 0%, #E69AC7 100%);
    --marginTop60: 60px;
}

main {
    margin: 10px;
}

/* //////////////////////HOMEPAGE////////////////////////// */
/*------Common_Css-----*/
body {
    background-color: var(--bodyBackground);
    font-family: 'Plus Jakarta Sans';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: none;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

main {
    overflow: hidden;
}

.theme-heading {
    background: var(--headingspanBg);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.f-w-700 {
    font-weight: 700 !important;
}

.mtb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.white-bg {
    background: var(--whiteBg) !important;
}

.common-pt-30 {
    padding-top: 30px !important;
}

.common-pb-30 {
    padding-bottom: 30px !important;
}

.common-mt-60 {
    margin-top: 60px;
}

.common-mb-60 {
    margin-bottom: 60px;
}

.full-border-radius {
    border-radius: 32px !important;
}

.border-radius-t {
    border-radius: 32px 32px 0 0 !important;
}

.border-radius-b {
    border-radius: 0px 0px 32px 32px !important;
}

.dark-round-section {
    padding: 60px 0;
    border-radius: 32px;
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
}

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

.hidden {
    display: none !important;
}

.gradient-text-1 {
    background: linear-gradient(90deg, #2517F8 0%, #FFABBF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

ol,
ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.no-list {
    list-style: none;
    padding: 0;
}

.width-auto {
    width: auto !important;
}

/*======================================================================
====================== Theme buttons
======================================================================*/
.gradient-btn-outer {
    transform: translateY(24px);
    background: var(--bodyBackground);
    width: max-content !important;
    margin: auto;
}

.gradient-btn {
    width: 100%;
    max-width: 460px;
    height: 50px;
    color: #fff;
    border: none;
    border-radius: 16px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    position: relative;
    z-index: 0 !important;
    background-image: linear-gradient(to right, #2517F8 0%, #6D48E6 40%, #E69AC7 100%);
    margin: 0px 20px;
}

.gradient-btn::before {
    content: '';
    background-image: linear-gradient(to right, #2e1df5 27%, #8f5fde 100%, #E69AC7 74%);
    color: #fff;
    border: none;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: 0%;
    transition: 0.2s;
    transform: translateX(-35px);
}

.gradient-btn:hover {
    background-image: linear-gradient(to right, #2517F8 24%, #6D48E6 40%, #E69AC7 100%);
}

.gradient-btn:hover::before {
    width: 100%;
    opacity: 1;
    background-image: linear-gradient(to right, #2517F8 100%, #6D48E6 60%, #2517F8 100%);
    z-index: -1;
    opacity: 1;
    transition: 0.3s;
    transform: translateX(60px);
}

.gradient-btn.small-btn {
    width: 220px;
}

.gradient-btn.small-btn:before {
    background: repeating-linear-gradient(91deg, #2517F8, #E69AC7) !important;
    opacity: 1;
}

.gradient-btn.small-btn::after {
    background-image: linear-gradient(to right, #2517F8 27%, #8f5fde 100%, #E69AC7 74%);
    opacity: 0;
}

/*======================================================================
====================== dropdown-menu
======================================================================*/
.dropdown:hover>.dropdown-menu,
.dropdown.show>.dropdown-menu {
    top: -37px;
    width: 1420px;
    left: 51.4%;
    transform: translateX(-57%);
    right: 0;
    margin-top: .125rem;
    z-index: -1;
    margin: auto;
    border-radius: 0px 0px 32px 32px;
    background: #F7F7F8;
}

.dropdown:hover>.dropdown-menu .container,
.dropdown.show>.dropdown-menu .container {
    /* margin: 0px; */
    margin: auto;
}

.myPhone {
    color: #2517F8 !important;
    top: 10px !important;
    font-size: 10px !important;
    font-weight: 400 !important;
}

.dropdown:hover>.dropdown-menu .container .maincardsouter .row,
.dropdown.show>.dropdown-menu .container .maincardsouter .row {
    justify-content: space-between;
}

#serviceShow {
    padding-bottom: 0px;
}

#serviceShow .profileR {
    min-height: 50px;
}

.dropdown:hover>.dropdown-menu .container .maincardsouter .card-body .commonPara,
.dropdown.show>.dropdown-menu .container .maincardsouter .card-body .commonPara {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: var(--fontsize14);
    line-height: var(--lineHeight20);
}

.dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4:nth-child(2),
.dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4:nth-child(5),
.dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4:nth-child(2),
.dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4:nth-child(5) {
    width: 400px;
}

.dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4:nth-child(3),
.dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4:nth-child(6),
.dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4:nth-child(3),
.dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4:nth-child(6) {
    width: 371px;
}

.dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4,
.dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4 {
    flex: 0 0 auto;
    width: 370px;
    height: 250px;
    margin: 0px 0px 20px;
    border-radius: 16px !important;
    padding: 30px !important;
}

.dropdown:hover>.companyMenu .container .maincardsouter .col-lg-4,
.dropdown.show>.companyMenu .container .maincardsouter .col-lg-4 {
    /*margin-bottom: 0px;*/
}

.dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4:hover,
.dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4:hover {
    background: #F1F0F8 !important;
}

.dropdown .dropdown-menu .container .maincardsouter .col-lg-4:hover p.saasD {
    background: var(--backgroundOn90) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: var(--fontWeight700) !important;
    transition: 0.3s !important;
}

.dropdown .dropdown-menu .container .maincardsouter .col-lg-4 .card-body {
    background: none;
}

.servicesMenu {
    border: none;
}

.paraHeading {
    color: var(--mainHeadingcolor);
    font-size: var(--paraHeadingFs);
    line-height: var(--paraHeadingL-height);
    font-weight: var(--fontWeight700);
    margin: var(--commonmarginbottom40);
    line-height: var(--lineHeight40);
}

.servicesMenu .maincardsouter a {
    text-decoration: none;
}

.servicesMenu .maincardsouter .row .card .card-body:first-child p:first-child {
    min-height: 48px;
}

.dropdown:hover>.dropdown-menu,
.dropdown.show>.dropdown-menu {
    display: block;
    padding-top: 22px;
}

.dropdown:hover>.dropdown-menu>.container,
.dropdown.show>.dropdown-menu>.container {
    background: #F7F7F8;
    padding: 84px 0px 100px;
}

.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.servicesMenu .saasD {
    font-size: var(--fontsize20);
    line-height: var(--fontsize24);
    min-height: 100% !important;
}

.servicesMenu .maincardsouter a .saasD:hover {
    background: var(--backgroundOn90);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: var(--fontWeight700);
    transition: 0.3s;
}

.navbar-light .navbar-nav .dropdown:hover .nav-link,
.navbar-light .navbar-nav .dropdown.show .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
    /*background: var(--backgroundOn90);*/
    /*background-clip: text;*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    /* font-weight: var(--fontWeight700); */
    transition: 0.3s;
    color: #2517F8 !important;
}

.navbar-light .navbar-nav .dropdown:hover .dropdown-toggle svg {
    display: block;
}

.vectorPink {
    display: none;
}

.navbar-light .navbar-nav .dropdown:hover .vectorBlack,
.navbar-light .navbar-nav .dropdown.show .vectorBlack {
    display: none;
}

.navbar-light .navbar-nav .dropdown:hover .vectorPink,
.navbar-light .navbar-nav .dropdown.show .vectorPink {
    display: block;
}

.navbar-light .navbar-nav .actionbtnLink:hover .nav-link {
    color: #fff !important;
    z-index: 2 !important;
    background: none;
    position: relative;
    -webkit-text-fill-color: #fff;
}

.commonPaddingbottom {
    padding: var(--commonPaddingBottom);
}

.spanHeading {
    background: var(--headingspanBg);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: var(--fontWeight700);
    text-align: center;
}

.bannerSection .mainImage {
    height: 100%;
    align-items: center;
    display: flex;
}

.borderColumn {
    padding: 0px 115px;
}

.borderColumn .spanHeading {
    font-size: var(--fontsize32);
    background: var(--backgroundOn90);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: var(--lineHeight40);
    font-weight: var(--fontWeight700);
    text-align: center;
}

.mainHeading {
    color: var((--mainHeadingcolor));
    font-size: var(--mainHeadingFS);
    font-weight: var(--mainHeadingFW);
    font-style: var(--mainHeadingF-style);
    line-height: var(--mainHeadingL-height);
    /* width: 90%; */
}

.mytechnicalCards .mainImage img {
    width: 100%;
}

.bannerSection h1 {
    margin: 0px;
}

.bannerSection .mainImage img {
    /* width: 98%; */
    margin: auto;
    padding: 20px;
}

.mainImage {
    text-align: center;
}

.bannerSection .bannerPara {
    margin: 20px 0px 30px;
}

.bannerPara {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: var(--lineHeight28);
    color: var(--commonParacolor);
    margin: 30px 0px;
    /* width: 80%; */
}

header nav ul li:last-child {
    margin: 5px 0px 0px 0px !important;
}

.bannerHeadingOuter {
    padding-right: 0px;
}

.commonPara {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--commonParacolor);
    margin: 0px 0px 30px 0px;
    width: 100%;
}

.bannerSection {
    position: relative;
    z-index: 0;
}

.formRow .col-md-6:last-child .formLink:last-child {
    position: relative;
    background: transparent !important;
    border: none;
    z-index: 1;
}

.formRow .col-md-6:last-child .formLink:last-child:before {
    background: repeating-linear-gradient(91deg, #2517F8, #E69AC7) !important;
    color: #fff;
    border: none;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    opacity: 1;
    content: '';
}

.bannerSection .gradient-btn {
    margin: 0px;
}

.Linkbutton {
    position: relative;
    text-decoration: none;
    padding: 17px 17px 10px;
    font-weight: bold;
    transition: all .5s;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    height: 52px;
    z-index: 1;
    font-weight: 500;
    background: linear-gradient(90deg, #2517F8, #E69AC7) border-box;
}

.Linkbutton:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    opacity: 0;
    height: 100%;
    z-index: -1;
    border-radius: 16px;
    background: linear-gradient(90deg, #2517F8, #E69AC7) border-box;
    transition: all .2s;
    color: #fff;

}

.Linkbutton:hover {
    -webkit-background-clip: none !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 1);
}

.Linkbutton:hover::after {
    color: #fff;
    opacity: 1;

}

.Linkbutton::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    border: 2px solid transparent;
    background: linear-gradient(90deg, #2517F8, #E69AC7) border-box;
    -webkit-mask:
        /*4*/
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
    z-index: -1;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 100%;
    border-radius: 16px;

}

.scrolling-container {
    width: 200%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.scrolling-content {
    white-space: nowrap;
    display: inline-block;
    font-size: 24px;
}

.actionbtnLink:active {
    top: 2px;
}


.actionbtnLink {
    background: repeating-linear-gradient(91deg, #2517F8, #E69AC7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}

/*======================================================================
====================== Header css
======================================================================*/
header {
    background: #ffffff00;
    position: relative;
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
}

header .container .navbar>.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
}

header nav {
    padding: 26px 0px 25px !important;
    width: 100%;
}

header .navbar-brand {
    position: relative;
    z-index: 3;
    line-height: 60px;
    padding: 0;
    margin-right: auto !important;
}

header .logo {
    width: 211px;
    object-fit: contain;
}

.navbar-expand-lg .navbar-nav {
    align-items: center;
    justify-content: end;
    width: 100%;
    margin-left: auto;
}

div#navbarNavDropdown {
    justify-content: end;
}

header .navbar-expand-lg .navbar-collapse {
    transform: translateY(-12px);
    width: 100%;
}

header nav ul li .nav-link {
    color: #000 !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    padding: 0px;
    /* line-height: 64px; */
}

header .navbar {
    position: relative;
}

header .navbar .dropdown {
    position: unset;
}

header nav ul li {
    margin: 5px 50px 0px 0px !important;
}

header nav ul li:nth-child(4) {
    margin: 5px 67px 0px 0px !important;
}

.navbar-light .navbar-toggler {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

input#phone:focus #phone_span {
    top: 10px !important;
}

header .navbar-nav .nav-link {
    position: relative;
}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown {
    display: inline-flex;
    align-items: center;
    /* z-index: 3 !important; */
}

.dropdown-toggle img,
.dropdown-toggle svg {
    width: 16px;
    object-fit: contain;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%, 0px);
    filter: none;
    display: none;
}

.dropdown>.dropdown-menu {
    display: none !important;
}

.dropdown.show>.dropdown-menu {
    display: block !important;
}

#mobile_menu.menu-open {
    position: fixed;
}

#mobile_menu .menu-toggle .mobile-menu-toggle-icon {
    -js-display: inline-flex;
    display: inline-flex;
    align-self: center;
}

#mobile_menu .header-svg-icon svg {
    width: 24px;
    height: 24px;
    transition: none;
    fill: #000000;
}

#mobile_menu .menu-toggle .close-svg {
    display: none;
    width: 18px;
    height: 18px;
}

#mobile_menu .menu-toggle[aria-expanded="true"] .mobile-svg {
    display: none;
}

#mobile_menu .menu-toggle[aria-expanded="true"] .close-svg {
    display: block;
}

#mobile_menu .navbar-brand,
#mobile_menu .navbar-toggler {
    z-index: 99999;
}

#mobile_menu.menu-open .navbar-toggler {
    position: fixed;
    right: 42px;
}

#mobile_menu .navbar-collapse {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background: #F7F7F8;
    border-radius: 0px 0px 16px 16px;
    z-index: 9999;
}

#mobile_menu .navbar-collapse .navbar-nav {
    padding: 0;
    margin-bottom: 30px;
}

#mobile_menu .navbar-nav li {
    position: relative;
    padding: 10px 0 !important;
    margin: 0 !important;
}

#mobile_menu .navbar-nav li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #d9d9d9, transparent);
}

#mobile_menu .navbar-nav li.has-submenu:after {
    display: none;
}

#mobile_menu .navbar-nav li:last-child:after,
#mobile_menu .navbar-nav li.has-submenu.show:after {
    display: none;
}

#mobile_menu .navbar-nav li a {
    font-weight: 600;
    font-size: 15px;
}

#mobile_menu .navbar-nav li .dropdown-menu {
    border: none;
    padding-bottom: 0;
}

#mobile_menu .navbar-nav li.menu-item-child {
    text-align: right;
}

#mobile_menu .navbar-nav li.menu-item-child:after {
    background: linear-gradient(90deg, rgba(223, 223, 223, 0.5) 0%, rgba(223, 223, 223, 1) 100%);
}

#mobile_menu .navbar-nav li.menu-item-child a {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

#mobile_menu .navbar-nav li.menu-item-child a:hover {
    color: #2517F8;
}


@media (max-width: 991px) {
    #desktop_menu .navbar-brand {
        /*transform: initial;*/
        /*line-height: initial; */
    }

    #desktop_menu .logo {
        width: 169px;
        height: 19px;
    }

    #desktop_menu .navbar-collapse {
        /*transform: initial;*/
        width: 100%;
    }
}

.commonPaddingtop {
    padding: var(--commonPaddingTop) !important;
}



#desktop_menu .navbar-brand {
    transform: initial;
    display: flex;
    align-items: center;
    justify-content: center;
}
#desktop_menu .navbar-collapse {
    transform: initial;
}
#desktop_menu .navbar-collapse .navbar-nav {
    display: flex;
    align-items: center;
    /* gap: 10px; */
    margin-left: auto;
}
#desktop_menu .navbar-collapse .nav-item {
    position: relative;
    margin: 0px !important;
    display: initial;
    align-items: initial;
}
#desktop_menu .navbar-collapse .nav-item:nth-child(4) {
    margin: 0px 60px 0px 0px !important;
}
#desktop_menu .navbar-collapse .nav-item:last-child {
    margin: 0 !important;
}
#desktop_menu .navbar-collapse .nav-item .nav-link {
    position: relative;
    padding: 12px 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    /* background: #f1f0f8; */
    /* border: 1px solid #e3e1fe; */
}
#desktop_menu .dropdown-mega-menu svg {
    transition: transform 0.3s ease;
}

@media screen and (max-width: 1200px) {
    #desktop_menu .navbar-collapse .nav-item {
        padding: 0px 0px !important;
    }
    #desktop_menu .navbar-collapse .nav-item .nav-link {
        padding: 8px 10px;
        transition: all 0.3s ease;
    }
    #desktop_menu .navbar-collapse .nav-item:nth-child(4) {
        margin: 0px 30px 0px 0px !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    #desktop_menu .navbar-collapse .nav-item {
        margin: 0px !important;
    }
}

@media screen and (max-width: 992px) {
    #desktop_menu .navbar-collapse .nav-item {
        margin: 0px !important;
    }
    #desktop_menu .navbar-collapse .nav-item:nth-child(4) {
        margin: 0px 10px 0px 0px !important;
    }
}

/*--------headingSection_Css-----  */
.headingSection {
    padding: var(--commonSectionPadding);
}

.headingSection p.commonPara:last-child {
    margin-bottom: 0px;
}

/*-------marqueeSection--------*/
.marqueePara>span {
    margin: 0px 30px;
    background: var(--backgroundOn90);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    font-weight: var(--margqueF-W);
}

.saasSlider .marqueePara>span {
    font-size: 36px;
}

#homePage .marqueeSection {
    padding: 45px 0px 0px 0px;
}

p.marqueePara {
    margin: 0px;
}

/*-------reviewSection-------- */
.slick-dots {
    display: none !important;
}

.reviewSection {
    padding: var(--commonSectionPadding);
    overflow: hidden;
}

.reviewSection .mainSliderouter {
    /* margin-left: 180px; */
    clip-path: inset(-100vw -100vw -100vw 0);
}

.reviewSection .mainSliderouter .card {
    background: #ffffff00 !important;
    border: none;
    margin: 0px 10px;
    width: 460px;
}

.card .card-body {
    background: var(--cardGradient);
    padding: 40px;
    border: none;
    border-radius: 32px;
    position: relative;
    height: 100%;
}

.reviewSection .card .card-body {
    min-height: 400px;

}

.reviewSection .maincardsouter .row {
    justify-content: space-between !important;
}

.card .card-body p {
    margin: 0;
}

.card .reviewProfile img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 100%;
    /* border: 1px solid #fff;
box-shadow: 0px 0px 2px #FAFAFA; */
}

.quotationReview .textLine .commonPara:last-child {
    margin: 0px !important;
}

.reviewProfile {
    position: relative;
    left: 40px;
    width: max-content;
    z-index: 1;
    top: 60px;
}

.card .reviewName {
    font-size: var(--sixteenFont);
    color: #D2D2D2 !important;
    font-weight: var(--fontWeight400);
    margin: 0px 0px 10px 0px;
    line-height: 16px;
}

.mainSliderouter .card .card-body .reviewName,
.mainSliderouter .card .card-body .workPosition {
    color: var(--commonParacolor) !important;
}

.card .card-body .workPosition {
    font-size: var(--sixteenFont);
    color: #D2D2D2 !important;
    font-weight: var(--fontWeight700);
}

.pageMvpreviews .card .card-body .workPosition {
    font-weight: var(--fontWeight500);
    line-height: 16px;
    margin: 4px 0px 0px 0px;
}

.slick-list .card .card-body .reviewimgOuter img {
    margin: 17px 0px;
}

.card .card-body .reviewimgOuter img {
    width: 140px;
    object-fit: contain;
    margin: 10px 0px 30px;
}

section#solutionMvp .greyRow {
    justify-content: space-between;
}

section#solutionMvp .imageOuter {
    width: 100%;
}

section#solutionMvp .greyRow .col-md-6 {
    width: 560px;
}

.reviewSection .slick-slider .slick-list {
    overflow: visible;
    overflow-y: visible !important;
}

.profileR {
    margin: 32px 0px 0px 0px;
}

.card .card-body .commonPara {
    width: 100%;
}

.slick-list {
    padding: 0 30% 0 0 !important;
}

/*------trustSection--------*/
span.trustIcon {
    display: inline-flex;
    flex-direction: column;
    text-align: end;
    margin-left: 30px;
}

.trustSection {
    margin-top: 40px;
}

.trustLinks {
    display: flex;
    align-items: self-start;
}

.trustIcon img {
    width: 211.226px;
    object-fit: contain;
}

.trustLinks .trustIcon:nth-child(3) img {
    width: 123px;
}

.trustIcon a {
    color: var(--mainBlue);
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
}

.trustHeading {
    color: var(--mainHeadingcolor);
    font-size: 20px;
    font-weight: var(--fontWeight700);
    line-height: var(--lineHeight28);
}

/*-----------borderBox--------- */
.headingBorderbox {
    font-size: var(--fontsize32);
    color: var(--mainHeadingcolor);
    line-height: var(--lineHeight40);
    font-weight: var(--fontWeight700);
    text-align: center;
}

.borderColumn {
    height: 100% !important;
    position: relative;
    text-align: center;
    width: 100%;
    margin: auto;
}

.borderColumn::before {
    border-radius: 32px;
    position: absolute;
    content: '';
    height: 100%;
    left: 0px;
    top: 0px;
    width: 100%;
    border: 1.4px solid transparent;
    background: linear-gradient(90deg, #2517F8, #E69AC7) border-box;
    -webkit-mask:
        /*4*/
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
    /*z-index: -1;*/
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.borderTextouter {
    padding: var(--commonSectionPadding);
}

.borderBox {
    padding: var(--commonSectionPadding);
    margin: var(--marginBottom);
}

.borderColumn .borderTextouter {
    padding: 50px 0px 20px 0px;
}

/*-----------solutionSection--------- */
#homePagesolution .row>.col-md-6 {
    padding: 0px;
    width: 580px;
}

#homePagesolution .row>.col-md-12 {
    padding: 0px;
}

#homePagesolution>.container div.greyRow {
    justify-content: space-between;
}

.solutionSection {
    padding: var(--commonSectionPadding);
    border-radius: 32px 32px 0 0;
    position: relative;
    background: var(--whiteBg);
}

.solutionSection::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: var(--linearGrey);
    width: 100%;
    height: 81%;
    right: 0;
    border-radius: 32px 32px 0 0;
}

.solutionSection .paraHeading {
    color: var(--whiteText);
}

.greyRow {
    padding: 30px 0px 0px 0px;
}

.greyRow .commonParaOuter p {
    width: 100%;
}

.greyRow .commonParaOuter p:last-child {
    margin-bottom: 0px;
}

#pageSaas .greyRow .commonParaOuter {
    margin-bottom: 60px;
}

.greyDiscription {
    color: var(--whiteText);
    margin: var(--marginBottom);
    font-size: var(--fontsize24);
    font-weight: var(--fontWeight700);
    line-height: var(--lineHeight28);
}

.greyP {
    color: var(--greyPara);
    margin: 0px 0px 24px 0px;
    font-size: var(--fontsize16);
    font-weight: var(--fontWeight400);
    line-height: var(--lineHeight24);
}

p.greyP.mb-custom-xl {
    margin-bottom: 30px;
}

.greyP strong {
    font-weight: var(--fontWeight700);
}

.quotationReview {
    width: 100%;
}

.quotationReview .card-body {
    min-height: unset;
    background: var(--linearGrey);
    border: 1px solid;
    border-color: var(--greyBorder);
    border-radius: 16px;
    padding: 60px 108px;
    position: relative;
}

.row.customreviewRow .card {
    background: transparent;
    border: none;
}

.customreviewRow .col-md-12 {
    padding: 0px;
}

.quotationReview .reviewProfile {
    left: 120px;
}

#customReview .card-body {
    padding: 60px 120px;
}

#saasPagesolutionsection2 #customReview .card-body {
    padding: 0px;
}

.quotationReview p {
    color: var(--greyPara) !important;
}

.quotationReview .commonPara {
    font-weight: var(--fontWeight400);
}

.imageOuter img {
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.quotationReview .profileR {
    margin: 20px 0px;
}

.textLine .commonPara:first-child {
    margin: 0px 0px 25px 0px !important;
}

.textLine .commonPara {
    width: 100% !important;
}

.quotationImg {
    position: absolute;
    right: 109px;
    top: -27px;
}

.quotationImg img {
    width: 50px;
    object-fit: contain;
}

.solutionSection .container {
    position: relative;
}

.customBorder {
    position: relative;
    padding: 0px 0px 82px 0px;
    margin-bottom: 0px;
    border-radius: 0px 0px 32px 32px;
}

.customBorder::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    z-index: -1;
    background: var(--whiteBg);
    border-radius: 0px 0px 32px 32px;
}

/*---------cardSection---------- */
.maincardsouter .card {
    background: var(--cardGradient) !important;
    border-radius: 32px;
    padding: 30px !important;
    position: relative;
}

.maincardsouter .card .identityImage {
    width: 58px !important;
    height: 58px;
    object-fit: contain;
}

.dropdown:hover>.dropdown-menu .maincardsouter .card .identityImage,
.dropdown.show>.dropdown-menu .maincardsouter .card .identityImage {
    width: 60.27px;
    height: 58px;
    margin-bottom: 12px;
}

.maincardsouter .card .card-body {
    min-height: unset;
    position: unset;
    padding: 0px;
}

.maincardsouter .card {
    border: none;
    /* margin: 0px 12px 0px; */
}

.maincardsouter .col-lg-4 {
    flex: 0 0 auto;
    width: 32.1%;
    margin: 0px 0px 20px;
}

.maincardsouter .col-lg-4:nth-child(4),
.maincardsouter .col-lg-4:nth-child(5),
.maincardsouter .col-lg-4:nth-child(6) {
    margin-bottom: 0px;
}

.saasD {
    font-size: var(--fontsize24);
    font-weight: var(--fontWeight700);
    color: var(--mainHeadingcolor);
    min-height: 65px;
    line-height: var(--lineHeight28);
}

.pageQacardstwo .saasD {
    min-height: 100%;
}

.maincardsouter .card-body a {
    color: var(--mainBlue);
    font-size: var(--fontsize16);
    font-weight: var(--fontWeight400);
    text-decoration: none;
}

.maincardsouter .card-body a img {
    width: 100%;
    object-fit: contain;
}

.learnAction {
    display: inline-flex;
    justify-content: start;
    align-items: center;
    color: var(--mainBlue);
}

.learnAction:hover {
    font-weight: 600 !important;
    transition: 0.3s;
}

.learnAction:hover span {
    transform: translateX(4px);
    transition: 0.5s;
    font-weight: 600 !important;
}

.learnAction>span img {
    width: 16px !important;
}

.learnAction>span {
    font-weight: 300;
    font-size: 22px;
    /* height: 10px;
width: 10px; */
    line-height: 0px;
    margin: 2px 0px 0px 2.5px;
    text-align: center;
}

.learnAction:hover .learnBold {
    display: block;
}

.learnAction:hover .learnArrow {
    display: none;
}

.learnBold {
    display: none;
}

.maincardsouter .card a.learnAction {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.maincardsouter .row .card .card-body:first-child p:first-child {
    width: 75%;

}

.maincardsouter .row .card .card-body:nth-child(2) p:first-child {
    width: 100%;
}

.maincardsouter .row .card .card-body .profileR {
    margin: 0px 0px 0px 0px;
}

.maincardsouter .row .card .card-body p {
    width: 100%;
}

.maincardsouter .card-body .commonPara {
    margin: 10px 0px 0px;
    min-height: 100px;
}

.maincardsouter .card-body .commonPara.sm_height {
    min-height: 70px;

}

/*-------notreMission-------*/
.notreMission {
    background: var(--cardGradient);
    padding: var(--commonSectionPadding);
    border-radius: 32px;
}

.notreMission .mytechnicalCards>.row>.col-md-6 {
    width: 240px;
}

.notreMission .mytechnicalCards>.row>.col-md-6:nth-child(2) {
    width: 250px;
}

.visionOuter>div {
    padding: 0px;
}

.visionOuter>div:first-child {
    width: 360px;
}

.visionOuter>div:last-child {
    width: 250px;
}

.myImage img {
    width: 250px;
    object-fit: contain;
}

.mytechnicalCards .myImage {
    height: 100%;
}

.mytechnicalCards .myImage img {
    width: 100%;
    height: 100%;
}

.mytechnicalCards .commonPara {
    width: 100%;
    margin: 30px 0px 0px 0px;
    line-height: var(--lineHeight24);
}

.innerHeading {
    font-size: var(--fontsize24);
    font-weight: var(--fontWeight700);
    color: var(--mainHeadingcolor);
    line-height: var(--lineHeight28);
}

#notreFirstrow .mytechnicalCards {
    padding: 0px;
    height: 100%;
}

#notreFirstrow .maincommonC {
    padding: 30px;
}

.mytechnicalCards {
    padding: 30px;
    border-radius: 16px;
    background: var(--whiteBg);
    /* min-height: 355px; */
}

.rightBdesign {
    padding: var(--commonPaddingTop) !important;
}

#commonrightBrow {
    margin-bottom: 60px;
}

.mytechnicalCards .col-md-6:nth-child(2) {
    align-items: center;
    justify-content: center;
    display: flex;
}

.maincommonC {
    margin: 0px 0px 20px 0px;
    background: #fff;
    border-radius: 16px;
}

.notreMission .container #notreFirstrow {
    justify-content: space-between;
}

.notreMission .container #notreFirstrow>.col-md-6 {
    width: 580px;
    min-height: 270px;
}

.notreMission .container #notreFirstrow>.col-md-8 .col-md-6:first-child {
    width: 360px;
}

.notreMission .container #notreFirstrow>.col-md-8:last-child,
.notreMission .container #notreFirstrow>div.col-md-4:nth-child(5) {
    margin-bottom: 0px;
}

.notreMission .container #notreFirstrow>.mainImage {
    width: 250px;
    height: 100%;
}

.notreMission .container #notreFirstrow>.col-md-4 {
    width: 460px;
}

.notreMission .container #notreFirstrow>.col-md-8 {
    width: 700px;
    min-height: 270px;
}

.cardHeadingpara {
    font-size: var(--fontsize24);
    font-weight: var(--fontWeight700);
    color: var(--mainHeadingcolor);
    line-height: var(--lineHeight28);
    min-height: 65px;
}

.rightborderDiv .cardHeadingpara {
    margin: 0px 0px 20px 0px;
}

.rightbrow .col-md-4 {
    width: 340px;
}

.rightbrow {
    justify-content: space-between;
}

.rightborderDiv {
    padding: 0px 0px 0px 0px;
    position: relative;
    height: 100%;
}

.rightborderDiv .commonPara {
    width: 100%;
    margin: 0px auto 0px 0px !important;
}

.rightBdesign .rightbrow .col-md-4:last-child .rightborderDiv::before {
    background: none !important;
}


.rightborderDiv::before {
    border-radius: 2px;
    position: absolute;
    content: '';
    height: 100%;
    right: -40px;
    top: 0px;
    width: 1px;
    background: linear-gradient(182deg, #2517F8, #E69AC7) border-box;
    z-index: -1;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

/*--------formSection--------*/
.formSection {
    padding: var(--commonSectionPadding);
    background: var(--cardGradient);
    border-radius: 32px;

}

.formSection .common {
    color: var(--commonParacolor);
}

.formSection .container .common:nth-child(2) {
    margin: 0px 0px 70px 0px !important;
}

.mainlistItems {
    padding: 0px;
    list-style: none;
    margin-bottom: 0;
}

.formRow .mainlistItems {
    padding: 0px 0px 0px 30px;
    list-style: disc;
}

.pageMvpsolution2 .mainlistItems .commonPara {
    color: var(--greyPara);
}

#pageMVP .pageMvpsolution2 .greyP {
    font-weight: var(--fontWeight700);
}

.mainlistItems li,
.listH {
    margin: 0px;
}

#pageMyBU .mybuSolution::after {
    height: 42%;
}

#pageMyBU .mybuSolution::before {
    height: calc(100% - 42%) !important;
}

#pageMyBU #caseBefore .borderRow {
    margin-top: 60px;
}

.formRow {
    background: var(--whiteBg);
    border-radius: 16px;
    padding: 60px 30px;
    margin: 60px 0px 0px 0px;
    max-width: 1180px;
}

.formImage img {
    width: 100%;
    object-fit: contain;
    transform: translateY(-80px);
}

.cardHeadingpara {
    width: 85%;
}

/*-------footerSection---------*/
.mainBlue {
    color: var(--mainBlue);
    font-size: var(--fontsize24);
    font-weight: var(--fontWeight700);
}

.twoButtons {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 26px 0px 0px 0px;
}

.twoButtons img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin: 0px 10px 4px 0px;
}

.twoButtons button {
    height: 50px;
    border: 2px solid #4029F2;
    border-radius: 16px;
    color: #4029F2;
    padding: 0px 23px;
    background: transparent;
    width: 220px;
    margin-right: 20px;
    font-weight: 500;
}

.twoButtons .formLink:hover {
    border: 2px solid #4029F2;
    color: #fff;
    background: #2517F8;
    transition: 0.3;
}

.twoButtons .formLink:hover img {
    filter: hue-rotate(1deg) brightness(14.5) !important;
    ;
}

.twoButtons a {
    color: #4029F2;
    text-decoration: none;
    font-weight: 500;

}


.footerMain {
    padding: var(--commonSectionPadding);
    padding-bottom: 0;
    background: var(--darklinearGrey);
    border-radius: 0px 0px 32px 32px;

}

.footerMain .logo {
    width: 272px;
}

.footersecondContainer {
    position: relative;
    z-index: 1;
    top: 13px;
}

.footersecondContainer .contactCard {
    width: 340px !important;
}

.footersecondContainer>.row:first-child {
    justify-content: space-between !important;
}

.footersecondContainer::before {
    background: var(--linearGrey);
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 80%;
    z-index: -1;
    border-radius: 0px 0px 32px 32px;
}

.footersecondContainer .contactCard .socialLink .commonPara {
    color: #D2D2D2;
}

.contactCard .socialLink a.commonPara:hover {
    font-weight: 600;
    transition: 0.3s;
}

.contactCard .paraHeading {
    /* height: 55px; */
    font-size: var(--fontsize24);
    color: #F5F6FA;
    font-weight: var(--fontWeight700);
    margin-bottom: 30px;
}

.contactCard .socialLink .commonPara {
    margin: 0px 0px 0px 0px;
    color: #F5F6FA;
    font-weight: 400;
}

.contactCard .socialLink {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.contactCard .socialLink img {
    width: 16px;
    height: 16px;
    margin: 0px 8px 0px 0px;
}

.logoOuter {
    margin-bottom: 50px;
}

.footerLinks {
    padding: 0;
    list-style: none;
}

.footerLinks li a {
    text-decoration: none;
}

.footerfirstContainer .container>.row {
    justify-content: space-between !important;
}

.contactCard {
    margin-bottom: 35px;
    padding: 0px 0px 0px 0px;
    width: 340px;
}

.contactimage img {
    width: 60px;
    object-fit: cover;
}

.footersecondContainer .contactimage {
    position: absolute;
    z-index: 1;
    top: -30px;
    left: 30px;
}

.footersecondContainer .contactlinkIcon {
    position: relative;
    z-index: 1;
    background: #393939;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 20px 0px;
    text-align: center;
    width: 100%;
    border-radius: 0px 0px 16px 16px;
}

.footersecondContainer .contactlinkIcon a {
    justify-content: start;
    width: 100%;
    margin-left: 30px;
}

.borderText {
    border-top: 1px solid #fff;
    padding: 20px 0px 50px 0px;
    margin: 40px 0px 0px 0px;
    font-size: var(--fontsize16);
    font-weight: var(--fontWeight400);
    line-height: 24px;
}

.footersecondContainer .contactlinkIcon a {
    text-decoration: none;
    color: #fff;
}

.footersecondContainer .contactCard {
    padding: 60px 30px 30px 30px;
    background: var(--darklinearGrey);
    border-radius: 16px;
    margin-bottom: 0px;
    position: relative;
}

/* .footersecondContainer .col-md-4 {
flex: 0 0 32%;
} */
.row.lightGreyfooter {
    justify-content: space-between;
}

.row.lightGreyfooter .socialLink .commonPara {
    margin: 0px 0px 30px 0px;
    min-height: 144px;
    height: 100%;
    font-size: var(--fontsize14);
    font-weight: 400;
    line-height: 18px;
}

.allData .formImage {
    width: 420px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.allData {
    position: relative;
}

.leftContent .cardHeadingpara {
    width: 59%;
}

.formSection .cardHeadingpara {
    font-size: var(--fontsize24);
    line-height: var(--lineHeight28);
}

.formSection .allData:first-child {
    margin-bottom: 30px;
}

/* //////////////////////PAGESAAS?/////////////////////////////// */
#saasPagesolutionsection {
    margin-top: 0px;
}

.colorFont {
    font-size: var(--fontsize24);
    background: var(--backgroundOn90);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: var(--fontWeight700);
}

.developmentCards {
    padding: 0px;
}

.developmentText {
    font-size: var(--fontsize24);
    color: var(--mainHeadingcolor);
    font-weight: var(--fontWeight700);
    margin: 0px;
    padding: var(--commonPaddingBottom);
}

.saasCardheading {
    font-size: var(--fontsize18);
    font-weight: var(--fontWeight700);
    color: var(--mainHeadingcolor);
    line-height: 18px;
    height: 120px;
}

.developmentCards .col {
    margin: 0px 20px 0px 0px;
    height: 220px;
}

.developmentCards .col:last-child {
    margin: 0px 0px 0px 0px;
}

.saasSolution .headingOuter .paraHeading {
    width: 100%;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 60px !important;
}

.saasSolution .imageOuter img {
    height: 180px;
    object-fit: cover;
    border-radius: 16px;
}

.saasSolution .greyDiscription {
    margin: var(--marginBottom20);
    width: 89%;
}

.saasSolution .greyP {
    width: 87%;
}

.saasReviews .videoProfilepic {
    margin-left: 124px;
}

.saasBorderbox .borderColumn h1,
.saasBorderbox .borderColumn h1 span {
    width: 99% !important;
}

.saasBorderbox .borderColumn h1:first-child {
    margin-bottom: 10px;
}

.borderBox .col-md-12 {
    /* padding: 0px; */
}

.saasBorderbox {
    padding: var(--commonSectionPadding);
}

.saasHeadingSection .paraHeading {
    margin: 0px;
}

.saasHeadingSection .colorFont {
    margin: 30px 0px 30px;
}

.padding82 {
    padding: 0px 0px 82px 0px !important;
}

.font14 {
    font-size: var(--fontsize14);
    line-height: var(--lineHeight20);
    font-weight: var(--fontWeight400);
}

/*-----.saasReviews---------*/
.saasReviews {
    /* padding: 0px; */
    padding: var(--commonPaddingTop);
}

.pageMvpreviews,
.saasReviews {
    /* background: var(--cardGradient); */
    border-radius: 32px;
    margin: var(--commonmarginbottom60);
}

#pageMvp .NotriProcess .writtenData p.trustHeading {
    margin: var(--marginBottom30) !important;
}

.saasReviews .mainSliderouter .card {
    width: 100%;
    margin: 0px;
}

.saasReviews .messageReview {
    padding-right: 70px;
    padding-left: 0px;
}

.saasReviews .reviewContent>div {
    padding: 0px;
}

.reviewContent .row .col-md-6:first-child {
    width: 480px;
}

.reviewContent .row .col-md-6:nth-child(2) {
    width: 700px;
}

div#purpleReview .row .col-md-6 {
    width: 440px;
}

div#purpleReview .row .col-md-6:nth-child(2) {
    width: 666px;
    height: 375px;
}

.saasReviews .card-body a {
    color: var(--mainBlue);
    font-size: var(--fontsize16);
    font-weight: var(--fontWeight400);
    text-decoration: none;
    margin: 24px 0px 0px 0px;
    line-height: var(--lineHeight24);
}

.mainBlueBtn {
    margin: 40px 0px 0px 0px;
}

/* #purpleReview{
width: 1200px;
} */
.mainBlueBtn .formLink {
    height: 45px;
    border: 1.2px solid #2517F8;
    border-radius: 16px;
    color: #2517F8;
    padding: 0px 23px;
    background: transparent;
    width: 100%;
}

#saasPagesolutionsection2 .mainBlueBtn .formLink {
    width: 460px;
}

.mainBlueBtn .formLink {
    font-size: 16px;
    line-height: var(--lineHeight20);
    font-weight: var(--fontWeight700);
}

.saasvideoOuter video {
    width: 100%;
    height: 100%;
}

.saasvideoOuter {
    position: relative;
    height: 394px;
    transform: translateY(-100px);
}

.messageReview .mainBlueBtn {
    margin: 60px 0px 0px 0px;
}

.saasvideoOuter::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: #383838;
    width: 100%;
    height: 100%;
    right: 0;
    opacity: 1;
}

.videoplayIcon:hover {
    cursor: pointer;
}

.videoplayIcon {
    width: 80px;
    object-fit: contain;
    position: absolute;
    z-index: 2;
    left: 44%;
    transform: translateY(-50%);
    top: 50%;
}

/*-----------NotriProcess----------  */
.NotriProcess {
    padding: var(--commonSectionPadding);
    background: var(--cardGradient);
    border-radius: 32px;
}

.NotriProcess .writtenData .processPara strong {
    background: repeating-linear-gradient(91deg, #2517F8, #E69AC7);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.leftimage img {
    width: 80px;
    object-fit: contain;
}

.allContentmain {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--commonPaddingBottom);
}

.saasuiFlex .card .profileR {
    margin: 0px !important;
}

.saasuiFlex .card .saasD {
    margin-bottom: 16px;
}

.NotriProcess .writtenData {
    margin: 0px 0px 0px 30px;
}

.writtenData .processPara {
    margin: 0px 0px 0px 0px;
    width: 99%;
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    color: var(--commonParacolor);

}

.writtenData p strong {
    color: var(--mainBlue);
}

.customProcess {
    position: relative;
    z-index: 1;
    margin: 30px 0px 0px 0px;
}

.customProcess .allContentmain:last-child {
    padding-bottom: 0px;
}

.customProcess::after {
    background: repeating-linear-gradient(90deg, #2517F8, #E69AC7);
    background: linear-gradient(90deg, #2517F8 0%, #E69AC7 100%);
    background: linear-gradient(182deg, #2517F8, #E69AC7) border-box;
    position: absolute;
    content: '';
    width: 2px;
    height: 90%;
    top: 20px;
    left: 38px;
    z-index: -1;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='761' viewBox='0 0 2 761' fill='none'%3E%3Cpath d='M1 0L1.00003 761' stroke='url(%23paint0_linear_2289_10972)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2289_10972' x1='0.5' y1='5.69175e-06' x2='0.494993' y2='761' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232517F8'/%3E%3Cstop offset='1' stop-color='%23E69AC7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); */
}

.Borderboxnonebackground::before {
    background: none;
}

.saasCards .maincardsouter .col-lg-4 {
    width: 48%;
    margin: 0px 12px 24px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.saasCards .maincardsouter .col-lg-4 .saasD {
    min-height: 38px;
}

.saasCards {
    padding: unset;
    padding-bottom: 60px;
}

.friendlyImage {
    width: max-content;
}

.saasCards .mainlistItems {
    list-style: none;
    padding: 0;
}

.saasCards .mainlistItems .commonPara {
    margin: 0px;
    min-height: 100%;
}

.Uiuxflexcards .mycustomCommonrow .card {
    display: grid;
    grid-template-areas: 'header menu ';
    grid-gap: 30px;
    grid-template-columns: 60px auto;
}

.Uiuxflexcards .mycustomCommonrow .card:nth-child(5) {
    margin-bottom: 0px;
}

.Uiuxflexcards .mycustomCommonrow .card:last-child {
    margin-bottom: 0px;
}

.Uiuxflexcards .profileR {
    margin-top: 0px;
}

.Uiuxflexcards .mycustomCommonrow .card .commonPara {
    width: 100%;
}

.Uiuxflexcards .mycustomCommonrow .card .saasD {
    min-height: 30px;
}

.item1 {
    grid-area: header;
}

.item2 {
    grid-area: menu;
}

.mycustomCommonrow {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0px;
}

.saasCards .col-md-6 {
    width: 49.1%;
    margin: 0px 0px 24px;
}

.timeManage {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin: 30px 0px;

}

.resultNumbers p.rNumberdiscription {
    margin: 10px 0px 0px 0px;
}

.resultNumbers .rNumberouter {
    width: 27%;
}

.resultNumbers .timeManage {
    margin: 20px 0px 0px !important;
}

.timeManage .timeLink {
    background: var(--commonParacolor);
    font-size: var(--fontsize14);
    line-height: 20px;
    color: #fff;
    font-weight: var(--fontWeight400);
    /* padding: 8px 26px; */
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 30px;
    margin-right: 20px;
}

.timeManage .timeLink:last-child {
    margin-right: 0px;
}

.saasResults .greyDiscription {
    background: var(--greenGradient) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: var(--fontWeight700);
    margin: 0px;
}

#saasPagesolutionsection .greyRow {
    padding: 0px;
    width: 100%;
    margin: auto;
    justify-content: space-between;
}

#saasPagesolutionsection .greyRow>div {
    padding: 0px !important;
    width: 560px;

}

#pageQacontrols .container div.row>div.col-md-6 {
    padding: 0px !important;
    width: 47.1% !important;
    margin-bottom: 40px;

}

#pageQa .pageQaSolution .container div.row>div.col-md-6 {
    padding: 0px !important;
    width: 560px !important;
    margin-bottom: 40px;

}

#pageUiux .uiUxpagesolution .row>.col-md-6 {
    width: 560px;
}

#pageUiux .uiUxpagesolution .imageOuter {
    width: 100%;
}

#pageUiux .uiUxpagesolution .row {
    justify-content: space-between;
}

#pageQacontrols .quotationReview .card-body {
    padding: 60px 120px;
}

#pageQacontrols .container div.row>div.col-md-6 .greyP {
    margin-bottom: 0px;
}

div#reductionflexCards .row .card.col-md-5 {
    max-width: 460px;
}

div#reductionflexCards .row .card.col-md-8 {
    max-width: 700px;
}

div#reductionflexCards .row {
    justify-content: space-between;
}

#saasPagesolutionsection .greyRow>div:last-child {
    width: 100%;
}

div#reductionflexCards {
    background: transparent;
    padding: 0px;
}

#saasPagesolutionsection .imageOuter {
    width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.rNumber {
    font-size: var(--fontsize52);
    font-weight: var(--fontWeight800);
    color: #fff;
    margin: 0px;
}

.rNumberouter:nth-child(2) {
    margin-left: 20px;
}

p.rNumberdiscription {
    width: 93%;
    font-weight: var(--fontWeight800);
    font-size: var(--fontsize16);
    color: #fff;

}

.resultNumbers {
    padding: 30px 0px 60px;
    position: relative;
    z-index: 1;
    margin: 60px 0px 0px 0px;
}

.resultNumbers::after {
    background: var(--linearGrey);
    position: absolute;
    content: '';
    left: -60px;
    top: 0;
    width: 720px;
    height: 100%;
    z-index: -1;

}

.saasResults::before {
    height: 100%;
}

.saasResults .quotationReview .card-body {
    padding: 0px;
    border: none;
    background: none;
}

.saasResults .quotationReview .reviewProfile {
    left: 0px;
}

.saasResults .reviewProfile {
    top: -38px;
    height: 40px;
}

.saasResults .imageOuter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 32px 0px 0px 32px;
}

.saasResults .imageOuter {
    height: 100%;
    width: 100%;
}

.tabsNav>div {
    position: relative;
}

div#nav-tabContent {
    padding: 30px 0px;
    display: flex;
    justify-content: center;
}


.tabsNav .nav-tabs .nav-link.active {
    background: none;
    border: none;
    color: var(--mainBlue);
    font-weight: var(--fontWeight700);
    /* border-bottom: 3px solid #2517F8 !important; */
    position: relative;
    z-index: 1;
}

.tabsNav .nav-tabs .nav-link.active::after {
    position: absolute;
    content: '';
    height: 3px;
    width: 100%;
    z-index: 1;
    left: 0;
    transition: all .4s linear;
    bottom: 1px;
    background: #2517F8;
}

.tabsNav .nav-tabs .nav-link::after {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #515671;
    content: '';
    z-index: -1;
}

.tabsNav>div {
    justify-content: space-around;
}

.tabsNav>div button.nav-link {
    color: #515671;
    font-size: var(--fontsize16);
    font-weight: var(--fontWeight400);
    /* border-bottom: 3px solid #515671; */
    width: 196.8px;
    padding-bottom: 30px;
    background: none;
    border: none;
}
.dev-tools-nav button.nav-link {
    cursor: initial;
}

.tabsNav .nav-tabs {
    border: none;

}

.tabsSection .show {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* padding: 30px 0px; */
    flex-wrap: wrap;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: none !important;
}

.nav-tabs .nav-link:focus-visible {
    outline: none !important;
    border: none !important;
}

.tabsSection {
    padding: var(--commonSectionPadding);
}

.tabsSection .tabsNav .slick-list {
    padding: 0 0 0 0 !important;
}

.tabsSection .tabsNav .slick-next {
    right: 25px !important;
    left: unset !important;
}

.tabsSection .tabsNav .slick-prev,
.tabsSection .tabsNav .slick-next {
    opacity: 0;
}
.tabsSection .tabsNav .slick-prev,
.dev-tools-nav .tabsNav .slick-next {
    cursor: initial;
}

.tabsSection .tabsNav .slick-prev {
    left: -5px;
    right: unset;
}

.row {
    width: 100%;
    margin: auto;
}

.mytechnicalCards>.row {
    width: 100%;
    margin: auto;
    height: 100%;
    justify-content: space-between;
}

.mytechnicalCards>.row>.col-md-6 {
    width: 49.5%;
    padding: 0px;
}

.tabsSection .tab-pane img {
    width: 64px !important;
    height: 64px !important;
    object-fit: cover;
    margin: 0px 12px;
}

.saasSlider .slick-next {
    right: 0px !important;
    margin-right: unset;
    margin-left: auto;
    top: -60px !important;
}

.saasSlider .marqueePara>span {
    margin: 0px;
}

.saasSlider .slick-prev {
    right: 50px !important;
    margin-right: unset;
    margin-left: auto;
    top: -60px !important;
}

.saasSlider .marqueOuter {
    width: max-content;
    margin-left: 124px;
    margin: 0px;
}

.saasTrust {
    padding: var(--commonPaddingBottom);
}

.saasResults {
    background: none;
}

.saasResults .container:first-child {
    background: var(--linearGrey);
    padding: 60px 0px 60px 60px;
    border-radius: 32px;
}

.saasResults::before {
    position: unset !important;
}

/* .saasResults .headingOuter{
margin-left: 124px;
} */
.saasResults .col-md-8 {
    padding-right: 110px;
}

.saasResults .container:nth-child(2) .col-md-4 {
    padding-right: 0px;
}

.saasResults .container:nth-child(2) {
    padding-right: 0px;
}

/*//////////////pageQAcards//////////////////*/
.pageQacards .maincardsouter .row:first-child {
    justify-content: space-between;
}

.pageQacards .maincardsouter .row .card {
    width: 49.2%;
    margin: 0px 0px 20px 0px;
}

.pageQacards .maincardsouter .row .card .card-body p.saasD {
    width: 100%;
}

.pageQacards .maincardsouter .row .card .card-body p.commonPara {
    width: 100%;
}

.pageQaborderbox {
    padding: 0px;
}

.pageQaSolution .col-md-12 .imageOuter img {
    height: 260px;
    object-fit: cover;
    width: 100%;
}

.pageQaSolution .col-md-12 .imageOuter {
    width: 100%;
}

.pageQacardsthree .mycustomCommonrow {
    justify-content: space-between;
}

.pageQacardsthree .mycustomCommonrow .card {
    margin: 0px 0px 24px 0px;
}

.pageQacardsthree .mycustomCommonrow .col-md-8 {
    flex: 0 0 auto;
    width: 65%;
}

/*//////////////pageMvp////////////////*/
.pageMvpcards .maincardsouter .row {
    width: 100%;
    justify-content: space-between;
    margin: 0px;
}

.pageMvpcards .maincardsouter .card {
    padding: 33px !important;
}

.pageMvpcards .maincardsouter .row .col-md-4 {
    width: 32.1%;
    margin: 0px 0px 24px 0px;
}

.pageMvpcards .saasCardheading {
    height: 40px;
}

.pageMvpcards {
    padding: var(--commonPaddingBottom);
}

.pageMvpdevelopmentcards {
    padding: var(--commonPaddingBottom);
}

.pageMvpsolution2::before {
    height: 100%;
}

.pageMvpheadingSection {
    padding: var(--commonPaddingTop);
}

.pageMvpcards2 .saasD {
    min-height: 40px;
}

.pageMvpcards2 .maincardsouter .row {
    justify-content: space-between;
}

.pageMvpcards2 .maincardsouter .row .col-md-6 {
    width: 49.1%;
    margin: 0px 0px 20px 0px;
}

.pageMvpresults {
    margin: var(--margincommonTop);
}

/*///////////////ProggressiveWebPage/////////////////////  */
.rapideList li {
    font-size: var(--fontsize24);
    color: var(--commonParacolor);
    font-weight: var(--fontWeight700);
    line-height: var(--lineHeight28);
}

.rapideList {
    padding: 0;
    list-style: none;
}

.proggressAdvantages {
    padding: var(--commonSectionPadding);
}

.proggressAdvantages .row {
    justify-content: space-between;
}

.proggresiveWebexpressCards {
    padding-bottom: 40px;
}

.proggresiveWebexpressCards .saasD {
    min-height: 50px;
}

.proggresiveWebexpressCards .maincardsouter .card-body ul.mainlistItems li {
    margin: 0px;
    min-height: unset;
}

.proggresiveWebsolution::before {
    height: 100%;
}

.uiUxpagesolution {
    margin: var(--margincommonTop);
}

.uiUxprocess {
    margin: var(--margincommonTop);
    border-radius: 32px 32px 0px 0px;
}

.uiUxsecondcards .row {
    width: 100%;
    justify-content: space-between;
}

.uiUxsecondcards .row>.col-md-6 {
    width: 49.1%;
    margin: 0px px 0px 24px;
}

.uiUxsecondcards .row>.col-md-6 .saasD {
    min-height: 40px;
}

@media (min-width: 992px) {
    .proggressAdvantages .row>.col-md-6 {
        width: 450px;
    }
}
@media (min-width: 1200px) {
    .proggressAdvantages .row>.col-md-6 {
        width: 540px;
    }
}
@media (min-width: 1299px) {
    .proggressAdvantages .row>.col-md-6 {
        width: 560px;
    }
}
/*///////////////////////consultingPage////////////////////////  */
p.financeText {
    font-size: 16px;
    margin: 0px;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 5px;
}

.consultingPagesolution {
    padding: var(--commonPaddingTop);
    margin: var(--margincommonTop);
}

.consultingPagesolution .row>.col-md-6 {
    width: 560px;
}

.consultingPagesolution .row {
    justify-content: space-between;
}

.consultingBorderbox {
    padding: var(--commonSectionPadding);
}

.consultingPagesolution::before {
    height: 92%;
}

.consultingPagesolution2::before {
    height: 100%;
    border-radius: 32px;
}

.consultingPagesolution2 .greyDiscription {
    margin: 0px;
    line-height: 28px;
}

#graceColumn {
    margin: 0px 0px 60px 0px;
}

/*///////////////////////Opencasepage/////////////////////  */
.Opencasebanner .bannerPara {
    width: 100%;
}

div#patchImageouter {
    width: 560px;
}

.casestudySolution .resultNumbers::after {
    background: none;
}

.casestudySolution {
    margin: var(--margincommonTop);
}

#purpleGradient {
    background: var(--purpleGradient);
    padding: 0px 30px 30px;
    border-radius: 16px;
    width: 560px;
    height: 390px;
}

#purpleGradient .profileR {
    margin: 30px 0px;
}

#whiteDiscription,
.casestudySolution .commonParaOuter .greyDiscription {
    background: none !important;
    background-clip: none !important;
    -webkit-background-clip: none !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: var(--fontWeight700);
}

.bottomBackground {
    position: relative;
    z-index: 1;
}

#caseBefore::before {
    height: calc(100% - 78%)
}

.casestudySolution::after {
    position: absolute;
    background: var(--linearGrey);
    height: 78%;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    z-index: -1;
}

.numberTwosection {
    position: relative;
}

.numberTwosection .mainlistItems li {
    font-weight: 300;
}

.numberTwosection {
    padding-top: 40px;
}

.numberTwosection::after {
    position: absolute;
    background: var(--linearGrey);
    height: 100% !important;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    z-index: -1;
}

.mybuSolution {
    position: relative;
}

.mybuSolution::before {
    height: calc(100% - 67%) !important;
}

.mybuSolution::after {
    position: absolute;
    background: var(--linearGrey);
    height: 67%;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    z-index: -1;
}

.casestudySolution .commonParaOuter .greyDiscription {
    margin: 30px 0px;
    font-size: var(--fontsize20);
}

.voici {
    margin: 30px 0px 0px 0px;
    font-size: var(--fontsize24);
    font-weight: var(--fontWeight700);
}

.casestudySolution {
    position: relative;
    z-index: 2;
    background: none !important;
}

.casestudySolution .container:first-child {
    background: none !important;
}

.applicationRow .commonParaOuter img {
    width: 90%;
    height: 100%;
}

.applicationRow .commonParaOuter {
    height: auto;
}

.casestudySolution .purpleGradient {
    position: absolute;
    right: 0;
    top: 0;
}

.thirdPartSection {
    position: relative;
    background: var(--linearGrey);
    padding: var(--commonPaddingBottom);
    border-radius: 0px 0px 32px 32px;
    margin-bottom: 60px;
}

.casestudySolution .container:first-child::before {
    height: 60%;
    background: var(--linearGrey);
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 32px 32px 0px 0px;
}

.casestudySolution {
    position: relative;
}

.casestudySolution::before {
    height: 100%;
    background: var(--linearGrey);
    z-index: -1;
    position: absolute !important;
    content: '';
    width: 100%;
    top: 0;
    left: 0;
}

.casestudySolution .greyMore {
    position: relative;
}

.purpleGradient,
.purpleGradient img {
    width: 100%;
}

.challengeHeading {
    font-size: var(--fontsize32);
    color: var(--whiteText);
    font-weight: var(--fontWeight700);
    margin: 0px;
    position: relative;
    margin-bottom: 20px;
}

.challengeOuter {
    margin: var(--margincommonTop);
}

.challengeHeading span:nth-child(2) {
    position: relative;
    left: 0px;
}

span.headingNumber {
    font-size: 64px;
    color: var(--greyColorpara);
}

span.headingNumber {
    left: -50px;
    top: -25px;
    position: absolute;
}

.greyMore2 .headingNumber {
    top: -25px;
    left: -50px;
    position: absolute;
}

#purpleReview2 #purpleReview .saasvideoOuter {
    position: relative;
    height: 375px;
    transform: translateY(-90px);
    border-radius: 8px;
}

#purpleReview2 #purpleReview .saasvideoOuter::after {
    border-radius: 8px;
}

.certificationSection .col-md-3:nth-child(5) {
    margin: 0px;
    width: 230px;
}

.mybuRow {
    justify-content: space-between;
}

.mybuRow .col-md-12:first-child {
    margin-bottom: 20px;
}

.casestudySolution .timeManage {
    border-bottom: 1px solid #606060;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.reactOuter ul {
    padding: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.applicationRow>.col-md-6 {
    width: 560px;
}

.applicationRow {
    justify-content: space-between;
}

.borderRow {
    border-top: 1px solid #606060;
    border-bottom: 1px solid #606060;
    padding: 30px 0px;
    margin: 20px 0px 0px 0px;
}

.casestudySolution .borderRow {
    justify-content: flex-start;
}

.casestudySolution .borderRow>.col-sm-3 {
    width: 219px;
    margin: 0px 20px 0px 0px;
}

.casestudySolution .borderRow>.col-sm-3 ul {
    margin-bottom: 0px;
}

.reactOuter ul li {
    font-weight: var(--fontWeight700);
    background: var(--greenGradient) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: var(--fontsize16);
    margin: 0px;
}

.reactOuter ul li:first-child {
    font-weight: var(--fontWeight400);
}

.hoverButtons {
    padding: 30px 0px;
    border: 1px solid #606060;
    border-right: none;
    border-left: none;
    margin: 30px 0px 0px 0px;
}

.hoverButtons .voici {
    margin: 0px 0px 30px 0px;
}

.hoverActions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

ul.hoverActions li:first-child {
    margin: 0px 10px 0px 0px;
}

.hoverActions li {
    padding: 8px 14px;
    background: var(--linearGrey);
    font-size: var(--fontsize14);
    font-weight: var(--fontWeight600);
    color: #fff;
    border-radius: 8px;
    margin: 0px 10px;
}

.hoverActions li:hover {
    color: var(--mainHeadingcolor);
    background: var(--greenGradient);
}

.greyMore2 {
    position: relative;
}

.greyMore2::after {
    height: 100%;
    background: var(--linearGrey);
    z-index: -1;
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    top: 0;
}

.thirdPartSection .purpleGradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
}

.row.applicationRow {
    position: relative;
    z-index: 1;
}

.greyMore2 .headingNumber {
    color: #6D5CE8
}

.accordion-button:not(.collapsed) {
    background-color: #e7f1ff00;
    color: #6D5CE8;
    box-shadow: none;
}

.accordion-button {
    font-size: var(--fontsize20);
    font-weight: var(--fontWeight700);
    color: var(--greyPara);
    background: transparent !important;
    padding: 0px 0px 30px 28px;
}

.accordion-item {
    background-color: transparent !important;
    border: none !important;
}

.purpleVideo {
    max-height: 440px;
}

.purpleVideo .card-body {
    padding: 0px;
}

.purpleVideo .reviewContent .container {
    margin-top: 15px !important;
}

.applicationRow .accordion-flush .accordion-item {
    border: 4px solid #fff !important;
}

.accordion-flush .accordion-item {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 4px solid #6f6f6f !important;
    border-radius: 0 !important;
}

.accordion-flush .activeAccordion {
    border-left: 4px solid #6D5CE8 !important;
}

.accordion-flush .accordion-body {
    color: var(--greyPara);
    padding: 0px 0px 17px 22px;
}

#accordionFlushExample .accordion-body {
    padding: 0px 0px 1px 28px;
    width: 560px;
    margin-bottom: 0px;
}

.accordion-button:focus {
    border-color: none;
    box-shadow: none;
}

.accordion-button::after {
    background-image: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
}

div#accordionFlushExample {
    position: relative;
    transform: translateX(-30px);
}

div#accordionFlushExample .accordion-button {
    width: 560px;
}

div#accordionFlushExample .accordion-button::after {
    display: none;
}

.accordionImage {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.accordionImage img {
    height: 100%;
}

.accordion-body .commonPara {
    color: var(--greyPara);
}

#purpleReview {
    background: var(--purpleGradient);
    border-radius: 16px;
    padding: 34px 30px 30px 30px;
}

#purpleReview .reviewContent .container>.row {
    justify-content: space-between;
}

#purpleReview .card-body {
    background: none;
    /* padding: 0px 40px 40px 40px; */
}

#purpleReview .reviewContent .container::before {
    background: none;
}

#purpleReview .reviewContent .container {
    padding: 0px;
    margin: 40px 0px 0px 0px;
}

#purpleReview .container:first-child::after {
    background: none;
}

#purpleReview .saasvideoOuter {
    position: relative;
    height: 216px;
}

#purpleReview p {
    color: #fff;
}

.accordion-collapse .collapse .show {
    border: 10px solid #6D5CE8;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.certificationSection {
    padding: 30px 0px 60px;
    background: var(--purpleGradient);
    margin-top: 60px;
}

.certificationSection .greyP {
    margin: 0px;
}

.certificationSection .boldText {
    font-size: var(--fontsize52);
    color: var(--whiteText);
    font-weight: var(--fontWeight700);
    margin: 0px;
}

.certificationSection .dataText {
    font-size: var(--fontsize20);
    font-weight: var(--fontWeight700);
    color: #fff;
    width: 100%;
}

.certificationSection .col-md-3 {
    margin: 0px 86px 0px 0px;
    width: 230px;
}

.certificationSection div.col-md-3:nth-child(2) {
    padding-left: 0px;
}

#purpleReview {
    position: relative;
}

#purpleReview2 {
    position: relative;
}

#purpleReview2 img {
    width: 90px;
    height: 90px;
}

#purpleReview2 .reviewProfile {
    top: 58PX;
    left: 28px;
}

.casestudySolution .mainlistItems .commonPara {
    color: var(--greyPara);
}

.casestudySolution .mainlistItems {
    margin: 0px 0px 30px 0px;
}

.accordion-body .commonPara {
    width: 100% !important;
}

.myBuaccordion .accordion-body {
    width: 560px !important;
}

.seniorSection {
    /* padding: var(--commonSectionPadding); */
    position: relative;
    z-index: 1;
}

section.seniorSection .mesureDiv p.challengeHeading {
    font-size: var(--fontsize24);
    line-height: var(--lineHeight28);
    font-weight: var(--fontWeight700);
}

.seniorSection .col-md-8 {
    padding-right: 0px;
}

.leadingTeam .col-md-12 .greyDiscription {
    font-size: var(--fontSize36);
    line-height: var(--lineHeight40);
    font-weight: var(--fontWeight700);
}

.seniorSection .container:first-child {
    position: relative;
    padding: 60px;
    border-radius: 32px;
}

.seniorWritten {
    padding: 0px 60px 0px 0px;
    width: 95%;
}

.seniorWritten .mesureDiv:last-child {
    border-bottom: none;
}

.seniorSection .container:first-child::before {
    position: absolute;
    width: 72%;
    height: 100%;
    background: var(--rightGreybg);
    content: '';
    top: 0;
    z-index: -1;
    left: 0;
    border-radius: 32px 0px 0px 32px;

}

.seniorSection .container:first-child::after {
    position: absolute;
    width: 38%;
    height: 100%;
    background: var(--linearGrey);
    content: '';
    top: 0;
    z-index: -1;
    right: 0;
    border-radius: 0px 32px 32px 0px;
}

.boldGradient {
    font-size: var(--fontsize52);
    font-weight: var(--fontWeight700);
    color: #fff;
    width: 80%;
    background: var(--greenGradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0px 0px 20px 0px;
    line-height: 64px;
}

.seniorSection .dataText {
    font-size: var(--fontsize20);
    font-weight: var(--fontWeight700);
    color: #fff;
    width: 100%;
    margin: 0px;
}

.boldgradientOuter {
    padding-left: 15px;
}

.manyGradients {
    margin-bottom: 80px;
}

.manyGradients.pb-60 {
    margin-bottom: 60px;
}

.mesureDiv p {
    margin: 0px;
}

.custom-pb-bottom {
    margin-bottom: 24.4px;
}

.mesureDiv {
    padding: 30px 0px;
    border-bottom: 1px solid #585858;
}

.seniorWritten .measureDiv:last-child {
    border: none !important;
}

.mesureDiv:nth-child(2) {
    border: 1px solid #606060;
    border-right: none;
    border-left: none;
}

.manyGradients:last-child {
    margin-bottom: 0px;
}

.leadingTeam {
    padding: var(--commonSectionPadding);
    margin: var(--margincommonTop);
    position: relative;
    z-index: 1;
    padding-bottom: 0px;
    background: #fff;
    border-radius: 32px 32px 0 0;
    overflow: hidden;
}

.leadingTeam .row {
    justify-content: space-between;
}

.leadingTeam .col-sm-6 .commonPara {
    color: #F5F6FA !important;
}

.leadingTeam::after {
    position: absolute;
    content: '';
    background: var(--linearGrey);
    height: 93.115%;
    width: 100%;
    top: 0;
    z-index: -1;
    left: 0;
    border-radius: 32px 32px 0px 0px;
}

.leadingTeam .row .leaderOuter {
    border: 1px solid #505050;
    background: var(--linearGrey);
    border-radius: 32px;
    height: 100%;
}

.mainLeader img {
    width: 100%;
    height: 100%;
}

.mainLeader {
    height: 340px;
}

.leaderOuter .profileR {
    margin: 20px 0px 0px 0px;
}

.leaderOuter .card-body {
    padding: 40px 59px;
    min-height: 460px;
}

.leaderOuter .card-body .reviewName {
    margin: 0px;
    font-size: var(--fontsize20);
    font-weight: var(--fontWeight700);
    color: var(--greyPara);
}

.leaderOuter .card-body .workPosition {
    margin: 0px;
    font-weight: var(--fontWeight400);
    color: #D2D2D2;
    margin: 0px 0px 20px;
}

.leaderOuter .card-body .commonPara {
    color: var(--greyPara);
}

.lagencyCards .card .commonPara {
    min-height: unset;
    margin-top: 0px;
}

#notreApprochePage .lagencyCards {
    padding-bottom: 0px;
}

.imageConsult {
    height: 100%;
    width: 100%;
    margin-bottom: 60px;
}

main#pageConsulting .commonPaddingtop p.commonPara:last-child {
    margin-bottom: 0px;
}

#pageConsulting .consultingPagesolution2 .col-md-6 {
    height: max-content;
    margin-top: 30px;
    white-space: nowrap;
}

#pageConsulting .consultingPagesolution2 .col-md-6:nth-child(2),
#pageConsulting .consultingPagesolution2 .col-md-6:nth-child(3),
#pageConsulting .consultingPagesolution2 .col-md-6:nth-child(4) {
    margin-top: 0px;
}

/* #pageConsulting .consultingPagesolution2 .col-md-6:nth-child(7){
margin-top: 10px;
} */
#pageConsulting .consultingPagesolution2 .col-md-6:nth-child(4) {
    margin-bottom: 0px;
}

#pageConsulting .consultingPagesolution2 .col-md-6:nth-child(5) {
    margin-top: 30px;
    margin-bottom: 0px;
}

#pageConsulting .consultingPagesolution2 .col-md-6 .mainlistItems {
    margin-bottom: 0px;
}

main#pageConsulting .proggressAdvantages p.commonPara:first-child {
    margin-top: 0px !important;
}

main#pageConsulting .proggressAdvantages p.commonPara {
    margin-top: 30px !important;
    margin-bottom: 0px !important;
}

.imageConsult img {
    height: 100%;
    width: 100%;
}

.reviewSection .reviewContent {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.reviewSection .reviewContent>div {
    width: 49%;
}

.saasReviews .reviewContent>div {
    width: 100%;
}

.reviewSection .slick-track {
    margin-top: 15px;
}

#pageMVP .customProcess {
    margin: 60px 0px 0px 0px !important;
}

#pageMVP .pageMvpsolution2 .greyRow>.col-md-6 {
    width: 560px !important;
}

#homePage .greyRow {
    justify-content: space-between;
}

#homePage .greyRow>.col-md-6 {
    width: 560px;
}

#pageMVP .pageMvpsolution2 .greyRow {
    justify-content: space-between;
}

#pageMVP .pageMvpsolution2 .greyRow>.col-md-6 .imageOuter {
    width: 100%;
}

.pageMvpcards2 .maincardsouter .card-body .commonPara {
    margin-bottom: 0px;
}

#pageProgressive .solutionSection .greyRow {
    justify-content: space-between;
}

#pageProgressive .solutionSection .greyRow .imageOuter {
    width: 100%;
}

#pageProgressive .solutionSection .greyRow .col-md-6 {
    width: 560px;
}

/*//////////////NotreApproachPage///////////////  */
.languageImagesouter img {
    width: 70px;
    object-fit: cover;
    margin: 0px 12px;
}

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

.approachPageSolution::before {
    height: 100%;
    border-radius: 32px;
}

.approachPageSolution {
    margin: 60px 0px 0px 0px;
}

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

.borderImage::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    background: #515671;
    right: 0;
    top: 0;
}

.imageDev.borderImage {
    width: 720px;
}

#allcardBackground {
    background: var(--cardGradient);
    border-radius: 32px;
}

#allcardBackground .card,
#allcardBackground .card .card-body {
    background: none !important;
}

.Allaccordions .accordion-item .accordion-button {
    color: #151A31;
    font-size: var(--fontsize18);
    margin: 0px;
}

.Allaccordions .accordion-item {
    background: linear-gradient(90deg, #F5F6FA 0%, rgba(239, 242, 255, 0.00) 100%);
    padding: 24px 30px 24px 70px;
    border-radius: 16px;
    margin: 10px 0px;
    width: 100%;
    max-width: 820px;
    min-height: 70px;
}

.Allaccordions .accordion-item:last-child {
    margin-bottom: 0;
}

.Allaccordions .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.Allaccordions .accordion-item .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.Allaccordions .accordion-body {
    padding: 20px 0px;
}

.Allaccordions .accordion-body .commonPara {
    color: #151A31;
}

.faq-with-menu {
    padding-right: 340px;
    position: relative;
}




#tabrightHome img {
    height: 570px;
}

#phone_span {
    height: 24px;
    padding-left: 86px;
    top: 24px;
}

#phone_span.b-phone {
    padding-left: 110px;
}

input#phone {
    padding-left: 99px !important;
}

input#phone:focus {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.servicesMenu .maincardsouter .row .card .card-body:first-child p:first-child {
    font-size: var(--fontsize20);
    line-height: var(--lineHeight22);
    width: 100% !important;
}

.servicesMenu .maincardsouter .row .card .card-body:first-child p:nth-child(2) {
    font-size: var(--fontsize14);
    min-height: unset;
    line-height: var(--lineHeight20);
}

.servicesMenu .maincardsouter .row .card {
    border-radius: 30px !important;
}

.servicesMenu {
    border-radius: 0px 0px 30px 30px;
}

.slick-list .card .reviewName {
    font-size: var(--sixteenFont);
    color: var(--commonParacolor) !important;
    font-weight: var(--fontWeight400);
    margin: 0px 0px 10px 0px;
}

.slick-list .card .card-body .workPosition {
    color: var(--commonParacolor) !important;
}

.slick-list .card .card-body .commonPara {
    font-size: var(--fontsize14);
    line-height: var(--lineHeight20);
    width: 94%;
}

.solutionSection .commonParaOuter .greyDiscription {
    line-height: var(--lineHeight28);
    margin-bottom: 15px;
}

.slick-next,
.slick-prev {
    z-index: 1;
}

.DevopsSection .col-md-8 {
    padding: 0px;
}

#faqPage .Allaccordions .accordion-item .accordion-button {
    padding-bottom: 0px;
    padding-left: 0px;
}

#faqPage .headingSection {
    padding: 60px 0px 30px 0px !important;
}

#faqPage .Allaccordions .accordion-body {
    padding: 20px 0px 0px 0px;
}

.collpaseList {
    list-style: none;
    padding: 0px;
}

#faqPage .Allaccordions .CollpaseOuter .btn {
    margin-bottom: 0px !important;
}

#allcardBackground .card {
    margin-bottom: 0px;
}

.iti__selected-dial-code {
    display: none;
}

p#emptyDiv {
    min-height: 40px;
}

.lightGreyfooter .contactCard .socialLink img {
    width: 13px !important;
}

p.scrolling-content.marqueePara {
    transition: all 0.8s ease 0s !important;
    transition: transform 0.3s ease-out !important;
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: none !important;
    background-color: #F7F7F9 !important;
    border: 1px solid #dbdef0 !important;
    border-top: 1px solid #dbdef000 !important;
    white-space: nowrap;
    max-height: 200px;
    border-radius: 0px 0px 8px 8px;
    overflow-y: scroll;
    width: 548px !important;
    -webkit-overflow-scrolling: touch;
}

.iti__country-name {
    margin-right: 6px;
    font-size: 16px !important;
}

.iti__country-name,
.iti__dial-code {
    color: #515671 !important;
}

.iti__country-list li:hover {
    background-color: #F1F0F8 !important;
}

.col-md-4.contactCard .socialLink.align-items-start img {
    margin: 4px 11px 0px 0px;
}

.selectInput {
    box-shadow: none !important;
}

.selectInput option {
    background-color: #f6f6fb !important;
    font-size: 16px !important;
    line-height: var(--lineHeight24) !important;
    border-color: #dbdef0 !important;
    color: var(--commonParacolor) !important;
    box-shadow: none !important;
}

.dropdown:hover>.dropdown-menu .container .maincardsouter .row .col-lg-4:nth-child(4),
.dropdown:hover>.dropdown-menu .container .maincardsouter .row .col-lg-4:nth-child(5),
.dropdown:hover>.dropdown-menu .container .maincardsouter .row .col-lg-4:nth-child(6),
.dropdown.show>.dropdown-menu .container .maincardsouter .row .col-lg-4:nth-child(4),
.dropdown.show>.dropdown-menu .container .maincardsouter .row .col-lg-4:nth-child(5),
.dropdown.show>.dropdown-menu .container .maincardsouter .row .col-lg-4:nth-child(6) {
    margin-bottom: 0px;
}

span#messageSpan {
    height: 24px;
}

.companyMenu .profileR {
    min-height: 15px !important;
}

.formSection .col-md-12 .mainBlue {
    margin-bottom: 30px !important;
    margin-top: 10px !important;
}

/*======================================================================
====================== SH Code
======================================================================*/
.theme-dropdown .theme-dropdown-btn.below.show {
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #0000;
}

.theme-dropdown .theme-dropdown-list.below.show {
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #dbdef000;
}

.theme-dropdown .theme-dropdown-btn.above.show {
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #0000;
}

.theme-dropdown .theme-dropdown-list.above.show {
    border-radius: 8px 8px 0 0;
    border-top: 1px solid #dbdef0 !important;
    border-bottom: 1px solid #dbdef000 !important;
    margin-bottom: -3px !important;
    padding-top: 10px;
}

/*======================================================================
====================== certifopac-saas-platform css
======================================================================*/
.certifopac-saas-platform {
    background: var(--linearGrey);
    margin: 60px 0;
    padding: 60px 0px 60px 60px;
    border-radius: 32px;
    position: relative;
}

.certifopac-saas-platform .platform-title {
    color: #fff;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 30px;
}

.certifopac-saas-platform .platform-box {
    position: relative;
}

.certifopac-saas-platform .content-box {
    padding-right: 60px;
    max-width: calc(100% - 430px);
    color: #F5F6FA;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.certifopac-saas-platform .content-box p {
    margin: 0;
}

.certifopac-saas-platform .content-box .gradient-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    background: var(--greenGradient) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    margin: 0px;
}

.certifopac-saas-platform .content-box .imageOuter {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 430px;
    background: #c1c1c1;
    border-radius: 32px 0px 0px 32px;
    overflow: hidden;
}

.certifopac-saas-platform .content-box .result-block {
    padding: 30px 0px 90px;
    position: relative;
    z-index: 1;
    margin: 60px 0px 0px 0px;
}

.certifopac-saas-platform .content-box .result-block::after {
    background: var(--linearGrey);
    position: absolute;
    content: '';
    left: -60px;
    top: 0;
    width: calc(100% + 90px);
    height: 100%;
    z-index: -1;
}

.result-counters {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-top: 20px;
}

.result-counters .result-item {
    position: relative;
    width: 160px;
    margin-right: 30px;
}

.result-counters .result-item:last-item {
    margin-right: 0px;
}

.result-counters .result-item .result-num {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 60px;
    margin: 0px;
}

.result-counters .result-item .result-desc {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    margin: 20px 0 0;
}

.certifopac-saas-platform .review-box {
    margin-top: -30px;
    z-index: 9;
    position: relative;
}

.review-card {
    color: #F5F6FA;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.review-card .review-profile {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    /*border: 2px solid #D2D2D2;*/
    background: #C4C4C4;
    /* box-shadow: 0px 0px 0px 4px #FFF; */
    margin-bottom: 20px;
}

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

.review-card .review-author {
    margin-bottom: 20px;
}

.review-card .review-author-name {
    margin: 0;
}

.review-card .review-author-position {
    color: #D2D2D2;
    font-weight: 700;
    margin: 0;
}

.review-card .review-content {
    line-height: 25px;
}

.review-card .review-link {
    color: #fff;
    background: #4029F2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 460px;
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    border-radius: 16px;
    margin-top: 60px;
    box-shadow: none;
    border: none;
    padding: 0;
}

@media (max-width: 991px) {
    .container.full-width-container {
        max-width: 100%;
        padding: 0;
    }

    .certifopac-saas-platform {
        padding: 40px 50px 50px;
    }

    .certifopac-saas-platform .platform-title {
        margin-bottom: 20px;
    }

    .certifopac-saas-platform .content-box {
        padding: 0px;
        max-width: 100%;
    }

    .certifopac-saas-platform .content-box .imageOuter {
        position: initial;
        max-width: 100%;
        height: 270px;
        border-radius: 0;
        margin: 0;
        margin-top: 40px;
    }

    .certifopac-saas-platform .content-box .result-block {
        margin-top: 40px;
        padding-bottom: 70px;
    }

    .review-card .review-link {
        margin: 30px auto 0 auto;
    }

    .result-counters .result-item .result-desc {
        margin: 10px 0 0;
    }
}

@media (max-width: 767px) {
    .certifopac-saas-platform .content-box .result-block::after {
        left: -20px;
        width: calc(100% + 40px);
    }
}

@media (max-width: 576px) {
    .certifopac-saas-platform {
        margin: 30px 0;
        padding: 30px 20px;
    }

    .certifopac-saas-platform .content-box,
    .review-card {
        font-size: 14px;
        line-height: 20px;
    }

    .certifopac-saas-platform .platform-title {
        font-size: 20px;
        line-height: 30px;
    }

    .certifopac-saas-platform .content-box .gradient-title {
        font-size: 16px;
        line-height: 20px;
    }

    .certifopac-saas-platform .timeManage .timeLink {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .certifopac-saas-platform .timeManage .timeLink:last-child {
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .certifopac-saas-platform .content-box .imageOuter {
        height: 200px;
        margin-top: 20px;
    }

    .certifopac-saas-platform .content-box .result-block {
        margin-top: 30px;
        padding: 30px 0px 50px;
    }

    .result-counters .result-item {
        width: 120px;
        margin-right: 20px;
    }

    .result-counters .result-item .result-num {
        font-size: 32px;
        line-height: 38px;
    }

    .result-counters .result-item .result-desc {
        font-size: 14px;
        line-height: 20px;
        margin: 5px 0 0;
    }

    .review-card .review-link {
        font-size: 14px;
        line-height: 20px;
    }
}

/*======================================================================
====================== icon box css
======================================================================*/
.icon-block-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

.icon-block-2 {
    grid-template-columns: repeat(2, 1fr);
}

.icon-block-3 {
    grid-template-columns: repeat(3, 1fr);
}

.icon-block-4 {
    grid-template-columns: repeat(4, 1fr);
}

.icon-block-5 {
    grid-template-columns: repeat(5, 1fr);
}

.icon-item {
    padding: 30px;
    border-radius: 32px;
    background: linear-gradient(180deg, #F1F0F8 0%, #F8F8F8 100%);
}

.icon-item .icon-img {
    height: 60px;
    margin-bottom: 12px;
}

.icon-item .icon-title {
    color: #151A31;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    /*min-height: 60px;*/
    margin-bottom: 10px;
}

.icon-block-container.icon-block-5 .icon-title {
    font-size: 18px;
    line-height: 20px;
    min-height: 60px;
}

.icon-item .icon-content {
    color: #515671;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.icon-item-link-box .icon-item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.learn-more {
    text-decoration: none;
    margin-top: 10px;
    color: #2517F8;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    transition: 0.15s;
    width: fit-content;
    height: 20px;
}

.learn-more span {
    font-weight: 300;
    font-size: 22px;
    line-height: 0px;
    margin: 2px 0px 0px 2.5px;
    text-align: center;
}

.learn-more .learn-more-icon img {
    width: 16px;
    height: 16px;
}

.learn-more .learn-more-icon .icon-hover {
    display: none;
}

.learn-more:hover,
.icon-item-link-box:hover .learn-more {
    font-weight: 600;
}

.learn-more:hover span,
.icon-item-link-box:hover span {
    transform: translateX(4px);
    transition: 0.5s;
    font-weight: 600 !important;
}

.learn-more:hover .icon,
.icon-item-link-box:hover .icon {
    display: none;
}

.learn-more:hover .icon-hover,
.icon-item-link-box:hover .icon-hover {
    display: inline;
}

@media (min-width: 1024px) {
    .mh-90 {
        min-height: 90px;
    }

    .mh-60 {
        min-height: 60px;
    }

    .icon-item.icon-box-2 {
        display: flex;
        justify-content: space-between;
    }

    .icon-item.icon-box-2 .icon-body {
        width: calc(100% - 90px);
    }
}

@media (max-width: 1199px) {
    .icon-block-5 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .icon-block-container {
        /*gap: 30px;*/
    }

    .icon-block-3,
    .icon-block-4,
    .icon-block-5 {
        grid-template-columns: repeat(2, 1fr);
    }

    .icon-item .icon-title {
        font-size: 24px;
        line-height: 30px;
        min-height: 60px;
    }

    .icon-item .icon-content {
        font-size: 16px;
        line-height: 24px;
        min-height: 90px;
    }

    .icon-item .icon-img {
        margin-bottom: 10px;
    }

    .learn-more .learn-more-icon img {
        width: 10px;
        height: 10px;
    }

    .icon-block-container.icon-block-5 .icon-title {
        min-height: 40px;
    }
}

@media (max-width: 576px) {
    .m-h-90 {
        min-height: initial;
    }

    .icon-block-2,
    .icon-block-3,
    .icon-block-4,
    .icon-block-5 {
        grid-template-columns: repeat(1, 1fr);
    }

    .icon-item .icon-title {
        font-size: 16px;
        line-height: 20px;
        min-height: initial;
    }

    .icon-item .icon-content {
        font-size: 14px;
        line-height: 20px;
        min-height: initial;
    }

    .learn-more {
        margin-top: 20px;
        line-height: 20px;
        font-size: 14px;
    }
}

/*======================================================================
====================== Headings css
======================================================================*/
.heading-section {
    padding: 60px 0;
}

.heading-section .section-heading {
    color: #151A31;
    font-family: Plus Jakarta Sans;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
}

.heading-section .section-subheading {
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    background: linear-gradient(90deg, #2517F8 0%, #FFABBF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    min-height: 30px;
    margin-top: 30px;
    margin-bottom: 0;
}

.heading-section .section-desc {
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 30px;
}

.heading-section .section-heading-white {
    color: var(--TextColorWhite);
}

.heading-section .section-desc p {
    margin-bottom: 25px;
}

.heading-section .section-desc p:last-child {
    margin: 0;
}

@media screen and (max-width: 991px) {
    .heading-section {
        padding-bottom: 40px;
    }

    .heading-section .section-subheading,
    .heading-section .section-desc {
        margin-top: 20px;
    }

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

    .page-saas .heading-section .section-desc p {
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 576px) {
    .heading-section {
        padding: 30px 0;
    }

    .heading-section .section-heading {
        font-size: 20px;
        line-height: normal;
    }

    .heading-section .section-subheading {
        font-size: 16px;
        line-height: normal;
    }



    .heading-section .section-desc {
        font-size: 14px;
        line-height: 20px;
    }
}

/*======================================================================
====================== Timeline section css
======================================================================*/
.timeline-section {
    padding: 60px 0;
    border-radius: 32px;
    background: linear-gradient(180deg, #F1F0F8 0%, #F8F8F8 100%);
}

.timeline-list {
    position: relative;
    z-index: 1;
    /*margin-top: 60px;*/
}

.timeline-list::after {
    background: linear-gradient(182deg, #2517F8, #E69AC7) border-box;
    position: absolute;
    content: '';
    width: 2px;
    height: 90%;
    top: 20px;
    left: 38px;
    z-index: -1;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='761' viewBox='0 0 2 761' fill='none'%3E%3Cpath d='M1 0L1.00003 761' stroke='url(%23paint0_linear_2289_10972)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2289_10972' x1='0.5' y1='5.69175e-06' x2='0.494993' y2='761' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232517F8'/%3E%3Cstop offset='1' stop-color='%23E69AC7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); */
}

.timeline-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.timeline-item:last-child {
    margin-bottom: 0px;
}

.timeline-item .timeline-image {
    width: 80px;
    height: 80px;
}

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

.timeline-item .timeline-content {
    width: calc(100% - 80px);
    padding-left: 30px;
}

.timeline-item .timeline-content .timeline-heading {
    color: #151A31;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
}

.timeline-item .timeline-content .timeline-desc {
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 0;
    max-width: 1060px;
}

.timeline-item .timeline-content .timeline-desc .gradient-text {
    background: var(--MainGradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

@media screen and (min-width: 991px) {
    .timeline-section .section-heading {
        line-height: 50px;
    }

    .timeline-section .section-desc {
        line-height: 25px;
    }

    .pageQacardsthree .mycustomCommonrow .card.card-bottom-spacing {
        margin-bottom: 0px;
    }

    .mx-height-lg {
        height: 70px;
    }
}

@media screen and (max-width: 991px) {
    .timeline-section {
        padding: 40px 0 50px;
    }

    .timeline-section .container {
        padding: 0 50px;
    }

    .timeline-section .heading-section {
        padding-bottom: 40px;
    }

    .timeline-section .heading-section .section-heading {
        /*min-height: 130px;*/
    }

    .timeline-list {
        /*margin-top: 40px;*/
    }

    .timeline-list::after {
        height: 82%;
    }

    .timeline-item {
        margin-bottom: 30px;
    }

    .timeline-item .timeline-content .timeline-desc .gradient-text {
        line-height: 25px;
    }
}

@media screen and (max-width: 576px) {
    .timeline-section {
        padding: 30px 0;
    }

    .timeline-section .container {
        padding: 0 20px;
    }

    .timeline-list {
        margin-bottom: 20px;
    }

    .timeline-list {
        padding-left: 20px;
    }

    .timeline-list::after {
        width: 2px;
        height: 100%;
        top: 0;
        left: 0;
    }

    .timeline-item {
        margin-bottom: 20px;
    }

    .timeline-item .timeline-image {
        margin-bottom: 20px;
    }

    .timeline-item .timeline-content {
        width: calc(100% - 0px);
        padding-left: 0px;
    }

    .timeline-item .timeline-content .timeline-heading {
        font-size: 16px;
        font-weight: 700;
        line-height: normal;
    }

    .timeline-item .timeline-content .timeline-desc {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }

    .timeline-item .timeline-content .timeline-desc .gradient-text {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
    }
}

/*======================================================================
====================== Lets talk css
======================================================================*/
.talk-section {
    padding: 60px 0 90px;
}

.talk-whitebg {
    position: relative;
}

.talk-whitebg::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    z-index: -1;
    background: var(--whiteBg);
    border-radius: 0px 0px 32px 32px;
}

.lets-talk {
    position: relative;
    border-radius: 32px;
    padding: 50px 50px 0;
}

.lets-talk::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border: 1px solid transparent;
    background: linear-gradient(90deg, #2517F8, #E69AC7) border-box;
    -webkit-mask:
        /*4*/
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 32px;
}

.lets-talk-content {
    margin: auto;
    max-width: 940px;
    color: #151A31;
    text-align: center;
    margin-bottom: 21px;
}

.talk-heading,
.talk-subheading {
    font-family: Plus Jakarta Sans;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.talk-heading {
    margin: 0;
}

.talk-subheading {
    background: var(--MainGradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 10px;
    margin-bottom: 0px;
}

.talk-btn {
    transform: translateY(24px);
    background: #FAFAFA;
    margin: auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.talk-btn button {
    width: 100%;
    max-width: 460px;
    height: 50px;
    color: #fff;
    border: none;
    border-radius: 16px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    position: relative;
    z-index: 0 !important;
    background-image: linear-gradient(to right, #2517F8 0%, #6D48E6 40%, #E69AC7 100%);
}

.talk-btn button::before {
    content: '';
    background-image: linear-gradient(to right, #2e1df5 27%, #8f5fde 100%, #E69AC7 74%);
    color: #fff;
    border: none;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: 0%;
    transition: 0.2s;
    transform: translateX(-35px);
}

.talk-btn button:hover {
    background-image: linear-gradient(to right, #2517F8 24%, #6D48E6 40%, #E69AC7 100%);
}

.talk-btn button:hover::before {
    width: 100%;
    opacity: 1;
    background-image: linear-gradient(to right, #2517F8 100%, #6D48E6 60%, #2517F8 100%);
    z-index: -1;
    opacity: 1;
    transition: 0.3s;
    transform: translateX(60px);
}

@media screen and (max-width: 991px) {
    .talk-section {
        padding: 50px 0 75px;
    }

    .lets-talk {
        padding: 30px 40px 0;
    }

    .lets-talk-content {
        margin-bottom: 0px;
    }

    .talk-heading,
    .talk-subheading {
        font-size: 28px;
    }

    .talk-subheading {
        margin-bottom: 0px;
    }

    .talk-btn button {
        font-size: 16px;
        line-height: 18px;
    }
}

@media screen and (max-width: 576px) {
    .talk-section {
        padding: 30px 0 55px;
    }

    .talk-section .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .lets-talk {
        padding: 20px 20px 0;
    }

    .lets-talk::before {
        border-radius: 16px;
    }

    .talk-heading,
    .talk-subheading {
        font-size: 18px;
        line-height: normal;
    }

    .talk-btn {
        width: initial;
        margin: auto;
        background: transparent !important;
        transform: translateY(24px);
    }

    .talk-btn button {
        font-size: 14px;
        line-height: 16px;
        max-width: 290px;
    }
}

/*======================================================================
====================== solution css
======================================================================*/
.solution-section {
    padding: 60px 0;
    border-radius: 32px;
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
}

.solution-col-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
}

.solution-img {
    border-radius: 16px;
    background: #C4C4C4;
    overflow: hidden;
}

.solution-img img {
    width: 100%;
    height: 100%;
    min-height: 390px;
    object-fit: cover;
    object-position: center;
}

.solution-heading {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
}

.solution-subheading,
.solution-desc {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
}

.solution-subheading {
    font-weight: 700;
    margin-bottom: 30px;
}

.solution-desc:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .solution-section {
        padding: 50px;
    }

    .solution-section .container {
        padding: 0;
    }

    .solution-section .heading-section {
        padding-bottom: 20px;
    }

    .solution-col-block {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .solution-img {
        display: none;
    }

    .solution-img.solution-visible {
        display: block;
    }

    .solution-section .heading-section.heading-section-pb-20 {
        padding-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .solution-section {
        padding: 30px 20px 40px;
    }

    .solution-section .container {
        padding: 0;
    }

    .solution-section .heading-section {
        padding: 20px 0;
    }

    .solution-img img {
        min-height: 240px;
    }

    .solution-heading {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .solution-heading br {
        display: none;
    }

    .solution-subheading,
    .solution-desc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
}

/*======================================================================
====================== Faq Page css
======================================================================*/
.Allaccordions {
    padding-top: 50px;
}

.Allaccordions:first-child {
    padding-top: 60px;
}

.faq-title {
    color: #151A31;
    font-family: Plus Jakarta Sans;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 30px;
}

/*
* Faq side menu
*/
.faq-menu {
    width: 340px;
    border-radius: 32px;
    background: var(--linearGrey);
    position: absolute;
    right: 0px;
    top: 0;
    padding: 50px 30px;
    z-index: 99;
}

.faq-menu-heading {
    color: #FFF;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 133.333% */
    margin-bottom: 30px;
}

.faq-menu-wrap.container {
    border-left: 3px solid #474747;
    padding-left: 15px;
}

.faq-menu-item {
    position: relative;
    color: #FFF;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    margin-bottom: 15px;
}

.faq-menu-item:last-child {
    margin-bottom: 0;
}

.faq-menu-item:before {
    content: '';
    width: 3px;
    height: 100%;
    background: #777;
    position: absolute;
    top: 0;
    left: -18px;
    opacity: 0;
}

/*.faq-menu-item:hover:before,*/
.faq-menu-item.active:before {
    opacity: 1;
}

.faq-menu-item .faq-item-title {
    margin: 0;
}

.faq-menu-item:hover .faq-item-title,
.faq-menu-item.active .faq-item-title {
    font-weight: 700;
}

.faq-item-list {
    margin: 0;
    padding: 0;
    line-height: 25px;
    padding-top: 15px;
    padding-left: 15px;
    list-style: none;
    display: none;
}

.faq-item-list li {
    margin-bottom: 10px;
}

.faq-item-list li:last-child {
    margin: 0;
}

.faq-item-list li:hover {
    font-weight: 700;
}

@media (max-width: 1024px) {
    .faq-menu {
        display: none;
    }
}

@media (max-width: 576px) {
    .Allaccordions {
        padding-top: 20px;
    }

    .Allaccordions:first-child {
        padding-top: 30px;
    }

    .faq-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 10px;
    }
}

/*======================================================================
====================== Review css
======================================================================*/
.review-section {
    padding: 60px 0;
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-header .review-header-title {
    width: calc(100% - 120px);
    font-family: Plus Jakarta Sans;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    background: var(--Main---Gradient, linear-gradient(90deg, #2517F8 0%, #E69AC7 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}

.review-btn-wrap {
    width: 90px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.review-header .review-btn {
    padding: 0;
    width: 40px;
    height: 40px;
    color: #2517F8;
    border: 1px solid #2517F8;
    border-radius: 50%;
    border: none;
    background: transparent;
}

.review-header .review-btn img {
    width: 100%;
    height: 100%;
    padding: 0;
}

.review-header .review-btn img.hover,
.review-header .review-btn:hover img {
    display: none;
}

.review-header .review-btn:hover img.hover {
    display: block;
}

.review-slider {
    clip-path: inset(-100vw -100vw -100vw 0);
}

.review-slider .slick-list {
    padding-top: 90px !important;
    overflow: initial;
}

.review-item {
    position: relative;
    width: 100%;
    max-width: 460px;
    padding: 50px;
    padding-top: 72px;
    border-radius: 32px;
    background: linear-gradient(180deg, #F1F0F8 0%, #F8F8F8 100%);
    margin: 0 10px;
}

.review-item .review-profile {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: lightgray 50%;
    box-shadow: 0px 0px 0px 2px #FAFAFA;
    position: absolute;
    top: -30px;
}

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

.review-body {
    position: relative;
}

.review-item .review-user .user,
.review-item .review-user .position {
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
}

.review-item .review-user .position {
    font-weight: 700;
}

.review-item .review-stars {
    height: 24px;
    margin-top: 14px;
    margin-bottom: 21px;
}

.review-item .review-stars img {
    height: 100%;
}

.review-item .review-desc {
    min-height: 165px;
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}


.more-reviews {
    margin-top: 40px;
    display: inline-flex;
}

.more-reviews .more-reviews-heading {
    color: #151A31;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    padding-right: 20px;
}

.more-reviews-item {
    display: grid;
    text-decoration: none;
}

.more-reviews-item:last-child {
    margin-left: 30px;
}

.more-reviews-item img {
    height: 36px;
}

.more-reviews-item p {
    color: #2517f8;
    font-family: Plus Jakarta Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
    margin: 0;
}

@media (min-width: 992px) {
    .more-reviews .more-reviews-heading {
        margin-top: 6px;
    }
}

@media (max-width: 991px) {
    .review-section {
        padding: 49px 0;
    }

    .review-slider .slick-list {
        padding-top: 60px !important;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 35px;
    }

    .more-reviews {
        margin-top: 0px;
    }

    .more-reviews .more-reviews-heading {
        padding-right: 10px;
        padding-top: 5px;
        font-size: 20px;
    }

    .more-reviews-item:last-child {
        margin-left: 30px;
    }

    .more-reviews-item img {
        height: 30px;
    }
}

@media (max-width: 576px) {
    .review-section {
        padding: 20px 0;
    }

    .review-section .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .review-header .review-header-title {
        font-size: 20px;
        line-height: normal;
    }

    .review-btn-wrap {
        margin-left: auto;
    }

    .review-slider {
        clip-path: none;
    }

    .review-slider .slick-list {
        padding-top: 30px !important;
    }

    .review-item {
        padding: 20px;
        padding-top: 50px;
        max-width: calc(100vw - 40px);
    }

    .review-item .review-profile {
        width: 60px;
        height: 60px;
        top: -20px;
    }

    .review-item .review-user .user,
    .review-item .review-user .position {
        font-size: 14px;
        line-height: 20px;
    }

    .review-item .review-stars {
        height: 18px;
        margin-top: 10px;
        margin-bottom: 22px;
    }

    .review-item .review-desc {
        min-height: initial;
        font-size: 14px;
        line-height: 18px;
    }

    .more-reviews {
        margin-top: 20px;
    }

    .more-reviews {
        flex-wrap: wrap;
    }

    .more-reviews .more-reviews-heading {
        font-size: 18px;
        padding-top: 0;
        padding-right: 0px;
        padding-bottom: 10px;
    }

    .more-reviews-item:first-child {
        width: 100%;
    }

    .more-reviews-item img {
        height: 24px;
    }

    .more-reviews-item a {
        font-size: 11px;
    }
}

@media (max-width: 576px) {

    .more-reviews-item img {
        height: 20px;
    }
}
/*======================================================================
====================== Why us css
======================================================================*/
.why-us-section {
    padding: 60px 0;
    border-radius: 32px;
    background: linear-gradient(180deg, #F1F0F8 0%, #F8F8F8 100%);
}

.choose-row {
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 20px;
    margin-bottom: 20px;
}

.choose-row:last-child {
    margin-bottom: 0px;
}

.choose-row.choose-row-2 {
    grid-template-columns: 7fr 5fr;
}

.choose-row.choose-row-3 {
    grid-template-columns: 5fr 7fr;
}

.choose-item {
    position: relative;
    border-radius: 16px;
    background: #FFF;
    padding: 30px;
    min-height: 270px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.choose-item .choose-content {
    width: calc(100% - 280px);
}

.choose-item .choose-content.full-width-col {
    width: 100%;
}

.choose-item .choose-content .choose-heading {
    color: #212529;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
}

.choose-item .choose-content .choose-desc {
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.choose-item .choose-img {
    width: 250px;
    display: flex;
    align-items: center;
}

.choose-item .choose-img img {
    width: 100%;
}

@media (min-width: 1400px) {
    .choose-row.choose-row-2 {
        grid-template-columns: 700px 460px;
    }

    .choose-row.choose-row-3 {
        grid-template-columns: 460px 700px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .choose-item .choose-content {
        width: 100%;
    }

    .choose-item .choose-img {
        margin: 20px auto 0 auto;
    }
}

@media (max-width: 991px) {
    .why-us-section {
        padding: 40px 50px 50px;
    }

    .why-us-section .container {
        max-width: initial;
        padding: 0;
    }

    .why-us-section .heading-section {
        padding: 40px 0;
    }

    .choose-row {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media (max-width: 630px) {
    .why-us-section {
        padding: 30px 20px;
    }

    .choose-item {
        padding: 20px;
        min-height: initial;
    }

    .choose-item .choose-content {
        width: 100%;
    }

    .choose-item .choose-content .choose-heading {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 10px;
    }

    .choose-item .choose-content .choose-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .choose-item .choose-img {
        margin: 20px auto 0 auto;
    }
}

/*======================================================================
====================== Buttons css
======================================================================*/
.theme-btn {
    position: relative;
    height: 50px;
    color: #FFF;
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-2 {
    border-radius: 16px;
    background: #4029F2;
}

/*======================================================================
====================== Video css
======================================================================*/
.video-section {
    position: relative;
    border-radius: 32px;
    background: linear-gradient(180deg, #F1F0F8 0%, #F8F8F8 100%);
    padding: 80px 0 70px;
    margin: 90px 0 60px;
}

.video-col-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.video-col {
    width: 100%;
}

.video-col.video-content {
    width: calc(100% - 760px);
}

.video-col {
    max-width: 700px;
}

.video-section .user-profile {
    width: 90px;
    height: 90px;
    position: absolute;
    top: -30px;
}

.video-section .user-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.video-section .user-info {
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.video-section .user-info p {
    margin-bottom: 0;
}

.video-section .user-stars {
    height: 24px;
    margin: 10px 0 25px 0;
    display: flex;
}

.user-stars img {
    height: 100%;
}

.video-section .user-desc,
.video-section .video-user-desc {
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

.video-section .video-user-desc {
    display: none;
}

.video-section .learn-more {
    margin-top: 20px;
    margin-bottom: 60px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 74.25%;
    /* 4:3 ratio */
    padding-top: 30px;
    /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    padding-bottom: 50%;
}

.video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-wrapper:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #383838;
    opacity: 1;
    z-index: 1;
}

.video-wrapper.playing:after {
    display: none;
}

.video-wrapper video {
    width: 100%;
}

.video-wrapper .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    z-index: 9;
    cursor: pointer;
}

@media (min-width: 1200px) {
    .video-wrapper {
        height: 100%;
    }
}

@media (max-width: 1199px) {
    .video-col {
        max-width: 540px;
    }

    .video-col.video-content {
        width: calc(100% - 600px);
    }
}

@media (max-width: 991px) {
    .video-section {
        padding: 80px 50px 50px;
    }

    .video-section .container {
        max-width: inherit;
        padding: 0;
    }

    .video-col {
        width: 100% !important;
        max-width: initial;
    }

    .video-section .user-stars {
        margin-bottom: 0;
    }

    .video-section .learn-more,
    .video-section .theme-btn {
        display: none;
    }

    .video-wrapper {
        margin: 36px 0 31px;
        height: 399px;
    }

    .video-section .user-desc {
        display: none;
    }

    .video-section .video-user-desc {
        display: block;
    }
}

@media (max-width: 576px) {
    .video-section {
        padding: 50px 30px 30px;
        margin: 60px 0 30px;
    }

    .video-section .user-profile {
        width: 60px;
        height: 60px;
        top: -20px;
    }

    .video-section .user-info {
        font-size: 14px;
        line-height: 20px;
    }

    .video-section .user-stars {
        height: 18px;
    }

    .video-section .user-desc,
    .video-section .video-user-desc {
        font-size: 14px;
        line-height: 18px;
    }

    .video-wrapper {
        margin: 20px 0;
    }

    .video-wrapper .play-video {
        width: 50px;
        height: 50px;
    }

    ul.mainlistItems li {
        word-break: keep-all;
        white-space: normal;
    }
}

/*======================================================================
====================== Grid css
======================================================================*/
.grid-container {
    display: grid;
}

.grid-item img {
    width: 100%;
}

.grid-container.grid-col-1 {
    grid-template-columns: repeat(1, 1fr);
}

.grid-container.grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-container.grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-container.grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-gap-10 {
    grid-gap: 10px;
}

.grid-gap-15 {
    grid-gap: 15px;
}

.grid-gap-30 {
    grid-gap: 30px;
}

.grid-gap-60 {
    grid-gap: 60px;
}

.row-gap-10 {
    row-gap: 10px;
}

.row-gap-15 {
    row-gap: 15px;
}

.row-gap-20 {
    row-gap: 20px;
}

.row-gap-30 {
    row-gap: 30px;
}

.row-gap-60 {
    row-gap: 60px;
}

@media (max-width: 1199px) {
    .grid-container.grid-col-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {

    .grid-container.grid-col-3,
    .grid-container.grid-col-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {

    .grid-container.grid-col-1,
    .grid-container.grid-col-2,
    .grid-container.grid-col-3,
    .grid-container.grid-col-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-gap-60 {
        grid-gap: 30px;
    }
}

/*======================================================================
====================== Video css
======================================================================*/
.services-section {
    position: relative;
    background: #fff;
    border-radius: 32px;
    margin-bottom: 60px;
}

.services-section .dark-service {
    border-radius: 32px 32px 0px 0px;
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
    padding: 60px 0 270px;
}

.services-section .service-img {
    border-radius: 16px;
    background: #C4C4C4;
    overflow: hidden;
    min-height: 240px;
}

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

.services-section .dark-service .services-heading {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
}

.services-section .dark-service p {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 22px;
}

.services-section .dark-service .extra-para {
    margin-top: 60px;
}

.services-section p:last-child {
    margin-bottom: 0 !important;
}

.services-section .bg-service-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: initial;
}

.services-section .bg-service-img img {
    display: none;
}

.text-block {
    position: relative;
}

.text-block:last-child {
    margin-bottom: 0px;
}

.text-block .text-heading {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
}

.services-section .text-block .text-desc {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.services-section .review-card-section {
    position: relative;
    margin-top: -180px;
}

.services-section .review-card {
    border-radius: 16px;
    border: 1px solid #505050;
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
    padding: 80px 120px 60px;
    position: relative;
}

.services-section .review-card-wrap {
    position: relative;
}

.services-section .review-card-profile {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: lightgray 50%;
    position: absolute;
    top: -110px;
    left: 0;
}

.services-section .quot-icon {
    position: absolute;
    top: -105px;
    right: 0;
    width: 50px;
    height: 50px;
}

.services-section .review-card-profile img,
.services-section .quot-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.services-section .review-card-user {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}

.services-section .review-card-user p {
    margin: 0;
}

.services-section .review-card-user .review-card-uposition {
    font-weight: 700;
    color: #D2D2D2;
}

.services-section .review-card-desc {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.services-section .review-card-desc p {
    margin-bottom: 25px;
}

.services-section .review-card-desc p:last-child {
    margin-bottom: 0px;
}

.services-section .subheading-box {
    margin-bottom: 60px;
}

.services-section .subheading-box p {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 30px;
}

p.reviewName {
    height: 20px;
    width: 96px;
}

/*
* For Page consulting
*/
.page-consulting .services-section .dark-service {
    padding: 60px 0 230px;
}

.page-consulting .services-section .review-card-section {
    margin-top: -140px;
}

.page-consulting .text-block .text-heading {
    line-height: 30px;
}

.page-service-consulting .services-section .subheading-box-2 {
    margin-bottom: 60px;
}

.page-service-consulting .services-section .subheading-box-2 p {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.page-service-consulting .services-section .subheading-box-2 .gradient-text-1 {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}


.page-service-consulting .gray-desc-2 {
    color: var(--greyPara);
    font-size: var(--fontsize16);
    font-weight: var(--fontWeight400);
    margin: 0px;
    line-height: 28px;
}

.page-service-consulting .gray-desc-2 .gradient-text-1 {
    font-size: var(--fontsize24);
    font-weight: var(--fontWeight700);
}

@media (max-width: 991px) {
    .services-section .container {
        max-width: initial;
        padding: 0;
    }

    .services-section .review-card-section .container {
        padding: 0 10px;
    }

    .services-section .talk-section .container {
        padding: 0 50px;
    }

    .services-section .heading-section {
        padding: 30px 0;
    }

    .services-section .grid-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .services-section .dark-service,
    .page-consulting .services-section .dark-service {
        padding: 40px 50px 230px;
    }

    .services-section .review-card {
        padding: 80px 40px 50px;
    }

    .services-section .dark-service .extra-para {
        margin-top: 30px;
    }

    .services-section .dark-service .grid-item:nth-child(1) {
        order: 1;
    }

    .services-section .dark-service .grid-item:nth-child(2) {
        order: 2;
    }

    .services-section .dark-service .grid-item:nth-child(3) {
        order: 4;
    }

    .services-section .dark-service .grid-item:nth-child(4) {
        order: 3;
    }

    .services-section .dark-service .grid-item:nth-child(5) {
        order: 5;
    }

    .services-section .dark-service .grid-item:nth-child(6) {
        order: 6;
    }

    .services-section .dark-service p {
        margin-bottom: 20px;
    }

    .services-section .bg-service {
        background-image: none !important;
        height: 240px;
    }

    .services-section .bg-service-img img {
        display: initial;
    }

    .services-section .common-mb-60 {
        margin-bottom: 40px;
    }

    .services-section .review-card-desc {
        /*min-height: 170px;*/
    }
}

@media (max-width: 576px) {
    .footer-widget .footer-widget-list li img {
        top: 3px;
    }

    .services-section .container {
        max-width: initial;
        padding: 0;
    }

    .services-section .review-card-section .container,
    .services-section .talk-section .container {
        padding: 0 10px;
    }

    .services-section .heading-section {
        padding: 20px 0;
    }

    .services-section .grid-container {
        gap: 20px;
    }

    .services-section .dark-service,
    .page-consulting .services-section .dark-service {
        padding: 30px 20px 230px;
    }

    .services-section .dark-service .services-heading,
    .text-block .text-heading,
    .services-section .subheading-box p {
        font-size: 16px;
        line-height: normal !important;
        margin-bottom: 10px;
    }

    .services-section .dark-service p,
    .text-block .text-desc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .services-section .review-card {
        padding: 40px 20px 30px;
    }

    .services-section .review-card-profile {
        width: 60px;
        height: 60px;
        top: -70px;
    }

    .services-section .quot-icon {
        width: 30px;
        height: 30px;
        top: -55px;
    }

    .services-section .review-card-user,
    .services-section .review-card-desc {
        font-size: 14px;
    }

    .services-section .dark-service .extra-para {
        margin-top: 20px;
    }

    .services-section .common-mb-60 {
        margin-bottom: 20px;
    }

    .services-section .subheading-box {
        margin-bottom: 20px;
    }

    .page-service-consulting .services-section .subheading-box-2 {
        margin-bottom: 20px;
    }

    .page-service-consulting .services-section .subheading-box-2 p {
        font-size: 14px;
        line-height: 20px;
    }
}

/*======================================================================
====================== case study page css
======================================================================*/
.case-study-sections {
    border-radius: 32px;
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.case-study,
.case-study-1,
.case-study-2,
.case-study-3 {
    position: relative;
    padding: 60px 0;
    z-index: 1;
}

.case-study,
.case-study-1,
.case-study-2,
.case-study-3 {
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
}

.case-study {
    background: transparent;
    border-radius: 32px 32px 0 0;
    margin-bottom: -200px;
    z-index: 2;
    padding-bottom: 0;
    overflow: hidden;
}

.case-study:before {
    content: '';
    width: 100%;
    height: calc(100% - 200px);
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
    border-radius: 32px 32px 0 0;
    z-index: -1;
}

.case-study-1 {
    padding-top: 260px;
}

/*
* case-study-1 section
*/
.case-study-sections .purple-gradient {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.case-study-sections .case-study-3 .purple-gradient {
    left: 0;
    right: initial;
}

.case-study-sections .case-study-cats-title {
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    color: #F5F6FA;
    margin-bottom: 30px;
}

.case-study-sections .case-study-cats-title.gradient {
    background: linear-gradient(90deg, #00FFBF 0%, #C5BA85 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.case-study-sections .case-study-cats-wrap {
    padding: 30px 0;
}

.case-study-sections .case-study-cats {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.case-study-sections .case-study-cats li {
    width: 160px;
    height: 30px;
    border-radius: 8px;
    background: #515671;
    color: #FFF;
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-right: 10px;
    padding-top: 2px;
}

.case-study-sections .case-study-cats-2 li {
    width: initial;
    border-radius: 8px;
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
    color: #F5F6FA;
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    padding: 0px 25px;
}

.case-study-sections .case-study-cats-2 li:hover {
    background: linear-gradient(90deg, #00FFBF 0%, #C5BA85 100%);
    color: #151A31;
}

.case-study-sections .case-study-cats li:last-child {
    margin: 0px;
}

.case-study-sections .case-border {
    border-top: 1px solid #606060;
    border-bottom: 1px solid #606060;
}

.case-study-sections .case-border-bottom {
    border-bottom: 1px solid #606060;
}

.case-study-sections .case-study-para {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
}

.case-study-sections .case-study-para:last-child {
    margin-bottom: 0;
}

.case-study-sections .case-study-heading {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
    position: relative;
}

.case-study-heading .heading-number {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -52px;
    color: #505050;
    font-family: Plus Jakarta Sans;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.case-study-3 .case-study-heading .heading-number {
    color: #6D5CE8;
}

.case-study-subheading {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
}

.case-study-image {
    background: #C4C4C4;
    width: 100%;
    /*  height: 100%;*/
}

.case-study-review-card {
    border-radius: 16px;
    background: linear-gradient(180deg, #6D5CE8 0%, #5E4DD6 100%);
    padding: 80px 30px 60px;
}

.case-study-sections .review-card-wrap {
    position: relative;
}

.case-study-sections .review-card-profile {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: lightgray 50%;
    position: absolute;
    top: -110px;
}

.case-study-sections .review-card-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.case-study-sections .review-card-user {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 20px;
}

.case-study-sections .review-card-user p {
    margin: 0;
}

.case-study-sections .review-card-user .review-card-uposition {
    font-weight: 700;
}

.case-study-sections .text-block .text-desc {
    color: #F5F6FA;
}

/*
* case study 1 section
*/
.case-study-tags {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    padding: 30px 0;
    margin-top: 60px;
}

.case-study-tags ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.case-study-tags ul li {
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    background: linear-gradient(90deg, #00FFBF 0%, #C5BA85 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.case-study-tags ul li:first-child {
    font-weight: 400;
}


/*
* case study 2 section
*/
.case-study-sections .image-box {
    border-radius: 16px;
    background: #C4C4C4;
    /*height: 500px;*/
    margin: 60px 0;
}

.case-study-sections .text-block {
    position: relative;
    margin-bottom: 30px;
}

.case-study-sections .text-block:last-child {
    margin-bottom: 0px;
}

.case-study-sections .text-block .text-heading {
    font-size: 20px;
    line-height: 30px;
}

/*
* case study 2 section
*/
.cs-video-col-wrap {
    border-radius: 16px;
    background: linear-gradient(180deg, #6D5CE8 0%, #5E4DD6 100%);
    position: relative;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cs-video-col-wrap .video-col.video-content {
    width: 440px;
}

.cs-video-col-wrap .video-col {
    width: calc(100% - 470px);
}

.cs-video-col-wrap .user-profile {
    display: flex;
    width: 90px;
    height: 90px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: lightgray 50%;
    /* box-shadow: 0px 0px 0px 2px #FFF; */
    /*  top: -25px;
position: absolute;
left: 40px;*/
    margin-top: -55px;
    margin-bottom: 20px;
}

.cs-video-col-wrap .user-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.cs-video-col-wrap .user-info {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /*margin-top: 50px;*/
}

.cs-video-col-wrap .user-info p {
    margin: 0;
}

.cs-video-col-wrap .user-info .user-position {
    font-weight: 500;
    color: #D2D2D2;
}

.user-info .user-position {
    color: #D2D2D2;
}

p.review-card-uposition {
    color: #D2D2D2;
}

.fw-600 {
    font-weight: 600;
    height: 20px;
}

.reviewSection .icon-item .icon-img {
    height: 58px;
}

.cs-video-col-wrap .user-desc,
.cs-video-col-wrap .video-user-desc {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    margin-top: 20px;
}

.cs-video-col-wrap .video-user-desc {
    display: none;
}

/*
* case study counters section
*/
.case-study-counters {
    background: linear-gradient(180deg, #6D5CE8 0%, #5E4DD6 100%);
    padding: 30px 0 60px;
}

.case-study-sections .counter-section-title {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
}

.case-study-sections .grid-counters {
    display: flex;
    flex-wrap: wrap;
}

.case-study-sections .counter-item {
    /*width: calc(100% / 4);*/
    /* max-width: 220px; */
    /*margin-bottom: 30px;*/
}

.case-study-sections .counter-block {
    max-width: 230px;
}

.counter-number {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 52px;
    font-style: normal;
    font-weight: 800;
    line-height: 64px;
    margin: 0;
}

.counter-mobile {
    display: none;
}

.counter-title {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    margin-top: 10px;
}

/* Accordion Fix */
#accordionFlushExample {
    border-left: 4px solid #6f6f6f;
    margin-left: 0;
    padding-left: 0;
    position: relative;
}

.accordion-flush .accordion-item {
    border-top: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 20px;
    position: relative;
}

.accordion-flush .accordion-item .accordion-button {
    padding-bottom: 0;
}

.accordion-flush .activeAccordion:after {
    border-left: 4px solid #6D5CE8 !important;
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: -4px;
}

#accordionFlushExample .accordion-body {
    padding-top: 20px;
}

body .accordion-flush .accordion-item {
    border: none !important;
}

/* Accordion fix ends */

section.solutionSection.saasResults.casestudySolution.numberTwosection {
    padding-top: 60px;
}


.case-study-list {
    position: relative;
}

.case-study-list .case-study-item {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.case-study-list .case-study-item:last-child {
    margin-bottom: 0;
}

.case-study-list .case-study-item-title {
    display: block;
    padding: 0;
    margin: 0;
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.case-study-list .case-study-item-desc {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    padding-top: 20px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.case-study-list .case-study-item.case-study-item-split {
    display: grid;
    /* grid-template-columns: repeat(2, 1fr); */
    grid-gap: 60px;
    row-gap: 30px;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: auto 580px;
}

.case-study-item-top-x {
    margin-top: 48px;
}

@media (min-width: 1200px) {
    .cs-video-col-wrap .video-wrapper {
        min-height: 375px;
    }

    .case-study-sections .h-730 {
        height: 730px;
    }

    .case-study-sections .h-170 {
        height: 170px;
    }
}

@media (min-width: 768px) {
    .case-study-list:before {
        content: '';
        position: absolute;
        top: 0;
        left: -24px;
        width: 4px;
        height: 100%;
        background: #606060;
    }

    .case-study-list .accordion-item.active:before {
        content: '';
        position: absolute;
        top: 0;
        left: -24px;
        width: 4px;
        height: 100%;
        background: #6d5ce8;
    }
    .case-study-bullet-img1 {
        height: 675px;
        object-fit: cover;
    }
}

@media (max-width: 1199px) {
    .case-study-cats li {
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .case-study-sections {
        padding-bottom: 50px;
    }

    .case-study-sections .container {
        max-width: initial;
        padding: 0 50px;
    }

    .case-study-sections .grid-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .case-study-sections .case-study-image {
        min-height: 280px;
    }

    .case-study-sections .case-study-heading {
        font-size: 32px;
    }

    .case-study-sections .case-study-heading .heading-number {
        width: 60px;
        height: 40px;
        left: -20px;
        bottom: 20px;
        font-size: 96px;
        z-index: -1;
    }

    .case-study-sections .case-study-para {
        font-size: 16px;
        line-height: 26px;
    }

    .case-study-sections .image-box {
        height: auto;
        margin: 30px 0;
    }

    .case-study-tags {
        grid-template-columns: repeat(4, 1fr);
    }

    .case-study-sections .cs-video-col-wrap {
        padding-bottom: 50px;
    }

    .case-study-sections .cs-video-col-wrap .user-desc {
        display: none;
    }

    .case-study-sections .cs-video-col-wrap .video-user-desc {
        display: initial;
    }

    .case-study-sections .case-study-counters .grid-container {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }

    .case-study-sections .counter-number {
        font-size: 36px;
        font-weight: 700;
        line-height: 40px;
    }

    .case-study-sections .counter-title {
        font-size: 16px;
        line-height: 20px;
    }

    .case-study-list .case-study-item.case-study-item-split {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        margin-bottom: 30px;
    }

    .case-study-item-top-x {
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    .case-study-sections .case-study-counters .grid-container {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}

@media (max-width: 576px) {
    .case-study-sections {
        padding-bottom: 30px;
    }

    .case-study-sections .container {
        padding: 0 20px;
    }

    .case-study-tags {
        grid-template-columns: repeat(3, 1fr);
    }

    .case-study-counters {
        padding: 30px 0 30px;
    }

    .case-study-sections .case-study-counters .grid-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .case-study-list .case-study-item {
        margin-bottom: 20px;
    }

    .case-study-list .case-study-item-title {
        font-size: 14px;
        line-height: 20px;
    }

    .case-study-list .case-study-item-desc {
        font-size: 14px;
        line-height: 20px;
        padding-top: 10px;
    }

    .page-case-study-certifopac .case-study-section2 .case-study {
        margin-bottom: 30px;
        padding-bottom: 30px !important;
    }

    .page-case-study-certifopac .case-study-section2 .case-study-1 {
        padding-top: 0px;
    }
}

@media (max-width: 360px) {
    .case-study-tags {
        grid-template-columns: repeat(2, 1fr);
    }

    .case-study-sections .case-study-counters .grid-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
}

/*======================================================================
====================== theme accordion css
======================================================================*/
.case-study-accordion {
    position: relative;
}

.case-study-accordion .accordion-item {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.case-study-accordion .accordion-item:last-child {
    margin-bottom: 0px;
}

.case-study-accordion .accordion-item .accordion-header .accordion-button {
    display: block;
    padding: 0;
    color: #6D5CE8;
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.case-study-accordion .accordion-item .accordion-header .accordion-button.collapsed {
    color: #F5F6FA;
}

.case-study-accordion .accordion-body {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    padding-top: 20px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.case-study-accordion .accordion-body p:last-child {
    margin-bottom: 0;
}

#pageQa section.reviewSection.commonPaddingtop.pageQacardsthree {
    padding-top: 0px !important;
}

.font-light-color {
    color: #515671 !important;
}

.fw-400 {
    font-weight: 400;
}

section.headingSection.pageMvpdevelopmentcards.rightBdesign.pt-0 {
    padding-top: 0px !important;
}

.review-card-user p {
    height: 20px;
}

.iti__country-list.iti__country-list--dropup {
    border-radius: 0px;
    border-bottom: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: -5px;
    border-bottom: 0px !important;
    padding-top: 2px;
}

.mh-30 {
    min-height: 30px;
}

.mb-60-fix {
    margin-bottom: 60px;
}

@media (min-width: 768px) {
    .case-study-accordion:before {
        content: '';
        position: absolute;
        top: 0;
        left: -24px;
        width: 4px;
        height: 100%;
        background: #606060;
    }

    .case-study-accordion .accordion-item.active:before {
        content: '';
        position: absolute;
        top: 0;
        left: -24px;
        width: 4px;
        height: 100%;
        background: #6d5ce8;
    }
}

@media (max-width: 576px) {
    .case-study-accordion .accordion-item {
        margin-bottom: 20px;
    }

    .case-study-accordion .accordion-item .accordion-header .accordion-button {
        font-size: 14px;
        line-height: 20px;
    }

    .case-study-accordion .accordion-body {
        font-size: 14px;
        line-height: 20px;
        padding-top: 10px;
    }
}



/*======================================================================
====================== new css
======================================================================*/

.boldgradientOuter .boldGradient.boldGradientNew {
    font-weight: var(--fontWeight800);
}

p.reviewName.reviewNamenew {
    height: 30px;
}

p.workPosition.workPositionNew {
    line-height: 20px;
}

.leaderOuter .card-body.card-body-new {
    min-height: 410px;
}

.leaderOuter .card-body .workPosition.workPositionNew {
    font-weight: var(--fontWeight500);
}

.reviewSection.pageReviewcardstwoNew .icon-block-container {
    gap: 30px 20px;
}

.reviewSection.pageReviewcardstwoNew .icon-block-container .icon-title {
    min-height: auto;
}

section.video-section.videoSectionNew {
    margin-bottom: 0;
}

.reviewSection.reviewSectionMethod .icon-block-container.icon-block-3 .icon-item .icon-img {
    height: 58px;
}

#notreApprochePage .reviewSection.lagencyCardsNew #allcardBackground .maincardsouter {
    padding: 14px 0 20px 0;
}

#notreApprochePage .reviewSection.lagencyCardsNew #allcardBackground .card img {
    margin-bottom: 12px;
}

.cs-video-col-wrap.cs-video-col-wrap-new .user-info {
    margin-top: 0;
}


.case-study-counters-new .grid-container.grid-col-4 {
    gap: 30px 85px;
}

.seniorSectionNew .seniorWritten .mesureDiv:last-child {
    padding-bottom: 0;
}


.seniorSectionNew .col-md-8 {
    height: fit-content;
}

.seniorSectionNew .col-md-4 {
    height: fit-content;
}


.seniorSectionNew .boldgradientOuter .manyGradients {
    margin-bottom: 60px;
}

.seniorSectionNew .boldgradientOuter .manyGradients:last-child {
    padding-bottom: 30px;
    margin-bottom: 0;
}

.seniorSectionNew .boldgradientOuter .manyGradients:first-child {
    padding-top: 0px;
}

.seniorSectionNew .boldgradientOuter .boldGradient {
    line-height: 60px;
}

.case-study-sections-New .case-study-image {
    height: 78.5%;
}

.case-study-sections-New .case-study-1 {
    padding-top: 256.4px;
}

.case-study-sections.case-study-section2 .case-study-para {
    line-height: 25.4875px;
}

.case-study-sections-New .case-study-2.case-study-2-new .case-study-image.case-study-image-new {
    height: 98.769%;
}

.seniorSectionNew .greyP.greypNew {
    margin-bottom: 30px;
}

.seniorSectionNew .mesureDiv .challengeHeading.challengeHeadingNew {
    line-height: 30px;
}

.mh-30-new {
    min-height: 29px;
}


.pageQacardsNew .icon-item .icon-title {
    min-height: 60px;
}



.solution-sectionProgressive .solution-img {
    height: 500px;
}

.solution-sectionProgressive .solution-desc {
    margin-bottom: 25px;
}

.solution-sectionProgressive .solution-desc:last-child {
    margin-bottom: 0;
}

.case-study-new-container .cs-video-col-wrap .video-col {
    width: calc(100% - 454px);
}

.case-study-new-container .cs-video-col-wrap .video-col.video-content {
    width: 440px;
}

.case-study-new-container .cs-video-col-wrap .video-col .video-wrapper {
    border-radius: 8px;
}

.case-study-subheading.case-study-subheadingNew {
    margin-bottom: 30px;
}

.case-study-sections .new-text-block .text-block:last-child .text-desc {
    margin-bottom: 0;
}

.case-study-sections-New .case-study-3-new .case-study-image {
    height: 376px;
    object-fit: cover;
}

.casestudy-img-heightCls .case-study-image {
    height: 404px;
    object-fit: cover;
}

@media(min-width:992px) {
    .solution-sectionProgressive .solution-heading {
        min-height: 120px;
    }

    .case-study-sections-New .case-study-img-ih .case-study-image {
        height: 820px;
    }
}

/*======================================================================
====================== Banner css
======================================================================*/
.banner-section {
    position: relative;
    background-color: #FFF;
    background-image: url(../Images/BannerBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    padding: 170px 0px 50px 0px;
    border-radius: 0px 0px 32px 32px;
    margin-bottom: 60px;
}

.banner-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.banner-container .banner-content {
    width: calc(100% - 620px);
}

.banner-container .banner-image {
    width: 580px;
}

.banner-container .banner-content .banner-heading {
    color: #151A31;
    font-family: Plus Jakarta Sans;
    font-size: 52px;
    font-style: normal;
    font-weight: 800;
    line-height: 64px;
    margin-bottom: 20px;
}

.banner-container .banner-content .banner-desc {
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.banner-container .banner-content button {
    margin: 0;
    margin-top: 31px;
}

@media screen and (max-width:1200px) {

    .banner-container .banner-content,
    .banner-container .banner-image {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width:991px) {
    .banner-section {
        padding: 130px 0px 40px 0px;
        background-size: contain;
        background-position: 100% 10%;
    }

    .banner-container .banner-content,
    .banner-container .banner-image {
        width: 100%;
    }

    .banner-container .banner-content .banner-heading {
        line-height: 66px;
    }

    .banner-container .banner-content .banner-desc {
        line-height: 27.5px;
    }

    .banner-container .banner-content button {
        margin: auto;
        margin-top: 31px;
    }

    .banner-container .banner-image {
        margin-top: 60px;
        text-align: center;
    }

    .banner-container .banner-image img {
        width: 100%;
        max-width: 580px;
        max-height: 351px;
        margin: auto;
    }

    .navbar-nav .nav-item.dropdown svg {
        display: none !important;
    }

    .navbar-nav .nav-item.dropdown.show svg {
        display: initial !important;
    }

    body .navbar-nav .nav-item.dropdown:hover svg {
        display: none !important;
    }

    body .navbar-nav .nav-item.dropdown.show:hover svg {
        display: initial !important;
    }
}

@media screen and (max-width: 576px) {
    .banner-section {
        background-size: initial;
        background-position: 10% 10%;
        padding: 80px 0px 30px 0px;
        /* margin: -10px -10px 0; */
        margin-bottom: 30px;
    }

    .banner-section .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .banner-container .banner-content .banner-heading {
        font-size: 32px;
        font-weight: 800;
        line-height: 38px;
        padding-bottom: 4px;
        margin-bottom: 10px;
    }

    .banner-container .banner-content .banner-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .banner-container .banner-content button {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }

    .banner-container .banner-image {
        margin-top: 40px;
    }

    .banner-container .banner-image img {
        max-height: 240px;
    }
}

/*======================================================================
====================== Home Page expertise css
======================================================================*/
.expertise-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
}

.expertise-block {
    position: relative;
}

.expertise-container .expertise-block:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -40px;
    background: linear-gradient(90deg, #2517F8 0%, #E69AC7 100%);
}

.expertise-container .expertise-block:last-child:after {
    display: none;
}

.expertise-block .expertise-title {
    color: #151A31;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 30px;
    min-height: 60px;
}

.expertise-block .expertise-desc {
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 00px;
}

@media screen and (max-width: 991px) {
    .expertise-container {
        gap: 48px;
    }

    .expertise-container .expertise-block:after {
        right: -24px;
    }

    .expertise-block .expertise-title {
        margin-bottom: 20px;
        min-height: initial;
    }
}

@media screen and (max-width: 576px) {
    .expertise-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .expertise-container .expertise-block:after {
        display: none;
    }

    .expertise-block .expertise-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .expertise-block .expertise-desc {
        font-size: 14px;
        line-height: 20px;
    }
}

/*======================================================================
====================== Footer css
======================================================================*/
/*
* Footer top css
*/
.main-footer .footer-top {
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
    padding: 60px 0 0px;
    padding-top: 165px;
}

.footer-top .footer-logo {
    margin-bottom: 66px;
}

.footer-top .footer-logo .logo {
    width: 339px;
    height: 38px;
    /* text-align: left; */
    /* margin: 0 auto; */
    margin-left: -7px;
    max-width: 100%;
}

.footer-top .footer-contact,
.footer-top .footer-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
}

.footer-top .footer-contact {
    margin-bottom: 50px;
}

.footer-top .footer-contact:last-child {
    margin-bottom: 0px;
}

.footer-widget .footer-widget-title {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 30px;
    min-height: 30px;
}

.footer-widget .footer-widget-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

.footer-widget .footer-widget-list.for-small-screen {
    display: none;
}

.footer-widget .footer-widget-list li {
    position: relative;
    margin-bottom: 1px;
    line-height: initial;
}

.footer-widget .footer-widget-list li:last-child {
    margin-bottom: 0;
}

.footer-widget .footer-widget-icon-list li {
    padding-left: 25px;
}

.footer-widget .footer-widget-list li img {
    height: 16px;
    position: absolute;
    top: 5px;
    left: 0;
}

.footer-widget .footer-widget-list li p,
.footer-widget .footer-widget-list li a {
    margin: 0;
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}


.footer-top-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-top-col:first-child {
    width: 35%;
}

.footer-top-col:last-child {
    width: 62%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: end;
}

.footer-top-col-1 {
    width: 43%;
    padding: 0;
    padding-left: 10px;
    box-sizing: border-box;
}

.footer-top-col-2,
.footer-top-col-3 {
    width: 28.02%;
}

.footer-top-col-2 {
    padding-left: 20px;
}

@media (max-width: 991px) {

    .footer-top-col:first-child,
    .footer-top-col:last-child {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .footer-top-row {
        padding: 0 10px;
    }

    .footer-top-col-1,
    .footer-top-col-2,
    .footer-top-col-3 {
        width: 100%;
        padding-left: 0;
    }

    .footer-top-col-1 .border-cols {
        border: none;
    }

    .footer-top .footer-logo .logo {
        width: 100%;
        margin: 0;
        max-width: 270px;
        height: 30px;
        margin-left: -8px;
    }
}

/*
* Footer bottom css
*/
.cls-container-flex {
    display: flex;
    justify-content: space-between;
}

.cls-container-flex .footer-grid {
    margin-bottom: 0px;
    display: block;
}

a.foober-link.foober-link2 {
    padding-left: 10px;
}

.main-footer .footer-bottom {
    border-radius: 0 0 32px 32px;
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
    padding-bottom: 30px;
    padding-top: 30px;
}

.main-footer .footer-bottom .foober-link {
    display: inline-grid;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
    /* margin-top: -70px; */
    margin-bottom: 40px;
}

.footer-grid-item {
    position: relative;
    border-radius: 16px;
    background: linear-gradient(180deg, #454545 0%, #404040 100%);
    /* background: linear-gradient(to bottom, #454545, #393939); */
    margin-top: -70px;
}

.footer-grid-item .grid-top {
    padding: 60px 30px 30px;
}

.footer-grid-img {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background: #393939;
    position: absolute;
    top: -30px;
}

.footer-grid-item .footer-grid-title {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 25px;
}

.footer-grid-item .footer-grid-desc {
    color: #D2D2D2;
    /*font-family: Inter;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    min-height: 100px;
}

.footer-grid-item .grid-bottom {
    border-radius: 0px 0px 16px 16px;
    background: #393939;
    padding: 22px 30px;
}

.footer-grid-item .grid-bottom a {
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

.footer-grid-item .grid-bottom a:hover {
    font-weight: 600 !important;
    transition: 0.3s;
}

.footer-grid-item .grid-bottom a:hover span {
    transform: translateX(4px);
    transition: 0.5s;
    font-weight: 600 !important;
}

.footer-bottom-right {
    display: flex;
    align-items: center;
    gap: 28px;
    color: #F5F6FA;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.lang-switcher {}

.lang-switcher .active {
    font-weight: 600;
}

.lang-switcher a {
    text-decoration: none;
    color: rgb(245 246 250 / 50%);
}

.footer-copyright {
    text-align: right;
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .main-footer .footer-top {
        padding: 50px 0 0px;
        padding-top: 135px !important;
    }

    .footer-top .footer-logo {
        margin-bottom: 56px;
    }

    .footer-top .footer-contact,
    .footer-top .footer-links {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .footer-top .footer-contact {
        margin-bottom: 35px;
    }

    .footer-links .footer-widget:nth-child(2) {
        display: none;
    }

    .footer-widget .footer-widget-title {
        font-size: 20px;
        margin-bottom: 10px;
        min-height: 30px;
    }

    .footer-widget .footer-widget-list.for-small-screen {
        display: initial;
    }

    .footer-grid {
        gap: 13px;
    }

    .footer-grid-item {
        margin-top: -60px;
    }

    .footer-grid-item .footer-grid-title {
        margin-bottom: 10px;
    }

    .main-footer .footer-bottom {
        /*padding-bottom: 50px;*/
    }

}

@media screen and (max-width: 640px) {
    .main-footer .footer-top {
        padding-top: 100px !important;
        /*Change */
    }
}

@media screen and (max-width: 576px) {
    .main-footer .footer-top {
        padding: 40px 0 150px;
    }

    .footer-top .footer-logo {
        margin-bottom: 30px;
    }

    .footer-top .footer-contact,
    .footer-top .footer-links {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .footer-widget .footer-widget-title {
        font-size: 16px;
        margin-bottom: 10px;
        min-height: 20px;
    }

    .footer-widget .footer-widget-list li p,
    .footer-widget .footer-widget-list li a {
        font-size: 14px;
        font-weight: 400;
        /*line-height: 20px;*/
    }

    .footer-top .footer-contact {
        margin-bottom: 40px;
    }

    .main-footer .footer-bottom {
        padding-top: 30px;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-bottom .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .footer-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }

    .footer-grid-item {
        margin-top: 0px;
    }

    .footer-grid-item:first-child {
        margin-top: -80px;
    }

    .footer-grid-item .grid-top {
        padding: 50px 20px 30px;
    }

    .footer-grid-item .footer-grid-desc {
        min-height: initial;
    }

    .footer-grid-item .grid-bottom {
        padding: 23px 20px;
        text-align: center;
    }

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

    .footer-grid-item .grid-bottom a {
        vertical-align: text-bottom;
    }

    a.learn-action .material-symbols-outlined {
        font-size: 20px;
    }
}


/*======================================================================
====================== Contact form css
======================================================================*/
.contact-us-section {
    border-radius: 32px 32px 0px 0px;
    background: linear-gradient(180deg, #F1F0F8 0%, #F8F8F8 100%);
    padding: 50px 0 70px;
}

.contact-us-section .heading-section .section-desc {
    min-height: 50px;
}

.contact-us-form {
    width: 100%;
    border-radius: 16px;
    background: #FFF;
    margin: 40px auto 0;
    padding: 40px 30px;
    position: relative;
    margin-bottom: -156px;
}

.contact-form-top {
    width: 100%;
    max-width: 670px;
}

.contact-form-top .contact-form-heading {
    color: #151A31;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
    min-height: 60px;
}

.contact-form-top .contact-form-desc {
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.form-header-img {
    width: 420px;
    height: 310px;
    border-radius: 12px;
    background: #C4C4C4;
    position: absolute;
    top: -20px;
    right: 20px;
    overflow: hidden;
}

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

.contact-form-sheading {
    color: #2517F8;
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 40px 0 30px;
    min-height: 30px;
}

.field-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.field-block,
.field-block-1,
.field-block-2 {
    width: 100%;
    margin-bottom: 20px;
}

.custom-field {
    position: relative;
    font-size: 14px;
    /* border-top: 20px solid transparent; */
    /* margin-bottom: 5px; */
    display: inline-block;
    --field-padding: 14px;
}

.custom-field .form-input {
    width: 100%;
    padding: 15px 13px;
    color: #515671;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 8px;
    border: 1px solid #DBDEF0;
    background: #F6F6FB;
    outline: none;
    border-color: rgb(219, 222, 240);
    border-image: initial;
    background: linear-gradient(90deg, rgb(37, 23, 248), rgb(37, 23, 248)) center bottom / 0px 0.15em no-repeat, linear-gradient(90deg, rgba(219, 222, 240, 0), rgba(219, 222, 240, 0)) left bottom / 100% 0.15em no-repeat, linear-gradient(90deg, rgb(246, 246, 251), rgb(246, 246, 251)) left bottom / 100% no-repeat;
    transition: background-size 0.3s ease;
    transition: background-size 0.3s ease 0s;
}

.custom-field,
.custom-field .form-input {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #515671;
}

.custom-field {
    margin-bottom: 20px;
}

.field-block .custom-field,
.field-block-1 .custom-field,
.field-block-2 .custom-field {
    margin-bottom: 0px;
}

.custom-field .placeholder {
    position: absolute;
    left: var(--field-padding);
    width: calc(100% - (var(--field-padding) * 2));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 23px;
    height: 20px;
    font-size: 16px;
    line-height: 100%;
    transform: translateY(-50%);
    line-height: var(--lineHeight24);
    color: #515671;
    transition:
    top 0.3s ease,
    color 0.3s ease,
    font-size 0.3s ease;
}

.custom-field .form-input,
.custom-field .formDropdown {
    height: 50px;
}

.custom-field .formDropdown img {
    width: 16px;
    object-fit: contain;
    position: absolute;
    right: 20px;
    bottom: 22px;
    height: 16px;
    top: 18px;
    filter: none;
}

.formDropdown {
    border: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none !important;
    width: 100%;
    border-radius: 3px;
    outline: none;
    font-size: 16px;
    color: #515671 !important;
    background-color: #F6F6FB !important;
    border-radius: 8px;
    border-top-left-radius: 8px;
    padding: 14px !important;
    border-top-right-radius: 8px;
    border: 1px solid #DBDEF0;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.custom-field .iti__country-list {
    width: 549px !important;
}

.custom-field .formdropMenu li a {
    font-size: 16px;
    color: #515671 !important;
}

.custom-field .formdropMenu {
    width: 100% !important;
    background-color: #F7F7F9 !important;
    border: 1px solid #dbdef0 !important;
    border-top: 1px solid #dbdef000 !important;
    border-radius: 0 0 8px 8px;
    margin-top: -3px !important;
    white-space: nowrap !important;
}

.custom-field .formdropMenu li a:hover {
    background: #F1F0F8 !important;

}

.formdropMenu {
    padding-top: 0px;
}

.formdropMenu li {
    height: 30px;
}

.custom-field #user_message {
    height: 200px;
    resize: none;
    margin: 0;
}

.custom-field select {
    border-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #DBDEF0;
    width: 100%;
    font-size: 14px;
    padding: 12px;
    height: 50px;
    color: #515671;
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
}

.custom-field .form-select {
    background-color: #F6F6FB !important;
    font-size: 16px !important;
    color: #515671 !important;
}

.custom-field .form-input:focus+.placeholder {
    color: #2517F8 !important;
    top: 8px;
    font-size: 10px;
    font-weight: 400;

}

.custom-field .form-input.dirty+.placeholder,
.custom-field .form-input:not(:placeholder-shown)+.placeholder {
    /*top: 8px;
font-size: 10px;
color: #222;*/
}

.custom-field .form-input:focus,
#user_message:focus {
    padding-top: 24px !important;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.custom-field .form-input.dirty,
.custom-field .form-input:focus {
    background-size: 100% 1px, 100% 1px, 100%;
}

.custom-field #user_message:focus {
    background-size: 100% 1px, 100% 1px, 100%;
}

.custom-field #user_message:focus+.placeholder {
    color: #2517F8 !important;
    top: 12px;
    font-size: 10px;
    font-weight: 400;
    background: #f6f6fb;

}

.custom-field #user_message.dirty+.placeholder,
.custom-field #user_message:not(:placeholder-shown)+.placeholder {
    top: 12px;
    font-size: 10px;
    color: #222;
}

.border_class {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom: 1px solid #dbdef0 !important;
    border-top-left-radius: 8px !important;
}

.form-select:focus {
    box-shadow: none;
    border: 1px solid #DBDEF0;
}

.custom-field select:focus {
    outline: #2517F8;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgb(0 0 0 / 0%) !important;
    border-right: 1px solid #DBDEF0;
    padding: 0px 16px 0px 16px;
}

#phone.closed {
    border-radius: 8px !important;
}

#phone.opened.below {
    border-radius: 8px 8px 0 0 !important;
}

#phone.opened.above {
    border-radius: 0 0 8px 8px !important;
}

#phone.b-phone {
    padding-left: 120px !important;
}

.contact-form-btns {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 30px;
}

.btn-group-l,
.btn-group-r {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.btn-group-l {
    width: 45%;
}
.btn-group-r {
    width: 55%;
    text-align: right;
    justify-content: end;
}
.contact-form-btns .btn-group-r {
    align-items: flex-start;
}

.btn-group-l #file-counts {
    margin-left: 20px;
    color: #4029F2;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    text-decoration: none;
}

.contact-form-btns button {
    border-radius: 16px;
    border: 2px solid #4029F2;
    width: 220px;
    height: 50px;
    color: #4029F2;
    font-weight: 500;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.contact-form-btns button img {
    width: 16px;
    margin-right: 10px;
}

.contact-form-btns button:hover {
    border: 2px solid #4029F2;
    color: #fff;
    background: #2517F8;
    transition: 0.3;
}

.contact-form-btns button:hover img {
    filter: hue-rotate(1deg) brightness(14.5) !important;
}

#submit_form {
    color: #fff;
    background: transparent !important;
    border: none;
    overflow: hidden;
    font-weight: 700;
    margin-left: 20px;
    z-index: 1;
}

#submit_form:before,
#reset_form:before {
    opacity: 1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    color: #fff;
    background: repeating-linear-gradient(91deg, #2517F8, #E69AC7) !important;
    border: none;
    z-index: -1;
}

#submit_form::after,
#reset_form:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    border-radius: 16px;
    background-image: linear-gradient(to right, #2517F8 27%, #8f5fde 100%, #E69AC7 74%);
    border: none;
    z-index: -1;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: 0%;
    transition: 0.2s;
    transform: translateX(-35px);
}

#submit_form:hover,
#reset_form:hover {
    background-image: linear-gradient(to right, #2517F8 24%, #6D48E6 40%, #E69AC7 100%) !important;
}

#submit_form:hover::after,
#reset_form:hover::after {
    width: 100%;
    opacity: 1;
    background-image: linear-gradient(to right, #2517F8 100%, #6D48E6 60%, #2517F8 100%);
    z-index: -1;
    opacity: 1;
    transition: 0.3s;
    transform: translateX(10px);
}

.contact-form-reset {
    text-align: center;
}

#reset_form {
    border-radius: 16px;
    border: none;
    width: 100%;
    max-width: 360px;
    height: 50px;
    color: #ffffff;
    font-weight: 700;
    background: transparent;
    position: relative;
    margin: auto;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-top: 30px;
}

.file-upload-field,
.error-msg {
    display: none;
}

.custom-field.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.custom-field.error {
    margin-bottom: 5px;
}

.custom-field .form-input.error {
    border-color: red;
    color: red;
}

.error-msg {
    color: red;
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

.iti__flag-box,
.iti__flag {
    display: none !important;
}

.iti__selected-dial-code {
    display: initial !important;
}

.form-submit.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.show-error-cls {
    width: 100%;
}

.files-container {
    width: 100%;
    margin-top: 15px;
}

.files-container .file-list {
    /*list-style: none;*/
    /*padding: 0;*/
    margin: 0;
}
.files-container .file-list li {
    margin-bottom: 10px;
    line-height: 1;
    position: relative;
}
.file-list .remove-file {
    margin-left: 5px;
    cursor: pointer;
    height: 16px;
    width: 16px;
    /*position: absolute;*/
    top: -1px;
}
.file-list .remove-file svg {
    width: 15px;
    fill: #151A31;
}
.file-list .remove-file:hover svg {
    fill: #ff0000;
}

#mob_delete_btn {
    display: none;
}

div#progressBar {
    width: 100%;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.loading-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    margin-right: 8px;
    vertical-align: middle;
}


@media (min-width: 992px) {
    .contact-us-form {
        max-width: 960px;
    }

    .field-block-1,
    .field-block-2 {
        max-width: calc(50% - 10px);
    }

    .btn-group-l #delete_btn {
        display: none;
    }
}

@media (min-width: 1200px) {
    .contact-us-section .container {
        padding: 0px;
    }

    .contact-us-form {
        max-width: 1140px;
    }
}

@media (min-width: 1300px) {
    .contact-us-form {
        max-width: 1180px;
    }

    .field-block-1 {
        max-width: 549px;
    }

    .field-block-2 {
        max-width: 540px;
    }
}

@media (max-width: 1199px) {
    .form-header-img {
        width: 190px;
        height: 190px;
        top: -20px;
        right: 20px;
    }

    .btn-group-l #file-counts {
        /*margin-left: 20px !important;
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    width: 75px;
    text-wrap: nowrap;*/
    }

    .contact-form-btns #delete_btn {
        margin-right: 10px;
    }

    .contact-form-btns #submit_form {
        margin-left: 15px;
    }

    .btn-group-l {
        width: 40%;
    }
    .btn-group-r {
        width: 60%;
    }
}

@media (max-width: 991px) {
    .contact-us-section {
        padding: 60px 0 50px;
    }

    .contact-us-form {
        width: calc(100% - 20px);
        margin-top: 40px;
        padding: 40px 50px 50px;
        margin-bottom: -125px;
    }

    .contact-form-top {
        max-width: calc(100% - 220px);
    }

    .contact-form-sheading {
        margin: 20px 0 30px;
    }

    .contact-form-top .contact-form-desc {
        line-height: 25px;
    }

    .contact-form-btns {
        margin-top: 20px;
    }

    .btn-group-l,
    .btn-group-r {
        flex-wrap: wrap;
    }

    .btn-group-l button,
    .btn-group-l a,
    .btn-group-r button {
        /*width: calc(50% - 20px);*/
        margin: 0 !important;
    }

    .btn-group-l #delete_btn,
    .btn-group-r #delete_btn {
        display: none;
    }

    #file-counts {
        display: none;
    }

    #mob_delete_btn {
        display: initial;
        margin-top: 15px !important;
    }

    .grecaptcha-badge {
        bottom: 80px !important;
    }
}

@media (max-width: 640px) {
    .contact-us-section {
        padding: 30px 0 40px;
    }

    .contact-us-section .heading-section .section-desc {
        margin-top: 10px;
    }

    .contact-us-form {
        margin-top: 30px;
        padding: 30px 20px 30px;
        margin-bottom: -90px;
        /*Change Margin Boottom */
    }

    .contact-form-top {
        max-width: 100%;
    }

    .contact-form-top .contact-form-heading {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
        max-width: calc(100% - 140px);
    }

    .contact-form-top .contact-form-desc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        list-style: none;
        padding: 0;
    }

    .form-header-img {
        width: 120px;
        height: 120px;
    }

    .contact-form-sheading {
        margin: 20px 0 20px;
        font-size: 16px;
        line-height: 20px;
        min-height: 20px;
    }

    .custom-field,
    .custom-field .form-input {
        font-size: 14px;
        line-height: 20px;
    }

    .btn-group-l,
    .btn-group-r {
        width: 100%;
    }

    .btn-group-l button,
    .btn-group-l a,
    .btn-group-r button {
        width: 100%;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .btn-group-l #delete_btn {
        display: initial;
    }

    #submit_form {
        margin: 0 !important;
    }

    .files-container {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}


/*======================Responsive Home===================*/
@media screen and (max-width: 576px) {

    /*  .heading-section-mob .section-desc strong {
font-weight: 400;
}*/

    .choose-item .choose-img {
        width: 100%;
    }

    .review-slider-mob .review-item .review-desc {
        min-height: 150px;
    }

    .services-section-mob .service-heading-mob {
        min-height: 49px;
    }

    .review-card-section-mob .review-card-desc {
        line-height: 20px;
    }

    .review-card-section-mob .review-card-desc p:not(:last-child) {
        margin-bottom: 20px;
    }

    .home-review-section-heading-mob .section-desc p:not(:last-child) {
        margin-bottom: 20px;
    }

    .expertise-section-mob .heading-section {
        padding-bottom: 20px !important;
    }

    header .navbar-expand-lg .navbar-collapse {
        transform: translateY(0px);
        width: 100%;
    }

    header .navbar-light .navbar-toggler-icon {
        width: 22px;
        height: 18px !important;
    }

    header#headerMain .container {
        padding-left: 32px;
        padding-right: 32px;
    }

    main {
        position: relative;
    }
}

}


@media screen and (max-width: 360px) {

    .more-reviews-item img {
        height: 17px;
    }

    .more-reviews-item:last-child {
        margin-left: 15px;
    }

}


@media screen and (min-width: 360px) and (max-width:390px) {

    .more-reviews-item img {
        height: 20px;
    }

}

@media screen and (min-width: 390px) and (max-width:576px) {

    .more-reviews-item img {
        height: 26px;
    }

}

@media screen and (min-width: 576px) and (max-width:767px) {

    .banner-container .banner-content .banner-heading {
        font-size: 32px;
        font-weight: 800;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .banner-container .banner-content .banner-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .heading-section .section-heading {
        font-size: 20px;
        line-height: normal;
    }

    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .heading-section .section-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .review-item {
        padding: 20px;
        padding-top: 50px;
        /*max-width: calc(100vw - 40px);*/
    }

    .review-item .review-profile {
        width: 60px;
        height: 60px;
        top: -20px;
    }

    .more-reviews {
        flex-wrap: wrap;
    }

    .more-reviews-item:first-child {
        width: 100%;
    }

    .more-reviews {
        margin-top: 20px;
    }

    .more-reviews .more-reviews-heading {
        font-size: 24px;
        padding-top: 0;
        padding-right: 0px;
        padding-bottom: 10px;
    }
    .more-reviews-item img {
        height: 36px;
    }

    .why-us-section {
        padding: 30px 20px;
    }

    .talk-section {
        padding: 30px 0 55px;
    }

    .lets-talk {
        padding: 20px 20px 0;
    }

    .lets-talk::before {
        border-radius: 16px;
    }

    .talk-heading,
    .talk-subheading {
        font-size: 18px;
        line-height: normal;
    }

    .talk-btn {
        width: initial;
        margin: auto;
        background: transparent !important;
        transform: translateY(24px);
    }


    .talk-btn button {
        font-size: 14px;
        line-height: 16px;
        max-width: 290px;
    }


    .services-section .dark-service,
    .page-consulting .services-section .dark-service {
        padding: 30px 20px 230px;
    }

    .services-section .dark-service .services-heading,
    .text-block .text-heading,
    .services-section .subheading-box p {
        font-size: 16px;
        line-height: normal !important;
        margin-bottom: 10px;
    }

    .services-section-mob .service-heading-mob {
        min-height: 49px;
    }

    .services-section .dark-service p,
    .text-block .text-desc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .services-section .review-card-profile {
        width: 60px;
        height: 60px;
        top: -70px;
    }

    .services-section .review-card {
        padding: 40px 20px 30px;
    }

    .review-card-section-mob .review-card-desc p:not(:last-child) {
        margin-bottom: 20px;
    }

    .services-section .review-card-user,
    .services-section .review-card-desc {
        font-size: 14px;
    }

    .review-card-section-mob .review-card-desc {
        line-height: 20px;
    }

    .page-home .reviewSection .container {
        padding: 0;
    }

    .icon-block-2,
    .icon-block-3,
    .icon-block-4,
    .icon-block-5 {
        grid-template-columns: repeat(1, 1fr);
    }

    .icon-item .icon-title {
        font-size: 16px;
        line-height: 20px;
        min-height: initial;
    }

    .icon-item .icon-content {
        font-size: 14px;
        line-height: 20px;
        min-height: initial;
    }

    .learn-more {
        margin-top: 20px;
        line-height: 20px;
        font-size: 14px;
    }

    .choose-item .choose-content {
        width: 100%;
    }

    .choose-item .choose-content .choose-heading {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 10px;
    }

    .choose-item .choose-content .choose-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .choose-item .choose-img {
        width: 100%;
    }

    .expertise-section-mob .heading-section {
        padding-bottom: 20px !important;
    }

    .expertise-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .expertise-block .expertise-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .expertise-block .expertise-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .contact-us-form {
        margin-top: 30px;
        padding: 30px 20px 30px;
    }

    .contact-form-top {
        max-width: 100%;
    }

    .contact-form-top .contact-form-heading {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
        max-width: calc(100% - 140px);
    }

    .contact-form-top .contact-form-desc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        list-style: none;
        padding: 0;
    }

    .contact-form-top .contact-form-desc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        list-style: none;
        padding: 0;
    }

    .form-header-img {
        width: 120px;
        height: 120px;
    }


    .contact-us-section {
        padding: 30px 0 40px;
    }

    .contact-form-sheading {
        margin: 20px 0 20px;
        font-size: 16px;
        line-height: 20px;
        min-height: 20px;
    }

}

@media(max-width:768px) {
    .navbar-expand-lg .navbar-nav {
        align-items: start;
        padding: 15px 25px;
    }

    .dropdown:hover>.dropdown-menu>.container,
    .dropdown.show>.dropdown-menu>.container {
        background: #F7F7F8;
        padding: 0 !important;
    }

}


@media(min-width:576px) and (max-width:768px) {

    header#headerMain .dropdown:hover>.dropdown-menu .container .maincardsouter .row,
    header#headerMain .dropdown.show>.dropdown-menu .container .maincardsouter .row {
        flex-direction: row;
    }

    header#headerMain .dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4,
    header#headerMain .dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4 {
        width: 49% !important;
        margin: 0px 0px 15px 0;
        padding: 10px !important;
    }

    header nav {
        padding: 15px 0px 15px !important;
        width: 100%;
    }

    header .navbar-light .navbar-toggler {
        padding: 0;
    }

    main {
        position: relative;
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {

    .container {
        width: 100%;
        max-width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }

    .dropdown:hover>.dropdown-menu>.container,
    .dropdown.show>.dropdown-menu>.container {
        background: #F7F7F8;
        padding: 84px 50px 60px !important;
    }

    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        top: -37px;
        /*width: 780px !important;*/
        left: 51.4%;
        /*transform: translateX(-63%) !important;*/
        right: 0;
        margin-top: 0.125rem;
        z-index: -1;
        margin: auto;
        border-radius: 0px 0px 32px 32px;
        background: #F7F7F8;
    }

    .dropdown:hover>.dropdown-menu .container .maincardsouter .row,
    .dropdown.show>.dropdown-menu .container .maincardsouter .row {
        flex-direction: row !important;
    }

    .dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4,
    .dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4 {
        width: 32% !important;
        height: 300px !important;
    }

    ul .maincardsouter .card .commonPara {
        display: block !important;
    }

    #headerMain ul.navbar-nav {
        justify-content: end !important;
    }


    header nav ul li:last-child {
        margin: 0px 0px 0px 0px !important;
    }

    .Linkbutton {
        font-size: 14px;
        text-align: start;
        width: max-content;
        padding: 0;
        font-size: 14px;
        display: block;
        height: auto;
    }

}

@media(min-width: 768px) and (max-width:786px) {

    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        width: 780px !important;
        transform: translateX(-63%) !important;
    }

}

@media(min-width: 786px) and (max-width:800px) {

    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        width: 790px !important;
        transform: translateX(-61%) !important;
    }

}

@media(min-width: 800px) and (max-width:830px) {

    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        width: 830px !important;
        transform: translateX(-61%) !important;
    }

}

@media(min-width: 830px) and (max-width:870px) {

    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        width: 860px !important;
        transform: translateX(-61%) !important;
    }

}

@media(min-width: 870px) and (max-width:900px) {

    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        width: 890px !important;
        transform: translateX(-61%) !important;
    }

}

@media(min-width: 900px) and (max-width:940px) {

    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        width: 920px !important;
        transform: translateX(-61%) !important;
    }

}

@media(min-width: 940px) and (max-width:980px) {

    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        width: 960px !important;
        transform: translateX(-60%) !important;
    }

}


@media(min-width: 980px) and (max-width:992px) {

    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        width: 990px !important;
        transform: translateX(-60%) !important;
    }
}

@media(min-width: 992px) and (max-width: 1200px) {

    header nav ul li {
        margin: 5px 27px 0px 0px !important;
    }

    header nav ul li:nth-child(4) {
        margin: 5px 30px 0px 0px !important;
    }

    .dropdown:hover>.dropdown-menu>.container,
    .dropdown.show>.dropdown-menu>.container {
        background: #F7F7F8;
        padding: 84px 10px 100px;
    }

    .dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4,
    .dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4 {
        width: 300px !important;
    }

}

@media(min-width:1200px) and (max-width:1300px) {

    .dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4,
    .dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4 {
        width: 32% !important;
    }
}


/*==================Case Study Responsive================*/
@media(max-width:576px) {

    .case-study-section-mob .case-study {
        overflow: hidden;
        padding: 30px 0;
        padding-bottom: 0;
    }

    .case-study-sections.case-study-section-mob .case-study .purple-gradient {
        position: absolute;
        top: -28px;
        right: -102%;
        z-index: -1;
    }

    .case-study-section-mob .case-study .case-study-cats li {
        margin-right: 0;
        width: 100%;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .case-study-sections.case-study-section2 .case-study-para {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .case-study-sections .case-study-cats-title.gradient {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        height: 50px;
        margin-bottom: 10px;
    }


    .case-study-subheading {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .case-study-sections .review-card-profile {
        width: 60px;
        height: 60px;
        top: -70px;
    }

    .case-study-review-card {
        padding: 40px 20px 30px;
    }

    .case-study-sections .review-card-user {
        font-size: 14px;
    }


    .case-study-image-mob {
        background: #C4C4C4;
        width: 100%;
        height: 330px;
        display: block;
    }

    .case-study-sections .case-study-desk-image {
        display: none;
    }

    .case-study-sections.case-study-section2 .case-study-review-card .case-study-para {
        margin-bottom: 0;
    }

    .case-study-1 {
        padding-top: 205px;
    }

    .case-study-sections .case-study-heading {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .case-study-sections .case-study-heading .heading-number {
        left: auto;
        width: 30px;
        height: 30px;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        right: 0;
        bottom: 10px;
    }

    .case-study-tags ul li {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .case-study-tags {
        grid-template-columns: repeat(3, 1fr);
    }

    .case-study-section-mob .case-study-2 {
        padding: 40px 0 30px 0;
    }

    .case-study-sections .text-block .text-heading {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .mob-grid-gap {
        grid-gap: 0 !important;
    }

    .case-study-sections .case-study-cats-wrap.mobile-case-border {
        margin-top: 30px !important;
    }

    .case-study-sections .case-study-cats-title {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .case-study-sections .case-study-cats-2 li {
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .case-study-section-mob .case-study-3 {
        padding: 30px 0;
        overflow: hidden;
    }

    .case-study-sections.case-study-section-mob .case-study-3 .purple-gradient {
        position: absolute;
        top: -10px;
        right: auto;
        z-index: -1;
        left: -120%;
    }

    .case-study-sections.case-study-section2 .case-study-3 .case-study-para {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .case-study-mobile-mr {
        margin-top: 30px;
        height: auto;
        background: transparent;
    }

    .case-study-mobile-mr img {
        margin-top: 0px;
    }

    .case-study-section-mob .cs-video-col-wrap {
        padding: 20px 20px 30px 20px;
    }

    .case-study-section-mob .cs-video-col-wrap .user-profile {
        width: 60px;
        height: 60px;
        margin-top: -50px;
        margin-bottom: 10px;
    }

    .heading-section-mobNew .section-heading {
        font-size: 18px;
    }

    .heading-section-mobNew {
        padding: 0 0 50px 0;
    }

    .case-study-section-mob .cs-video-col-wrap .user-info {
        font-size: 14px;
        line-height: 20px;
    }

    .video-wrapper {
        height: 163px;
    }

    .case-study-section-mob .video-user-desc {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .case-study-sections .counter-section-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .case-study-sections .counter-number {
        font-size: 32px;
    }

    .case-study-sections .counter-title {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
    }

}

@media(min-width:576px) and (max-width:768px) {

    .page-casestudy .grid-gap-60 {
        grid-gap: 30px;
    }

    .case-study-section-mob .case-study {
        overflow: hidden;
        padding: 30px 0;
        padding-bottom: 0;
    }

    .case-study-sections.case-study-section-mob .case-study .purple-gradient {
        position: absolute;
        top: -28px;
        right: -63%;
        z-index: -1;
    }

    .case-study-section-mob .case-study .case-study-cats li {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .case-study-sections.case-study-section2 .case-study-para {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }


    .case-study-sections .case-study-cats-title.gradient {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        height: 50px;
        margin-bottom: 10px;
    }


    .case-study-subheading {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .case-study-sections .review-card-profile {
        width: 60px;
        height: 60px;
        top: -70px;
    }

    .case-study-review-card {
        padding: 40px 20px 30px;
    }

    .case-study-sections .review-card-user {
        font-size: 14px;
    }


    .case-study-image-mob {
        background: #C4C4C4;
        width: 100%;
        height: 330px;
        display: block;
    }

    .case-study-sections .case-study-desk-image {
        display: none;
    }

    .case-study-sections.case-study-section2 .case-study-review-card .case-study-para {
        margin-bottom: 0;
    }

    .case-study-1 {
        padding-top: 205px;
    }

    .case-study-sections .case-study-heading {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .case-study-sections .case-study-heading .heading-number {
        left: auto;
        width: 30px;
        height: 30px;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        right: 0;
        bottom: 10px;
    }

    .case-study-tags ul li {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .case-study-tags {
        grid-template-columns: repeat(3, 1fr);
    }

    .case-study-section-mob .case-study-2 {
        padding: 40px 0 30px 0;
    }

    .case-study-sections .text-block .text-heading {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .mob-grid-gap {
        grid-gap: 0 !important;
    }

    .case-study-sections .case-study-cats-wrap.mobile-case-border {
        margin-top: 30px !important;
    }

    .case-study-sections .case-study-cats-title {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .case-study-sections .case-study-cats-2 li {
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .case-study-section-mob .case-study-3 {
        padding: 30px 0;
        overflow: hidden;
    }

    .case-study-sections.case-study-section-mob .case-study-3 .purple-gradient {
        position: absolute;
        top: -30px;
        right: auto;
        z-index: -1;
        left: -55%;
    }

    .case-study-sections.case-study-section2 .case-study-3 .case-study-para {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .case-study-mobile-mr {
        margin-top: 30px;
    }

    .case-study-section-mob .cs-video-col-wrap {
        padding: 20px 20px 30px 20px;
    }

    .case-study-section-mob .cs-video-col-wrap .user-profile {
        width: 60px;
        height: 60px;
        margin-top: -50px;
        margin-bottom: 10px;
    }

    .heading-section-mobNew .section-heading {
        font-size: 18px;
    }

    .heading-section-mobNew {
        padding: 0 0 50px 0;
    }

    .case-study-section-mob .cs-video-col-wrap .user-info {
        font-size: 14px;
        line-height: 20px;
    }

    .video-wrapper {
        height: 163px;
    }

    .case-study-section-mob .video-user-desc {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .case-study-sections .counter-section-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .case-study-sections .counter-number {
        font-size: 32px;
    }

    .case-study-sections .counter-title {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
    }

    .case-study-accordion .accordion-item .accordion-header .accordion-button {
        font-size: 14px;
        line-height: 20px;
    }

    .case-study-accordion .accordion-item {
        margin-bottom: 20px;
    }

    .case-study-mobile-mr {
        margin-top: 30px;
        height: auto;
        background: transparent;
    }

    .case-study-mobile-mr img {
        margin-top: 0px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .case-study-sections .case-study-desk-image {
        display: none;
    }

    .case-study-image-mob {
        background: #C4C4C4;
        width: 100%;
        height: 330px;
        display: block;
    }

    .page-casestudy .grid-gap-60 {
        grid-gap: 30px;
    }

    .case-study-mobile-mr {
        margin-top: 30px;
    }


    .case-study-counters-new .grid-container.grid-col-4 {
        gap: 30px 40px;
    }

    .case-study-mobile-mr {
        margin-top: 30px;
        height: auto;
        background: transparent;
    }

    .case-study-mobile-mr img {
        margin-top: 0px;
    }
}


@media(min-width:991px) and (max-width:1200px) {
    .form-header-img {
        width: 190px;
        height: 190px;
        top: -20px;
        right: 20px;
    }
}

@media(min-width:1200px) and (max-width:1300px) {
    .form-header-img {
        width: 280px;
        height: 280px;
        top: -20px;
        right: 20px;
    }
}

/*=======================Responsive Legacy Page====================*/

@media(max-width:576px) {

    .seniorSection .container:first-child {
        padding: 30px;
    }

    .seniorSectionMob .seniorWritten {
        padding: 0;
    }

    .seniorSectionMob .container:first-child .col-md-8,
    .seniorSectionNew .container:first-child .col-md-4 {
        padding: 0;
    }

    .seniorSectionMob .seniorWritten .greypNew:last-of-type {
        margin-bottom: 0;
    }

    .seniorSectionMob .seniorWritten .greypNew:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .seniorSectionMob .seniorWritten .greyP {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }


    .seniorSectionMob .mesureDiv .challengeHeading.challengeHeadingNew {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .mesureDiv {
        padding: 20px 0;
    }

    .seniorSectionMob .boldgradientOuter {
        padding: 0;
    }

    .seniorSectionMob .seniorWritten .mesureDiv:last-child {
        padding-bottom: 20px;
        border-bottom: 1px solid #585858;
    }

    .seniorSectionMob .boldgradientOuter .manyGradients {
        margin-bottom: 30px;
    }

    .seniorSectionMob .boldgradientOuter .manyGradients:first-child {
        margin-top: 20px;
    }

    .seniorSectionMob .boldgradientOuter .boldGradient {
        line-height: 38px;
        margin: 0 0 10px 0;
    }

    .seniorSectionNew .boldgradientOuter .manyGradients:last-child {
        padding-bottom: 0;
    }

    .leadingTeam {
        margin: 30px 0 0 0;
        padding: 30px 10px 30px 10px;
        border-radius: 32px;
    }

    .leadingTeam .col-sm-6 {
        padding: 0;
    }

    .leadingTeam .container {
        padding: 0;
    }

    .leaderOuterMob .card-body.card-body-new {
        min-height: auto;
        padding: 40px 20px 30px;
    }

    .leaderOuterMob .profileR {
        margin: 0;
    }

    .leadingTeam .heading-section {
        padding: 0 20px 30px;
    }

    .leaderOuterMob .commonPara {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .leaderOuterMob .commonPara:last-of-type {
        margin-bottom: 0;
    }

    .reviewSectionMob {
        padding: 30px 0;
    }

    .imageConsult {
        margin-bottom: 30px;
    }
}

@media(min-width:576px) and (max-width:768px) {

    .seniorSection .container:first-child {
        padding: 30px;
    }

    .seniorSectionMob .seniorWritten {
        padding: 0;
    }

    .seniorSectionMob .container:first-child .col-md-8,
    .seniorSectionNew .container:first-child .col-md-4 {
        padding: 0;
    }

    .seniorSectionMob .seniorWritten .greypNew:last-of-type {
        margin-bottom: 0;
    }

    .seniorSectionMob .seniorWritten .greypNew:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .seniorSectionMob .seniorWritten .greyP {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }


    .seniorSectionMob .mesureDiv .challengeHeading.challengeHeadingNew {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .mesureDiv {
        padding: 20px 0;
    }

    .seniorSectionMob .boldgradientOuter {
        padding: 0;
    }

    .seniorSectionMob .seniorWritten .mesureDiv:last-child {
        padding-bottom: 20px;
        border-bottom: 1px solid #585858;
    }

    .seniorSectionMob .boldgradientOuter .manyGradients {
        margin-bottom: 30px;
        margin-top: 20px;
        width: 33.33%;
    }

    .seniorSectionMob .boldgradientOuter .manyGradients:first-child {
        margin-top: 20px;
    }

    .seniorSectionMob .boldgradientOuter .boldGradient {
        line-height: 38px;
        margin: 0 0 10px 0;
    }

    .seniorSectionNew .boldgradientOuter .manyGradients:last-child {
        padding-bottom: 0;
    }

    .leadingTeam {
        margin: 30px 0 0 0;
        padding: 30px 10px 30px 10px;
        border-radius: 32px;
    }

    .leadingTeam .col-sm-6 {
        padding: 0;
        width: 100%;
    }

    .leadingTeam .container {
        padding: 0;
    }

    .leaderOuterMob .card-body.card-body-new {
        min-height: auto;
        padding: 40px 20px 30px;
    }

    .leaderOuterMob .profileR {
        margin: 0;
    }

    .leadingTeam .heading-section {
        padding: 0 20px 30px;
    }

    .leaderOuterMob .commonPara {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .leaderOuterMob .commonPara:last-of-type {
        margin-bottom: 0;
    }

    .reviewSectionMob {
        padding: 30px 0;
    }

    .imageConsult {
        margin-bottom: 30px;
    }

    .leaderOuterMob .orderReview {
        padding-top: 0;
    }

    .icon-bloc-mob-review {
        grid-template-columns: repeat(2, 1fr);
    }

    .video-section {
        padding: 50px 30px 30px;
        margin: 60px 0 30px;
    }

    .video-section .container {
        max-width: inherit;
        padding: 0 !important;
    }

    .why-us-section .container {
        max-width: initial;
        padding: 0 !important;
    }

    .certifopac-saas-platform {
        margin: 60px 0;
        padding: 30px 20px;
    }

    section.leadingTeam .container {
        padding: 0 !important;
    }

    .certifopac-mob {
        padding: 0 !important;
    }

    .reviewSectionMob .container {
        padding: 0 !important;
    }

}

@media(min-width:768px) and (max-width:993px) {

    .seniorSection .col-md-8 {
        width: 100%;
    }

    .seniorSection .col-md-4 {
        width: 100%;
    }

    .leadingTeam .row .col-sm-6:last-child {
        margin-bottom: 0;
    }

    .leadingTeam {
        padding: 60px 0;
    }

    .leadingTeam .row .col-sm-6 {
        width: 100%
    }

    .leaderOuterMob .card-body.card-body-new {
        min-height: auto;
    }


    .seniorSectionMob .boldgradientOuter {
        padding: 0;
        gap: 10px;
    }

    .seniorSectionMob .seniorWritten .mesureDiv:last-child {
        padding-bottom: 20px;
        border-bottom: 1px solid #585858;
    }

    .seniorSectionMob .boldgradientOuter .manyGradients {
        margin-bottom: 30px;
        margin-top: 20px;
        width: 33.33%;
    }

    .seniorSectionMob .boldgradientOuter .manyGradients:first-child {
        margin-top: 20px;
    }

    .seniorSectionMob .boldgradientOuter .boldGradient {
        margin: 0 0 10px 0;
    }

    .seniorSectionNew .boldgradientOuter .manyGradients:last-child {
        padding-bottom: 0;
    }

    .seniorSection .container:first-child {
        padding: 30px;
    }

    .certifopac-head-mob {
        padding-left: 50px;
        padding-right: 50px;
    }
}


@media(min-width: 993px) and (max-width:1400px) {

    .leadingTeam .col-sm-6 {
        width: 50%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    div#reductionflexCards .row .card.col-md-5 {
        max-width: 450px;
    }

    div#reductionflexCards .row .card.col-md-8 {
        max-width: 690px;
    }

}


@media(max-width:1300px) {

    div#reductionflexCards .row .card.col-md-5 {
        max-width: 430px;
    }

    div#reductionflexCards .row .card.col-md-8 {
        max-width: 670px;
    }
}

@media(min-width: 993px) and (max-width:1200px) {

    .video-wrapper {
        height: 100%;
    }

    .video-col.video-content {
        width: calc(100% - 600px);
    }

    .video-col {
        max-width: 540px;
    }
}


@media (max-width:1200px) {
    div#reductionflexCards .row .card.col-md-5 {
        max-width: 35%;
    }

    div#reductionflexCards .row .card.col-md-8 {
        max-width: 62.5%;
    }

}

/*===================OurApproach Responsive==================*/
@media(max-width:576px) {
    div#reductionflexCards .row .card.col-md-5 {
        max-width: 100%;
    }

    div#reductionflexCards .row .card.col-md-8 {
        max-width: 100%;
    }

    .approachPageSolution .greyDiscription {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .approachPageSolution .greyP {
        font-size: 14px;
        font-style: normal;
        line-height: 20px;
    }

    .imageDev.borderImage object {
        width: 100%;
        height: auto;
    }

    .imageDev {
        width: 100% !important;
    }

    .imageDev.borderImage {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .imageDev object {
        width: 100%;
        height: auto;
    }

    .borderImage::after {
        top: auto;
        bottom: 0px;
        width: 100%;
        height: 1px;
    }

    .imageVos object {
        width: 100%;
        height: auto;
    }

    div#allcardBackground .maincardsouter .card {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}

@media(min-width:576px) and (max-width:768px) {

    .approachPageSolution .greyDiscription {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .approachPageSolution .greyP {
        font-size: 14px;
        font-style: normal;
        line-height: 20px;
    }

    .imageDev.borderImage object {
        width: 100%;
        height: auto;
    }

    .imageDev {
        width: 33% !important;
    }

    .approcheReviewMob .icon-block-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .imageDev.borderImage {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60% !important;
        padding: 0 30px 0 0;
        margin: 0 30px 0 0;
    }

    .imageDev object {
        width: 100%;
        height: auto;
    }

    .imageVos object {
        width: 100%;
        height: auto;
    }

    div#allcardBackground .maincardsouter .card {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .approcheHeadMob {
        padding: 40px 0;
    }

    .pageMvpcards2 .saasD {
        min-height: 45px;
        font-size: 16px;
        line-height: 20px;
    }

    .lagencyCardsAppMob .commonPara {
        font-size: 14px;
        line-height: 20px;
        width: 100% !important;
    }

}

@media(min-width:768px) and (max-width:992px) {

    .approachPageSolution .greyDiscription {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .approachPageSolution .greyP {
        font-size: 14px;
        font-style: normal;
        line-height: 20px;
    }

    .imageDev.borderImage object {
        width: 100%;
        height: auto;
    }

    .imageDev {
        width: 33% !important;
    }

    .approcheReviewMob .icon-block-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .imageDev.borderImage {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60% !important;
        padding: 0 30px 0 0;
        margin: 0 30px 0 0;
    }

    .imageDev object {
        width: 100%;
        height: auto;
    }

    .imageVos object {
        width: 100%;
        height: auto;
    }

    div#allcardBackground .maincardsouter .card {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .approcheHeadMob {
        padding: 40px 0;
    }

    .pageMvpcards2 .saasD {
        min-height: 45px;
        font-size: 16px;
        line-height: 20px;
    }

    .lagencyCardsAppMob .commonPara {
        font-size: 14px;
        line-height: 20px;
        width: 100% !important;
    }

}


@media(min-width:992px) and (max-width:1200px) {
    .imageDev.borderImage {
        width: 625px;
    }

    .imageDev.imageDevNew {
        width: calc(100% - 625px) !important;
    }
}

/*=======================Consulting Page Responsive===================*/

@media(max-width:576px) {

    .proggressAdvantages .row>.col-md-6 {
        width: 100%;
        padding: 0;
    }

    .proggressAdvantages .paraHeading {
        margin-bottom: 15px !important;
    }

    .proggressAdvantages .imageOuter {
        margin: 15px 0 0 0;
        height: auto !important;
    }

    .proggressAdvantages {
        padding-bottom: 30px;
    }

    .services-section .text-block .text-desc {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }


    .consultingPagesolution2 .greyDiscription {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .consultingPagesolution2 .paraHeading {
        margin-bottom: 20px !important;
    }

    .case-study-tags {
        padding: 20px 0;
        margin-top: 20px;
    }

    .case-study-1 {
        padding-bottom: 30px;
    }

    .case-study-sections .image-box {
        margin: 20px 0;
        margin-bottom: 30px;
    }

    .case-study-sections .text-block {
        margin-bottom: 20px;
    }

    /*.case-study-sections .grid-container { margin-bottom: 60px !important; }*/
    .case-study-sections .case-study-cats-wrap {
        padding-bottom: 20px;
    }
}

.no_underline {
    text-decoration: none;
}

.review-body a {
    text-decoration: none;
}

.icon-item {
    position: relative;
}

a.no_underline.cls-pos-spl {
    position: absolute;
    left: 0;
    right: 0;
    /* background: red; */
    top: 0;
    bottom: 0;
}

.banner-section .banner-image {
    background: url(../../assets/bannerGrids/580x419_DotGrid-Desktop.svg);
}

.custom-field .placeholder {
    top: 26px;
    height: 25px;
}

header .navbar-brand {
    transform: translateY(-12px);
}


a.Linkbutton.b-blue-custom {
    background: linear-gradient(to right, #2517F8 0%, #6D48E6 40%, #E69AC7 100%);
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #fff;
    border-radius: 18px;
}

@media(min-width: 992px) {
    a.Linkbutton.b-blue-custom {
        background: linear-gradient(to right, #2517F8 0%, #6D48E6 40%, #E69AC7 100%);
        -webkit-background-clip: initial !important;
        -webkit-text-fill-color: #fff;
        border-radius: 18px;
        overflow: hidden;
        position: relative;
        width: 210px;
        height: 50px;
        line-height: 1;
        display: flex;
    }

    a.Linkbutton.b-blue-custom:hover {
        background-image: linear-gradient(to right, #2517F8 24%, #6D48E6 40%, #E69AC7 100%);
    }

    a.Linkbutton.b-blue-custom:hover::before {
        width: 100%;
        opacity: 1;
        background-image: linear-gradient(to right, #2517F8 100%, #6D48E6 60%, #2517F8 100%);
        -webkit-mask-image: none;
        z-index: -1;
        opacity: 1;
        transition: 0.3s;
        transform: translateX(40px);
    }

    a.Linkbutton.b-blue-custom:hover::after {
        background: initial;
    }
}

nav.navbar.navbar-expand-lg.navbar-light {
    padding-top: 14px !important;
}

.dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4,
.dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4 {
    flex: 0 0 auto;
    width: 345px;
    height: 250px;
    margin: 0px 0px 20px;
    border-radius: 16px !important;
    padding: 30px !important;
}

.maincardsouter {
    background: #E3E1FE;
    padding: 20px;
    border-radius: 24px;
}

@media(min-width: 1200px) {


}

.dropdown:hover>.dropdown-menu>.container,
.dropdown.show>.dropdown-menu>.container {
    background: #fff;
}

.dropdown:hover>.dropdown-menu>.container,
.dropdown.show>.dropdown-menu>.container {
    background: transparent;
}

.cls-loc-1,
.cls-loc-2 {
    color: #4ECE62;
    font-size: 14px;
}

.cls-av-container {
    font-size: 14px;
    color: #fff;
}

.cls-ema-container a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    /* padding-bottom: 15px; */
}

.cls-ema-container {
    padding-bottom: 10px;
}

.cls-online-admin {
    padding-bottom: 10px;
    position: relative;
}

.cls-online-admin img {
    height: 44px;
}

span.cls-online-element {
    position: absolute;
    height: 8px;
    width: 8px;
    background: #4ECE62;
    border-radius: 50%;
    bottom: 10px;
    left: 30px;
}

.fw-list-2 {
    text-align: right;
}

li.blank_space_li {
    min-height: 28px;
}

.col-sm-3.custom-width-xm {
    width: 29.10%;
}

.border-cols {
    border-left: 1px solid #5B5B5B;
    border-right: 1px solid #5B5B5B;
    padding-left: 20px;
}

.cls-sline-container {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    padding-top: 100px;
    padding-bottom: 40px;
}

.cols-full-tabs {
    padding-right: 0;
    padding-left: 0;
}

.col-sm-3.custom-width-xm.corder-2 {
    padding-right: 0px;
}

.cols-full-tabs {
    padding-right: 0;
    padding-left: 0;
}

.col-sm-3.custom-width-xm.corder-2 {
    padding-right: 0px;
}

.custom-padding-dk {
    padding-left: 8.78px;
    padding-right: 9px;
}

.cls-no-p {
    padding-left: 0px;
}

#mobile_menu .navbar-nav li.menu-item-child {
    text-align: left;
}

.cls-text-right li.menu-item-child {
    text-align: right !important;
}

@media screen and (max-width: 991px) {

    header .navbar-brand {
        transform: translateY(-15px);
    }

    .cols-full-tabs {
        flex: 100%;
    }

    .footer-widget .footer-widget-list li p,
    .footer-widget .footer-widget-list li a {
        font-size: 15px;
    }

    .border-cols {
        border-left: 0px;
        padding-left: 0px;
    }

    .cls-ema-container a {
        font-size: 16px;
    }

    .cls-sline-container {
        padding-top: 60px;
        padding-bottom: 30px;
    }
}


@media(max-width:576px) {
    .mainLeader img {
        width: 100%;
        height: auto;
    }

    .mainLeader {
        height: auto;
    }

    .legacy-sp div#allcardBackground .maincardsouter .card {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    span.material-symbols-outlined {
        padding-left: 3px;
    }

    a.learn-action {
        display: flex;
        align-items: baseline;
        justify-content: center;
    }

    div#graceColumn {
        margin-bottom: 30px;
    }

    h3.services-heading {
        margin-bottom: 20px !important;
    }

    .case-study-counters-new .grid-container.grid-col-4 {
        gap: 30px 10px;
    }

    .col-sm-3.custom-width-xm {
        width: 100%;
    }

    .list-container-foo.aligned-right .footer-widget-list.fw-list-2 {
        text-align: left;
    }

    .corder-3 {
        order: 3;
    }

    .list-container-foo.aligned-right .footer-widget-list.fw-list-2 {
        text-align: left;
    }

    .row.row-custom-csm .col-sm-5,
    .row.row-custom-csm .col-sm-3 {
        padding-left: 0px;
    }

    .cls-sline-container {
        padding-left: 10px;
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .main-footer .footer-top {
        padding: 40px 0 0px;
    }

    .footer-bottom {
        padding: 20px;
    }

    .footer-bottom {
        padding: 20px;
    }

    .cls-container-flex {
        display: block;
        text-align: left;
    }

    .footer-bottom-right {
        text-align: left;
        margin-top: 20px;
        /* margin-bottom: 13px; */
        font-size: 15px;
        line-height: 20px;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .cls-av-container {
        margin-bottom: 30px;
    }
}

/*======================================================================
====================== Banner rating css
======================================================================*/
.banner-rating-wrap {
    display: flex;
    justify-content: end;
    margin-top: 50px;
}

.banner-rating-item {
    text-align: right;
    margin-left: 36px;
}

.banner-rating-item:first-child {
    margin-left: 0px;
}

.banner-rating-item:nth-child(2) {
    margin-left: 20px;
}

.banner-rating-item a {
    text-decoration: none;
}

.banner-rating-item p {
    color: #2517F8;
    font-size: 12px;
    font-family: 'Plus Jakarta Sans';
    line-height: 18px;
    margin: 0;
    font-weight: 500;
}

h3.banner-rating-heading {
    font-size: 16px;
    font-weight: bold;
    color: #515671;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 0px;
    margin-top: 9px;
}

.banner-rating-item:last-child img {
    /*width: 123px;*/
    height: 30px;
}

@media (max-width: 991px) {
    .banner-rating-wrap {
        margin-top: 40px;
    }

    .banner-rating-item {
        margin-left: 15px;
    }

    .banner-rating-item:first-child {
        margin-left: 0px;
    }

    .banner-rating-item:nth-child(2) {
        margin-left: 15px;
    }
}

@media (max-width: 767px) {
    .banner-rating-wrap {
        margin-top: 30px;
    }

    .banner-rating-item:first-child {
        display: none;
    }

    .banner-rating-item:last-child {
        margin-left: 12px;
    }

    .banner-rating-item:nth-child(2) img {
        width: 164px;
    }

    .banner-rating-item:last-child img {
        /*width: 96px;*/
        height: 23px;
    }

    .banner-rating-item p {
        font-size: 10px;
    }
}

.list-style-1 {
    padding: 0;
    margin: 0;
    list-style: none;
}

.list-style-1 li {
    position: relative;
    padding-left: 15px;
}

.list-style-1 li:before {
    content: '-';
    position: absolute;
    left: 0;
}

.list-style-1 ul li {
    padding-left: 0px;
}

.list-style-1 ul li:before {
    display: none;
}

.img-radius-section {
    border-radius: 16px;
}

.radius-section {
    border-radius: 16px;
    overflow: hidden;
    border: 2px solid #000;
    box-shadow: 2px 2px 10px #111010;
}

img.img-responsive-custom.img-radius-section {
    width: 100%;
}

.space-40 {
    margin-top: 40px;
}

.space-60 {
    margin-top: 60px;
}

.img-space-top-x {
    margin-top: 30px;
}

.cls-bg-gr {
    background: linear-gradient(to right, #00FFBF 100%, #C5BA85 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-family: Plus Jakarta Sans;
    line-height: 26px;
    font-weight: bold;
    text-decoration: none;
}

h2.cls-h2-highlight {
    font-size: 16px;
    line-height: 26px;
    background: linear-gradient(to right, #00FFBF 100%, #C5BA85 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.container.container-wb {
    padding-top: 30px;
    border-top: 1px solid #606060;
    border-bottom: 1px solid #606060;
    padding-bottom: 30px;
    margin-top: 40px;
}

h2.cls-h2-highlight {}

.section-one-part {
    display: flex;
}

.list-custom-li ul {
    list-style: none;
    padding-left: 0px;
}

.list-custom-li:nth-child(1) {
    width: 219px;
}

.list-custom-li:nth-child(2) {
    width: 217px;
}

.list-custom-li:nth-child(3) {
    width: 219px;
}

.list-custom-li:nth-child(4) {
    width: 210px;
}

/*=======================================================
================ Mega menu
=======================================================*/
.dropdown-mega-menu svg {
    width: 16px;
    object-fit: contain;
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translate(-50%, 0px);
    filter: none;
    display: none;
}

.dropdown-mega-menu:hover svg {
    display: initial;
}

.mega-menu-container {
    position: absolute;
    top: 84px;
    left: -20px;
    width: calc(100% + 40px);
    display: none;
}

.mega-menu-container.show {
    display: grid;
    z-index: -1;
}

.mega-menu-wrap {
    background: #E3E1FE;
    padding: 20px;
    border-radius: 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.mega-menu-wrap .mega-menu-item {
    flex: 0 0 auto;
    background: #f1f0f8;
    /* width: 345px; */
    height: 250px;
    border-radius: 16px;
    padding: 30px;
    text-decoration: none;
}
.mega-menu-wrap .mega-menu-item:hover {
    background: #e6e4f2;
}

.mega-menu-wrap .mega-menu-item .mega-menu-item-img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    margin-bottom: 12px;
}

.mega-menu-wrap .mega-menu-item .mega-menu-item-title {
    font-size: var(--fontsize20);
    font-weight: var(--fontWeight700);
    color: var(--mainHeadingcolor);
    min-height: 50px;
    line-height: var(--fontsize24);
    margin: 0;
}

.mega-menu-wrap .mega-menu-item:hover .mega-menu-item-title {
    background: var(--backgroundOn90) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: var(--fontWeight700) !important;
    transition: 0.3s !important;
}

.mega-menu-wrap .mega-menu-item .mega-menu-item-desc.commonPara {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: var(--fontsize14);
    line-height: var(--lineHeight20);
    min-height: 100px;
}

.mega-menu-hover-box {
    background: transparent;
    position: absolute;
    top: 38px;
    bottom: 0px;
    height: 61px;
    min-height: 60px;
    min-width: 72px;
    width: 125%;
    display: none;
    z-index: 9999999;
}

.mega-menu-hover-box.active {
    display: block;
    opacity: 0;
}

.nav-item.dropdown:hover svg {
    display: initial !important;
}

.active-m .dropdown-mega-menu {
    color: #2517F8 !important;
}


.case-study-list:before {
    content: '';
    position: absolute;
    top: 0;
    left: -24px;
    width: 4px;
    height: 100%;
    background: #6A5DE0;
}

.case-study-sections .case-study-cats-title.gradient {
    background: linear-gradient(to right, #00FFBF 17%, #C5BA85 36%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.case-study-item-desc li:before {
    content: "";
    margin-left: -0.2rem;
}

.case-study-item-desc ul {
    margin-bottom: 0;
    padding-left: 1.7rem;
}

ul.list-style-c1.cs-spacing {
    list-style: none;
    padding-left: 0px;
    margin-left: -23px;
}

li.mt-spacing-top {
    margin-top: 20px;
    font-weight: 600;
}

.fwg-600 {
    font-weight: 600;
}

.cls-child-menus-d {
    padding: 15px 42px;
    padding-top: 75px;
}

.case-study-item.case-study-item-split.case-study-cs-1 {
    grid-gap: 60px;
    row-gap: 30px;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 560px auto;
}


@media (min-width: 1200px) and (max-width: 1299px) {

    .footer-top .container,
    .footer-bottom .container {
        max-width: 1140px;
        padding: 0px;
    }
}

@media (min-width: 1300px) and (max-width: 1450px) {

    .footer-top .container,
    .footer-bottom .container {
        max-width: 1184px;
        padding: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .footer-top .container,
    .footer-bottom .container {
        max-width: 960px;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mega-menu-hover-box {
        top: 18px;
    }

    .mega-menu-wrap .mega-menu-item .mega-menu-item-title {
        font-size: 16px;
        font-weight: bold;
        min-height: initial;
    }

    .mega-menu-wrap .mega-menu-item .mega-menu-item-desc.commonPara {
        font-size: 12px;
    }

    .mega-menu-wrap .mega-menu-item .mega-menu-item-desc.sp-mb {
        margin-top: 11px;
    }

    .footer-top .container {
        padding-left: 60px;
        padding-right: 60px;
    }

    .footer-top-col-1 {
        padding-left: 0px;
    }

    .footer-top-col.im-custom-2 .cucorder-1.footer-top-col-1 {
        width: 43.50%;
    }

    .footer-bottom .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .mega-menu-wrap .mega-menu-item .mega-menu-item-title {
        font-size: 14px;
    }

    .mega-menu-wrap .mega-menu-item .mega-menu-item-desc.commonPara {
        font-size: 12px;
    }

    .mega-menu-wrap .mega-menu-item {
        height: 270px;
    }

    .footer-top .container {
        padding-left: 60px;
        padding-right: 60px;
    }

    .footer-top-col-1 {
        padding-left: 0px;
    }

    .footer-top-col.im-custom-2 .cucorder-1.footer-top-col-1 {
        width: 43.50%;
    }

    .footer-bottom .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media screen and (max-width: 1050px) {
    .mega-menu-wrap {
        gap: 10px;
    }

    .case-study-sections .case-study-cats-title.gradient {
        background: linear-gradient(to right, #00FFBF 17%, #C5BA85 55%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

/*Doc Change CSS*/
@media screen and (min-device-width: 280px) and (max-device-width: 576px) {
    .custom-width-xm.corder-2.footer-top-col-3 {
        margin-bottom: 24px;
    }

    .footer-widget .footer-widget-list li.blank_space_li {
        height: 24px;
        min-height: 24px;
    }

    .footer-widget .footer-widget-list li p,
    .footer-widget .footer-widget-list li a {
        font-size: 16px;
    }
}


@media screen and (max-width: 992px) and (min-width: 768px) {
    a.Linkbutton.b-blue-custom.scroll-to-cform {
        font-weight: bold;
    }

    a.Linkbutton.b-blue-custom.scroll-to-cform::before,
    a.Linkbutton.b-blue-custom.scroll-to-cform::after {
        display: none;
    }

    .counter-desktop {
        display: none;
    }

    .counter-mobile {
        display: initial;
    }
}

@media screen and (max-width: 991px) {
    .case-study-item.case-study-item-split.case-study-cs-1 {
        display: block;
    }

    .case-study-item.case-study-item-split.case-study-cs-1 img.img-responsive-custom.img-radius-section {
        margin-bottom: 30px;
    }
}


@media screen and (min-width: 576px) and (max-width: 768px) {
    header .navbar-brand {
        transform: none;
    }
}

@media screen and (max-width: 768px) {
    a.Linkbutton.b-blue-custom.scroll-to-cform {
        color: #fff;
        -webkit-text-fill-color: #fff;
    }

    .Linkbutton::after {
        color: #fff;
        opacity: 1;
    }
}

@media screen and (max-width: 550px) {
    .case-study-sections .case-study-cats-title.gradient {
        background: linear-gradient(to right, #00FFBF 17%, #C5BA85 90%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .section-one-part {
        display: block;
    }

    .list-custom-li:nth-child(1) {
        width: 50%;
        float: left;
    }

    .list-custom-li:nth-child(2) {
        width: 50%;
        float: left;
    }

    .list-custom-li:nth-child(3) {
        width: 50%;
        float: left;
        margin-top: 20px;
    }

    .list-custom-li:nth-child(4) {
        width: 50%;
        float: left;
        margin-top: 20px;
    }

    .clearboth {
        clear: both;
    }
}

.case-study-3 .grid-container {
    position: relative;
}

.case-study-3 .grid-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: -24px;
    width: 4px;
    height: 100%;
    background: #6A5DE0;
}

.case-study-3 .text-block .text-heading {
    font-size: 20px;
    line-height: 28px;
    margin: 0px;
}

.case-study-3 .text-block .text-desc {
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px;
    margin: 0;
}

.case-study-3 .text-block .text-desc ul {
    margin-bottom: 0;
}

@media (max-width: 576px) {
    .case-study-3 .grid-container {
        gap: 20px;
    }

    .case-study-3 .text-block .text-heading {
        font-size: 14px;
        line-height: 20px;
    }

    .case-study-3 .text-block .text-desc {
        font-size: 14px;
        line-height: 20px;
        padding-top: 10px;
    }
}


.full-banner-img img {
    height: 100%;
    object-fit: cover;
}