.section-spacing{padding: 120px 0;}
.inner-subtitle {font-size: 18px;text-transform: uppercase;line-height: 33px;margin: 0 0 10px;font-weight: var(--fw-500);color: var(--color-green);letter-spacing: 4.66px;font-family: var(--font-sfprodisplay);}
/**/
.inner-page-banner {overflow: hidden;position: relative;background-color: #e2efff;padding: 120px 0 0;display: flex;align-items: center;background-image: linear-gradient(180deg, #e5f5fb 0%, #f5f9fb 100%);}
.inner-banner-common-content{padding-bottom: 120px;}
.inner-banner-common-content h1{text-transform: capitalize;margin: 0 0 25px;}
.inner-banner-common-content h1 span {color: var(--color-green);}
.inner-banner-common-content p {margin: 0 0 40px;}
.banner-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -15px;
}
.banner-list li {
    text-transform: uppercase;
    font-weight: var(--fw-500);
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    position: relative;
}
.banner-list li:not(:last-child):before {
    position: absolute;
    content: "";
    right: 0;
    width: 2px;
    height: 14px;
    background: #000;
    top: 0;
    bottom: 0;
    margin: auto;
}
.banner-right {
    position: relative;
}
.webscreen-inner {
    position: absolute;
    top: 1.4%;
    left: 0;
    right: 0px;
    width: 79.6%;
    margin: 0 auto;
    max-height: 88.4%;
    overflow-y: auto;
    height: 100%;
    border-radius: 3% 3% 0% 0%;
}
.webscreen-inner::-webkit-scrollbar{width:0}
.webscreen-inner img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
/**/
.casestudy-info-sec .section-inner-head h2{
	margin-bottom: 0;
}
.casestudy-info-sec .section-inner-head {
    text-align: center;
    margin: 0 0 91px;
}
.case-study-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.case-study-article {
    background: #F2F5F7;
    padding: 25px;
    transition: all .3s ease-in-out;
    border-radius: 10px;
    text-align: center;
}
.case-study-article .icon {
    margin: -60px auto 15px;
    width: 90px;
    height: 90px;
    position: relative;
    display: flex;
    background: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    box-shadow: 0px -8px 20px rgb(211 219 225 / 23%);
}
.case-study-article .icon img {
    max-width: 45px;
}
.case-study-article h3 {
    font-size: 25px;
    margin: 0 0 5px;
    color: var(--color-black);
    font-weight: var(--fw-500);
}
.case-study-article p {
    font-size: 16px;
    line-height: 25px;
}
/**/
/*cta section*/
.cta-bg {background: #192C53;border-radius: 10px;display: flex;align-items: center;padding: 39px 64px 39px 50px;color: #fff;}
.cta-bg .cta-text {
    flex: 1 1 auto;
    padding-right: 0;
}
.cta-bg  h2 {margin: 0 0 14px;}
.cta-bg  p {max-width: 673px;margin: 0;font-size: 19px;line-height: 30px;}
.cta-bg .cta-btn .green-icon {
    min-width: 40px;
}
/**/
.ui-ux-sec >.container > .row:not(:last-child) {
    margin-bottom: 120px;
}
.ui-ux-sec .section-inner-head h2 {
    margin: 0 0 20px;
}
.checklisted {
    margin: 40px 0;
    gap: 20px;
    display: grid;
}
.checklisted li {
    display: flex;
    gap: 10px;
    position: relative;
    padding: 0px 0px 0px 32px;
}
.checklisted li:before {
    content: "";
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #f8f7f3;
    position: absolute;
    left: 0;
    top: 50%;
    background-image: url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2643 1.92603L4.71287 8.4775L1.73492 5.49955" stroke="%2302A738" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    background-size: 12px;
}

.ui-ux-sec .banner-right {
    text-align: center;
    position: relative;
    padding: 75px 0;
}
.ui-ux-sec .banner-right::before {
    content: "";
    width: 100%;
    max-width: 457px;
    height: 100%;
    position: absolute;
    margin: 0 auto;
    z-index: -1;
    background: url('data:image/svg+xml,<svg width="457" height="503" viewBox="0 0 457 503" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M187.103 11.96C212.783 -2.86649 244.422 -2.86649 270.103 11.96L415.389 95.8413C441.069 110.668 456.889 138.068 456.889 167.721V335.484C456.889 365.137 441.069 392.537 415.389 407.364L270.103 491.245C244.422 506.072 212.783 506.072 187.103 491.245L41.816 407.364C16.1358 392.537 0.316055 365.137 0.316055 335.484L0.316055 167.721C0.316055 138.068 16.1358 110.668 41.8161 95.8413L187.103 11.96Z" fill="url(%23paint0_linear_537_156)"/><defs><linearGradient id="paint0_linear_537_156" x1="111.944" y1="19.9688" x2="228.603" y2="515.205" gradientUnits="userSpaceOnUse"><stop offset="0.138605" stop-color="%23FEF8F5"/><stop offset="1" stop-color="%23D8F3F9"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    background-position: center;
    background-size: contain;
}
.ui-ux-sec .banner-right img {
    box-shadow: 20px 25px 40px 0px rgb(43 64 69 / 18%);
    border-radius: 15px;
}
/**/
.technology-tools {
    background: #192d54;
    position: relative;
}
.technology-tools:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/technology/business-breakthrough.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0;
    mix-blend-mode: overlay;
    left: 0;
}
.technology-tools .section-inner-head {
    text-align: center;
    color: var(--color-white);
}
.technology-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 25px;
    margin: 60px -10px 0;
}
.technology-grid-item {
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 10px;
    flex: auto;
}
.technology-grid-item a {
    padding: 12px 24px 12px 12px;
    text-align: center;
    border-radius: 70px;
    transition: var(--ease-in-out);
    background: #f7f7f9;
    display: flex;
    align-items: center;
    gap: 11px;
}
.technology-tools .technology-grid-item .without-anchor {
    background: #fff;
    box-shadow: 0px 9px 20px rgba(155,200,213,.22);
    padding: 12px 24px 12px 12px;
    text-align: center;
    border-radius: 70px;
    transition: var(--ease-in-out);
    display: flex;
    align-items: center;
    gap: 11px;
}
.technology-tools .technology-grid-item a {
    background: #fff;
    box-shadow: 0px 9px 20px rgba(155,200,213,.22);
}
.technology-icon {
    min-width: 50px;
    width: 55px;
    height: 55px;   
    background: #f7f7f9;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.technology-item-title {
    font-size: var(--font-20);
    font-weight: 400;
    text-align: left;
    word-break: break-all;
}
.app-features-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.app-features-gridblock {
    padding: 20px;
    text-align: center;
    display: flex;
    background: #F2F5F7;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex: 0 0 auto;
    width: calc(16.66666667% - 16.66px);
}
.app-features-gridblock h4.box-title {
    font-size: 18px;
    margin: 0;
    font-weight: var(--fw-500);
}
/**/

.high-performance .section-inner-head {
    max-width: 840px;
    text-align: center;
    margin: 0 auto 60px;
}
.high-performance .section-inner-head h2 {
    margin: 0 0 20px;
}

.tabmoc.webscreen {
    filter: unset;
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}
.tabmoc .webscreen-inner {
    top: 4.5%;
    width: 93.4%;
    max-height: 90.7%;
    border-radius: 1.9%/3%;
}
/**/
.web-visuals{
    position: relative;
}
.web-visuals:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    background: url(../images/integrations/intgration-wave.svg) #F2F5F7;
    height: 460px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top right;
}
.web-visuals .section-inner-head {
    text-align: center;
}
.web-visuals .innerfluid {
    overflow: hidden;
}
.web-visuals .innerfluid .macbook {
    margin: 60px auto 20px;
    max-width: 700px;
}
.screen {
    border-radius: 5% 5% 0% 0%/7%;
    margin: 0 auto;
    position: relative;
    width: 80%;
}
.screen:before {
    content: "";
    display: block;
    padding-top: 68.2%;
}
.screen:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 3.5%;
    width: 100%;
    background: #000;
    z-index: 5;
}
.screen .viewport {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.web-visuals .viewport .swiper {
    position: relative;
    overflow: initial;
}
.web-visuals .viewport .swiper::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    border: 9px solid #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 3% 3% 0% 0%/4.5%;
    z-index: 5;
}
.web-visuals .swiper-slide>div {
    transform: scale(0.8);
    height: 100%;
    width: 100%;
}
.swiper-slide>div img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
        box-shadow: 20px 25px 40px 0px rgb(43 64 69 / 18%);
    border-radius: 15px;
}
.web-visuals .swiper-slide.swiper-slide-active>div {
    transform: scale(1);
    border-radius: 3% 3% 0% 0%/4.5%;
    overflow: hidden;
    height: 100%;
    width: 100%;
    padding: 9px 0 0 0;
}
.web-visuals .swiper-slide.swiper-slide-active>div img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}
.base, .notch {
    z-index: 5;
}
.notch {
    background: #404040;
    border-radius: 0 0 7% 7%/0 0 95% 95%;
    box-shadow: -5px -1px 2px rgba(0,0,0,.33) inset,5px -1px 3px rgba(0,0,0,.44) inset;
    margin-left: auto;
    margin-right: auto;
    margin-top: -3%;
    z-index: 5;
    position: relative;
    width: 24%;
}
.notch:before {
    content: "";
    display: block;
    padding-top: 4.3%;
}
.base {
    position: relative;
    width: 100%;
}
.base:before {
    content: "";
    display: block;
    padding-top: 3%;
    background: linear-gradient(#444444, #0e0e0e 50%, #000 55%, #000000 56%, #000000 61%, #404040 84%, #000000 89%, rgba(0, 0, 0, 0) 111%);
    border-radius: 0 0 50% 50%/0 0 75% 75%;
}
.base::after {
    background: linear-gradient(90deg, rgba(38, 38, 38, 0.66), rgba(155, 155, 155, 0.53) 0.5%, rgba(92, 92, 92, 0.54) 3.3%, #404040 15%, rgba(84, 84, 84, 0.8) 50%, transparent 85%, rgb(98, 96, 96) 96.7%, rgba(92, 92, 92, 0.8) 99.5%, rgb(94, 94, 94) 100%);
    content: "";
    height: 25%;
    position: absolute;
    top: 0;
    width: 100%;
}
/*blog-sec*/
.blog-sec .section-inner-head {text-align: center;margin: 0 0 60px;}
.blog-card h3 {color: #000;font-size: 24px;font-weight: 500;margin-top: 20px;line-height: 36px;max-width: 600px;}