@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'), url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.woff2') format('woff2'), url('../fonts/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2'), url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-MediumItalic.woff') format('woff'), url('../fonts/Gilroy-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.woff') format('woff'), url('../fonts/Gilroy-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'), url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Heavy.woff2') format('woff2'), url('../fonts/Gilroy-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-regular.woff2') format('woff2'), url('../fonts/roboto/roboto-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-medium.woff2') format('woff2'), url('../fonts/roboto/roboto-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-regular.woff2') format('woff2'), url('../fonts/roboto/roboto-regular.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-bold.woff2') format('woff2'), url('../fonts/roboto/roboto-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-light.woff2') format('woff2'), url('../fonts/roboto/roboto-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: 'Roboto';
}
.reatil_successArea,
.partnership_certificate,
.our_work_list,
.technology_partnership,
.our_4t,
.our_technologies,
.container {
    /* max-width: 1090px; */
    margin: 0px auto;
}

.header_site .container {
    max-width: 1325px;
}

.menu ul li a.contact {
    color: #fff;
    background: #e3151e;
    padding: 4.6px 6.9px;
    transition: 0.5s all;
}

.menu ul li a.contact:hover {
    background: #000;
    color: #fff;
}

.menu ul li a.contact::after {
    display: none;
}

.header_site {
    position: relative;
}

.bannerArea.home-banner {
    width: 100%;
    height: 768px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background: linear-gradient(75.96deg, #E3151E 0%, #E3151E 47.51%, #000000 92.77%);
}

.bannerArea .overlay {
    width: 100%;
    height: 100%;
    background: transparent;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.bannerArea .banner_content {
    width: 100%;
    text-align: left;
    max-width: 850px;
    margin: 0px !important;
}

.bannerArea .banner_content h1 {
    color: #fff;
    margin: 0 0 13px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 130.8%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.bannerArea .banner_content p {
    color: #fff;
    margin: 0 0px 38px;
    max-width: 748px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 26px;
}

.bannerArea .banner_content a.btn {
    display: flex;
    align-items: center;
    max-width: 120px;
    justify-content: flex-start;
    padding: 6px 21px 6px 14px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: transparent;
    border: 2px solid #fff;
    transition: 0.5s all;
    margin: 0px !important;
}

.bannerArea .banner_content a.btn:hover {
    background-color: #000 !important;
    border-color: #000;
}

.bannerArea .banner_content a.btn i {
    margin-left: 6px;
    font-weight: 100;
    margin-left: 8px;
    font-weight: 100;
    font-size: 14px;
}

.mouse_scroll {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 90px;
    margin-top: 125px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    z-index: 2;
}

.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 3px;
    width: 10px;
    height: 10px;
}

.home_pattern {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
    max-width: 440px;
}

.unu {
    margin-top: 1px;
}

.unu,
.doi,
.trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}

.unu {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    animation-delay: alternate;
}

.doi {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-direction: alternate;
    animation-delay: 0.2s;
    animation-direction: alternate;
    margin-top: -6px;
}

.trei {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-direction: alternate;
    animation-delay: 0.3s;
    animation-direction: alternate;
    margin-top: -6px;
}

.mouse {
    height: 30px;
    width: 16px;
    border-radius: 14px;
    transform: none;
    border: 2px solid white;
    top: 170px;
}

.wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: white;
    position: relative;
    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-o-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.reatil_successArea .subText {
    text-align: center;
    max-width: 1010px;
    margin: 0 auto;
}

.reatil_successArea {
    width: 100%;
    padding: 97px 0 65px 0px;
}

.heading h2 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    color: rgba(0, 0, 0, 0.9);
}

.reatil_successArea .subText h2 {
    font-size: 45px;
}

.common_title_new {
    text-align: center;
}

.testimonial-sider .common_title_new {
    text-align: center;
}

.common_title_new.heading h2 {
    text-transform: capitalize;
    text-align: center;
}

.reatil_successArea .subText p {
    color: #253b58;
    margin: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 15px;
}

.reatil_successArea .subText h2 {
    margin: 0 0 43px;
}

a img.drop_arrow {
    margin-top: 72px;
}

#scroll-down {
    display: block;
    position: relative;
    padding-top: 27px;
    text-align: center;
    margin-top: 60px;
    width: 6px;
}

div#arrow_wrapper {
    display: inline-block;
}

.arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px;
}

.arrow-down:after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    border-top: 1.6px solid #e3151e;
    border-right: 1.6px solid #e3151e;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

#scroll-down::before {
    -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: 0px;
    width: 1.4px;
    height: 35px;
    background: #e3151e;
    content: ' ';
}

@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@-moz-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@-o-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

.core_services_list {
    background: #000;
    padding: 61px 0px 66px 0px;
}

.core_services_list .container {
    max-width: 1190px;
}

.core_services_list .common_title_new h2 {
    margin-bottom: 74px;
}

a.core_more_btn {
    width: 105px;
    font-family: 'Gilroy';
    font-size: 16px;
    line-height: 19px;
    align-items: left;
    font-weight: 400;
    color: #FFFFFF;
    padding: 4px 11.76px;
    border: 1px solid #e3151e;
    display: flex;
    background-color: #e3151e;
    margin: 0px auto;
    text-align: center;
    max-width: 105px;
    justify-content: center;
    justify-content: center;
    position: absolute;
    bottom: 5px;
    left: 50%;
}

a.core_more_btn:hover {
    background-color: #000;
    color: #fff;
    border-color: #fff;
    transition: all 0.5s;
}

ul.resp-tabs-list,
p {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    display: inline-block;
    padding: 4.5px 0px 4.5px 21px !important;
    margin: 0 0 50px;
    list-style: none;
    cursor: pointer;
    float: left;
    font-family: 'Gilroy';
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    text-decoration-line: none;
    color: #fff;
    background: transparent !important;
    border-left: 3.5px solid #fff;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

ul.service_product_list {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    padding: 25px 0px;
    margin-top: 32px;
}

.core_services_list li {
    padding: 0 0 10px;
}

.service_product_list li {
    display: inline-flex;
    width: 50%;
    margin-bottom: 20px;
    padding-right: 14px;
    align-items: center;
    padding-bottom: 0px;
}

.service_product_list li a {
    display: inline-flex;
    align-items: center;
}

.service_pr_img {
    display: inline-block;
    margin-right: 23px;
    width: 50px;
    height: 50px;
}

.service_pr_content {
    display: inline-block;
}

.service_pr_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.service_pr_content h5 {
    font-family: 'Gilroy';
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.service_pr_content h5 span {
    text-transform: lowercase;
}

.service_pr_content p {
    font-family: 'Gilroy';
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin-bottom: 0px;
    font-weight: 500;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 12px 14px 14px 22px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    border: 1px solid #5AB1D0 !important;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 22px;
    border-top: 3.5px solid #5AB1D0 !important;
    border-bottom: 0px #fff solid !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
    padding: 12px 14px 14px 22px;
    border-top: 3.5px solid #5AB1D0 !important;
    border: 3.5px #e30b09 solid !important;
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
    border-top-color: #5AB1D0;
}

h2.resp-accordion {
    font-family: 'Gilroy';
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    text-decoration-line: none;
    color: #fff;
    background: transparent !important;
    border: 3.5px solid #fff;
}

h2.resp-tab-active {
    color: #e3151e;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 35%;
    padding-right: 60px;
}

#parentVerticalTab {
    display: flex !important;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 4.5px 0px 4.5px 21px !important;
    margin: 0 0 40px !important;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-list li:last-child {
    margin-bottom: 0px !important;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: transparent;
    border: 0px solid #E3151E;
    float: left;
    width: 65%;
    min-height: auto;
    border-radius: 0px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0px 0px 0px 60px;
    height: 100%;
    position: relative;
}

.service-content-tabs {
    color: #fff;
}

.service-content-tabs h3 {
    font-family: 'Gilroy';
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    color: #E3151E;
    margin-bottom: 20px;
    margin-top: 3px;
}

.service-content-tabs p {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 300;
    line-height: 127.8%;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    border-top: 1px solid;
    border: 0px solid #fff !important;
    border-left: 3.5px solid #E3151E !important;
    border-right: 0px #FFF solid !important;
    color: #E3151E;
    text-decoration-line: underline;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    font-family: 'Font Awesome 5 Pro';
    content: '\f078';
    font-size: 20px;
    color: #fff;
    padding: 0px 20px;
    font-weight: 300;
}

.resp-arrow i {
    font-weight: 300;
}

.resp-arrow .far {
    font-weight: 300;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    transform: rotate(180deg);
    color: #E3151E;
    padding: 25px 0px;
}

h2.resp-tab-active {
    background: #DBDBDB;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }
    h2.resp-accordion {
        display: block;
    }
    .resp-vtabs .resp-tab-content {
        border-left: 0px;
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        margin: 20px 0px;
        padding: 10px 10px;
    }
    a.core_more_btn {
        margin-bottom: 0px;
        position: relative;
        bottom: 5px;
        left: auto;
    }
    #parentVerticalTab {
        display: block !important;
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }
    .resp-accordion-closed {
        display: none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-top: 1px solid rgba(255, 255, 255, 0.4);
    }
}

.our_technologies {
    padding: 126px 0px 129px;
}

.technology_listed {
    max-width: 1064px;
    margin: 0px auto;
    display: block;
    width: 100%;
    padding: 0px;
}

.common_title_new h2 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 60px;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    text-transform: uppercase;
    margin-bottom: 22px;
}

.technology_listed .common_title_new h2 {
    margin-bottom: 18px;
}

.technology_listed .common_title_new {
    text-align: center;
    max-width: 709px;
    margin: 0px auto;
}

.technology_lst li h3 {
    font-family: 'Gilroy';
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    margin: 9px 0px 0px 0px;
}

.technology_listed .common_title_new p {
    margin-bottom: 0px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 148.69%;
    color: #000000;
    text-align: center;
}

ul.technology_lst {
    display: block;
    text-align: center;
    max-width: 1064px;
    margin: 0px auto;
}

ul.technology_lst li {
    text-align: center;
    margin-left: 50px;
    margin-top: 67px;
    display: inline-block;
}

ul.technology_lst li:nth-child(1) {
    margin-left: 0px;
}

ul.technology_lst li .tech_box {
    border: 0px solid rgba(220, 220, 220, 0.6);
    width: 111px;
    height: 111px;
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

.industry_served {
    background: #000;
    padding: 65px 0px 65px 0px;
}

.industry_served .common_title_new h2 {
    color: #fff;
    margin-bottom: 42px;
}

.industriesslide {
    margin: 0px auto;
    max-width: 1076px;
}

.industriesslide .owl-item {
    text-align: center;
}

.industriesslide .item {
    display: inline-block;
    margin: 0px auto;
}

.industriesslide .item img {
    max-width: auto;
    width: 40px;
}

.industriesslide .item .indus_icons {
    height: 53px;
    max-height: 53px;
    display: flex;
    margin-bottom: 20px;
    vertical-align: inherit;
    align-items: flex-end;
    justify-content: center;
}

.industriesslide .item p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    align-items: center;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: .5rem;
    text-align: center;
}

.clients_logos {
    padding: 96px 0px 110px 0px;
    text-align: center;
}

.clients_logos .common_title_new h2 {
    margin-bottom: 72px;
}

ul.clients_list_logs {
    float: none;
    display: flex !important;
    flex-wrap: wrap;
    margin: 27px 0 0 0;
    width: 100%;
    max-width: 1010px;
    margin: 0px auto;
    justify-content: center;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 20px;
}
.clients_list_logs  .owl-dots{
    display: none;
}
.clients_list_logs.owl-carousel .owl-nav {
    position: absolute;
    top: calc(60% - 35px);
    left: 0px;
    width: 100%;
}

.clients_list_logs button.owl-prev:before {
    content: '\f104';
    font-family: 'Font Awesome 5 Pro';
    left: 0px;
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    background: #e3151e;
    width: 25px;
    height: 35px;
    border-radius: 0px;
    display: inline-block;
    line-height: 35px;
}

.clients_list_logs button.owl-prev {
    float: none;
    left: -17px;
    position: absolute;
}

.clients_list_logs button.owl-next {
    float: none;
    right: -17px;
    position: absolute;
}

.clients_list_logs .owl-nav button span {
    display: none;
}

.clients_list_logs button.owl-next:after {
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    left: 0px;
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    background: #e3151e;
    width: 25px;
    height: 35px;
    border-radius: 0px;
    display: inline-block;
    line-height: 35px;
}

@media (max-width: 767px) {
    ul.clients_list_logs li {
        height: 130px;
        background: #fefefe;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border: 1px solid rgba(220, 220, 220, 0.8);
    }

}
ul.clients_list_logs li {
    height: 130px;
    background: #fefefe;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(220, 220, 220, 0.8);
}
@media only screen and (min-width: 768px) {
    .clients_list_logs .fake-col-wrapper {
        height: 102px;
        background: #fefefe;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border: 1px solid rgba(220, 220, 220, 0.8);
    }
}
@media (max-width: 1200px) {
  ul.clients_list_logs {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 992px) {
  ul.clients_list_logs {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  ul.clients_list_logs {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  ul.clients_list_logs {
    grid-template-columns: 2fr;
  }
}
ul.clients_list_logs li:last-child img {
    max-width: 95px;
}

a.more_clients {
    background: #E3151E;
    padding: 6.5px 26.638px;
    color: #fff;
    font-family: 'Gilroy';
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    display: inline-block;
    margin: 0px auto;
    margin-top: 50px;
    transition: 0.5s all;
}

a.more_clients:hover {
    background: #000;
    border-color: #000;
}

.our_4t {
    background: #E3151E;
    padding: 102px 0px 105px 0px;
    width: 100%;
    display: block;
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.our_4t .common_title_new h2 {
    color: #fff;
    margin-bottom: 22px;
}

.our_4t .common_title_new p {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    line-height: 148.5%;
    text-transform: initial;
    color: #FFFFFF;
    text-align: center;
    max-width: 980px;
    margin: 0px auto;
}

ul.our_4t_list {
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

.our_4t .common_title_new {
    position: relative;
    z-index: 2;
}

.left_4t_pattern {
    position: absolute;
    left: -23px;
    bottom: -10px;
    z-index: 0;
}

.right_4t_pattern {
    position: absolute;
    right: -5px;
    top: -4px;
    z-index: 0;
}

.our_4t_list li {
    min-height: 100%;
    display: flex;
}

.main_col_4t {
    max-width: 262px;
    border: 1px solid #FFFFFF;
    display: inline-block;
    padding: 55px 24px;
}

@media (min-width: 1280px) {
    .our_4t_list li {
        padding: 0px 4px;
    }
    .main_col_4t {
        max-width: 271px;
    }
}

.main_col_4t:hover {
    background: #000;
    transition: 0.5s all;
}

.our_4t_list li h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.our_4t_list li p {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    text-transform: initial;
    color: #FFFFFF;
    margin: 0px;
    font-weight: 300;
}

.technology_partnership {
    padding: 55px 0px 30px 0px;
}

.section_4t {
    text-align: center;
}

.technology_partnership .common_title_new p {
    font-weight: 300;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 148.5%;
    text-transform: initial;
    color: rgba(0, 0, 0, 0.87);
    text-align: center;
}

.tech_listed {
    margin: 100px auto;
    max-width: 1027px;
}

.right_side_img {
    max-width: 530px;
}

.right_side_img img {
    max-width: 530px;
}

.left_side_img {
    max-width: 530px;
}

.left_side_img img {
    max-width: 530px;
}

.left_side_img+.tech1 {
    margin-left: 46px;
    margin-right: 0px;
}

.technology_list h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: left;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.9);
    margin-bottom: 16px;
}

.technology_list h3 span {
    text-transform: lowercase;
}

.technology_list .right_side_img h3 {
    display: none;
}

.technology_list .left_side_img h3 {
    display: none;
}

a.read_more.more_clients {
    margin-top: 32px;
}

.technology_list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.tech1 {
    max-width: 450px;
    margin-right: 50px;
}

.technology_list p {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
    text-align: left;
    text-transform: initial;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 24px;
}

.list_tech li {
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 150%;
    font-weight: 300;
    text-transform: initial;
    color: rgba(0, 0, 0, 0.87);
    text-align: left;
    list-style: none;
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
}

.list_tech li:before {
    content: '\f178';
    position: absolute;
    top: 0px;
    color: #e3151e;
    max-width: 100%;
    max-height: 100%;
    left: 0px;
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-weight: 300;
}

.our_work_list {
    background: #E3151E;
    padding: 58px 0px 0px 0px;
    width: 100%;
    display: block;
    max-width: 100%;
}

.our_work_list .common_title_new h2 {
    margin-bottom: 0px;
    color: #fff;
}

.work_list_descp h3 {
    font-family: 'Gilroy';
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 3px;
}

.work_list_descp p {
    font-family: 'Gilroy';
    font-size: 17px;
    font-weight: 400;
    line-height: 152.3%;
    text-align: left;
    color: #FFFFFF;
    padding-right: 32px;
    position: relative;
    margin-bottom: 14px;
    min-height: 80px;
}

.case_stdbtn {
    font-family: 'Gilroy';
    font-size: 15px;
    line-height: 18px;
    align-items: left;
    font-weight: 700;
    color: #FFFFFF;
    padding: 4.5px 23.7px;
    border: 2px solid #FFFFFF;
    display: inline-block;
    background-color: transparent;
}

a.case_stdbtn:hover {
    background-color: #e3151e;
    color: #fff;
    border-color: #e3151e;
    transition: all 0.5s;
}

a.rft_arrow {
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 16px;
    right: 12px;
    top: 38px;
    font-weight: 400;
    background: rgba(0, 0, 0, 0.2);
    width: 29px;
    height: 29px;
    border-radius: 30px;
    padding: 5px 7px;
    line-height: normal;
    transition: 0.5s all;
    color: #fff;
    line-height: 19px;
}

a.rft_arrow i {
    font-weight: 300;
}

.work_img:hover a.rft_arrow {
    background: #fff;
    color: #000;
}

.work_list {
    max-width: 369px;
    margin: 0px auto;
    margin-top: 60px;
    will-change: box-shadow;
    transition: box-shadow .4s ease-in-out;
}

.filterContent .work_list {
    margin-top: 25px;
}

.work_list:hover {
    box-shadow: 3px 3px 11px 0 rgb(0 0 0 / 30%);
}

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

.work_img img {
    position: relative;
    z-index: 0;
    min-height: 405px;
    transition: 0.5s all;
    max-width: 369px;
    width: 100%;
}

.work_img:hover img {
    filter: grayscale(1) brightness(80%);
}

.work_img:after {
    background: linear-gradient(0.15deg, #000000 0.12%, rgba(0, 0, 0, 0) 96.39%, rgba(255, 255, 255, 0) 96.39%);
    position: absolute;
    bottom: 0px;
    content: '';
    z-index: 1;
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    left: 0px;
}

.work_list_descp {
    position: absolute;
    bottom: 30px;
    z-index: 2;
    text-align: left;
    left: 25px;
    padding-right: 12px;
    width: 93%;
}

.our_work_list .container {
    max-width: 1168px;
    margin: 0px auto;
}

.work_area .container {
    max-width: 1168px;
    margin: 0px auto;
}

a.read_more_study {
    background: #fff;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: #000;
    display: flex;
    margin: 0px auto;
    width: auto;
    padding: 5.5px 20px;
    margin: 40px auto 60px;
    align-items: center;
    justify-content: center;
    transition: 0.5s all;
}

.related_projects a.read_more_study {
    background: #e3151e;
    color: #fff;
}

a.read_more_study:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

a.read_more_study i.fal.fa-angle-right {
    font-size: 20px;
    padding: 0px 4px;
    font-weight: 300;
}

.partnership_certificate {
    padding: 118px 0px 140px 0px;
}

.certificationSlider {
    position: relative;
}

.certificationSlider.owl-carousel .owl-nav {
    position: relative;
    top: -50px;
    left: 0px;
    width: 100%;
}

.certificationSlider .owl-nav button span {
    display: none;
}

.certificationSlider button.owl-prev {
    position: absolute;
    top: 0px;
    left: -40px;
}

.certificationSlider button.owl-next {
    position: absolute;
    top: 0px;
    right: -40px;
}

.certificationSlider button.owl-prev svg {
    width: 50px;
}

.certificationSlider button.owl-next svg {
    width: 50px;
    transform: rotate(180deg);
}

@media (max-width: 1024.5px) {
    .certificationSlider button.owl-prev {
        position: absolute;
        top: 0px;
        left: -19px;
    }
    .certificationSlider button.owl-next {
        position: absolute;
        top: 0px;
        right: -19px;
    }
}

@media (max-width: 991px) {
    .certificationSlider button.owl-prev {
        left: -20px;
    }
    .certificationSlider button.owl-next {
        right: -20px;
    }
}

.certificationArea {
    width: 100%;
    float: left;
    background: #243a57;
    padding: 37px 0 63px 0;
}

.certificationArea h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 100;
    margin: 0 0 45px;
}

.certificationArea h2 strong {
    font-weight: 700;
}

.certificationArea .certificationSlider {
    width: 100%;
    float: left;
}

.certificationSlider .owl-stage {
    display: flex;
    align-items: center;
}

.certificationArea .certificationSlider img {
    max-width: 100%;
    width: auto;
}

.certificationArea .certificationSlider .item {
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.certificationArea .certificationSlider .owl-nav button {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translate(0, -50%);
    outline: none;
    font-size: 60px;
    color: #fff;
    font-weight: 100;
    line-height: 30px;
}

.certificationArea .certificationSlider .owl-nav button span {
    display: block;
    margin-top: -8px;
}

.certificationArea .certificationSlider .owl-nav button.owl-next {
    right: -25px;
    left: auto;
}

.partnership_certificate .common_title_new h2 {
    margin-bottom: 83px;
}

.certificationSlider .item img {
    width: auto;
    margin: 0px 20px;
    max-width: 150px;
}

.why_choose_us {
    background: #000000;
    padding: 69px 0px 70px 0px;
}

.why_choose_us .common_title_new h2 {
    color: #fff;
    font-size: 40px;
}

.choose_list li p {
    font-family: 'Gilroy';
    font-size: 18px;
    font-weight: 500;
    line-height: 127.19%;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
    text-align: center;
}

ul.choose_list {
    max-width: 930px;
    margin: 0px auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: self-start;
    flex-wrap: wrap;
}

.choose_list li {
    display: inline-block;
    max-width: 155px;
    text-align: center;
    margin: 30px 20px;
}

.box_img {
    max-height: 50px;
    display: flex;
    margin-bottom: 24px;
    height: 50px;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
}

.testimonial_slides {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 0px;
}

.testimonial-sider {
    max-width: 1085px;
    margin: 0px auto;
    padding: 126px 0px 130px 0px;
}

.testimonial-sider .common_title_new h2 {
    margin-bottom: 42px;
    text-align: left;
    text-transform: uppercase;
    font-size: 35px;
    display: inline-block;
    padding: 6px 6px;
    line-height: normal;
    font-weight: 700;
    font-style: normal;
    color: #000;
}

.chooseSlider.owl-carousel {
    padding: 0px 56px;
    position: relative;
    max-width: 1085px;
    margin: 0px auto;
    width: 100%;
}

.chooseSlider.owl-carousel .owl-nav {
    position: absolute;
    top: 55px;
    left: 0px;
    width: 100%;
}

.testimonial-sider button.owl-prev:before {
    content: '\f104';
    font-family: 'Font Awesome 5 Pro';
    left: 0px;
    color: #e3151e;
    font-size: 35px;
    font-weight: 300;
}

.testimonial-sider button.owl-prev {
    float: left;
}

.testimonial-sider button.owl-next {
    float: right;
}

.testimonial-sider .owl-nav button span {
    display: none;
}

.testimonial-sider button.owl-next:after {
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    left: 0px;
    color: #e3151e;
    font-size: 35px;
    font-weight: 300;
}

.testimonial_msg h4 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    margin: 10px 0px 3px 0px;
    margin-bottom: 8px;
}

.profile_postiton {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 12px;
    text-align: left;
    color: rgba(0, 0, 0, 0.9);
}

.testimonial_profile {
    max-width: 127px;
}

.testimonial_msg {
    margin-left: 52px;
    max-width: 788px;
}

.testimonial_msg p {
    font-family: 'Gilroy';
    font-size: 18px;
    line-height: 160.69%;
    align-items: center;
    letter-spacing: 0.065em;
    color: #000;
    margin-bottom: 14px;
    font-weight: 500;
    font-style: normal;
}

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

a.more_testimonial {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    text-decoration-line: underline;
    color: rgba(0, 0, 0, 0.9);
}

.test_quoate img {
    max-width: 27px;
    width: auto;
}

.test_quoate {
    width: 41px;
    height: 41px;
    margin-right: 27px;
    background: #E3151E;
    text-align: center;
    padding: 10px 7px;
    line-height: normal;
}

.Ftr_item.footer_address ul.services_list {
/*    display: block;*/
}

.work_img:hover .work_list_descp p:after {
    background: #fff;
    color: #000;
}

.reatil_successArea.our_work_section {
    width: 100%;
    padding: 30px 0 5px 0px;
}

.reatil_successArea.our_work_section .subText h2 {
    margin: 0 0 23px;
    font-size: 26px;
    line-height: normal;
}

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

.work_portfolio.owl-carousel .owl-dots {
    position: absolute;
    left: 50%;
    bottom: -19px;
    padding-bottom: 0px;
    z-index: 222;
    margin: 0px auto;
    right: auto;
    transform: translate(-50%, -50%);
}

.work_portfolio.owl-carousel .owl-dots .owl-dot span {
    width: 40px;
    height: 2px;
    margin: 4px;
    background: #d8d8d8;
    display: inline-block;
}

.work_portfolio.owl-carousel .owl-dots .owl-dot.active span {
    background: #000;
}

.work_port img {
    max-height: 450px;
    max-width: 100%;
    min-height: 450px;
}

.filterNav a {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    padding: 5px 0px;
    font-family: 'Gilroy';
    margin: 0px 8px;
    cursor: pointer;
}

.filterContent {
    padding-bottom: 60px;
    margin-bottom: 30px;
}

.filterBtn:before {
    content: '\f107';
    position: absolute;
    right: 20px;
    font-size: 33px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    transition: 0.5s all;
}

.filterBtn {
    position: relative;
}

.filterBtn.active:before {
    transform: rotate(180deg);
}

#sector-nav {
    background: #fff;
    width: 100%;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    padding-top: 50px;
    padding-bottom: 50px;
}

#sector-nav ul li {
    display: inline-block;
}

#sector-nav ul li a {
    color: #000;
    padding: 10px 20px;
    display: block;
    font-size: 16px;
    font-family: 'Gilroy';
    font-weight: 700;
    font-style: normal;
}

.show_sectors {
    display: inline-block;
    float: right;
    border: 1px solid #c6c6c6;
    padding: 16px 20px;
    color: #000;
    font-size: 15px;
    font-family: 'Gilroy';
    position: relative;
    padding-right: 40px;
    transition: 0.5s all;
    width: 162px;
    cursor: pointer;
    font-weight: 500;
}

.show_sectors:before {
    content: '\f067';
    position: absolute;
    right: 20px;
    font-size: 16px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    top: 17px;
}

.show_sectors.open:before {
    content: '\f068';
    position: absolute;
    right: 20px;
    font-size: 16px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    top: 17px;
}

.filterBtn {
    background: #000;
    color: #fff;
    padding: 11.8px 20px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-family: 'Gilroy';
}

.filterNav a.active {
    border-bottom: 2px solid #e3151e;
    color: #e3151e;
}

.filterBtn {
    display: none;
}

@media (max-width: 767px) {
    .filterNav {
        display: none;
    }
    .filterBtn {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .filterNav a {
        display: block;
    }
    .show_sectors {
        display: block;
        float: none;
        margin-top: 10px;
        width: 100%;
    }
    .show_sectors.open:before {
        font-size: 28px;
        top: 11px;
    }
    .show_sectors:before {
        font-size: 28px;
        top: 11px;
    }
}

.about_us_title h2 {
    text-align: left;
    font-weight: 700;
    font-family: 'Gilroy';
    font-style: normal;
    font-size: 40px;
    line-height: normal;
    color: #000;
}

.about_us_title {
    margin-top: 25px;
}

.mobileapp-hero-content.aboutus_brief_text {
    max-width: 550px;
    width: 52%;
}

.mobile_banner_app.aboutus_brief_banner {
    z-index: -1;
}

.our_vision {
    background: #e3151e;
    padding: 70px 0;
}

.our_vision h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    margin-bottom: 0;
    color: #fff;
    width: 30%;
}

.our_vision p {
    font-family: gilroy;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 154.3%;
    color: #fff;
    margin-bottom: 0;
    width: 70%;
}

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

.our_approach {
    background: #e3151e;
    padding: 70px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.our_approach .container {
    z-index: 222;
    position: relative;
}

.content_main h2 {
    text-align: left;
    color: #fff;
    text-transform: capitalize;
    font-size: 40px;
    font-weight: 700;
}

.content_main p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 0px;
}

.approach_box {
    background: #fff;
    padding: 30px 25px;
    color: #000;
    box-shadow: 6px 10px 30px rgb(6 26 64 / 10%);
    opacity: 0;
    transform: translateX(-10px);
    transition: transform .5s ease, opacity .5s ease;
}

.visible_sect .approach_box {
    opacity: 1;
    transform: translateX(0);
}

.approach_box h3 {
    font-size: 22px;
}

.approach_box p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    margin-bottom: 0px;
}

.approach_progress_line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    height: 100%;
    border-left: 2px solid #fff;
}

.approach_progress_line {
    left: calc(50% - 0px);
}

.approach_point {}

.content_main {
    margin-right: 65px;
}

.content_over_approach {
    position: relative;
    margin-left: 65px;
}

.approach_part {
    position: absolute;
    top: calc(50% - 7px);
    left: -82px;
    width: 13px;
    height: 13px;
    background-color: #d6d2d3;
    border-radius: 50%;
}

.approach_part:after,
.approach_part:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    transition: transform .8s cubic-bezier(.34, 1.56, .64, 1);
}

.approach_part:before {
    top: -17px;
    left: -17px;
    width: 47px;
    height: 47px;
    background-color: rgba(255, 255, 255, .16);
}

.approach_part:after {
    top: -37px;
    left: -37px;
    width: 87px;
    height: 87px;
    background-color: rgba(255, 255, 255, .1);
    transition-delay: .08s;
}

.content_over_approach.left_side_approach {
    margin: 31px 0px;
    margin-right: 65px;
}

.approach_part.left_side_part {
    position: absolute;
    top: calc(50% - 7px);
    left: auto;
    width: 13px;
    height: 13px;
    background-color: #d6d2d3;
    border-radius: 50%;
    right: -85px;
}

.approach_part.:after,
.approach_part:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    transition: transform .8s cubic-bezier(.34, 1.56, .64, 1);
}

.approach_part.left_side_part:before {
    top: -17px;
    right: -17px;
    width: 47px;
    height: 47px;
    background-color: rgba(255, 255, 255, .16);
    transform: scale(0);
}

.approach_part.left_side_part:after {
    top: -37px;
    right: -37px;
    width: 87px;
    height: 87px;
    background-color: rgba(255, 255, 255, .1);
    transform: scale(0);
    transition-delay: .08s;
}

.visible_sect .approach_part:before {
    transform: scale(1);
}

.visible_sect .approach_part:after {
    transform: scale(1);
}

.partnership_certificate.about_us_certificate .common_title_new h2 {
    margin-bottom: 50px;
    text-transform: capitalize;
}

.partnership_certificate.about_us_certificate {
    padding: 60px 0px 50px 0px;
}

.mobile_app_blog.about-us-page h2 {
    max-width: 650px;
    text-transform: capitalize;
}

.our_platforms.about_recognition {
    background: #e3151e;
    color: #fff;
}

.our_platforms.about_recognition h2 {
    color: #fff;
    text-transform: capitalize;
    font-size: 40px;
}

.our_platforms.about_recognition p {
    color: #fff;
    margin-top: 20px;
}

.mobile_services_list.about_us_values li h4 {
    text-transform: capitalize;
    font-size: 20px;
    text-transform: capitalize;
}

.mobile_services_list.about_us_values li h4:before {
    top: 5px;
}

.company_overview {
    padding: 70px 0;
}

.company_title h2 {
    text-align: left;
    font-weight: 700;
    font-family: 'Gilroy';
    font-style: normal;
    font-size: 40px;
    line-height: normal;
    color: #000;
    margin-bottom: 20px;
}

.company_title p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 0px;
}

ul.company_list_overview {
    margin-top: 12px;
}

.company_list_overview li {
    list-style: none;
    width: 31%;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.company_list_overview li img {
    width: 100%;
}

.social_responsibility h2 {
    color: #fff;
    text-transform: capitalize;
    font-size: 40px;
}

.social_responsibility p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    color: #fff;
    font-size: 19px;
    line-height: 154.3%;
}

.why_ids {
    margin-top: 18px;
}

.why_we_start {
    background: #f0f0f0;
}

.social_respon li {
    display: inline-block;
    width: 45%;
    padding: 5px;
}

.social_respon li img {
    width: 100%;
    min-height: 188px;
}

@media (max-width: 767px) {
    .content_main {
        margin-right: 0px;
    }
    .content_over_approach.left_side_approach {
        margin: 31px 0px;
        margin-right: 65px;
        padding: 90px 0px 0px 0px;
        margin: 70px 0px 0px 0px;
    }
    .content_over_approach {
        position: relative;
        padding: 90px 0px 0px 0px;
        margin: 70px 0px 0px 0px;
    }
    .approach_progress_line {
        left: calc(50% - 0px);
        top: 300px;
        height: 73%;
    }
    .approach_part {
        top: 0px;
        left: 49%;
    }
    .approach_box {
        padding: 30px 25px;
    }
    .approach_part.left_side_part {
        top: 0px;
        left: 49%;
        right: auto;
    }
}

@media (max-width: 480px) {
    .approach_progress_line {
        left: calc(50% - -3px);
        top: 370px;
        height: 73%;
    }
    ul.company_list_overview {
        text-align: center;
    }
    .company_list_overview li {
        width: 45%;
        margin: 5px;
        margin-bottom: 10px;
    }
    ul.social_respon {
        margin-bottom: 20px;
    }
}

.mobile_app_banner {
    padding: 60px 0px;
    position: relative;
}

.mobileapp-hero-content .common_title_new h1 {
    text-align: left;
    text-transform: capitalize;
    font-size: 45px;
    color: #000;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
}

.mobileapp-hero-content h2 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: normal;
    color: rgba(0, 0, 0, 0.9);
    margin-top: 30px;
}

.mobileapp-hero-content p {
    margin: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
}

.mobileapp-hero-content {
    max-width: 480px;
    width: 45%;
}

.mobile_banner_app {
    position: absolute;
    right: 0px;
    top: 0px;
    background-position: 0;
    max-width: 52.5%;
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    right: 0;
    width: 100%;
    background-repeat: no-repeat;
    ;
}

.mobile_app_services {
    background: #f0f0f0;
    padding: 70px 0px;
}

.mobile_app_lft h2 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: normal;
    color: #000;
    margin-top: 30px;
}

.mobile_app_lft h2 span {
    font-weight: 700;
}

.mobile_app_process {
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 100px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile_app_process.social_responsibility {
    background-color: #e3151e;
}

.mobile_app_lft p {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    color: #000;
}

ul.mobile_services_list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 22px;
    padding-left: 40px;
    justify-content: flex-start;
}

.mobile_services_list li {
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto';
    max-width: 46%;
    display: inline-block;
    color: #000;
    margin-right: 20px;
    margin-bottom: 24px;
}

.mobile_services_list li:first-child {
    margin-left: 0px;
}
h2.common_h2_heading{
    font-size: 40px;
    font-weight: 700;
}
.mobile_services_list li h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: normal;
    color: #000;
    margin-top: 8px;
    position: relative;
    padding-right: 20px;
    display: inline-block;
}

.mobile_services_list li h3:before {
    content: '\f178';
    position: absolute;
    top: 8px;
    color: #e3151e;
    max-width: 100%;
    max-height: 100%;
    right: 0;
    font-family: 'font awesome 5 pro';
    font-size: 16px;
    font-weight: 300;
}

.mobile_services_list li p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 0px;
}

.platforms_title h2 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    color: #000;
    margin-top: 16px;
}

.stages_process {
    margin-top: 12px;
}

.patform_list h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
    color: #000;
    margin-top: 20px;
}

.patform_list p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    color: #000;
    margin: 0px;
}

.our_platforms {
    padding: 80px 0px;
}

.app_technology h2 {
    text-align: center;
    line-height: normal;
    text-transform: capitalize;
    max-width: 720px;
    margin: 0px auto;
    margin-bottom: 50px;
}

.app_process h2 {
    text-transform: capitalize;
    line-height: normal;
    text-align: left;
    color: #fff;
    font-size: 40px;
}

.app_process p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    color: #fff;
}

.mobile_app_technologies {
    padding: 90px 0px;
    max-width: 750px;
    margin: 0px auto;
}
.mobile_app_technologies .row {
    justify-content: center;
    row-gap: 10px;
    column-gap: 10px;
}
.mobile_app_technologies .col-lg-3.col-md-3 {
    width: calc(22% - 34px);
    padding: 0px;
    display: inline-block;
}

.technologies_list {
    display: flex;
    max-width: 100%;
    max-height: initial;
    width: 100%;
    height: 150px;
    padding: 20px;
    line-height: 100px;
    border: 1px solid rgba(220, 220, 220, 0.8);
    background: #fefefe;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
}
.technologies_list img {
    max-width: 150px;
    margin: 0px auto;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.mobile_app_blog {
    padding: 80px 0px;
}

.mobile_app_blog h2 {
    text-align: center;
    max-width: 550px;
    margin: 0px auto;
    margin-bottom: 50px;
    line-height: normal;
    font-weight: 700;
}

.mobile_blog_list img {
    min-height: 230px;
    margin-bottom: 20px;
}

.mobile_blog_list strong {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    display: flex;
    align-items: center;
    text-align: left;
    color: rgba(0, 0, 0, 0.9);
    margin: 10px 0px 3px 0px;
    margin-bottom: 12px;
}

.mobile_blog_list p {
    font-family: 'Gilroy';
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    color: #000;
    position: relative;
    margin-bottom: 2px;
}

.mobile_blog_list a.read_more.more_clients {
    margin-top: 15px;
}

.mobile_app_related.related_projects {
    padding: 80px 0px 50px;
}

.partnerhip_models {
    padding: 60px 0px;
    background: #fcfcfc;
}

.native_app_img {
    padding: 20px 0px;
    display: flex;
    align-items: center;
}

.native_app_img img {
    max-width: 46px;
}

.ios_icon_sz img {
    max-width: 40px;
}

.platforms {
    display: inline-block;
    padding-right: 40px;
}

.platform_circle {
    display: inline-flex;
    width: 70px;
    height: 70px;
    background: #000;
    border-radius: 50%;
    text-align: center;
    margin-right: 18px;
    padding: 14px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}

.our_team_contact {
    background: #e3151e;
    padding: 70px 0px;
}
.our_team_contact.magento_migration_cost.bg_screen{
    background: #f0f0f0;
}
.platforms a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
}

.platforms a:hover .platforms_title {
    text-decoration: underline;
}

a.team_contact_btn {
    background: #fff;
    color: #000;
    padding: 15px 30px;
    font-weight: 500;
    box-shadow: 10px 25px 30px rgb(6 26 64 / 15%);
    line-height: 18px;
    font-size: 15px;
    display: inline-block;
    height: 50px;
    transition: all 0.5s;
    font-family: 'Gilroy';
}

a.team_contact_btn:hover {
    background: #000;
    color: #fff;
}

.contact_teams {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.bg_screen .contact_teams{
      display: block;
    }
.contact_teams h3 {
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 0px;
}

.contact_teams h3 span {
    font-weight: 700;
}

.platforms_title {
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .mobile_services_list li {
        max-width: 100%;
    }
    .contact_teams {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        text-align: center;
    }
    .contact_teams h3 {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .mobile_app_banner {
        padding: 50px 0px;
        padding-bottom: 0px;
    }
    .mobile_banner_app {
        height: 550px;
        position: relative;
        background-size: cover;
        max-width: 797px;
    }
    .mobileapp-hero-content {
        width: 100% !important;
        margin-bottom: 40px;
    }
    .mobileapp-hero-content.aboutus_brief_text {
        width: 100%;
    }
    .mobileapp-hero-content.maintenance_support {
        display: block;
    }
    ul.mobile_services_list {
        padding-left: 0px;
    }
    .stages_process {
        margin-top: 50px;
    }
    .mobile_blog_list {
        margin-bottom: 50px;
    }
    .mobile_services_list li h3 {
        font-size: 20px;
    }
    .mobile_services_list li h3:before {
        top: 4px;
    }
}

@media only screen and (max-width: 480px) {
    .mobileapp-hero-content .common_title_new h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .mobileapp-hero-content h2 {
        font-size: 35px;
        line-height: 35px;
    }
    .mobile_blog_list strong {
        font-size: 22px;
        line-height: 24px;
    }
    .mobile_app_services,
    .our_platforms,
    .partnerhip_models,
    .mobile_app_technologies,
    .mobile_app_related.related_projects,
    .mobile_app_blog,
    .mobile_app_process {
        padding: 40px 0px;
    }
    .mobile_app_lft h2 {
        margin-top: 10px;
    }
    .mobile_app_technologies .col-lg-3.col-md-3 {
        max-width: 50%;
        margin: 0px auto;
        display: inline-block;
        text-align: center;
        padding: 10px;
    }
    .technologies_list {
        display: inline-block;
        max-width: 100%;
        max-height: 100%;
        width: 100%;
    }
    .technologies_list img {
        max-width: 100%;
        width: 70%;
    }
    .platforms {
        display: inline-block;
        padding-right: 0px;
        padding-bottom: 20px;
    }
    .native_app_img {
        flex-wrap: wrap;
    }
    .our_vision_1 {
        flex-wrap: wrap;
    }
    .our_vision_1 h2 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .our_vision_1 p {
        width: 100%;
        text-align: center;
    }
}

.mobileapp-hero-content.maintenance_support .common_title_new h1 {
    margin-bottom: 20px;
}

.mobileapp-hero-content.maintenance_support {
    max-width: 548px;
    width: 52%;
}

.mobile_banner_app.maintenance_support_banner {
    z-index: -1;
}

.maintenance_support h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

.support_app_banner {
    overflow: hidden;
}

.application_support_approach .content_main {
    margin-bottom: 30px;
}

.content_over_approach.application_support {
    margin-left: 0px;
    margin-right: 65px;
}

.content_over_approach.application_support1 .approach_box {
    min-height: 406px;
}

ul.support_services {
    margin-top: 30px;
}
ul.support_services {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.support_services li {
    list-style: none;
    border: 1px solid #000000;
    padding: 15px 25px;
    display: inline-block;
    width: 32%;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #000;
    transition: 0.5s;
    display: none;
}
#loadMore {
  width: 150px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px 10px;
  border-radius: 0px;
  border: 1px solid transparent;
  background-color: #000000;
  transition: .3s;
  font-family: 'Gilroy';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
#loadMore:hover {
  color: #000000;
  background-color: #fff;
  border: 1px solid #000000;
  text-decoration: none;
}
#loadMore1 {
  width: 150px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px 10px;
  border-radius: 0px;
  border: 1px solid transparent;
  background-color: #000000;
  transition: .3s;
  font-family: 'Gilroy';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
#loadMore1:hover {
  color: #000000;
  background-color: #fff;
  border: 1px solid #000000;
  text-decoration: none;
}
.support_services li:hover {
    color: #fff;
    background: #000;
}

.support_services h3 {
    margin-top: 0px;
    color: inherit;
}

.support_services p {
    color: inherit;
}

.support_logic li {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Roboto';
    text-transform: capitalize;
    font-weight: 300;
    color: #000;
    padding-left: 20px;
    position: relative;
    text-align: left;
}

.support_logic li:before {
    content: '\f178';
    position: absolute;
    top: 0;
    color: #e3151e;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    font-family: 'font awesome 5 pro';
    font-size: 16px;
    font-weight: 300;
}
.support_logic.text-white li, .support_logic.text-white li:before{color: #FFFFFF!important}
#generic_price_table {
    background-color: #e3151e;
}

.price_table h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    margin-bottom: 20px;
}

.price_table p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    color: #fff;
    margin-bottom: 35px;
}

#generic_price_table .generic_content {
    background-color: #fff;
    min-height: 100%;
}

#generic_price_table .generic_content .generic_head_price {
    background-color: #f6f6f6;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
    border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
    color: #000;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
    color: #000;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
    color: #000;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
    color: #000;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
    color: #000;
}

#generic_price_table .generic_content .generic_feature_list ul li {
    color: #000;
}

#generic_price_table .generic_content .generic_feature_list ul li span {
    color: #000;
    font-weight: 600;
}

#generic_price_table .generic_content .generic_feature_list ul li:hover {
    background-color: #E4E4E4;
    border-left: 5px solid #000;
}

#generic_price_table .generic_content .generic_price_btn a {
    border: 1px solid #000;
    color: #fff;
    background: #000;
}

#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg {
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
    color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span {
    color: #fff;
}

#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a {
    background-color: #e3151e;
    color: #fff;
    border-color: #e3151e;
}

#generic_price_table {
    padding: 70px 0px;
}

.generic_content.first_box_show {
    background-color: transparent !important;
}

.generic_content.first_box_show .generic_head_price {
    background-color: transparent !important;
}

.standard_plan li:first-child {
    margin-bottom: 26px;
}

.exclusive_plan li:first-child {
    margin-bottom: 50px;
}

#generic_price_table .generic_content {
    overflow: hidden;
    position: relative;
    text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
    margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content {
    margin: 0 0 50px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
    border-style: solid;
    border-width: 90px 1411px 23px 399px;
    position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head {
    padding-top: 40px;
    position: relative;
    z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
    font-family: 'Gilroy';
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag {
    padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price {
    display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
    display: inline-block;
    font-family: 'Gilroy';
    font-size: 28px;
    font-weight: 400;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
    font-family: 'Gilroy';
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 60px;
    padding: 0;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
    display: inline-block;
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
    font-family: 'Gilroy';
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#generic_price_table .generic_content .generic_feature_list ul li {
    font-family: 'Gilroy';
    font-size: 18px;
    padding: 15px 7px 15px 7px;
    transition: all 0.3s ease-in-out 0s;
    position: relative;
}

.portal_seat li {
    text-align: right;
    padding: 15px 0px 15px 15px !important;
    font-weight: 600;
    color: #fff !important;
}

.portal_seat li:first-child {
    margin-bottom: 50px;
}

.portal_seat li span {
    color: #fff !important;
}

#generic_price_table .generic_content .generic_feature_list ul.portal_seat li:hover {
    background-color: transparent;
    border-left: 0px solid #000;
}

.arrow_right_com {
    position: relative;
}

.portal_seat li:nth-child(3) {
    visibility: hidden;
}

.portal_seat li:nth-child(4) {
    visibility: hidden;
}

.portal_seat li:nth-child(5) {
    visibility: hidden;
}

#generic_price_table .generic_content .generic_feature_list ul li:hover {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

#generic_price_table .generic_content .generic_feature_list ul li .fa {
    padding: 0 10px;
}

.generic_feature_list {
    margin-bottom: 120px;
    position: static;
}

#generic_price_table .generic_content .generic_price_btn {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

#generic_price_table .generic_content .generic_price_btn a {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    -webkit-border-radius: 0px;
    display: inline-block;
    font-family: 'Gilroy';
    font-size: 18px;
    outline: medium none;
    padding: 8px 30px;
    text-decoration: none;
    text-transform: uppercase;
    text-transform: capitalize;
    font-weight: 400;
}

.generic_price_btn.clearfix.arrow_right_com {
    color: #fff;
    display: inline-block;
    font-family: 'Gilroy';
    font-size: 18px;
    outline: medium none;
    padding: 10px 0px 6px 13px;
    text-align: right;
    font-weight: 600;
}

.generic_price_btn.clearfix.arrow_right_com:before {
    right: 30px;
}

.portal_seat.communic_plat li:before {
    right: 14px;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

@media (max-width: 767px) {
    #generic_price_table .generic_content {
        margin-bottom: 75px;
    }
    .mobileapp-hero-content.maintenance_support {
        max-width: 100%;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #generic_price_table .col-md-3 {
        float: left;
        width: 50%;
    }
    #generic_price_table .col-md-4 {
        float: left;
        width: 50%;
    }
    #generic_price_table .generic_content {
        margin-bottom: 75px;
    }
}

.text-center h1,
.text-center h1 a {
    color: #7885CB;
    font-size: 30px;
    font-weight: 300;
    text-decoration: none;
}

.demo-pic {
    margin: 0 auto;
}

.demo-pic:hover {
    opacity: 0.7;
}

#generic_price_table_home ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: table;
}

#generic_price_table_home li {
    float: left;
}

#generic_price_table_home li+li {
    margin-left: 10px;
    padding-bottom: 10px;
}

#generic_price_table_home li a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0px;
}

#generic_price_table_home .blue {
    background: #3498DB;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .emerald {
    background: #e3151e;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .grey {
    background: #7F8C8D;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .midnight {
    background: #34495E;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .orange {
    background: #E67E22;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .purple {
    background: #9B59B6;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .red {
    background: #E74C3C;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .turquoise {
    background: #1ABC9C;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .divider {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px;
}

#generic_price_table_home .divider span {
    width: 100%;
    display: table;
    height: 2px;
    background: #ddd;
    margin: 50px auto;
    line-height: 2px;
}

#generic_price_table_home .itemname {
    text-align: center;
    font-size: 50px;
    padding: 50px 0 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    text-decoration: none;
    font-weight: 300;
}

#generic_price_table_home .itemnametext {
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}

#generic_price_table_home .footer {
    padding: 40px 0;
}

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

.price-heading h1 {
    color: #666;
    margin: 0;
    padding: 0 0 50px 0;
}

.demo-button {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.bottom_btn {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 28px;
    margin: 60px auto 20px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}

.demo-button:hover {
    background-color: #666;
    color: #FFF;
    text-decoration: none;
}

.bottom_btn:hover {
    background-color: #666;
    color: #FFF;
    text-decoration: none;
}

.portal_seat.communic_plat li {
    font-size: 16px !important;
}

section.technology_platforms {
    padding: 80px 0px;
}

.technology_support_list {
    text-align: left;
    padding: 20px;
}

.technology_support_list {
    text-align: left;
}

.technology_title {
    font-family: 'Gilroy';
    font-size: 22px;
    font-weight: 700;
    margin-right: 20px;
    text-align: left;
    background: #000;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    margin-left: 0px;
}

ul.technology_overlist {
    display: flex;
}

.technology_overlist li {
    margin-bottom: 25px;
    border: 1px solid #f0f0f0;
    padding: 10px;
    text-align: left;
    margin: 15px;
    width: 150px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.technology_overlist li:first-child {
    margin-left: 0px;
}

.technology_platforms h3 {
    font-family: 'Gilroy';
    font-size: 40px;
    color: rgba(0, 0, 0);
    margin: 0px 0px 20px 0px;
}

.technology_overlist li h3 {
    font-family: 'Gilroy';
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    margin: 9px 0px 0px 0px;
}

.content_over_approach.application_support .approach_point {
    display: none;
}

.requote_call {
    padding: 80px 0px;
    background: #e3151e;
}

.quote_action_now {
    margin-top: 10px;
    margin-left: 30px;
}

.requote_action_overview h3 {
    text-align: left;
    font-weight: 600;
    font-family: 'Gilroy';
    font-style: normal;
    font-size: 34px;
    line-height: 38px;
    color: #fff;
}

.requote_action_overview p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    color: #fff;
    font-size: 19px;
    line-height: 154.3%;
}

.quote_action_call .form-group {
    margin: 0 0 25px;
}

.quote_action_call label {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 19px;
    color: #fff;
    font-family: 'Gilroy';
    margin-bottom: 7px;
}

.quote_action_call input,
textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #fff !important;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    background: transparent;
    color: #fff;
}

.quote_action_call select#countrylist {
    background: transparent;
    border: 0px;
    width: 100%;
    font-size: 18px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    background: transparent;
    color: #fff;
}

.quote_action_call select#countrylist option {
    color: #000;
}

button.submit_enquiry {
    background-color: #fff;
    color: #000;
    padding: 15px 35px;
    font-size: 15px;
    border: 0px;
    border: none;
    font-family: 'Gilroy';
    float: right;
    transition: all 0.5s;
    font-weight: 500;
    height: 50px;
    transition: all .5s;
    font-family: gilroy;
}

a.lets_connect {
    background-color: #e3151e;
    color: #fff;
    padding: 15px 35px;
    font-size: 15px;
    border: 0px;
    border: none;
    font-family: 'Gilroy';
    float: none;
    transition: all 0.5s;
    font-weight: 500;
    height: 50px;
    margin-top: 30px;
    transition: all .5s;
    font-family: gilroy;
    display: inline-block;
}

.maintenance_txt_btn span {
    display: block;
}

.quote_action_call .form-group span.er_msg {
    color: #000 !important;
    margin-top: 2px !important;
    display: block;
}

.quote_action_call input:-webkit-autofill,
.quote_action_call input:-webkit-autofill:hover,
.quote_action_call input:-webkit-autofill:focus,
.quote_action_call input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s;
}

a.lets_connect:hover {
    background: #e3151e;
    border-color: #e3151e;
    color: #fff;
}

button.submit_enquiry:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.contact-mail {
    font-size: 16px;
    color: #fff;
    font-family: 'Gilroy';
    float: left;
}

.contact-mail a {
    font-size: 16px;
    color: #fff;
}

.contact-mail a:hover {
    color: #fff;
}

.choose_logic_support h2 {
    font-size: 39px;
}

@media only screen and (max-width: 767px) {
    .technology_support_list {
        text-align: left;
        padding: 20px 1px;
    }
    ul.technology_overlist {
        flex-wrap: wrap;
    }
    .technology_overlist li {
        width: 100%;
        max-width: 120px;
        margin: 15px 10px 0px 0px;
    }
    .technology_overlist li h3 {
        font-size: 14px;
    }
    .price_table .col-md-3 {
        margin-bottom: 30px;
    }
    .content_over_approach.application_support {
        margin-left: 0px;
        margin-right: 0px;
    }
    .application_support_approach .content_main {
        margin-bottom: 60px;
    }
    .content_over_approach.application_support {
        margin-top: 0px;
    }
    .content_over_approach.application_support .approach_point {
        display: block;
    }
    .our_approach.application_support_approach .approach_progress_line {
        top: 25%;
        height: 65%;
    }
    .quote_action_now{
        margin-top: 30px;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 480px) {
    .quote_action_now {
        margin-top: 30px;
        margin-left: 0px;
    }
    .contact-mail {
        width: 100%;
        margin-bottom: 20px;
    }
    button.submit_enquiry {
        float: left;
    }
    .generic_content.clearfix.first_box_show {
        display: none;
    }
}

.lms_platforms.partnerhip_models {
    background: #f0f0f0;
}

.lms_platforms {
    background: #f0f0f0;
}

.mobileapp-hero-content.lms_development_banner_txt {
    max-width: 550px;
    width: 52%;
}

.mobile_banner_app.lms_development_banner {
    z-index: -1;
}

.common_red_bg {
    background: #e3151e;
    padding: 70px 0px;
}

.common_red_bg h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    margin-bottom: 0;
    color: #fff;
}

.common_red_bg p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    color: #000;
    margin: 0px;
}

.common_red_steps {
    color: #fff;
}

.common_red_steps h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    margin-top: 4px;
}

.common_red_steps p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    color: #fff;
    margin-bottom: 20px;
}

.lms_platforms p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    color: #000;
    margin-bottom: 0px;
}

.common_grey_steps h3 {
    margin-bottom: 15px;
}

.common_black_bg {
    background: #000;
    padding: 70px 0px;
    color: #fff;
}

.common_black_bg h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    margin-top: 4px;
}

.common_black_bg p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    color: #fff;
    margin-bottom: 20px;
}

.common_grey_steps h3 {
    margin-bottom: 15px;
}

.commom_white_bg {
    padding: 70px 0px;
    color: #000;
}

.commom_white_bg h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    margin-top: 4px;
}

.commom_white_bg p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    color: #000;
    margin-bottom: 20px;
}

.commom_white_bg h3 {
    margin-bottom: 15px;
}

.lms_platform_circle {
    margin-right: 18px;
}

.common_steps_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.common_grid_steps {
    width: 45%;
    display: inline-block;
    margin: 0px 10px;
}

.lms_development_banner_txt .common_title_new {
    text-align: left;
}

.lms_development_banner_txt .common_title_new strong {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
    display: block;
    color: #000;
}

@media only screen and (max-width: 480px) {
    .common_grid_steps {
        display: block;
        width: 100%;
        margin: 0px 10px 0px 0px;
    }
}
/******Magento Development Solutions page******/
.magento_platforms{
    padding: 70px 0px;
    background: #f0f0f0;
    color: #000;
    font-family: 'Gilroy';
}

.magento_platforms .cardBackContent h3 {
    font-size: 40px;
    font-family: 'Gilroy';
    font-weight: 700;
    color: #fff;
    margin: 0 0 4px;
}
ul.support_logic.magento_dev_logic {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
ul.support_logic.magento_dev_logic li{
    width: 50%;
    font-family: 'Gilroy';
    display: inline-block;
    padding-right: 5px;
}

.lms_development_banner_txt.magento_dev_solutions .common_title_new strong {
    display: inline-block;
    font-weight: 500;
    margin-right: 10px;
    margin-bottom: 10px;
}
 .mobileapp-hero-content.common_banner_style {
    max-width: 550px;
    width: 52%;
}
.mobile_banner_app.banner_styles{
    z-index: -1;
}
.our_hoisting {
    padding: 70px 0px;
}
.hoist_left_side p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    color: #000;
    line-height: 154.3%;
}
.our_hoist_link{
    display: flex;
    margin-top: 20px;
}
.our_hoist_link span{
    display: inline-block;
}
.our_hoist_link a{
    font-family: 'Gilroy';
    color: #000;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    text-decoration: underline;
}
.our_hoist_link a:first-child{
    margin-right: 20px;
}
.our_hoist_link a:last-child{
    margin: 0px 20px;
}
.our_hoisting .storeLogo {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.our_hoisting .storeLogo .item {
    width: 23.16%;
    height: 119px;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-bottom: 19px;
    margin-right: 2.45%;
}
.magento_extension_store {
    margin-left: 50px;
}
.our_hoisting .storeLogo .item:last-child{
    margin-right: 0px;
}
.extension_titile strong {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    font-family: 'Gilroy';
}
.extension_titile p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    color: #000;
    line-height: 154.3%;
    margin-bottom: 15px;
}
.magento_box {
    background: #e3151e;
    padding: 15px 50px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}
.magento_box strong {
    font-family: 'Gilroy';
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    display: block;
    text-align: center;
    text-transform: capitalize;
}
.magento_box span{
    font-family: 'Gilroy';
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 300;
}
.demo_magento{
    background: #fff;
    padding: 70px 0px;
}
.mageento_demo_contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
}
.common_title_use h3{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
}

.demo_brief {
    width: 70%;
}
.our_hoisting .hoist_left_side img {
    float: right;
    max-width: 150px;
    margin: 0 0 10px 31px;
}
.mageento_demo_contact h3 {
    font-family: 'Gilroy';
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}
.mageento_demo_contact p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    color: #000;
    line-height: 154.3%;
}
.mageento_demo_contact a.team_contact_btn {
    background: #000;
    color: #fff;
}
.mageento_demo_contact a.team_contact_btn:hover{
    color: #000000;
    background-color: #fff;
    border: 1px solid #000000;
}
.extension_titile.common_title_use h3 {
    font-size: 30px;
}
.extension_titile.common_title_use a.btn:hover {
    background: #000 !important;
}
.mobileapp-hero-content.magento_dev_solutions .common_title_new h1{
    text-transform: initial;
}
/*****end solutions page******/
/*******Magento platforms******/
.magento_platforms .flex-container {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    list-style: none;
    margin: 0;
    flex-flow: row wrap;
    position: relative;
}
.magento_platforms h2 {
    margin-bottom: 20px;
    font-family: 'Gilroy';
    font-size: 40px;
}
.magento_platforms h2 span {
    font-weight: 300;
}
.magento_platforms .flex-item {
    color: #fff;
    height: 650px;
    margin: 10px 0;
    margin-right: 3.78%;
    padding: 0;
    width: 30.811%;
    position: relative;
    visibility: visible;
    -webkit-transform: translateY(0) scale(1);
    opacity: 1;
    transform: translateY(0) scale(1);
    opacity: 1;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}
.magento_platforms .flex-item:nth-child(3n) {
    margin-right: 0px;
}
.magento_platforms .flex-item-inner {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    width: 100%;
}
.magento_platforms .card-back, .magento_platforms .card-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.magento_platforms .card-back {
    background-color: #fff;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.magento_platforms .card-front {
    position: relative;
}
.magento_platforms .flex-item:hover .card-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.magento_platforms .cardBackContent {
    padding: 10px 30px;
    width: 100%;
}
.magento_platforms .flex-item .card-front, .magento_platforms .flex-item .card-back {
    background-color: #000;
}
.magento_platforms .card-back--img, .magento_platforms .cardFrontImg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 532px;
    width: 100%;
}
.magento_platforms .cardBackContent ul {
    list-style: none;
}
.magento_platforms .cardBackContent li {
    color: #fff;
    font-family: 'Gilroy';
    font-size: 17px;
    line-height: 30px;
    position: relative;
    padding: 0 0 0 34px;
}
.magento_platforms .cardBackContent li::before {
    width: 19px;
    height: 21px;
    position: absolute;
    top: 8px;
    left: 0px;
    content: "";
    background: url(../../images/list-check.png) no-repeat center center;
}
.magento_platforms .cardFrontContent {
    padding: 20px 75px 5px 29px;
    position: relative;
    min-height: 118px;
}
.magento_platforms .cardFrontContent h3 {
    font-size: 24px;
    font-family: 'Gilroy';
    font-weight: 700;
    color: #fff;
}
.magento_platforms .cardFrontContent p {
    color: #fff;
    font-family: 'Gilroy';
    font-size: 14px;
    margin: 0px;
    line-height: normal;
}
.magento_platforms .cardFrontContent:after {
    content: '';
    background: rgba(227,21,30,1) url(../../images/which-arrow.svg) center no-repeat;
    background-size: 11px 24px;
    position: absolute;
    height: 69px;
    width: 37px;
    top: 50%;
    right: 19px;
    transform: translate(0,-50%);
}
.magento_platforms .flex-item:hover .card-back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}
.common_grid_images {
    display: flex;
    flex-wrap: wrap;
}
.common_grid_images .common_grid_steps {
    border: 1px solid #fff;
    width: 24.33%;
    height: 123px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 0px;
}
.common_grid_images .common_grid_steps img {
    width: 100%;
    max-width: 100px;
}
.magento_contact_tm h3 span{
    display: block;
}
/*-----Media Query-----*/
@media only screen and (max-width: 991px){
.support_services li{
        width: 48%;
    }
}
@media only screen and (max-width: 767px){
.support_services li{
        width: 100%;
        margin-left: 0px;
}   
.magento_platforms .flex-item{
    width: 100%;
    margin-right: 0px;
}
.magento_extension_store {
    margin-left: 0px;
    margin-top: 30px;
}
.mobileapp-hero-content.common_banner_style {
    width: 100%;
}
}
@media only screen and (max-width: 480px){
.our_hoist_link {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.our_hoist_link a:first-child {
    margin-right: 0px;
}
.our_hoist_link a:last-child {
    margin: 10px 0px 0px 0px;
}
.our_hoist_link span {
    display: none;
}
.common_grid_images .common_grid_steps {
    width: 33.33%;
}   
.mageento_demo_contact{
    flex-wrap: wrap;
} 
.demo_brief {
    width: 100%;
    margin-bottom: 30px;
}
.our_hoisting .hoist_left_side img {
    float: none;
    max-width: 150px;
    margin: 20px 0 20px 0px;
}
.our_hoisting .storeLogo .item {
    width: 48%;
}
 .our_hoisting .storeLogo .item:nth-child(2) {
    margin-right: 0px;
 } 
 .magento_box {
    padding: 15px 20px;
} 
.magento_box strong {
    font-size: 23px;
}
.magento_box span{
    font-size: 16px;
}
ul.support_logic.magento_dev_logic li {
    width: 100%;
    display: block;
    margin-right: 0px;
}
.magento_platforms .cardBackContent {
    padding: 10px 20px;
}
.contact_teams h3{
    font-size: 38px;
}
}
/*****End Magento Developemt******/ 
/*****M1-TO-M2 MIGRATION*****/
.m1_m2_banner_below{
    background: #f0f0f0;
    padding: 80px 0px 90px;
}
.contact_teams.magento_contact_tm h3 strong{
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
}
.contact_teams .magento_contact_tm h3 strong{
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
}
.m1_m2_banner_below .support_services li{
    display: inline-block;
}
.support_logic li a{
    color: #000;
    transition: all 0.5s;
}
.support_logic li a:hover{
    color: #e3151e;
}
p.common_content_p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
}
.megration_process_steps{
    padding: 70px 0px;
}
.process_follow_migration {
    margin-top: 40px;
}
.our_team_contact.magento_migration_cost{
    background: #fff;
}
.our_team_contact.magento_migration_cost.bg_screen{
    background: #f0f0f0;
}
.magento_migration_cost .contact_teams{
    color: #000;
}
.magento_migration_cost .contact_teams a.team_contact_btn{
    background: #000;
    color: #fff;
}
.pre_migration {
    background: #000;
}
.pre_migration h2{
    color: #fff;
}
.pre_migration p{
    color: #fff;
}
.pre_migration .support_logic li{
    color: #fff;
    text-transform: initial;
}
.m1_m2_banner{
    height: 111vh;
}
.support_services.common_box_view.white_bg li:hover {
    color: #000;
    background: #fff;
}
.support_services.common_box_view.white_bg li{
    border: 0px solid #e3151e;
    position: relative;
    color: #000;
    background: #fff;
}
@media only screen and (max-width: 1280px){
    .m1_m2_banner{
        height: auto;
    }
}
@media only screen and (max-width: 767px){
    .m1_m2_banner{
        height: 550px;
    }
}

/*********End m1_m2******/
/********Magento2 upgrade****/
.magento_patch_release{
    background: #fff;
}
.magento_release_patch li table{
    margin-top: 14px;
}
table.responsive-table {
    width: 100%;
    border: 1px solid #000;
}
table.responsive-table th{
   background: #000;
   color: #fff;
}
table.responsive-table th, tr, td {
    border: 1px solid #000;
    padding: 10px;
}
.magento_release_patch li {
    display: none;
    margin-top: 30px;
}
table.responsive-table td a {
    color: #e3151e;
}
 /*****Style section Magento 2 Upgradation Process****/
   .new_common_services li{
        background: #fff;
        border-radius: 4px;
        border-radius: 0rem;
        box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 3.125rem 0 rgba(0,0,0,.1);
        padding: 0px;
        border: 0px;
        width: 31%;
        margin-left: 15px;
        margin-bottom: 15px;
        position: relative;
      }
    
      .new_common_services li p{
        font-size: 17px;
        line-height: 150%;
      }
      .new_common_services li:hover{
        background: #fff;
        color: #000;
      }
      .add_card_image {
        position: relative;
        width: 100%;
        margin-bottom: 0vw;
        -webkit-mask-image: url('../images/mask-angle-top-right-bg.svg'),url('../images/mask-angle-top-right-bg.svg');
        mask-image: url('../images/mask-angle-top-right-bg.svg'),url('../images/mask-angle-top-right-bg.svg');
        -webkit-mask-size: 100% auto,100% calc(100% - 43.75vw);
        mask-size: 100% auto,100% calc(100% - 43.75vw);
        -webkit-mask-position: bottom right,top left;
        mask-position: bottom right,top left;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        z-index: 0;
       }
      @media only screen and (max-width: 2900px){
        .add_card_image {
         margin-bottom: -1vw;
       }
       }
       
       @media only screen and (max-width: 2100px){
        .add_card_image {
         margin-bottom: 0vw;
       }
       }
      @media only screen and (max-width: 1600px){
        .add_card_image {
         margin-bottom: -1vw;
       }
       }
      .add_card_image{
/*        margin-bottom: -11.16667vw;*/
        -webkit-mask-size: 100% auto,100% calc(100% - 10.52632vw);
        mask-size: 100% auto,100% calc(100% - 10.52632vw);
      }
      .add_card_image img {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .add_card_image:before{
        content: '';
        display: block;
        width: 100%;
        padding-top: 56.60377%;
      }
    .add_card_content {
        padding: 0 15px;
        padding: 0 0.938rem;
        position: static;
        padding-right: 1.875rem;
        z-index: 1;
        padding-bottom: 1.875rem;
    }
    .add_card_icon {
      width: 84px;
      width: 6.25rem;
      height: 84px;
      height: 6.25rem;
      margin-bottom: 21px;
      margin-bottom: 1.313rem;
      border: 3px solid #e21010;
      border: 0.188rem solid #e21010;
      box-shadow: inset 0 0 0 3px #fff;
      box-shadow: inset 0 0 0 0.188rem #fff;
      border-radius: 50%;
      margin-bottom: 2.875rem;
      background: #e21010;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 16px;
    }
    .add_card_icon img{
      padding: 20px;
    }
    .add_card_icon svg {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      fill: #fff;
     }
       @media only screen and (max-width: 1026px){
     .add_card_image {
        margin-bottom: 0vw;
      }
      }
      @media only screen and (max-width: 991px){
      .new_common_services li {
         width: 47%;
        }
        .add_card_image {
        margin-bottom: -1vw;
        }
      }
      @media only screen and (max-width: 767px){
      .new_common_services li {
          width: 100%;
          margin-left: 0px;
        }
        .add_card_image {
        margin-bottom: -6vw;
        }
      }
    /*****end style section****/  
    /****New Section design2****/
        .common_space_section{
         padding: 80px 0px;
         }
         .magento_content_update_provide{
            position: relative;
         }
         .content_pattern_logo {
         position: relative;
         width: 132px;
         height: 136px;
         margin: 0 auto 15px;
         -webkit-mask-image: url('../images/magento_icon/magento_icon_sr.png');
         mask-image: url('../images/magento_icon/magento_icon_sr.png');
         -webkit-mask-repeat: no-repeat;
         mask-repeat: no-repeat;
         -webkit-mask-size: 100% 100%;
         mask-size: 100% 100%;
         box-shadow: 0 0 10 0 rgba(6,6,6,.1);
         }
        .content-pattern_item-ic img {
        width: 28px;
        height: auto;
        justify-content: center;
        align-items: center;
        /* display: flex; */
        }

         @media (min-width: 767.5px){
         .content_pattern_logo {
         position: absolute;
         top: 96px;
         left: 0;
         margin: 0;
         width: 132px;
         height: 136px;
         }
         }

        @media (min-width: 1200px){
         .content_pattern_logo {
         width: 242px;
         height: 249px;
         top: 91px;
         }
         }
         .content_pattern_logo::after {
             content: '';
             background: red;
            top: 0;
            right: auto;
            bottom: auto;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
             mix-blend-mode: multiply;
             z-index: 1;
         }
         .content_pattern_logo img.attachment-full{
            top: 0;
            right: auto;
            bottom: auto;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
         }
         .content_pattern_logo img {
            opacity: .2;
         }
         .content_pattern_list_view {
             display: flex;
             flex-flow: row;
             align-items: center;
             margin-bottom: 17px;
             position: relative;
         }
         /**design css**/
         .content_pattern_list_view::after {
            bottom: calc(100% + 10px);
            height: 100px;
            transform-origin: bottom left;
            transform: rotate(45deg);
            left: 24px;
         }
         .content_pattern_list_view::after, .content_pattern_list_view::before {
             content: '';
             position: absolute;
             bottom: 100%;
             left: 20px;
             width: 2px;
             height: 4px;
             background: linear-gradient(0deg,#d7d7d7 0,#f0f0f0 60%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
             background-size: 100% 16px;
             background-position: bottom left;
             z-index: -1;
         }
         .content_pattern_list_view::after {
             bottom: calc(100% + 10px);
             height: 100px;
             transform-origin: bottom left;
             transform: rotate(45deg);
             left: 24px;
         }
         .content-pattern_item-ic {
             position: relative;
             width: 52px;
             height: 52px;
             border: 2px solid #e3151e;
             border-radius: 50%;
             background: #fff;
             z-index: 10;
             flex: 0 0 auto;
             display: flex;
             align-items: center;
             justify-content: center;
         }
         .content_pattern_item_content {
             background: #f0f0f0;
             color: #333;
             font-weight: 700;
             border-radius: 0 2px 2px 0;
             padding: 7px 11px 5px 29px;
             margin-left: -20px;
/*             box-shadow: 0 0 10px 0 rgba(0,0,0,.1);*/
             z-index: 5;
             min-height: 31px;
             font-size: 16px;
             line-height: 16px;
             flex: 0 0 auto;
             font-family: 'Gilroy';
         }
         .content_pattern_list_view:nth-child(3)::before {
             height: 72px;
             height: 4.5rem;
             left: auto;
             right: 19px;
             right: 1.188rem;
             bottom: calc(100% - 9px);
             bottom: calc(100% - 0.563rem);
         }
         .content_pattern_list_view:nth-child(4)::before {
             height: 103px;
             height: 6.438rem;
             left: 58px;
             left: 3.625rem;
         }
          .content_pattern_list_view:nth-child(4)::after {
            display: none;
          }
         .content_pattern_list_view:nth-child(5)::before {
             bottom: calc(100% - 10px);
             bottom: calc(100% - 0.625rem);
             height: 164px;
             height: 10.25rem;
             left: auto;
             right: 55px;
             right: 3.438rem;
         }
         .content_pattern_list_view:nth-child(5)::after {
             bottom: calc(100% + 153px);
             bottom: calc(100% + 9.563rem);
             height: 70px;
             height: 4.375rem;
             transform: rotate(-45deg);
             left: auto;
             right: 54px;
             right: 3.375rem;
         }
         .content_pattern_list_view:nth-child(6)::before {
             bottom: calc(100% - 5px);
             bottom: calc(100% - 0.313rem);
             height: 254px;
             height: 15.875rem;
             left: 145px;
             left: 9.063rem;
         }
         @media (min-width: 767.5px){
         .content_pattern_list_view::after, .content_pattern_list_view::before {
         background: linear-gradient(0deg,#d7d7d7 0,#f0f0f0 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
         background-size: 100% 16px;
/*         background-size: 100% 1rem;*/
         }
         .content_pattern_list_view:nth-child(2)::before {
             bottom: auto;
             top: 100%;
             left: 20px;
             height: 70px;
         }
         .content_pattern_list_view::after {
         display: none;
         }
         .content_pattern_list_view:nth-child(2)::after {
             bottom: auto;
             top: calc(100% - 24px);
             top: calc(100% - 1.5rem);
             height: 40px;
             height: 2.5rem;
             transform-origin: top left;
             left: 8px;
             left: 0.5rem;
         }
         .content_pattern_list_view:nth-child(3)::before {
             bottom: auto;
             top: calc(100% - 9px);
             top: calc(100% - 0.563rem);
             left: 9px;
             left: 0.563rem;
             transform-origin: top left;
             transform: rotate(45deg);
             height: 50px;
             height: 3.125rem;
         }
         .content_pattern_list_view:nth-child(3)::after {
             bottom: calc(100% + 67px);
             bottom: calc(100% + 4.188rem);
             height: 100px;
             height: 6.25rem;
             transform: rotate(-45deg);
             left: auto;
             right: 21px;
             right: 1.313rem;
         }
         .content_pattern_list_view:nth-child(4)::before {
             transform-origin: top;
             top: 21px;
             top: 1.313rem;
             left: auto;
             right: 100%;
             transform: rotate(90deg);
             height: 40px;
             height: 2.5rem;
         }
         .content_pattern_list_view:nth-child(5)::before {
             bottom: calc(100% - 22px);
             bottom: calc(100% - 1.375rem);
             left: -31px;
             left: -1.938rem;
             transform-origin: top left;
             transform: rotate(-45deg);
             height: 50px;
             height: 3.125rem;
         }
         .content_pattern_list_view:nth-child(6)::before {
            left: 20px;
            left: 1.05rem;
            bottom: 100%;
            height: 70px;
            height: 4.375rem;
         }
         }
          @media (min-width: 1200px){
         .content_pattern_list_view::after, .content_pattern_list_view::before {
             background: linear-gradient(0deg,#d7d7d7 0,#f0f0f0 60%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
             background-size: 100% 16px;
/*             background-size: 100% 1.25rem;*/
         }
         .content_pattern_list_view:nth-child(2)::before {
             top: calc(100% + 3px);
             left: -25px;
         }
         .content_pattern_list_view::after {
         display: block;
         }
         .content_pattern_list_view:nth-child(2)::after {
             top: calc(100% - 28px);
             height: 55px;
             left: 15px;
         }
         .content-pattern_item-ic {
             width: 52px;
             height: 52px;
         }
         .content_pattern_list_view:nth-child(3)::before {
             top: 26px;
             height: 22px;
             left: auto;
             transform: rotate(90deg);
             right: calc(100% - 11px);
         }
         .content_pattern_list_view:nth-child(3)::after {
             bottom: auto;
             top: calc(100% - 29px);
             height: 40px;
             transform-origin: top left;
             left: -12px;
             transform: rotate(45deg);
         }
         .content_pattern_list_view:nth-child(4)::before {
             top: 26px;
             height: 62px;
             right: calc(100% - 11px);
         }
         .content_pattern_list_view:nth-child(5)::before {
             left: auto;
             bottom: auto;
             top: 26px;
             height: 22px;
             transform: rotate(90deg);
             right: calc(100% - 11px);
         }

         .content_pattern_list_view:nth-child(5)::after {
             bottom: 26px;
             height: 40px;
             transform-origin: bottom left;
             left: -18px;
         }
         .content_pattern_list_view:nth-child(6)::before {
             top: auto;
             bottom: calc(100% + 9px);
             left: -23px;
             height: 62px;
         }
         .content_pattern_list_view:nth-child(6)::after {
             display: block;
             bottom: 32px;
             height: 40px;
             transform-origin: bottom left;
             left: 2px;
             transform: rotate(-45deg);
         }
         }
         /**end css**/
         @media (min-width: 767.5px){
         .content_pattern_list_view {
             position: absolute;
             top: 0;
             left: 50px;
         }
         }
         @media (min-width: 1200px){
         .content_pattern_list_view {
             left: 149px;
         }
         }


         @media (min-width: 767.5px){
         .content_pattern_list_view:nth-child(3) {
             top: 73px;
             left: 130px;
         }
         .content_pattern_list_view:nth-child(4) {
             left: 153px;
             top: 148px;
         }
        .content_pattern_list_view:nth-child(5) {
            left: 130px;
            top: 222px;
        }
       .content_pattern_list_view:nth-child(6) {
             top: 295px;
             top: 18.438rem;
         }
         }
      @media (min-width: 1200px){
         .content_pattern_list_view:nth-child(3) {
             top: 100px;
             left: 250px;
         }
         .content_pattern_list_view:nth-child(4) {
            left: 286px;
            top: 201px;
         }
         .content_pattern_list_view:nth-child(5) {
             left: 250px;
             top: 301px;
         }
         .content_pattern_list_view:nth-child(6) {
             top: 402px;
         }
         }
        @media only screen and (max-width: 767.5px){
        .magento_content_update_provide {
            position: relative;
            max-width: 290px;
            margin: 0px auto;
            margin-top: 35px;
        }
        .content_pattern_list_view:nth-child(4)::after {
            display: inline-block;
          }
         
        .content_pattern_list_view:nth-child(odd) {
            justify-content: flex-end;
        }
        .content_pattern_list_view:nth-child(3)::before {
            height: 72px;
            left: auto;
            right: 19px;
            bottom: calc(100% - 9px);
          }
          .content_pattern_list_view:nth-child(3)::after {
            bottom: calc(100% + 67px);
            height: 100px;
            transform: rotate(-45deg);
            left: auto;
            right: 21px;
          }
          .content_pattern_list_view:nth-child(4)::before {
            height: 103px;
            left: 60px;
          }
          .content_pattern_list_view:nth-child(4)::after {
            bottom: calc(100% + 102px);
            height: 95px;
            left: 60px;
           }

          .content_pattern_list_view:nth-child(5)::before {
            bottom: calc(100% - 10px);
            height: 164px;
            left: auto;
            right: 55px;
          }
          .content_pattern_list_view:nth-child(5)::after {
            bottom: calc(100% + 153px);
            height: 70;
            left: auto;
            right: 54px;
          }
          .content_pattern_list_view:nth-child(6)::before {
            bottom: calc(100% - 5px);
            height: 254px;
            left: 145px;
            right: 55px;
          }
/*          .content_pattern_list_view:nth-child(6)::after {
            bottom: calc(100% + 153px);
            height: 70px;
            left: auto;
            right: 54px;
          }*/
           .content_pattern_list_view:nth-child(6)::after {
            display: none;
          }
          .content_pattern_list_view:nth-child(odd) .content_pattern_item_content {
            margin-left: 0px !important;
            margin-right: -20px;
            padding: 7px 29px 5px 11px;
          }
          .content_pattern_list_view:nth-child(3) .content-pattern_item-ic {
            order: 2;
          }
          .content_pattern_list_view:nth-child(5) .content-pattern_item-ic {
            order: 2;
          }
           .content-pattern_item-ic {
            width: 42px;
            height: 42px;
           }
           .content-pattern_item-ic img {
             width: 25px;
           }
        }
      /****end new section*******/
    .new_services_bg .why_we_start {
        background: #fff;
    }
/*****end Magento******/
/*******Installation patches******/
.patches_install_process ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}
.patches_install_process ul li {
    padding: 0px 10px;
    font-size: 16px;
    width: 20%;
    margin-top: 20px;
}
.patches_install_process ul li img{
    margin-bottom: 7px;
    max-width: 40px;
}
@media only screen and (max-width: 991px){
    .patches_install_process ul {
    /*flex-direction: column;*/
    margin-top: 30px
}
.patches_install_process ul li {
    padding: 15px 10px;
    width: 44%;
}
}
@media only screen and (max-width: 479px){
   .patches_install_process ul li {
    width: 100%;
    padding-left: 0px;
    margin-top: 5px;
}
}
/*****end Magento******/
/*******opencart-to-migration-services****/
 ul.common_box_bt-services {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
         }
 .common_box_bt-services li {
     list-style: none;
     border: 1px solid #000000;
     padding: 15px 25px;
     display: inline-block;
     width: 32.7%;
     margin-right: 10px;
     margin-bottom: 10px;
     color: #000;
     transition: all 0.5s ease;
     display: inline-block;
     border: 0px solid #e3151e;
     position: relative;
     background: #f0f0f0;
 }

 .common_box_bt-services li:nth-child(3) {
     margin-right: 0px;
 }
 .common_box_bt-services li:nth-child(6) {
     margin-right: 0px;
 }
 .common_box_bt-services li:last-child {
     margin-right: 0px;
 }
 
 .common_box_bt-services li:before {
     content: '';
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 100%;
     height: 5px;
     background: #e3151e;
 }
 @media only screen and (max-width: 1199px){
 .common_box_bt-services li {
    width: 32.64%;
    }
    }
 @media only screen and (max-width: 991px){
 .common_box_bt-services li {
    width: 49.3%;
    }  
 .common_box_bt-services li:nth-child(2) {
     margin-right: 0px;
 }
 .common_box_bt-services li:nth-child(3) {
     margin-right: 10px;
 }
 .common_box_bt-services li:nth-child(4) {
     margin-right: 0px;
 }
 }
 @media only screen and (max-width: 767px){
    .common_box_bt-services li {
        width: 100%;
        margin-right: 0px;
    }
   .common_box_bt-services li:nth-child(3) {
     margin-right: 0px;
 }
 }
.magento_contact_tm small{
    font-size: 18px;
    display: block;
    line-height: normal;
    margin-top: 5px;
 }
.common_width_sh h3{
width: 75%;
}  
@media only screen and (max-width: 480px){
    .common_width_sh h3 {
    width: 100%;
}
}
.common_bg_main_section .common_box_bt-services li{
    background: #fff;
}
/****end opencart migration***/
/*****New css*****/
.our_team_contact.common_contact_black_bg {
    background: #000;
}
.common_contact_black_bg .common_width_sh h3{
    color: #fff;
}
.common_contact_black_bg a.team_contact_btn:hover {
    background: #e3151e;
    color: #fff;
}
/********Mobile App support and maintenace Css******/
  .support_services.common_box_view li:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 5px;
    background: #e3151e;
}
.support_services.common_box_view li:hover {
    color: #000;
    background: #f0f0f0;
}
.support_services.common_box_view li{
    border: 0px solid #e3151e;
    position: relative;
    color: #000;
    background: #f0f0f0;
}
.support_services.common_box_view1 li {
    border: 0px solid #e3151e;
    position: relative;
    color: #fff;
    background: #000000;
}
.support_services.common_box_view1 li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 5px;
    background: #e3151e;
}
.support_services.common_box_view1 li:hover {
    color: #000;
    background: #f0f0f0;
}
.mobile_banner_app.mobile_support_app{
    max-width: 46.5%;
}
@media only screen and (max-width: 767px){
.mobile_banner_app.mobile_support_app{
    max-width: 100%;
}
}
/*****End mobile app support and maintenance****/
/*****feature text list view section****/
.feature_text_view small{
   color: #e3151e;
   text-transform: uppercase;
   font-size: 26px;
  }
a.team_contact_btn.feature_txt_btn {
   background: #e3151e;
   color: #fff;
   display: inline-block;
    margin-top: 20px;
    transition: all 0.5s;
    font-family: gilroy;
}
a.team_contact_btn.feature_txt_btn:hover{
   background: #fff;
   color: #000;
}
.feature_text_view_bg{
   position: relative;
   max-width: 1600px;
   margin: 0px auto;
}

.feature_text_view_bg:before{
    position: absolute;
    content: '';
    width: 30%;
    height: 100%;
    top: 0px;
    background: url('../images/work/rosemary.jpg');
    /* background-repeat: no-repeat;*/
}
@media only screen and (max-width: 767px){
   .feature_text_view_bg:before{
    position: relative;
 }
}
/*****end feature text css*****/
/******Common white bg contact****/
.our_team_contact.common_contact_white_bg{
background: #fff;
}
.common_contact_white_bg .contact_teams {
color: #000;
}
.common_contact_white_bg .contact_teams h3 span {
font-weight: 700;
display: block;
margin: 5px 0px 0px;
}
.common_contact_white_bg a.team_contact_btn {
background: #e3151e;
color: #fff;
}
.common_contact_white_bg small {
font-size: 18px;
display: block;
line-height: normal;
margin-top: 5px;
}

.footerContentBox .Ftr_item .address p.phone_style_icon {
    margin-bottom: 15px;
}
/*****end common white bg contact****/
/*****Footer For Mobile*****/
 @media only screen and (max-width: 575px){
 .services_list {
    display: none;
    margin-bottom: 10px;
     }
.Ftr_item.footer_address .services_list {
/*    display: block;*/
}
.footerContentBox .Ftr_item .address p.phone_style_icon {
    margin-bottom: 10px;
}
.footerContentBox .Ftr_item h4 {
    padding: 0 0 15px;
    margin: 0px;
}
.col-sm-6.col-lg-3.Ftr_item:nth-child(3) {
    order: 3;
}
.col-sm-6.col-lg-3.Ftr_item:nth-child(2) .text{
    margin-bottom: 15px;
}
.footerContentBox .Ftr_item .text {
   /* margin-top: 40px;
    margin-bottom: 15px;*/
}
.footer-box {
    border-bottom: 0.8px solid #fff;
    margin-bottom: 15px;
}
.footer-box > h4.header-link{
    position: relative;
    cursor: pointer;
}
.footer-box > h4:before {
    position: absolute;
    top: -3px;
    right: 0;
    padding: 0px 0px 0px 0px;
    content: '\f0d7';
    /*font-family: 'Font Awesome 5 Free';*/
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}
.footer-box > h4:after {
    display: block;
    content: '';
    width: 100%;
    padding-top: 5px;
    border-bottom: 0px solid rgba(255,255,255,0.5);
}
.footer-box.rotate > h4:before {
    transform: rotate(180deg);
}
.footerContentBox .row{
    flex-direction: column;
}
}
/*****end footer Mobile****/
@media only screen and (max-width: 575px) {
    .services_list {
        display: none;
        margin-bottom: 10px;
    }
    .Ftr_item.footer_address .services_list {
/*        display: block;*/
    }
    .footerContentBox .Ftr_item h4 {
        padding: 0 0 15px;
        margin: 0px;
    }
    .col-sm-6.col-lg-3.Ftr_item:nth-child(3) {
        order: 2;
    }
    .col-sm-6.col-lg-3.Ftr_item:nth-child(2) .text {
        margin-bottom: 15px;
    }
    .footerContentBox .Ftr_item .text {}
    .footer-box {
        border-bottom: 0.8px solid #fff;
        margin-bottom: 15px;
    }
    .footer-box>h4.header-link {
        position: relative;
        cursor: pointer;
    }
    .footer-box>h4:before {
        position: absolute;
        top: -3px;
        right: 0;
        padding: 0px 0px 0px 0px;
        content: '\f0d7';
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
    }
    .footer-box>h4:after {
        display: block;
        content: '';
        width: 100%;
        padding-top: 5px;
        border-bottom: 0px solid rgba(255, 255, 255, 0.5);
    }
    .footer-box.rotate>h4:before {
        transform: rotate(180deg);
    }
    .footerContentBox .row {
        flex-direction: column;
    }
}

.case_brief {
    padding: 70px 0px 0px 0px;
    position: relative;
    margin-bottom: 50px;
}

.related_projects {
    padding: 20px 0px 50px 0px;
}

.case-study-content-banner {
    margin-bottom: 30px;
}

.common_title_new h1 {
    margin-bottom: 10px;
    text-align: center;
    text-transform: capitalize;
    font-size: 35px;
    color: #000;
}

.case_study_banner_breadcrumb {
    background: #fff;
    padding: 30px 0px;
}

.case_study_banner_breadcrumb h1 {
    margin: 0px;
    text-transform: capitalize;
    font-size: 35px;
}

.left_case_st {
    padding-right: 80px;
}

.case_study_banner img {
    width: 100%;
    max-height: 450px;
}

.case_brief:after {
    background: #f5f3f3;
    content: '';
    top: 0px;
    right: 0px;
    height: 100%;
    width: 44%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    z-index: -1;
}
@media only screen and (min-width: 2100px){
    .case_brief:after{
        width: 46.5%;
    }
}
.case_right_side {
    padding-left: 40px;
    margin-top: 35px;
}

.left_case_st h2,
h3,
p {
    text-align: left;
}

.left_case_st h2 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: normal;
    font-family: 'Gilroy';
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.9);
}

.left_case_st p {
    margin-bottom: 0px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 170.69%;
    color: rgb(0, 0, 0);
}

.left_case_st ul li {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 170.69%;
    color: rgb(0, 0, 0);
    text-align: left;
}

.common_title_new ul li {
    position: relative;
    padding-left: 25px;
}

.common_title_new ul li:before {
    content: '\f178';
    position: absolute;
    top: 0;
    color: #e3151e;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    font-family: 'font awesome 5 pro';
    font-size: 16px;
    font-weight: 300;
}

.left_case_st h3 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: normal;
    font-family: 'Gilroy';
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.9);
}

.case-side-1 {
    margin-bottom: 50px;
}

.case-side-1 p {
    margin-bottom: 10px;
}

.case-side-1 h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: normal;
    font-family: 'Gilroy';
    text-transform: capitalize;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.9);
}

.case-side-1 ul li {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: normal;
    font-family: 'Roboto';
    text-transform: capitalize;
    font-weight: 300;
    color: #000;
    padding-left: 20px;
    position: relative;
}

.case_study_details {
    padding: 70px 0px 30px 0px;
}

.case-side-1 ul li:before {
    content: '\f178';
    position: absolute;
    top: 0;
    color: #e3151e;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    font-family: 'font awesome 5 pro';
    font-size: 16px;
    font-weight: 300;
}

.case-study-content-banner img {
    width: 100%;
}

.case-study-content h2,
h3,
p {
    text-align: left;
}

.case-study-content h2 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: normal;
    font-family: 'Gilroy';
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.9);
}

.case-study-content p {
    margin-bottom: 0px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 170.69%;
    color: rgb(0, 0, 0);
}

.case-study-content h3 {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: normal;
    font-family: 'Gilroy';
    text-transform: capitalize;
    margin-top: 30px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.9);
}

.case-study-content .common_title_new {
    margin-bottom: 40px;
}

.related_projects h2 {
    text-align: left;
    text-transform: capitalize;
}

.related_projects .work_list {
    margin: 20px 0px 60px 0px;
}

/*****Angad Style 02-01****/
/* 02/01/2024 CSS */

.bannerArea .banner_content a.btn.lets_talkBtn {
    background: #e3151e;
    border-color: #e3151e;
    max-width: 180px;
}
.bannerArea .banner_content a.lets_talkBtn.btn:hover {
    /* background-color: #253b58 !important; */
    border-color: #000;
}
.mobileapp-hero-content .common__head_title h2 {
    font-size: 24px;
    text-transform: inherit;
    text-align: left;
    color: #253b58;
}

/* our_solutionArea */
.our_solutionArea {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.our_solutionArea .sub {
    background: #f2f2f2;
    width: 100%;
    padding: 28px 30px;   
}
.our_solutionArea h2 {
    font-size: 38px;
    color: #243a57;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 48px;
    padding-right: 1%;
}
.our_solutionArea p {
    font-size: 24px;
    line-height: 30px;
    color: #243a57;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: center;
}
p.common_content_p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
}
.our_solutionArea p:last-child {
    margin-bottom: 15px;
}

/* techMasonryContentArea */
.techMasonryContentArea {
    width: 100%;
    float: left;
    padding: 30px 0 4px 0;
}
.techMasonryContentArea.grayBg {
    background: #dde4ec;
}
.techMasonryContentArea .boxes {
    width: 100%;
    float: left;   
}

.techMasonryContentArea .item {
    width: calc(50% - 13px);
    text-align: center;
    float: left;    
    margin-bottom: 26px;
    position: relative;
}
.techMasonryContentArea .item.fullW {
    width: 100%;
    padding: 0px;
}
.techMasonryContentArea .item.fullW .text img {
    margin: 30px auto 0 auto;
    display: block;
}
.techMasonryContentArea .gutter-sizer { width: 2%; }
.techMasonryContentArea .item > img {
    width: 100%;
    height: auto;
}
.techMasonryContentArea .item .text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    padding: 0 26px;
    text-align: left;
}
.techMasonryContentArea .item .text img {
    margin-bottom: 17px;
    width: auto;
}
.techMasonryContentArea .item h3 {
    text-align: left;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 16px;
}
.techMasonryContentArea .item p {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 1rem;
}
.techMasonryContentArea .item .arrowBtn {
    display: block;
    width: 24px;
    height: 17px;
    background: url(../../images/arrow.png) no-repeat center center / 100% 100%;
    text-decoration: none;
    text-align: left;
}
.techMasonryContentArea .item .text img {
    margin-bottom: 17px;
    max-height: inherit;
}
/* innerbannerArea */
.innerBannerPart {
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.innerBannerPart .text {
    width: 74%;
    height: 382px;
    float: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 0 15px;
}
.innerBannerPart .text.fullT {
    width: 100%;
    max-width: 800px;
}
.innerBannerPart h1 {
    font-size: 84px;
    color: #fff;
    font-weight: 700;
    margin: 0px;
    line-height: normal;
}
.innerBannerPart p {
    font-size: 24px;
    color: #243a57;
    font-weight: 400;
    margin: 0px;
    line-height: 30px;
    margin-top: 10px;
}   
.innerBannerPart.txt_style_text p {
    font-size: 24px;
    color: #243a57;
    font-weight: 400;
    margin: 0px;
    line-height: 30px;
    margin-top: 10px;
    font-family: 'Roboto';
} 
.innerBannerPart h1{
    max-width: 800px;
}
.our_faq_contentArea .faq_accordion_type .accordion-button {
    border-bottom: 2px solid #253b58 !important;
}
.our_faq_contentArea .faq_accordion_type .accordion-button:not(.collapsed), .our_faq_contentArea .faq_accordion_type .accordion-button:focus {
    border-bottom: 2px solid #e3151e !important;
}

/* 02/01/2024 CSS */
/* 10/01/2023 */
.innerBannerPart.innerBannerPart h1 {
    font-size: 50px;
    color: #253B58;
    font-weight: 400;
    margin: 0px;
    line-height: normal;
}
/* END 10/01/2023 */

@media (max-width: 1346px) {

    .techMasonryContentArea .item p {
        font-size: 16px;
        line-height: 30px;
    }
    .techImageText .text p {
        font-size: 16px;
        line-height: 32px;
        margin: 0px;
    }

    .innerBannerPart .text {
        height: 334px;
        padding: 0 0 20px;
    }
    .innerBannerPart h1 {
        font-size: 64px;
    }
     .innerBannerPart.innerBannerPart h1 {
        font-size: 46px;
        max-width: 600px;
    }
    .innerBannerPart.innerBannerPart h1 br {
        display: none;
    }

}

@media (max-width: 1199px) {

    /* 03-01-2024 */
    .innerBannerPart .text {
        height: 277px;
    }
    .innerBannerPart h1 {
        font-size: 54px;
    }

    .innerBannerPart p {
        font-size: 28px;
    }

    .techMasonryContentArea .item p {
        font-size: 14px;
        line-height: 22px;
    }
    .techMasonryContentArea .item .text img {
        max-width: 120px;
        max-height: 80px;
    }
    .techMasonryContentArea .item.fullW .text img {
        margin: 20px auto 0 auto;
    }

    .techMasonryContentArea .item .arrowBtn {
        width: 19px;
        height: 13px;
    }
    .techMasonryContentArea .item h3 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .our_solutionArea h2 {
        padding-right: 0;
        font-size: 32px;
        line-height: normal;
    }
    .our_solutionArea p {
        font-size: 20px;
        line-height: 26px;
    }

    /* END 03-01-2024 */
     .innerBannerPart.innerBannerPart h1 {
        font-size: 44px;
    }
}


/***end Angad*****/



@media (max-width: 991px) {
    .case_right_side {
        padding-left: 0px;
        padding-top: 40px;
    }
    .case_brief:after {
        bottom: 0px;
        height: 100%;
        width: 100%;
    }
    /* 03-01-2024 */
    .innerBannerPart .text {
        height: auto;
    }

    .innerBannerPart h1 {
        font-size: 36px;
    }

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

    .techMasonryContentArea {
        padding: 20px 0 5px 0;
    }
    .techMasonryContentArea .item {
        margin-bottom: 15px;
    }
    .techMasonryContentArea .item .text {
        padding: 0 15px;
    }
    .techMasonryContentArea .item .text img {
        max-width: 110px;
        max-height: 66px;
        margin-bottom: 8px;
    }
    .techMasonryContentArea .item p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 8px;
    }
    .techMasonryContentArea .item h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .our_solutionArea {
        padding: 35px 0;
    }
    .our_solutionArea h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .our_solutionArea p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .mobileapp-hero-content .common__head_title h2 {
        font-size: 20px;
    }
    /* END 03-01-2024 */
    .innerBannerPart.innerBannerPart h1 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .related_projects .work_list {
        margin: 20px auto 30px auto;
    }
    .mobileMenuArea li ul.expanded li a {
        color: #000;
    }
     /* 03-01-2024 */
    .innerBannerPart .text {
        width: 100%;
        padding: 20px 0;
        height: auto;
        min-height: 121px;
    }
    .innerBannerPart h1 {
        font-size: 26px;
    }
    .innerBannerPart p {
        font-size: 16px;
    }

    .techMasonryContentArea .item {
        width: 100%;
    }
    .techMasonryContentArea .item .text {
        position: static;
        transform: none;
        background: #0d527d;
        padding: 15px;
    }
    .techMasonryContentArea .item.fullW .text img {
        margin: 0px 0  7px;
    }

    .our_solutionArea {
        padding: 30px 0;
    }
    .our_solutionArea h2 {
        font-size: 22px;
    }
    .our_solutionArea p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    /* END 03-01-2024 */
        .innerBannerPart.innerBannerPart h1 {
        font-size: 36px;
    }
}

@media (max-width: 1365px) {
    .bannerArea .banner_content a.btn i {
        font-size: 14px;
    }
    .bannerArea .banner_content a.btn {
        font-size: 14px !important;
    }
}

@media (max-width: 1199px) {
    .our_4t {
        padding: 70px 20px;
    }
    .testimonial-sider {
        padding: 126px 20px 130px 20px;
    }
}

@media (max-width: 1024px) {
    .testimonial_slides {
        display: block;
    }
    .testimonial_profile {
        margin: 0px auto;
        margin-bottom: 35px;
    }
    .testimonial_msg {
        margin-left: 0px;
    }
}

@media (max-width: 991px) {
    .technology_partnership {
        padding: 70px 0px 70px 0px;
    }
    .main_col_4t {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .technology_list {
        flex-wrap: wrap;
        justify-content: center;
    }
    .left_side_img+.tech1 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .technology_list .right_side_img h3 {
        display: block;
    }
    .technology_list .tech1 h3 {
        display: none;
    }
    .left_side_img+.tech1 h3 {
        display: none;
    }
    .tech1 {
        margin-right: 0px;
        max-width: 530px;
        padding-right: 0px;
        order: 1;
    }
    .right_side_img {
        padding: 0px;
        margin-bottom: 40px;
    }
    .left_side_img {
        margin-bottom: 40px;
    }
    .technology_list .left_side_img h3 {
        display: block;
    }
}

@media (max-width: 767px) {
    .bannerArea .banner_content p {
        margin: 0 auto 25px;
        font-size: 20px;
        font-weight: 300;
    }
    .technology_listed {
        padding: 0px 20px;
    }
    .bannerArea .banner_content h1 {
        font-size: 34px;
    }
    .common_title_new h2 {
        font-size: 35px;
        line-height: normal;
    }
    .bannerArea .banner_content {
        padding: 20px 15px 10px;
    }
    .bannerArea.home-banner {
        width: 100%;
        height: 88vh;
        background-position: center;
    }
    .home_pattern img {
        max-width: 100%;
    }
    a.core_more_btn {
        margin-bottom: 0px;
        position: relative;
        bottom: 5px;
        left: auto;
    }
    #parentVerticalTab {
        display: block !important;
    }
    .our_technologies {
        padding: 50px 0px 70px;
    }
    ul.technology_lst li {
        text-align: center;
        margin-right: 20px;
        margin-left: 0px;
    }
    .industry_served {
        padding: 50px 20px;
    }
    .clients_logos {
        padding: 70px 20px;
    }
    .tech_listed {
        margin: 10px 0px 80px;
        margin-bottom: 0px;
    }
    .tech_listed:nth-child(1) {
        margin-bottom: 0px;
    }
    .tech_listed+.tech_listed {
        margin-bottom: 0px;
    }
    .tech_listed:last-child {
        margin-bottom: 0px;
    }
    .technology_list {
        max-width: 530px;
        margin: 50px auto 50px;
        margin-bottom: 0px;
    }
    .tech1 {
        max-width: 100%;
    }
    .right_side_img {
        padding: 0px;
        text-align: center;
    }
    .left_side_img img {
        width: 100%;
    }
    .right_side_img img {
        width: 100%;
    }
    .left_side_img {
        padding: 0px;
        text-align: center;
        margin-top: 0px;
    }
    .partnership_certificate {
        padding: 70px 0px;
    }
    .partnership_certificate .common_title_new h2 {
        margin-bottom: 40px;
    }
    .why_choose_us {
        padding: 60px 0px;
    }
    .testimonial-sider {
        padding: 70px 20px;
    }
    ul.clients_list_logs li {
        width: auto;
    }
    a.more_clients {
        margin-top: 12px;
    }
}

@media (max-width: 575px) {
    .bannerArea .banner_content h1 {
        font-size: 30px;
    }
    .bannerArea .banner_content {
        padding: 20px 15px 10px;
    }
    .reatil_successArea {
        padding: 50px 0 50px 0px;
    }
    ul.clients_list_logs li {
        width: auto;
    }
}

.work_area {
    padding: 0px 0px 90px 0px;
}

@media (max-width: 479px) {
    .bannerArea .banner_content h1 {
        font-size: 25px;
    }
    .chooseSlider.owl-carousel .owl-nav {
        top: 0px;
    }
    .bannerArea.home-banner {
        height: 60vh;
    }
    .bannerArea.home-banner .container {
        height: 250px;
    }
    .bannerArea .banner_content a.btn {
        min-height: 34.2px;
    }
    .left_case_st {
        padding-right: 0px;
    }
    .mouse_scroll {
        display: none;
    }
    .work_area {
        padding: 0px 0px 50px 0px;
    }
    .bannerArea .banner_content p {
        font-size: 14px;
        line-height: normal;
        min-height: 50.4px;
    }
    .heading h2 {
        font-size: 30px;
        line-height: normal;
    }
    .reatil_successArea .subText h2 {
        font-size: 30px;
    }
    .reatil_successArea#retails_area h2 {
        min-height: 73.4px;
    }
    .reatil_successArea#retails_area .subText p {
        min-height: 293px;
    }
    .technology_list .right_side_img h3 {
        font-size: 26px;
    }
    .our_4t_list li h3 {
        font-size: 26px;
    }
    .common_title_new h2 {
        font-size: 30px;
    }
    .clients_logos .common_title_new h2 {
      margin-bottom: 20px;
     }
    .technology_list .left_side_img h3 {
        font-size: 26px;
    }
    .bannerArea .banner_content {
        padding: 0px 0px 0px;
    }
    h2.resp-accordion {
        font-size: 16px;
        line-height: normal;
    }
    .service-content-tabs h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    ul.service_product_list {
        display: block;
    }
    .service_product_list li {
        display: inline-flex;
        padding-right: 14px;
        width: 100%;
    }
    .testimonial_slides {
        display: block;
    }
    .testimonial_profile {
        margin: 0px auto;
        margin-bottom: 35px;
    }
    .case_brief {
        padding: 30px 0px;
    }
    .chooseSlider.owl-carousel {
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }
    .testimonial_msg {
        margin-left: 0px;
    }
    .testimonial_msg p {
        margin: 20px 0px 30px;
    }
    .testimonial-sider .common_title_new h2 {
        margin-bottom: 30px;
    }
    .certificationSlider .item img {
        width: auto;
        margin: 0px 0px;
        width: 100%;
        padding: 0px 20px;
    }
    .choose_list li {
        max-width: 122px;
        margin: 30px 15px;
    }
     .innerBannerPart.innerBannerPart h1 {
        font-size: 28px;
        max-width: 420px;
    }
}
/*********New Privacy, terms, data-deltion page css****/
.bannerArea_contact.privacy_banner {
    height: 668px;
    background-size: cover;
    background-position: center;
}
.support_services li p a {
    color: #e3151e;
    font-weight: 500;
}
.contactUs_greatArea .ContentBox.privacy-policy {
    margin: -110px 0 0;
}
.support_services.privacy_services li {
    list-style: none;
    border: 0 solid #000;
    background: transparent;
    color: #000;
}
.data_deletion li {
    position: relative;
    padding: 10px 25px 5px;
    margin-bottom: 5px;
}
.data_deletion li p {
    position: relative;
    padding-left: 28px;
}
.data_deletion li p:before {
    content: '\f178';
    position: absolute;
    top: 0;
    color: #e3151e;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    font-family: 'font awesome 5 pro';
    font-size: 16px;
    font-weight: 300;
}
@media only screen and (max-width: 480px){
    .contactUs_greatArea .ContentBox.privacy-policy {
    margin: -90px 0 0;
}
.support_services.privacy_services li{
    padding: 15px 10px;
}
}
.bannerArea .banner_content a.btn.lets_talkBtn {
    background: #e3151e;
    border-color: #e3151e;
    max-width: 180px;
}
.bannerArea .banner_content a.lets_talkBtn.btn:hover {
    border-color: #000;
}
.faq_accordion_type .accordion-button {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.faq_accordion_type .accordion-button{
    border-bottom: 2px solid #253b58 !important;
}
.faq_accordion_type .accordion-button:focus {
    border-bottom: 2px solid #e3151e !important;
}
.faq_accordion_type .accordion-button:not(.collapsed), .faq_accordion_type .accordion-button:focus {
    border-bottom: 2px solid #e3151e !important;
}
/*****faqcss*****/
.faq_accordion_type .accordion-item {
    margin: 10px 0px;
    border-bottom: 0px solid #e3151e !important;
    /* box-shadow: 3px 6px rgb(37 33 33 / 50%); */
    border-radius: 0px !important;
    border: 0px;
 }
    .faq_accordion_type .accordion-button{
    background-color: #fff !important;
    color: #253b58 !important;
    border-bottom: 5px solid #253b58;
    padding: 20px 0px;
    font-size: 1.2rem;
}
.faq_accordion_type .accordion-button:not(.collapsed),  .faq_accordion_type .accordion-button:focus {
    background-color: #fff !important;
    color: #e3151e !important;
    border-bottom: 2px solid #e3151e;
}
.faq_accordion_type .accordion-button:focus {
    border-bottom: 2px solid #e3151e;
    outline: 0;
    box-shadow: none;
}
.faq_accordion_type .accordion-body{
    padding: 25px 0px;
    padding-bottom: 0px;
    font-family: 'Gilroy';
}
.common_subheading_title h2 {
    font-size: 26px;
    text-align: left;
    text-transform: capitalize;
    margin: 5px 0px;
}
.common_heading_title h2{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
}
/****endfaqcss****/
/** 31/01/2024 **/
.common_subheading_title h2 {
    font-size: 26px;
    text-align: left;
    text-transform: capitalize;
    margin: 5px 0px;
    padding-right: 25px;
}
@media only screen and (max-width: 767px){
.common_subheading_title h2 {
        padding-right: 0;
    }
}
/** End 31/01 **/


/****New Page Css 13-02****/
.common_new_banner{
    background-image: linear-gradient(to right, rgba(243, 137, 21, 0.3), rgba(237, 74, 32, 0.3));
    padding: 98px 0px;
}
.common_banner_layout{
    max-width: 633px;
    width: 60%;
}

.new_banner_style {
    width: calc(100% - 633px);
}
.common_new_title_style h2 {
    font-size: 40px;
    font-weight: 600;
}
.common_banner_style .common_banner_layout .common_title_new h1{
   font-family: gilroy;
}
.common_banner_layout .common_title_new h1 {
    text-align: left;
    text-transform: capitalize;
    font-size: 40px;
    color: #000;
    font-family: gilroy;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
}
.common_banner_layout P{
    margin: 0;
    font-family: roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 154.3%;
    text-align: left;
    color: rgba(0,0,0,.87);
}
ul.common_box_styles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin-top: 24px;
}
ul.common_box_styles li {
    list-style: none;
    border: 0px solid #000;
    padding: 25px 12px;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 10px;
    color: #000;
    transition: .5s;
    position: relative;
    color: #000;
    background: #f0f0f0;
    border-bottom: 5px solid #e3151e;
}
ul.common_box_styles li p{
    font-size: 16px;
    line-height: normal;
}
ul.common_box_styles li img {
    margin: 0 auto;
    display: block;
}
.new_contact_layout {
    background: #e3151e;
    padding: 29px 0;
}
.new_contact_layout .contact_teams h3{
    font-size: 30px;
    line-height: 36px;
}
.new_contact_layout .contact_teams h3 span{
    display: inline-block;
    font-weight: bold;
}
.new_contact_layout a.team_contact_btn{
    min-width: 151px;
    box-shadow: none;
    text-align: center;
}
.common_bg_style_new ul li{
   list-style: none;
    font-family: 'Gilroy';
    display: inline-block;
    padding-right: 24px;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    padding-bottom: 24px;
}
.common_bg_style_new ul li span{
    position: relative;     
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    padding-left: 24px;
    display: block;
    margin-bottom: 5px;

}
.common_bg_style_new ul li span:before{
    content: '\f178';
    position: absolute;
    top: 0;
    color: #fff;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    font-family: 'font awesome 5 pro';
    font-size: 16px;
    font-weight: 300;
}
.adobe_commerce_cloud{
    padding: 66px 0px;
}

.adobe_commerce_cloud .common_heading_title h2 {
    margin: 0 0 37px 0;
}

@media only screen and (max-width: 830px){
ul.common_box_styles {
    grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 768px){
ul.common_box_styles {
    grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 480px){
ul.common_box_styles {
    grid-template-columns: repeat(1, 1fr);
}
}

.lets_modal_open.whiteRequest .quote_action_now{
    margin-left: 0px;
}

/* processArea */
.processArea {
    width: 100%;
    padding: 80px 0 52px 0;
}

.processArea h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: 'Gilroy';
    color: #243D57;
}

.processArea p.shortDesc {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 154.3%;
}

.processArea .process {
    width: 100%;
    display: grid;
    grid-template-columns: 19.2455% 19.2455% 19.2455% 19.2455% 19.2455%;
    align-items: start;
    gap: 10px;
    margin: 60px 0 0 0;
}

.processArea .process .item {
    /* width: 19.2455%; */
    margin-bottom: 16px;
    display: grid;
    margin-top: 270px;
}

.processArea .process .item .image {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
    margin-bottom: 16px;
    margin-top: 16px;
}

.processArea .process .item .image::before {
    width: 148.09px;
    height: 147.47px;
    background-image: url(../images/red-circle.svg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}

.processArea .process .item .image .sub {
    width: 105.78px;
    height: 189.81px;
/*    background-image: url(../images/red-circle-under.svg);*/
    background: transparent;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 0 0 0;
    padding-bottom: 0px;
    position: relative;
}

.processArea .process .item .image .sub::before {
    width: 93.58px;
    height: 93.58px;
    position: absolute;
    top: 6px;
    left: 6px;
    content: "";
/*    background: linear-gradient(302.9deg, #FFFFFF 14.08%, #D7D6D6 89.08%);*/
    background: transparent;
    border-radius: 100%;
}

.processArea .process .item .image .sub::after {
    width: 89.58px;
    height: 89.58px;
    position: absolute;
    top: 8px;
    left: 8px;
    content: "";
    background: transparent;
    border-radius: 100%;
}

.processArea .process .item .image .sub img {
    max-height: 74px;
    position: relative;
    z-index: 2;
    top: 20px;
}

.processArea .process .item .title {
    background-color: #e3151e;
    padding: 10px 5px;
    text-align: center;
    margin-bottom: 12px;
}

.processArea .process .item .title h3 {
    font-family: 'Gilroy';
    font-size: 15px;
    line-height: 18.57px;
    margin: 0px;
    color: #FFFFFF;
    text-align: center;
}

.processArea .process .item .text {
    min-height: 260px;
    width: 100%;
    display: flex;
    align-items: start;
    text-align: center;
    border: 1px solid #000000;
    padding: 8px;
}

.processArea .process .item .text p {
    text-align: center;
    margin: 0px;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    font-weight: 300;
    font-family: 'Gilroy';
}

.processArea .process .item:nth-child(2n) {
    margin-top: 0px;
}

.processArea .process .item:nth-child(2n) .image {
    order: 3;
    margin: 16px 0 0 0;
    transform: rotate(180deg);
}

.processArea .process .item:nth-child(2n) .image .sub img {
    transform: rotate(-180deg);
}

.processArea .process .item:nth-child(2n) .title {
    order: 2;
    margin: 12px 0 0 0;
}

.processArea .process .item:nth-child(2n) .text {
    order: 1;
}

/* companyInsightsArea */
.companyInsightsArea {
    width: 100%;
    padding: 80px 0;
}

.companyInsightsArea h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 24px;
    font-family: gilroy;
    color: #243d57;
    text-align: center;
}

.companyInsightsArea ul {
    display: flex;
    justify-content: center;
    text-align: center;
}

.companyInsightsArea li {
    font-size: 32px;
    line-height: 39.2px;
    font-weight: 600;
    font-family: gilroy;
    color: #000000;
    border-right: 1px solid #E0E0E0;
    min-width: 280px;
    padding: 0 40px;
}

.companyInsightsArea li:last-child {
    border-right: none;
}

.companyInsightsArea li span {
    font-size: 16px;
    line-height: 24px;
    display: block;
    font-family: gilroy;
    font-weight: 400;
    color: #000000;
}

/* commerceCloudArea */
.commerceCloudArea {
    width: 100%;
    padding: 62px 0;
    background-color: #F0F0F0;
}

.commerceCloudArea h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 24px;
    font-family: gilroy;
    color: #000000;
    text-align: center;
}

.commerceCloudArea .certifiedSlider {
    padding: 0 20px;
}

.commerceCloudArea .certifiedSlider .item {
    text-align: center;
}

.commerceCloudArea .certifiedSlider .item img {
    margin: 0 auto 24px;
    display: block;
    width: auto;
    max-width: 100%;
}

.commerceCloudArea .certifiedSlider .item span {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    font-family: gilroy;
    font-weight: 400;
    display: block;
    margin-bottom: 8px;
}

.commerceCloudArea .certifiedSlider .item h3 {
    margin: 0px;
    font-size: 16px;
    line-height: 24px;
    font-family: gilroy;
    font-weight: 600;
    color: #000;
    text-align: center;
}

.commerceCloudArea .certifiedSlider .owl-nav button {
    width: 32px;
    height: 32px;
    background-color: #000000;
    position: absolute;
    top: calc(50% - 16px);
    left: 0px;
    border: none;
    background-image: url(../images/long-arrow-shite.svg);
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0px;
}

.commerceCloudArea .certifiedSlider .owl-nav button.disabled {
    opacity: 0.5;
}

.commerceCloudArea .certifiedSlider .owl-nav button.owl-next {
    right: 0px;
    left: auto;
    transform: rotate(180deg);
}

/* magentoFaq */
.magento_patch_release.magentoFaq {
    background-color: #F0F0F0;
    padding: 65px 0;
}

.magento_patch_release.magentoFaq h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 24px;
    font-family: gilroy;
    color: #243d57;
    text-align: center;
}

.magentoFaq .faq_accordion_type .accordion-item {
    border: 1px solid #BFBFBF !important;
    background: none;
    margin: 0 0 18px 0;
}

.magentoFaq .faq_accordion_type .accordion-item:last-child {
    margin-bottom: 0px;
}

.magentoFaq .faq_accordion_type .accordion-button {
    border: none !important;
    background: none !important;
    font-size: 20px;
    line-height: 24px;
    font-family: gilroy;
    font-weight: 600;
    color: #000000 !important;
    padding: 15px 20px;
    box-shadow: none !important;
}

.magentoFaq .faq_accordion_type .accordion-button:not(.collapsed), 
.magentoFaq .faq_accordion_type .accordion-button:focus {
    background: none !important;
    color: #000 !important;
}

.magentoFaq .faq_accordion_type .accordion-button b {
    font-family: gilroy;
    font-weight: 600;
}

.magentoFaq .faq_accordion_type .accordion-body {
    padding: 0px 20px 15px 20px;
    font-family: gilroy;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

/* whiteRequest */
.whiteRequest .requote_call {
    background: #fff;
}

.whiteRequest .requote_action_overview p,
.whiteRequest .requote_action_overview h3,
.whiteRequest .quote_action_call label {
    color: #000;
    font-family: gilroy;
}

.whiteRequest .requote_action_overview p {
    font-weight: 400;
    text-align: justify;
    font-size: 16px;
    line-height: 24px;
}
.whiteRequest row{
    align-items: center;
}
.whiteRequest .quote_action_now{
     margin-left: 35px;
}
.whiteRequest .quote_action_call input, .whiteRequest textarea {
    color: #000;
    border: 1px solid #BFBFBF !important;
    height: 50px;
    padding: 0 15px;
}

.whiteRequest textarea {
    height: 100px;
    padding: 10px 15px;
}

.whiteRequest button.submit_enquiry {
    background-color: #e3151e;
    color: #fff;
    float: left;
}

.whiteRequest button.submit_enquiry:hover,
.whiteRequest button.submit_enquiry:focus {
    background-color: #000;
}

.whiteRequest .quote_action_call .form-group span.er_msg {
    color: red !important;
}

.whiteRequest .quote_action_call .form-group {
    margin: 0 0 17px;
}

.whiteRequest .requote_action_overview h3 {
    margin-bottom: 34px;
    font-weight: 600;
}


@media (min-width: 992px) {

    .whiteRequest .col-lg-4,
    .whiteRequest .col-md-4 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .whiteRequest .col-lg-8,
    .whiteRequest .col-md-8 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

}
.work_success_stories .work_list_descp p {
    font-size: 16px;
}
/* clientsfbArea */
.clientsfbArea {
    width: 100%;
    padding: 68px 0;
    background-color: #F0F0F0;
}

.clientsfbArea h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 24px;
    font-family: gilroy;
    color: #000000;
    text-align: center;
}

.clientsfbArea .feedbackSlider {
    padding: 0 87px;
}

.clientsfbArea .feedbackSlider .item {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.clientsfbArea .feedbackSlider .item .image {
    padding: 29px 0 0 0;
    width: 112px;
}

.clientsfbArea .feedbackSlider .item .text {
    width: calc(100%  - 138px);
}

.clientsfbArea .feedbackSlider .item .text p {
    font-family: gilroy;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: justify;
    color: #000;
    margin-bottom: 16px;
}

.clientsfbArea .feedbackSlider .item .text .name {
    font-family: gilroy;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    display: block;
    color: #000;
    margin-bottom: 9px;
}

.clientsfbArea .feedbackSlider .item .text .designation {
    font-family: gilroy;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    display: block;
    color: #000;
}

.clientsfbArea .feedbackSlider .owl-nav button {
    width: 32px;
    height: 32px;
    background-color: #000000;
    position: absolute;
    top: 44px;
    left: 0px;
    border: none;
    background-image: url(../images/long-arrow-shite.svg);
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0px;
}

.clientsfbArea .feedbackSlider .owl-nav button.disabled {
    opacity: 0.5;
}

.clientsfbArea .feedbackSlider .owl-nav button.owl-next {
    right: 0px;
    left: auto;
    transform: rotate(180deg);
}

/* workMarea */
.workMarea {
    padding: 80px 0;
}

.workMarea h2 {
    text-transform: none;
    margin-bottom: 0px;
}

.workMarea .work_list {
    margin-top: 40px;
}
.requote_action_overview p a{
    color: #fff;
    font-weight: 200;
}
.requote_action_overview p a:hover{
    text-decoration: underline;
}
img.image_icon_style {
    max-width: 17px;
}
 p.phone_style_icon a:hover {
    text-decoration: underline;
}
.footerContentBox .Ftr_item .text p.phone_style_icon a{
    display: inline-block;
}
.requote_action_overview1 p a{
    color: #000;
    font-weight: 200;
}
.common_above_commerce p.common_content_p {
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
}
/****Adobecloudpage****/
@media only screen and (max-width: 1199px){
.common_banner_layout {
    max-width: 100%;
    width: 100%;
}
.new_banner_style {
    width: 100%;
    margin-top: 2rem;
}
.companyInsightsArea li{
    min-width: 90px;
    padding: 0 20px;
}
}
@media only screen and (max-width: 991px){
.mobile_app_technologies .col-lg-3.col-md-3 {
    width: calc(53% - 30px);
}
}
@media only screen and (max-width: 712px){
.processArea .process {
    grid-template-columns: repeat(2, 1fr);
    margin: 18px 0 0 0;
}
.processArea .process .item {
    margin-top: 0px;
}
}
@media only screen and (max-width: 480px){
 .common_new_banner{
    padding: 40px 0px;
 }   
 .common_banner_layout .common_title_new h1{
    font-size: 20px;
    line-height: normal;
 }   
 .common_banner_layout p{
    font-size: 14px;
    line-height: normal;
 }
 .new_banner_style img{
    max-width: 100%;
 }
.companyInsightsArea h2{
        font-size: 20px;
    }
 .companyInsightsArea li{
    font-size: 14px;
    line-height: normal;
    min-width: 81px;
    padding: 0 10px;
 }   
 .companyInsightsArea li span{
    font-size: 11px;
    line-height: normal;
 }
.companyInsightsArea {
    padding: 48px 0;
} 
.new_banner_style {
    margin-bottom: 60px;
}
 .common_new_banner a.lets_connect{
    position: absolute;
    bottom: 34px;
    max-width: 164px;
    padding: 6px 15px;
    font-size: 14px;
    height: auto;
    margin: 0px auto;
    left: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.common_new_title_style h2{
    font-size: 20px;
}
ul.common_box_styles.common_box_new_style {
    grid-template-columns: repeat(2, 1fr);
}
ul.common_box_styles.common_box_new_style li{
    padding: 15px 8px;
}
ul.common_box_styles.common_box_new_style li img {
    width: 32px;
    height: auto;
}
.patform_list .common_box_new_style h3{
    font-size: 16px;
    margin-top: 12px;
}
.patform_list .common_box_new_style p{
    font-size: 14px;

}
.common_above_commerce{
    padding: 28px 19px 21px 19px;
}
.common_above_commerce .common_heading_title h2{
    font-size: 20px;
    margin-bottom: 18px;
}
.common_above_commerce p.common_content_p{
    font-size: 14px;
    text-align: justify;
}
.new_contact_layout {
    padding: 19px 0;
}
.new_contact_layout .contact_teams {
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    text-align: center;
}
.new_contact_layout .contact_teams h3 {
    font-size: 16px;
    line-height: normal;
    text-align: left;
    margin: 0px;
    width: 70%;
}
.new_contact_layout a.team_contact_btn {
    min-width: auto;
    box-shadow: none;
    text-align: center;
    padding: 9.5px 14px;
    height: auto;
}
.processArea {
    padding: 48px 0px;
}
.processArea h2{
    font-size: 20px;
}
.processArea p.shortDesc{
    font-size: 14px;
    text-align: justify;
}
.processArea .process .item .text{
    min-height: auto;
}
.processArea .process .item .text p {
    text-align: center;
    margin: 0px;
    font-size: 11px;
    line-height: normal;
} 
.processArea .process{
    grid-template-columns: repeat(2, 1fr);
    margin: 18px 0 0 0;
}
.processArea .process .item{
    margin-top: 0px;
}
.adobe_commerce_cloud {
    padding: 35px 0px;
}
.adobe_commerce_cloud .common_heading_title h2 {
    margin: 0 0 18px 0;
    font-size: 20px;
    line-height: normal;
}
.common_bg_style_new ul li{
    padding-right: 0px;
    padding-bottom: 16px;
    font-size: 13px;
    line-height: normal;
}
.common_bg_style_new ul li span{
    font-size: 15px;
    line-height: normal;
}
.commerceCloudArea {
    padding: 31px 0;
}
.commerceCloudArea h2{
    font-size: 20px;
    line-height: normal;
}
.commerceCloudArea .certifiedSlider .item img{
     margin: 0 auto 12px;
     max-width: 48px;
}
.commerceCloudArea .certifiedSlider .item span{
    font-size: 11px;
    line-height: normal;
    margin-bottom: 5px;
}
.commerceCloudArea .certifiedSlider .item h3 {
    margin: 0px;
    font-size: 12px;
    line-height: normal;
}
.commerceCloudArea .certifiedSlider .owl-nav button{
    width: 22px;
    height: 22px;
    background-size: 14px;
}  
.workMarea.work_success_stories{
    padding: 48px 0px;
}  
.workMarea.work_success_stories .work_list {
    margin-top: 18px;
}
.work_success_stories .common_title_new h2{
    font-size: 20px;
}
.clientsfbArea{
    padding: 31px 0px;
}
.clientsfbArea h2{
    font-size: 20px;
    margin-bottom: 18px;
}
.clientsfbArea .feedbackSlider .item .text p{
    font-size: 16px;
    line-height: normal;
}
.clientsfbArea .feedbackSlider .item .text .name{
    font-size: 14px;
    line-height: normal;
}
.clientsfbArea .feedbackSlider .item .text .designation{
    font-size: 12px;
    line-height: normal;
}
.clientsfbArea .feedbackSlider .owl-nav button{
    display: none;
}
.clientsfbArea .feedbackSlider {
    padding: 0 17px;
}
.clientsfbArea .feedbackSlider .item {
    justify-content: flex-start;
    align-items: center;
}
.clientsfbArea .feedbackSlider .item .text {
    width: auto;
}
.magento_patch_release.magentoFaq {
    padding: 36px 0;
}
.magentoFaq .faq_accordion_type .accordion-item{
    margin: 0 0 12px 0;
}
.magento_patch_release.magentoFaq h2{
    font-size: 20px;
    line-height: normal;
    margin-bottom: 20px;
}
.magentoFaq .faq_accordion_type .accordion-button{
    font-size: 15px;
    line-height: normal;
    padding: 15px 10px;
}
.magentoFaq .faq_accordion_type .accordion-body{
    padding: 0px 10px 15px 10px;
    font-size: 11px;
    line-height: normal;
}
.clientsfbArea .feedbackSlider .item .image {
    width: 58px;
    margin-right: 22px;
}
.clientsfbArea .feedbackSlider .item .image img {
    width: 58px;
    max-width: 58px;
}
.whiteRequest .requote_call {
    padding: 48px 0px;
}
.whiteRequest .requote_action_overview h3 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
}
.whiteRequest .requote_action_overview p {
    font-weight: 400;
    text-align: justify;
    font-size: 16px;
    line-height: normal;
}
.contact_teams {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: left;
}
.technologies_list img {
    max-width: 100%;
    width: 70%;
}
}
@media only screen and (max-width: 600px){
   .success-stories a.rft_arrow{
        right: 25px;
    }
    .success-stories .work_list_descp p{
        font-size: 13px;
    }
 .success-stories .owl-nav button {
    width: 22px;
    height: 22px;
    background-color: #000 !important;
    position: absolute;
    top: calc(50% - 16px);
    left: 12px;
    border: none;
    background-image: url(../images/long-arrow-shite.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    background-size: 14px !important;
} 
 .success-stories  .owl-nav button.owl-next {
    right: 0;
    left: auto;
    transform: rotate(180deg)
}


}
@media only screen and (max-width: 1260px){
.new_contact_layout .contact_teams h3 {
    font-size: 25px;
    line-height: normal;
}
}
.work_success_stories a.case_stdbtn {
    display: none;
}
@media only screen and (max-width: 480px){
 .whiteRequest .quote_action_now {
    margin-left: 0px;
}
.commerceCloudArea h3{
    font-size: 20px;
}
}
/***heading changes css***/
.common_title_fontSize h2 {
    margin-top: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
}
.common_width_sh h2 {
    width: 75%;
}
.contact_teams h3 {
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 0px;
}

.contact_teams h3 span {
    font-weight: 700;
}
.contact_teams h2 {
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 0px;
    max-width: 75%;
}

.contact_teams h2 span {
    font-weight: 700;
}
/*****end****/
.required_star{
    color: red;
}
/***Breadcrumb_style***/
.breadcrumb_style {
    background: #e3151e;
    padding: 10px 0px;
    overflow: hidden;
}
.breadcrumb_style ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.breadcrumb_style ul li a {
    color: #fff;
    font-family: 'gilroy';
    font-weight: 700;
    padding-right: 7px;
}
.breadcrumb_style ul li{
    color: #fff;
    font-family: 'gilroy';
    font-weight: 700;
    padding-right: 7px;
}
.breadcrumb_style ul li a:hover{
    color: #fff;
}

.breadcrumb_style.color_bg_style {
    background: #f1f1f1;
    padding: 10px 0px;
    overflow: hidden;
}
.breadcrumb_style.color_bg_style ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.breadcrumb_style.color_bg_style ul li{
    color: #000;
    font-family: 'gilroy';
    font-weight: 700;
    padding-right: 7px;
}
.breadcrumb_style.color_bg_style ul li a {
    color: #000;
    font-family: 'gilroy';
    font-weight: 700;
    padding-right: 7px;
}
.breadcrumb_style.color_bg_style ul li a:hover {
    color: #e3151e;
}
/****end****/
/****New page css***/
.common_new_banner1{
    background: rgba(135, 198, 101, 1);
}
.common_new_banner1 a.lets_connect {
    background-color: #E10018;
}
.common_new_banner1 .row {
    align-items: center;
}
.common_new_banner2 .row {
    align-items: center;
}
 ul.common_box_styles.common_box_three_column {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 19px;
    max-width: 1026px;
    margin: 0px auto;
    margin-top: 24px;
}
ul.common_box_styles.common_box_three_column li {
    padding: 25px 25.5px;
    margin-bottom: 0px;
    border-radius: 12px 12px 0px 0px;
}
.whiteRequest .row {
    align-items: center;
}
.whiteRequest .requote_action_overview h3 img {
   margin-right: 7px;
   width: 28px;
}
.whiteRequest .requote_action_overview a:hover {
    text-decoration: underline;
}
.whiteRequest .requote_action_overview h3 {
    font-size: 34px;
}
@media only screen and (max-width: 768px) {
ul.common_box_styles.common_box_three_column {
    grid-template-columns: repeat(2, 1fr);
} 
ul.common_box_styles.common_box_three_column li {
    padding: 25px 13.5px;
}   
}    
.common_faq_style {
    width: 100%;
    padding: 65px 0;
    background-color: #f0f0f0;
}
.common_requote_style p img{
    max-width: 20px;
}
.text_left_style{
    text-align: left !important;
}
.common_bg_style_new.common_redarrow_bbg ul li span:before{
    color: #e3151e;
}
.common_bg_style_new.common_redarrow_bbg ul li p {
    margin-left: 25px;
}
@media only screen and (min-width: 1020px) and (max-width: 1420px) {
.techMasonryContentArea .item h3 {
    font-size: 22px;
    margin-bottom: 8px;
}
.techMasonryContentArea .item p {
    font-size: 13px;
    line-height: 20px;
}
.techMasonryContentArea .item .text img {
    max-width: initial;
    max-height: 50px;
    margin-bottom: 10px;
}

}
.servicesArea .heading p {
    font-family: roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 154.3%;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgba(0,0,0,.87);
    padding: 0 15px;
}
/****newsection****/
ul.common_button_style {
    margin: 25px 0px;
}
.common_button_style li {
    border: 1px solid #000;
    padding: 10px;
    display: inline-block;
    margin-right: 10px;
    color: #253b58;
    font-size: 18px;
    transition: all 0.5s ease;
    cursor: pointer;
}
.common_button_style li:hover {
       transform: scale(1.1);
}
.common_highlight_bg{
    background: #e3151e;
    color: #fff;
    padding: 30px;
}
.common_highlight_bg h4 {
    font-weight: 300;
    font-size: 40px;
    margin-bottom: 1rem;
}
.common_highlight_bg span.style_highlight_clr {
    font-weight: 700;
}
.common_highlight_bg1 {
    background: black;
    padding: 10px 30px;
    color: #fff;
}
.common_highlight_bg1 h4 {
    font-weight: 300;
}
.wehelpOurArea {
    background: #f9f9f9;
}
.wehelpOurArea.bg_blue,
.wehelpOurArea.bg-black{
    padding: 100px 0px;
}
.wehelpOurArea.bg_blue *,
.wehelpOurArea.bg-black *{
    color: #FFFFFF;
}
.wehelpOurArea.bg_blue .item,
.wehelpOurArea.bg-black .item{
    margin-top: 50px;
}
.wehelpOurArea.bg_blue .item h2,
.wehelpOurArea.bg-black .item h2{
    font-size: 80px;
    font-weight: 600;
    position: relative;
    margin: 0;
    padding-top: 3px;
}
.wehelpOurArea.bg_blue .item h2:after,
.wehelpOurArea.bg-black .item h2:after{
    content: '';
    width: 43px;
    height: 3px;
    background-color: #e3151e;
    position: absolute;
    left: 0;
    top: 0;
}
.text-left{text-align: left!important;}
.bg_blue {background-color: #253b58!important}
.techMasonryContentArea .item .arrowBtn.common_arrow_btn {
    width: auto;
    height: auto;
    background: transparent;
}
.techMasonryContentArea .item .arrowBtn.common_arrow_btn {
    background: #e3151e;
    color: #fff;
    padding: 5px 12px;
    border: 0px;
    border-color: transparent;
    box-shadow: none;
    font-weight: 300;
    display: inline-block;
}
.techMasonryContentArea .item .arrowBtn.common_arrow_btn:hover {
    background: #000;
}
.logos_txt_style_1 {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.text_image_center_style img {
    width: auto !important;
    height: auto;
    margin: initial;
    text-align: left;
    display: block;
}
.small_caps_heading {
    font-size: 18px;
    color: #e3151e;
}
@media only screen and (max-width: 575px){
.common_button_style li {
    margin-bottom: 10px;
}
}
.servicesArea .itemBox .item.two_column_style .subtext {
    background: #253b58;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
}
.servicesArea .itemBox .item.two_column_style .subtext .text {
    background: #253b58;
}
.servicesArea .itemBox .item.two_column_style a {
    display: inline-block;
    max-width: 290px;
    margin: 0px auto;
    font-size: 20px !important;
    margin-bottom: 30px;
}
.servicesArea .itemBox .item.two_column_style .text h3 {
    max-width: 100%;
    font-size: 40px;
    padding: 0px;
    margin-bottom: 50px;
    color: #fff;
}
.servicesArea .itemBox .item.two_column_style .text p {
    font-size: 25px;
}
@media only screen and (max-width: 575px){
 .servicesArea .itemBox .item.two_column_style a {
    margin-left: 15px;
}
}
/*****newdesignhomepage******/
.inspiration_list_style ul.nav {
    margin-top: 10px;
}
.inspiration_list_style ul.nav li {
    margin-left: 30px;
    position: relative;
    padding-bottom: 3rem;
}
.inspiration_list_style ul.nav li:before {
    content: "";
    width: 100%;
    display: block;
    height: 2px;
    background: linear-gradient(to right,#e3151e 50%,#e2e8ec 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all ease 0.3s;
}
.inspiration_list_style ul.nav li:hover:before {
    background-position: left bottom;
}
.inspiration_list_style ul.nav li:hover span.nav-item-icon svg .a {
    fill: #e3151e;
}
.inspiration_list_style ul.nav li a:hover .nav-link-arrow {
    right: 0;
}
.inspiration_list_style ul.nav li span.nav-item-icon {
    position: absolute;
    top: -13px;
    left: -30px;
    width: 30px;
}
.inspiration_list_style ul.nav li  a{
    position: relative;
    padding: 0.8rem;
    color: #000;
    font-size: 1.6rem;
    padding-right: 50px;
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
}
.inspiration_list_style ul.nav li a .nav-link-arrow {
    width: 28px;
    position: absolute;
    right: 0.8rem;
    top: 27px;
    transition: all ease 0.3s;
}
@media only screen and (max-width: 991px){
.inspiration_list_style ul.nav {
    margin-top: 50px;
}
.technologies_list img {
    max-width: 108px;
}
}

.swiper-main-layout.swiper-layout {
    position: relative;
    height: 700px;
    overflow: hidden;
}
.swiper-main-layout.swiper-layout .swiper-backgrounds .col {
    position: absolute;
    top: 0;
    height: 100%;
}
.swiper-main-layout.swiper-layout .swiper-backgrounds{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.swiper-main-layout.swiper-layout .swiper-backgrounds, .swiper-main-layout.swiper-layout .swiper-backgrounds .swiper-menus {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.swiper-main-layout .col {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.swiper-main-layout.swiper-layout .swiper-backgrounds .col {
    height: 100%;
}

.mod-columnmenu .backgrounds .col {
    position: absolute;
    top: 0;
}
.swiper-main-layout.swiper-layout .row.swiper-menus>div {
    border-right: 1px solid #707070;
}
/****enddesign****/

/* angad */

.read_more_style {
    background: #000;
    padding: 6px 15px;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    transition: 0.5s;
}

/* lets_collaborateArea */

.gx-30 {
    --bs-gutter-x: 30px;
}
 .lets_collaborateArea {
    width: 100%;
    padding: 65px 0 0;
 }
 .lets_collaborateArea .common_title_head h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: left;
    color: rgba(0, 0, 0, 0.9);
    margin-bottom: 16px;
 }
 .lets_collaborateArea .common_title_head p {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
    text-align: left;
    text-transform: initial;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 24px;
}
 .lets_collaborateArea .title_image .sm_img {
    margin-top: 30px;
}
 .lets_collaborateArea .title_image .sm_img img {
    width: 100%;
 }
 .lets_collaborateArea .title_image .sm_logo {
    margin-top: 30px;
    text-align: center;
}
.lets_collaborateArea a.read_more.more_clients {
    margin-top: 0;
}

/* footer_bottom */
.footer_bottom {
    padding: 65px 0 30px;
}
.footer_bottom .address_title {
    margin-bottom: 30px;
    display: flex;
    position: relative;
    border-right: 1px solid #ddd9d9;
}
.footer_bottom .address_title:last-child {
    border-right: 1px solid transparent;
}
.footer_bottom .address_title .box {
    padding-bottom: 22px;
    width: 100%;
}
.footer_bottom .address_title .box h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #253b58;
    margin-bottom: 16px;
}
.footer_bottom .address_title .box  small {
    font-family: 'Gilroy';
    font-size: 16px;
    line-height: 160.69%;
    align-items: center;
    letter-spacing: 0.065em;
    color: #000;        
    font-weight: 500;
    font-style: normal;
    text-align: center;
}
.footer_bottom .address_title .box  small a {
    color: #000;
    display: block;
    margin-bottom: 20px;
}
.footer_bottom .address_title .box  small a:last-child {
    margin-bottom: 0;
}

.footer_bottom .address_title .box small .phone_number {
    color: #e3151e;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 991px){
    .footer_bottom .address_title {
        border-right: 0;
    }
.contact_teams h3, .contact_teams h2 {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}    
}
/* End angad 28-062024 */

/* 18-07-2024 */
/*****newstyle****/
.call_to_actions {
    padding-top: 80px;
    padding-bottom: 80px;
 }
 .call_to_actions1{
     padding: 80px 0px;
 }
 .call_action {
     background: #e2e2e2;
     padding: 60px 30px 70px 30px;
 }
 a.call_action_btn {
     background: #e3151e;
     color: #fff;
     padding: 15px 30px;
     font-weight: 500;
     box-shadow: none;
     line-height: 18px;
     font-size: 15px;
     display: inline-block;
     height: auto;
     transition: all 0.5s;
     font-family: 'Gilroy';
 }
 a.call_action_btn:hover{
     background: #000;
 }
 .call_action1 {
     background: #253b58;
     padding: 60px 30px 70px 30px;
     color: #fff;
 }
 a.call_action_btn1 {
     background: #fff;
     color: #e3151e;
     padding: 15px 30px;
     font-weight: 500;
     box-shadow: none;
     line-height: 18px;
     font-size: 15px;
     display: inline-block;
     height: auto;
     transition: all 0.5s;
     font-family: 'Gilroy';
     font-weight: 500;
 }
 a.call_action_btn1:hover{
     background: #000;
 }
 .magento_box {
    background: #e3151e;
    padding: 15px 25px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}
.magento_box strong {
    font-family: 'Gilroy';
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    display: block;
    text-align: center;
    text-transform: capitalize;
}
.magento_box span{
    font-family: 'Gilroy';
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 300;
}

.work_area .container.business_various_sectors {
    max-width: 1024px;
    padding-top: 50px;
}
.business_sector_list.work_list{
    max-width: 329px;
    margin-top: 30px;
}
.work_img.business_sector:after {
   background: transparent;
}
.work_img.business_sector  img{
    min-height: 253px;
    max-width: 329px;
}

.work_img.business_sector .work_list_descp{
    top: 30px;
    left: 0px;
    padding: 0px 20px;
    width: 100%;
}
.work_img.business_sector .work_list_descp p{
    padding-right: 0px;
    min-height: 65px;
}
.work_img.business_sector .work_list_descp h3{
    color: #e3151e;
}
 /* 18-07-2024 */
 /* steps_contentArea */
.steps_contentArea {
    padding: 60px 0;
    width: 100%;
}
.steps_contentArea .common_heading_title h2 {
    text-align: center;
    margin-bottom: 20px;
}
.steps_contentArea .common_heading_title p {
    text-align: center;
}
.step-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 50px -10px 0;
    position: relative;
}
.step-listing:before {
    content: "";
    width: 80%;
    background: #dbdbdb;
    height: 2px;
    left: 0;
    position: absolute;
    top: 55px;
    right: 0;
    margin: auto;
    
}
.step-listing .item {
    padding: 0 10px;
    width: 20%;
    text-align: center;
}
.step-listing .item .step-number {
    display: block;
    font-size: 90px;
    font-weight: bold;
    line-height: 1.1;
    color: #e2e8ec;
    position: relative;
    margin-bottom: 20px;
}
.step-listing .item .step-number:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #e3151e;
    border-radius: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    bottom: 0;
    margin: auto;
}
.step-listing .item .text h3 {
    font-family: 'Gilroy';
    text-align: center;
    font-size: 22px;
    font-weight: 700;
}
.step-listing .item .text p {
    text-align: center;
    font-family: 'Gilroy';
}

@media only screen and (max-width: 991px) {
    .step-listing:before {
        width: 70%;        
    }
    .step-listing .item {
        padding: 0 10px;
        width: 33.33%;
    }
}

@media only screen and (max-width: 767px) {
    .step-listing:before {
        display: none;        
    }
    .step-listing .item {
        width: 50%;
    }
}

@media only screen and (max-width: 479px) {
   
    .step-listing .item {
        width: 100%;
    }
}


/***** Textarea height Auto *****/

textarea.inputForm::-webkit-resizer {
  border: 0px none transparent;
  border-right: 2px solid #5d5d5d;
  border-bottom: 2px solid #5d5d5d;
  background: transparent;
  outline: none;
}
.requote_call .form-group textarea.inputForm,
.contactUs_greatArea .ContentBox .itemBox .request .form-group textarea.inputForm{
    resize: both;
    background-color:#f5f5f5;
    border-radius: 0px;
    height: 115px;
}

.contactUs_greatArea .ContentBox .itemBox .request .form-group .inputForm,
.requote_call .form-group .inputForm{
    color:#000000;
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
}
.requote_call .form-group label,
.contactUs_greatArea .ContentBox .itemBox .request .form-group label{
    margin-bottom: 5px;
}
.requote_call .form-group input.inputForm,
.contactUs_greatArea .ContentBox .itemBox .request .form-group input.inputForm{
    height: 28px;
    background-color:#f5f5f5;
    border-radius: 0px;
}

.requote_call .er_msg, .contactUs_greatArea .er_msg{font-size: 12px!important}

.top_header_fixed{
  padding: 6px 0px;
  background: #253b58;
}
.top_header_fixed p{
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

.text_red{color: #e3151e!important}
.bg_red{background-color: #e3151e!important}

@media (max-width: 991px){
.top_header_fixed p{
    white-space: nowrap;
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 20s linear infinite;
}
@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.top_header_fixed{
    padding: 6px 20px;
}
.top_header_fixed .container{
    overflow: hidden;
}
}
@media (max-width: 767px){
.top_header_fixed{
    margin-bottom: 10px;
}
}

//* Common box with icon style */
.common_box_with_icon li p::before {
    content: "✓";
    position: absolute;
    left: 5px;
    top: 2px;
    font-size: 16px;
    color: #e10018;
}

.common_box_with_icon li p {
    position: relative;
    padding-left: 28px;
}

.our_certifications .certificationSlider .item img {
    max-width: 200px;
}
.our_certifications  .certificationSlider.owl-carousel .owl-nav {
    top: -125px;
}
@media (max-width: 767px) {
    .our_certifications .certificationSlider .item img {
        max-width: 150px;
    }
    .our_certifications  .certificationSlider.owl-carousel .owl-nav {
        top: -100px;
    }
}