@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/Century\ Gothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/GOTHICB.woff2') format('woff2'),
        url('../fonts/GOTHICB.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/GOTHICBI.woff2') format('woff2'),
        url('../fonts/GOTHICBI.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/GOTHICI.woff2') format('woff2'),
        url('../fonts/GOTHICI.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
span {
    font-family: Century Gothic;
    margin: 0 !important;
    text-decoration: none;
}

.m-header {
    position: absolute;
    width: 100%;
    z-index: 999;
}

#navbarBelow {
    background: #00000054;
    padding: 22px 50px;
}

#navbarBelow a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    padding: 0;
    text-decoration: none;
    text-transform: capitalize;
}

.navbar-brand img {
    max-height: 60px;
    width: 230px;
}

#navbarBelow .navbar-toggler {
    border: none;
    box-shadow: none;
    color: #021020;
}

#navbarBelow .navbar-toggler i {
    color: #fff;
}

#navbarNavDropdown {
    font-size: 1.1rem;
    font-weight: 600;
}

#navbarBelow li {
    position: relative;
    cursor: pointer;
}

#navbarBelow ul a.nav-link.dropdown-toggle.dropdown-toggle-split {
    padding: 1px 0px 0px 0;
}

.nav_right li:hover {
    background: #ffffff1f;
}

#navbarBelow ul a {
    padding: 0 0 0 32px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    background: #0000;
    height: auto;
    left: -499px;
    padding: 0;
    text-decoration: none;
    top: 50px;
    width: 982px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav_parent {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #ffffff7d;
    border-radius: 10px;
    display: flex;
    gap: 30px;
}

.nav_left {
    display: flex;
    justify-content: center;
    width: 50%;
}

.img-fluid,
.img-thumbnail {
    height: auto;
    max-width: 100%;
}

.nav_right {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 30px 10px;
    width: 50%;
}

.nav_right li {
    align-items: center;
    background: #ffffff4f;
    border-radius: 8px;
    display: flex;
    height: 50px;
    overflow: hidden;
    padding: 11px 0;
    white-space: normal;
    width: 45%;
}

#navbarBelow .dropdown-menu a {
    color: #000;
    font-size: 15px;
    padding: 7px 18px;
}

.desk_hide {
    display: none;
}

.navbar-right-button {
    background: #ec1e26 !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    outline: 0 solid !important;
    padding: 9px 22px !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 137px !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav_parent {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #ffffff7d;
    border-radius: 10px;
    display: flex;
    gap: 30px;
}

.nav_left {
    display: flex;
    justify-content: center;
    width: 50%;
}

.box.box4 .left {
    width: 100% !important;
    margin-bottom: 10px;
}

li.defaultp.text-light::marker {
    color: red;
    font-size: 18px;
}

a.imp-link {
    font-weight: 600;
    text-decoration: none;
    color: black;
}

a.imp-link:hover {
    font-weight: 600;
    text-decoration: none;
    color: #ec1e26;
}

a.bnr-link {
    text-decoration: none;
    font-weight: 600;
    color: white;
}

a.bnr-link:hover {
    text-decoration: none;
    font-weight: 600;
    color: #ec1e26;
}

.img-fluid,
.img-thumbnail {
    height: auto;
    max-width: 100%;
}

.nav_right {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 30px 10px;
    width: 50%;
}

#navbarBelow .dropdown-menu a:hover {
    color: #ec1e26;
    background: transparent;
}

#navbarBelow .dropdown-menu a {
    color: #000;
    font-size: 14px;
    padding: 7px 18px;
    font-family: Century Gothic;
}

#navbarNavDropdown {
    padding: 0 40px 0 0;
}

li.nav-item.dropdown.industry ul.dropdown-menu.show {
    background: #0000;
    height: auto;
    left: 0;
    padding: 0;
    text-decoration: none;
    top: 50px;
    width: 370px;
}

.dropdown-item.dropdown.industry .dropdown-menu.show .nav_parent .nav_right {
    display: flex;
}

li.nav-item.dropdown.industry ul.dropdown-menu.show .nav_right {
    width: 100%;
}

.dropdown-item.dropdown.industry .dropdown-menu.show .nav_right li {
    background: #ffffff59;
    width: 46%;
}

li.nav-item.dropdown.industry.product ul.dropdown-menu.show li.dropdown-item {
    width: 98%;
}

section.bann_slide.one.gitex {
    background: url(../images/handbrake.webp) no-repeat 50% / cover;
    height: 635px;
    padding: 50px 0 0;
    align-items: center;
    display: flex !important;
}

.bnr-txt-box h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: #ffffff70;
    width: 62%;
    padding: 8px;
    border-radius: 50px;
}

.bnr-txt-box h1 {
    font-size: 45px;
    color: #fff;
    font-weight: 900;
    line-height: 52px;
    padding: 8px 0px;
}

.bnr-txt-box p {
    color: #fff;
    font-size: 15px;
}

.bnr-txt-box .btn_wrap.dark .chats {
    background: #fff;
    color: #ec1e26;
}

.h_sec2 {
    background: #ec1e26;
    padding: 10px 0;
}

.h_sec2.home ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.h_sec2.home ul li {
    margin: 0;
    width: 130px;
}

.h_sec2 .banner_h1 {
    font-size: 35px;
    color: #fff;
}

.bold {
    font-weight: 600;
}

.mix_sec {
    background: url(../images/s7_s8bg.787ffd9258bee13d4f57.webp) no-repeat top / cover;
    position: relative;
}

.h_sec3.home {
    position: relative;
}

.banner_h1.black {
    color: #000;
}

.banner_h1 {
    font-size: 34px;
    color: #fff;
}

.clr_1 {
    color: #ec1e26;
}

.s3right p {
    font-size: 16px;
    margin: 11px 0 0;
}

.btn_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0 5px;
}

.popup-btn {
    background: #ec1e26;
    border: 0;
    border-radius: 7px;
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    transition: .7s;
    width: 184px;
}
.popup-btn a{
    text-decoration: none;
    color: #fff;
}
.btn_wrap .popup-btn:hover {
    background: #000;
    outline: 2px solid #fff;
}

.chats {
    background: #000;
    border: 0;
    border-radius: 7px;
    color: #fff;
    font-weight: 600;
    outline: 2px solid #000;
    padding: 10px 20px;
    transition: .5s;
    width: 184px;
}

.btn_wrap .chats:hover {
    background: #ec1e26;
    outline: 2px solid #fff;
}

section.h_sec4.home {
    overflow: visible !important;
}

.defaultp {
    font-size: 14px;
    margin: 10px 0 0 !important;
}

.list-inline,
.list-unstyled {
    list-style: none;
    padding-left: 0;
}

ul.h_s4left li.box.active {
    background: linear-gradient(90deg, #ec1e26, #f16c6d);
    color: #fff;
    z-index: 10;
    /* Place active box on top */
    opacity: 1;
}

ul.h_s4left li.box.active img {
    filter: none;
}

ul.h_s4left li.box h4 {
    font-weight: 600;
    isolation: isolate;
    position: relative;
    z-index: 131;
    font-size: 1.5rem;
}

ul.h_s4left li.box h5 {
    color: #21252929;
    font-size: 94px;
    font-weight: 900;
    position: absolute;
    right: 14px;
    top: 23px;
    z-index: 0;
}

ul.h_s4left li.box {
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    gap: 24px;
    height: 164px;
    margin: 37px 0 42px !important;
    padding: 28px 21px;
    position: relative;
    transition: .7s;
    width: 400px;
    z-index: 1;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    opacity: 1;
    /* Make non-active boxes semi-transparent */
}

ul.h_s4left li.box img {
    filter: invert(1) brightness(0);
}

.box.box7.extra {
    opacity: 0 !important;
}

.h_s4mid {
    opacity: 0;
    /* Start as invisible */
    transform: translateY(20px);
    /* Optional: Start slightly translated */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    will-change: opacity, transform;
    /* Optimize performance */
    display: none;
    /* Hide by default */
}

.h_s4mid.active {
    opacity: 1;
    transform: translateY(0);
    display: flex;
}

.h_s4mid {
    align-items: center;
    background: url(../images/s4mid_bg.613c19319e5549fdf353.webp) no-repeat 50% / cover;
    border-radius: 12px;
    display: flex;
    display: none;
    position: -webkit-sticky;
    position: sticky;
    padding: 29px 0 25px;
    top: 30px;
}

.h_s4mid .inner_one {
    color: #fff;
    padding: 0 0 0 130px;
}

.h_s4mid .inner_one h4 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 12px;
}

.h_s4mid .inner_one button.link {
    align-items: center;
    background: #0000;
    border: 0;
    color: #fff;
    display: none;
    gap: 19px;
}

.h_s4mid .inner_one button.link span {
    font-weight: 600;
    text-decoration: underline;
}

.h_s4mid .inner_one button.link i {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: #000;
    display: flex;
    font-size: 14px;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.tech_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 10px;
    justify-content: center;
    margin: 40px 0 0;
    text-align: center;
}

.tech_ul li {
    width: 30%;
}

.tech_ul li p {
    font-size: 10px;
}

.h_s4mid .inner_two img {
    translate: 70px 0;
    height: 458px;
}

.h_sec5.home .container {
    background: url(../images/s5bg.77f6d1dd307997ee1d6d.webp) no-repeat top / cover;
    border-radius: 10px;
}

.btn_wrap.one .popup-btn {
    background: #fff !important;
    color: #000;
    outline: 2px solid #fff;
}

.btn_wrap.one .popup-btn:hover {
    background: #000 !important;
    color: #fff;
    outline: 2px solid #000;
}

.btn_wrap.one .chats:hover {
    background: #fff !important;
    color: #000;
}

.h_sec6.home ul {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.h_sec6.home ul li {
    align-items: center;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #0000002b;
    display: flex;
    flex-direction: column;
    height: 115px;
    justify-content: center;
    margin: 55px 0 0 !important;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 170px;
}

.h_sec6.home ul li h3 {
    font-size: 47px;
    font-weight: 600;
}

.h_sec6.home ul li p {
    font-size: 13px;
}

.h_sec6.home ul li:nth-child(2),
.h_sec6.home ul li:nth-child(5) {
    background: linear-gradient(4deg, #ed3d4a, #b91d28);
    color: #fff;
}

.h_sec6.home ul li:nth-child(3),
.h_sec6.home ul li:nth-child(6) {
    background: #000;
    color: #fff;
}

.h_sec7.home {
    background: url(../images/s7bg.294f5c46b79944a976cb.webp) no-repeat 50% / cover;
}

.h_s11left,
.h_sec7.home img {
    display: table;
    margin: auto;
    width: 80%;
}

.h_s8box {
    align-items: center;
    border-radius: 12px;
    display: flex;
    gap: 9px;
    justify-content: space-around;
    margin: 30px 0 0;
    padding: 15px 6px;
}

.h_s8box h4 {
    color: #fff;
    font-size: 30px;
    white-space: nowrap;
    display: none;
}

.h_s8box img {
    cursor: pointer;
    border-radius: 18px;
}

.h_s8box.box2 img {
    height: 337px;
}

.h_sec9.home .container {
    background: url(../images/s9bg.7bf765565add59057362.webp) no-repeat 50% / cover;
    border-radius: 12px;
}

.h_sec9.home ul {
    gap: 0 28px;
    display: flex;
    flex-wrap: wrap;
}

.h_sec9.home ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 15%;
}

.tech-box {
    align-items: baseline;
    display: flex;
    height: 90px;
    justify-content: center;
    margin: 27px 0 0;
    position: relative;
    text-align: center;
    width: 98px;
    z-index: 1;
}

.tech-box:before {
    --webkit-backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: #0000;
    background-color: #000;
    border-radius: 12px;
    content: "";
    bottom: 10px;
    height: 88px;
    width: 88px;
    z-index: 1;
}

.tech-box:before,
img.tech-img-bf {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
}

.tech-box .tech-img-st {
    display: table;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: .5s !important;
    z-index: 2;
    transform: scale(0.8);
}

.h_sec9.home ul li p {
    color: #fff;
    font-size: 13px;
}

.tech-box:hover .tech-img-st {
    scale: 1.1;
}

.h_sec9.home .tech-box:before {
    background-color: #ffffff36;
}

.h_sec9.home.myhome .tech-box:before {
    background-color: #ffffff;
}

.podcast_box {
    align-items: center;
    background: #ec1e26;
    border-radius: 12px;
    display: flex !important;
    justify-content: center;
    padding: 23px 0;
    position: relative;
    margin: 0px 8px;
}

.podcast_box .img-fluid {
    height: 458px;
}

.podcast_box .play_btn {
    cursor: pointer;
    left: 40%;
    opacity: 0;
    position: absolute;
    top: 43%;
    transition: .7s;
}

.podcast_box:hover .play_btn {
    opacity: 1;
}

.testi_box {
    background: #e8e8e8;
    border-radius: 10px;
    margin: 24px 10px;
    padding: 28px 18px 14px;
}

.testi_box p.disc {
    height: 161px;
    overflow: auto;
    padding: 0 0 20px;
    overflow-y: scroll;
}

.testi_box ul {
    gap: 10px;
    justify-content: center;
    padding-top: 15px;
}

.testi_box ul li img {
    width: 75%;
}

.myhome-testi .banner_h1.black,
.myhome-testi .defaultp {
    text-align: center;
}

.testi_box ul,
.testi_box ul li {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.testi_box ul.list-unstyled li h6 {
    font-size: 15px;
    font-weight: 600;
}

.clr_1 {
    color: #ec1e26 !important;
}

.testi_box ul li i {
    color: #e5df23;
}

.testi_box p.disc::-webkit-scrollbar {
    width: 5px
}

.testi_box p.disc::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

.testi_box p.disc::-webkit-scrollbar-thumb {
    background: #ec1e26;
    border-radius: 8px
}

.testi_box p.disc::-webkit-scrollbar-thumb:hover {
    background: #ec1e26;
}

.podcast-slider .slick-dots li button:before,
.testimonials .slick-dots li button:before {
    font-size: 45px;
}

.h_sec11.home {
    background: url(../images/s11bg.09596abd45243a1c9353.webp) no-repeat 50% / cover;
    overflow: visible !important;
}

.industries-box {
    background: #ec1e26;
    border-radius: 15px;
    margin: 60px 20px 0;
    padding: 20px;
}

.industries-box,
.industries-box img {
    position: relative;
    transition: all .5s ease-in-out;
}

.industries-box:before {
    background: linear-gradient(185deg, #0000, #000);
    border-radius: 15px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

.industries-box img {
    margin: 0 auto;
    top: 0;
    width: 70%;
}

.industries-box a {
    --webkit-backdrop-filter: blur(16px);
    align-items: center;
    -webkit-backdrop-filter: blur(66px);
    backdrop-filter: blur(66px);
    background: #0000;
    background-color: #ffffff2e;
    border-radius: 8px;
    bottom: 20px;
    color: #fff;
    display: table;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
    left: 0;
    margin: 0 auto !important;
    padding: 7px 15px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
    width: 90%;
    z-index: 1;
}

.industries-box:hover {
    background: #000;
}

.industries-box:hover img {
    top: -40px;
    transform: scale(1.15);
}

.h_sec13 .slick-next {
    bottom: -50px;
    right: 49%;
    top: auto;
    z-index: 1;
}

.h_sec13 .slick-next:before,
.h_sec13 .slick-prev:before {
    color: #ec1e26;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 24px;
    opacity: 1;
}

.h_sec13 .slick-prev {
    bottom: -50px;
    left: 47%;
    top: auto;
    z-index: 1;
}

.h_sec13 .slick-next:before,
.h_sec13 .slick-prev:before {
    color: #ec1e26;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 24px;
    opacity: 1;
}

.h_sec13 .slick-prev:before {
    content: "\f060";
}

.h_sec13 .slick-next:before {
    content: "\f061";
}

.s14_processbox {
    background-color: initial;
    isolation: isolate;
    padding: 10px 20px 25px;
    position: relative;
    margin: 15px 40px 0 0;
}

.s14_processbox.right {
    text-align: right;
}

.s14_processbox:before {
    background: #ec1e26;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 30px;
    transition: .7s;
    width: 20px;
    z-index: -1;
}

.s14_processbox svg {
    left: -22px;
    position: absolute;
    top: -14px;
    z-index: -1;
}

.s14_processbox .top {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-around;
}

.s14_processbox .top h5 {
    font-size: 80px;
    color: #dfdfdf;
    font-weight: 600;
}

.s14_processbox h4 {
    font-weight: 600;
}

.s14_processbox:hover {
    color: #fff;
}

.s14_processbox:hover img {
    filter: invert(1) brightness(100);
}

.s14_processbox:hover::before {
    height: 100%;
    width: 100%;
    top: 0;
    border-radius: 12px;
}

.s14_processbox:hover svg path {
    -webkit-animation: dash 2s linear forwards;
    animation: dash 2s linear forwards;
    opacity: 1;
}

.s14_processbox:hover svg circle {
    opacity: 1;
    transition-delay: 1.42s;

}

section.h_sec14.home img.h_s14mid {
    display: table;
    margin: 0 auto;
    width: 90%;
}

.s14_processbox svg {
    position: absolute;
    left: -22px;
    top: -14px;
    z-index: -1;
}

.s14_processbox.left svg {
    transform: scaleX(-1);
    left: -60px;
    top: -14px;
}

svg circle {
    opacity: 0;
}

svg path {
    fill: none;
    stroke: #000;
    stroke-width: 3;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

.h_sec15 .container {
    background: url(../images/s15bg.a1ef57d099b5af163069.webp) no-repeat 50% / cover;
    border-radius: 12px;
    align-items: center;
    display: flex;
    height: 450px;
}

.h_sec15 .btn_wrap .chats {
    background: #fff;
    color: #000;
}

.btn_wrap.dark .chats:hover {
    background: #ec1e26 !important;
    color: #fff !important;
}

.btn_wrap.dark .popup-btn:hover {
    background: #fff !important;
    color: #000 !important;
}

.h_sec15 .container img,
.i_sec1.inner.artificial_intelligence img {
    width: 60%;
}

footer {
    width: 100%;
    background-color: transparent;
    overflow: hidden;
    background-blend-mode: overlay;
    background-image: url(../images/ftr-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.foot_top {
    width: 100%;
    overflow: hidden;
    padding: 0px 0 40px;
}

.foot_box.disc {
    padding: 20px 0 30px 0;
}

.foot_box.disc .btn_wrap {
    flex-wrap: nowrap;
}

.foot_top img {
    width: 300px;
}

.foot_bot .s3acc button {
    align-items: baseline;
    justify-content: flex-start;
    gap: 8px;
    margin: -23px 0 -8px 0 !important;
}

.foot_bot .s3acc button i {
    background: transparent;
}

.foot_bot .s3acc .card.card-body {
    font-size: 13px;
    padding: 0 14px;
}

.foot_box .ul1 {
    columns: 2;
}

.foot_box.service h3::before {
    width: 84%;
}

.foot_box {
    width: 100%;
}

.foot_box.industries ul {
    overflow: auto;
}

.foot_box.contact ul li:nth-child(5) a {
    text-transform: lowercase !important;
}

.mt-3.social_ftr_icon i {
    background: #000;
    width: 30px;
    height: 30px;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.foot_box p {
    color: #525c67 !important;
    font-size: 14px;
}

.service_parent {
    display: flex;
}

.foot_box h3 {
    margin: 0 0 20px;
    color: #021020;
    font-weight: 600;
    position: relative;
    font-size: 18px;
}

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

.foot_box ul li {
    line-height: 30px;
    position: relative;
    display: flex;
}

.foot_box ul li a {
    text-transform: capitalize;
    color: #021020ad !important;
    transition: linear .2s;
    font-size: 15px;
    text-decoration: none;
}

.foot_box2 h3 {
    margin: 0 0 20px;
    color: #021020;
    font-weight: 400;
    padding-bottom: 15px;
    position: relative;
    font-size: 22px;
}

.foot_box2 h3::before {
    content: "";
    bottom: -2px;
    right: 50%;
    left: 0;
    position: absolute;
    z-index: 1;
    height: 2px;
    width: 90%;
    background: #021020ad;
}

.foot_box2 ul li {
    color: #021020;
    padding: 0 0 10px;
}
.foot_box ul.socialmedia{
    display: flex;
}
.foot_box ul li i {
    background: #ec1e26;
    border-radius: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot_box img.logo {
    margin-top: 10px;
}

.foot_box2 ul li a {
    color: #021020;
    font-size: 12px;
}

.foot_box2 ul li {
    list-style: none;
}

.foot_bot {
    background: transparent;
    padding: 16px 0;
    border-top: 1px solid #02102014;
}

.foot_bot p,
.foot_bot a {
    font-size: 15px;
    text-align: center;
    margin: 0;
    color: #525c67;
    text-decoration: none;
}

.gitex-st img {
    margin-top: 40px;
    width: 100%;
}

.foot_box ul li a {
    display: flex;
}

.cntct-ico img {
    width: 100%;
}

.cntct-txt {
    padding-left: 10px;
}

.cntct-txt h5 {
    color: #ec1e26;
    font-weight: bold;
    font-size: 16px;
}

.cntct-txt h6 {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
}

.foot_box ul li.box a {
    padding: 10px 0px 0px 0px;
}

.col-sm-12.address-col {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.col-sm-12.address-col h3 {
    width: 25%;
}

.col-sm-12.address-col ul {
    display: flex;
    list-style: none;
    padding: 0;
}

.col-sm-12.address-col ul li {
    width: 25%;
}

.address-col .office_box {
    align-content: center;
    display: flex;
    flex-direction: column;
    height: 180px;
    justify-content: center;
    padding: 20px;
    text-align: center;
}

.address-col .office_box h4 {
    color: #ec1e26;
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 12px;
}

.office_box {
    background: #E2E2E2;
    border-radius: 18px;
    padding: 20px 0 0px 0px;
    margin: 20px 20px 0 0px;
    text-align: center;
}

.office_box img {
    height: 130px;
    width: 130px;
    object-fit: contain;
    /*! display: table; */
    margin: auto;
}

.office_box p {
    font-size: 14px !important;
    height: 60px;
    overflow: hidden;
}

.foot_bot .s3acc button {
    align-items: baseline;
    gap: 8px;
    justify-content: flex-start;
    margin: -23px 0 -8px !important;
}

.foot_bot .s3acc button i {
    background: #0000;
}

.s3acc button.collapsed i {
    transform: rotate(0);
}

.foot_bot .s3acc .card.card-body {
    font-size: 13px;
    padding: 0 14px;
}

.s3acc .card.card-body {
    background-color: initial;
    border: 0;
    border-radius: 0;
    color: #6e706e;
}

.s3acc {
    background: #fff0;
    border-bottom: 2px solid #0000004f;
    border-radius: 0;
    margin: 0;
    padding: 9px 0;
}

.s3acc button {
    align-items: center;
    background: #0000;
    border: 0;
    color: #ec1e26;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    justify-content: space-between;
    padding: 10px 14px;
    text-align: start;
    width: 100%;
}

.s3acc button i {
    transform: rotate(135deg);
    transition: .4s cubic-bezier(1, .52, 1, 1);
}

.i_sec1.inner.app_development {
    background: url(../images/s1bg.121951e01c12781d99ec.webp) no-repeat 50% / cover;
    padding: 130px 0 40px;
}

.i_sec1.inner.app_development img {
    width: 90%;
}

.i_sec2.inner.app_development {
    background: #e3e3e3;
}

ul.list-unstyled.i_s2_tech.res_slider {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

section.i_sec3.inner.app_development img {
    display: table;
    margin: 0 auto;
    width: 70%;
}

.i_sec4.inner.app_development {
    background: url(../images/app_development_page/s4bg.726ec7796908aebea7f9.webp) no-repeat 50% / cover;
}

.i_s4left ul li {
    align-items: center;
    font-size: 13px;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 50px !important;
    justify-content: center;
    margin: 20px 0 0 !important;
    padding: 8px 9px;
    position: relative;
    text-align: center;
}

.i_s4left ul li.slick-slide.slick-current.slick-active {
    background: #000;
    color: #fff;
}

.i_s4left ul .slick-current li:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 3px;
    left: 65px;
    position: absolute;
    width: 180px;
}

.i_s4box {
    color: #fff;
}

.i_s4box h4 {
    font-size: 28px;
    font-weight: 600;
    margin: 13px 0 0 !important;
}

.i_s4box .btn_wrap .popup-btn {
    background: #0000;
    border: 1px solid #fff;
}

.i_s4box .tech_ul {
    margin: 30px 0 0;
}

.i_s4box .tech_ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 30%;
}

.tech_ul li p {
    font-size: 10px;
}

.i_s4box .chats,
.i_s4box .popup-btn {
    padding: 6px 11px !important;
    width: 154px;
}

.i_sec4.inner.app_development .i_s4_img img {
    display: table;
    margin: 0 auto;
    width: 75%;
}

.i_s4left ul.list-unstyled button.slick-prev.slick-arrow {
    display: none !important;
}

.i_s4left ul.list-unstyled button.slick-next.slick-arrow {
    display: none !important;
}

.slide_disc {
    margin: 50px 0 0 !important;
}

.i_sec6.inner.app_development .container {
    background: url(../images/s15bg.a1ef57d099b5af163069.webp) no-repeat 50% / cover;
    border-radius: 12px;
}

.i_sec7.inner.app_development {
    background: url(../images/s7bg.a998f0b978e2e85a3dbc.webp) no-repeat 50% / cover;
}

.btn_wrap.emp .chats {
    background: #ec1e26;
}

.btn_wrap.emp .popup-btn {
    background: #0000;
    border: 1px solid #fff;
}

.i_sec8.inner.app_development {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    margin-top: 70px;
}

.i_sec8.inner.app_development {
    background: url(../images/s8bg.0797e2d86a0ba77117de.webp) no-repeat top / cover;
    overflow: hidden;
}

.i_sec8.inner.app_development .s8img.app {
    margin: auto !important;
    translate: 0 111px;
    width: 73%;
}

.i_sec8.inner.app_development .success_boxes {
    gap: 18px 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 50px;
    margin: 0;
}

.list-unstyled.success_boxes li.box {
    background: #fff;
    border-radius: 12px;
    isolation: isolate;
    overflow: hidden;
    padding: 20px;
    position: relative;
    transition: .4s;
    width: 45%;
}

.list-unstyled.success_boxes li.box:before {
    background: #ec1e26;
    border-radius: 12px;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 140px;
    top: 0;
    transition: all .7s ease-in-out;
    width: 100%;
    z-index: -1;
}

.list-unstyled.success_boxes li.box p {
    height: 112px;
    overflow: auto;
    padding: 0 20px 0 0;
    font-size: 15px;
}

.list-unstyled.success_boxes li.box p::-webkit-scrollbar {
    width: 5px
}

.list-unstyled.success_boxes li.box p::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

.list-unstyled.success_boxes li.box p::-webkit-scrollbar-thumb {
    background: #ec1e26;
    border-radius: 8px
}

.list-unstyled.success_boxes li.box p::-webkit-scrollbar-thumb:hover {
    background: #ec1e26;
}

.list-unstyled.success_boxes li.box:hover {
    color: #fff;
}

.list-unstyled.success_boxes li.box:hover:before {
    opacity: 1;
    right: 0;
}

.list-unstyled.success_boxes li.box:hover h4 {
    color: #fff !important;
}

.list-unstyled.success_boxes li.box h4 {
    font-size: 18px;
    font-weight: bold;
}

.i_sec1.inner.game_development {
    background: url(../images/s1bg.4827525f6429d6161529.webp) no-repeat 50% / cover;
    padding: 120px 0 30px;
}

.i_sec1.inner.game_development img {
    display: table;
    margin: auto;
    translate: 0 30px;
    width: 70%;
}

.i_sec3.inner.game_development {
    background: url(../images/s3bg.5dc49b5c17cad3a19bd5.webp) no-repeat 50% / cover;
}

.i_sec3.inner.game_development .i_s2right {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
}

.i_sec4.inner.game_development {
    background: url(../images/s4bg.0fbd0f52272f724448e6.webp) no-repeat 50% / cover;
    overflow: visible !important;
}

.i_sec4.inner.game_development .i_s4box {
    background: #ffffff4f;
    border-radius: 12px;
    margin: 40px 0 0;
    padding: 10px 24px 25px;
    transition: all .6s ease-in-out;
}

.i_s4box h4 {
    font-size: 28px;
    font-weight: 600;
    margin: 13px 0 0 !important;
}

.game_serv_img {
    align-items: center;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.game_serv_img .gif,
.game_serv_img .img {
    width: 34%;
}

.game_serv_img .img {
    opacity: 1;
    transition: opacity .3s ease;
}

.game_serv_img img {
    width: 50%;
}

.i_sec5.inner.game_development {
    align-items: center;
    background: url(../images/s5bg.bf34a21a69c39c1b9019.webp) no-repeat top / cover;
    display: flex;
    padding: 70px 0;
}

.i_sec5.inner.game_development .container {
    background: url(../images/s5bg1.cc3372c79f4065579046.webp) no-repeat 50% / cover;
    border-radius: 12px;
}

.i_sec5.inner.game_development img {
    translate: 0 8px;
    width: 73%;
}

.btn_wrap.t .popup-btn {
    background: #0000;
    border: 1px solid #fff;
}

.i_sec6.inner.game_development {
    background: url(../images/s6bg.ba66b499b032bac92abf.webp) no-repeat 50% / cover;
}

.i_sec6.inner.game_development video {
    mix-blend-mode: lighten;
    width: 100%;
}

.portfolio {
    margin: 40px 0 0;
}

.game_portfolio_slider .box {
    border-image: fill 0 linear-gradient(#0001, #0000007d);
    position: relative;
    margin-left: -12px;
}

.game_portfolio_slider .box img {
    position: relative;
    z-index: -1;
}

.game_portfolio_slider .box .disc {
    height: 310px;
    bottom: -210px;
    color: #fff;
    left: 0;
    padding: 22px 18px;
    position: absolute;
    transition: .7s;
}

.game_portfolio_slider .box .disc .defaultp {
    font-size: 14px;
}

.game_portfolio_slider .box .disc h4 {
    align-items: center;
    display: flex;
    font-size: 30px;
    font-weight: 600;
    height: 76px;
    text-transform: uppercase;
}

.game_portfolio_slider .box:hover .disc {
    bottom: 0;
}

.game_portfolio_slider .slick-dots li button:before {
    font-size: 40px;
}

.game_portfolio_slider {
    margin-right: -80px;
}

.i_sec8.inner.game_development {
    padding-top: 0 !important;
}

.i_sec8.inner.game_development:before {
    background: url(../images/road.7a0a2330e38f2a338846.webp) no-repeat 50% / cover;
    bottom: 0;
    content: "";
    height: 83px;
    position: absolute;
    right: 0;
    width: 100%;
}

.s8_carbox,
.s8_carbox:before {
    background: #ffffff5e;
    border-radius: 12px;
}

.s8_carbox {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-size: contain;
    isolation: isolate;
    padding: 25px 20px 90px;
    position: relative;
    text-align: center;
}

.banner_h1.black {
    color: #000;
}

.i_sec8.inner.game_development .s8img {
    translate: 0 -58px;
}

.i_sec8.inner .s8img {
    margin: auto;
    width: 70%;
}

.i_sec8.inner.app_development.game .s8img {
    margin: 23px 0 0;
    width: 80%;
}

.i_sec1.inner.artificial_intelligence {
    background: url(../images/s1bg.4cbc8cf6ded6b0b113da.webp) no-repeat top / cover;
    padding: 130px 0 40px;
}

.h_sec15 .container img,
.i_sec1.inner.artificial_intelligence img {
    width: 60%;
}

.i_sec3.inner.artificial_intelligence {
    background: url(../images/s3bg.e2040d0ce32c0a291ad7.webp) no-repeat top / cover;
}

.s3acc {
    background: #fff0;
    border-bottom: 2px solid #0000004f;
    border-radius: 0;
    margin: 0;
    padding: 9px 0;
}

.s3acc button i {
    align-items: center;
    background: #ec1e26;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 30px;
    justify-content: center;
    width: 31px;
}

.foot_bot .s3acc button i {
    color: #000;
    font-size: 24px;
}

.i_sec4.inner.artificial_intelligence {
    background: url(../images/s4bg.31c74c2c932b1ac5a0db.webp) no-repeat 50% / cover;
    overflow: hidden;

}

.i_sec4.inner.artificial_intelligence .i_s4right {
    isolation: isolate;
    position: relative;
}

.i_sec4.inner.artificial_intelligence .i_s4right:before {
    animation: spin 40s linear infinite;
    background: url(../images/s4right_bg.6af531fd72dafed1ff7c.webp) no-repeat 50% / cover;
    content: "";
    height: 600px;
    left: 39px;
    position: absolute;
    top: 0;
    width: 574px;
    z-index: -1;
}

.i_sec4.inner.artificial_intelligence .i_s4right img {
    translate: 0 75px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.i_sec6.inner.artificial_intelligence .container {
    background: url(../images/s6bg.ecf61453d4c46c92b8ef.webp) no-repeat 50% / cover;
    border-radius: 12px;
}

section.i_sec6.inner.artificial_intelligence img {
    width: 90%;
    padding: 20px;
}

.i_sec8.inner.artificial_intelligence {
    background: url(../images/s8bg.6611f5fdac17c83f3712.webp) no-repeat 50% / cover;
    border-radius: 12px;
}

.i_sec8.inner.artificial_intelligence img {
    display: table;
    margin: 0 auto;
    width: 72%;
}

.i_sec8.inner.app_development.ai .s8img img {
    margin: 24px 0 30px;
}

.i_sec1.inner.augmented_reality {
    background: url(../images/s1bg.d27e9f1f29397b17dc4c.webp) no-repeat 50% / cover;
    padding: 140px 0 40px;
}

.s1_right.augmented_reality {
    align-items: center;
    display: flex;
    gap: 59px;
    justify-content: end;
}

.s1_right.augmented_reality img {
    width: 30%;
}

.s1_right.augmented_reality video {
    border-radius: 38px;
    width: 29%;
    height: 506px;
}

.i_sec3.inner.augmented_reality {
    background: url(../images/s3bg.718a426f6c1ce951b1bc.webp) no-repeat 50% / cover;
}

.i_sec3.inner.augmented_reality .s3left {
    display: table;
    height: auto;
    margin: auto;
    width: 320px;
}

.i_sec3.inner.augmented_reality .s3left video {
    height: auto;
    width: 80%;
    border-radius: 47px;
}

.i_sec4.inner.augmented_reality .row.two {
    align-items: center;
    background: url(../images/s4bg.a1cfcb9e8599295b1d61.webp) no-repeat 50% / cover;
    border-radius: 10px;
    height: 492px;
    margin: 25px 0 0;
}

/* .s4_serv_box.slick-current.slick-active {
    border-right: 1px solid #ffffff6b;
} */

.s4_serv_box {
    border-bottom: 2px solid #ffffff6b;
    padding: 30px 30px 20px;
}

.s4_serv_box h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 16px 0 0 !important;
}

.s4_serv_box p {
    height: 160px;
    color: #fff;
    overflow: auto;
    padding: 0 12px 0 0;
}

.s4_serv_box p::-webkit-scrollbar {
    width: 5px
}

.s4_serv_box p::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

.s4_serv_box p::-webkit-scrollbar-thumb {
    background: #ec1e26;
    border-radius: 8px
}

.s4_serv_box p::-webkit-scrollbar-thumb:hover {
    background: #ec1e26;
}

.i_sec4.inner.augmented_reality .row.two button.slick-next.slick-arrow,
.i_sec4.inner.augmented_reality .row.two button.slick-prev.slick-arrow {
    background: #000;
    border: 0;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    width: 40px;
}

.i_sec4.inner.augmented_reality .row.two button.slick-prev.slick-arrow {
    top: 398px;
    left: 40%;
}

.i_sec4.inner.augmented_reality .row.two button.slick-next.slick-arrow {
    top: 398px;
    right: 44%;
}

.i_sec5.inner.augmented_reality .s5right video {
    margin: 0 auto;
    width: 62%;
    border-radius: 47px;
}

.i_sec6.inner.augmented_reality .container {
    background: url(../images/s6bg.3699e62d634bf85b5ec9.webp) no-repeat 50% / cover;
    border-radius: 10px;
}

.i_sec8.inner.augmented_reality {
    background: url(../images/s8bg.a3769799f656789b3a2f.webp) no-repeat 50% / cover;
    border-radius: 10px;
    position: relative;
}

.s8_img_box .guy {
    animation: updown2 3s ease-in-out infinite;
    left: 0;
    position: absolute;
    top: -30px;
}

@keyframes updown2 {

    0%,
    to {
        transform: translate(0);
        transition: .4s
    }

    50% {
        transform: translateY(20px);
        transition: .4s
    }
}

.i_sec8.inner.augmented_reality .s8_img_box {
    width: 90%;
    position: relative;
}

section.i_sec8.inner.app_development.py-5.mob_center .s8img.reality.mob_hide.w-100 img {
    margin-bottom: -175px;
}

.i_sec1.inner.content_development {
    background: url(../images/s1bg.6419f43f07c37ff61e58.webp) no-repeat 50% / cover;
    padding: 180px 0 120px;
}

.s1_right.content-development video {
    border-radius: 12px;
    box-shadow: 14px 13px 0 0 #ec1e26;
    height: 356px;
    position: relative;
    width: 550px;
}

.s1_right.content-development {
    position: relative;
}

.s1_right.content-development:before {
    background: url(../images/s1right_bg.7660b4c6cd86ea3a20a5.webp) no-repeat;
    background-position: 50%;
    background-size: auto;
    background-size: cover;
    content: "";
    height: 100%;
    height: 416px;
    left: 100px;
    position: absolute;
    top: -12px;
    width: 100%;
    width: 532px;
    z-index: 2;
}

section.i_sec3.inner.content_development img {
    width: 85%;
}

.i_sec4.inner.content_development {
    background: url(../images/s4bg.2d527d256c6bddaf77a7.webp) no-repeat;
    background-position: 0 20px;
    background-size: cover;
    padding: 70px 0 30px;
}

.i_sec4.inner.content_development .s4_service_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.i_sec4.inner.content_development .s4_service_wrap li.box {
    color: #fff;
    isolation: isolate;
    margin: 50px 0 0 !important;
    position: relative;
    width: 31%;
}

.i_sec4.inner.content_development .s4_service_wrap li.box:before {
    background: linear-gradient(210deg, #6e0101, #6e010100);
    border-radius: 50%;
    content: "";
    height: 210px;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: .7s;
    width: 210px;
    z-index: -1;
}

.i_sec4.inner.content_development .s4_service_wrap li.box h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 15px 0 10px !important;
}

.i_sec4.inner.content_development .s4_service_wrap li.box:hover:before {
    transform: scale(1);
}

section.i_sec4.inner.content_development img.mob_hide {
    width: 100%;
}

section.i_sec5.inner.content_development img {
    width: 75%;
}

.i_sec7.inner.content_development {
    background: url(../images/s7bg.8d6a438d763276ac6802.webp) no-repeat 50% / cover;
}

.i_sec7.inner.content_development img {
    width: 80%;
}

section.i_sec8.inner.app_development.py-5.mob_center .s8img img {
    margin: 40px 0 0;
    width: 84%;
}

.i_sec1.inner.saas_development {
    background: url(../images/s1bg.66be397c316468fac318.webp) no-repeat 50% / cover;
    padding-top: 60px;
}

.i_sec1.inner {
    padding: 130px 0 40px;
}

.i_sec3.inner.saas_development {
    background: url(../images/s3bg.4713d0d5589acbc6128f.webp) no-repeat 50% / cover;
}

.saas_s3box {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 50px #00000029;
    margin: 20px 0 0 !important;
    padding: 25px 40px;
    transition: .7s;
}

.saas_s3box h4 {
    font-size: 24px;
    font-weight: 600;
}

.saas_s3box p {
    height: 225px;
    overflow: auto;
}

.saas_s3box:hover {
    background: #C02C2E;
    color: #fff;
}

.saas_s3box:hover h4 {
    color: #fff !important;
}

.i_sec4.inner.saas_development {
    background: url(../images/s4bg.2063968fbe9db4ca98fa.webp) no-repeat 50% / cover;
}

.i_sec4.inner.saas_development .s3_accordion_parent {
    padding: 0 0 0 40px;
}

.s3acc {
    background: #fff0;
    border-bottom: 2px solid #0000004f;
    border-radius: 0;
    margin: 0;
    padding: 9px 0;
}

.i_sec4.inner.saas_development .s3acc button {
    background: #ffffff3d;
    padding: 20px 18px 0;
    border-radius: 12px 12px 0 0;
    color: #fff;
}

.i_sec4.inner.saas_development .s3acc .card.card-body {
    font-size: 14px !important;
}

.i_sec4.inner.saas_development .s3acc .card.card-body {
    background: #ffffff3d;
    border-radius: 0 0 12px 12px;
    color: #fff;
}

.i_sec4.inner.saas_development .s3acc button.collapsed {
    background: #0000;
}

.i_sec4.inner.saas_development .s3acc button i {
    background: #0000;
    color: #ec1e26;
}

section.i_sec6.inner.artificial_intelligence img {
    width: 70%;
}

.i_sec8.inner.content_development {
    background: url(../images/s8bg.ca02bb6379581edbb06c.webp) no-repeat 50% / cover;
}

.i_sec8.inner.content_development .s8_img img {
    margin: 30px;
    width: 50%;
}

.i_sec1.inner.website_development {
    background: url(../images/s1bg.986c150665f4dac93150.webp) no-repeat 50% / cover;
    padding: 130px 0 40px;
}

.i_sec1.inner.website_development img {
    width: 80%;
}

section.i_sec3.inner.website_development img {
    width: 70%;
}

.i_sec4.inner.website_development {
    background: url(../images/s4bg.0eb3cbca357901db320c.webp) no-repeat 50% / cover;
}

.s7_serv_parent {
    height: 370px;
    overflow: auto;
    padding: 0 60px 0 0;
}

.s7_serv_parent::-webkit-scrollbar {
    width: 5px
}

.s7_serv_parent::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

.s7_serv_parent::-webkit-scrollbar-thumb {
    background: #ec1e26;
    border-radius: 8px
}

.s7_serv_parent::-webkit-scrollbar-thumb:hover {
    background: #ec1e26;
}

.s7_serv_parent .box {
    align-items: center;
    background: #f6f6f6;
    border-radius: 12px;
    display: flex !important;
    margin: 37px 0 0;
}

.s7_serv_parent .box .left {
    border-right: 2px solid #0000004d;
    padding: 0 40px;
    width: 70%;
}

.s7_serv_parent .box .right {
    padding: 0 20px 35px;
}

.s7_serv_parent .box .right .tech_ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    width: 100%;
}

.s7_serv_parent .box .right .tech_ul li {
    align-items: center;
    display: flex;
    gap: 10px;
}

.s7_serv_parent .box .right .tech_ul li .icon {
    align-items: center;
    background: #e3e3e3;
    border-radius: 10px;
    display: flex;
    height: 55px;
    justify-content: center;
    padding: 0 7px;
    width: 55px;
}
section.faqs-sec {
    padding: 70px 0px;
}
.faqs-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.faqs-txt p {
    text-align: center;
}
.faqs-sec .accordion-item {
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 12px 0px;
}
.faqs-sec .accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: #333333 !important;
    box-shadow: 6px 6px 6px #0000007d !important;
    padding: 32px 15px;
    border-radius: 7px;
}
.faqs-sec .accordion-body strong {
    font-size: 15px;
    font-weight: 400;
    color: #333333;
}
.faqs-sec .accordion-item h2.accordion-header button.accordion-button.collapsed {
    border-bottom: 1px solid #000;
    margin: 12px 0px;
}
.faqs-sec .accordion-button:not(.collapsed)::after{
    display: none;
}
.s7_serv_parent .box .right .tech_ul li img {
    filter: invert(64%) sepia(22%) saturate(4795%) hue-rotate(341deg) brightness(91%) contrast(93%);
}

.s7_serv_parent .box.box3 .left,
.s7_serv_parent .box.box4 .left {
    border: 0;
    padding: 20px 40px 0;
}

.s7_serv_parent .box .left ul li {
    font-size: 15px;
    margin: 10px 0 0 !important;
}

section.i_sec5.inner.website_development img {
    width: 80%;
}

.i_sec7.inner.website_development {
    background: url(../images/s7bg.35363301cbdce71b1326.webp) no-repeat 50% / cover;
}

.i_sec7.inner.website_development .s7_inner_growth img {
    width: 80%;
}

.i_sec7.inner.website_development .s7_inner_growth {
    margin: 40px 0 0;
}

.i_sec1.inner.android_app_development {
    background: url(../images/s1bg.0d9494d45a3618a5a9db.webp) no-repeat 50% / cover;
}

section.i_sec1.inner.android_app_development.mob_center img {
    display: table;
    margin: auto;
    width: 65%;
}

.mix_sec2 {
    background: url(../images/s2bg.36428b70e42bd625caac.webp) no-repeat 50% / cover;
}

ul.achievement_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

ul.achievement_ul li.box {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #0000002b;
    display: flex;
    flex-direction: column;
    height: 115px;
    justify-content: center;
    margin: 28px 0 0 !important;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 170px;
}

ul.achievement_ul li.box h3 {
    font-size: 47px;
    font-weight: 600;
}

ul.achievement_ul li.box p {
    font-size: 13px;
}

ul.achievement_ul li.box:hover {
    background: #ec1e26;
    color: #fff;
}

ul.achievement_ul li.box:hover h3 {
    color: #fff !important;
}

.android_serv_box {
    align-items: center;
    background: #fff;
    border: 2px solid #ec1e26;
    border-radius: 12px;
    display: flex;
    margin: 40px 0 0;
}

.android_serv_box .left {
    background: #ec1e26;
    width: 50%;
}

.android_serv_box .left .nav-tabs {
    border: 0 !important;
    color: #fff;
    flex-direction: column;
}

.android_serv_box .left .nav-tabs a.active {
    background: #0000;
    border: 0;
    border-bottom: 2px solid #ffffff69;
    color: #fff;
    opacity: 1;
}

.android_serv_box .left .nav-tabs a {
    align-items: center;
    border-bottom: 2px solid #ffffff69;
    border-radius: 0;
    color: #fff;
    display: flex;
    font-weight: 600;
    gap: 20px;
    opacity: .6;
    padding: 20px;
}

.android_serv_box .right {
    padding: 18px 40px;
    align-items: center;
    background: #fff;
    border-radius: 0 12px 12px 0;
    display: flex;
    height: 330px;
    width: 50%;
}

.android_serv_box .right .box .icon {
    align-items: center;
    border-radius: 12px;
    display: flex;
    height: 69px;
    justify-content: center;
    padding: 0 10px;
    width: 69px;
}

.android_serv_box .right .box .icon img {
    height: 50px;
    width: auto;
}

.android_serv_box .right .box h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 4px 0 0 !important;
}

.i_sec5.inner.android_app_development {
    background: #e8e8e899;
}

.android_tech_box {
    margin: 36px 0 0;
}

.__web-inspector-hide-shortcut__,
.__web-inspector-hide-shortcut__ *,
.__web-inspector-hidebefore-shortcut__::before,
.__web-inspector-hideafter-shortcut__::after {
    visibility: hidden !important;
}

.android_tech_box .nav-tabs {
    border-bottom: 2px solid #0000006c;
    gap: 29px;
    justify-content: center;
    padding: 0 0 30px;
}

.android_tech_box a.active {
    background: #ec1e26 !important;
    border-color: #ec1e26 !important;
    color: #fff !important;
}

.android_tech_box a {
    border: 0;
    border: 1px solid #000 !important;
    border-radius: 7px !important;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.android_tech {
    display: flex;
    gap: 40px;
    justify-content: center;
    padding: 25px 0;
}

.list-unstyled.android_tech li {
    background: #fff;
    border-radius: 7px;
    color: #000000b2;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 10px;
}

.android_tech_box a:focus,
.android_tech_box a:hover {
    color: #000;
}

section.i_sec6.inner.android_app_development .img-fluid {
    width: 75%;
}

.s7_box {
    background: #ec1e26;
    background: url(../images/s7_box_bg.0acd8c0059fdfc82fedc.webp) no-repeat;
    border-radius: 12px;
    color: #fff;
    isolation: isolate;
    margin: 20px 0 0;
    padding: 33px 30px 19px;
    position: relative;
}

.s7_box:before {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: #ffffff3b;
    border-radius: 12px;
    content: "";
    height: 100%;
    left: 9px;
    position: absolute;
    top: 9px;
    width: 100%;
    z-index: -1;
}

.s7_box h3 {
    font-size: 17px;
    font-weight: 600;
    height: 70px;
}

.s7_box p {
    height: 185px;
    overflow: auto;
}

.s7_box p::-webkit-scrollbar {
    width: 5px
}

.s7_box p::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

.s7_box p::-webkit-scrollbar-thumb {
    background: #ec1e26;
    border-radius: 8px
}

.s7_box p::-webkit-scrollbar-thumb:hover {
    background: #ec1e26;
}

.i_sec8.inner.android_app_development {
    background: url(../images/s9bg.351b361c95508db3133b.webp) no-repeat 50% / cover;
}

.i_sec8.inner.android_app_development img {
    width: 80%;
}

.s9_box ::-webkit-scrollbar {
    width: 5px
}

.s9_box ::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

.s9_box ::-webkit-scrollbar-thumb {
    background: #ec1e26;
    border-radius: 8px
}

.i_sec5.inner.app_maintenance .s9_box,
.i_sec9.inner.android_app_development .s9_box {
    background: #e3e3e3;
    border: 2px dashed red;
    border-radius: 10px;
    margin: 24px 0 0;
    padding: 23px;
    text-align: center;
    transition: .7s ease-in-out;
}

.i_sec5.inner.app_maintenance .s9_box h3,
.i_sec9.inner.android_app_development .s9_box h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0 0 !important;
}

.i_sec9.inner .s9_box h3 {
    height: 60px;
    overflow: hidden;
}

.i_sec9.inner .s9_box p {
    height: 151px;
    overflow: auto;
    padding-right: 5px;
}

.i_sec9.inner.android_app_development .s9_box:hover {
    background: #ec1e26;
    color: #fff;
}

.i_sec5.inner.app_maintenance .s9_box:hover img,
.i_sec9.inner.android_app_development .s9_box:hover img {
    filter: invert(1) brightness(100);
}

.i_sec5.inner.app_maintenance .s9_box:hover h3,
.i_sec9.inner.android_app_development .s9_box:hover h3 {
    color: #fff !important;
}

.i_sec1.inner.android_app_development {
    background: url(../images/s1bg.0d9494d45a3618a5a9db.webp) no-repeat 50% / cover;
}

.s7_box.ios_page p {
    height: 195px;
    font-size: 14px;
}

.i_sec1.inner.app_maintenance {
    background: url(../images/s1bg.aa522bcd226d4bba1a9e.webp) no-repeat 50% / cover;
    padding: 100px 0 0;
}

.i_sec1.inner.app_maintenance img {
    width: 78%;
}

.i_sec3.inner.app_maintenance {
    background: url(../images/s3bg.49dea3cfea8332a36a86.webp) no-repeat 50% / cover;
}

section.i_sec4.inner.app_maintenance.mob_center.py-5 {
    overflow-x: hidden;
}

.i_sec4.inner.app_maintenance .container {
    padding: 20px 0 20px 50px;
    background: #ec1e26;
    border-radius: 8px;
}

.s4_left .serv_slide {
    background-size: cover;
    color: #fff;
    display: flex !important;
    flex-direction: column;
    height: 520px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 249px !important;
    margin: 0px 34px;
    align-items: center;
}

.s4_left .serv_slide {
    background: url(../images/s4img1.c5c50c2f0cd7f2d2a05d.webp) no-repeat;
    background-size: cover;
}

.s4_left .slider-serv-box .slick-current.slick-active .serv_slide:before {
    background: #ec1e26;
}

.slider-serv-box {
    display: flex;
    margin-right: -230px;
}

.s4_left .serv_slide:before {
    background: #000;
    border-radius: 52px;
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.s4_left .serv_slide .box {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    position: relative;
    text-align: center;
    top: -31px;
}

.s4_left .serv_slide h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 12px 0 0 !important;
}

.s4_left .slider-serv-box button.slick-prev.slick-arrow {
    background: #000;
    border: 0;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    width: 40px;
    position: absolute;
    left: -465px;
    top: 78%;
}

.s4_left .slider-serv-box button.slick-next.slick-arrow {
    background: #000;
    border: 0;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    width: 40px;
    position: absolute;
    left: -410px;
    top: 78%;
}

.i_sec5.inner.app_maintenance .s5_box {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 6px #00000036;
    display: flex;
    gap: 10px;
    margin: 30px 0 0;
    padding: 10px 13px;
    transition: .5s;
}

.i_sec5.inner.app_maintenance .s5_box .icon {
    align-items: center;
    background: #ec1e26;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 82px;
    justify-content: center;
    overflow: hidden;
    transition: .5s;
    width: 82px;
}

.i_sec5.inner.app_maintenance .s5_box .icon img {
    height: 50px;
    object-fit: contain;
    width: 50px;
}

.i_sec5.inner.app_maintenance .s5_box h4 {
    font-size: 24px;
    font-weight: 600;
}

.i_sec5.inner.app_maintenance .s5_box:hover {
    background: #ec1e26;
    color: #fff;
}

.i_sec5.inner.app_maintenance .s5_box:hover .icon {
    background: #000;
}

.i_sec5.inner.app_maintenance .s5_box:hover h4 {
    color: #fff !important;
}

.i_sec6.inner.app_maintenance {
    background: url(../images/s6bg.63763a5e6bb4d77301eb.webp) no-repeat 50% / cover;
}

.i_sec7.inner.app_maintenance {
    background: url(../images/s7bg.c2f8c914dda68ba8be4b.webp) no-repeat 50% / cover;
}

.i_sec10.inner.app_maintenance .container {
    background: url(../images/s10bg.eba4f95ba51a87cf4f6b.webp) no-repeat 50% / cover;
    border-radius: 11px;
    padding: 30px;
}

.enterprise_development {
    background: url(../images/banner-img.0d9494d45a3618a5a9db.webp) no-repeat 50% / cover;
    padding: 120px 0 60px;
}

.i_sec1.inner.enterprise_development img {
    width: 58%;
    display: table;
    margin: auto;
}

.enterprise-solution-sec {
    background: url(../images/inner-bnr-img-1.e48abcf267b69b57f15a.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.enterprise-sol-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.enterprise-sol-list ul li {
    width: 30%;
}

.solution-bx-enter {
    border: 1px solid #fff;
    border-radius: 25px;
    overflow: hidden;
    padding: 25px 20px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.solution-bx-enter:before {
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    background: #ffffff26;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -2;
}

.solution-bx-enter h4 {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    min-height: 52px;
}

.enterprise-serv {
    background: url(../images/inner-img-2-bg-af.b4a233754c4850be48ad.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.enterprise-serv ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
    list-style: none;
    margin-top: 30px;
    padding: 0;
}

.enterprise-serv ul .enter-serv-box {
    align-items: center;
    border-radius: 16px;
    box-shadow: 2px 2px 12px 0 #00000078;
    display: flex;
    padding: 20px 15px;
}

section.i_sec3.inner.app_development.enterprise-serv.mob_center img {
    margin-right: 15px;
    width: auto;
}

.enterprise-serv ul .enter-serv-box img {
    border-right: 1px solid #ec1e26;
    padding-right: 20px;
}

.srv-inr-txt-entr h4 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
}

.srv-inr-txt-entr p {
    font-size: 14px;
}

.what-sec-enter {
    background: url(/static/media/what-bg-img.aba307f….webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.whats-enter-list ul.disc_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 30px;
    list-style: none;
    padding-top: 30px;
}

.whats-enter-list ul li.box {
    width: 48%;
}

.what-enter-box {
    background: #fff;
    border-radius: 20px;
    box-shadow: 4px 6px 0 2px #d9231d;
    padding: 20px;
}

.what-enter-hd-txt {
    align-items: center;
    display: flex;
    gap: 0 20px;
    margin-bottom: 12px;
    margin-top: -40px;
}

.what-entr-img-div {
    align-items: center;
    background: #d9232d;
    border-radius: 60%;
    display: flex;
    justify-content: center;
    height: 74px;
    width: 74px;
}

.what-enter-hd-txt h4 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 18px;
    position: relative;
}

.what-enter-box p {
    font-size: 13px;
}

.enteriprise-cta-sec {
    background: url(../images/hire-img-bg.ea70f5c335d8179894b3.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 530px;
    overflow: visible;
    padding: 30px 0;
}

.enterprise-cta-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    position: relative;
    width: 85%;
}

.enterprise-cta-list ul:before {
    background: linear-gradient(85deg, #0000 10%, #ececec21 90%, #0000 0);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
}

.enterprise-cta-list ul li {
    text-align: center;
    width: 50%;
}

.enterprise-cta-box {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.enterprise-cta-box p {
    display: table;
    font-size: 15px;
    margin: 0 auto;
    text-align: center;
    width: 60%;
}

.enterprise-cta-img img {
    display: table;
    margin: 0 auto;
    position: relative;
    top: 0px;
    width: 99%;
}

.i_sec1.inner.indus-bnr-st.sports {
    background: url(../images/s1bg.2184342e0d459245bf8f.webp) no-repeat 50% / cover;
}

.indus-bnr-side-img img {
    width: 50%;
    margin: 0 auto;
}

section.inner-serv-bg-indus {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

section.inner-serv-bg-indus:before {
    background: url(../images/shade-img.233e66e5cbeecca7041c.webp);
    background-position: top;
    background-repeat: no-repeat;
    content: "";
    height: 1564px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.industries-services {
    padding: 50px 0;
}

.indus-serv-box p {
    overflow: auto;
    height: 41vh;
}

.indus-serv-box p::-webkit-scrollbar {
    width: 5px
}

.indus-serv-box p::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

.indus-serv-box p::-webkit-scrollbar-thumb {
    background: #ec1e26;
    border-radius: 8px
}

.indus-serv-box p::-webkit-scrollbar-thumb:hover {
    background: #ec1e26;
}

.indus-serv-box {
    align-items: center;
    border: 1px solid;
    border-radius: 26px;
    display: flex;
    flex-direction: column;
    height: 412px;
    justify-content: center;
    overflow: hidden;
    padding: 20px 10px;
    position: relative;
    transition: all .5s ease-in-out;
    width: 23%;
    z-index: 1;
}

.indus-serv-box:before {
    background: #ec1e26;
    border-radius: 60%;
    content: "";
    height: 42px;
    left: -2px;
    position: absolute;
    top: -2px;
    transition: all .5s ease-in-out;
    width: 42px;
    z-index: -1;
}

.indus-serv-box h4 {
    color: #ec1e26;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 15px;
}

.indus-serv-box:after {
    background: #0000;
    border: 1px solid;
    border-radius: 6px;
    content: "";
    height: 12px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 30px;
    width: 60px;
    z-index: -1;
}

.indus-serv-box:hover:before {
    background: #ec1e26;
    border-radius: 0;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.indus-serv-box:hover h4,
.indus-serv-box:hover p {
    color: #fff;
}

.indus-main-col {
    gap: 0 30px;
    margin-top: 20px !important;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}

.indus-cta-sec.sport .cta-indus-main-col {
    background: url(../images/cta-img.ae9735a5d3c31161c752.webp) no-repeat 50% / cover;
}

.cta-indus-main-col.sports {
    height: 627px;
}

.cta-inner-box {
    padding-left: 30px;
    width: 50%;
}

.cta-inner-box h4 {
    color: #fff;
    font-weight: 700;
}

.cta-inner-box h2.banner_h1 {
    width: 80%;
    color: #fff;
}

.cta-indus-main-col {
    border-radius: 11px;
    align-items: center;
    display: flex;
    position: relative;
    z-index: 1;
}

.indus-inr-side-img-1 img {
    width: 65%;
    margin: 0 auto;
}

.indus-offer-sec.sports {
    background: url(../images/offer-bg.b35e09a2b4fc6dd30419.webp) no-repeat 50% / cover;
    padding: 70px 0;
    margin-top: 40px;
}

section.indus-offer-sec .hds-txt {
    margin: 0 auto 30px;
    text-align: center;
    width: 80%;
}

section.indus-offer-sec .hds-txt h2,
section.indus-offer-sec .hds-txt p {
    color: #fff;
}

.indust-off-inr-div ul li {
    width: 46%;
}

.ind-off-inr-bx {
    align-items: center;
    display: flex;
    gap: 20px 17px;
}

.indust-off-inr-div ul {
    gap: 40px 50px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ind-off-inr-bx img {
    --webkit-backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: #000;
    background: #0000;
    background-color: #ffffff26;
    border-radius: 40px;
    border-radius: 37.17px;
    padding: 5px 18px;
    width: 88px;
}

.ind-offer-txt h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
}

.ind-offer-txt p {
    color: #fff;
}

.inner-sec-indus-3 {
    padding: 60px 0;
}

section.inner-sec-indus-3 .row {
    align-items: center;
}

.inr-img-1-indus-3 img {
    display: table;
    margin: 0 auto;
    width: 80%;
}

.inr-txt-2-indus-3 {
    position: relative;
    text-align: center;
}

.inr-txt-2-indus-3 img.inr-txt-indus-3-mid-img {
    width: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    z-index: -1;
}

.banner_h1.black {
    color: #000;
}

.inr-txt-2-indus-3 p {
    display: table;
    line-height: 25px;
    margin: 10px auto 0 !important;
    width: 80%;
}

.inr-txt-2-indus-3 .btn_wrap {
    justify-content: center;
    margin-top: 30px;
}

.feature-sec-industries.sports {
    background: url(../images/feature-bg.55609c7b082e6bf08f2a.webp);
    padding: 70px 0;
}

.feature-sec-industries h2 {
    color: #fff !important;
    text-align: center;
}

.feature-sec-industries p {
    color: #fff;
    text-align: center;
}

.feature-list {
    display: flex;
}

.feature-sec-industries .feature-main-col-industries {
    margin-top: 40px;
}

.feature-box-indus-div {
    --webkit-backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: #0000;
    background-color: #ffffff5e;
    border: 1px solid #fff;
    border-radius: 18px;
    padding: 30px 20px;
    text-align: center;
    width: 88% !important;
    margin: 0px 15px;
}

.feature-box-indus-div img {
    margin: 0 auto;
}

.feature-box-indus-div h4 {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    padding: 15px 0;
    height: 67px;
}

.feature-sec-industries .feature-box-indus-div p {
    color: #000;
    font-size: 14px;
    overflow: auto;
}

.feature-box-indus-div p {
    height: 150px;
    padding: 0 10px;
}

.feature-box-indus-div p::-webkit-scrollbar {
    width: 5px
}

.feature-box-indus-div p::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

.feature-box-indus-div p::-webkit-scrollbar-thumb {
    background: #ec1e26;
    border-radius: 8px
}

.feature-box-indus-div p::-webkit-scrollbar-thumb:hover {
    background: #ec1e26;
}

.inner-sec-4-indus {
    padding: 40px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.inner-sec-4-indus:before {
    background: url(../images/shade-img.233e66e5cbeecca7041c.webp);
    background-position: top;
    background-repeat: no-repeat;
    content: "";
    height: 1564px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.indus-inr-side-img-1 img {
    width: 65%;
    display: table;
    margin: 0 auto;
}

.tech-bg-indust {
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(192, 44, 46, 1) 50%);
}

.tech-bg-indust .container {
    background: #0000 !important;
}

.i_sec1.inner.indus-bnr-st.travel {
    background: url(../images/s1bg.27ea7b51ceddee1459fc.webp) no-repeat 50% / cover;
}

.i_sec1.inner.indus-bnr-st .btn_wrap.one .popup-btn {
    background: #ec1e26 !important;
    color: #fff;
    outline: 2px solid #ec1e26;
}

.indus-cta-sec.travel .cta-indus-main-col {
    background: url(../images/cta-img.7f07d5f56d235f810502.webp) no-repeat;
}

.indus-cta-sec .row {
    position: relative;
}

.cta-indus-main-col {
    align-items: center;
    border-radius: 11px;
    height: 356px;
    display: flex;
    position: relative;
    z-index: 1;
}

.indus-offer-sec.travel {
    background: url(../images/offer-bg.2f098ad56b6abe5c68f0.webp) no-repeat 50% / cover;
    padding: 70px 0;
}

.feature-sec-industries.travel {
    background: url(../images/feature-bg.5bc70402beaedd98592f.webp);
    padding: 70px 0;

}

.i_sec1.inner.indus-bnr-st.education {
    background: url(../images/s1bg.19b9eb8af1150c4aa134.webp) no-repeat 50% / cover;
}

.indus-cta-sec.education .cta-indus-main-col {
    background: url(../images/cta-img.e16a44353cc87e25e1d8.webp) no-repeat;
}

.indus-offer-sec.education {
    background: url(../images/offer-bg.cca373e2cfd17e006a79.webp) no-repeat 50% / cover;
    padding: 70px 0;
}

.feature-sec-industries.education {
    background: url(../images/feature-bg.2c701f67388fa15109d8.webp);
    padding: 70px 0;

}

.indus-offer-sec.real-estate {
    background: url(../images/offer-bg.250a6b1082957db79dd0.webp) no-repeat 50% / cover;
    padding: 70px 0px;
}

.indus-cta-sec.real-estate .cta-indus-main-col {
    background: url(../images/cta-img.d284883ec0cd4fc9dae0.webp) no-repeat;
}

.feature-sec-industries.real-estate {
    background: url(../images/feature-bg.f14d62c986c40b5d837f.webp);
    padding: 70px 0px;

}

.i_sec1.inner.indus-bnr-st.e-commerce {
    background: url(../images/s1bg.b1f68d601bb6051e1608.webp) no-repeat 50% / cover;
}

.indus-offer-sec.entertainment {
    background: url(../images/offer-bg.f5fc5e5604ad28436072.webp) no-repeat 50% / cover;
    padding: 70px 0;
}

section.feature-sec-industries.ecommerce {
    background: url(../images/feature-bg.2c701f67388fa15109d8.webp);
    padding: 70px 0;
}

.i_sec1.inner.indus-bnr-st.education {
    background: url(../images/s1bg.19b9eb8af1150c4aa134.webp) no-repeat 50% / cover;
}

.healthcare_industries {
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/banner-bg.1653f05f4a20e07a40bf.webp);
}

.cta-indus-main-col {
    align-items: center;
    background: url(../images/cta-img.2da6e73719ae55ddbc2c.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    border-radius: 11px;
    height: 356px;
    position: relative;
    z-index: 1;
}

.cta-icon-1 {
    bottom: -40px;
    display: table;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: auto !important;
    z-index: 2;
}

.indus-offer-sec.health {
    background: url(../images/offer-bg.41f4834ee550ba59f47c.webp) no-repeat 50% / cover;
    padding: 70px 0px;
}

.feature-sec-industries {
    background: url(../images/feature-bg.9366395d189929411a3c.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.feature-grid {
    display: flex;
}

.indus-offer-sec.automobile {
    background: url(../images/offer-bg.07e0a1c….webp) no-repeat 50% / cover;
    padding: 70px 0;
}

.indus-cta-sec.automobile .cta-indus-main-col {
    background: url(../images/cta-img.5ef2c7b7fc8c53c09148.webp) no-repeat 50% / cover;
}

section.inner-sec-industries.inner-sec-1-indus.mob_center {
    padding: 70px 0px;
}

.indus-offer-sec.automobile {
    background: url(../images/offer-bg.07e0a1c6e9f5b7258292.webp) no-repeat 50% / cover;
}

.offer-grid {
    display: flex;
    flex-wrap: wrap;
}

.offer-grid .ind-off-inr-bx {
    align-items: center;
    display: flex;
    gap: 20px 17px;
    width: 50%;
    padding: 35px 0px;
}

.feature-grid {
    padding-top: 35px;
}

.i_sec1.inner.indus-bnr-st.entertainment {
    background: url(../images/s1bg.a68bcd78687e76af0afb.webp) no-repeat 50% / cover;
}

.indus-cta-sec.entertainment .cta-indus-main-col {
    background: url(../images/cta-img.451728a244d3b13ef2b8.webp) no-repeat 50% / cover;
}

.cta-indus-main-col.entertainment {
    height: 620px;
}

.industries-feature-list ul {
    display: flex;
}

.i_sec1.inner.indus-bnr-st.food-delivery {
    background: url(../images/s1bg.8f56d7515b7b45f6cc10.webp) no-repeat 50% / cover;
}

.indus-cta-sec.food-delivery .cta-indus-main-col {
    background: url(../images/cta-img.814da1755dfb36bf5728.webp) no-repeat 50% / cover;
}

.indus-offer-sec.food-delivery {
    background: url(../images/offer-bg.3886c9504967439de037.webp) no-repeat 50% / cover;
    padding: 70px 0;
}

.industries_offer1 ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.industries_offer1 ul li {
    width: 46%;
    padding: 30px 0px;
}

section.i_sec1.inner.indus-bnr-st.healthcare_industries.sports.mob_center {
    background: url(../images/s1bg.2184342e0d459245bf8f.webp) no-repeat 50% / cover;
}

.h_sec1.home.enterprise {
    position: relative;
    padding: 200px 0 140px 0;
    isolation: isolate;
    background: url(../images/s1bg.png);
}

.enterprise .defaulth1 {
    font-weight: 800;
    line-height: normal;
    font-size: 40px;
    padding: 10px 0;
    color: #fff;
    text-transform: capitalize;
    font-family: "Segoe UI ", "Roboto", " Helvetica Neue ", Arial, " Noto Sans ", " Liberation Sans ", sans-serif, " Apple Color Emoji ", " Segoe UI Emoji ", " Segoe UI Symbol ", " Noto Color Emoji ";
}

.enterprise .btn_wrap a {
    display: flex;
    align-items: center;
    gap: 12px;
}

.enterprise a.btn1 {
    background: transparent;
    border: none;
    font-size: 16px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 8px 22px;
    border: 1px solid #fff;
    width: auto;
    text-decoration: none;
}

.enterprise a.btn2 {
    background: #ec1e26;
    border: none;
    font-size: 16px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 8px 22px;
    width: auto;
    text-decoration: none;
}

.h_sec1.home.enterprise a.btn2:hover {
    background: #fff;
    color: #ec1e26;
}

.enterprise .btn1.popup-btn:hover {
    background: #fff;
    color: #ec1e26;
}

.h_sec2.home.enterprise {
    background: #ffffff;
    padding: 10px 0;
}

.enterprise .defaulth2.black {
    color: #021020;
}

.enterprise .bold2 {
    font-weight: 800;
}

.enterprise .defaulth2 {
    font-size: 36px;
    color: #fff;
    margin: 20px 0 30px 0 !important;
    position: relative;
    font-family: "Segoe UI ", "Roboto", " Helvetica Neue ", Arial, " Noto Sans ", " Liberation Sans ", sans-serif, " Apple Color Emoji ", " Segoe UI Emoji ", " Segoe UI Symbol ", " Noto Color Emoji ";
}

.h_sec2.home.enterprise .defaulth2::before {
    left: 0;
    right: 0;
    translate: 0% 0%;
}

.enterprise .defaulth2::before {
    content: "";
    background: #ec1e26;
    height: 6px;
    width: 100px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    right: 50%;
    translate: -50% -50%;
}

.h_sec2.home.enterprise .defaultp {
    color: #2A2A2A;
    margin: 10px 0;
    font-size: 15px;
}

.enterprise .clr_2 {
    color: #c36 !important;
}

.enterprise .btn_wrap.white_bg a.btn1.popup-btn {
    border-color: #ec1e26;
    color: #ec1e26;
}

.enterprise .btn_wrap.white_bg a.btn1.popup-btn:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.enterprise .btn_wrap.white_bg a.btn2.chats:hover {
    color: #fff;
    background: #000;
}

.h_sec3.home.enterprise {
    position: relative;
    overflow: hidden;
}

.h_sec3.home.enterprise::before {
    background: #f0f0f1;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 100%;
    z-index: -1;
}

.enterprise .s3box {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: transparent;
    background-image: linear-gradient(180deg, #fff 0%, #eee 100%);
    border-style: solid;
    border-width: 1px;
    border-color: #8D8D8D7A;
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .16);
    margin: 40px 0 0 0;
    padding-bottom: 12px;
}

.enterprise .s3box .icon {
    background: #fff;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #8D8D8D7A;
    margin: -37px 0 10px 0;
}

.enterprise .s3box .icon img {
    height: 60px;
    width: 60px;
    object-fit: cover;
}

.enterprise .defaulth3 {
    font-size: 18px;
}

.enterprise .custom-shape-divider-bottom-1720028665 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    z-index: -1;
}

.enterprise .custom-shape-divider-bottom-1720028665 svg {
    position: relative;
    display: block;
    width: calc(273% + 1.3px);
    height: 269px;
}

.enterprise .custom-shape-divider-bottom-1720028665 .shape-fill {
    fill: #fff;
}

.enterprise .custom-shape-divider-bottom-1720028665 svg path {
    stroke: #ffffff;
}

.enterprise .s4box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
}

.enterprise .s4box .icon {
    background: #fff;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #8D8D8D7A;
    margin: 0;
    flex-shrink: 0;
}

.enterprise .s4box .icon img {
    height: 60px;
    width: 60px;
    object-fit: cover;
}

.h_sec5.home.enterprise {
    background: #f0f0f1;
    padding: 0 0 140px 0px;
}

.h_sec5.home.enterprise .container.bgremove {
    background: transparent;
}

.h_sec5.home.enterprise .defaulth2::before {
    left: 0;
    right: 0;
    translate: 0% 0%;
}

.h_sec6.home.enterprise {
    margin: -100px 0 0 0;
}

.h_sec6.home.enterprise .container {
    background: #fff;
    box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, .26);
    height: 159px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

.h_sec6.home.enterprise ul {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 40px 0 0 0 !important;
}

.h_sec6.home.enterprise ul li {
    border-radius: 0;
    box-shadow: none;
    height: auto;
    margin: 0 !important;
    overflow: hidden;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: auto;
}

.h_sec6.home.enterprise ul li:nth-child(2),
.h_sec6.home.enterprise ul li:nth-child(5) {
    background: transparent;
    color: #000;
}

.h_sec6.home.enterprise ul li:nth-child(3),
.h_sec6.home.enterprise ul li:nth-child(6) {
    background: transparent;
    color: #000;
}

.h_sec7.home.enterprise {
    background: transparent;
}

.h_sec7.home.enterprise ul li,
.h_sec8.home.enterprise ul li {
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin: 5px 0 0 0 !important;
}

.h_sec8.home.enterprise {
    background: #f0f0f1;
}

.h_sec7.home.enterprise .defaulth2,
.h_sec8.home.enterprise .defaulth2::before {
    left: 0;
    right: 0;
    translate: 0% 0%;
}

.h_sec9.home.enterprise .container {
    background: transparent;
}

.enterprise .s9box {
    border: 1px solid #000;
    padding: 20px 15px;
    height: 620px;
    margin: 30px 0 0 0;
    overflow: hidden;
}

.enterprise .s9box h3 {
    font-weight: 700;
}

.enterprise .defaultp {
    color: #2A2A2A;
    margin: 10px 0;
    font-size: 14px;
}

.h_sec9.home.enterprise ul {
    gap: 0 28px;
    display: block;
    width: 100%;
}

.h_sec9.home.enterprise ul li {
    display: block;
    text-align: left;
    width: 100%;
}

.h_sec10.home.enterprise {
    background: url(../images/s10bg.png) no-repeat center / cover;
    height: 230px;
}

.client-logo-sec.enterprise {
    padding: 25px 0 50px 0;
}

.client-logo-sec.enterprise .hd-txt {
    text-align: center;
    padding-bottom: 50px;
}

.enterprise .hd-txt h2 {
    color: #000;
    font-family: "Muli", Sans-serif;
    font-size: 25px;
    font-weight: 900;
    position: relative;
}

.enterprise .cl-logo-bx {
    border: 1px solid #eee;
    margin: 0 35px;
}

.enterprise .cl-logo-bx img {
    width: 94%;
    aspect-ratio: 4 / 2;
    margin: 0 auto;
}

section.cta-sec.enterprise {
    padding-bottom: 50px;
}

section.cta-sec.enterprise .row {
    align-items: center;
    justify-content: center;
}

.enterprise .cta-txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 40px 40px;
    border-radius: 8px;
}

.enterprise .cta-txt img {
    width: 300px;
    filter: invert(1);
}

.elementor-shape[data-negative=false].elementor-shape-bottom,
.elementor-shape[data-negative=true].elementor-shape-top {
    transform: rotate(180deg);
}

.enterprise .elementor-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translate(-50%, -25%);
}

.enterprise .elementor-shape svg path {
    stroke: #fff;
}

.enterprise .elementor-shape .elementor-shape-fill {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg);
}

.main-banner {
    background: url(../images/banner-img.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 1;
}

.bnr-txt h1 {
    color: #fff;
    font-family: "Muli", Sans-serif;
    font-size: 40px;
    font-weight: 800;
}

.bnr-txt p {
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    padding: 20px 0;
    width: 60%;
    margin: 0 auto !important;
}

.bnr-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 20px;
}

a.get-btn {
    transition: all .5s ease-in-out;
    padding: 12px 25px;
    background: #ec1e26;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

a.get-btn:hover {
    background: #fff;
    color: #ec1e26;
}

.hme-sec-1 {
    padding: 50px 0;
    background: #f0f2f4;
}

.hd-txt h2 {
    color: #000;
    font-family: "Muli", Sans-serif;
    font-size: 25px;
    font-weight: 900;
    position: relative;
}

.hds-txt h2 {
    color: #000;
    font-family: "Muli", Sans-serif;
    font-size: 25px;
    font-weight: 900;
    position: relative;
}

.hme-sec-1 .hds-txt h2 {
    padding-bottom: 20px;
    font-weight: bold;
}

section.services-sec {
    padding: 50px 0 50px;
}

.hd-txt h2:before {
    content: "";
    background: #ec1e26;
    height: 6px;
    width: 100px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    right: 50%;
    translate: -50% -50%;
}

.serv-box {
    padding: 50px 40px;
    border-style: solid;
    background: transparent;
    border-width: 2px;
    border-color: #ec1e26;
    border-radius: 20px;
    transition: all .5s ease-in-out;
}

.serv-box h3 {
    font-size: 23px;
    font-weight: bold;
    color: #000;
    padding: 12px 0;
    height: 75px;
    overflow: hidden;
}

.serv-box p {
    color: #656565;
    height: 130px;
    overflow: auto;
}

.serv-box p::-webkit-scrollbar {
    width: 5px
}

.serv-box p::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

.serv-box p::-webkit-scrollbar-thumb {
    background: #ec1e26;
    border-radius: 8px
}

.serv-box p::-webkit-scrollbar-thumb:hover {
    background: #ec1e26;
}

.serv-box:hover {
    background: linear-gradient(90deg, #ec1e26, #f16c6d);
    transition: all .5s ease-in-out;
}

.serv-box:hover img {
    filter: invert(0) brightness(100);
}

.serv-box:hover h3,
.serv-box:hover p {
    color: #fff;
}

.services-sec .row {
    align-items: center;
    gap: 30px 0;
}

.hme-sec-2 {
    padding: 50px 0;
    background: #f0f2f4;
}

.inner-img img {
    width: 70%;
    margin: 0 auto;
    display: table;
}

.defaulth1.defaulth2::before {
    left: 0;
    right: 0;
    translate: 0% 0%;
}

.hd-txt h2 span {
    color: #ec1e26;
}

.hme-sec-2 ul {
    padding: 0;
    list-style: none;
    margin: 30px 0 0 0;
}

.hme-sec-2 ul li {
    line-height: 30px;
    font-size: 16px;
}

.hme-sec-2 ul li i {
    color: #ec1e26;
}

.h_sec10.enterprise h2 {
    color: #fff;
}

.hme-sec-1.alter {
    background: #f0f2f4;
}

.hme-sec-1 {
    padding: 50px 0;
    background: #fff;
}

.hme-sec-1 ul {
    padding: 0;
    list-style: none;
    margin: 30px 0 0 0;
}

.hme-sec-1 ul li {
    line-height: 30px;
    font-size: 16px;
}

.hme-sec-1 ul li i {
    color: #ec1e26;
}

.services-sec.alter {
    background: #f0f2f4;
}

.services-sec.alter .serv-box {
    background: #fff !important;
    border: 0;
    border-radius: 1px;
}

.serv-box img {
    height: 70px;
}

.services-sec.alter .serv-box:hover img {
    filter: none;
}

.services-sec.alter .serv-box:hover h3,
.services-sec.alter .serv-box:hover p {
    color: #000 !important;
}

section.cta-sec.enterprise .cta-txt .hd-txt h2::before {
    background: transparent;
}

.color-change .serv-box img {
    filter: invert(106%) sepia(96%) saturate(2642%) hue-rotate(343deg) brightness(91%) contrast(92%);
}

.fw-bold {
    font-weight: 700 !important;
}

.hme-sec-2.alter ul li .progress {
    height: 4px;
    margin: 7px 0 0 0;
}

.hme-sec-2.alter ul li .progress .progress-bar {
    background: #bf3132;
}

.hme-sec-2.alter ul {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.hme-sec-2.alter ul li {
    width: 47%;
}

.hme-sec-1 .bnr-btn.white_bg .btn1.popup-btn {
    margin: 20px 0 0 0 !important;
    width: auto;
    text-decoration: none;
}

.i_sec1.inner.about {
    background: url(../images/about_bg.2a4d717e7f8239080e8c.webp) no-repeat 50% / cover;
}

.i_sec1.inner.contact {
    background: url(../images/contact_bg.4e261bb4bb802c7564af.webp) no-repeat 50% / cover;
}

.c_sec2.inner.contact .form-group {
    margin: 20px 0 0;
}

.c_sec2.inner.contact .form-group button {
    background: #ec1e26;
    border: 0;
    border-radius: 7px;
    color: #fff;
    font-weight: 600;
    padding: 10px 52px;
}

.indus-serv-box:hover h4,
.indus-serv-box:hover a {
    color: white;
    text-decoration: none;
    font-weight: 700;
}

.indus-serv-box a {
    color: black;
    text-decoration: none;
    font-weight: 700;
}
.loading-spinner img {
    animation: spin 1s linear infinite;
    width: 30%;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  .post {
    background-color: transparent;
    transition: background-color 0.3s ease, padding 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    transition: .4s;
}
.post:hover {
    background-color: #fff;
    padding: 24px;
    border-radius: 16px;
    transform: translateY(-10px);
    box-shadow: 1px 1px 5px #00000029;
}
.post img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

  .post h3 {
    margin-top: 16px;
    font-weight: 600;
    font-size: 24px;
    color: #ec1e26;
    text-align: center;
    padding-top: 20px;
}

.post p.description {
    margin-top: 8px;
    font-size: 15px;
    color: #000000;
    text-align: center;
    margin-bottom: 0;
}
section.main-blog-sec {
    padding: 70px 0px;
}
.blog-info-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.blog-info-box h2 {
    font-size: 22px;
    font-weight: 700;
}
.blog-info-box i {
    color: #ec1e26;
}
.blog-info-box img {
    padding: 10px 0;
}