@charset "UTF-8";

/* Poppins Thin */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Poppins Thin Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Poppins ExtraLight */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Poppins ExtraLight Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

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

/* Poppins Light Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

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

/* Poppins Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

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

/* Poppins Medium Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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

/* Poppins SemiBold Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

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

/* Poppins Bold Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Poppins ExtraBold */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Poppins ExtraBold Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* Poppins Black */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Poppins Black Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


/* Montserrat Thin */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Montserrat Thin Italic */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Montserrat ExtraLight */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Montserrat ExtraLight Italic */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

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

/* Montserrat Light Italic */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

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

/* Montserrat Italic */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

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

/* Montserrat Medium Italic */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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

/* Montserrat SemiBold Italic */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

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

/* Montserrat Bold Italic */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Montserrat ExtraBold */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Montserrat ExtraBold Italic */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* Montserrat Black */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Montserrat Black Italic */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Montserrat Variable Font - all weights in one file */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Montserrat Italic Variable Font - all italic weights in one file */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}


/* Barlow Thin */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Barlow Thin Italic */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Barlow ExtraLight */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Barlow ExtraLight Italic */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

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

/* Barlow Light Italic */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

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

/* Barlow Italic */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

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

/* Barlow Medium Italic */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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

/* Barlow SemiBold Italic */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

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

/* Barlow Bold Italic */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Barlow ExtraBold */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Barlow ExtraBold Italic */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* Barlow Black */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Barlow Black Italic */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

.post_type {
    color: #fc0 !important;
}

.single-post .sitemap-banner p {
    color: white;
}

.partner-badge,
.review-card a,
.slider,
.slider a,
.sr-only {
    white-space: nowrap
}

.main-about-banner,
.main-contact-us-banner,
.main-contact-us-sec .get-in-touch-form,
.main-home-banner,
.priority-content,
.testi-card {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s
}

*,
ul {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4 {
    font-weight: 700
}

a,
body,
h1,
h2,
h3,
h4,
h5,
p,
ul {
    font-family: Poppins, sans-serif !important
}

.new-web-major-card h5,
.single-post h6,
.testi-card h6,
.testi-card p {
    font-weight: 500
}

.faq-sec .read-more-btn,
.get-in-touch-btn,
.layout-page-btn,
.recognition-btn a,
.review-card a,
.review-card h6 a,
.sing_brd a,
.slider a,
.submit-btn,
.toc-link,
a {
    text-decoration: none
}

.review-card a,
.software-development-banner .form-select {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

* {
    box-sizing: border-box
}

body {
    color: #000;
    font-size: 14px
}

/* ul {
    list-style-type: none
} */

h1 {
    font-size: 24px
}

.top-rated-dev-sec h5,
h2 {
    font-size: 22px
}

.domain-expertise-in-sec .we-expert-card p,
h3 {
    font-size: 20px
}

.do-you-know-div h5,
.why-choose-classy-sol p,
h4 {
    font-size: 18px
}

.new-contact-banner-form input:-webkit-autofill,
.new-contact-banner-form input:-webkit-autofill:active,
.new-contact-banner-form input:-webkit-autofill:focus,
.new-contact-banner-form input:-webkit-autofill:hover {
    transition: background-color 5000s ease-in-out !important;
    -webkit-text-fill-color: rgb(255, 255, 255) !important;
    caret-color: rgb(255, 255, 255) !important
}

.ban-search input:-webkit-autofill,
.ban-search input:-webkit-autofill:active,
.ban-search input:-webkit-autofill:focus,
.ban-search input:-webkit-autofill:hover {
    transition: background-color 5000s ease-in-out !important;
    -webkit-text-fill-color: rgb(255, 255, 255) !important;
    caret-color: rgb(255, 255, 255) !important
}

#dropdownLabel2,
.better-investment-card .better-bottom-row p,
.doctor-healthcare-faq-sec .accordion-body,
.ecom-busin-content p,
h5 {
    font-size: 16px
}

.growth_icon {
    margin: 0 0 5px 15px
}

.main-contact-us-banner,
.main-home-banner {
    margin-top: 0;
    position: relative
}

.exp_btn {
    background: 0 0 !important;
    border: 2px solid #3b65ec
}

.exp_btn:hover {
    border: 2px solid transparent
}

.cases-box {
    width: 48px;
    height: 45px;
    background-color: #3b65ec;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 10px;
    display: flex;
    align-items: center
}

.text-center {
    text-align: center
}

.end-to-end-vector img,
.expert-li li img,
.food-banner-vect-1 img,
.food-banner-vect-2 img,
.food-banner-vect-3 img,
.food-banner-vect-4 img,
.food-banner-vect-5 img,
.food-banner-vect-6 img,
.food-banner-vect-7 img,
.food-banner-vect-8 img,
.food-banner-vect-9 img,
.food-deli-app-vect img,
.img-fluid,
.main_wrapper,
.mob-app-img-desk,
.new-vector-1 img,
.new-vectorrr-1 img,
.priority-image img,
.seo-related-div table,
.tech-mySwiper button,
.want-to-launch-sec .santa-img img {
    width: 100%
}

.left_content {
    padding: 0 40px 0 0;
    width: calc(100% - 200px)
}

.spacer {
    margin-bottom: 30px !important
}

.main-home-banner {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: linear-gradient(135deg, rgba(7, 12, 22, .58) 0%, rgba(12, 20, 33, .5) 55%, rgba(17, 24, 38, .45) 100%);
    height: 100%;
    z-index: 1;
    pointer-events: none
}

#video-parent-row,
.about-banner-content,
.about-us-sec,
.client-text-review,
.cta-content,
.ecom-busi-content-div,
.ecom-chose-card,
.get-ur-classy-app-sec,
.has-search,
.health-what-get-sec,
.hero-and-partners,
.hire-clients-sec,
.industries-page-banner-form form,
.innov-sol-sec,
.invest-in-uber-app,
.new-client-review-sec,
.new-core-team-sec,
.new-mobile-app-dev-service-sec,
.new-related-post-sec,
.portfolio-new-banner-sec,
.pro-design-dev-serv .pro-desig-sev-serv-line,
.search-wrapper {
    position: relative
}

.main-home-banner * {
    pointer-events: auto
}

.main-contact-us-banner {
    background-image: url(../images/about-banner-img.jpg);
    margin-bottom: 0;
    background-position: center center;
    background-size: cover;
    display: flex;
    padding: 55px 0 50px !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000
}

.internal.contact-us .main-contact-us-banner {
    padding: 185px 48px 60px 58px !important;
    background-image: url(../images/new-contact-us-banner-img.svg) !important
}

.internal.contact-us .main-contact-us-banner .contact-us-banner-overlay,
body.page-id-40550 .healthcare-sucess-with-us-sec {
    background-image: none
}

.about-section .section-title,
.abut-counter-sec .counter-card .counter,
.abut-counter-sec .counter-card p,
.connect-expert-card:hover i,
.connect-expert-card:hover p,
.digital-marketing-india-uk .hashtag-1 h4,
.digital-services-card:hover p,
.digital-services-card:hover p a,
.digital-why-choose-us ul li:hover h5,
.digital-why-choose-us ul li:hover p,
.driving-inov-grow-sec .service-main-heading,
.ecom-development-process .android-common-p,
.ecom-development-process .app-dev-heading,
.ecom-development-process .app-sub-head,
.end-to-end-tech-sec .opac-heading p,
.expect-next-sec h4,
.expect-next-sec p,
.fueling-your-ios-sec .android-common-p,
.fueling-your-ios-sec .app-dev-heading,
.fueling-your-ios-sec .app-sub-head,
.get-in-touch-form #dropdownLabel2,
.industry-education h1,
.industry-education p,
.internal.contact-us .header .menu>ul>li>a,
.launch-food-card-2 h5,
.launch-food-card-2 p,
.leading-android-app-dev .service-main-heading,
.mob-dev-serv-sec .service-main-heading,
.new-about-us .layout-page-btn:hover,
.new-contact-banner-form .captcha-div span,
.new-contact-banner-form .get-in-touch-form textarea,
.new-contact-banner-form input,
.new-contact-banner-form textarea,
.new-faq-sec .layout-main-heading,
.new-gallery-sec .common-p,
.new-gallery-sec .ui-ux-heading-new,
.new-video-sec h4,
.portfolio-card-content p a,
.pro-design-dev-serv .app-dev-heading,
.pro-design-dev-serv .app-sub-head,
.silder-slide-4 .swiper-slider-btn a i,
.sitemap-banner p a,
.testimonial-section .card-title,
.testimonial-section .play-btn i,
.ui-ux-portfolio-sec-2 .app-dev-heading,
.ui-ux-portfolio-sec-2 ul li,
.use-cases-that-beyond-go-sec .android-common-p,
.use-cases-that-beyond-go-sec .app-dev-heading,
.use-cases-that-beyond-go-sec .app-sub-head,
.web-dev-serv-sec .service-main-heading {
    color: #fff
}

.home-banner-content {
    height: 99.7vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.home-banner-content h1 {
    color: #fff;
    font-family: Poppins, Sans-serif;
    font-size: 63px;
    font-weight: 600;
    line-height: 80px;
    letter-spacing: 0;
    margin-bottom: 20px
}

.all-client-review-sec .layout-main-heading span,
.home-banner-content h1 span {
    color: #d2a98e
}

.home-banner-content p {
    color: #fff;
    font-family: Poppins, Sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 37px;
    margin-bottom: 35px
}

.about-section .btn-primary:hover {
    background-color: #fff;
    color: #000;
    border: 2px solid #fff;
    box-shadow: 0 0 36px rgba(255, 255, 255, .55)
}

.home-banner-content a {
    padding: 11px 20px 11px 15px;
    background: #fff;
    font-size: 17px;
    border-radius: 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: stretch;
    width: 204px;
    gap: 10px
}

.home-banner-content a:hover svg {
    transform: scale(1.2)
}

.home-banner-content a span {
    margin-top: 3px
}

.home-banner-content a svg {
    transition: transform .3s;
    width: 30px !important;
    height: 30px !important;
    margin-left: 15px
}

.ptb-50 {
    padding: 50px 0
}

.layout-main-heading {
    line-height: 29px;
    font-size: 36px;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-bottom: 0
}

.layout-main-heading-content {
    font-size: 21px;
    font-weight: 400;
    text-align: center;
    line-height: 1.7;
    word-spacing: -1px;
    margin-bottom: 10px
}

.client-review img {
    width: 10%;
    margin-bottom: 22px
}

.client-review h6 {
    font-size: 27px;
    text-transform: none;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 20px;
    font-family: Poppins, sans-serif !important
}

.client-review p {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    font-family: "Sansita Swashed", system-ui !important
}

.client-review p span,
.popup-form .error-msg {
    color: red
}

.client-review .client-name {
    color: #1a99de;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    text-align: left;
    font-family: Poppins, sans-serif !important
}

.about-us-sec {
    padding: 80px 0 60px;
    z-index: 1
}

.about-us-sec .small-heading {
    color: #fffFFFCF;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 20px
}

.about-us-sec .layout-main-heading {
    text-align: left;
    font-weight: 600;
    color: #d2a98e;
    margin-bottom: 20px;
    font-size: 45px
}

.passion-sec iframe {
    height: 354px;
    border-radius: 10px
}

.layour-common-p {
    font-size: 17px;
    font-weight: 400;
    line-height: 29px;
    color: #fff
}

.about-us-sec img {
    width: 90%;
    padding: 10px
}

.layout-page-btn {
    font-size: 18px;
    font-weight: 500;
    fill: #000000;
    color: #000;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 32px 10px 31px
}

.layout-page-btn svg {
    width: 16px;
    margin-left: 13px
}

.app-sol-card a:hover svg,
.layout-page-btn:hover svg,
.new-about-us .layout-page-btn:hover svg {
    fill: #fff
}

.layout-page-btn:hover {
    color: #fff;
    background: #01b1f3
}

.about-us-sec .layour-common-p {
    margin-bottom: 40px !important;
    font-size: 18px
}

.counter-card .counter,
.counter-card--hire .counter-hire {
    font-size: 41px;
    margin-bottom: 25px;
    font-weight: 600
}

.counter-card,
.counter-card--hire {
    background: #fff;
    padding: 37px 20px;
    border-radius: 15px;
    text-align: center
}

.counter-card img,
.realstate-choose-card .icon-container,
.sitemap-detail-sec ul li,
.wide-range-line p {
    margin-bottom: 15px
}

.counter-card p,
.counter-card--hire p {
    margin: 0;
    font-size: 18px
}

.counter-card--hire img {
    height: 46px;
    margin-bottom: 15px
}

.dash-app,
.doctor-healthcare-faq-sec .accordion-button:not(.collapsed)::after,
.edu-app-dev-everyone-2,
.home-page-counter-sec {
    background-image: none !important
}

.innovative-solution-heading {
    font-size: 45px;
    font-weight: 400;
    line-height: 52px;
    margin-bottom: 55px
}

.innovative-sol-card {
    display: flex;
    box-shadow: 0 -3px 10px 0 rgba(134, 156.00000000000003, 189, .25);
    padding: 38px 25px;
    gap: 35px;
    align-items: center;
    margin-bottom: 35px;
    background: #fff
}

.innovative-sol-card img {
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
    transition-duration: .3s;
    width: 68px
}

.innovative-sol-card h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em
}

.partners-box {
    width: 15%;
    text-align: center;
    border-radius: 20px;
    margin-top: 20px
}

.our-partners-sec {
    background-color: #fbfbfb;
    padding-top: 40px
}

.partners-box img {
    width: 80%;
    border-radius: 14px
}

.our-partners-sec ul {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0
}

.innov-bg-pattern {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}

.achievement-sec {
    background-image: url(../images/achievement-bg-img.webp);
    background-size: cover;
    padding: 70px 0
}

.layout-main-heading span {
    color: #00aff0
}

.achievement-sec ul li {
    background: #fff;
    width: 212px;
    margin: 25px 14px 0;
    display: flex;
    padding: 26px;
    border-radius: 25px;
    height: 106px;
    align-items: center;
    justify-content: center
}

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

.recognition-btn {
    margin-top: 46px
}

.recognition-btn a {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    background-color: #1a99de;
    border-radius: 15px;
    padding: 17px 28px;
    display: inline-flex;
    align-items: center;
    transition: transform .3s, background-color .3s
}

.client-img,
.client-img img {
    border-radius: 100%
}

.recognition-btn a svg {
    width: 15px;
    margin-left: 10px;
    fill: #FFFFFF
}

.recognition-btn a:hover {
    background-color: #01b1f3;
    transform: scale(1.1)
}

.testimonial-sec {
    background-color: #f6f6f6;
    padding: 50px 0 0 !important
}

.about-banner-mySwiper,
.best-programmer-for-mobile-sec,
.testimonial-sec .swiper-wrapper {
    padding-bottom: 50px
}

.client-img img {
    border: 2px solid #1a99de;
    width: 60px;
    height: 60px
}

.testi-card h6 {
    color: #000;
    font-family: Poppins, Sans-serif;
    font-size: 14px;
    margin-bottom: 0;
    padding: 0
}

.review-slider-content {
    min-height: 176px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.powered-by p,
.review-card a,
.review-card h6 a,
.review-with-comment h6 {
    font-family: Roboto, sans-serif
}

.testi-card p {
    font-size: 15px;
    margin-top: 20px;
    line-height: 27px
}

.our-partners-sec img {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 13px;
    max-width: none
}

.our-partners-sec .col-md-2 {
    width: 17.666667% !important;
    margin: 0 10px;
    text-align: center
}

.testi-card {
    border-style: none;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .22);
    margin: 30px 10px;
    --e-column-margin-right: 5px;
    --e-column-margin-left: 5px;
    padding: 16px;
    border-radius: 30px;
    min-height: 255px
}

.testimonial-sec .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #000
}

.all-client-review-sec {
    background: #001b4a
}

.blog-text-box .related-post-content .common-p,
.demo-gallery>ul,
.more-education-feature .pro-card-content p,
.sing_content,
.single-service-vcard .content p,
.web-expert-major-sec-card .common-p {
    margin-bottom: 0
}

.demo-gallery>ul>li {
    float: left;
    margin-right: 0;
    width: 100%;
    border-radius: 20px
}

.demo-gallery>ul>li a {
    border: 3px solid #fff;
    border-radius: 20px !important;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    height: 350px;
    width: 280px;
    background: 50% no-repeat
}

.demo-gallery .justified-gallery>a>img,
.demo-gallery>ul>li a>img {
    -webkit-transition: -webkit-transform .15s;
    -moz-transition: -moz-transform .15s;
    -o-transition: -o-transform .15s;
    transition: transform .15s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%
}

.demo-gallery .justified-gallery>a:hover>img,
.demo-gallery>ul>li a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img,
.demo-gallery>ul>li a:hover .demo-gallery-poster>img,
.main-swiper-content {
    opacity: 1
}

.demo-gallery>ul>li a .demo-gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 !important
}

.demo-gallery .justified-gallery>a .demo-gallery-poster>img,
.demo-gallery>ul>li a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster,
.demo-gallery>ul>li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .5)
}

.demo-gallery .justified-gallery>a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: .8;
    width: 48px
}

.demo-gallery.dark>ul>li a {
    border: 3px solid #04070a
}

.home .demo-gallery {
    padding-bottom: 80px
}

.demo-gallery-poster svg {
    width: 100px;
    fill: #ffffff;
    padding: 24px;
    border: 4px solid #fff;
    border-radius: 100%;
    height: 100px;
    opacity: .8
}

.lg-toolbar .lg-close:after {
    content: '\f00d' !important;
    font-family: FontAwesome
}

.lg-fullscreen:after {
    content: '\f065' !important;
    font-family: FontAwesome
}

.lg-outer #lg-share:after {
    content: '\f064' !important;
    font-family: FontAwesome
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: '\f39e' !important;
    font-family: FontAwesome
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: '\e61b' !important;
    font-family: FontAwesome
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: '\f231' !important;
    font-family: FontAwesome
}

#lg-zoom-in:after {
    content: '\f00e' !important;
    font-family: FontAwesome
}

#lg-zoom-out:after {
    content: '\f010' !important;
    font-family: FontAwesome
}

#lg-actual-size:after,
#lg-share-googleplus,
.classified-app-feature .accordion-button::after {
    display: none !important
}

.video-testi-mySwiper {
    background-color: #fff;
    margin: 20px 15px;
    padding-bottom: 30px
}

.industry-ecomerce-new-banner .banner-btn-2,
.new-faq-sec,
.swiper-pagination-bullet-active,
.uber-app-banner .banner-btn-2 {
    background-color: #000
}

.all-client-review-sec .layout-main-heading {
    font-size: 44px;
    line-height: 60px;
    padding-left: 35px;
    text-align: left;
    color: #fff
}

.get-in-touch-sec .contact-us-heading span {
    /* background: linear-gradient(98deg, #FFFFFF 0%, #3869FA 50%, rgba(56, 105, 250, 0.8) 100%); */
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #00a8ff;

}

.get-in-touch-sec {
    background-color: #000000;
    position: relative;
    padding-top: 50px !important;
}

.get-in-touch-sec .contact-us-banner-content ul li {
    font-size: 20px;
}

.get-in-touch-sec .contact-us-banner-content ul {
    margin-top: 29px;
}

.get-in-touch-sec .contact-us-banner-content p {
    line-height: 34px;
}

.get-in-touch-sec .contact-us-banner-content p a {
    font-weight: 700;
    color: #00a5ff;
}

.get-in-touch-sec h1 {
    line-height: 58px;
}

.review-card-main-box {
    background: #fafafa;
    padding: 28px
}

.silder-slide-1,
.silder-slide-2,
.silder-slide-3,
.silder-slide-4,
.silder-slide-5 {
    background-size: 100%;
    background-position: top center
}

.silder-slide-1,
.silder-slide-2,
.silder-slide-3,
.software-development-banner {
    background-repeat: no-repeat
}

.review-card a {
    color: #17313b;
    display: block;
    font-size: 24px;
    margin-right: 25px;
    width: 100%;
    line-height: 28px;
    padding-bottom: 12px
}

.review-card h6 {
    font-size: 20px;
    display: inline-block
}

.review-card h6 a {
    color: red;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 12px;
    margin-left: 9px;
    text-transform: uppercase;
    display: inline
}

.review-card h6 i,
.stars-review i {
    color: #e62415;
    font-size: 15px
}

.fa-brands,
.fa-solid {
    font-family: FontAwesome !important
}

.about-heading,
.about-paragraph,
.priority-heading,
.priority-paragraph {
    font-family: Poppins, sans-serif
}

.get-in-touch-sec .form-card i {
    font-style: normal;
    font-size: 18px
}

.stars-review {
    margin-left: 10px;
    display: inline-block
}

.stars-review i {
    margin: 0 1px
}

.our-core-team-sec .layout-main-heading {
    color: #1a99de;
    text-align: left;
    margin-bottom: 20px
}

.core-team-card {
    margin: 0 0 20px;
    padding: 14px;
    border: 1px solid #d9e2e9;
    border-radius: 5px;
    text-align: center
}

.core-team-card img {
    margin-bottom: 3px
}

.core-team-card h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px
}

.powered-by p,
.review-with-comment {
    margin-top: 25px;
    text-decoration: none
}

.core-team-card p {
    font-size: 12px;
    font-weight: 400
}

.review-with-comment {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .08);
    display: grid;
    height: 100%;
    margin-bottom: 25px;
    min-height: 215px;
    padding: 17px 20px 19px
}

.silder-slide-4,
.silder-slide-5 {
    background-color: #00000029;
    background-blend-mode: multiply;
    background-repeat: no-repeat
}

.review-with-comment h6 {
    color: #17313b;
    font-size: 20px;
    letter-spacing: .428571px;
    line-height: 23px;
    margin-right: 12px;
    text-decoration: none
}

.review-with-comment p {
    color: #17313b;
    font-size: 14px;
    line-height: 18px
}

.review-with-comment span {
    color: #6a7a7e;
    display: -webkit-box;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 14px;
    max-height: 30px;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.review-with-comment div svg {
    width: 21px;
    fill: #6a797d;
    margin-right: 6px;
    height: auto
}

.review-with-comment div {
    color: #6a797d;
    font-size: 13px;
    line-height: 15px
}

.review-with-comment:hover {
    box-shadow: 0 3px 8px rgb(0 0 0 / 24%)
}

.get-in-touch-sec .swiper-wrapper {
    padding-bottom: 30px
}

.powered-by p {
    color: #17313b;
    font-size: 10px;
    letter-spacing: -.04px;
    line-height: 12px;
    text-align: center
}

.powered-by p img {
    width: 53px
}

.get-in-touch-sec .form-card {
    display: flex;
    border: 1px solid #00aff0 !important;
    background: #fff;
    color: #000 !important;
    border-radius: 6px;
    align-items: center;
    margin-bottom: 12px;
    align-items: baseline;
    padding: 0 20px 20px
}

.get-in-touch-sec .form-card input {
    border: none;
    text-align: center
}

.get-in-touch-sec .form-card textarea {
    border: none;
    min-height: 130px;
    width: 100%;
    height: auto !important;
    border-radius: 0 !important;
    text-align: left !important;
    padding: 14px
}

.captcha-div span {
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    color: #000;
    margin: 0 4px
}

.get-in-touch-form .captcha-div span input {
    display: inline-block;
    width: 216px;
    border: 1px solid #00aff0 !important;
    padding: 17px;
    margin-left: 20px
}

.get-in-touch-form .captcha-div span {
    font-size: 15px;
    color: #fff
}

.get-in-touch-form .captcha-div img,
.new-contact-banner-form .captcha-div img,
.uber-busi-industry .banner-btn-2 img {
    filter: invert(1)
}

.captcha-div span input {
    padding: 29px
}

.captcha-div span i {
    font-size: 26px;
    font-weight: 400
}

.captcha-div {
    display: flex;
    align-items: center
}

.get-in-touch-form .submit-btn {
    background: 0 0;
    margin-top: 0;
    border-radius: 6px !important;
    font-weight: 400;
    font-size: 18px;
    width: 24%;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    display: block;
    text-align: center;
    padding: 0 !important;
    height: 54px !important;
    border: 2px solid #fff;
    transition: .3s
}

.get-in-touch-form .submit-btn:hover {
    background-color: #006eef;
    color: #fff;
    border: 2px solid transparent;
    transition: .3s
}

.submit-btn:hover {
    box-shadow: 0 0 10px 0 rgba(0, 175.0000000000003, 240.00000000000003, .55);
    color: #fff
}

.silder-slide-1 {
    background-image: url(../images/bimahelpdesk-bg-img.webp);
    padding: 10px 0 80px
}

.silder-slide-2 {
    background-image: url(../images/kanpid-bg-img.webp);
    padding: 10px 0 65px
}

.silder-slide-3 {
    background-image: url(../images/triph-bg-img.webp);
    padding: 10px 0 57px
}

.silder-slide-4 {
    background-image: url(../images/propfyi-bg-img.webp);
    padding: 10px 0 142px
}

.silder-slide-5 {
    background-image: url(../images/rominus-bg-img.webp);
    padding: 75px 0 234px
}

.main-swiper-sec h2 {
    color: #fff;
    font-family: Poppins, Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5em;
    margin-top: 15px
}

.similar-availability {
    margin-top: 22px
}

.engagement-points ul,
.industry-p {
    margin-top: 25px
}

.engagement-points ul li {
    text-align: center;
    display: inline-block;
    padding-right: 50px;
    margin-right: 20px;
    line-height: 0
}

.engagement-points ul li h5 {
    color: #fff;
    font-family: Poppins, Sans-serif;
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 0
}

.engagement-points ul li p {
    color: #fff;
    font-family: "Noto Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 0
}

.main-contact-us-sec .get-in-touch-form .captcha-div,
.more-feature-for-online-ecom-store ul li img,
.team-card img {
    margin-bottom: 10px
}

.similar-availability span {
    color: #fff;
    font-family: Poppins, Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 31px;
    margin-right: 15px
}

.industry-service-card,
.main-swiper-sec .swiper-slider-btn,
.swiper-slider-btn {
    margin-top: 30px
}

.main-swiper-sec .swiper-slider-btn a,
.swiper-slider-btn a {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 24px;
    fill: #FFFFFF;
    color: #fff;
    background-color: #5d37a4;
    border-radius: 45px;
    padding: 15px 24px 15px 40px
}

.main-swiper-sec .swiper-slider-btn a i,
.swiper-slider-btn a i {
    margin-left: 8px;
    font-size: 18px
}

.main-swiper-sec .swiper-slider-btn a:hover,
.swiper-slider-btn a:hover {
    text-decoration: none;
    background-color: #01b1f3 !important;
    box-shadow: none !important
}

.similar-availability i {
    font-size: 30px;
    color: #fff;
    margin-right: 20px
}

.similar-availability svg {
    margin-right: 20px;
    margin-top: -11px
}

.silder-slide-2 .swiper-slider-btn a {
    background-color: #1cbab2 !important;
    color: #000 !important
}

.all-service-content p a,
.classified-page .healthcare-new-heading h4,
.connect-expert-div .healthcare-new-heading h4,
.digital-services-card p a,
.food-industry-page .healthcare-new-heading h4,
.hire-blockchain-dev-page .on-demand-industries-card p,
.hire-mobile-app-dev-page .healthcare-new-heading h4,
.hire-reactnative-page .doctor-healthcare-faq-sec h3,
.hire-reactnative-page .healthcare-new-heading h4,
.hire-uiux-page .food-app-dev-sol-sec .healthcare-new-heading h4,
.hire-uiux-page .intergration-partners-sec .healthcare-new-heading h4,
.internal .header .menu>ul>li>a,
.logistics-maximize-sec h5,
.logistics-maximize-sec p,
.logistics-page .healthcare-new-heading h4,
.realstate-tabs-sec h3,
.silder-slide-2 .swiper-slider-btn a i,
.silder-slide-3 .swiper-slider-btn a i,
.silder-slide-4 .similar-availability i,
.silder-slide-4 h2,
.tech-card:hover p,
.why-choose-classy-sol li b {
    color: #000
}

.silder-slide-3 .swiper-slider-btn a {
    background-color: #ffde59 !important;
    color: #000 !important
}

.silder-slide-4 .swiper-slider-btn a {
    background-color: #c96f3b !important
}

.silder-slide-5 .swiper-slider-btn a {
    background-color: #f4232b !important
}

.silder-slide-5 h5 {
    color: #000;
    font-family: Poppins, Sans-serif;
    font-size: 44px;
    font-weight: 700;
    margin-top: 10px
}

.silder-slide-5 p {
    font-size: 15px;
    line-height: 37px
}

.silder-slide-4 .engagement-points ul li p {
    color: #000;
    font-family: "Noto Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400
}

.silder-slide-4 .engagement-points ul li h5 {
    color: #000;
    font-family: Poppins, Sans-serif;
    font-size: 27px;
    font-weight: 400
}

.silder-slide-4 .similar-availability span {
    color: #000;
    font-family: Poppins, Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 31px;
    margin-right: 15px
}

.silder-slide-4 .similar-availability svg {
    fill: #000 !important
}

.silder-slide-3 .similar-availability {
    padding-bottom: 100px
}

.silder-slide-4 .container {
    max-width: 1300px !important
}

.main-swiper-sec .swiper-button-prev:after,
.main-swiper-sec .swiper-rtl .swiper-button-next:after {
    content: ' \f060  Prev ';
    font-family: FontAwesome;
    text-transform: capitalize;
    font-size: 21px;
    color: #fff;
    letter-spacing: 2px
}

.main-swiper-sec .swiper-button-next:after,
.main-swiper-sec .swiper-rtl .swiper-button-prev:after {
    content: ' Next \f061 ';
    font-family: FontAwesome;
    text-transform: capitalize;
    font-size: 21px;
    color: #fff;
    width: 100%;
    letter-spacing: 2px
}

.main-swiper-sec .swiper-button-next,
.main-swiper-sec .swiper-rtl .swiper-button-prev {
    bottom: 4%;
    top: auto;
    left: auto;
    right: 42%;
    width: 99px;
    box-shadow: none !important
}

.main-swiper-sec .swiper-button-prev,
.main-swiper-sec .swiper-rtl .swiper-button-next {
    bottom: 4%;
    top: auto;
    right: auto;
    left: 45%;
    width: 96px;
    box-shadow: none !important
}

.all-client-review-sec .swiper-button-next:after,
.all-client-review-sec .swiper-button-prev:after,
.all-client-review-sec .swiper-rtl .swiper-button-next:after,
.all-client-review-sec .swiper-rtl .swiper-button-prev:after {
    font-size: 21px;
    color: #fff
}

.all-client-review-sec .swiper-button-prev,
.all-client-review-sec .swiper-rtl .swiper-button-next {
    left: 25px !important
}

.all-client-review-sec .swiper-button-next,
.all-client-review-sec .swiper-rtl .swiper-button-prev {
    right: 25px !important
}

.main-swiper-content-2 {
    opacity: 0
}

.fade-in {
    animation: 1s forwards fadeInContent
}

@keyframes fadeInContent {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.about-counter-sec,
.main-page {
    background-color: #162a2e
}

.main-about-banner {
    background-position: center center;
    background-size: cover;
    display: flex;
    padding: 135px 0 133px !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000;
    background-image: url(../images/about-banner-img.jpg);
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    background-color: #1a99de;
    background-blend-mode: overlay
}

.priority-image,
.software-development-banner {
    background-size: cover;
    background-position: center
}

.internal .header,
.priority-content {
    background-color: #fff
}

.about-heading {
    color: #000;
    font-size: 36px;
    line-height: 1.5;
    font-weight: 600;
    margin: 0
}

.about-paragraph {
    color: #000;
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 50px
}

.contact-us-heading,
.contact-us-paragraph {
    color: #fff;
    font-family: Poppins, sans-serif
}

.contact-us-banner-content {
    z-index: 1;
    position: relative
}

.contact-us-heading {
    font-size: 40px;
    font-weight: 700;
    margin: 0
}

.contact-us-paragraph {
    font-size: 25px;
    margin-top: 10px;
    font-weight: 600
}

.priority-section {
    display: flex;
    justify-content: center;
    padding: 40px 20px
}

.priority-content {
    display: flex;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0 4px 15px 0 rgba(17.1284816576087, 54.98946197452083, 63.75, .14);
    padding: 35px 10px;
    position: relative;
    margin: -121px 25px 0
}

.case-studies-img,
.expert-li li,
.post-sender-detail ul,
.priority-image {
    display: inline-block
}

.priority-heading {
    color: #000;
    font-size: 36px;
    line-height: 1.6;
    font-weight: 600
}

.priority-paragraph {
    color: #54595f;
    font-size: 17px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: 0;
    word-spacing: -1px
}

.banner-btn-1,
.banner-btn-2 {
    line-height: 45px;
    font-size: 19px !important;
    text-decoration: none
}

.christmas-gif-div {
    position: fixed;
    top: 16%;
    right: 27%;
    max-width: 820px;
    display: none;
    z-index: 9999;
    animation: .6s ease-in-out fadeIn
}

.christmas-gif-div img {
    width: 100%;
    height: auto;
    cursor: pointer
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.christmas-close {
    position: absolute;
    top: 36px;
    right: 72px;
    background: #fff;
    color: #333;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    z-index: 10;
    display: flex;
    justify-content: center
}

.christmas-close:hover {
    background: #ff4d4d;
    color: #fff
}

@media (max-width:768px) {
    .healthcare-sucess-with-us-sec.finance-success img {
        margin-top: 0 !important
    }

    a.banner-btn-2.finance {
        background-color: #006d5b !important;
        font-size: 16px !important
    }

    .tech-stack-sec .on-demand-sec-heading p {
        text-align: left !important
    }

    .opac-heading p {
        text-align: left
    }

    .counter-card-one,
    .counter-card-two {
        margin-bottom: 20px
    }

    .popup-modal-img {
        display: none
    }
}

.team-container {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.team-row {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap
}

.app-dev-banner,
.software-development-banner {
    background-blend-mode: multiply;
    justify-content: center
}

.team-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    width: 250px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    transition: transform .3s
}

.about-banner-overlay,
.contact-us-banner-overlay {
    position: absolute;
    background-color: transparent;
    transition: background .3s, border-radius .3s, opacity .3s;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0
}

.team-card:hover {
    transform: translateY(-5px)
}

.team-card img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover
}

.team-card h3 {
    margin: 10px 0 5px;
    font-size: 16px;
    font-weight: 600
}

.team-card p {
    font-size: 14px;
    color: #555
}

.about-banner-overlay {
    background-image: linear-gradient(180deg, #e1ecf2 0, #e1ecf2 100%);
    opacity: .9
}

.contact-us-banner-overlay {
    background-image: linear-gradient(180deg, #153c51 0, #071e2a 100%);
    opacity: .95
}

.internal .menu-item-has-children svg {
    fill: #000
}

.main-contact-us-sec .layout-main-heading {
    font-size: 38px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 30px
}

.main-contact-us-sec {
    padding: 50px !important
}

.career-sec .accordion-body p,
.main-contact-us-sec .layout-main-heading-content,
.seo-packages,
.we-expertise-in-sec p {
    font-size: 17px
}

.domain-expertise-in-sec .we-expert-card p a,
.fixed-price-model .service-main-heading,
.hiring-model-sec .service-main-heading,
.main-contact-us-sec span a,
.seo-packages .seo-main-heading,
.seo-sub-heading {
    color: #1a99de
}

.main-contact-us-sec span {
    font-size: 25px;
    font-weight: 600
}

.main-contact-us-sec .get-in-touch-form .submit-btn {
    width: auto;
    display: inline
}

.main-contact-us-sec .get-in-touch-form span {
    font-size: 17px;
    font-weight: 400
}

.main-contact-us-sec .get-in-touch-form .form-card {
    padding: 0 15px;
    border: 1px solid #007bee !important;
    margin-bottom: 5px
}

.main-contact-us-sec .get-in-touch-form {
    background-color: #f1f5f8;
    padding: 35px 25px;
    border-radius: 15px
}

.software-development-banner {
    background-image: url(../images/software-development-banner.png);
    background-color: #000000c7;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0;
    min-height: 653px
}

.software-development-banner h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 25px;
    color: #fff;
    font-weight: 700
}

.software-development-banner p {
    font-size: 18px;
    margin-bottom: 55px;
    line-height: 1.5;
    color: #fff !important
}

.banner-btn-2 {
    font-family: Montserrat, sans-serif !important;
    color: #fff !important;
    padding: 12px 30px;
    font-weight: 500;
    border: 2px solid #3b65ec
}

.app-dev-banner .banner-btn-2 img,
.ios-banner .banner-btn-2 img,
.progressive-banner .banner-btn-2 img,
.react-banner .banner-btn-2 img {
    margin-left: 15px
}

.software-development-banner .banner-form {
    background: #fff;
    border-radius: 10px
}

.software-development-banner .form-header {
    background: #f6f6f6;
    padding: 20px 10px;
    border-radius: 10px 10px 0 0
}

.app-dev-banner,
.testimonial-section .card {
    background-position: center;
    text-align: center
}

.software-development-banner h5 {
    font-size: 20px;
    margin: 0;
    text-transform: capitalize
}

.software-development-banner .form-header p {
    font-size: 12px;
    color: #000 !important;
    margin-bottom: 0
}

.software-development-banner .form-card .banner-btn-2 {
    padding: 5px 20px !important;
    background: #00b2f1;
    border: none;
    font-size: 15px !important
}

.software-development-banner .form-select {
    font-size: 12px;
    color: #444;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #ddd;
    border-radius: 0;
    background-color: #f8f8f8;
    position: relative;
    height: 45px;
    line-height: 38px;
    display: block;
    margin-top: 15px;
    margin-bottom: 20
}

.software-development-banner textarea {
    background-color: #f2f2f200 !important;
    font-size: 14px !important;
    resize: none;
    padding: 9px 10px 9px 0;
    height: 80px !important;
    margin: 10px 0;
    text-align: left !important;
    margin-top: 20px !important;
    border: none;
    border-bottom: 1px solid #979797 !important;
    border-radius: 0 !important
}

.software-development-banner textarea::placeholder {
    font-size: 13px
}

.software-development-banner .form-card p {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    display: block;
    padding: 5px 0;
    margin-bottom: 10px !important;
    color: #000 !important
}

.software-development-banner .captcha-input {
    width: 100%;
    border: 2px solid #d8d8d8 !important;
    padding: 7px;
    text-align: center !important;
    border-radius: 5px !important;
    margin: 0 0 0 10px
}

.testimonial-section h6 {
    font-size: 24px !important;
    text-transform: none !important
}

.single-testi-img {
    width: 60% !important
}

.testimonial-section p {
    margin-bottom: 30px;
    color: #000
}

.testimonial-section .swiper {
    margin: 0 auto;
    padding: 20px 0
}

.testimonial-section .card {
    border: none;
    background-color: #ffffff00;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    border-radius: 15px;
    position: relative;
    min-height: 450px;
    background-size: cover;
    background-repeat: no-repeat
}

.testimonial-section .card-img-top {
    border-radius: 10px 10px 0 0
}

.testimonial-section .card-body {
    padding: 70px 15px 15px;
    background: #000;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    border-radius: 15px
}

.testimonial-section .play-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 2px solid #fff;
    width: 50px;
    border-radius: 100%
}

.testimonial-section .demo-gallery>ul>li a {
    background-size: cover !important;
    border: none;
    height: 450px;
    border-radius: 20px
}

.testimonial-section {
    position: relative;
    box-shadow: 5px 3px 22px #ddd
}

.client-text-review .swiper-button-next,
.client-text-review .swiper-rtl .swiper-button-prev,
.testimonial-section .swiper-button-next,
.testimonial-section .swiper-rtl .swiper-button-prev {
    right: 7%
}

.client-text-review .swiper-button-prev,
.client-text-review .swiper-rtl .swiper-button-next,
.testimonial-section .swiper-button-prev,
.testimonial-section .swiper-rtl .swiper-button-next {
    left: 7%
}

.client-text-review .swiper-button-next:after,
.client-text-review .swiper-rtl .swiper-button-prev:after,
.testimonial-section .swiper-button-next:after,
.testimonial-section .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    color: #000;
    border: 2px solid #000;
    font-size: 21px;
    padding: 18px 22px;
    border-radius: 100%
}

.client-text-review .swiper-button-prev:after,
.client-text-review .swiper-rtl .swiper-button-next:after,
.testimonial-section .swiper-button-prev:after,
.testimonial-section .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    color: #000;
    border: 2px solid #000;
    font-size: 21px;
    padding: 18px 22px;
    border-radius: 100%
}

.testimonial-section .testi-vector-1 {
    position: absolute;
    bottom: 0;
    z-index: -1
}

.testimonial-section .testi-vector-2 {
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(180deg);
    z-index: -1
}

.client-tect-review-card {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 32px 24px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    transition: .4s;
    border: 1px solid #fff;
    box-shadow: 5px 5px 9px #ddd
}

.app-dev-banner,
.cms-banner,
.counter-sec,
.crm-banner,
.ecom-banner,
.erp-banner,
.ios-banner,
.new-service-banner,
.new-service-banner-2,
.pro-design-banner,
.progressive-banner,
.react-banner,
.saas-banner {
    background-repeat: no-repeat;
    background-size: cover
}

.cms-banner,
.crm-banner,
.ecom-banner,
.erp-banner,
.pro-design-banner,
.saas-banner {
    background-blend-mode: multiply;
    background-position: center;
    text-align: center
}

.client-tect-review-card svg {
    fill: #4f2ed8;
    width: 60px;
    margin-bottom: 30px;
    display: block
}

.new-gallery-sec .demo-gallery>ul>li,
.new-related-post-sec .service-main-heading,
.package-card-price-detail,
.recent-post-about-box ul li,
.subs_child h3,
.testimonial-section .video-gallery {
    margin-bottom: 20px
}

.client-tect-review-card p {
    display: flex;
    justify-content: space-between;
    font-size: 19px;
    align-items: center;
    color: #3d4c5e
}

.client-tect-review-card h5 {
    color: #000;
    margin-top: 40px;
    font-size: 20px
}

.client-tect-review-card p span i {
    color: #ffba00
}

.client-tect-review-card:hover {
    border: 1px solid #4e2fda;
    transition: .4s;
    transform: translateY(-5px)
}

.exprt-with-major-box ul,
.internal.contact-us .header,
.transforming-industrues-sec ul {
    padding: 0
}

.transforming-industrues-sec ul li {
    list-style: none;
    display: inline-block;
    width: 19%;
    text-align: center;
    min-height: 200px;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.trandforming-sec-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 250px
}

.app-dev-banner,
.new-service-banner {
    min-height: 653px
}

.transforming-industrues-sec ul li img {
    width: 46px
}

.transforming-industrues-sec ul li p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    font-weight: 400
}

.transforming-industrues-sec ul li:first-child,
.transforming-industrues-sec ul li:nth-child(2),
.transforming-industrues-sec ul li:nth-child(3),
.transforming-industrues-sec ul li:nth-child(4),
.transforming-industrues-sec ul li:nth-child(6),
.transforming-industrues-sec ul li:nth-child(7),
.transforming-industrues-sec ul li:nth-child(8),
.transforming-industrues-sec ul li:nth-child(9) {
    border-right: 1px solid #cbcaca;
    border-bottom: 1px solid #cbcaca
}

.transforming-industrues-sec ul li:nth-child(10),
.transforming-industrues-sec ul li:nth-child(5) {
    border-bottom: 1px solid #cbcaca
}

.transforming-industrues-sec ul li:nth-child(11),
.transforming-industrues-sec ul li:nth-child(12),
.transforming-industrues-sec ul li:nth-child(13),
.transforming-industrues-sec ul li:nth-child(14) {
    border-right: 1px solid #cbcaca
}

.bl_subs {
    background-color: #3b65ECE0;
    padding: 28px 82px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 75%;
    display: flex;
    align-items: center
}

.subs_child {
    width: 90%;
}

.subs_child h3 {
    font-size: 44px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    line-height: 40px;
    margin-bottom: 7px;
}

.search-wrapper input {
    padding: 30px 0 !important
}

.search-wrapper input::placeholder {
    text-align: left !important;
    font-size: 16px
}

.custom-search-button {
    background-color: #5377ee !important;
    border: 0 #5377ee;
    border-radius: 4px;
    color: #fff;
    padding: 18px 28px !important;
    right: 15px;
    top: 22% !important;
    max-height: 90%;
    box-shadow: none !important;
    font-size: 17px
}

.app-dev-banner,
.ecom-banner {
    background-color: #000000c7;
    align-items: center
}

.bl_subs p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: rgba(255, 255, 255, .78);
    margin-bottom: 25px;
    padding-right: 50px
}

.client-text-review .testi-page-mySwiper {
    padding: 0 10px !important
}

.testi-internal-client-img {
    border-radius: 100%;
    margin-bottom: 25px
}

.single-testi {
    margin: 30px 0;
    padding: 30px;
    box-shadow: 2px 3px 9px #efefef;
    border-radius: 10px
}

.new-service-banner {
    background-image: url(../images/image-7.png);
    padding: 120px 0 20px 90px
}

.app-dev-banner {
    background-image: url(../images/e869d7bc377f6694914f63842e0fc359.png);
    padding: 0;
    display: flex
}

.cms-banner,
.ecom-banner,
.erp-banner,
.pro-design-banner {
    padding: 0;
    min-height: 653px;
    display: flex;
    justify-content: center
}

.ecom-banner {
    background-image: url(../images/0406671b3b18bd2d54e0e9443df86c62.webp)
}

.cms-banner,
.erp-banner,
.get-in-touch-form .form-card textarea,
.new-contact-us-banner .new-partners-slider {
    background-color: transparent
}

.cms-banner {
    background-image: url(../images/content-management-system-images.png);
    align-items: center
}

.erp-banner {
    background-image: url(../images/Group-1000010459.png);
    align-items: center
}

.pro-design-banner {
    background-image: url(../images/hero-section.png);
    background-color: #00000000;
    align-items: center
}

.crm-banner,
.saas-banner {
    padding: 0;
    display: flex;
    justify-content: center;
    min-height: 653px
}

.crm-banner {
    background-image: url(../images/image-4.png);
    background-color: transparent;
    align-items: center
}

.saas-banner {
    background-image: url(../images/image-5.png);
    background-color: #00000085;
    align-items: center
}

.ar-vr-banner,
.corporate-banner,
.digital-marketing-services-banner,
.ui-ux-banner-services-banner {
    background-color: transparent;
    background-position: center;
    display: flex;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    justify-content: center
}

.corporate-banner {
    background-image: url(../images/Group-1000010521.png);
    min-height: 653px;
    text-align: center;
    align-items: center
}

.digital-marketing-services-banner {
    background-image: url(../images/digital-marketing-banner-bg.png);
    min-height: 623px;
    align-items: center
}

.ui-ux-banner-services-banner {
    background-image: url(../images/ui-ux-banner-bg.webp);
    min-height: 689px;
    align-items: center
}

.ar-vr-banner,
.ios-banner,
.progressive-banner,
.react-banner {
    min-height: 653px;
    text-align: center
}

.ar-vr-banner {
    background-image: url(../images/Group-1000010522.png);
    align-items: center
}

.ios-banner,
.react-banner {
    justify-content: center;
    background-position: center;
    display: flex;
    padding: 0
}

.ios-banner {
    background-image: url(../images/image-4-1.png);
    align-items: center
}

.react-banner {
    background-image: url(../images/image-1.png);
    align-items: center
}

.progressive-banner {
    background-image: url(../images/image-1-1.png);
    padding: 0;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.new-service-banner h2,
.new-service-banner-2 h2 {
    font-size: 40px;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    line-height: 61px;
    color: #fff;
    margin-bottom: 20px
}

.app-sol-card a,
.app-sol-card h5,
.banner-btn-1,
.best-prog-inner-box h3,
.best-prog-inner-box p,
.better-investment-card .better-bottom-row p,
.better-investment-card .better-top-row span,
.common-p,
.different-consultation-sec .on-demand-industries-card span,
.ecom-busin-content h5,
.ecom-busin-content h6,
.ecom-busin-content p,
.ecomerce-app-dev-sol-sec ul li,
.edu-app-dev-everyone ul li,
.edu-app-dev-everyone ul p,
.edu-app-dev-everyone-2 h3,
.education-app-heading p,
.exprt-with-major-box h5,
.exprt-with-major-box p,
.exprt-with-major-box ul li,
.faq-card h5,
.faq-card p,
.feature-content h5,
.fuiling-card p,
.healthcare-new-heading h4,
.healthcare-new-heading p,
.mid-quote-banner-sec h5,
.mobile-serve-platform-new-btn,
.new-ios-service-card h5,
.new-mobile-app-dev-service-sec ul li,
.new-service-banner p,
.new-service-banner-2 p,
.on-demand-industries-card p,
.opac-heading p,
.page-btn-new,
.pro-card-content h5,
.pro-card-content p,
.progressive-web-app .use-cases-that-beyond-go-card p,
.related-post-content .blue-text,
.service-main-heading,
.why-choose-card p {
    font-family: Montserrat, sans-serif !important
}

.new-service-banner p,
.new-service-banner-2 p {
    color: #fff !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 55px
}

.ecomm-website-process,
.ecomm-website-process .android-app-dev-card,
.pay-click-seo-package .seo-package-card {
    min-height: auto
}

.new-service-banner-2 {
    background-image: url(../images/1845f8e751e1414b17bfbc53a61a9ec6.png);
    padding: 120px 0 20px 90px;
    min-height: 653px;
    background-color: #000000c7;
    background-blend-mode: multiply
}

.counter-sec .layout-main-heading {
    margin-bottom: 45px;
    color: #fff
}

.counter-sec {
    padding-top: 20px;
    background-image: url(../images/blue-gradient-background-empty-scene-product-presentation-mockup-abstract-background-concept-3d-rendering-1.png);
    position: relative;
    padding-bottom: 60px
}

.abut-counter-sec {
    background-color: #0c2b2e !important;
    background-image: none
}

.abut-counter-sec .counter-card:hover {
    border-right: 13px solid #fff
}

.banner-btn-1 {
    background: #3b65ec;
    color: #fff !important;
    padding: 15px 13px;
    margin-right: 15px;
    font-weight: 500
}

.banner-btn-1:hover {
    background: 0 0;
    background-color: #01b1f3 !important;
    background-image: linear-gradient(180deg, #3b65ec 0, #f2295B00 100%)
}

.banner-btn-2:hover {
    background: 0 0;
    background-color: #01b1f3 !important;
    background-image: linear-gradient(180deg, #3b65ec 0, #3b65ec 100%);
    cursor: pointer
}

.copyright br,
.hidden-text,
.mob-app-img-mobile,
.mob-app-serv-dev-sec .service-main-heading br,
.mobile-img,
.mobile-share-div {
    display: none
}

.ptb-70 {
    padding: 70px 0
}

.service-main-heading {
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 60px !important;
    text-align: center;
    color: #333
}

.best-prog-inner-box h3,
.common-p {
    line-height: 40px
}

.common-p {
    font-size: 18px;
    text-align: center !important;
    margin-bottom: 55px;
    color: #000;
    font-weight: 400
}

.new-mobile-app-dev-service-sec ul {
    padding: 0;
    margin-bottom: 35px
}

.new-mobile-app-dev-service-sec ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 46.77px;
    list-style: none
}

.new-mobile-app-dev-service-sec ul li img {
    margin-right: 25px;
    width: 27px;
    height: auto
}

.new-mobile-app-dev-service-sec span {
    margin-right: 30px
}

.best-prog-inner-box {
    background-color: #333;
    border-radius: 27px;
    padding: 50px
}

.best-prog-inner-box h3 {
    font-size: 30px;
    font-weight: 600;
    color: #fff !important;
    margin-bottom: 20px
}

.best-prog-inner-box p {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 30px !important;
    color: #fff !important
}

.best-prog-inner-box ul li,
.service-card-mob-dev h5,
.service-card-mob-dev p {
    color: #fff;
    font-family: Montserrat, sans-serif !important
}

.best-prog-inner-box ul {
    padding: 0;
    margin-bottom: 25px;
    line-height: 2.6
}

.best-prog-inner-box ul li {
    font-size: 14px;
    font-weight: 500;
    list-style: none;
    width: 45%;
    background: #5a5a5a;
    display: inline-block;
    border-radius: 7px;
    padding: 0 14px;
    margin-right: 20px;
    margin-bottom: 10px
}

.page-btn-new {
    background: #fff;
    font-size: 18px;
    color: #333 !important;
    line-height: 45px;
    text-decoration: none;
    font-weight: 500;
    padding: 13px 23px;
    border-radius: 8px
}

.cntr_content p a,
.portfolio-card-content p a,
.read-more-btn {
    text-decoration: underline
}

.best-prog-inner-box a img {
    margin-left: 10px
}

.mob-dev-serv-sec,
.web-dev-serv-sec {
    background: #092961
}

.about-isynbus-page-banner,
.all-blog-banner,
.all-blog-banner-2,
.christmas-achievement-sec,
.christmas-merrier,
.digital-counter-sec,
.driving-inov-grow-sec,
.edu-app-dev-everyone,
.end-to-end-tech-sec,
.health-what-get-sec,
.mid-quote-banner-sec,
.success-business-sec,
.success-business-sec .success-text {
    background-repeat: no-repeat;
    background-size: cover
}

.mob-dev-serv-sec .service-card-mob-dev img {
    height: 80px
}

.web-dev-serv-sec .common-p {
    color: #fff !important;
    font-family: Poppins, Sans-serif !important
}

.service-card-mob-dev {
    border: 1px solid #fff;
    padding: 10px 10px 15px;
    border-radius: 5px;
    margin: 15px 5px 5px;
    position: relative;
    min-height: 490px
}

.service-card-mob-dev h5 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 26px;
    margin-bottom: 10px;
    text-transform: capitalize
}

.service-card-mob-dev p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px !important;
    display: block
}

.exprt-with-major-box {
    padding: 60px 80px;
    box-shadow: -1px 2px 14px #bfbfbf;
    margin-bottom: 50px
}

.exprt-with-major-box h5 {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    color: #333;
    margin-bottom: 15px;
    text-transform: none
}

.exprt-with-major-box p,
.exprt-with-major-box ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #333
}

.exprt-with-major-box ul li {
    list-style: none;
    margin-top: 17px;
    position: relative;
    padding-left: 19px
}

.exprt-with-major-box ul li img {
    margin-right: 20px;
    position: absolute;
    left: 0;
    top: 11px
}

.exprt-with-major-box span {
    margin-right: 20px;
    margin-bottom: 17px
}

.exprt-with-major-box span img {
    margin-bottom: 10px;
    width: auto;
    height: 80px
}

.mid-quote-banner-sec {
    background-image: url(../images/Frame-22970.png);
    padding: 75px 0
}

.mid-quote-banner-sec h5 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    line-height: 26px;
    text-transform: capitalize
}

.mid-quote-banner-sec .page-btn-new {
    font-size: 22px;
    line-height: 45px;
    font-weight: 500;
    background: #f5e24d;
    padding: 16px 39px
}

.mob-dev-serv-sec .common-p {
    font-family: Poppins, Sans-serif !important;
    color: #fff !important;
    font-size: 16px;
    line-height: 31px
}

.app-sol-card {
    padding: 20px;
    box-shadow: 2px 4px 28px #ddd;
    margin-top: 25px !important;
    margin: 10px;
    margin-bottom: 35px !important;
    min-height: 300px;
    position: relative
}

.app-sol-card img {
    margin-top: -50px;
    margin-bottom: 30px;
    width: 27%
}

.app-sol-card h5 {
    font-size: 22px;
    font-weight: 500;
    line-height: 26.82px;
    color: #333;
    margin-bottom: 15px;
    text-transform: none
}

.app-sol-card p {
    text-align: left !important;
    line-height: 21.94px;
    color: #737373 !important
}

.app-sol-card a {
    color: #f94a4a;
    text-decoration: none;
    padding: 15px 10px;
    border-radius: 10px;
    position: absolute;
    bottom: 2%
}

.testimonial-section .banner-btn-2 {
    border: none;
    background: #0092ff
}

.app-sol-card a:hover,
.page-btn-new:hover {
    background-color: #01b1f3 !important;
    color: #fff !important
}

.app-sol-card a svg {
    width: 20px;
    fill: #F94A4A;
    margin-left: 10px
}

.ios-hire-page .healthcare-new-heading span,
.new-contact-us-banner .contact-us-banner-content p a,
.software-faq-sec .service-main-heading span {
    color: #3b65ec
}

.driving-inov-grow-sec {
    background-image: url(../images/blue-gradient-background-empty-scene-product-presentation-mockup-abstract-background-concept-3d-rendering-1.png);
    position: relative;
    padding: 90px 0
}

.new-vectorrr-1 {
    position: absolute;
    transform: rotate(177deg);
    width: 10%;
    top: 0;
    left: 0
}

.grow-innov-card {
    padding: 35px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #dedede;
    margin-top: 40px !important;
    margin: 10px;
    transition: .3s
}

.grow-innov-card img {
    margin-bottom: 35px;
    width: 33%
}

.grow-innov-card h5 {
    font-size: 36px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    margin-bottom: 30px
}

.grow-innov-card p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.emerg-tech-card h5,
.mob-app-card-content h5 {
    color: #333;
    font-weight: 500;
    font-family: Montserrat, sans-serif !important
}

.emerg-tech-card {
    padding: 47px 50px 47px 47px;
    box-shadow: 1px 4px 26px #ddd;
    border-bottom: 6px solid #3b65ec;
    margin-top: 25px;
    min-height: 308px;
    margin-bottom: 25px
}

.emerg-tech-card h5 {
    margin-bottom: 25px;
    font-size: 22px;
    line-height: 26px;
    text-transform: capitalize
}

.emerg-tech-card img {
    width: 40%
}

.emerg-card-img {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 71%
}

.mob-app-serv-dev-sec {
    background: #fbfbfb;
    box-shadow: 5px 0 11px #bdbdbd;
    padding: 50px 0
}

.mob-app-serv-dev-sec .common-p {
    color: #000 !important
}

.mob-app-dev-img {
    margin-bottom: 70px
}

.mob-app-card {
    position: relative;
    margin: 20px
}

.mob-app-card-content {
    position: absolute;
    top: 6%;
    padding: 40px
}

.mob-app-card-content img {
    width: 55px !important;
    margin-bottom: 20px;
    height: 62px !important
}

.mob-app-card-content h5 {
    font-size: 20px;
    line-height: 26.82px
}

.mob-app-card-content p {
    font-size: 14px;
    line-height: 21px;
    color: #737373;
    font-weight: 400
}

.mob-app-card img {
    width: 100%;
    height: 345px
}

.faq-card {
    margin-bottom: 25px;
    padding: 20px;
    min-height: 230px
}

.faq-card img {
    width: 63%;
    padding-top: 12px
}

.faq-card h5 {
    font-weight: 500;
    font-size: 20px;
    text-transform: none;
    line-height: 26.82px;
    color: #333
}

.faq-card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #737373
}

.accordion-button:focus,
.big-new-swiper .shadow-lg,
.form-control:focus {
    box-shadow: none !important
}

.new-testimonial-sec .elementor-26929 .elementor-element.elementor-element-4281e9c>.elementor-background-overlay {
    background-color: #fff !important
}

.package-btn a:hover,
.page-btn-new:hover {
    cursor: pointer
}

.page-btn-new:hover img {
    filter: brightness(111)
}

.best-prog-inner-box .img-fluid,
.blog-text-box,
.newsletter-new-sec img {
    height: 100%
}

.service-card-mob-dev img {
    width: 80px;
    height: auto;
    margin-bottom: 20px
}

.expert-li {
    display: flex;
    justify-content: space-between;
    align-items: end
}

.expert-li li {
    margin-bottom: 17px;
    font-size: 12px !important;
    color: #737373;
    font-weight: 300;
    width: 12%;
    text-align: center
}

.expert-li img {
    margin-bottom: 10px;
    width: 100%
}

.expert-card-img {
    width: 70%;
    margin: 0 auto
}

.grow-innov-card:hover {
    border-right: 10px inset #00cdfd
}

.big-new-swiper .p-4,
.digital-marketing-faq .accordion-header,
.driving-inov-grow-sec .elementor-37506 .elementor-element.elementor-element-80fc832,
.faq-hire-sec .accordion-header,
.new-faq-sec .accordion-header {
    padding: 0 !important
}

.related-post-card img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.related-post-content {
    background: #fff;
    padding: 20px;
    border-bottom-left-radius: 12px;
    min-height: 250px !important;
    border-bottom-right-radius: 12px;
    height: 100%;
    position: relative
}

.related-post-content .blue-text {
    color: rgb(0 168 255);
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    text-transform: capitalize;
}

.related-post-content .common-p {
    color: #000 !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.94px;
    text-align: left !important;
    margin-bottom: 20px;
    text-decoration: none;
    cursor: pointer
}

.sing_blg .cust-name::after {
    top: 12px;
    right: 6px
}

.app-sub-head,
.post-sender-detail .cust-name,
.post-sender-detail ul li {
    font-weight: 400;
    font-family: Montserrat, sans-serif !important
}

.post-sender-detail img {
    width: 25px;
    border-radius: 100%;
    margin-right: 5px;
    height: 100%
}

.post-sender-detail .cust-name {
    text-transform: capitalize;
    color: #00aff0;
    font-size: 16px;
    line-height: 25px;
    position: relative;
    padding-right: 20px
}

.cust-name::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #737373;
    position: absolute;
    border-radius: 12px;
    top: 11px;
    right: 8px
}

.new-expert-major-sec-box .nav-link,
.new-web-major-card h5,
.web-expert-major-sec-card h5 {
    font-size: 22px;
    font-family: Montserrat, sans-serif !important
}

.post-sender-detail ul li {
    color: #737373;
    font-size: 16px;
    list-style: none;
}

.faq-sec {
    box-shadow: 5px 1px 28px #ddd
}

.new-related-post-sec .swiper-button-next,
.new-related-post-sec .swiper-rtl .swiper-button-prev {
    right: 34px;
    left: auto;
    height: 50px
}

.service-description {
    display: inline
}

.read-more-btn {
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    font-size: 15px
}

.faq-sec .read-more-btn {
    color: #00f !important;
    margin: 0;
    background: 0 0
}

.elementor-element-2a0b1ef .elementor-image-box-wrapper,
.elementor-element-2b5fa3e .elementor-image-box-wrapper {
    margin: 10px 0 !important
}

.new-vector-1 {
    position: absolute;
    right: 0;
    top: 15%;
    width: 20%;
    z-index: -1
}

.web-dev-serv-sec .service-card-mob-dev {
    padding: 30px 50px 30px 30px;
    min-height: 480px;
    position: relative
}

.web-dev-serv-sec .page-btn-new {
    background-color: #3b65ec;
    position: absolute;
    bottom: 3%;
    color: #fff !important;
    line-height: normal
}

.cms-website-process .android-app-dev-card-1::after {
    top: 33px !important
}

.web-expert-major-sec-card {
    border: 2px solid #ddd;
    padding: 50px 30px
}

.web-expert-major-sec-card img {
    width: 56px;
    margin-bottom: 30px
}

.web-expert-major-sec-card h5 {
    font-weight: 500;
    line-height: 26.82px;
    margin-bottom: 15px
}

.new-web-major-card p,
.web-expert-major-sec-card .common-p {
    line-height: 21.94px !important;
    text-align: left !important
}

.new-expert-major-sec-box {
    padding: 80px 50px;
    box-shadow: 2px 4px 28px #ddd
}

.new-expert-major-sec-box .nav-link {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0;
    padding: 0;
    margin-right: 101px;
    font-weight: 600;
    color: #000;
    line-height: 26px
}

.doctor-healthcare-faq-sec .accordion-item:last-of-type,
.how-classy-website-work-sec .on-demand-industries-card:hover .on-demand-industries-content,
.how-classy-website-work-sec .on-demand-industries-content:hover,
.new-expert-major-sec-box .nav-tabs,
.second-realstate-mid-banner .education-app-heading .banner-btn-2 {
    border: none !important
}

.new-expert-major-sec-box .nav-link.active {
    color: #3b65ec !important;
    border-bottom: 2px solid #3b65ec !important
}

.ecom-development-process .accordion-button:hover,
.new-expert-major-sec-box .nav-link:hover {
    background-color: transparent !important;
    color: #000 !important
}

.new-web-major-card {
    padding: 20px;
    border: 1px solid #00000040;
    margin-top: 50px;
    min-height: 381px
}

.app-sub-head::after,
.app-sub-head::before {
    width: 6px;
    height: 6px;
    background-color: #3b65ec;
    border-radius: 100%;
    top: 43%;
    content: ''
}

.new-web-major-card img {
    margin-bottom: 25px;
    width: 50px;
    height: 50px
}

.ecom-web-dev-services .new-ios-service-card h5,
.new-web-major-card p {
    margin-bottom: 20px;
    margin-top: 20px
}

.app-dev-banner h1,
.ios-banner h1,
.progressive-banner h1,
.react-banner h1 {
    font-family: Montserrat, sans-serif !important;
    color: #fff;
    margin-bottom: 25px
}

.new-web-app-sol .app-sol-card {
    min-height: 300px
}

.app-dev-banner h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px
}

.app-dev-banner p,
.ios-banner p,
.progressive-banner p,
.react-banner p {
    font-size: 22px;
    font-weight: 600;
    line-height: 40px
}

.ios-banner h1,
.progressive-banner h1,
.react-banner h1 {
    font-size: 80px;
    font-weight: 700;
    line-height: 103px
}

.android-app-dev-card h5,
.android-app-dev-card p {
    font-family: Montserrat, sans-serif !important;
    font-weight: 500
}

.fuiling-card h5 span img {
    width: 28.07px;
    height: 32px
}

.fuiling-card span {
    float: right
}

.ecomm-website-process .android-app-dev-card-2::before {
    left: -220%;
    top: -15px
}

.ecomm-website-process .android-app-dev-card-1::after {
    top: 62px
}

.app-sub-head {
    font-size: 16px;
    position: relative;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: auto;
    color: #000
}

.app-dev-heading {
    text-align: center;
    font-size: 36px !important;
    font-weight: 600 !important;
    line-height: 52px !important;
    margin-bottom: 0
}

.app-dev-heading span {
    color: #3b65ec;
    font-size: 36px !important
}

.app-sub-head::after {
    position: absolute;
    right: -8px
}

.app-sub-head::before {
    position: absolute;
    left: -8px
}

.android-app-dev-card-1::after,
.android-app-dev-card-3::after {
    content: url(../images/Rectangle-111449.png);
    width: 241px;
    position: absolute;
    z-index: 1
}

.android-common-p {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    color: #000;
    margin-bottom: 45px
}

.android-app-dev-card {
    background: linear-gradient(180deg, rgb(224 219 219 / 75%) 6%, #fff 100%);
    text-align: center;
    padding: 35px;
    position: relative;
    margin-right: 1px;
    min-height: 295px
}

.android-app-dev-card img {
    margin-bottom: 10px;
    width: 36px;
    height: 35px
}

.android-app-dev-card h5 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    text-transform: capitalize
}

.android-app-dev-card p {
    font-size: 14px;
    text-align: left !important;
    line-height: 22px
}

.android-app-dev-card-1::after {
    height: 1px;
    left: 72.9%;
    top: 81px
}

.android-app-dev-card-3::after {
    height: 1px;
    left: 72.8%;
    transform: rotate(180deg);
    top: 240px
}

.android-app-dev-card-2::before {
    content: url(../images/Rectangle-111448.png);
    position: absolute;
    width: 145px;
    height: 1px;
    left: -160%;
    z-index: 1;
    top: -15px
}

.android-app-dev-card-3,
.android-app-dev-card-4 {
    background: linear-gradient(359deg, rgba(224, 219, 219, .31) 6%, #fff 100%)
}

.android-app-dev-services-sec {
    position: relative;
    box-shadow: 5px 2px 13px #ddd
}

.android-app-dev-vector-1 {
    position: absolute;
    bottom: 0;
    left: 0
}

.use-cases-that-beyond-go-sec {
    background-color: #092961;
    position: relative
}

.review-inside-vect,
.review-main-vect,
.use-cases-that-beyond-vector {
    position: absolute;
    top: 0;
    right: 0
}

.progressive-dedictaed-team h5 {
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize
}

.our-dedicated-team-card p,
.use-cases-that-beyond-go-card h5 {
    font-weight: 500;
    line-height: 26px;
    font-family: Montserrat, sans-serif !important
}

.ecom-dedicated-team .our-dedicated-team-card-line:after {
    content: url(../images/rec-new.png) !important
}

.ecom-web-dev-services .new-ios-service-card a {
    font-size: 16px;
    line-height: 19.5px;
    text-decoration: underline;
    color: #3b65ec;
    font-weight: 700;
    position: absolute;
    bottom: 9%;
    display: block;
    width: 100%;
    left: 0
}

.ecom-fueling-your-software-sec .fuiling-card {
    height: 263px
}

.use-cases-that-beyond-go-card {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    min-height: 215px;
    margin: 15px
}

.use-cases-that-beyond-go-card h5 {
    font-size: 18px;
    color: #000;
    text-transform: capitalize
}

.use-cases-that-beyond-go-card img {
    width: 48px;
    height: 45px
}

.our-dedicated-team-card {
    text-align: center;
    position: relative
}

.our-dedicated-team-card img {
    height: 39.1px;
    margin-bottom: 15px
}

.our-dedicated-team-card p {
    font-size: 15px;
    text-align: center;
    padding: 10px
}

.our-dedicated-team-card-line:after {
    position: absolute;
    content: url(../images/Rectangle-112524.png);
    right: 0;
    top: 0
}

.our-secret-sauce-sec,
.wide-range-sec {
    background-color: #f3faff
}

.wide-range-line p img {
    width: 17px;
    margin-right: 9px
}

.fueling-your-software-sec .fuiling-card h5 span img {
    width: auto;
    height: 32px
}

.ios-service-new-sec,
.mobile-app-dev-service {
    background-color: #fbfbfb;
    box-shadow: 5px 2px 16px #ddd
}

.saas-website-process .android-app-dev-card-1::after {
    top: 76px !important
}

.techonologies-we-leverage-sec .nav-link {
    box-shadow: none !important;
    font-size: 14px;
    border: none !important;
    border-radius: 0;
    padding: 5px 20px;
    margin-right: 13px;
    font-weight: 600;
    color: #000;
    font-family: Montserrat, sans-serif !important;
    line-height: 26px;
    background: #e6ebf1
}

.techonologies-we-leverage-sec .nav-tabs {
    border: none !important;
    margin-bottom: 50px;
    gap: 20px
}

.techonologies-we-leverage-sec .nav-link.active {
    color: #fff !important;
    background: #3b65ec !important
}

.techonologies-we-leverage-sec .nav-link:hover {
    color: #fff !important;
    background: #1666eb
}

.techonologies-we-leverage-sec .tab-pane img {
    width: 81px;
    height: 78px
}

.techonologies-we-leverage-sec .tab-pane p {
    font-size: 14px;
    font-family: Montserrat, sans-serif !important;
    line-height: 22px;
    margin-top: 10px
}

.techonologies-we-leverage-sec .tab-pane h5 {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px
}

.tec-tab-card {
    text-align: center;
    margin-bottom: 55px
}

.android-service-process-card {
    display: flex;
    gap: 20px;
    background: #f6f6fc;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
    min-height: 300px
}

.erp-fueling-your-software-sec .fuiling-card {
    height: 367px !important
}

.get-in-touch-sec .form-group,
.mobile-flag-dropdown {
    width: 100% !important
}

.get-in-touch-form .form-card {
    display: flex;
    background: #ffffff1a;
    border: 1px solid #fff3 !important;
    color: #000 !important;
    border-radius: 6px;
    align-items: center;
    padding: 2px 15px !important;
    margin-bottom: 12px;
    align-items: baseline
}

.form-card i {
    font-style: normal;
    font-size: 18px;
    font-family: FontAwesome !important
}

.get-in-touch-form .form-card input {
    text-align: left !important;
    height: 54px !important;
    width: 100%;
    margin: 0 0 0 25px !important;
    padding: 10px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Poppins, sans-serif !important;
    background: 0 0
}

.get-in-touch-form .form-card input::placeholder {
    color: #fff;
    text-align: left !important
}

.get-in-touch-form .form-card textarea::placeholder {
    color: #fff;
    text-align: left !important
}

#contactForm .form-card textarea {
    border: none !important;
    padding: 10px 0 0;
    text-align: left !important;
    color: #fff !important
}

#contactForm .get-in-touch-form .form-card input {
    margin-left: auto !important;
    color: #fff
}

#serviceform .form-card textarea,
.hashtag-1 h4 {
    text-align: center !important
}

.submit-btn {
    background: #00aff0;
    margin-top: 24px;
    border-radius: 6px !important;
    font-weight: 400;
    font-size: 18px;
    width: 30%;
    color: #ffe !important;
    text-transform: uppercase;
    position: relative;
    display: block;
    text-align: center;
    padding: 19px 30px !important
}

.get-in-touch-form input::placeholder {
    text-align: center
}

.video-main-div {
    position: sticky;
    top: 75px
}

.subs_child .search-wrapper input {
    box-shadow: none;
    border-radius: 6px;
    border: none;
    width: 66%;
    padding: 20px 4px !important;
    background-color: transparent
}

.subs_child .search-wrapper input:focus-visible {
    outline: 0 !important
}

.pro-card-icon {
    width: 74%
}

.pro-card-icon img {
    width: 72px;
    min-width: 72px
}

.pro-card-content h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 10px
}

.pro-card-content p {
    font-size: 16px;
    line-height: 24.5px;
    font-weight: 400;
    color: #737373
}

.bl_subs input::placeholder {
    padding-left: 15px !important
}

.techonologies-we-leverage-sec {
    box-shadow: 5px 0 15px #ddd;
    position: relative
}

.new-ios-service-card {
    text-align: center;
    background: #fff;
    border: 1px solid #00000014;
    border-radius: 14.53px;
    padding: 25px;
    margin-top: 85px;
    position: relative;
    min-height: 300px
}

.new-ios-service-card img {
    margin-top: -85px;
    width: 106.59px;
    height: 106.59px
}

.new-ios-service-card h5 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize
}

.new-ios-service-card p {
    font-size: 16px;
    line-height: 23.5px;
    color: #737373;
    font-weight: 400;
    text-align: left
}

.ecom-development-process,
.fueling-your-ios-sec,
.tech-stack-sec {
    background-color: #092961
}

.fuiling-card {
    background: #fff;
    padding: 40px;
    border: 1px solid #dbdbdb;
    width: a;
    height: 379px
}

.fuiling-card h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
    display: inline-block;
    width: 76%;
    margin-bottom: 25px;
    text-transform: none
}

.fuiling-card h5 span {
    margin-right: 22px;
    float: none !important
}

.fuiling-card p {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px
}

.christmas-merrier h5,
.offer-card p,
.want-to-launch-sec h5 {
    font-family: Poppins, Sans-serif
}

.react-services-sec .android-app-dev-card-2::before {
    left: -133% !important
}

.react-service-new-sec .new-ios-service-card {
    min-height: 360px
}

.mobile-serve-platform-new-btn {
    font-size: 14px;
    font-weight: 500;
    color: #00aff0 !important;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 3px 5px;
    margin-top: 15px;
    position: absolute;
    bottom: 3%;
    border-radius: 3px
}

.mobile-serve-platform-new-btn img {
    width: 13px;
    height: 13px !important;
    margin: 0 0 0 7px
}

.app-for-servicr-provider p svg,
.explore-realstate-points p img,
.nav-link img,
.offer-card ul li img {
    margin-right: 15px
}

.react-services-sec .android-app-dev-card-1::after {
    top: 53px
}

.progressive-web-app .use-cases-that-beyond-go-card h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    font-family: Montserrat, sans-serif !important;
    color: #3b65ec
}

.progressive-web-app .use-cases-that-beyond-go-card p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.education-faq-sec .faq-card,
.progressive-web-app .use-cases-that-beyond-go-card {
    min-height: 260px
}

.software-development-banner .form-card {
    padding: 0 10px 20px;
    border: none !important
}

.software-development-banner input {
    border: none !important;
    border-bottom: 1px solid #979797 !important;
    font-size: 14px;
    width: 100%;
    padding: 8px 10px 8px 0;
    border-radius: 0 !important;
    text-align: left !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

.get-in-touch-sec .form-header h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2
}

.get-in-touch-sec .form-card p {
    font-size: 12px;
    color: #000 !important;
    margin-bottom: 0;
    margin-top: 10px
}

.ecom-web-app .use-cases-that-beyond-go-card {
    min-height: 322px
}

.ecom-dedicated-team .our-dedicated-team-card p {
    font-size: 13px;
    padding: 10px
}

.ecom-web-dev-services .new-ios-service-card {
    min-height: 340px
}

.get-in-touch-sec .form-header {
    background: #f6f6f6;
    padding: 15px 25px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 16px
}

.get-in-touch-sec .form-card .input-form {
    border: none !important;
    border-bottom: 1px solid #979797 !important;
    border-radius: 0 !important;
    margin-bottom: 16px !important;
    padding-bottom: 0;
    height: 35px !important;
    width: 100% !important
}

.get-in-touch-sec .form-card select {
    padding: 14px;
    font-size: 12px;
    color: #444;
    border: 1px solid #ddd;
    margin-bottom: 14px
}

.get-in-touch-sec .form-card input::placeholder {
    font-size: 15px;
    text-align: left !important
}

.get-in-touch-sec .form-card textarea::placeholder {
    font-size: 15px;
    text-align: left !important
}

.get-in-touch-sec .captcha-input {
    font-size: 20px;
    border: 1px solid #ddd !important;
    padding: 20px
}

.software-dev-services-sec .android-app-dev-card-1::after {
    top: 110px
}

.chain-sec-card img,
.tech-mySwiper li {
    width: auto
}

.techonologies-we-leverage-sec .swiper-button-next,
.techonologies-we-leverage-sec .swiper-rtl .swiper-button-prev {
    position: absolute;
    top: 36% !important;
    right: 0;
    bottom: auto !important;
    background: #00b2f1 !important;
    left: auto !important;
    width: 50px !important;
    height: 50px !important
}

.ecom-development-process .accordion-button {
    box-shadow: none !important;
    background: 0 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    color: #000
}

.ecom-development-process .accordion-body {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.techonologies-we-leverage-sec .swiper-button-prev,
.techonologies-we-leverage-sec .swiper-rtl .swiper-button-next {
    position: absolute;
    top: 35% !important;
    left: 0;
    right: auto !important;
    bottom: auto !important;
    background: #00b2f1 !important;
    width: 50px !important;
    height: 50px !important
}

.software-develop-use-case .use-cases-that-beyond-go-card p {
    font-size: 15px;
    line-height: 25px
}

.software-develop-use-case .use-cases-that-beyond-go-card h5 {
    font-weight: 600
}

.ar-vr-web-app .use-cases-that-beyond-go-card,
.software-develop-use-case .use-cases-that-beyond-go-card {
    min-height: 410px
}

.software-dev-services-sec .android-app-dev-card {
    min-height: 353px
}

.accordion-item {
    padding: 8px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #00000026
}

.techonologies-we-leverage-sec .swiper-button-next:after,
.techonologies-we-leverage-sec .swiper-button-prev:after,
.techonologies-we-leverage-sec .swiper-rtl .swiper-button-next:after,
.techonologies-we-leverage-sec .swiper-rtl .swiper-button-prev:after {
    color: #fff !important;
    font-size: 22px !important
}

.ecom-development-process .accordion-button:not(.collapsed)::after {
    background-image: url(../images/Vector-minus.png) !important
}

.ecom-development-process .accordion-button::after {
    background-image: url(../images/Vector-plus.png) !important
}

.ecom-development-process .accordion-button:focus {
    background-color: transparent !important;
    color: #00aff0 !important
}

.android-app-dev-card-8:before {
    left: -120%
}

.container-sticky-wrapper {
    height: 100vh;
    overflow: hidden
}

.container-sticky-wrapper .col-md-8 {
    overflow-y: auto;
    height: 100%
}

.expert-android-main-div {
    padding: 50px;
    background: #294ba8;
    border-radius: 25px
}

#countryCodeDropdownPopup input,
#countrySearchBar,
#countrySearchBar2 {
    position: sticky;
    top: 0;
    z-index: 10;
    width: 95% !important;
    border: 1px solid #ddd !important;
    margin: 10PX !important;
    PADDING: 6PX !important;
    box-shadow: -2px 0 12px #ddd !important;
    background-color: #fff !important
}

#countryCodeDropdownPopup input {
    BORDER-RADIUS: 6PX !important
}

#countryCodeDropdownPopup {
    max-height: 300px;
    overflow-y: auto
}

#countrySearchBar,
#countrySearchBar2 {
    BORDER-RADIUS: 6PX !important;
    max-height: 300px;
    overflow-y: auto
}

#countryCodeDropdown2 input {
    background-color: #f5f5f5 !important;
    padding-left: 20px !important;
    color: #000 !important
}

#countryCodeDropdown2 input::placeholder {
    color: #000 !important
}

.related-post-link .related-post-card {
    min-height: auto !important
}

.related-post-link .related-post-content {
    min-height: 200px !important
}

.new-portfolio-page {
    background-image: url(../images/portfolio-bg-new.png) !important
}

.portfolio-circle-bg,
.portfolio-circle-bg-2 {
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: #5d88f314;
    filter: blur(40px);
    z-index: 0;
    top: -99px;
    position: absolute
}

.portfolio-new-banner-sec h1 {
    font-family: Montserrat, sans-serif !important;
    font-size: 51px;
    font-weight: 600;
    line-height: 62px;
    color: #fff;
    text-align: center;
    position: relative
}

.portfolio-new-banner-sec h1 span {
    color: #00b4ec
}

.portfolio-new-banner-sec p {
    font-family: Poppins, sans-serif !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    color: #fff;
    text-align: center;
    position: relative
}

.portfolio-circle-bg {
    left: -168px
}

.portfolio-circle-bg-2 {
    right: -131px
}

.portfolio-banner-app-card {
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1a0d28;
    border-radius: 12px;
    border: 1.5px solid orange;
    position: relative
}

.portfolio-banner-app-card .card-content h2 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 10px
}

.portfolio-banner-app-card .available {
    color: #f5b400;
    font-weight: 600;
    margin-bottom: 12px
}

.portfolio-banner-app-card .icons span {
    color: #fff;
    font-size: 22px;
    margin-right: 14px
}

.portfolio-banner-app-card .cta {
    margin-top: 24px;
    padding: 14px 24px;
    background: linear-gradient(90deg, #06f, #00d4ff);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.portfolio-banner-app-card .cta:hover {
    opacity: .9
}

@media screen and (max-width:1199px) {
    .sticky {
        position: static
    }

    .form-card .banner-btn-2 {
        padding: 7px 4px;
        font-size: 12px !important
    }

    .service-card-mob-dev {
        min-height: 560px
    }

    .bl_subs {
        padding: 20px !important
    }

    .subs_child h3 {
        font-size: 24px;
        margin-bottom: 0
    }

    .bl_subs p {
        font-size: 18px;
        line-height: 25px
    }
}

.crm-website-process .android-app-dev-card-1::after {
    top: 133px !important
}

.pro-design-process .android-app-dev-card {
    min-height: 242px
}

.pro-design-process .android-app-dev-card-1::after {
    top: 109px
}

.pro-design-process .android-app-dev-card-2::before {
    left: -182%
}

.pro-design-dev-serv .service-card-mob-dev {
    border: none;
    text-align: center;
    padding: 30px
}

.pro-design-dev-serv .service-card-mob-dev p {
    text-align: justify
}

.get-in-touch-form .captcha-div input {
    width: 200px !important;
    display: inline-block;
    height: 54px !important;
    border: 1px solid #00aff0 !important;
    text-align: center;
    border-radius: 6px !important;
    background: #ffffff1a;
    backdrop-filter: blur(10px);
    border: 1px solid #fff3 !important;
    color: #fff !important;
    margin: 0 !important
}

.get-in-touch-form .captcha-div input::placeholder {
    color: #fff !important
}

.pro-design-dev-serv .pro-desig-sev-serv-line::after {
    position: absolute;
    content: url(../images/Rectangle-112524-1.png);
    right: 0;
    bottom: 0
}

.crm-develop-use-case .use-cases-that-beyond-go-card {
    min-height: 430px
}

.new-technology-sec {
    background: #f5f5f5;
    box-shadow: 0 5px 9px #e5e5e5
}

.offer-banner,
.perfect-gift-sec,
.want-to-launch-sec {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s
}

.new-technology-sec .nav-pills .nav-link.active,
.new-technology-sec .nav-pills .show>.nav-link {
    background-color: #0078ab
}

.new-technology-sec .nav-link:hover {
    background-color: #0078ab;
    color: #fff
}

.new-technology-sec .nav-link {
    font-size: 21px;
    border: 1px solid #0078ab;
    margin-bottom: 10px;
    color: #007aac;
    border-radius: 10px;
    display: flex;
    min-height: 56px;
    justify-content: space-between;
    box-shadow: none !important
}

.nav-link img {
    filter: invert(51%) sepia(100%) saturate(419%) hue-rotate(168deg) brightness(90%) contrast(91%)
}

.logistics-page .on-demand-industries-card .intustries-card-icon img,
.new-technology-sec .nav-link:hover img,
.new-technology-sec .nav-pills .nav-link.active img,
.new-technology-sec .nav-pills .show>.nav-link img {
    filter: none
}

.pro-dev-services .new-ios-service-card {
    min-height: 415px !important
}

.erp-website-process .android-app-dev-card-1::after {
    top: 98px
}

.erp-web-app .use-cases-that-beyond-go-card {
    min-height: 380px
}

.erp-app-dev-services .new-ios-service-card {
    min-height: 385px
}

.new-technology-sec .tec-tab-card {
    margin: 0 auto 30px
}

.new-technology-sec .tec-tab-card p {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px
}

.ar-vr-website-process .android-app-dev-card-1::after {
    top: 121px
}

.ar-vr-faq-sec .faq-card {
    min-height: 239px
}

.ar-vr-website-process .android-app-dev-card-2::before {
    left: -176%
}

.offer-banner {
    background-image: url(../images/offer-banner.png);
    padding: 135px 0
}

.offer-banner p {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    margin-top: 14px
}

.christmas-achievement-sec .layout-main-heading span,
.offer-banner p span,
.perfect-gift-sec .layout-main-heading span {
    color: #ecb434
}

.offer-banner .success-suite-div h6 {
    font-size: 29px;
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
    font-family: Poppins, sans-serif !important;
    margin-bottom: 0
}

.offer-banner .success-suite-div h6 span {
    color: #fedb7c
}

.offer-banner .success-suite-div p {
    font-size: 22px;
    margin-top: 0
}

.want-to-launch-sec {
    background-image: url(../images/want-to-launch-bg-img.png);
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 200px 0 100px;
    position: relative
}

.want-to-launch-sec h5 {
    color: #494d53;
    font-size: 28px;
    line-height: 35px;
    font-weight: 500;
    text-transform: none
}

.want-to-launch-sec .layout-main-heading {
    text-align: left;
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 35px
}

.want-to-launch-sec .layout-main-heading span {
    color: #ecb434;
    position: relative;
    background-image: url(../images/offer-span-img.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom
}

.book-free-demo-btn {
    font-size: 18px;
    font-weight: 500;
    fill: #FFFFFF;
    color: #fff;
    background-color: transparent;
    background-image: linear-gradient(180deg, #cf9f40 0, #a55415 100%);
    border-radius: 21px;
    padding: 10px 18px 11px
}

.want-to-launch-sec .santa-img {
    position: absolute;
    top: -240px;
    right: 47px
}

.perfect-gift-sec {
    background-image: url(../images/perfect-gift-sec-bg-img.png);
    position: relative
}

.offer-card {
    background: #fff;
    border: 1px solid #cddbeb;
    border-radius: 12px;
    margin-top: 50px
}

.christmas-achievement-sec,
.christmas-merrier,
.success-business-sec {
    background-position: center center
}

.offer-card h5 {
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    margin-top: 20px;
    text-transform: normal
}

.offer-card p {
    color: #89899f;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

.offer-card ul li {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px
}

.offer-btn {
    margin-top: 37px;
    margin-bottom: 40px
}

.offer-btn .book-free-demo-btn {
    padding: 16px 40px
}

.christmas-merrier {
    background-image: url(../images/christmas-merrier-bg.png);
    padding: 90px 0 300px;
    z-index: 1000;
    position: relative;
    text-align: center
}

.christmas-merrier h5 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    line-height: 37px
}

.success-business-sec {
    background-image: url(../images/success-business-sec-bg-img.png);
    margin-top: -145px;
    margin-bottom: 0;
    padding: 0 0 100px
}

.success-business-sec .success-text {
    background-image: url(../images/success-text-bg.png);
    margin: 120px 0 0 36px;
    background-position: top center;
    padding: 0 0 80px
}

.success-business-sec .success-text p {
    color: #ff0928;
    padding: 230px 0 0;
    margin: 0;
    font-size: 36px;
    text-align: center;
    font-weight: 600
}

.christmas-achievement-sec {
    background-image: url(../images/christmas-achievement-bg.png) !important;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 120px 0 300px;
    position: relative
}

.christmas-achievement-sec ul li {
    background: 0 0 !important;
    width: 15% !important;
    margin: 0
}

.christmas-achievement-sec .swiper-button-next:after,
.christmas-achievement-sec .swiper-button-prev:after,
.christmas-achievement-sec .swiper-rtl .swiper-button-next:after,
.christmas-achievement-sec .swiper-rtl .swiper-button-prev:after {
    font-size: 21px;
    color: #8b8b8b
}

.christmas-achievement-sec .swiper-button-prev,
.christmas-achievement-sec .swiper-rtl .swiper-button-next {
    left: 19% !important;
    top: 58%
}

.christmas-achievement-sec .swiper-button-next,
.christmas-achievement-sec .swiper-rtl .swiper-button-prev {
    right: 19% !important;
    top: 58%
}

.career-sec .accordion-button {
    background-color: #1a99de;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    padding-left: 50px
}

.career-sec .accordion-button:focus,
.cta-buttons a:focus,
.industry-faq-sec .accordion-button:focus,
.new-contact-banner-form .check-div input:focus {
    box-shadow: none
}

.career-sec .accordion-button::after {
    background-image: none !important;
    content: '\2b';
    font-family: FontAwesome;
    position: absolute;
    left: 2%;
    top: 16px
}

.career-sec .accordion-button:not(.collapsed)::after {
    background-image: none !important;
    content: '\f068';
    transform: none;
    font-family: FontAwesome
}

.career-sec .accordion-item {
    box-shadow: none !important;
    border: none !important;
    padding: 0
}

.career-sec .accordion-body h2 {
    font-size: 28px;
    font-weight: 700
}

.career-get-in-touch .get-in-touch-form .submit-btn {
    width: 100%;
    margin: 0
}

.career-get-in-touch .get-in-touch-form {
    margin-top: 25px;
    padding: 25px 25px 55px;
    background-color: #fff;
    border: 5px solid #ededed;
    border-radius: 22px
}

.career-get-in-touch {
    background-color: #e6eef3
}

.career-contact-details .layout-main-heading {
    font-size: 30px;
    margin-bottom: 23px !important;
    margin-top: 20px
}

.career-contact-details p,
.career-contact-details p a,
.seo-main-heading span {
    color: #54595f
}

.digital-marketing-services-banner h1,
.digital-marketing-services-banner p,
.ui-ux-banner-services-banner h1,
.ui-ux-banner-services-banner p {
    font-family: Montserrat, sans-serif !important;
    color: #fff
}

.career-contact-details p i {
    color: #00b2f1;
    margin-right: 20px
}

.digital-marketing-services-banner h1 {
    font-size: 72px;
    font-weight: 700;
    line-height: 66px
}

.digital-marketing-services-banner h6,
.ui-ux-banner-services-banner h6 {
    font-size: 31px;
    color: #fff;
    font-weight: 700;
    margin-top: 25px;
    font-family: Montserrat, sans-serif !important
}

.digital-marketing-services-banner p {
    margin-bottom: 35px;
    font-size: 21px;
    margin-top: 15px
}

.digital-marketing-services-banner .banner-btn-2 {
    background: #fdad09;
    border: none
}

.ui-ux-banner-services-banner h1 {
    font-size: 72px;
    font-weight: 700;
    line-height: 79px
}

.ui-ux-banner-services-banner h1 span {
    color: #ecd13b
}

.ui-ux-banner-services-banner p {
    margin-bottom: 35px;
    font-size: 31px;
    font-weight: 600;
    margin-top: 30px;
    line-height: 44px
}

.digital-expert-card h5,
.digital-expert-card p {
    font-weight: 500;
    font-family: Montserrat, sans-serif !important;
    text-align: center
}

.opac-heading span,
.why-choose-card h5,
.why-choose-points p {
    font-weight: 700;
    font-family: Montserrat, sans-serif !important
}

.ui-ux-banner-services-banner .banner-btn-2 {
    background: #f92488;
    border: none
}

.digital-expert-card .digital-expert-card-img {
    height: 352px
}

.digital-expert-card .digital-expert-card-img img {
    height: 100%;
    object-fit: cover
}

.digital-expert-card h5 {
    font-size: 18px;
    margin-top: 18px;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 0;
    padding-bottom: 5px
}

.digital-expert-card p {
    font-size: 14px;
    line-height: 22px
}

.digital-team-experts .banner-btn-2 {
    background-color: #fdad09;
    float: right;
    font-family: Montserrat, sans-serif !important;
    padding: 5px 30px;
    border: none
}

.digital-services-card:hover,
.digital-why-choose-us ul li:hover {
    background: linear-gradient(180deg, #4c44fc 0, #662ff4 100%)
}

.digital-partners-mySwiper {
    padding: 20px;
    margin-top: 35px
}

.digital-partners-mySwiper img {
    border-radius: 20px
}

.opac-heading span {
    color: #3b65ec;
    font-size: 68px;
    line-height: 51px
}

.opac-heading .app-dev-heading {
    margin-top: -28px;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif !important
}

.why-choose-points p {
    font-style: italic;
    font-size: 20px;
    line-height: 30px
}

.why-choose-card img {
    width: 90px
}

.why-choose-card h5 {
    font-size: 18px;
    line-height: 26px
}

.digital-counter-card .digital-counter-text h6,
.digital-services-card p,
.do-you-know-div h5 {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600
}

.digital-why-choose-us ul li {
    display: inline-block;
    width: 46%;
    gap: 2px;
    margin-right: 22px;
    padding: 20px;
    box-shadow: 0 2px 8px 0 #00000040;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-bottom: 25px;
    font-family: Montserrat, sans-serif !important;
    vertical-align: top;
    transition: .3s
}

.digital-why-choose-us ul li:first-child,
.end-to-end-counter-sec,
.end-to-end-tech-content,
.feature-content ul,
.new-faq-sec .accordion {
    margin-top: 50px
}

.digital-why-choose-us ul li:nth-child(4) {
    margin-top: -37px
}

.digital-services-card:hover img,
.digital-why-choose-us ul li:hover img {
    filter: invert(1) brightness(2)
}

.digital-why-choose-us ul li:hover {
    transition: .3s
}

.digital-counter-sec {
    background-image: url(../images/digital-counter-bg-img.jpg);
    background-position: top center
}

.digital-counter-card {
    display: flex;
    padding: 33px 16px 33px 30px;
    border: 3px solid #fff;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    gap: 20px
}

.digital-counter-card .digital-counter-text h6 {
    font-size: 34px;
    color: #fff;
    margin: 0;
    padding-bottom: 0
}

.digital-counter-card .digital-counter-text p {
    font-size: 16px;
    font-family: Montserrat, sans-serif !important;
    color: #fff;
    margin: 0
}

.digital-services-card {
    display: flex;
    font-family: Montserrat, sans-serif !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 2px 25px 0 #00000026;
    padding: 40px 0;
    margin-top: 20px;
    min-height: 266px;
    color: #000
}

.digital-services-card img {
    width: 102px
}

.digital-services-card p {
    font-size: 24px;
    margin-top: 25px;
    line-height: 26px
}

.do-you-know-div {
    background: linear-gradient(90deg, #e6f1ff 0, #fff 100%);
    padding: 13px 35px;
    margin-top: 20px;
    border-bottom-left-radius: 26px;
    margin-bottom: 25px
}

.digital-portfolio-sec ul li,
.do-you-know-div p,
.feature-content p {
    font-size: 14px;
    font-family: Montserrat, sans-serif !important;
    font-weight: 500
}

.digital-portfolio-sec ul li {
    position: relative;
    padding-left: 33px;
    margin-bottom: 20px
}

.digital-portfolio-sec h6 a,
.portfolio-card-content h3,
.seo-sm-box p,
.ui-ux-heading-new {
    font-weight: 600;
    font-family: Montserrat, sans-serif !important
}

.digital-portfolio-sec ul li img {
    width: 20px;
    position: absolute;
    left: 0;
    top: 6px
}

.digital-portfolio-sec h6 {
    margin-left: 32px;
    font-family: Montserrat, sans-serif !important;
    text-transform: capitalize
}

.digital-portfolio-sec h6 a {
    font-size: 17px;
    color: #000
}

.digital-portfolio-sec h6 a svg {
    width: 25px
}

.digital-portfolo-card {
    margin: 100px 0
}

.seo-sm-card {
    background-color: #080d22;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    padding: 60px 90px;
    position: relative
}

.seo-sm-box img {
    width: 101px
}

.seo-sm-box p {
    font-size: 29px;
    font-style: italic;
    color: #fff
}

.new-partners-slider .swiper-slide,
.portfolio-card-img,
.seo-sm-box {
    text-align: center
}

.seo-sm-card .banner-btn-2 {
    background-color: #f9b731;
    border: none
}

.seo-sm-comment {
    background: #fff;
    padding: 30px 20px;
    border-radius: 15px;
    margin-right: 50px;
    margin-top: 30px
}

.seo-sm-comment h6 {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    font-family: Montserrat, sans-serif !important
}

.seo-sm-comment h6 span {
    color: #3b65ec;
    font-size: 18px;
    font-weight: 500;
    font-family: Montserrat, sans-serif !important
}

.case-blue-band ul li,
.seo-sm-comment p {
    font-family: Montserrat, sans-serif !important;
    font-weight: 400
}

.seo-sm-comment p {
    font-size: 16px;
    padding: 20px 30px;
    line-height: 27.4px;
    position: relative;
    margin: 0
}

.seo-sm-comment p .fa-quote-left {
    position: absolute;
    left: 0;
    color: #f9b731;
    font-size: 20px
}

.seo-sm-comment p .fa-quote-right {
    position: absolute;
    right: 0;
    color: #f9b731;
    font-size: 20px
}

.dotted-vector-1 {
    position: absolute;
    right: 10%;
    top: 7%
}

.dotted-vector-2 {
    position: absolute;
    bottom: 9%;
    left: 4%
}

.customer-centric-support ul li {
    text-align: center;
    font-family: Montserrat, sans-serif !important;
    position: relative
}

.customer-centric-support ul li img {
    width: 140px;
    margin: auto auto 30px
}

.customer-centric-support ul li p {
    font-size: 17px;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700;
    margin-bottom: 50px
}

.customer-centric-support ul {
    justify-content: space-between;
    display: flex
}

.customer-centric-support ul li:first-child:after,
.customer-centric-support ul li:nth-child(3):after {
    content: '';
    width: 2px;
    height: 255px;
    position: absolute;
    border: 2px dashed #dbdbdb;
    top: 11px;
    transform: rotate(-62deg);
    left: 229px;
    z-index: -1
}

.customer-centric-support ul li:nth-child(2):after,
.customer-centric-support ul li:nth-child(4):after {
    width: 2px;
    height: 255px;
    border: 2px dashed #dbdbdb;
    transform: rotate(62deg);
    left: 229px;
    z-index: -1;
    position: absolute;
    content: ''
}

.customer-centric-support ul li:nth-child(2):after {
    top: 11px
}

.customer-centric-support ul li:nth-child(4):after {
    top: 4px
}

.customer-centric-support,
.ecomerce-why-choos,
.healthcare-industries-sec {
    box-shadow: 0 2px 41px 0 #0000001A
}

.main-case-studies-banner {
    padding: 113px 0 !important
}

.case-studies-img img {
    width: 578px;
    height: 429px;
    border-radius: 20px
}

.case-study-detail-card {
    width: 65%;
    padding: 20px;
    background: #fff;
    display: inline-block;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .32);
    border-radius: 20px;
    vertical-align: top;
    position: absolute;
    left: 31%
}

.case-blue-band {
    background: #637ca5;
    padding: 20px 10px 20px 36px;
    border-radius: 20px
}

.case-blue-band ul {
    display: flex;
    line-height: 2.6
}

.case-blue-band ul li {
    padding-left: calc(50px/2);
    color: #fff;
    font-size: 20px;
    padding-right: calc(50px/2)
}

.case-blue-band ul li:first-child,
.case-blue-band ul li:nth-child(2) {
    border-right: 1px solid #fff
}

.expert-android-main-div ul,
.seo-related-div .table-container {
    margin-top: 20px
}

.seo-related-div td,
.seo-related-div th {
    padding: 12px 0;
    text-align: center;
    width: 0%
}

.seo-related-div td:first-child,
.seo-related-div td:nth-child(2),
.seo-related-div td:nth-child(3),
.seo-related-div th {
    border-right: 1px solid #000
}

.seo-related-div th {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.seo-related-div td {
    font-size: 15px;
    color: #54595f;
    font-weight: 400;
    line-height: 32px
}

.case-studeis-card {
    margin-bottom: 150px;
    position: relative
}

.seo-related-div td a {
    color: #54595f;
    display: block;
    font-family: Montserrat, sans-serif !important
}

.get-in-touch-form .captcha-div {
    margin-top: 0;
    margin-bottom: 0
}

.portfolio-single-card {
    background-image: url(../images/portfolio-bg-pattern.png);
    transition: background .3s, border-radius .3s, opacity .3s;
    background-color: #0da0a2;
    background-blend-mode: multiply
}

.portfolio-card-content h3 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px
}

.portfolio-card-content ul {
    display: flex;
    gap: 40px
}

.portfolio-card-content ul li {
    text-align: center;
    font-family: Montserrat, sans-serif !important
}

.portfolio-card-content ul li i {
    background: #fff;
    padding: 19px;
    font-size: 30px;
    color: #0da0a2;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    box-shadow: 2px 2px 9px #ebeaea
}

.portfolio-card-content ul li p {
    margin: 11px 0;
    font-family: Barlow, serif !important;
    text-align: center;
    font-size: 18px
}

.portfolio-card-content p {
    font-size: 20px;
    color: #fff;
    margin-top: 30px;
    font-family: Barlow, serif !important;
    margin-bottom: 40px;
    font-weight: 400
}

.portfolio-btn a {
    font-weight: 500;
    fill: #000000;
    color: #000;
    font-family: "Fira Sans", serif !important;
    background-color: #5ab4b5;
    border-radius: 20px;
    padding: 13px 16px 15px;
    transition: transform .3s;
    font-size: 16px
}

.portfolio-btn a:hover {
    transform: scale(1.2);
    color: #fff;
    background-color: #01b1f3 !important
}

.ui-ux-heading-new {
    font-size: 36px;
    line-height: 52px
}

.ui-ux-heading-new span {
    color: #f92488;
    font-size: 36px
}

.ui-ux-sub-p {
    font-size: 16px;
    font-weight: 500;
    font-family: Montserrat, sans-serif !important;
    line-height: 22px;
    margin-bottom: 45px
}

.digital-team-experts .ui-ux-sub-p,
.digital-why-choose-us .opac-heading p {
    opacity: 60%
}

.all-blog-banner {
    background-image: url(../images/all-blog-banner.png);
    padding: 90px
}

.all-blog-banner-2 {
    background-image: url(../images/all-blogs-banner-scaled.jpg);
    /* padding: 70px 120px; */
    padding: 40px 120px;
    background-color: #02040DD6;
    background-blend-mode: multiply;
    background-position: top
}

.ban-search button,
.ban-search input,
.blog-pagination-wrapper button,
.has-search button,
.swiper-button-next,
.swiper-button-prev {
    background-color: transparent !important
}

.myblog-mySwiper h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.slider-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
    position: relative
}

.slider {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    width: calc(100% - 100px);
    margin: 0 50px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.slider a {
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    border-radius: 10px;
    transition: color .3s, background-color .3s
}

.slider a:hover {
    color: #000;
    background-color: #fff;
    border-radius: 10px
}

.slider::-webkit-scrollbar {
    display: none
}

.next-btn,
.prev-btn {
    border: 1px solid #5e5e5e;
    background: 0 0 !important;
    cursor: pointer;
    z-index: 1;
    user-select: none;
    padding: 5px 10px;
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px
}

.next-btn::before,
.prev-btn::before {
    color: #fff;
    font-size: 15px;
    font-weight: 400
}

.prev-btn::before {
    content: '\276E'
}

.next-btn::before {
    content: '\276F'
}

.prev-btn {
    position: absolute;
    left: 0
}

.food-inspired-icon-1,
.next-btn {
    position: absolute;
    right: 0
}

.scf_p1 {
    width: 100%;
    height: 400px
}

.blog-pagination-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-pagination-wrapper .prv button::before {
    content: '\276E';
    margin-right: 10px
}

.blog-pagination-wrapper .nxt button::after {
    content: '\276F';
    margin-left: 10px
}

.blog-pagination-wrapper button {
    box-shadow: none !important;
    color: #000 !important
}

.pg-num button {
    padding: 8px 15px;
    margin: 0 5px
}

.pg-num button:hover {
    background-color: #94c0fa !important
}

.pg-num .active {
    background-color: #dbeafe !important;
    border-radius: 5px
}

.ban-search input {
    border-radius: 6px;
    color: #fff;
    border: none;
    width: 100% !important;
    font-size: 15px;
    padding: 4px 0 4px 10px !important;
    text-align: left !important
}

.ban-search input::placeholder {
    text-align: right !important;
    padding: 3px 15px 0 50px;
    margin-top: 3px;
    color: #fff !important;
    background: 0 0 !important
}

.ban-search input::placeholder:focus {
    background: 0 0 !important
}

.ban-search input:focus {
    color: #fff;
    border: none !important
}

.ban-search button {
    border: 0;
    border-radius: 4px;
    color: #fff;
    padding: 0 !important;
    box-shadow: none !important;
    display: flex;
    border: none
}

.ban-search button input,
.classified-page .better-investment-card .better-top-row img {
    width: auto !important
}

.ban-search button img {
    width: 19px;
    margin-left: 3px
}

.related-post-card {
    border-radius: 12px;
    box-shadow: -1px 0 17px #ddd;
    margin: 0;
    min-height: 465px;
    position: relative
}

.all-post-card,
.sing-right-box {
    box-shadow: 0 2px 25px 0 #00000026
}

.lst_sec .related-post-card {
    min-height: 455px
}

.lst_sec .blg_banimg {
    height: 257px;
    object-fit: cover
}

.all-post-card {
    display: flex;
    border-radius: 12px
}

.blog-img-box img {
    width: 610px;
    height: 200px;
    border-radius: 12px 0 0 12px
}

.blog-text-box .related-post-content {
    padding: 20px 5px 0 0;
    border-top-right-radius: 12px;
    min-height: 199px !important
}

.subs-img {
    height: 404px;
    object-fit: cover
}

.toc-link {
    color: #000 !important;
    font-weight: 400
}

.cntr_content img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 50px;
    height: 473px;
    object-fit: fill;
}

.cntr_block {
    padding: 0 40px
}

.sing-right-box {
    /* border-right: 3px solid #101950; */
    padding: 18px;
    border-radius: 8px
}

.sing-right-box p {
    line-height: 27px !important;
    font-size: 17px !important;
}

.sing-right-box button {
    background-color: #5377ee !important;
    box-shadow: none !important;
    width: 100%;
    margin: 10px 0;
    padding: 13px 16px;
    color: #fff;
    border-radius: 5px;
    margin-top: 0;
}

.sing_blg {
    padding: 0 120px
}

.sing_brd {
    font-size: 18px;
    color: #fff;
    font-weight: 500
}

.sing_brd a {
    font-size: 18px;
    color: #fff
}

.tb-btn::before {
    content: '\276F';
    color: #000
}

.cld_em {
    color: #3e78ed;
    font-size: 16px;
    font-weight: 600
}

.blog-heading-wrapper {
    max-width: 650px;
    margin: 0 auto;
    text-align: center
}

.blog-heading-wrapper h4 {
    font-size: 34px;
    font-weight: 600;
    line-height: 50px;
    color: #000
}

.business-sucess-sec p,
.secret-sauce-box p {
    font-family: Montserrat, sans-serif !important;
    line-height: 35px
}

.address-card ul,
.business-sucess-point {
    margin-top: 15px
}

.business-sucess-point ul {
    display: flex;
    gap: 130px
}

.business-sucess-point ul li {
    display: flex;
    gap: 19px
}

.business-sucess-point ul li img {
    width: 49px;
    height: 49px
}

.business-sucess-point ul li span {
    font-size: 18px;
    font-weight: 600;
    font-family: Montserrat, sans-serif !important;
    line-height: 25px
}

.business-sucess-sec p {
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    margin-top: 30px
}

.digital-portfolio-sec .banner-btn-2 {
    background-color: #f92488;
    border: none
}

.ui-ux-portfolio-sec .app-dev-heading {
    font-size: 30px !important;
    line-height: 60px !important
}

.ui-ux-portfolio-sec-2 {
    background-image: url(../images/ui-ux-portfolio-sec-bg.png);
    padding: 150px 0
}

.secret-sauce-box {
    box-shadow: 0 0 25px 0 #0000001A;
    background: #fff;
    padding: 35px 32px;
    min-height: 372px
}

.industries-banner,
.industry-mid-banner {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.secret-sauce-box img {
    width: 91px;
    height: 90px
}

.secret-sauce-box p {
    font-size: 22px;
    font-weight: 500;
    margin-top: 25px
}

.industries-banner h2,
.industry-heading {
    font-family: Poppins, Sans-serif;
    font-weight: 700
}

.industries-banner {
    background-image: url(../images/healthcare-banner-bg.jpg)
}

.industries-banner h2 {
    color: #6d7776;
    line-height: 55px
}

.industries-banner p {
    text-align: left;
    color: #6d7776;
    font-family: Poppins, Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px
}

.industry-button {
    margin-top: 45px
}

.industry-button a {
    font-family: Poppins, Sans-serif;
    font-size: 16px;
    font-weight: 500;
    fill: #6D7776;
    color: #6d7776;
    background-color: #fffFFF00;
    border-style: solid;
    border-width: 1px;
    padding: 11px 15px;
    border-radius: 5px
}

.industry-button a:hover {
    background-color: #01b1f3;
    color: #fff
}

.industry-heading {
    color: #333;
    font-size: 45px;
    line-height: 60px
}

.industry-p,
.industry-service-card p {
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    font-family: Poppins, Sans-serif
}

.industry-service-card p {
    color: #333;
    margin: 0
}

.industry-service-card .img-heading-service {
    display: flex;
    align-items: center;
    gap: 20px
}

.industry-service-card .img-heading-service h5 {
    color: #000;
    font-family: Poppins, Sans-serif;
    font-size: 28px;
    font-weight: 700
}

.industry-sub-heading {
    color: #333;
    font-family: Poppins, Sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 25px
}

.type-soft-app-card {
    margin-top: 30px;
    padding: 25px 0 25px 25px;
    background-color: #fff;
    border-style: solid;
    border-width: 0 0 6px;
    border-color: #00aff0;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .15);
    min-height: 221px
}

.type-soft-app-card p {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #333;
    margin-top: 20px
}

.app-for-servicr-provider p {
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    color: #333;
    margin-top: 45px
}

.why-choose-isynbus-app-soft ul li {
    color: #333;
    font-family: Poppins, Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 2.6;
    list-style: disc
}

.hash-1-seo-company a i,
.high-google-list p i {
    font-family: "Font Awesome 6 Free" !important
}

.why-choose-isynbus-app-soft ul {
    padding-left: 40px;
    margin-top: 35px
}

.develop-process-card {
    margin-bottom: 55px
}

.develop-process-card span {
    font-size: 20px;
    color: #333;
    font-weight: 600
}

.digital-market-sub-heading h1,
.digital-market-sub-heading h2,
.industry-mid-banner h6 {
    font-weight: 700;
    font-family: Poppins, Sans-serif
}

.develop-process-card svg {
    margin-right: 15px;
    width: 39px
}

.industry-mid-banner {
    background-image: url(../images/healthcare-mid-banner.png)
}

.industry-mid-banner h6 {
    color: #fff;
    font-size: 37px;
    line-height: 49px
}

.industry-mid-banner .industry-button {
    display: inline-block;
    margin-top: 38px
}

.industry-mid-banner .industry-button a {
    background-image: linear-gradient(180deg, #fe5d00 0, #fe5d00 100%);
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.mid-banner-industry-comment {
    width: 67%;
    float: right;
    margin: 25px 0 0;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px
}

.mid-banner-industry-comment p {
    font-size: 17px;
    line-height: 37px;
    letter-spacing: 0;
    word-spacing: -1px
}

.mid-banner-industry-comment p i {
    color: orange;
    font-weight: 900;
    font-size: 1.2em;
    margin: 0 6px
}

.divider-industry {
    width: 25%;
    margin: 40px auto 0;
    border-block-start: 1px solid #d5d5d5
}

.industry-achievements img {
    filter: contrast(0)
}

.industry-achievements img:hover {
    filter: contrast(1)
}

.industry-faq-sec .accordion-item {
    padding: 0;
    box-shadow: none;
    border: none
}

.industry-faq-sec .accordion-button {
    padding: 24px;
    background-color: #f0f0f0;
    font-size: 18px;
    font-weight: 500;
    color: #1a99de
}

.seo-packages .nav-link,
.seo-packages .nav-link.active {
    background: #1a99de;
    padding: 13px 16px 15px;
    transition: .3s
}

.industry-faq-sec .accordion-body p {
    font-size: 18px;
    font-weight: 400;
    line-height: 43px;
    margin: 0
}

.digital-marketing-sub-banner {
    background: linear-gradient(180deg, #153c51de 0, #071e2a 100%) center center/cover no-repeat, url(../images/seo-banner-bg.jpg) center center/cover no-repeat;
    background-color: linear-gradient(180deg, #153c51 0%, #071e2a 100%);
    padding: 100px 0
}

.digital-market-sub-heading h2 {
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin-bottom: 15px
}

.digital-market-sub-heading h1 {
    color: #fff;
    font-size: 45px;
    text-align: center;
    margin-bottom: 15px
}

.digital-market-sub-heading h5 {
    font-size: 32px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: none
}

.digital-market-sub-heading h6,
.seo-sub-heading {
    font-size: 28px;
    text-transform: none;
    text-align: center;
    font-weight: 600
}

.digital-market-sub-heading h6 {
    color: #fff;
    margin-bottom: 25px
}

.digital-market-sub-heading p {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    font-size: 17px
}

.digital-sub-banner-card h5,
.seo-main-heading {
    color: #000;
    font-weight: 600;
    text-align: center;
    font-family: Poppins, Sans-serif
}

.digital-sub-banner-card {
    background-color: #fff;
    border-width: 2px;
    border-radius: 10px;
    border-color: #dbecef;
    padding: 0 15px 22px;
    text-align: center
}

.digital-sub-banner-card img {
    width: 100%;
    text-align: center
}

.digital-sub-banner-card h5 {
    font-size: 23px;
    font-style: normal;
    line-height: 1em;
    text-transform: capitalize
}

.seo-main-heading {
    font-size: 38px
}

.we-expertise-in-sec,
.why-choose-digital-services {
    background-color: #f0f5f8
}

.seo-service-card {
    padding: 20px;
    background-color: transparent;
    background-image: linear-gradient(100deg, #fff 27%, #fff 0);
    border-radius: 15px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 73px;
    margin-top: 25px;
    height: 73px
}

.seo-service-card img {
    width: 15%
}

.seo-service-card h4,
.we-expert-card p {
    margin: 0;
    color: #1a99de;
    font-family: Poppins, Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3em
}

.seo-packages .nav-link {
    color: #fff;
    border: none;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 5px
}

.seo-packages .nav-link.active {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 5px;
    border: none
}

.seo-packages .nav-link:hover {
    background-color: #00b4f4
}

.seo-packages .nav-tabs {
    justify-content: center;
    gap: 10px;
    border: none;
    margin-top: 25px;
    margin-bottom: 30px
}

.startup-card {
    background-color: #029785
}

.growth-card {
    background-color: #0298a8
}

.growth-card .package-btn a,
.growth-card .package-card-price-detail h4,
.growth-card .package-crad-heading i,
.growth-card .package-service-div p {
    color: #0298a8
}

.premium-card {
    background-color: #f88628;
    position: relative
}

.premium-card .package-btn a,
.premium-card .package-card-price-detail h4,
.premium-card .package-crad-heading i,
.premium-card .package-service-div p {
    color: #f88628
}

.high-card {
    background-color: #d81d61
}

.high-card .package-btn a,
.high-card .package-card-price-detail h4,
.high-card .package-crad-heading i,
.high-card .package-service-div p {
    color: #d81d61
}

.seo-package-card {
    box-shadow: 0 4px 30px 0 rgba(2.0000000000000098, 150.99999999999994, 132.99999999999994, .48);
    margin: 5px;
    padding: 25px 15px;
    border-radius: 12px;
    min-height: 2983px
}

.package-crad-heading {
    display: flex;
    gap: 20px;
    align-items: center;
    border-bottom: 1px solid #fff;
    padding: 0 0 12px;
    margin-bottom: 20px
}

.package-crad-heading i {
    background: #fff;
    color: #029785;
    font-size: 35px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center
}

.package-crad-heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1em;
    margin: 0
}

.package-card-price-detail h4 {
    margin: 0 -15px 0 25px;
    padding: 20px 15px;
    background-color: #fff;
    border-radius: 50px 0 0 50px;
    color: #029785;
    font-family: Poppins, Sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center
}

.package-card-price-detail h5,
.package-card-price-detail p {
    margin: 16px 0 10px;
    letter-spacing: 0;
    word-spacing: -1px;
    text-align: center
}

.package-card-price-detail h5 {
    color: #fff;
    line-height: 37px;
    font-weight: 600
}

.package-card-price-detail p {
    color: #fff;
    line-height: 32px
}

.package-service-div p {
    margin: 0 0 15px -15px;
    padding: 10px 5px 10px 11px;
    background-color: #fff;
    border-radius: 0 50px 50px 0;
    line-height: 37px;
    color: #029785;
    letter-spacing: 0;
    word-spacing: -1px;
    font-size: 15px;
    font-weight: 700
}

.package-service-div ul li {
    padding-bottom: calc(19px / 2);
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #f0f0F036;
    margin-bottom: 10px
}

.package-service-div ul li i {
    margin-right: 9px
}

.package-btn a {
    font-size: 16px;
    text-transform: capitalize;
    fill: #029785;
    color: #029785;
    background-color: #fff;
    border-radius: 50px;
    padding: 11px 20px;
    font-weight: 500
}

.package-btn {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 25px
}

.we-expert-card {
    padding: 18px 0 18px 5px;
    background-color: transparent;
    background-image: linear-gradient(100deg, #25272a 30%, #fff 0);
    border-radius: 15px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 20px
}

.we-expert-card img {
    width: 64px
}

.we-expertise-in-sec .seo-main-heading {
    color: #1a99de;
    margin-bottom: 30px
}

.seo-color-detail-card p,
.seo-detail-cards p {
    text-align: left;
    color: #535353;
    font-family: Poppins, Sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 32px
}

.hash-1-seo-company p,
.key-reason-box p,
.premium-tag,
.seo-color-detail-card h6 {
    margin: 0 0 10px;
    line-height: 37px;
    letter-spacing: 0;
    word-spacing: -1px
}

.food-ap-sol-card,
.hash-1-seo-company {
    text-align: center;
    margin-top: 50px
}

.hash-1-seo-company h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 600
}

.hash-1-seo-company p {
    font-size: 17px;
    color: #fff
}

.hash-1-seo-company a {
    font-family: Poppins, Sans-serif;
    font-size: 21px;
    font-weight: 500;
    fill: #FFFFFF;
    color: #fff;
    background-color: #273167;
    border-radius: 10px;
    padding: 17px 22px
}

.hash-1-seo-company a:hover {
    transform: scaleX(1.5);
    background: #01b1f3 !important
}

.hash-btn {
    margin: 35px 0
}

.key-reason-box h5 {
    color: #2d3247;
    font-size: 28px;
    font-weight: 600;
    text-transform: none
}

.key-reason-box p,
.key-reason-box ul li {
    color: #454343;
    font-size: 17px
}

.doctor-healthcare-faq-sec .accordion,
.expect-card img,
.key-reason-box ul {
    margin-bottom: 25px
}

.key-reason-box ul li {
    padding-bottom: calc(4px / 2);
    line-height: 2.6
}

.key-reason-box ul li i {
    color: #6ec1e4;
    margin-right: 10px
}

.discuss-expert-card {
    padding: 20px;
    background-color: #1a99de;
    border-radius: 15px;
    box-shadow: 0 5px 10px 0 rgba(162.09843750000002, 194.24331967561142, 207, .6);
    text-align: center;
    margin-top: 35px
}

.discuss-expert-card img {
    width: 96px;
    margin: 0 auto
}

.discuss-expert-card h5 {
    color: #fff;
    font-family: Poppins, Sans-serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.3em
}

.discuss-expert-card p,
.high-google-detail p,
.importance-of-content-writing p {
    line-height: 37px;
    letter-spacing: 0;
    word-spacing: -1px
}

.discuss-expert-card p {
    color: #fff;
    font-size: 17px
}

.high-google-rank-sec h5,
.seo-color-detail-card .seo-main-heading {
    color: #2d3247;
    font-size: 28px
}

.high-google-rank-sec h5 {
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: none
}

.high-google-detail p {
    margin: 0 0 10px;
    color: #454343;
    font-size: 17px
}

.high-google-list p {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: calc(39px / 2);
    color: #54595f
}

.high-google-list p i {
    color: #1a99de;
    margin-right: 15px
}

.seo-color-detail-card ul li {
    line-height: 2.6;
    letter-spacing: 0;
    word-spacing: -1px;
    font-size: 17px;
    list-style: disc
}

.hire-full-stack-accord ul,
.isynbus-standout-sec ul,
.seo-color-detail-card ul,
.uber-app-details ul {
    padding-left: 2rem
}

.importance-of-content-writing .seo-main-heading {
    position: relative;
    padding-bottom: 20px
}

.importance-of-content-writing .seo-main-heading::after {
    content: '';
    background-color: #2d3247;
    width: 10%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0
}

.importance-of-content-writing p {
    margin: 0 0 50px;
    font-size: 17px;
    color: #454343
}

.seo-color-detail-card h6 {
    font-size: 17px;
    color: #454343
}

.industry-innov-new-sec-2::after,
.industry-innov-new-sec::after,
.mobile-contact-icons,
.new-related-post-sec .swiper-button-next,
.new-related-post-sec .swiper-button-prev,
.software-dev-services-sec .android-app-dev-card-2::before {
    display: none
}

.grown-your-busi .nav-tabs,
.healthacare-investment .better-investment-card .better-top-row,
.smo-benefits .high-google-list p {
    border-bottom: none
}

.industry-innov-new-sec::before {
    display: none;
}

.premium-tag {
    padding: 9px;
    background-color: #0031e3;
    border-radius: 50px;
    box-shadow: 0 0 10px 0 #0031e3;
    position: absolute;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    right: 8%;
    top: -27px
}

.popup-modal .modal-dialog {
    max-width: 785px;
    margin: 8.75rem auto
}

.startup-card .package-btn a {
    color: #029785 !important
}

.popup-modal input {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin-top: 25px;
    padding: 0;
    width: 100% !important;
    font-size: 17px !important
}

.popup-modal input::placeholder {
    color: #696969
}

.popup-modal textarea {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 18px;
    padding: 0;
    margin-top: 18px;
    width: 100% !important
}

.popup-modal textarea::placeholder {
    color: #696969
}

.popup-modal h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 29px;
    margin: 0;
    padding: 0
}

.popup-form .form-check-input {
    border: 1px solid #a1a1a1;
    margin-bottom: 25px !important;
    width: 1em !important;
    margin-top: 4px
}

.popup-form label {
    color: #696969;
    margin-right: 12px;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding-top: 4px
}

.popup-form .submit-btn {
    background: #4eacea;
    border-radius: 12px !important;
    font-weight: 400;
    font-size: 18px;
    width: 42%;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    display: block;
    text-align: center;
    padding: 18px 45px 15px !important;
    margin: 10px 0
}

.domain-sub-poster img {
    width: 135px;
    margin: 25px 0;
    height: 103px
}

.domain-sub-poster {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 315px !important
}

.domain-expertise-in-sec .we-expert-card img {
    width: 48px;
    margin-left: 25px
}

.domain-expertise-in-sec .we-expert-card {
    padding: 29px 0 29px 5px;
    gap: 60px !important
}

.grown-your-busi .nav-link,
.grown-your-busi .nav-link.active {
    border-radius: 0;
    padding: 20px 25px;
    font-weight: 600;
    font-size: 17px
}

.grown-your-busi p {
    text-align: left;
    color: #000;
    font-family: Poppins, Sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 32px
}

.grown-your-busi .nav-link.active {
    background: #f2f2f2;
    color: #000
}

.grown-your-busi .nav-link {
    color: #6ec1e4;
    border: none
}

.grown-your-busi .nav-link:hover,
.new-video-sec .demo-gallery>ul>li a,
.uber-features-sec .better-investment-card .better-top-row {
    border: none
}

.grown-your-busi .tab-content>.tab-pane {
    background: #f2f2f2 !important;
    padding: 26px !important
}

.privacy-policy-banner {
    background-image: linear-gradient(180deg, #153c51 0, #071e2a 100%);
    padding: 150px 0 100px
}

.industries-new-banner,
.industry-healthcare-new-banner {
    padding: 100px;
    background-repeat: no-repeat;
    background-size: cover
}

.privacy-policy-banner h1,
.privacy-policy-banner h3 {
    text-align: center;
    color: #fff;
    font-size: 45px;
    font-weight: 700
}

.privacy-policy-content h4 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px
}

.privacy-policy-content p {
    font-size: 17px;
    line-height: 38px;
    letter-spacing: 0;
    word-spacing: -1px;
    color: #000;
    margin-bottom: 20px
}

.allblog-heading h1,
.industries-new-banner h1,
.industries-new-banner h3 {
    font-size: 50px;
    position: relative;
    z-index: 1;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700
}

.privacy-policy-content ul {
    padding-left: 40px;
    margin-bottom: 50px
}

.privacy-policy-content ul li {
    list-style: disc;
    line-height: 2.6;
    letter-spacing: 0;
    font-size: 17px;
    word-spacing: -1px
}

.industries-new-banner {
    background-image: url(../images/on-demand-banner-bg.png)
}

.industry-healthcare-new-banner {
    position: relative;
    background-image: url(../images/healthcare-new-banner-bg.png)
}

.uber-app-banner {
    position: relative;
    background-image: url(../images/uber-banner-bg-img.png);
    padding: 29px 0
}

.industry-healthcare-new-banner .banner-btn-2 {
    background-color: #6f51c7 !important
}

.doctor-healthcare-faq-sec .banner-btn-2 {
    background-color: #6f51c7 !important;
    border: none
}

.healthcare-banner-vector {
    position: absolute;
    width: 11%;
    top: 61%;
    left: 46%
}

.allblog-heading h1 {
    color: #000 !important;
    text-align: center
}

.industries-new-banner p {
    font-size: 26px;
    margin-top: 20px;
    color: #000;
    line-height: 44px;
    font-weight: 600;
    margin-bottom: 50px
}

.industries-new-banner .banner-btn-2 {
    background-color: #5137ff;
    border: none
}

.on-demand-industries-card {
    box-shadow: 0 7px 30px 10px #0000000A;
    text-align: center;
    border-radius: 30px;
    margin-top: 50px
}

.on-demand-industries-card img {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.on-demand-industries-card .intustries-card-icon {
    width: 91px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 100%;
    z-index: 1;
    position: absolute;
    height: 91px;
    box-shadow: 0 4px 4px 0 #00000040;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 39%;
    top: -45px
}

.on-demand-industries-sec .opac-heading span {
    color: #e3ecf3;
    font-size: 68px;
    margin-bottom: -17px;
    display: block
}

.on-demand-industries-sec {
    box-shadow: 0 2px 41px 0 #0000001A;
    padding-bottom: 150px
}

.on-demand-industries-card .intustries-card-icon img {
    width: 42px;
    display: block;
    margin: 0 auto;
    z-index: 111111;
    position: relative;
    border-radius: 0;
    height: auto !important;
    filter: grayscale(100%) brightness(0);
    transition: filter .3s ease-in-out
}

.on-demand-industries-card p {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #6f51c7
}

.on-demand-industries-card .on-demand-industries-content {
    padding: 80px 16px 25px;
    border-bottom-left-radius: 30px;
    position: relative;
    border-bottom-right-radius: 30px;
    border: 2px solid #fff;
    border-top: 0
}

.on-demand-industries-card:hover .on-demand-industries-content {
    border: 2px solid #6f51c7;
    border-top: 0
}

.phoneCallBtn,
.skypeBtn {
    border-radius: 50px;
    box-shadow: 0 0 10px 0 rgb(135 135 135 / 56%)
}

.sticy-social-icons {
    position: fixed;
    bottom: 20px;
    z-index: 999999;
    left: 0 !important
}

.phoneCallBtn,
.skypeBtn,
.whatsapp-button {
    height: 45px;
    width: 45px;
    position: absolute;
    left: 7px;
    text-align: center
}

.whatsapp-button img {
    max-width: 85px !important
}

.skypeBtn {
    bottom: 101px;
    padding: 9px;
    background: linear-gradient(34deg, #1d69f1 0, #1ad2fd 100%);
    font-size: 19px
}

.phoneCallBtn {
    bottom: 52px;
    padding: 11px;
    background: #0aaf4d
}

.whatsapp-button {
    z-index: 8;
    transition: .3s;
    border: none;
    cursor: pointer;
    border-radius: 50px !important;
    bottom: -1px;
    width: 80px;
    height: 80px
}

.phoneCallBtn i,
.skypeBtn i,
.whatsapp-button i {
    color: #fff !important;
    font-size: 19px
}

.whatsapp-button i {
    font-size: 25px
}

.phoneCallBtn i {
    color: #0aaf4d !important;
    background: #fff;
    padding: 4px;
    font-size: 13px
}

.end-to-end-tech-sec {
    background-image: url(../images/end-to-end-tech-bg.jpg);
    position: relative;
    background-position: top
}

.end-to-end-vector {
    position: absolute;
    top: 0;
    left: 0;
    width: 13%;
    transform: rotate(178deg)
}

.end-to-end-tech-sec .opac-heading .app-dev-heading {
    color: #fff;
    margin-top: 0;
    margin-bottom: 15px
}

.end-to-end-tech-sec .opac-heading span {
    color: #e3eCF361
}

.end-to-end-tech-content h5 {
    font-size: 30px;
    color: #fff;
    text-transform: capitalize
}

.end-to-end-tech-content p {
    font-size: 14px;
    color: #fff;
    margin-top: 25px;
    position: relative;
    padding-left: 25px
}

.end-to-end-tech-content p img {
    width: 14px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 5px
}

.end-to-end-counter-sec ul {
    display: flex;
    gap: 30px
}

.end-to-end-counter-sec ul li {
    width: 200px;
    display: inline-block;
    border-radius: 10px;
    display: flex;
    background-repeat: no-repeat;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 190px
}

.end-to-end-counter-sec ul li h5 {
    font-size: 56px;
    color: #fff
}

.end-to-end-counter-sec ul li p {
    font-size: 19px;
    color: #fff
}

.end-to-end-counter-sec ul li:first-child {
    background-image: url(../images/end-to-end-count-bg-1.png)
}

.end-to-end-counter-sec ul li:nth-child(2) {
    background-image: url(../images/end-to-end-count-bg-2.png)
}

.end-to-end-counter-sec ul li:nth-child(3) {
    background-image: url(../images/end-to-end-count-bg-3.png)
}

.start-journey-sec {
    background-image: url(../images/start-journey-bg-img.png);
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    padding: 77px
}

.start-journey-sec h5 {
    margin: 0;
    color: #e31b1b;
    text-transform: capitalize;
    font-size: 32px;
    text-align: center
}

.feature-content .banner-btn-2,
.start-journey-sec .banner-btn-2 {
    background-color: #5137ff
}

.features-sec .opac-heading .app-dev-heading {
    margin-top: 0;
    margin-bottom: 20px
}

.feature-content {
    background-color: #e7f1ff;
    padding: 46px 60px;
    margin-left: -50px;
    position: relative
}

.feature-big-img {
    position: relative;
    z-index: 1
}

.feature-content h5 {
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize
}

.feature-content ul li {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 60px;
    position: relative;
    padding-left: 41px
}

.intergration-partners-sec ul,
.more-feature-for-online-ecom-store ul {
    vertical-align: text-top;
    width: 280px;
    margin-right: 23px;
    display: inline-block
}

.feature-content ul li img {
    width: 25px;
    margin-right: 15px;
    position: absolute;
    left: 0
}

.features-sec .feature-content-2 {
    margin-left: 0;
    margin-right: -100px
}

.tech-stack-sec .app-dev-heading {
    color: #fff;
    font-weight: 500 !important
}

.better-investment-card {
    box-shadow: 0 2px 25px 0 #00000026;
    padding: 25px 40px;
    border-bottom: 6px solid #6f51c7;
    margin-top: 45px;
    min-height: 334px
}

.better-investment-card .better-top-row {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
    display: flex;
    gap: 20px;
    align-items: center
}

.better-investment-card .better-top-row img {
    width: 50px;
    height: 100%
}

.better-investment-card .better-top-row span {
    font-size: 20px;
    font-weight: 600
}

.better-investment-card .better-bottom-row {
    margin-top: 40px
}

.better-investment .opac-heading .app-dev-heading,
.on-demand-industries-sec .opac-heading .app-dev-heading {
    margin-top: 0;
    margin-bottom: 10px
}

.better-investment {
    padding-bottom: 100px;
    box-shadow: 0 2px 41px 0 #0000001A
}

.healthcare-new-heading h4 {
    font-size: 35px;
    line-height: 60px;
    text-align: center;
    font-weight: 600;
    color: #6f51c7
}

.healthcare-new-heading p {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: 500
}

.about-isynbus-page-banner {
    background-image: url(../images/about-isynbus-banner-bg.png);
    background-attachment: fixed;
    padding: 180px 0
}

.about-isynbus-page-banner h1 {
    text-align: center;
    font-size: 42px;
    color: #fff;
    margin: 0
}

.about-isynbus-main-content {
    background: #fff;
    width: 100%;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
    margin: -80px auto 50px
}

.about-card-img {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
    margin: 0;
    border-radius: 3px;
    overflow: hidden
}

.about-card-img img {
    border-radius: 3px;
    width: 100%;
    transition: 1s ease-out
}

.about-card-img:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.about-isyn-left-content h4 a {
    font-size: 23px;
    font-weight: 700;
    color: #89229b;
    text-transform: uppercase
}

.about-isyn-left-content h5 a {
    font-size: 25px;
    font-weight: 700;
    color: #1a99de;
    line-height: 1.4;
    text-transform: capitalize
}

.about-isyn-left-content p {
    margin: 0 0 15px;
    line-height: 37px;
    letter-spacing: 0;
    word-spacing: -1px;
    font-size: 16px;
    color: #999
}

.about-isyn-left-content h6 a {
    font-size: 17px;
    color: #3c4858;
    text-transform: capitalize;
    margin-bottom: 50px
}

.about-isyn-right-li ul li {
    font-size: 17px;
    line-height: 2.4
}

.about-isyn-right-li ul li a {
    color: #23527c;
    font-weight: 500
}

.recent-post-about-box {
    padding: 20px;
    border-radius: 15px;
    background: #f1f1f1;
    margin-top: 30px
}

.doctor-healthcare-faq-sec,
.healthcare-sucess-with-us-sec {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}

.recent-post-about-box h5 {
    color: #000;
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 600 !important
}

.recent-post-about-box ul li a {
    font-size: 16px;
    color: #23527c;
    font-weight: 500;
    line-height: 11px
}

.doctor-healthcare-faq-sec {
    background-image: url(../images/healthcare-faq-new-bg-img.png)
}

.doctor-healthcare-faq-sec h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: #6f51c7
}

.doctor-healthcare-faq-sec .accordion-item {
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #0000002B;
    border-radius: 0;
    margin: 0;
    padding-left: 0
}

.doctor-healthcare-faq-sec .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #000;
    box-shadow: none
}

.doctor-healthcare-faq-sec .accordion-button {
    background-color: transparent;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px
}

.doctor-healthcare-faq-sec .accordion-button::after {
    background-image: none !important;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 100%;
    position: absolute;
    left: 0
}

.patient-app {
    background-image: none !important;
    box-shadow: 0 2px 41px 0 #0000001A;
    padding: 100px 0 250px;
    position: relative
}

.patient-bottom-img {
    width: 20%;
    position: absolute;
    bottom: 0;
    left: 43%
}

.healthcare-sucess-with-us-sec {
    background-image: url(../images/healthcare-success-bg-img.png);
    margin-top: 125px;
    padding-top: 65px
}

.healthcare-sucess-with-us-sec img {
    margin: -125px 0
}

.healthcare-sucess-with-us-sec h5 {
    color: #fff;
    text-transform: capitalize;
    font-size: 32px;
    line-height: 50px;
    font-weight: 600
}

.healthcare-sucess-with-us-sec p {
    font-size: 16px;
    color: #fff;
    line-height: 27px;
    font-weight: 500
}

.mobility-solution-sec {
    background: #daf8ff;
    margin-top: 150px;
    padding: 100px 0
}

.health-what-get-sec {
    background-image: url(../images/health-what-you-get-bg-img.png);
    padding: 100px;
    contain-intrinsic-block-size: auto 100px
}

.healthacare-investment .better-investment-card .better-bottom-row {
    margin-top: 10px
}

.education-industry-banner {
    background-image: none !important;
    background-color: #e1ebff;
    padding: 100px 50px 50px;
    position: relative
}

.education-industry-banner .healthcare-banner-vector {
    width: 6%;
    top: 11%;
    left: 4%
}

.education-app-heading h3 {
    text-align: center;
    font-family: cursive;
    font-size: 36px;
    line-height: 45px;
    font-weight: 600
}

.chain-sec-card h6,
.chain-sec-card p,
.chain-sec-card span,
.ecom-chose-card-content h5,
.ecom-chose-card-content p,
.edu-app-dev-everyone h3,
.food-ap-sol-card h5,
.food-ap-sol-card p,
.food-app-for-food-busi ul li,
.food-chance-standout p,
.food-idustry-banner h3,
.food-idustry-banner ul li,
.food-tech-card h5,
.food-tech-card p,
.get-in-touch-btn,
.intergration-partners-sec ul li,
.launch-food-card-1 h5,
.more-feature-for-online-ecom-store ul li h6,
.more-feature-for-online-ecom-store ul li p,
.order-steps-div h5,
.order-steps-div p {
    font-family: Montserrat, sans-serif !important
}

/* #heading-1,
.sing_blg h2,
.single-post h5,
.wp-block-heading {
    font-weight: 700 !important
} */
.single-post h1 {
    font-size: 2rem;
}

.education-app-heading p {
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    margin: 0
}

.create-education-app .on-demand-industries-card .intustries-card-icon {
    left: 35%;
    box-shadow: 0 2px 2px 2px #00000040
}

.create-education-app .on-demand-industries-card {
    margin-top: 80px;
    border: 1px solid #fff
}

.create-education-app .on-demand-industries-card .on-demand-industries-content {
    border: 1px solid #00000033;
    box-shadow: 0 0 25px 0 #0000001A;
    border-radius: 15px
}

.create-education-app .on-demand-industries-card:hover {
    background-color: #f1f6ff;
    border: 1px solid #3e78ed;
    border-radius: 15px
}

.create-education-app .on-demand-industries-card p {
    font-weight: 500;
    color: #000
}

.edu-app-dev-everyone {
    background-image: url(../images/education-app-dev-every-bg-img.png)
}

.edu-app-dev-everyone ul li {
    font-size: 20px;
    line-height: 71px;
    font-weight: 600
}

.edu-app-dev-everyone ul p {
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    position: relative;
    padding-left: 30px !important
}

.ecom-busin-content p,
.ecomerce-app-dev-sol-sec ul li {
    line-height: 27px;
    font-weight: 500
}

.edu-app-dev-everyone-2 li {
    line-height: 41px !important
}

.edu-app-dev-everyone ul li img {
    width: 15px;
    margin-right: 10px
}

.edu-app-dev-everyone .education-app-heading {
    margin-bottom: 50px
}

.edu-app-dev-everyone .banner-btn-2 {
    background-color: #3e78ed !important;
    border: 2px solid #3e78ed !important
}

.opac-heading p {
    font-size: 16px;
    margin-bottom: 20px
}

.tech-stack-sec .on-demand-sec-heading p {
    color: #fff;
    font-size: 17px;
    text-align: center
}

.tech-stack-sec .new-ios-service-card {
    min-height: 265px
}

.new-related-post-sec .swiper-button-next,
.new-related-post-sec .swiper-button-prev {
    background-color: #fff !important;
    box-shadow: none !important;
    left: 44px;
    right: auto
}

.new-related-post-sec .swiper-button-next:after,
.new-related-post-sec .swiper-button-prev:after {
    box-shadow: none !important;
    font-size: 21px;
    color: #000;
    box-shadow: 2px 4px 8px #ddd;
    border-radius: 100%;
    padding: 10px 14px;
    width: 149px;
    height: 40px
}

.ban-search form {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 5px
}

.post-sender-detail {
    position: absolute;
    bottom: 10%;
    margin-bottom: 10px
}

/* .single-post p {
    font-size: 21px;
    line-height: 34px;
    margin-top: 0;
} */

#heading-1 {
    font-size: 34px;
    color: #00aff0
}

.wp-block-heading {
    margin: 30px 0
}

/* .single-post h1,
.single-post h4 {
    font-size: 32px;
} */

#serviceform .custom-select,
.hire-blockchain-dev-page .finance-one,
.page-id-38225 .custom-select,
.page-id-38227 .custom-select,
.page-id-38247 .custom-select {
    margin-top: 0 !important
}

.custom-select {
    position: relative !important;
    display: flex !important;
    width: auto !important;
    justify-content: center !important;
    align-items: center !important;
    border-bottom: 1px solid #979797 !important;
    margin-top: 25px !important
}

.custom-select .dropdown-menu {
    width: 450px
}

.captcha-div input {
    width: 60% !important;
    margin-bottom: 5px !important;
    border: 1px solid #d5d5d5 !important;
    padding: 14px 11px !important;
    border-radius: 10px !important;
    margin-left: 10px !important
}

.error-msg-new {
    font-size: 12px !important;
    float: left
}

.sing_blg h2 {
    font-size: 34px !important;
    color: #00aff0 !important
}

.lst_sec .post-sender-detail {
    bottom: 0
}

.lst_sec .related-post-content {
    min-height: 203px !important
}

#contactForm .form-card textarea::placeholder {
    text-align: left
}

.progressive-app-dev-faq .faq-card {
    min-height: 180px
}

.different-consultation-sec {
    background-color: #f5f7fa;
    position: relative
}

.diff-consul-vector-1 {
    position: absolute;
    width: 20%;
    top: 0
}

.diff-consul-vector-2 {
    position: absolute;
    width: 20%;
    top: 0;
    right: 0
}

.different-consultation-sec .on-demand-industries-card span {
    font-size: 16px;
    line-height: 31px;
    font-weight: 500;
    text-align: center;
    color: #535252
}

.edu-app-dev-everyone ul p img {
    width: 15px;
    position: absolute;
    left: 0;
    margin-right: 10px;
    top: 10px
}

.edu-app-dev-everyone-2 h3 {
    font-size: 30px
}

.more-education-feature .android-service-process-card {
    background-color: #fff !important;
    min-height: 206px !important;
    gap: 0
}

.more-education-feature .android-service-process-card .pro-card-content h5 {
    text-transform: capitalize;
    font-size: 16px
}

.dropdown-toggle {
    border: none !important;
    width: auto !important;
    padding-right: 35px !important;
    color: #212529 !important;
    cursor: pointer;
    background-color: transparent !important
}

.bold-text,
.get-in-touch-logistics h2,
.mid-banner .banner-btn-2:hover,
body a.banner-btn-2.book-now-button.custom-ios-btn:hover {
    color: #fff !important
}

.popup-modal .modal-header {
    position: absolute;
    right: 0;
    z-index: 111
}

.popup-modal .modal-body {
    padding: 20px !important
}

#dropdownLabel,
#dropdownLabel2 {
    color: #69757d
}

#popupForm .form-check {
    padding-left: 1.79em
}

.main-swiper-sec .swiper-button-disabled {
    opacity: 1 !important
}

.get-in-touch-form .form-card svg {
    width: 15px;
    margin-right: 20px;
    fill: #fff
}

.dropdown-toggle::after {
    border-top: .3em solid #fff !important
}

.testi-mySwiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px
}

.video-testi-mySwiper .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important
}

.about-us-sec.main-page {
    padding-top: 60px
}

.success-text input {
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #41cfea
}

.success-text form {
    width: 61%;
    margin: 0 148px 0 auto
}

.success-text form textarea {
    background: 0 0;
    border: none;
    border-bottom: 1px solid #41cfea
}

.success-text .mobile-flag-dropdown {
    width: 100% !important;
    border-bottom: 1px solid #41cfea !important;
    margin-bottom: 20px
}

.tech-mySwiper {
    width: 1300px
}

.single-page-category {
    display: none;
}

.parent-news-div {
    display: flex;
    background: #fff;
    align-items: center;
    border-radius: 6px;
    border: none;
    width: 68%;
    justify-content: space-between;
    padding-right: 6px !important
}

.dynamic-ecom-vec-1,
.dynamic-ecom-vec-3 {
    left: -12%;
    width: 25%;
    position: absolute
}

.ui-ux-faq .service-main-heading span {
    color: #f92488
}

.opac-heading p {
    line-height: 33px
}

.service-main-heading span {
    color: #3b65ec;
    margin-right: 0
}

.mid-banner .banner-btn-2 {
    color: #3b65ec !important
}

.food-indust-banner-btn img,
.home-banner-content a i,
.ui-ux-portfolio-sec .banner-btn-2 img {
    margin-left: 20px
}

.ecom-web-app .use-cases-that-beyond-go-card h5 {
    color: #3b65ec;
    font-weight: 600
}

.industry-ecomerce-new-banner .ecomerce-banner-vector {
    position: absolute;
    top: 11%
}

.industry-ecomerce-new-banner {
    background-image: none;
    background-color: #fff4f0
}

.industry-ecomerce-new-banner h3 {
    font-size: 48px
}

.ecomerce-industry-page .healthcare-new-heading h4 {
    color: #000;
    line-height: 47px
}

.ecomerce-app-dev-sol-sec ul {
    display: flex;
    justify-content: space-between
}

.ecomerce-app-dev-sol-sec ul li {
    font-size: 20px;
    color: #121113;
    width: 245px;
    display: inline-block;
    border: 1px solid #e1e1e1;
    text-align: center;
    padding: 30px 0;
    margin-top: 50px
}

.ecomerce-app-dev-sol-sec ul li:hover {
    border: none;
    border-left: 5px solid #ffca7e;
    border-bottom: 1px solid #ffca7e
}

.online-ecom-business-sec {
    background-color: #f3f4f6
}

.ecom-busin-content h5 {
    text-transform: none;
    font-size: 30px;
    font-weight: 600;
    color: #ef8f00;
    line-height: 60px;
    padding: 0
}

.ecom-busin-content h6 {
    padding: 0;
    text-transform: none;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px
}

.ecom-chose-card-content h5,
.intergration-partners-sec ul li {
    font-size: 18px;
    font-weight: 500;
    color: #121113;
    line-height: 27px
}

.online-ecom-business-sec .banner-btn-2 {
    border: none;
    background: #000
}

.dynamic-ecom-vec-3 {
    bottom: -10%
}

.dynamic-ecom-vec-2 {
    position: absolute;
    right: -11%;
    bottom: -20%
}

.ecom-chose-card img {
    height: 271px
}

.ecom-chose-card-content {
    text-align: center;
    position: absolute;
    top: 41px;
    height: 100%;
    width: 100%
}

.ecom-chose-card-content img {
    height: auto
}

.ecom-chose-card-content h5 {
    padding: 0;
    margin-top: 25px;
    text-transform: none
}

.ecom-chose-card-content p {
    color: #535252;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.food-idustry-banner h3,
.food-idustry-banner ul li {
    color: #000
}

.ecom-best-in-class-sec {
    background-image: url(../images/best-in-class-bg-img.svg);
    background-size: cover
}

.ecom-best-in-class-sec .healthcare-new-heading h4 {
    text-align: left;
    line-height: 42px
}

.classy-what-new-sec .healthcare-new-heading h4,
.digital-marketing-india .digital-market-sub-heading h1,
.digital-marketing-india .digital-market-sub-heading h5,
.digital-marketing-india .digital-market-sub-heading p,
.ecom-best-in-class-sec .healthcare-new-heading p,
.food-chance-standout .healthcare-new-heading h4,
.food-inspired-sec .healthcare-new-heading h4,
.intergration-partners-sec .healthcare-new-heading h4,
.new-contact-us-banner .contact-us-banner-content,
.why-choose-classy-sol .healthcare-new-heading h4,
.why-clone-app .healthcare-new-heading h4,
.why-clone-app .healthcare-new-heading p {
    text-align: left
}

.ecom-best-in-class-sec ul li {
    background: #fff;
    width: max-content;
    padding: 10px 25px 10px 15px;
    box-shadow: 0 5px 10px 0 #00000026;
    border-radius: 5px;
    display: flex;
    margin-right: 20px;
    height: 69px;
    vertical-align: text-top;
    float: left;
    align-items: center;
    margin-bottom: 20px
}

.ecom-best-in-class-sec ul li img {
    margin-right: 12px
}

.ecomerce-industry-page .healthcare-new-heading p,
.food-industry-page .healthcare-new-heading p {
    color: #535252
}

.intergration-partners-sec .healthcare-new-heading p {
    text-align: left;
    margin-bottom: 47px
}

.intergration-partners-sec ul li {
    border: 1px solid #f9b731;
    box-shadow: 0 1px 10px 0 #00000026;
    border-radius: 5px;
    padding: 10px 10px 10px 30px;
    position: relative;
    margin-bottom: 16px;
    height: 76px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.intergration-partners-sec ul li span {
    position: absolute;
    left: 12px
}

.more-feature-for-online-ecom-store {
    background-color: #f3f4f6;
    box-shadow: 0 4px 18px 0 #0000001A inset;
    position: relative
}

.more-feature-for-online-ecom-store .healthcare-new-heading h4 {
    text-align: left;
    line-height: 49px
}

.more-feature-for-online-ecom-store .healthcare-new-heading p {
    text-align: left;
    margin-bottom: 32px
}

.more-feature-for-online-ecom-store ul li {
    background: #fff;
    padding: 12px;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 #00000026;
    margin-bottom: 20px
}

.more-feature-for-online-ecom-store ul li h6 {
    text-transform: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    color: #121113;
    padding: 0
}

.more-feature-for-online-ecom-store ul li:hover {
    border: 1px solid #000;
    border-radius: 5px
}

.more-feature-for-online-ecom-store ul li p {
    color: #535252;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px
}

.more-feat-vec-1 {
    position: absolute;
    right: 0;
    bottom: 17%
}

.food-idustry-banner {
    position: relative;
    background: #f6ece0;
    padding: 195px 0 266px
}

.food-banner-vect-1 {
    position: absolute;
    top: 6%;
    left: 41%
}

.food-banner-vect-2 {
    position: absolute;
    bottom: 7%;
    right: 27%
}

.food-banner-vect-3,
.food-banner-vect-5 {
    bottom: 0;
    position: absolute
}

.food-banner-vect-3 {
    right: 0
}

.food-banner-vect-4 {
    position: absolute;
    top: 0;
    left: 1%
}

.food-banner-vect-6 {
    position: absolute;
    left: 28%;
    bottom: 9%
}

.food-banner-vect-7 {
    position: absolute;
    bottom: 9%;
    left: 47%
}

.food-banner-vect-8 {
    position: absolute;
    bottom: 5%;
    right: 0
}

.food-banner-vect-9 {
    position: absolute;
    right: 0;
    top: 0
}

.food-idustry-banner h3 {
    text-align: center;
    font-size: 47px;
    font-weight: 700;
    line-height: 79px
}

.food-idustry-banner ul {
    display: flex;
    justify-content: center;
    gap: 47px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px
}

.food-inspired-comment p,
.food-inspired-sec h6,
.launch-food-card-1 p {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600;
    margin-bottom: 0
}

.food-idustry-banner ul li {
    font-size: 26px;
    font-weight: 600;
    line-height: 22px;
    display: flex;
    align-items: center
}

.food-idustry-banner ul li span {
    width: 17px;
    height: 17px;
    display: block;
    background: #fa9927;
    margin-right: 15px
}

.food-indust-banner-btn {
    background: #a0a051;
    border: none
}

.food-ap-sol-card h5 {
    text-transform: none;
    font-weight: 600;
    font-size: 22px
}

.food-ap-sol-card p {
    color: #676767;
    font-size: 16px;
    line-height: 142%
}

.food-deli-app-vect {
    position: absolute;
    bottom: -33%;
    z-index: -1;
    left: -150px;
    width: 136%
}

.food-deli-app-img {
    position: relative;
    margin-top: 50px
}

.food-app-for-food-busi ul {
    margin-left: 80px;
    margin-top: 50px
}

.food-app-for-food-busi ul li {
    font-weight: 600;
    color: #535252;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 40px;
    position: relative;
    padding-left: 32px
}

.food-app-for-food-busi ul li img {
    position: absolute;
    left: 0;
    top: 4px
}

.food-inspired-sec {
    background: #f6f2ed;
    padding: 80px 0;
    position: relative
}

.food-inspired-icon-2 {
    position: absolute;
    bottom: 10%;
    right: 0
}

.food-inspired-sec h6 {
    text-transform: none;
    color: #fa9927;
    font-size: 30px;
    line-height: 60px
}

.food-inspired-comment {
    background: #fff;
    padding: 35px 23px;
    box-shadow: 0 0 25px 0 #0000001A;
    border-radius: 25px 25px 0;
    margin-top: 30px
}

.food-inspired-comment p {
    text-align: center;
    font-size: 24px;
    font-style: italic;
    color: #86863c;
    opacity: 60%;
    line-height: 45px
}

.launch-food-card-1 {
    border: 8px solid #fdeac3;
    border: solid Mixed;
    padding: 8px;
    background: linear-gradient(263.61deg, rgb(217 217 217 / 37%) 46.1%, #d9d9d9 90.33%);
    margin-bottom: 30px
}

.launch-food-card-1 h5 {
    text-transform: none;
    font-size: 28px;
    font-weight: 600;
    color: #000;
    line-height: 40px
}

.launch-food-card-2 {
    border: none;
    background: #0e0f13;
    padding: 0
}

.launch-food-card-1 img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.launch-food-card-1 p {
    color: #535252;
    font-size: 15px;
    line-height: 28px
}

.chain-sec-card h6,
.chain-sec-card span,
.order-steps-div h5 {
    line-height: 40px;
    font-weight: 600
}

.launch-food-card-1 a {
    width: 52px;
    display: flex;
    text-align: center;
    height: 52px;
    background: linear-gradient(90deg, #f9b731 0, #fa9927 100%);
    border-radius: 100%;
    margin-bottom: 30px;
    margin-top: 10px
}

.launch-food-card-1 a i {
    margin: auto;
    color: #fff
}

.restaurant-chain-sec {
    background-color: #fcf6ea
}

.chain-sec-card {
    padding: 20px 10px 63px;
    background: #fff;
    box-shadow: 0 0 25px 0 #0000001A
}

.chain-sec-card span {
    color: #a0a051;
    font-size: 20px
}

.chain-sec-card h6 {
    text-transform: none;
    font-size: 28px
}

.chain-sec-card p {
    font-weight: 600;
    color: #535252;
    font-size: 15px
}

.chain-sec-card .food-indust-banner-btn {
    font-size: 16px !important;
    padding: 10px 14px;
    margin-left: 11px;
    background-color: #fa9927 !important
}

.order-steps-div {
    padding: 20px 30px;
    box-shadow: 0 0 13px 0 #f9b7317D;
    border-radius: 25px 25px 0;
    position: relative;
    margin-bottom: 50px
}

.order-steps-div h5 {
    text-transform: none;
    color: #fa9927;
    font-size: 28px;
    margin-bottom: 0
}

.order-steps-div p {
    font-weight: 600;
    color: #535252;
    font-size: 15px;
    line-height: 28px
}

.food-chance-standout p,
.get-in-touch-btn {
    line-height: 45px
}

.order-steps-div::after {
    content: url(../images/food-order-steps-leaf.svg);
    position: absolute;
    top: 30px;
    right: 7%
}

.order-food-sec {
    position: relative;
    padding: 80px 0
}

.order-food-vector-1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.order-food-vector-2 {
    position: absolute;
    bottom: 26px;
    left: 3%
}

.food-chance-standout p {
    font-weight: 600;
    font-style: italic;
    color: #fff;
    opacity: 60%;
    font-size: 25px;
    margin-bottom: 30px
}

.food-chance-standout {
    background-image: url(../images/chance-img-standout-bg-img.svg);
    background-color: #ffb026
}

.food-chance-standout .food-indust-banner-btn,
.industry-innov-new-sec-2 {
    background: #000
}

.food-tech-sec {
    box-shadow: 0 2px 41px 0 #0000001A;
    background: #fff7f4
}

.food-tech-card {
    border-bottom: 6px solid #a0a051;
    background: #fff;
    padding: 20px 30px;
    margin-top: 30px;
    min-height: 273px
}

.food-tech-card h5 {
    text-transform: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #1c1919
}

.food-tech-card p {
    color: #535252;
    font-weight: 600;
    font-size: 15px;
    line-height: 28px
}

.food-industry-faq-sec .faq-card {
    min-height: 206px
}

.edu-app-dev-everyone h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 60px;
    color: #000
}

.bold-text {
    font-weight: 800
}

.doctor-healthcare-faq-sec .accordion-button {
    outline: 0 !important;
    box-shadow: none !important;
    border-color: transparent !important
}

.get-in-touch-btn {
    color: #6f51c7 !important;
    font-weight: 500;
    font-size: 19px !important;
    position: absolute;
    top: 93%;
    right: 130px;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 8px 32px;
    transition: .3s ease-in-out;
    cursor: pointer
}

.hire-android-app-devs-banner {
    background-color: #001b4a
}

.hire-android-app-devs-banner h1,
.hire-android-app-devs-banner h2 {
    font-family: Poppins, sans-serif !important;
    color: #fff;
    font-size: 50px;
    font-weight: 600
}

.hire-android-app-devs-banner p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #fff
}

.industries-page-banner-form {
    background-color: transparent;
    background-image: linear-gradient(180deg, #b3b0b0 0, #4fd0e5 100%);
    border: 1px solid #fff;
    box-shadow: 2px 0 10px 0 #d4d4d4;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    margin: 0;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    border-radius: 25px;
    padding: 20px 10px !important;
    position: relative
}

.industries-page-banner-form input,
.industries-page-banner-form textarea {
    border: 1px solid #41c5f6;
    background: #fff;
    height: 25px;
    color: #000 !important;
    border-radius: 6px;
    line-height: 17px !important;
    text-align: center;
    margin-top: 5px !important;
    width: 100%;
    padding: 6px 16px;
    min-height: 47px
}

.industries-page-banner-form button {
    box-shadow: 0 2px 2px 0 rgba(233, 30, 99, .14), 0 3px 1px -2px rgba(233, 30, 99, .2), 0 1px 5px 0 rgba(233, 30, 99, .12);
    min-height: 40px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    background-color: #00aff0;
    border-radius: 5px;
    padding: 13px 16px 15px;
    width: 100%
}

.banner-tabs p,
.industries-page-banner-form h6 {
    font-weight: 600;
    text-transform: none;
    text-align: center
}

.industries-page-banner-form h6 {
    font-family: Poppins, sans-serif;
    color: #000;
    font-size: 23px;
    line-height: 20px;
    position: relative
}

.industries-page-banner-form p {
    color: #000;
    text-align: center;
    font-size: 18px !important;
    font-weight: 500 !important;
    font-family: Poppins, sans-serif !important;
    position: relative
}

.industries-page-banner-form span {
    color: navy;
    font-family: Poppins, Sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px;
    display: block;
    position: relative
}

.bg-overlay-neww {
    border-radius: 25px;
    background-color: transparent;
    background-image: linear-gradient(180deg, #f7f7f7 0, #e7fcff 100%);
    opacity: .5;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.banner-tabs p {
    margin: 0 0 15px;
    font-size: 15px;
    fill: #000000;
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    transition: .3s
}

.top-rated-dev-sec h5,
.top-rated-dev-sec ul li p {
    color: #1a99de;
    font-family: Poppins, Sans-serif;
    font-weight: 600;
    text-transform: none
}

.banner-tabs p:hover {
    cursor: pointer;
    background-color: #01b1f3;
    transition: .3s
}

a.banner-btn-2.book-now-button.finance:hover,
body a.banner-btn-2.book-now-button.custom-ios-btn:hover {
    background-color: #006d5b !important;
    background-image: none !important
}

.hire-clients-sec .swiper-button-next {
    right: 17% !important;
    top: 66% !important
}

.hire-clients-sec .swiper-button-next::after,
.hire-clients-sec .swiper-button-prev::after {
    color: #9c9c9c;
    font-size: 16px;
    font-weight: 600
}

.hire-clients-sec .swiper-button-prev {
    left: 17% !important;
    top: 66% !important
}

.about-new-detail-sec .common-p,
.top-rated-dev-sec p {
    text-align: left !important
}

.top-rated-dev-sec {
    background-color: transparent;
    background-image: linear-gradient(220deg, #fff 0, #0000001f 91%)
}

.top-rated-dev-sec ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

.top-rated-dev-sec ul li {
    background: 0 0;
    width: 49%;
    padding: 5px 10px 5px 20px;
    background-image: linear-gradient(100deg, #fff 27%, #fff 0);
    border-radius: 15px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    gap: 20px
}

.top-rated-dev-sec ul li img {
    width: 85px
}

.top-rated-dev-sec ul li p {
    font-size: 18px;
    line-height: 1.3em;
    margin: 0
}

.leading-android-app-dev {
    background: #0c225e
}

.lead,
.testimonial-sec .android-common-p {
    font-size: 21px !important;
    font-weight: 400
}

.expert-android-main-div h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 29px;
    text-transform: none
}

.expert-android-main-div h5 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize
}

.hiring-model-sec h5,
.hiring-model-sec h6,
.how-to-hire-developer-steps h5,
.isynbus-standout-sec h5,
.need-andr-dev-card h6,
.standout-li-content h6,
.why-need-andr-dev h5 {
    text-transform: none;
    text-transform: none
}

.expert-android-main-div ul li {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px
}

.expert-android-main-div ul li svg,
.isynbus-standout-sec ul li svg {
    width: 50px;
    flex: none
}

.expert-android-main-div ul li .android-hire-expert-content .android-hire-expert-heading {
    font-size: 26px;
    font-weight: 500;
    color: #fff
}

.expert-android-main-div ul li .android-hire-expert-content .android-hire-expert-para {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #fff
}

.why-need-andr-dev h5 {
    color: #1a99de;
    font-weight: 600;
    font-size: 18px !important;
    margin-bottom: 30px
}

.need-andr-dev-card {
    margin: 20px 0 0;
    padding: 25px 20px 3px 25px;
    background-color: #fff;
    border-style: solid;
    border-width: 0 0 6px;
    border-color: #00aff0;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .15);
    min-height: 336px
}

.need-andr-dev-card h6 {
    font-size: 23px;
    font-weight: 500;
    line-height: 26px;
    color: #333;
    margin-top: 20px
}

.need-andr-dev-card p {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 32px
}

.hire-img-slider {
    background-color: #f1f1f8;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.how-to-hire-developer-steps h5,
.isynbus-standout-sec h5 {
    color: #2d3247;
    font-weight: 600;
    font-size: 18px !important;
    margin-bottom: 30px
}

.isynbus-standout-sec {
    background-color: #f1f1f8;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}

.isynbus-standout-sec ul li {
    display: flex;
    gap: 30px;
    margin-bottom: 25px
}

.standout-li-content h6 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    padding: 0;
    margin-bottom: 13px
}

.standout-li-content p {
    font-size: 17px !important;
    font-weight: 400 !important
}

.how-to-hire-developer-steps {
    background: #f1f1f8;
    box-shadow: 0 0 10px 0 #fff;
    border: 1px solid #fff;
    border-radius: 25px
}

.hire-dev-content-card {
    margin: 0;
    padding: 25px;
    background-color: #fff;
    border-style: solid;
    border-width: 0 0 6px;
    border-color: #00aff0;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .15);
    min-height: 551px
}

.hire-dev-content-card h5 {
    margin-bottom: 13px;
    font-size: 20px !important;
    font-weight: 500;
    line-height: 26px;
    color: #333
}

.hire-dev-content-card ul li {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.618;
    margin: 0 0 15px
}

.hiring-model-sec h5 {
    color: #2d3247;
    font-weight: 600;
    font-size: 18px !important;
    margin-bottom: 30px;
    text-align: center
}

.hiring-model-sec h6 {
    color: #1a99de;
    font-family: Poppins, Sans-serif;
    font-size: 24px;
    font-weight: 600
}

.hiring-model-sec p {
    font-size: 15px !important;
    font-weight: 500 !important
}

.hiring-model-sec ul li {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 13px
}

.hiring-model-sec ul li i {
    margin-right: 10px
}

.fixed-price-model {
    background-color: #f1f1f8
}

.why-isynbus-process h5 {
    color: #333;
    font-family: Poppins, Sans-serif;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px
}

.why-isynbus-process p {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 38px;
    position: relative;
    padding-left: 49px;
    line-height: 48px
}

.why-isynbus-process p svg {
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 13px
}

.faq-hire-sec .accordion-item {
    padding: 0 !important;
    box-shadow: none;
    border: none
}

.faq-hire-sec .accordion-button {
    color: #000;
    background-color: #f7f9fb;
    font-weight: 700;
    padding: 14px 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .4s;
    transition: .4s;
    position: relative;
    box-shadow: none
}

.faq-hire-sec .accordion-item p {
    line-height: 41px;
    font-size: 18px !important;
    font-weight: 500 !important;
    padding: 30px 85px 30px 65px
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.link-text {
    font-size: 0;
    opacity: 0;
    height: 0;
    overflow: hidden;
    display: inline-block
}

.industry-education.industry-healthcare-new-banner {
    position: relative;
    background-image: url(../images/finance-banner.svg)
}

.custom-heading-color h4,
.finance-banking h3,
.finance-card p,
.finance-investment h4,
.financial-fraud h3,
.financial-growth h4 {
    color: #006d5b
}

.finance-card:hover .on-demand-industries-content {
    border: 2px solid #006d5b;
    border-top: 0
}

.doctor-healthcare-faq-sec.finance-banking {
    background-image: url(../images/software-tracking.png)
}

.finance-success,
.healthcare-sucess-with-us-sec .finance-success {
    background-color: #3c6e67 !important
}

.finance-one {
    background-image: url(../images/main-bg.svg) !important
}

.finance-investment .better-investment-card {
    box-shadow: 0 2px 25px 0 #00000026;
    padding: 25px 40px;
    border-bottom: 6px solid #006d5b;
    margin-top: 45px;
    min-height: 334px
}

a.banner-btn-2.book-now-button.custom-ios-btn {
    background-color: #fff;
    color: #006d5b
}

a.banner-btn-2.finance {
    background-color: #006d5b !important
}

.digital-sub-banner-card-hire img {
    width: 135px;
    height: 135px
}

.digital-sub-banner-card-hire {
    padding: 30px 15px
}

.digital-sub-banner-card-hire p {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #54595f;
    font-family: Poppins, Sans-serif
}

.hire-android-app-devs-banner .software-development-banner {
    background-image: none !important;
    display: block !important;
    min-height: auto !important;
    background-color: transparent
}

.internal-hire-main-heading {
    color: #1a99de;
    padding: 0;
    margin: 0
}

.internal-hire-sub-heading {
    text-align: center;
    font-size: 32px;
    color: #000;
    padding: 0;
    text-transform: capitalize;
    font-weight: 600
}

.highlight-text-right,
.sales-10x-card h6,
.sharing-realtion-div h5 {
    text-transform: none;
    font-weight: 600
}

.internal-hire-para {
    color: #54595f;
    font-size: 16px;
    text-align: center;
    line-height: 35px
}

.hire-digital-marketing-experts-sec {
    background-color: #f1f5f8
}

.hire-digital-marketing-experts-sec a {
    background-color: #1a99de;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    padding: 13px 16px 15px;
    margin: auto
}

.digital-drive-results-for-clients .internal-hire-main-heading,
.digital-services .internal-hire-main-heading {
    font-size: 25px !important
}

.sales-10x-card {
    padding: 15px;
    border-radius: 15px;
    text-align: center;
    transition: .3s;
    margin-bottom: 20px;
    min-height: 490px
}

.cta-card,
.service-item {
    transition: .4s;
    overflow: hidden
}

.sales-10x-card img {
    margin: 0 auto 20px
}

.sales-10x-card h6 {
    font-size: 20px;
    color: #ff7e4b;
    text-align: center
}

.sales-10x-card p {
    text-align: center;
    line-height: 37px;
    letter-spacing: 0;
    word-spacing: -1px;
    color: #686969;
    font-size: 17px;
    padding: 10px
}

.sales-10x-card:hover {
    box-shadow: 0 0 12px #e2e2e2;
    transform: scale(1.02)
}

.digital-drive-results-for-clients .form-section {
    background-color: #f1f5f8;
    border-radius: 12px;
    padding: 40px;
    margin: 40px auto
}

.digital-drive-results-for-clients .highlight-text {
    color: #273161;
    font-weight: 700;
    font-size: 36px
}

.digital-drive-results-for-clients .check-icon {
    color: orange;
    margin-right: 10px
}

.digital-drive-results-for-clients .btn-custom {
    background: linear-gradient(to right, #fc653c, #fd7e42);
    color: #fff;
    border: none;
    padding: 17px;
    font-size: 14px
}

.digital-drive-results-for-clients .btn-custom:hover {
    background: linear-gradient(to right, #fd7e42, #fc653c)
}

.digital-drive-results-for-clients i {
    color: #de951a
}

.highlight-text-right {
    color: #273161;
    font-size: 30px;
    text-align: center;
    padding: 0;
    margin-bottom: 30px
}

.form-section ul li {
    font-size: 17px;
    color: #54595f;
    line-height: 52px
}

.highlight-text-para {
    text-align: center;
    font-size: 19px;
    color: #323b6a;
    margin-bottom: 11px
}

.digital-drive-results-for-clients .form-section label {
    font-weight: 600;
    color: #000;
    margin-bottom: 13px
}

.digital-drive-results-for-clients .form-section .col input {
    border: 1px solid #00aff0;
    border-radius: 9px
}

.digital-drive-results-for-clients .form-section textarea {
    border: 1px solid #00aff0 !important;
    border-radius: 9px !important
}

.was-this-never-easy-sec .heading-text {
    color: #001f5c;
    font-weight: 700
}

.was-this-never-easy-sec .description-text {
    color: #686969;
    margin: 20px 0;
    font-size: 17px;
    line-height: 30px
}

.was-this-never-easy-sec .btn-custom {
    background: -webkit-linear-gradient(right, #ff655f, #ff7e4a) !important;
    color: #fff;
    padding: 12px 24px;
    border: none;
    border-radius: 25px;
    width: 100%;
    text-align: left;
    display: flex;
    font-size: 14px;
    justify-content: space-between
}

.was-this-never-easy-sec .btn-custom i {
    margin-left: 8px
}

.was-this-never-easy-sec .icon-box {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.was-this-never-easy-sec .icon-circle {
    background-color: #0af;
    color: #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    margin-right: 15px;
    flex: none
}

.was-this-never-easy-sec .icon-content h6 {
    margin: 0;
    font-weight: 600;
    color: #002d5c;
    text-transform: none;
    font-size: 23px
}

.was-this-never-easy-sec .icon-content p {
    margin: 0;
    color: #686969;
    font-size: 18px
}

.industry-specific-expertise .internal-hire-main-heading {
    color: #000;
    font-weight: 400 !important;
    font-size: 25px !important
}

.industry-specific-expertise .internal-hire-sub-heading {
    font-size: 50px
}

.industry-specific-expertise {
    background-color: #f4faff
}

.industry-sepcific-expert-card {
    background: #fff;
    text-align: center;
    box-shadow: 0 4px 10px 0 rgba(174.13552989130437, 191.03815174932066, 214.50000000000003, .5);
    padding: 25px;
    border-radius: 15px;
    margin-top: 20px;
    min-height: 261px
}

.industry-sepcific-expert-card .specific-expert-card-icon {
    width: 100px;
    height: 100px;
    background: #ff7e4b;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    border-radius: 100px
}

.industry-sepcific-expert-card .specific-expert-card-icon i {
    font-size: 50px;
    color: #fff
}

.industry-sepcific-expert-card p {
    font-size: 24px;
    color: #000;
    font-weight: 600
}

.sharing-realtion-div {
    background: #1a99de;
    text-align: center;
    padding: 35px;
    border-radius: 25px
}

.sharing-realtion-div h5 {
    font-size: 36px;
    color: #fff
}

.sharing-realtion-div p {
    display: flex;
    justify-content: center;
    gap: 25px;
    color: #fff
}

.sharing-realtion-div p a {
    color: #fff;
    font-size: 22px
}

.sharing-realtion-div button {
    padding: 23px 40px;
    background: #000;
    color: #fff;
    border-radius: 100px;
    font-size: 20px
}

.insudtry-logistics-banner {
    background-color: #f6f4e8 !important;
    background-image: none !important
}

.insudtry-logistics-banner .book-now-button {
    background-color: #ffa103;
    color: #000 !important
}

.logistics-faq-sec-upper h3,
.logistics-page .on-demand-industries-card p {
    color: #ffa103
}

.logistics-page .on-demand-industries-card:hover .on-demand-industries-content {
    border: 2px solid #ffa103;
    border-top: 0
}

.logistics-faq-sec-upper {
    background: #ffefce !important
}

.logistics-faq-sec-upper .banner-btn-2 {
    background-color: #ffa103 !important
}

.logistics-faq-sec-upper-white {
    background: 0 0 !important;
    position: relative;
    box-shadow: 0 2px 41px 0 rgba(0, 0, 0, .1)
}

.logistics-faq-sec-upper-white .patient-bottom-img {
    top: 0;
    width: 14%;
    left: 50%
}

.logistics-maximize-sec {
    margin: 0;
    background: 0 0;
    padding: 50px 0
}

.hire-full-stack-page .banner-counting-card-1 p,
.hire-pool-developer ul li p,
.logistics-maximize-sec .health-suces-img img,
.uber-app-page .healthcare-sucess-with-us-sec img {
    margin: 0
}

.logistic-mobility-solution-sec {
    margin: 0 !important;
    background-color: #fff6e4
}

.logistics-maximize-sec-bg {
    background-color: #ddb778 !important
}

.logistics-business .better-investment-card {
    border-bottom: 6px solid #ffa103;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .15);
    min-height: 243px
}

.logistics-newslette .app-dev-heading,
.logistics-related-post h2,
.logistics-testimonial h2 {
    color: #ffa103 !important
}

.realstate-banner {
    background-image: url(../images/realstate-banner.svg);
    padding: 169px 100px
}

.realstate-banner .banner-btn-2 {
    background-color: #000 !important;
    color: #fff !important
}

.explore-realstate-points p {
    font-size: 21px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 40px
}

.how-isynbus-help-busi h6 {
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 600;
    color: #333
}

.how-isynbus-help-busi h6 img {
    margin-right: 19px
}

.how-isynbus-help-busi p {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 40px;
    margin-bottom: 30px
}

.why-need-realstate {
    background-image: url(../images/need-realstate-bg-img.svg);
    background-size: cover;
    background-position: bottom;
    padding-bottom: 100px
}

.need-realstate-card {
    background: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
    border-radius: 25px 25px 0;
    padding: 44px 20px;
    display: flex;
    align-items: center;
    min-height: 217px;
    gap: 25px;
    margin-bottom: 25px
}

.need-realstate-card h6 {
    text-transform: none;
    font-size: 18px;
    line-height: 27px;
    margin: 0;
    padding: 0 0 9px
}

.need-realstate-card p {
    margin: 0;
    font-size: 16px;
    color: #535252;
    line-height: 22px;
    font-weight: 500
}

.real-state-app-sol-card {
    position: relative;
    height: 515px;
    margin: 50px auto;
    background: url('../images/real-state-app-sol-img-1.svg') center/cover no-repeat;
    overflow: hidden
}

.real-state-app-sol-card .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 17px 35px;
    color: #fff
}

.real-state-app-sol-card .overlay h2 {
    color: #f35e2c;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600
}

.real-state-app-sol-card .overlay p {
    font-size: 24px;
    line-height: 1.4;
    color: #fff
}

.real-state-app-sol-card-2 {
    height: 247px;
    background: url('../images/real-state-app-sol-img-2.svg') center/cover no-repeat;
    margin-bottom: 24px
}

.real-state-app-sol-card-3 {
    height: 243px;
    background: url('../images/real-state-app-sol-img-3.svg') center/cover no-repeat;
    margin: 0
}

.create-realstate-app-sec,
.real-why-choose {
    background-color: #eedac9
}

.create-realstate-app-card {
    background-color: #fff;
    border-radius: 0;
    overflow: hidden;
    text-align: center;
    padding: 16px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
    margin-top: 50px;
    min-height: 500px
}

.create-realstate-app-card img {
    width: 100%;
    height: auto
}

.create-realstate-app-card h3 {
    font-size: 18px;
    font-weight: 600;
    color: #121113;
    padding: 0;
    margin-top: 25px
}

.create-realstate-app-card button,
.mid-banner-sec-realstate button {
    background-color: #f35e2c;
    padding: 12px 20px;
    transition: background-color .3s;
    cursor: pointer
}

.create-realstate-app-card p {
    font-size: 16px;
    color: #535252;
    margin-bottom: 35px;
    font-weight: 500
}

.create-realstate-app-card button {
    color: #fff;
    border: none;
    border-radius: 0;
    font-size: 14px
}

.create-realstate-app-card button:hover {
    background-color: #e34e1f
}

.mid-banner-sec-realstate {
    background-image: url('../images/realstate-mid-banner-img.svg');
    padding: 130px 0;
    text-align: center;
    background-size: cover
}

.mid-banner-sec-realstate h5 {
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    line-height: 50px;
    text-transform: none
}

.create-realstate-app-card button img {
    width: 10px
}

.mid-banner-sec-realstate button {
    color: #fff;
    border: none;
    border-radius: 0;
    font-size: 21px;
    width: 227px
}

.mid-banner-sec-realstate button img {
    width: 15px
}

.realstate-tabs-sec .accordion-button:not(.collapsed) {
    color: #f35e2c
}

.realstate-tabs-sec .accordion-button::after,
.realstate-tabs-sec .banner-btn-2 {
    background-color: #f35e2c !important
}

.realstate-tabs-sec-color {
    background: #eedac9 !important
}

.second-realstate-mid-banner {
    background-image: url(../images/second-mid-banner-bg.svg);
    background-color: #efdcd1;
    background-blend-mode: multiply
}

.feature-realstate-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
    padding: 30px 20px;
    border: 1px solid #f0f0f0;
    text-align: center;
    box-shadow: 0 4px 4px 0 #fd5e0d;
    min-height: 348px
}

.feature-realstate-card .icon {
    font-size: 40px;
    color: #ff5b2e;
    margin-bottom: 15px
}

.feature-realstate-card h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #1c1919
}

.feature-realstate-card p {
    font-size: 18px;
    color: #535252;
    margin-top: 10px;
    line-height: 1.5;
    font-weight: 500
}

.realstate-choose-card {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    text-align: left;
    min-height: 250px;
    border: 1px solid #000;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15)
}

.realstate-choose-card .feature-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    color: #000
}

.realstate-choose-card .feature-description {
    font-size: 14px;
    color: #535252
}

.services-common-banner {
    background: linear-gradient(90deg, #5393ad, #052978, #0c1152);
    padding: 70px
}

.uber-features-sec,
.various-busi-model {
    background-color: #f3f3f3
}

.services-common-banner .banner-btn-2 {
    background: #051353;
    border: none
}

.services-common-banner h3 {
    font-size: 39px;
    color: #fff;
    line-height: 50px
}

.services-common-banner p {
    color: #fff;
    font-size: 20px
}

.services-common-banner img {
    border-radius: 30px
}

.all-service-card img {
    border-radius: 30px;
    min-height: 300px;
    object-fit: cover;
    height: 300px;
    width: 100%
}

.all-service-card {
    margin-bottom: 80px
}

.all-service-content img {
    border-radius: 10px;
    width: 60px;
    min-height: 60px !important;
    height: 60px !important
}

.service-content .badge {
    width: 36px;
    height: 20px;
    padding: 0;
    border-radius: 100px;
    background: #00a6ff;
    display: none
}

.new-about-us,
.new-card-div-1::before,
.new-card-div-2::before {
    background-size: cover;
    background-repeat: no-repeat
}

.service-content .badge svg {
    width: 12px;
    height: 12px
}

.all-service-content p {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    border-bottom: 2px solid #000
}

.all-service-content {
    margin-top: 30px;
    display: flex;
    gap: 30px;
    align-items: center
}

.new-about-us {
    background-image: url(../images/new-about-bg-img.png);
    position: relative
}

.new-about-vector {
    position: absolute;
    top: 0;
    left: 0
}

.new-about-us .layout-page-btn {
    color: #b1876b
}

.new-about-us .layout-page-btn svg {
    fill: #B1876B
}

.new-about-us .layout-main-heading {
    color: #d2a98e;
    font-size: 45px
}

.new-about-card {
    padding: 55px 57px 55px 71px;
    position: relative
}

.new-about-card h5 {
    font-weight: 600;
    font-size: 26px;
    color: #fff;
    margin: 0;
    text-transform: none
}

.new-about-card h6 {
    font-weight: 600;
    font-size: 25px;
    color: #d2a98e;
    text-transform: none;
    margin: 0
}

.new-about-card p {
    font-weight: 500;
    font-size: 17px;
    line-height: 30px;
    color: #e3e3e3
}

.new-card-div-1::before {
    content: "";
    position: absolute;
    right: 0;
    height: 624px;
    width: 1px;
    background-image: url(../images/gradient-line-1.svg);
    z-index: 9;
    top: 0
}

.new-card-div-2::before {
    content: "";
    position: absolute;
    right: 51px;
    bottom: 0;
    background-image: url(../images/gradient-line-2.svg);
    z-index: 9;
    width: 1482px;
    height: 1px
}

.new-about-us img {
    width: 100%;
    border-radius: 12px;
    padding: 0
}

.uber-app-page .healthcare-new-heading h4 {
    color: #000;
    padding: 0
}

.uber-app-page .on-demand-industries-card p {
    color: #000;
    font-size: 22px
}

.uber-app-page .on-demand-industries-card:hover .on-demand-industries-content {
    border: 2px solid #000;
    border-top: 0
}

.uber-app-details h5 {
    font-weight: 600;
    font-size: 30px;
    line-height: 60px;
    text-transform: capitalize
}

.uber-app-details p {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #a0a0a0;
    margin-bottom: 46px
}

.uber-app-details li {
    font-size: 20px;
    font-weight: 600;
    list-style: disc;
    margin-bottom: 30px
}

.uber-app-details .banner-btn-2 {
    background: #000;
    border: none;
    margin-left: 12px
}

.uber-app-page .better-investment-card {
    border-bottom: 6px solid #000;
    min-height: 279px
}

.uber-app-page .better-investment-card .better-top-row img {
    width: 66px
}

.uber-features-sec {
    box-shadow: none
}

.uber-app-page .uber-features-sec .better-top-row img {
    width: 55px
}

.uber-app-page .uber-features-sec .better-investment-card {
    background-color: #fff;
    box-shadow: 0 7px 30px 10px #0000000A;
    border-radius: 15px;
    min-height: 277px;
    border: 2px solid #eaeaea
}

.uber-features-sec .better-investment-card .better-bottom-row {
    margin-top: 12px
}

.uber-features-sec .better-investment-card {
    display: flex;
    align-items: flex-start;
    gap: 20px
}

.why-clone-app p {
    font-weight: 500;
    font-size: 18px;
    line-height: 37px;
    color: #535252
}

.uber-app-page .healthcare-sucess-with-us-sec {
    margin-top: 0;
    background-color: #000 !important;
    background-image: none;
    padding: 0
}

.clone-process-card {
    border: 2px solid #eaeaea;
    border-radius: 15px;
    padding: 42px 28px;
    box-shadow: 0 7px 30px 10px #0000000A;
    text-align: center;
    margin-top: 50px;
    min-height: 473px
}

.clone-process-card img,
.various-busi-model .clone-process-card img {
    margin-bottom: 16px
}

.clone-process-card h5 {
    font-size: 22px;
    text-transform: none;
    line-height: 30px
}

.address-card h5,
.address-card h6,
.expect-card h5 {
    text-transform: capitalize
}

.clone-process-card p,
.various-busi-model .clone-process-card p {
    color: #535252;
    font-size: 18px
}

.various-busi-model .clone-process-card {
    border-radius: 0;
    border: 1px solid #000;
    padding: 12px;
    text-align: left;
    margin-top: 50px !important;
    min-height: 354px;
    background: #fff;
    box-shadow: 0 5px 10px 0 #00000026
}

.various-busi-model .clone-process-card h5 {
    font-size: 18px;
    text-transform: none;
    line-height: 30px;
    color: #121113
}

.various-busi-model .banner-btn-2 {
    background-color: #000;
    border: none
}

.why-list p {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 35px
}

.why-choose-isynbus-to-build .nav-pills .nav-link.active {
    background-color: #000;
    color: #fff;
    border-radius: 0;
    position: relative;
    padding-right: 30px;
    width: 100%;
    height: 81px;
    font-size: 27px;
    text-align: left;
    padding-left: 45px
}

.tabs-main-why {
    border: 1px solid #00000033;
    box-shadow: 0 0 25px 0 #0000001A;
    padding: 12px;
    background-color: #fff
}

.why-choose-isynbus-to-build .nav-pills {
    width: 100%;
    margin-right: 0 !important;
    padding: 22px 10px;
    border: 2px solid #faebce
}

.why-choose-isynbus-to-build .nav-pills .nav-link {
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #0000002B;
    border-radius: 0;
    position: relative;
    padding-right: 30px;
    width: 100%;
    height: 81px;
    font-size: 27px;
    text-align: left;
    padding-left: 45px
}

.why-choose-isynbus-to-build .nav-pills .nav-link.active::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 47px solid #fff
}

.why-choose-isyn-tab-content p {
    margin-top: 31px;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px
}

.why-choose-isyn-tab-content ul {
    padding-left: 2rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 50px
}

.why-choose-isyn-tab-content li {
    list-style: disc;
    color: #535252;
    font-size: 20px
}

.why-choose-isyn-tab-content .banner-btn-2 {
    background-color: #000;
    border: none;
    margin-top: 50px !important
}

.invest-in-uber-vector {
    position: absolute;
    top: 39%;
    left: 43%
}

.uber-busi-industry h5 {
    font-size: 28px;
    font-weight: 500
}

.home-banner {
    position: relative;
    height: 99.7vh;
    overflow: hidden
}

.home-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, .24) 0%, rgba(0, 0, 0, .44) 42%, rgba(0, 0, 0, .62) 100%);
}

.home-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, .26) 0%, rgba(255, 255, 255, 0) 58%),
        radial-gradient(ellipse at 80% 25%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 48%);
}

.home-banner video {
    height: 83.7vh;
    object-fit: fill
}

.hero-media-stack {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #000
}

.hero-media-stack img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    filter: brightness(.86) contrast(1.1) saturate(.92);
    transform: scale(1.06);
    will-change: opacity, transform;
    animation: 32s ease-in-out infinite heroImageCycle
}

.hero-media-stack img:nth-child(2) {
    animation-delay: 8s;
}

.hero-media-stack img:nth-child(3) {
    animation-delay: 16s;
}

.hero-media-stack img:nth-child(4) {
    animation-delay: 24s;
}

@keyframes heroImageCycle {
    0% {
        opacity: 0;
        transform: scale(1.08) translate3d(0, 0, 0);
    }

    6% {
        opacity: .98;
    }

    24% {
        opacity: .98;
        transform: scale(1.13) translate3d(-1.2%, -1.1%, 0);
    }

    30% {
        opacity: 0;
    }

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

.home-banner .mobile-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0
}

.hero-trusted-slider {
    max-width: 980px;
    margin: 24px auto 0;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    z-index: 3;
}

.home-banner .hero-trusted-slider {
    max-width: 860px;
    position: absolute;
    left: 50%;
    bottom: 44px;
    transform: translateX(-50%);
    width: min(860px, calc(100% - 24px));
    margin-top: 0;
}

.about-trusted-slider {
    max-width: 900px;
}

.hero-trusted-slider p {
    margin: 0 0 12px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 0 18px rgba(255, 255, 255, .45);
}

.hero-trusted-track {
    display: flex;
    align-items: center;
    gap: 12px;
    width: max-content;
    animation: 26s linear infinite heroTrustedScroll;
}

.hero-trusted-item {
    width: 200px;
    height: 84px;
    border-radius: 12px;
    overflow: hidden;
    border: none;
    background: linear-gradient(180deg, rgba(34, 34, 34, .92) 0%, rgba(8, 8, 8, .96) 100%);
    /* box-shadow: 0 0 22px rgba(255, 255, 255, .16), 0 12px 28px rgba(0, 0, 0, .42); */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 8px 10px;
}

.hero-trusted-item img {
    width: 82%;
    max-height: 34px;
    object-fit: contain;
    filter: brightness(0) invert(1) contrast(1.2);
    opacity: .98;
}

.hero-trusted-rating {
    margin-top: 6px;
    font-size: 11px;
    line-height: 1;
    color: #ffd86f;
    font-weight: 700;
    letter-spacing: .6px;
    text-shadow: 0 0 12px rgba(255, 216, 111, .42);
}

@keyframes heroTrustedScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@media screen and (max-width:991px) {
    .home-banner .hero-trusted-slider {
        /* position: relative; */
        left: auto;
        /* bottom: auto; */
        transform: none;
        width: auto;
        margin-top: 14px;
    }

    .hero-trusted-item {
        width: 170px;
        height: 76px;
    }
}

@media screen and (max-width:640px) {
    .hero-trusted-slider {
        margin-top: 18px;
        padding: 0 8px;
    }

    .home-banner .hero-trusted-slider {
        margin-top: 12px;
    }
}

.home-banner .main-home-banner {
    position: relative;
    z-index: 3;
}

.home-banner .home-banner-content h1,
.home-banner .home-banner-content p {
    text-shadow: 0 10px 35px rgba(0, 0, 0, .75);
}

.home-banner-content a {
    margin: 0;
    width: max-content;
    background-color: rgba(0, 0, 0, .38);
    color: #fff;
    border: 2px solid rgba(255, 255, 255, .86);
    box-shadow: 0 0 28px rgba(255, 255, 255, .22), inset 0 0 12px rgba(255, 255, 255, .1);
    backdrop-filter: blur(2px);
    font-weight: 500
}

.home-banner-content a:hover {
    background-color: #fff;
    color: #000;
    border: 2px solid #fff;
    box-shadow: 0 0 36px rgba(255, 255, 255, .55)
}

.uber-app-page .uber-features-sec .better-investment-card img {
    width: 50px;
    height: 50px
}

.new-location-page .digital-sub-banner-card {
    padding: 0 15px 22px;
    min-height: 259px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center
}

.new-location-page .we-expert-card {
    padding: 18px 0 18px 28px;
    gap: 61px;
    height: 110px
}

.new-location-page .we-expert-card img {
    width: 48px
}

.new-location-page .we-expert-card p {
    font-size: 20px !important
}

.new-location-page .seo-color-detail-card p,
.new-location-page .seo-color-detail-card ul li {
    color: #454343;
    font-size: 17px;
    line-height: 37px
}

.new-service-details p,
.new-service-details ul li {
    font-size: 17px;
    color: #000;
    line-height: 36px
}

.digital-marketing-india .digital-market-sub-heading ul li {
    width: max-content
}

.digital-marketing-india .digital-market-sub-heading ul li img {
    width: 153px;
    height: 98px;
    object-fit: fill;
    border-radius: 10px
}

.digital-marketing-india .digital-market-sub-heading ul {
    display: flex;
    gap: 9px
}

.digital-marketing-india .digital-marketing-sub-banner .card {
    background-color: #1a99DEF5;
    padding: 5px 5px 10px 18px;
    border-radius: 10px;
    border: 2px dotted #fff;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
    flex-direction: row;
    margin-bottom: 20px
}

.digital-marketing-india .digital-marketing-sub-banner .icon {
    position: relative;
    width: 40px;
    height: 40px
}

.digital-marketing-india .digital-marketing-sub-banner .icon::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 8px;
    width: 25px;
    height: 25px;
    background-color: #88e5c3;
    border-radius: 50%;
    z-index: 1
}

.digital-marketing-india .digital-marketing-sub-banner .text-content {
    display: flex;
    flex-direction: column
}

.digital-marketing-india .digital-marketing-sub-banner .number {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 13px
}

.digital-marketing-india .digital-marketing-sub-banner .label {
    font-size: 16px;
    margin-top: 2px
}

.digital-marketing-india .we-expert-card {
    gap: 37px;
    padding: 18px 0 18px 4px
}

.digital-marketing-india .we-expert-card img {
    width: 76px
}

.hashtag-1 p {
    font-size: 17px !important;
    color: #000;
    line-height: 36px;
    text-align: center
}

.why-hash-one-card {
    min-height: 658px;
    margin-bottom: 20px
}

.digital-marketing-faq .accordion-item {
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ddd
}

.digital-marketing-faq .accordion {
    padding: 0;
    border: 1px solid #ddd
}

.digital-marketing-faq .accordion-button {
    font-size: 22px;
    font-weight: 600;
    flex-direction: row-reverse;
    justify-content: flex-end;
    color: #00b4f4;
    gap: 20px
}

.digital-marketing-faq .accordion-body {
    font-size: 16px;
    line-height: 37px
}

.digital-marketing-faq .accordion-button::after {
    margin: 0;
    background-image: url(../images/new-acccord-icon-1.png)
}

.digital-marketing-faq .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #ff7e4b
}

.digital-marketing-faq .accordion-button:not(.collapsed)::after {
    background-image: url('../images/accordian-new-icon.png') !important;
    background-repeat: no-repeat;
    transform: none
}

.digital-marketing-india-uk .seo-color-detail-card ul li {
    font-weight: 400;
    font-size: 18px;
    color: #454343;
    line-height: 2.6
}

.digital-marketing-india-uk .why-hash-one-card {
    background-color: #fff !important;
    box-shadow: 0 5px 10px 0 rgba(162.09843750000002, 194.24331967561142, 207, .6) !important;
    min-height: 483px;
    padding: 20px !important
}

.digital-marketing-india-uk .hashtag-1 {
    background-color: #005072
}

.digital-marketing-india-uk .hashtag-1 h5 {
    font-size: 32px;
    color: #fff;
    text-align: center;
    text-transform: none
}

.digital-marketing-india-uk .hashtag-1 p {
    font-size: 28px !important;
    color: #fff
}

.seo-service-tailored h4 {
    font-size: 28px
}

.interest-with-isynbus {
    background-color: #f2f2f2
}

.interest-with-isynbus h5 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px
}

.interest-with-isynbus p {
    font-size: 17px;
    margin-bottom: 25px;
    line-height: 37px
}

.seo-service-tailored ul li {
    font-size: 17px;
    margin-bottom: 15px
}

.seo-service-tailored ul li i {
    margin-right: 15px;
    color: #1a99de
}

.address-card ul li,
.address-card ul li a {
    color: #101326;
    font-family: Montserrat, sans-serif !important
}

.new-partners-slider {
    background: #061a42;
    padding: 20px 0
}

.new-partners-slider img {
    border-radius: 10px;
    filter: invert(100%) sepia(0) saturate(100%) hue-rotate(284deg) brightness(220%) contrast(0%);
    -webkit-filter: invert(100%) sepia(0) saturate(100%) hue-rotate(284deg) brightness(220%) contrast(0%);
    width: 100px !important;
    height: 80px !important;
    object-fit: contain
}

.new-partners-slider .swiper-wrapper {
    align-items: center
}

.new-partners-slider p {
    font-size: 20px;
    font-weight: 700;
    color: #001b42;
    padding: 8px 44px 8px 20px;
    border-radius: 8px;
    background: linear-gradient(90deg, #fff 0, rgb(13 71 161 / 0%) 100%);
    margin-bottom: 0;
    width: max-content
}

.sing_blg .footer-social-icons li {
    background-color: #000;
    border-radius: 200px;
    width: 41px;
    height: 41px;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.sing_blg .footer-social-icons {
    gap: 7px
}

.internal.contact-us .header .item-center {
    margin-right: 75px
}

.internal.contact-us header {
    background-color: transparent;
    padding-top: 6px !important
}

.internal.contact-us main {
    margin-top: 0
}

.new-contact-us-banner h1 {
    font-family: Montserrat, sans-serif !important;
    text-align: left;
    font-size: 39px;
    line-height: 47px
}

.new-contact-us-banner .contact-us-banner-content p {
    font-size: 18px;
    font-family: Montserrat, sans-serif !important;
    line-height: 30px;
    color: #fff;
    margin-bottom: 15px
}

.new-contact-us-banner .contact-us-banner-content ul li {
    font-family: Montserrat, sans-serif !important;
    font-size: 17px;
    text-align: left;
    font-weight: 500;
    margin-bottom: 5px;
    color: #fff;
    align-items: center;
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

.new-contact-us-banner .contact-us-banner-content ul li img {
    margin-right: 13px
}

.new-contact-us-banner .contact-us-banner-content ul li .number-div {
    width: 30px;
    height: 30px;
    text-align: center;
    color: #000;
    background: #fff;
    border-radius: 100px;
    border: 2px solid #00abff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    flex-shrink: 0;
}

.new-contact-us-banner .contact-us-paragraph {
    font-family: Montserrat, sans-serif !important;
    font-size: 20px;
    text-align: left;
    line-height: 30px !important;
    font-weight: 500;
    margin-bottom: 35px !important
}

.new-contact-banner-form {
    border: 1px solid #fff;
    border-radius: 14px;
    padding: 20px
}

.new-contact-banner-form h3 {
    font-family: Montserrat, sans-serif !important;
    font-weight: 700;
    font-size: 26px;
    line-height: 37px;
    padding: 0 0 4px;
    position: relative;
    color: #fff;
    text-align: left;
    margin-bottom: 0
}

.new-contact-banner-form h3::after {
    content: '';
    background-color: #fff;
    width: 89px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0
}

.new-contact-banner-form input {
    background: 0 0 !important;
    border: none !important;
    border-radius: 0 !important
}

.new-contact-banner-form .form-card {
    background: 0 0 !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 0
}

.new-contact-banner-form textarea {
    background: 0 0 !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important
}

.new-contact-banner-form input::placeholder {
    color: #fff !important
}

.new-contact-banner-form textarea::placeholder {
    color: #fff !important
}

.new-contact-banner-form #dropdownLabel,
.new-contact-banner-form #dropdownLabel2 {
    color: #fff !important
}

.new-contact-banner-form .captcha-div input {
    border: none !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
    color: #fff
}

.new-contact-banner-form .submit-btn {
    height: 41px !important;
    padding: 0 !important;
    margin-bottom: 11px;
    font-size: 15px
}

.new-contact-banner-form .check-div {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    gap: 10px
}

.new-contact-banner-form .check-div input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important
}

.new-contact-banner-form .check-div label {
    color: #fff;
    font-size: 13px
}

.new-contact-banner-form .check-div input {
    border: 1px solid #3b65ec !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 5px !important
}

.connect-expert-div .healthcare-new-heading h5 {
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    text-transform: none
}

.connect-expert-card {
    display: block;
    box-shadow: 0 0 25px 0 #0000001A;
    padding: 30px;
    border-radius: 15px;
    text-align: center
}

.connect-expert-card i {
    color: #5377ee;
    font-size: 46px;
    margin: auto auto 10px
}

.connect-expert-card p {
    font-size: 22px;
    color: #333;
    font-weight: 600;
    font-family: Montserrat, sans-serif !important;
    margin-bottom: 0
}

.connect-expert-card:hover {
    background: linear-gradient(272.38deg, #5578a8 14.04%, #0b2c58 89.95%)
}

.expect-next-sec {
    background-color: #021e5d;
    background-repeat: no-repeat;
    background-size: cover
}

.expect-next-sec .healthcare-new-heading p {
    color: #fff;
    font-size: 21px;
    line-height: 33px
}

.expect-card {
    background: #fff;
    border-radius: 20px;
    border: 2px solid #f3f3f3;
    box-shadow: 0 7px 30px 10px #0000000A;
    padding: 38px 50px 50px 38px;
    margin-top: 50px;
    min-height: 399px
}

.expect-card h5 {
    padding: 0 0 12px;
    font-size: 22px;
    font-weight: 600;
    position: relative
}

.expect-card h5::after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 87px;
    height: 3px;
    background-color: #3b65ec;
    left: 0
}

.expect-card p {
    font-size: 18px;
    color: #000;
    line-height: 27px;
    margin-bottom: 0;
    margin-top: 21px
}

.address-card {
    box-shadow: 0 0 25px 0 #0000001A;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 40px
}

.address-detail-sec {
    background-color: #f3f6ff;
    padding: 85px 0 !important;
    position: relative
}

.address-card h5 {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 26px;
    font-family: Montserrat, sans-serif !important
}

.address-card h6 {
    font-size: 18px;
    margin: 12px 0 21px;
    padding: 0;
    font-family: Montserrat, sans-serif !important
}

.address-card p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif !important
}

.address-card ul li {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px
}

.address-card img {
    margin: 30px 0 !important;
    display: block
}

.new-video-sec {
    background: #021e5d
}

.new-video-sec p {
    color: #fff;
    font-size: 21px;
    line-height: 31px
}

.new-video-sec .demo-gallery-poster svg {
    width: 60px;
    background-color: #3b65ec;
    box-shadow: 0 4px 4px 0 #00000040;
    border: none;
    opacity: 1;
    height: 60px;
    padding: 15px
}

.new-news-card {
    padding: 47px 0;
    position: relative
}

.new-news-vect-1 {
    position: absolute;
    bottom: 0;
    left: 4%
}

.new-gallery-vec-2,
.new-news-vect-2 {
    position: absolute;
    right: -2px;
    bottom: 0;
    height: 300px;
}

.newsletter-new-sec img {
    border-radius: 15px;
}

.new-news-vect-3 {
    position: absolute;
    bottom: 12%;
    left: 23%
}

.new-news-vect-4 {
    position: absolute;
    right: 25%
}

.new-contact-banner-form .get-in-touch-form input {
    color: #fff;
    padding: 0 !important;
    height: 50px
}

.new-contact-banner-form .get-in-touch-form .captcha-div {
    margin: 0 !important
}

.new-contact-banner-form .dropdown-toggle::after {
    border-top: .3em solid #fff
}

.new-contact-banner-form .dropdown-menu input::placeholder {
    color: #000 !important
}

.new-contact-banner-form .dropdown-menu input {
    background: #f5f5f5 !important;
    height: 50px !important;
    padding: 10px !important;
    color: #000 !important
}

.new-faq-sec .accordion-button {
    background: 0 0;
    box-shadow: none;
    align-items: baseline;
    padding: 0;
    line-height: 28px;
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.new-faq-sec .accordion-item {
    box-shadow: none;
    background: #000;
    border-radius: .75rem;
    border: 1px solid #252c37;
    padding: 24px
}

.new-faq-sec .accordion-button:not(.collapsed) {
    box-shadow: none;
    font-weight: 600;
    color: #0070ee
}

.new-partner-slider img {
    width: 80% !important
}

.new-faq-sec p {
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.new-faq-sec .accordion-button::after {
    background-image: url('data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2016%2016%27%20fill=%27%23ffffff%27%3e%3cpath%20fill-rule=%27evenodd%27%20d=%27M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z%27/%3e%3c/svg%3e') !important
}

.new-faq-sec ul {
    padding-left: 2rem;
    margin-bottom: 20px
}

.new-faq-sec ul li {
    list-style: disc;
    margin-bottom: 8px;
    color: #fff
}

.classified-page .insudtry-logistics-banner {
    background-color: #f3f3f3 !important;
    padding: 100px 0;
    position: relative
}

.classified-page .insudtry-logistics-banner h1 {
    font-size: 40px;
    z-index: 1
}

.classified-page .industries-new-banner p {
    font-size: 22px;
    line-height: 37px;
    z-index: 1;
    position: relative
}

.classi-vect-1 {
    position: absolute;
    top: 0;
    height: 100%
}

.classi-vect-2 {
    position: absolute;
    top: 8%;
    left: 41%
}

.classi-vect-3 {
    position: absolute;
    right: 64px;
    bottom: 33px
}

.classified-page .book-now-button {
    position: relative;
    z-index: 9;
    background-color: #c10037;
    color: #fff !important;
    border: none
}

.get-ur-classy-app-sec .healthcare-new-heading h4 {
    color: #000;
    font-size: 34px;
    text-align: left
}

.classified-page .on-demand-industries-card p,
.get-ur-classy-app-sec .healthcare-new-heading h4 span {
    color: #c10037
}

.get-ur-classy-app-sec .healthcare-new-heading p {
    font-size: 18px;
    line-height: 32px;
    color: #535252;
    text-align: left
}

.get-classy-vect {
    position: absolute;
    bottom: -1px;
    left: 47%
}

.classy-what-new-sec ul li {
    list-style: none;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    color: #333;
    margin-top: 50px;
    display: flex;
    align-items: center;
    gap: 15px
}

.classified-page .on-demand-industries-card:hover .on-demand-industries-content {
    border: 2px solid #c10037;
    border-top: 0
}

.how-classy-website-work-sec .on-demand-industries-card {
    box-shadow: 0 0 11px 0 #ffe5e1bf;
    border: 1px solid #93939326;
    background-color: #fff;
    border-radius: 15px
}

.how-classy-website-work-sec .on-demand-industries-content {
    border: none;
    min-height: 319px;
    padding: 53px 16px 25px
}

.how-classy-website-work-sec {
    background-color: #fef7f6
}

.how-classy-website-work-sec .on-demand-industries-card:hover {
    border: 1px solid #93939326 !important
}

.how-classy-website-work-sec .on-demand-industries-card .intustries-card-icon {
    left: 36%;
    box-shadow: 0 -2px 4px 0 #00000040
}

.how-classy-website-work-sec .on-demand-industries-card h5 {
    font-size: 18px;
    text-transform: none
}

.how-classy-website-work-sec .on-demand-industries-card p {
    font-weight: 500;
    color: #535252;
    font-size: 16px
}

.why-choose-classy-sol {
    background-color: #f6f6f6
}

.why-choose-classy-sol .healthcare-new-heading p {
    text-align: left;
    line-height: 32px
}

.why-choose-classy-sol li {
    font-size: 16px;
    font-weight: 600;
    line-height: 37px;
    color: #535252;
    list-style: disc;
    margin-top: 10px
}

.why-choose-classy-sol ul {
    padding-left: 2rem;
    margin-bottom: 40px
}

.classified-page .better-investment-card {
    border-bottom: 6px solid #c10037;
    min-height: 331px
}

.launch-ready-classy-app {
    background-color: #cef1f5;
    text-align: center
}

.launch-ready-classy-app h5 {
    color: #000;
    text-transform: none;
    font-size: 28px;
    line-height: 52px
}

.launch-ready-classy-app p {
    font-size: 19px;
    color: #1c1919;
    line-height: 26px;
    margin-bottom: 30px
}

.classified-app-feature {
    background-color: #f6f6f6 !important;
    background-image: none
}

.classified-app-feature .accordion-button {
    padding-left: 0
}

.classified-app-feature .accordion-body {
    padding-left: 0;
    text-align: left
}

.classified-app-feature .nav-link {
    border-radius: 0;
    height: 64px;
    width: 176px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    font-size: 20px;
    color: #121113
}

.classified-app-feature .nav-tabs {
    justify-content: center;
    gap: 20px;
    border: none
}

.classified-page .pro-card-content h5 {
    padding: 0;
    font-size: 18px !important
}

.hire-android-app-devs-banner h6 {
    padding: 0;
    color: #fff;
    text-transform: none;
    font-weight: 600;
    font-size: 17px
}

.hire-android-app-devs-banner ul li {
    color: #fff;
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 600
}

.single-service-vcard {
    background-color: #a5a5a521;
    position: relative;
    padding: 25px;
    -webkit-clip-path: polygon(87% 0, 100% 13%, 100% 78%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(87% 0, 100% 13%, 100% 78%, 100% 100%, 0 100%, 0 0)
}

.single-service-vcard .link {
    border: 2px solid #efeff1;
    border-radius: 5px;
    width: 36px;
    height: 36px;
    color: #086ad7;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    display: inline-block;
    float: right;
    margin-top: -10px
}

.single-service-vcard .icon {
    color: #086ad7
}

.single-service-vcard .content h3 {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 400
}

.single-service-vcard .icon img {
    width: 50px;
    filter: grayscale(100%) brightness(0)
}

.hire-pool-developer {
    position: relative;
    background-color: #f3f3f3
}

.hire-pool-developer svg {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 220px
}

.hire-pool-developer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    row-gap: 50px;
    gap: 15px
}

.hire-pool-developer ul li {
    width: 200px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 15px;
    background: #fff;
    position: relative
}

.nodejs-accord .accordion-body {
    height: 400px;
    overflow-y: scroll
}

.classified-page .more-education-feature .android-service-process-card {
    min-height: 272px !important;
    gap: 20px
}

.ios-dev-services .nav-pills .nav-link {
    font-size: 16px !important;
    line-height: 30px !important
}

.ios-hire-page .healthcare-new-heading h4,
.stream-process-card:hover p,
.uiux-diff-consl-sec .on-demand-industries-card p {
    color: #000 !important
}

.ios-dev-services p {
    font-weight: 400;
    font-size: 16px
}

.ios-developer-service .better-investment-card {
    border-bottom: 6px solid #040404 !important
}

.hire-ui-ux-tech-stack .new-ios-service-card {
    box-shadow: 0 1px 13px #ddd;
    border: none;
    min-height: 289px
}

.hire-uiux-page .food-app-dev-sol-sec {
    box-shadow: 5px -2px 15px #ddd
}

.uiux-diff-consl-sec .on-demand-industries-card img {
    height: 200px
}

.uiux-diff-consl-sec .on-demand-industries-content {
    padding-top: 20px !important;
    min-height: 216px
}

.hire-digital-expert .healthcare-new-heading h4 {
    line-height: 44px;
    color: #000
}

.hire-digital-expert .healthcare-new-heading h4 span,
.hire-reactnative-page .hire-android-app-devs-banner h1 span {
    color: #0070ee
}

.hire-digital-expert .banner-btn-2 {
    background-color: #0070ee
}

.hire-digital-tools-sec ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.hire-digital-tools-sec ul li {
    background: #f7f7f7;
    border: 1px solid #cdcdcd;
    padding: 10px 15px
}

.hire-digital-expert .nodejs-accord .accordion-body {
    height: auto;
    overflow-y: none
}

.banner-counting-card-1 {
    width: 170px;
    text-align: center;
    padding: 10px;
    border: 1px solid #dddddd08;
    box-shadow: 0 2px 10px #dddddd26;
    background: #dddddd0f
}

.about-us-new-banner,
.about-us-new-mid-banner {
    background-repeat: no-repeat;
    background-position: left
}

.banner-counting-card-1 h6 {
    color: #0070ee;
    font-size: 35px;
    font-weight: 600
}

.banner-counting-card-1 p {
    font-size: 13px;
    line-height: 21px
}

.banner-countings {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.hire-reactnative-page .hire-android-app-devs-banner p {
    font-size: 17px;
    line-height: 31px
}

.hire-digital-expert .hire-dev-content-card {
    min-height: 604px
}

.hire-mobile-app-dev-page .banner-btn-2,
.hire-reactnative-page .doctor-healthcare-faq-sec .banner-btn-2 {
    background-color: #0070ee !important
}

.hire-reactnative-page .better-investment-card {
    border-bottom: 6px solid #0070ee;
    min-height: 276px
}

.about-us-new-banner {
    background-image: url(../images/new-about-banner-bg.png);
    background-size: cover
}

.about-us-new-banner img {
    width: 688px;
    height: 512px;
    object-fit: cover;
    border-radius: 88px
}

.about-us-new-banner .swiper-pagination-bullet {
    background: linear-gradient(180deg, #4c44fc 0, #662ff4 100%);
    width: 8px;
    height: 8px
}

.about-us-new-banner .swiper-pagination-bullet-active {
    background: linear-gradient(180deg, #4c44fc 0, #662ff4 100%);
    width: 16px;
    height: 16px
}

.about-us-new-banner .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center
}

.about-us-new-banner h1 {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600;
    font-size: 64px;
    line-height: 79px;
    color: #000
}

.about-new-page .ui-ux-heading-new span {
    color: #5b71cf
}

.about-us-new-mid-banner {
    background-image: url(../images/about-new-mid-banner-bg.png);
    background-size: cover;
    padding: 187px 0
}

.about-us-new-mid-banner .banner-btn-2 {
    background: linear-gradient(126.29deg, #0a61c0 -4.44%, #5b71cf 40.52%, #7f64e1 91.41%);
    border: none
}

.about-us-new-mid-banner h3 {
    font-weight: 600;
    font-size: 44px;
    line-height: 58px;
    text-transform: capitalize;
    font-family: Montserrat, sans-serif !important;
    color: #fff
}

.new-core-team-sec h6 {
    font-family: Montserrat, sans-serif !important;
    font-weight: 600;
    font-size: 28px;
    line-height: 45px;
    color: #7f64e1
}

.new-core-team-card {
    padding: 30px 20px 20px;
    border: 1px solid #e8e8e8;
    border-bottom: 8px solid #5b71cf;
    margin-top: 30px
}

.new-core-team-card h5 {
    font-family: Montserrat, sans-serif !important;
    text-transform: none;
    font-weight: 600;
    padding: 0;
    font-size: 20px;
    color: #121113
}

.new-client-review-sec .client-review-new-card p,
.new-core-team-card p {
    color: #535252;
    font-family: Montserrat, sans-serif !important;
    font-weight: 500
}

.new-core-team-card p {
    font-size: 14px
}

.core-team-vect-1 {
    position: absolute;
    right: 5%
}

.core-team-vect-2 {
    position: absolute;
    top: 43%;
    left: 4%
}

.core-team-vect-3 {
    position: absolute;
    bottom: 8%;
    right: 5%
}

.new-gallery-sec {
    background-image: url(../images/new-gallery-bg-img.png);
    background-size: cover;
    position: relative
}

.new-gallery-sec .nav-tabs {
    border: none;
    gap: 18px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 9px;
    margin-bottom: 50px
}

.new-gallery-sec .nav-tabs .nav-link.active {
    border: 1px solid #000
}

.new-gallery-sec .nav-tabs .nav-link {
    font-size: 15px;
    color: #000;
    background: #fff;
    border-radius: 10px;
    width: max-content;
    padding: 11px 27px;
    font-family: Montserrat, sans-serif !important;
    font-weight: 600
}

.new-gallery-sec .nav-tabs::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.new-gallery-sec .nav-tabs::-webkit-scrollbar-track {
    background: #e3e3e3
}

.new-gallery-sec .nav-tabs::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 3px
}

.new-gallery-sec .nav-tabs::-webkit-scrollbar-thumb:hover {
    background: #555
}

.new-gallery-sec .demo-gallery>ul>li a {
    border: none;
    width: 100%;
    object-fit: cover;
    background-size: 100% 100%
}

.new-gallery-vec-1 {
    position: absolute;
    left: 0;
    top: 0
}

.new-client-review-sec .client-review-new-card {
    position: relative;
    background-color: #f6f6f6;
    padding: 116px 98px 68px;
    margin-top: 100px
}

.new-client-review-sec .client-review-new-card p {
    font-size: 18px;
    line-height: 37px
}

.new-client-review-sec .client-review-new-card h6 {
    font-family: Montserrat, sans-serif !important;
    font-weight: 800;
    font-size: 20px;
    font-style: italic;
    color: #000;
    margin-bottom: 10px;
    text-transform: none
}

.client-review-img {
    margin-top: -200px;
    position: relative
}

.double-quote-icon {
    position: absolute;
    top: -32px;
    left: 32px
}

.review-balls-icon {
    position: absolute;
    bottom: -34px;
    right: -57px
}

.hire-mobile-app-dev-page .expert-android-main-div h5 {
    font-size: 38px;
    font-weight: 600
}

.hire-mobile-app-dev-page .better-investment-card {
    min-height: 268px
}

.expert-hire-mobile-app-dev img {
    position: sticky;
    top: 144px
}

.hire-mobile-app-dev-page .realstate-tabs-sec .accordion-button:not(.collapsed) {
    color: rgb(0 112 238)
}

.hire-mobile-app-dev-page .realstate-tabs-sec .accordion-button::after {
    background-color: rgb(0 112 238) !important
}

.hire-full-stack-page .banner-counting-card-1 {
    box-shadow: none;
    width: 196px;
    background: #dddddd26
}

.hire-full-stack-page .single-service-vcard {
    margin-bottom: 20px;
    min-height: 237px
}

.hire-full-stack-page .nodejs-accord ul {
    margin-left: 2rem
}

.hire-full-stack-page .nodejs-accord ul li {
    list-style: devanagari;
    margin-bottom: 10px;
    line-height: 33px
}

.hire-full-stack-page .nodejs-accord .accordion-body {
    overflow-y: auto
}

.hire-full-stack-page .uber-app-details li {
    font-weight: 400
}

.hire-full-stack-accord ul li {
    list-style: disc;
    margin-bottom: 15px
}

.hire-full-stack-page .hire-pool-developer img {
    width: 60px
}

.hire-full-stack-cards .new-ios-service-card {
    min-height: 357px
}

.why-need-full-stack-dev .need-andr-dev-card {
    min-height: 421px
}

.hire-blockchain-dev-page .ios-developer-service .better-investment-card {
    border-bottom: 6px solid #0eaebf !important
}

.hire-blockchain-dev-page .app-dev-heading,
.hire-blockchain-dev-page .doctor-healthcare-faq-sec h3,
.hire-blockchain-dev-page .education-app-heading h3,
.hire-blockchain-dev-page .healthcare-new-heading h4 {
    color: #0eaebf
}

.hire-blockchain-dev-page .doctor-healthcare-faq-sec .banner-btn-2 {
    background-color: #0eaebf !important
}

.hire-blockchain-dev-page .food-ap-sol-card img {
    width: 100px;
    background: #ffddb7;
    padding: 22px;
    border-radius: 100px;
    height: 100px
}

.about-section,
.ai-services-section,
.ai-technology-section,
.industries-section {
    background: #000;
    position: relative
}

/* .ai-services-section::before,
.ai-technology-section::before,
.industries-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, .5), transparent)
} */

.services-label i {
    font-size: 1.25rem
}

.cta-card {
    background: url(../images/new-service-card-bg.jpg) 0 0/cover no-repeat #1b1e30;
    border-radius: 24px;
    padding: 2.5rem;
    position: relative;
    background-blend-mode: multiply
}

.cta-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #00d4ff 0, #7c3aed 100%);
    opacity: .05;
    transition: opacity .4s
}

.cta-card:hover::before {
    opacity: .2
}

.cta-content .badge {
    font-size: 18px;
    background-color: transparent !important;
    color: var(--text-light) !important;
    border: 1px solid #00a6ff4d;
    color: #fff !important;
    padding: 15px 16px !important;
    border-radius: 100px
}

.check-list,
.cta-features,
.services-list {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.service-item {
    /* display: flex; */
    gap: 1.5rem;
    padding: 24px;
    background: #000;
    border: 1px solid #2d3250;
    border-radius: 18px;
    position: relative
}

.service-item h4 {
    color: #fff;
}

.service-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(135deg, #00d4ff 0, #7c3aed 100%);
    transform: scaleY(0);
    transition: transform .4s
}

.service-item:hover {
    border-color: #00a6ff80;
    background: #101f2b
}

.service-item.featured {
    background: #1a1f3a;
    border-color: #00d4ff;
    box-shadow: 0 0 20px rgba(0, 212, 255, .2)
}

.service-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0b0f14;
    border-radius: 14px;
    font-size: 1.6rem;
    color: #00d4ff;
    flex-shrink: 0;
    transition: .3s
}

.services-label,
.tech-icon-main {
    align-items: center;
    display: flex
}

.service-content h4 {
    font-size: 1.25rem;
    color: #fff;
    margin-bottom: .5rem;
    font-weight: 500;
    display: flex
}

.ai-technology-section a,
.cta-content a {
    padding: 1.125rem 2.5rem;
    font-weight: 600
}

.service-content p {
    color: #fff;
    margin: 0;
    font-size: 15px
}

.sticky {
    position: sticky;
    top: 10px;
    z-index: 10
}

.industry-image,
.tech-card {
    position: relative;
    overflow: hidden
}

.services-label {
    color: #00d4ff !important
}

.services-label span {
    color: #00a6ff !important
}

.new-main-heading {
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 60px;
    line-height: 64px
}

.gradient-text {
    color: #00a5ff
}

.cta-content h4 {
    color: #fff;
    font-size: 30px
}

.cta-content a {
    background: #00a6ff;
    color: #fff;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 212, 255, .3);
    font-size: 16px;
    border-radius: 46px;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ai-technology-section a {
    background: #00a6ff;
    color: #fff;
    border: none;
    box-shadow: 0 4px 82px rgb(0 212 255 / 48%);
    font-size: 1.1rem;
    border-radius: 51px
}

.ai-technology-section a:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 12px 30px rgba(0, 212, 255, .5);
    color: #fff
}

.tech-card {
    padding: 40px 20px 0;
    border-radius: 15px;
    border: 1px solid #2d3250;
    background: #1e2139;
    transition: .3s;
    height: 100%;
    min-height: 260px
}

.stream-process-card .icon,
.tech-icon {
    transition: transform .6s cubic-bezier(.4, 0, .2, 1)
}

.tech-blue .tech-icon {
    background: linear-gradient(135deg, #004da3 0, #0459b9 100%)
}

.tech-card:hover::before {
    transform: scaleX(1)
}

.tech-icon-main {
    gap: 1rem;
    margin-bottom: 20px
}

.tech-icon {
    width: 40px;
    height: 40px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 2rem;
    color: #fff;
    margin-bottom: 0
}

.industry-link,
.tech-badge {
    display: inline-flex;
    gap: .5rem;
    font-weight: 600
}

.tech-icon i {
    font-size: 19px
}

.tech-badge {
    align-items: center;
    padding: .6rem 1.2rem;
    background: rgba(0, 212, 255, .1);
    border: 1px solid rgba(0, 212, 255, .3);
    border-radius: 50px;
    font-size: .9rem;
    color: #00d4ff;
    box-shadow: 0 0 15px rgba(0, 212, 255, .15);
    transition: .3s
}

.tech-card:hover .tech-badge {
    background: rgba(0, 212, 255, .15)
}

.tech-card h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
    transition: font-size .6s, color .3s
}

.tech-card p {
    font-size: 17px;
    color: #fff;
    transition: color .3s
}

.stream-process-card:hover,
.tech-card:hover {
    background: #fff !important
}

.stream-process-card:hover .icon,
.tech-card:hover .tech-icon {
    transform: scale(1.4)
}

.tech-card:hover h4 {
    font-size: 30px;
    color: #000
}

.industry-card {
    background: #000;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #2d3250;
    transition: .5s;
    height: 100%;
    position: relative;
}

.industry-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 0 20px rgba(0, 166, 255, .2);
    border-color: #fff
}

.industry-card:hover .industry-content {
    opacity: 1;
    top: 0;
    background: #000000c2;
    padding: 2rem;
}

.industry-image {
    height: 250px
}

#toc .toc-level-2>.toc-link {
    display: block !important;
}

.industry-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s
}

.industry-card:hover .industry-image img {
    transform: scale(1.1)
}

.industry-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .85) 100%)
}

.industry-stats {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .5rem 1rem;
    background: linear-gradient(135deg, #00d4ff 0, #7c3aed 100%);
    color: #fff;
    border-radius: 50px;
    font-size: .75rem;
    font-weight: 600
}

.industry-content {
    padding: 2rem;
    position: absolute;
    bottom: -76%;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .85) 100%);
    opacity: 1;
    height: 100%;
    padding-top: 5px;
}

.industry-content h4 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 500 !important
}

.industry-link {
    align-items: center;
    color: #00d4ff;
    text-decoration: none;
    transition: gap .3s
}

.industry-link:hover {
    gap: 1rem
}

.cta-content a:hover {
    transform: scale(1.05);
    background: #0199ea
}

.glow-line {
    width: 65px;
    height: 2px;
    background: linear-gradient(to right, transparent, #0af, transparent);
    border-radius: 50%
}

.tech-card.tech-purple {
    background: #cd4eb630
}

.tech-card.tech-blue {
    background: #00a8ffd4
}

.tech-card.tech-green {
    background: #2fcf963b
}

.tech-card.tech-orange {
    background: #fb8c3447
}

.tech-card.tech-indigo {
    background: #845ef559
}

.tech-card.tech-teal {
    background: #08b6ca57
}

.ai-technology-section .text-muted {
    font-size: 18px;
    color: #fff !important
}

.badge {
    font-size: 14px
}

.indus-innov-card {
    background-color: #ffffff05;
    border: 1px solid;
    border-radius: 12px;
    padding: 32px 32px 11px;
    position: relative;
    min-height: 427px;
    margin-bottom: 20px;
    transition: .3s
}

.indus-innov-card .icon-container {
    padding: 12px;
    border-radius: 12px;
    display: inline-block;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #3b82f6 0, #06b6d4 100%);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.indus-innov-card .icon-container img {
    width: 24px;
    height: 24px
}

.indus-innov-card .category {
    color: #1a8cf7;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.indus-innov-card .title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #fff
}

.call-button,
.indus-innov-card .learn-more {
    font-weight: 600;
    display: inline-flex;
    text-decoration: none
}

.indus-innov-card .description {
    font-size: 16px;
    color: #8a96a8;
    margin-bottom: 16px
}

.indus-innov-card .divider {
    border-top: 1px solid rgba(255, 255, 255, .08);
    margin: 16px 0
}

.indus-innov-card .feature-list {
    list-style: none;
    padding-left: 0;
    margin: 0 0 16px
}

.indus-innov-card .feature-list li {
    font-size: 14px;
    margin-bottom: 13px;
    position: relative;
    padding-left: 20px;
    color: #d1d5db
}

.indus-innov-card .feature-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #1a8cf7;
    font-size: 18px;
    top: -4px
}

.indus-innov-card .learn-more {
    font-size: 14px;
    color: #00a6ff;
    align-items: center;
    background: 0 0;
    box-shadow: none;
    padding: 0;
    opacity: 1
}

.indus-innov-card .learn-more:hover {
    color: #3faef7;
    box-shadow: none
}

.indus-innov-card .learn-more::after {
    content: '→';
    margin-left: 6px;
    font-size: 16px;
    transition: transform .3s
}

.indus-innov-card .learn-more:hover::after {
    transform: translateX(3px)
}

.call-card {
    background: #000;
    border: 1px solid #2d3250;
    border-radius: 16px;
    padding: 32px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .4);
    margin-top: 40px
}

.call-card h2 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 12px
}

.cta-stat-card p,
.industry-content p {
    color: #fff !important;
    font-size: 16px
}

.call-card p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 28px
}

.call-button {
    background: #00a6ff;
    color: #fff;
    padding: 12px 24px;
    border: none;
    border-radius: 999px;
    font-size: 14px;
    cursor: pointer;
    align-items: center;
    transition: transform .2s, box-shadow .2s;
    box-shadow: none !important
}

.call-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(16, 180, 245, .4) !important;
    color: #fff;
}

.call-button span {
    margin-left: 8px;
    font-size: 16px
}

.indus-innov-card:hover {
    border-color: #00a6ff80;
    box-shadow: 0 0 20px rgba(0, 166, 255, .2)
}

.indus-innov-card:hover .indus-innov-card .title {
    color: #00a6ff80
}

.indus-innov-card:hover .icon-container {
    transform: scale(1.1) rotate(3deg)
}

.stream-process-card {
    padding: 20px;
    background: #000;
    border: 1px solid #252c37;
    border-radius: 15px;
    min-height: 275px;
    margin-bottom: 20px;
    transition: .3s;
    display: block
}

.stream-process-card h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
    transition: font-size .6s, color .3s;
    font-weight: 500
}

.stream-process-card p {
    color: #fff;
    font-size: 16px;
    transition: color .3s;
    font-weight: 400
}

.stream-process-card .icon {
    background: #00a6ff1a;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
    flex-shrink: 0;
    font-size: 25px
}

.stream-process-card:hover h3 {
    font-size: 24px;
    color: #000 !important
}

.about-section::before,
.cta-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #00d4ff, transparent)
}

.section-title {
    font-size: clamp(2rem, 4vw, 3rem) !important;
    margin-bottom: 1.5rem
}

.check-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: 18px;
    color: #fff
}

.cta-feature,
.feature-icon {
    align-items: center;
    display: flex
}

.check-item svg {
    color: #00d4ff !important
}

.feature-card {
    padding: 15px;
    background: #000;
    border: 1px solid #252c37;
    border-radius: 20px;
    transition: .4s;
    height: 100%;
    position: relative;
    overflow: hidden;
    gap: 20px
}

.feature-card h3 {
    font-weight: 600 !important;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 20px;
}

.feature-card h5 {
    color: #d5d5d5 !important;
    margin-bottom: 0;
    font-size: 14px;
    text-transform: capitalize;
    padding-top: 0;
    padding-bottom: 0
}

.feature-card:hover {
    border-color: #00d4ff;
    box-shadow: 0 0 15px rgba(0, 212, 255, .15)
}

.feature-icon {
    width: 50px;
    height: 50px;
    justify-content: center;
    background: rgba(0, 212, 255, .1);
    border-radius: 8px;
    color: #00d4ff;
    font-size: 25px;
    transition: .3s;
    flex-grow: 0;
    flex-shrink: 0
}

.about-section .badge {
    background: rgba(0, 212, 255, .1) !important;
    color: #00d4ff;
    border: 1px solid #00a6ff33;
    padding: 13px 16px !important;
    font-size: 14px !important;
    border-radius: 34px
}

.about-section .lead {
    color: #d5d5d5 !important;
    margin-bottom: 0;
    font-size: 18px !important;
}

.feature-card p {
    color: #d5d5d5 !important;
    font-size: 14px;
}

.about-section .btn-primary {
    background: #00a5ff;
    color: #fff;
    border: none;
    padding: 13px 16px !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 7px
}

.about-section .btn-primary:hover {
    color: #000;
    background: #fff;
    border: none;
}

.trusted-partners {
    background: #000;
    border-top: 1px solid #1f1f1f;
    border-bottom: 1px solid #1f1f1f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}

.partners-scroll {
    overflow: hidden;
    position: relative
}

.partners-track {
    display: flex;
    width: max-content;
    gap: 0;
    animation: 30s linear infinite scroll
}

.hero-trusted-track {
    animation: 30s linear infinite scroll
}

.partners-scroll-2 .partners-track {
    display: flex;
    width: max-content;
    gap: 0;
    animation: 30s linear infinite scroll2
}

.partners-track-inner {
    display: flex;
    gap: 2rem;
    flex-shrink: 0;
    margin-left: 32px
}

.partner-badge {
    flex-shrink: 0;
    padding: 1rem 2rem;
    background: 0 0;
    border-radius: 12px;
    font-weight: 600;
    transition: .3s;
    color: #fff
}

.partner-badge img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    filter: invert(100%) sepia(0) saturate(100%) hue-rotate(284deg) brightness(220%) contrast(0%)
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

@keyframes scroll2 {
    0% {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(0)
    }
}

.cta-section {
    background: #0ea9f8;
    position: relative;
    overflow: hidden;
    padding-bottom: 0 !important
}

.cta-section h5 {
    font-size: 24 px !important;
    text-transform: capitalize;
    line-height: 41px
}

.cta-feature {
    gap: 1rem;
    color: #fff;
    font-size: 1rem
}

.cta-feature svg {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    padding: 9px
}

.cta-feature div {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, .2);
    padding: 4px;
    border-radius: 100px
}

.cta-buttons .bg-dark {
    background-color: #000;
    color: #fff;
    border: 2px solid #fff
}

.cta-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap
}

.cta-buttons a {
    padding: 13px 26px;
    font-size: 14px;
    color: #00acf9;
    font-weight: 600;
    width: max-content;
    background: #fff;
    height: 51px;
    border-radius: 10px
}

.cta-stat-card {
    padding: 32px;
    background: #ffffff1a;
    backdrop-filter: blur(10px);
    border: 1px solid #fff3;
    border-radius: 20px;
    transition: .4s;
    position: relative;
    overflow: hidden
}

.cta-stat-card:hover {
    background: rgba(0, 212, 255, .1);
    transform: translateY(-8px);
    border-color: #00d4ff;
    box-shadow: 0 15px 40px rgba(0, 212, 255, .3)
}

.cta-stat-card:hover::before {
    opacity: .1
}

.cta-stat-card h3 {
    font-size: 2.5rem;
    margin-bottom: 0;
    padding: 0
}

.cta-buttons .btn-light:hover {
    color: #00acf9;
    background-color: rgba(255, 255, 255, .9)
}

.cta-buttons .bg-dark:hover {
    background: 0 0 !important
}

.post-sender-detail-main .cust-name::after {
    top: 7px
}

.sitemap-banner {
    background-image: url(../images/sitemap-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 13px;
}

.sitemap-banner p {
    color: #fc0;
    font-size: 18px
}

.sitemap-banner span {
    font-size: 26px;
    color: #fff;
    font-weight: 500
}

.sitemap-banner h1 {
    background: linear-gradient(90deg, #60a5fa 0, #818cf8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px
}

.sitemap-detail-sec {
    background: #010614
}

.sitemap-detail-sec h6 {
    background: linear-gradient(90deg, #60a5fa 0, #818cf8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize
}

.sitemap-detail-sec ul {
    margin-bottom: 30px
}

.sitemap-detail-sec ul li a {
    color: #fff;
    font-size: 18px
}




.new-get-in-touch-design #dropdownLabelPopup {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    align-items: center;
}

.new-get-in-touch-design #dropdownLabelPopup img {
    margin-right: 0 !important;
}

.new-get-in-touch-design h4 {
    font-size: 31px;
    color: #fff;
    font-weight: 700;
    line-height: 52px;
    padding: 0;
    margin-bottom: 5px;
    border-radius: 4px;
    position: relative;
}

.new-get-in-touch-design h4::after {
    content: '';
    background-color: #fff;
    width: 89px;
    height: 2px;
    position: absolute;
    bottom: 5px;
    left: 0;
}

.new-get-in-touch-design {
    padding: 20px 56px 15px 34px;
    /* background: rgb(88 88 88 / 38%); */
    box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(88, 88, 88, 0.27);
    border-radius: 4px;
}

.new-get-in-touch-design .form-check-label {
    color: rgb(255 255 255);
    font-size: 15px;
}

.new-get-in-touch-design .form-check input {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.35);
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-top: 0;
    margin-right: 10px;
}

.new-get-in-touch-design .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
    box-shadow: none !important;
}

.new-get-in-touch-design .form-check {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.get-in-touch-form .form-card input {
    text-align: left !important;
    height: 54px !important;
    width: 100%;
    margin: 0 0 0 25px !important;
    padding: 10px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Poppins, sans-serif !important;
    background: transparent;
    /* backdrop-filter: blur(10px);
    border: 1px solid #fff3; */
}

.get-in-touch-form .form-card textarea {
    background-color: transparent;
    min-height: 91px !important;
}

.get-in-touch-form #dropdownLabel2 {
    color: rgba(255, 255, 255, 0.35);
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    align-items: center;
    font-size: 20px;
}

.get-in-touch-form #dropdownLabel2 img {
    width: 20px;
    height: 13px;
}

.get-in-touch-form .form-card input::placeholder {
    color: rgba(255, 255, 255, 0.35);
    font-size: 20px !important;
}

.get-in-touch-form .form-card textarea::placeholder {
    color: rgba(255, 255, 255, 0.35);
    font-size: 20px !important;
}

.get-in-touch-form .form-card {
    display: flex;
    background: transparent;
    border: none !important;
    /* backdrop-filter: blur(10px); */
    border-bottom: 1px solid rgba(222, 222, 222, 1) !important;
    color: #000 !important;
    border-radius: 0;
    align-items: center;
    padding: 2px 15px !important;
    margin-bottom: 12px;
    align-items: baseline;
    padding-left: 0 !important;
}

.form-card i {
    font-style: normal;
    font-size: 18px;
    font-family: FontAwesome !important;
}

.get-in-touch-form .form-card input {
    text-align: left !important;
    height: 54px !important;
    width: 100%;
    margin: 0 0 0 25px !important;
    padding: 10px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Poppins, sans-serif !important;
    background: transparent;
    /* backdrop-filter: blur(10px);
    border: 1px solid #fff3; */
}

.get-in-touch-form .form-card textarea {
    background-color: transparent;
    min-height: 91px !important;
}



.get-in-touch-form .form-card input::placeholder {
    color: rgba(255, 255, 255, 0.35);
    font-size: 20px !important;
}

.get-in-touch-form .form-card textarea::placeholder {
    color: rgba(255, 255, 255, 0.35);
    font-size: 20px !important;
}

.edu-app-dev-everyone ul li,
.edu-app-dev-everyone ul p,
.education-app-heading p,
.fuiling-card p,
.mobile-serve-platform-new-btn,
.new-ios-service-card h5,
.pro-card-content h5,
.pro-card-content p,
.progressive-web-app .use-cases-that-beyond-go-card p,
.why-choose-card p {
    font-family: Montserrat, sans-serif !important;
}

.get-in-touch-form .form-card input::placeholder {
    text-align: left !important;
}

.get-in-touch-form .form-card textarea::placeholder {
    text-align: left !important;
}


.new-get-in-touch-design #dropdownMenuButton2 {
    border: none !important;
    padding-left: 10px;
    margin: 0;
    padding-right: 0 !important;
}

/* .new-get-in-touch-design .dropdown-toggle::after {
    display: none;
} */
.new-get-in-touch-design .dropdown-toggle::after {
    top: 14px;
    position: absolute;
    right: -5px;
}

.get-in-touch-form .captcha-div span input {
    display: inline-block;
    width: 216px;
    border: 1px solid #00aff0 !important;
    padding: 17px;
    margin-left: 20px;
}

.get-in-touch-form .captcha-div span {
    font-size: 15px;
    color: #fff;
}

.get-in-touch-form .captcha-div img {
    filter: invert(1);
}

.get-in-touch-form .submit-btn {
    background: #3279ee;
    margin-top: 0;
    border-radius: 6px !important;
    /* height: 61px !important; */
    font-weight: 400;
    font-size: 20px;
    width: 183px;
    color: #000000 !important;
    text-transform: uppercase;
    position: relative;
    display: block;
    text-align: center;
    padding: 24px 9px !important;
    height: 49px !important;
    padding: 0 !important;
    border: 2px solid #fff;
    background: #ffffff;
    transition: .3s ease;
    margin-left: 0 !important;
    font-weight: 500;
}

.get-in-touch-form .submit-btn:hover {
    background-color: #006eef;
    color: #fff !important;
    border: 2px solid transparent;
    transition: .3s ease;
}

.get-in-touch-form .captcha-div {
    margin-top: 5px;
    margin-bottom: 24px;
}

.get-in-touch-sec .contact-us-banner-content p a {
    font-weight: 700;
    color: #00a5ff;
}

.get-in-touch-sec .col-lg-5 {
    width: 42.66666667% !important;
}

.get-in-touch-sec .contact-us-banner-content ul li {
    font-size: 20px;
    align-items: center;
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

.get-in-touch-sec .contact-us-banner-content ul li .number-div {
    width: 30px;
    height: 30px;
    text-align: center;
    color: #000;
    background: #fff;
    border-radius: 100px;
    border: 2px solid #00abff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    flex-shrink: 0;
}

.get-in-touch-sec .contact-us-banner-content ul {
    margin-top: 29px;
}

.get-in-touch-sec .contact-us-banner-content p {
    line-height: 34px;
}

.bg-map-img {
    position: absolute;
    width: 504px;
    left: 27%;
    top: 27%;
}

.uae-hero-sec {
    background-image: url(../images/uae-banner-img.png);
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 100px 0 50px;
    font-family: 'Poppins', sans-serif;
    position: relative;
}

.uae-top-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(56, 105, 250, 0.2);
    border-radius: 50px;
    padding: 9px 24px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    color: rgba(56, 105, 250, 1);
    margin-bottom: 60px !important;
    backdrop-filter: blur(12px)
}

.badge-dot {
    width: 8px;
    height: 8px;
    background: rgba(56, 105, 250, 1);
    border-radius: 50%;
    margin-right: 12px;
    display: inline-block;
    /* box-shadow: 0 0 10px #60A5FA; */
}

.uae-main-title {
    font-size: 96px;
    font-weight: 900;
    line-height: 96px;
    margin-bottom: 20px;
}

.uae-main-title span {
    color: #00a5ff;
}

.uae-subphrase {
    font-size: 25px;
    line-height: 34px;
    color: #fff;
    max-width: 100%;
    margin: 0 auto;
    font-weight: 500;
}

.btn-uae-cta {
    display: inline-flex;
    align-items: center;
    padding: 16px 40px;
    background: rgba(255, 255, 255, 0.05);
    border: 3px solid #00a5ff;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 12px;
    text-decoration: none !important;
    transition: all 0.4s ease;
    box-shadow: 0 0 25px rgba(0, 56, 255, 0.2);
    letter-spacing: 0.5px;
    box-shadow: 0px 0px 15px 0px rgba(56, 105, 250, 0.4);
    backdrop-filter: blur(3px);
}

.btn-uae-cta:hover {
    background: #0038FF;
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 10px 40px rgba(0, 56, 255, 0.4);
}

.uae-stats-row {
    margin-top: 80px;
}

.uae-stat-item {
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.31);
}

.uae-stat-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
}

.uae-stat-item h3 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 0;
    padding-bottom: 0;
}

.uae-stat-item p {
    font-size: 17px;
    font-weight: 500;
    color: rgb(255 255 255);
    text-transform: uppercase;
    /* letter-spacing: 2px; */
}

.uae-explore-indicator {
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.uae-explore-indicator p {
    font-size: 10px;
    letter-spacing: 3px;
    margin-bottom: 10px;
    opacity: 0.6;
}

.mouse-icon {
    width: 20px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 20px;
    margin: 0 auto;
    position: relative;
    opacity: 0.7;
}

.mouse-icon .wheel {
    width: 4px;
    height: 8px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    animation: scrollWheel 2s linear infinite;
}

@keyframes scrollWheel {
    0% {
        opacity: 0;
        top: 6px;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: 22px;
    }
}

@media (max-width: 768px) {
    .uae-main-title {
        font-size: 36px;
    }

    .uae-stat-item h3 {
        font-size: 28px;
    }

    .uae-stat-item::after {
        display: none;
    }
}














/* Expertise Section */
.uae-expertise-sec {
    /* background: #0a0a0d; */
    color: #fff;
    /* padding: 100px 0; */
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    background: #000;
    padding-bottom: 0 !important;
}

.uae-exp-heading {
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
    padding: 0;
}

.uae-exp-lead-text {
    font-size: 18px;
    color: #ffffff;
    line-height: 1.7;
    font-weight: 400;
    margin-bottom: 30px !important;
}

.uae-exp-card-item {
    /* background: rgba(255, 255, 255, 0.02); */
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 40px 25px;
    border-radius: 12px;
    transition: all 0.4s ease;
    height: 100%;
    background: rgba(255, 255, 255, 0.05);
}

.uae-exp-card-item:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: #3b82f6;
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.uae-exp-icn-wrap {
    color: #3b82f6;
    font-size: 24px;
    margin-bottom: 0 !important;
}

.uae-exp-item-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.uae-exp-item-desc {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
}

.uae-exp-media-container {
    position: relative;
    /* padding: 20px; */
}


.uae-exp-red-accent {
    position: absolute;
    top: 6%;
    left: -96px;
    /* transform: translateY(-50%); */
    z-index: 2;
    /* filter: drop-shadow(0 0 5px rgba(255, 77, 77, 0.5)); */
}

@media (max-width: 991px) {
    .uae-exp-media-container {
        margin-top: 50px;
    }

    .uae-exp-heading {
        font-size: 36px;
    }
}

/* -------------------------------------------------------------------------- */
/*                        CORE DIGITAL SOLUTIONS SECTION                      */
/* -------------------------------------------------------------------------- */

.uae-solutions-sec {
    background: #000;
    /* padding: 100px 0; */
    color: #fff;
    position: relative;
    overflow: hidden;
}

.uae-sol-vect {
    position: absolute;
    top: -185px;
    left: -224px;
    z-index: 1;
}

/* Optional radial glow for left side as seen in image */
.uae-solutions-sec::before {
    content: '';
    position: absolute;
    left: -20%;
    top: 20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(165, 42, 42, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
    z-index: 1;
    pointer-events: none;
}

.uae-solutions-header {
    position: relative;
    z-index: 2;
}

.uae-sol-tag {
    color: #00a5ff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 24px;
    position: relative;
}

.uae-sol-main-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
}

.uae-sol-subheading {
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    max-width: 850px;
    margin: 0 auto;
    font-weight: 400;
    line-height: 1.6;
}

.uae-sol-card {
    background: rgba(22, 17, 33, 1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 25px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    z-index: 2;
}

.uae-sol-card:hover {
    transform: translateY(-10px);
    border-color: #00d4ff !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.15);
}

.uae-sol-card.uae-sol-card-active {
    position: relative;
    border: none;
}

.uae-sol-card::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 12px;
    background: linear-gradient(124.83deg, #058EFB 2.84%, #92D1F9 44.38%, #FA6F18 91.4%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0;
}

.uae-sol-card:hover::after {
    opacity: 1;
}

.uae-sol-card-icon-box {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.uae-sol-card-heading {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #fff;
}

.uae-sol-card-summary {
    font-size: 16px;
    color: #fff;
    line-height: 27px;
    margin-bottom: 30px;
    font-weight: 400;
}

.uae-sol-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.uae-sol-features-list li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    line-height: 1.5;
}

.uae-sol-features-list li i {
    color: #00a5ff;
    margin-right: 14px;
    /* margin-top: 4px; */
    font-size: 22px;
}

.uae-sol-tag::before {
    content: '';
    background: linear-gradient(259deg, #FFFFFF 0%, #3869FA 50%, rgba(56, 105, 250, 0.8) 100%);
    width: 18px;
    height: 5px;
    position: absolute;
    border-radius: 17px;
    top: 13px;
    left: -25px;
}

.uae-sol-tag::after {
    content: '';
    background: linear-gradient(259deg, #FFFFFF 0%, #3869FA 50%, rgba(56, 105, 250, 0.8) 100%);
    width: 18px;
    height: 5px;
    position: absolute;
    border-radius: 17px;
    top: 13px;
    right: -25px;
}

@media (max-width: 991px) {
    .uae-sol-main-title {
        font-size: 36px;
    }

    .uae-sol-card {
        padding: 30px 20px;
    }
}

.uae-technologies-sec {
    position: relative;
    background: #000;
}

.uae-technologies-sec .uae-sol-vect {
    position: absolute;
    right: 0;
    left: auto;
    top: -291px;
}

/* -------------------------------------------------------------------------- */
/*                        UAE TECHNOLOGIES TABLE STYLES                       */
/* -------------------------------------------------------------------------- */

.uae-tech-table-wrapper {
    background: rgba(15, 23, 42, 1);
    border: 1px solid rgba(56, 105, 250, 0.3);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0px 2px 14px 0px rgba(59, 130, 246, 1);

    font-family: 'Poppins', sans-serif;
}

.uae-tech-table-header {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 20px;
    gap: 60px;
}

.uae-tech-header-col {
    color: rgba(158, 198, 255, 1);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.uae-tech-header-col.first {
    width: 250px;
}

.uae-tech-row {
    display: flex;
    align-items: center;
    padding: 25px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    gap: 60px;
}

.uae-tech-row:last-child {
    border-bottom: none;
}

.uae-tech-label-col {
    width: 250px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.uae-tech-icon-box {
    width: 45px;
    height: 45px;
    background: rgba(56, 105, 250, 0.1);
    border: 1px solid rgba(56, 105, 250, 0.2);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3869fa;
    font-size: 18px;
}

.uae-tech-label-text h4 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.uae-tech-label-text p {
    color: #fff;
    font-size: 16px;
    margin: 3px 0 0;
}

.uae-tech-tags-col {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex: 1;
}

.uae-tech-label-col img {
    width: 48px;
}

.uae-tech-tag {
    background: rgba(59, 130, 246, 0.1);
    color: rgba(59, 130, 246, 1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 6px 18px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.uae-tech-tag:hover {
    background: rgba(56, 105, 250, 0.15);
    border-color: #3869fa;
    transform: translateY(-2px);
}

@media (max-width: 991px) {
    .uae-tech-table-header {
        display: none;
    }

    .uae-tech-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .uae-tech-label-col {
        width: 100%;
    }

    .uae-tech-tags-col {
        width: 100%;
    }
}

/* -------------------------------------------------------------------------- */
/*                        WHY CHOOSE US - WDEV SECTION                        */
/* -------------------------------------------------------------------------- */
.uae-wdev-image-wrapper .uae-sol-vect {
    right: -333px;
    left: auto;
    width: 100%;
    top: -70px;
}

.uae-wdev-sec {
    background: rgb(0 0 0);
    color: #fff;
    overflow: hidden;
    position: relative;
    PADDING-TOP: 0 !important;
}

.uae-web-dev-top-vect {
    position: absolute;
    top: -119px;
    left: 0;
}

.uae-wdev-image-wrapper {
    position: relative;
    padding-bottom: 80px;
}

.uae-wdev-main-img-box {
    overflow: hidden;
    width: 360px;
    height: 487px;
}

.uae-wdev-sub-img-box {
    position: absolute;
    bottom: -30px;
    right: -71px;
    width: 277px;
    /* border: 3px solid #fff; */
    /* border-radius: 12px; */
    overflow: hidden;
    z-index: 2;
    height: 381px;
}

.uae-wdev-experience-label {
    position: absolute;
    bottom: 11px;
    left: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 3;
}

.uae-wdev-exp-number {
    font-size: 78px;
    font-weight: 800;
    color: #fff;
}

.uae-wdev-exp-text {
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
}

.uae-wdev-red-acc-mark {
    position: absolute;
    top: 9%;
    right: 5%;
    z-index: 1;
    transform: rotate(65deg);
}

.uae-wdev-card {
    border-radius: 12px;
    padding: 25px 30px;
    transition: all 0.4s ease;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.19) 0%, rgba(153, 153, 153, 0.19) 100%);
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.2);

}

.uae-wdev-card:hover {
    /* border-color: rgba(56, 105, 250, 0.5);
    background: rgba(30, 25, 45, 1); */
    transform: translateY(-5px);
}

.uae-wdev-icon-box {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 18px;
}

.uae-wdev-icon-box.orange {
    background: #ff4d00;
    color: #fff;
}

.uae-wdev-icon-box.green {
    background: #25d366;
    color: #fff;
}

.uae-wdev-icon-box.blue {
    background: #007bff;
    color: #fff;
}

.uae-wdev-icon-box.pink {
    background: #e91e63;
    color: #fff;
}

.uae-wdev-card h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #fff;
    padding: 0;
    margin-bottom: 10px;
}

.uae-wdev-card-info p {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    margin: 0;
    font-weight: 400;
}

@media (max-width: 991px) {
    .uae-wdev-image-wrapper {
        margin-bottom: 100px;
    }
}

.uae-wdev-sec .uae-sol-tag {
    padding-left: 27px;
}

.uae-wdev-sec .uae-sol-tag::before {
    left: -2px;
}

.uae-wdev-sec .uae-wdev-red-acc-mark {
    width: 79px;
}

.uae-wdev-sec .uae-wdev-red-acc-mark img {
    width: 100%;
}

.uae-wdev-card img {
    width: 50px;
    margin-bottom: 18px;
}

/* -------------------------------------------------------------------------- */
/*                        HOW WE WORK SECTION STYLES                          */
/* -------------------------------------------------------------------------- */

.uae-how-we-work {
    background-color: #000;
    color: #fff;
    padding: 70px 0;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    padding-top: 0 !important;
    background-size: cover;
}

.uae-how-we-work::before {
    content: '';
    position: absolute;
    top: -10%;
    left: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
}

.uae-how-we-work::after {
    content: '';
    position: absolute;
    bottom: -10%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.1) 0%, rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
}


/* -------------------------------------------------------------------------- */
/*                     WEB DEVELOPMENT SERVICES SECTION                       */
/* -------------------------------------------------------------------------- */

.uae-wb-dev-services {
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.text-blue {
    color: #058efb !important;
}

.uae-wb-sidebar {
    padding: 40px;
}

.uae-wb-sidebar-title {
    font-size: 36px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 50px;
    color: #000;
    padding: 0;
}

.uae-wb-tabs-list .nav-link {
    border: none;
    background: none;
    text-align: left;
    padding: 21px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 24px;
    font-weight: 600;
    border-radius: 0;
    position: relative;
    transition: all 0.3s ease;
    width: 100%;
    font-weight: 500;
    color: rgba(71, 85, 105, 1);
    line-height: 30px;
    margin-bottom: 16px;
}

.uae-wb-tabs-list .nav-link.active {
    background: rgba(232, 241, 250, 1);
    color: #000;
    border-left: 4px solid rgb(0 168 255);
    font-weight: 700;
}

.uae-wb-tabs-list .nav-link .active-tag {
    display: none;
    font-size: 14px;
    color: #00a8ff;
    font-weight: 700;
    letter-spacing: 1px;
}

.uae-wb-tabs-list .nav-link.active .active-tag {
    display: block;
    margin-bottom: 5px;
}

/* Tab Content */
.uae-wb-tab-pane {
    min-height: 800px;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 102px 74px;
    color: #fff;
    display: flex;
    align-items: center;
}


.uae-wb-content-inner {
    position: relative;
    z-index: 2;
    max-width: 800px;
}

.uae-wb-pill-badge {
    background: rgba(37, 99, 235, 0.2);
    /* border: 1px solid rgba(5, 142, 251, 0.3); */
    color: rgba(37, 99, 235, 1);
    padding: 14px 22px;
    border-radius: 63px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 35px;
    border: 1px solid rgba(37, 99, 235, 0.3);
}

.uae-wb-main-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 30px;
    color: #fff;
    padding: 0;
}

.uae-wb-main-title span {
    color: #00a5ff;
}

.uae-wb-desc {
    font-size: 20px;
    color: rgb(255 255 255);
    line-height: 40px;
    margin-bottom: 35px;
    /* max-width: 700px; */
    font-weight: 600;
}

.uae-wb-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 42px 17px;
    background: rgba(59, 61, 65, 0.6);
    padding: 40px;
    border-radius: 1px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.uae-wb-feat-item {
    display: flex;
    gap: 12px;
    align-items: baseline;
}

.uae-wb-feat-icon {
    font-size: 26px;
    color: #058efb;
    margin-top: 5px;
}

.uae-wb-feat-text h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
    padding: 0;
}

.uae-wb-feat-text p {
    font-size: 14px;
    color: rgb(255 255 255);
    margin: 0;
    font-weight: 400;
}

.uae-wb-cta-row {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 35px;
}

.btn-uae-blue-cta {
    background: #00a5ff;
    color: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
    letter-spacing: 1.4px;
}

.btn-uae-blue-cta:hover {
    background: #0470c6;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(5, 142, 251, 0.3);
}

.uae-wb-trust-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.uae-wb-avatars {
    display: flex;
    align-items: center;
}

.uae-wb-avatars img {
    width: 72px;
}

.uae-wb-avatars img:first-child {
    margin-left: 0;
}

.uae-wb-trust-info span {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}

@media (max-width: 1200px) {
    .uae-wb-main-title {
        font-size: 48px;
    }
}

@media (max-width: 991px) {
    .uae-wb-sidebar {
        padding: 40px 20px;
    }

    .uae-wb-tab-pane {
        padding: 60px 30px;
        min-height: auto;
    }

    .uae-wb-features-grid {
        grid-template-columns: 1fr;
    }

    .uae-wb-main-title {
        font-size: 36px;
    }
}


.uae-process-step-item {
    position: relative;
    text-align: left;
    transition: all 0.4s ease;
}

.uae-process-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 14px;
    color: rgba(255, 255, 255, 1);
    padding: 0;
    line-height: 28px;
}

.uae-process-desc {
    font-size: 16px;
    color: rgb(255 255 255);
    line-height: 27px;
    margin-bottom: 14px;
    /* max-width: 300px; */
    font-weight: 400;
}

.uae-process-visual {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.uae-process-visual img {
    width: 256px;
    margin-left: -19px;
}

.uae-step-arrow {
    background: #3b82f6;
    padding: 15px 40px 15px 25px;
    color: #000;
    font-size: 20px;
    font-weight: 800;
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    width: 200px;
    position: relative;
    z-index: 2;
}

.uae-step-arrow span {
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.uae-step-icon-box {
    background: rgba(255, 255, 255, 0.1);
    width: 150px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -1px;
    border-radius: 0 0 12px 12px;
    color: #3b82f6;
    font-size: 18px;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Step Specific Gradients */
.step-01 {
    background: linear-gradient(90deg, #058EFB 0%, #4DBCF9 100%);
}

.step-02 {
    background: linear-gradient(90deg, #3B82F6 0%, #818CF8 100%);
}

.step-03 {
    background: linear-gradient(90deg, #8B5CF6 0%, #C084FC 100%);
}

.step-04 {
    background: linear-gradient(90deg, #D946EF 0%, #F472B6 100%);
}

.step-05 {
    background: linear-gradient(90deg, #F43F5E 0%, #FB7185 100%);
}

.step-06 {
    background: linear-gradient(90deg, #F97316 0%, #FB923C 100%);
}

/* Connectors */
.uae-process-connector {
    position: absolute;
    border-top: 2px dashed rgba(255, 255, 255, 0.2);
    z-index: 1;
    pointer-events: none;
}

.connector-1-2 {
    width: 100%;
    height: 60px;
    top: 75%;
    left: 45%;
    border-radius: 0 0 0 50px;
    border-left: 2px dashed rgba(255, 255, 255, 0.2);
}

.connector-2-3 {
    width: 100%;
    height: 60px;
    top: 40%;
    left: 45%;
    border-radius: 50px 0 0 0;
    border-left: 2px dashed rgba(255, 255, 255, 0.2);
}

.connector-4-5 {
    width: 100%;
    height: 60px;
    top: 75%;
    left: 45%;
    border-radius: 0 0 0 50px;
    border-left: 2px dashed rgba(255, 255, 255, 0.2);
}

.connector-5-6 {
    width: 100%;
    height: 60px;
    top: 40%;
    left: 45%;
    border-radius: 50px 0 0 0;
    border-left: 2px dashed rgba(255, 255, 255, 0.2);
}

.uae-process-container {
    position: relative;
}

.border-uar-seperator-2 {
    position: absolute;
    width: 893px;
    top: 656px;
    left: 10%;
}

.border-uar-seperator-1 {
    position: absolute;
    width: 893px;
    top: 191px;
    left: 10%;
}



@media (max-width: 991px) {
    .uae-process-connector {
        display: none;
    }

    .uae-process-desc {
        max-width: 100%;
    }

    .uae-step-arrow {
        width: 100%;
        max-width: 250px;
    }

    .uae-step-icon-box {
        width: 100%;
        max-width: 200px;
    }
}

.uae-wb-feat-icon img {
    width: 20px;
}

/* -------------------------------------------------------------------------- */
/*                        NEW PORTFOLIO SECTION STYLES                        */
/* -------------------------------------------------------------------------- */

.new-portfolio-secin-page {
    background: #000;
    color: #fff;
    /* padding: 100px 0; */
    overflow: hidden;
}

.uae-portfolio-tabs {
    border-bottom: none;
}

.uae-portfolio-tabs .nav-link {
    background: transparent;
    color: #fff;
    margin: 0 10px;
    padding: 8px 30px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

.uae-portfolio-tabs .nav-link.active {
    background: #058efb !important;
    border-color: #058efb;
    box-shadow: 0 0 15px rgba(5, 142, 251, 0.5);
    color: #fff !important;
}

.portfolio-item-card {
    /* background-image: url(../images/page-new-portfolio-card-bg.png); */
    background-color: #000;
    /* border: 1px solid rgba(255, 255, 255, 0.42); */
    /* border-radius: 12px; */
    padding: 0px 50px;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 50px;
    padding-top: 0;
}

.new-portfolio-secin-page .swiper-pagination-bullet {
    background: transparent !important;
    border: 1px solid #fff !important;
}

.new-portfolio-secin-page .swiper-pagination-bullet-active {
    width: 8px !important;
    height: 8px !important;
    background: #0070ee !important;
    border: transparent !important;
}

.portfolio-right-img-bg {
    position: absolute;
    right: 0;
    width: 648px;
}

.portfolio-right-img-bg img {
    width: 100%;
}

.portfolio-card-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 15px;
}

.portfolio-app-logo-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #FFBD00;
    /* Matching the yellow in image */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #000;
}

.portfolio-card-desc {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    margin-bottom: 40px;
    font-weight: 300;
}

.available-on-sec .available-on-title {
    font-size: 32px;
    color: #fff;
    margin-bottom: 25px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.available-icons {
    display: flex;
    gap: 20px;
    font-size: 48px;
    color: #fff;
    align-items: center;
}

.available-icons i {
    cursor: pointer;
}

.btn-uae-case-study {
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: 2px solid #058efb;
    color: #fff;
    padding: 18px 45px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    margin-top: 20px;
    box-shadow: 0 0 0 rgba(5, 142, 251, 0);
}

.btn-uae-case-study:hover {
    background: rgba(5, 142, 251, 0.1);
    color: #fff;
    box-shadow: 0 0 20px rgba(5, 142, 251, 0.3);
    border-color: #058efb;
}

.portfolio-card-mockup {
    position: relative;
    z-index: 2;
}

.portfolio-main-mockup {
    border-radius: 8px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8);
    max-width: 100%;
}

.portfolio-deco-shape {
    position: absolute;
    top: -88px;
    right: -20px;
    width: 101px;
    z-index: 3;
}

.portfolio-deco-shape img {
    width: 100%;
    filter: drop-shadow(0 0 30px rgba(168, 85, 247, 0.6));
    /* Purple glow as in image */
}

/* Pagination */
.swiper-pagination-bullet {
    background: #666 !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #058efb !important;
    width: 12px;
    height: 12px;
}

@media (max-width: 991px) {
    .portfolio-item-card {
        padding: 0px 25px;
    }

    .portfolio-card-title {
        font-size: 28px;
    }

    .portfolio-card-desc {
        font-size: 16px;
    }

    .available-on-sec .available-on-title {
        font-size: 24px;
    }

    .available-icons {
        font-size: 36px;
    }

    .btn-uae-case-study {
        padding: 12px 30px;
        font-size: 16px;
    }
}

.uae-page .ptb-70 {
    padding: 80px 0px;
}

.new-portfolio-secin-page .uae-solutions-header {
    margin-bottom: 65px;
}

.portfolio-item-card h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    padding: 0;
}

.portfolio-card-info .brand-header {
    margin-bottom: 27px;
}

.portfolio-card-info .description {
    margin-bottom: 36px;
    line-height: 35px;
}

.portfolio-card-info h4 {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 19px !important;
    padding: 0;
}

.portfolio-card-info .store-icons img {
    width: 110px;
}

.portfolio-card-info .store-icons {
    margin-bottom: 24px !important;
}

.portfolio-card-info .view-btn {
    line-height: 28px;
    box-shadow: 0px 0px 15px 0px rgba(56, 105, 250, 0.4);
    backdrop-filter: blur(12px);
    border: none;
    border-radius: 12px;
    padding: 15px 30px;
    display: block;
    width: max-content;
    background: #00a5ff;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.portfolio-card-info .view-btn i {
    margin-left: 11px;
}

.uae-partners h4 {
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
    color: #fff;
}

.uae-partners h4 span {
    color: #00a5ff;
}


.uae-partners {
    /* background-image: url(../images/uae-partner-bg.png);
    background-repeat: no-repeat;
    background-size: cover; */
    background-color: #000;
    padding-top: 0px !important;
}

.uae-partners p {
    margin-bottom: 24px;
}

.uae-partners .uae-wb-trust-info {
    margin-top: 27px;
}

/* -------------------------------------------------------------------------- */
/*                         FEATURED BLOG SECTION                              */
/* -------------------------------------------------------------------------- */

.feature-blog-sec {
    background: #000;
    position: relative;
    color: #fff;
    padding: 100px 0;
}

.blog-card {
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    border: 1px solid #2d3250;
    border-top: 2px solid rgba(24, 250, 231, 1);
}

.blog-img {
    height: 240px;
    overflow: hidden;
}

.blog-img img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    transition: transform 0.6s ease;
}


.blog-info {
    padding: 23px 20px;
    background: rgb(255 255 255 / 9%);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin: 20px 15px;
    border-radius: 24px;
    min-height: 231px;
    /* border: 1px solid #2d3250; */
}

.blog-tag-blue {
    background: #00a5ff;
    color: #fff;
    padding: 6px 19px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 15px;
}

.blog-date {
    font-size: 16px;
    color: #00a5ff;
    font-weight: 500;
    margin-left: 9px !important;
}

.blog-title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 13px;
    margin-bottom: 10px;
    color: #fff;
    padding: 0;
}

.blog-desc {
    font-size: 15px;
    color: rgb(255 255 255);
    line-height: 22.75px;
    margin-bottom: 15px;
    flex-grow: 1;
    font-weight: 400;
}


.blog-info .read-more {
    color: #00a5ff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
    line-height: 20px;
}

.read-more:hover {
    color: #fff;
    gap: 10px;
    transition: all 0.3s ease;
}

@media (max-width: 991px) {
    .feature-blog-sec {
        padding: 60px 0;
    }
}

.uae-page .new-faq-sec .accordion-item {
    background: transparent;
}

.uae-page .new-faq-sec {
    background-color: #000000;
    padding-top: 0;
}

.new-get-in-touch-design h4 {
    font-size: 31px;
    color: #fff;
    font-weight: 700;
    line-height: 52px;
    padding: 0;
    margin-bottom: 5px;
    border-radius: 4px;
    position: relative;
}

.new-get-in-touch-design h4::after {
    content: '';
    background-color: #fff;
    width: 89px;
    height: 2px;
    position: absolute;
    bottom: 5px;
    left: 0;
}

.new-get-in-touch-design {
    padding: 43px 56px 42px 34px;
    /* background: rgb(88 88 88 / 38%); */
    box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(88, 88, 88, 0.27);
    border-radius: 4px;
}

.new-get-in-touch-design .form-check-label {
    color: rgb(255 255 255);
    font-size: 15px;
}

.new-get-in-touch-design .form-check input {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.35);
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-right: 10px;
}

.new-get-in-touch-design .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
    box-shadow: none !important;
}

.new-get-in-touch-design .form-check {
    margin-bottom: 12px;
}

.get-in-touch-sec .contact-us-heading span {
    /* background: linear-gradient(98deg, #FFFFFF 0%, #3869FA 50%, rgba(56, 105, 250, 0.8) 100%); */
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #00a8ff;

}

.get-in-touch-sec .contact-us-banner-content ul li {
    font-size: 20px;
}

.get-in-touch-sec .contact-us-banner-content ul {
    margin-top: 29px;
}

.get-in-touch-sec .contact-us-banner-content p {
    line-height: 34px;
}

.get-in-touch-sec .contact-us-banner-content p a {
    font-weight: 700;
    color: #00a5ff;
}

.get-in-touch-sec h1 {
    line-height: 58px;
}

.new-testimonial-sec-uae {
    background: #000;
    padding-top: 0 !important;
    padding-bottom: 120px !important;
}






.new-testimonial-sec-uae .uae-solutions-header {
    margin-bottom: 64px;
}

/* Testimonial new sec */
.card-frame {
    position: relative;
}

.left-border-half {
    position: absolute;
    left: -30px;
    top: -30px;
}

.right-border-half {
    position: absolute;
    bottom: -30px;
    right: -30px;
}

/* ── Main card wrapper ── */
.testimonial-card {
    background: #111632;
    border-radius: 24px;
    display: flex;
    align-items: stretch;
    /* min-height: 300px; */
    position: relative;
    overflow: hidden;
}

/* Decorative quotes sit on card bg layer */
.deco-quote-left {
    position: absolute;
    top: 18px;
    left: 18px;
    font-size: 100px;
    line-height: 1;
    color: rgba(79, 110, 247, 0.18);
    font-family: Georgia, serif;
    pointer-events: none;
    user-select: none;
    z-index: 1;
}

.deco-quote-right {
    position: absolute;
    bottom: 10px;
    right: 18px;
    font-size: 80px;
    line-height: 1;
    color: rgba(79, 110, 247, 0.12);
    font-family: Georgia, serif;
    pointer-events: none;
    user-select: none;
    z-index: 1;
}

/* ── LEFT: static avatar column ── */
.card-avatar-col {
    flex: 0 0 479px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 30px 20px; */
    position: relative;
    z-index: 2;
}

.card-avatar-col img {
    height: 100%;
}

.avatar-ring {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6dd5fa, #a855f7, #4f6ef7);
    padding: 4px;
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.avatar-ring img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

/* ── RIGHT: Swiper content panel ── */
.card-content-col {
    flex: 1;
    background: rgb(35 32 80);
    position: relative;
    overflow: hidden;
    border-radius: 0 16px 16px 0;
    display: flex;
    flex-direction: column;
    padding-bottom: 72px;
    backdrop-filter: blur(4px);
}

/* Glowing orb — fixed decoration, not inside swiper */
.orb {
    position: absolute;
    top: 0;
    right: 0;
    width: 91px;
    opacity: 0.85;
    z-index: 10;
    pointer-events: none;
}

/* Swiper fills the right panel */
.content-swiper {
    width: 100%;
    flex: 1;
}

.content-swiper .swiper-wrapper {
    align-items: stretch;
}

.content-swiper .swiper-slide {
    height: auto;
}

/* Each slide's inner layout */
.slide-inner {
    padding: 0px 63px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* min-height: 300px; */
    padding-bottom: 66px;
    padding-top: 85px;
}

.client-name-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.client-name {
    /* font-family: 'Syne', sans-serif; */
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}

.separator {
    color: rgba(255, 204, 0, 1);
    font-size: 14px;
}

.client-company {
    color: rgba(255, 204, 0, 1);
    font-size: 18px;
    font-weight: 500;
}

.testimonial-text {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 22px;
    font-weight: 400;
}

.country-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.country-icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    /* background: linear-gradient(135deg, #4f6ef7, #38bdf8); */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.country-name {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

.new-testimonial-sec-uae .stars {
    display: flex;
    gap: 4px;
    font-size: 28px !important;
    color: #f5c518;
    margin-bottom: 18px;
}

/* ── Pagination ── */
.swiper-pagination-wrap {
    display: flex;
    gap: 6px;
    padding: 0 2px 2px;
}

/* We render pagination manually so it stays inside slide-inner */
.dot {
    display: inline-block;
    height: 5px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: background 0.3s, width 0.3s;
    width: 28px;
}

.dot.active {
    background: #4f6ef7;
    width: 44px;
}

.bottom-right-quote {
    position: absolute;
    bottom: 42px;
    right: 49px;
    z-index: 9999;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .testimonial-card {
        flex-direction: column;
    }

    .card-avatar-col {
        flex: none;
    }

    .card-content-col {
        border-radius: 0 0 16px 16px;
    }

    .avatar-ring {
        width: 130px;
        height: 130px;
    }

    .slide-inner {
        min-height: unset;
        padding: 24px 24px 24px;
    }
}

.new-testimonial-sec-uae .swiper-slide {
    width: 803px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.card-content-col .swiper-pagination {
    text-align: left;
    padding-left: 60px;
}

.card-content-col .swiper-pagination .swiper-pagination-bullet {
    width: 24px;
    border-radius: 143px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.2);
}

.card-content-col .swiper-pagination .swiper-pagination-bullet-active {
    width: 48px;
    border-radius: 143px;
    background-color: rgba(59, 130, 246, 1);
    height: 6px;
}


/* USA Page */

.usa-hero-sec {
    background-image: url(../images/usa-banner-image.png);
    /* background-color: #000; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 100px 0 50px;
    font-family: 'Poppins', sans-serif;
    position: relative;
}



.usa-hero-sec .btn-uae-cta {
    background: linear-gradient(90deg, #60A5FA 0%, #818CF8 100%);
    border: none;

}

.usa-hero-sec .uae-cta-wrapper {
    margin-top: 35px !important;
}

.usa-hero-sec .trust-banner {
    background: transparent;
    /* border-top: 1px solid rgba(255,255,255,0.06); */
    /* border-bottom: 1px solid rgba(255,255,255,0.06); */
    padding: 0 32px;
    height: 44px;
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    /* max-width: 900px; */
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-top: 41px;
    justify-content: center;
}

/* subtle shimmer line */
.usa-hero-sec .trust-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    /* background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.03) 50%, transparent 100%); */
    pointer-events: none;
}

.usa-hero-sec .badge {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #cdd8e3;
}

.usa-hero-sec .badge .star {
    color: rgba(234, 179, 8, 1);
    font-size: 21px;
    line-height: 1;
    /* filter: drop-shadow(0 0 4px rgba(245,166,35,0.6)); */
}

.usa-hero-sec .badge .label {
    color: #dce8f0;
    font-size: 17px;
}

.usa-hero-sec .divider {
    /* width: 1px; */
    height: 18px;
    background: rgba(255, 255, 255, 0.18);
    margin: 0 20px;
    flex-shrink: 0;
}

/* dot bullet for non-first items */
.usa-hero-sec .dot-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    /* font-family: 'Barlow', sans-serif; */
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #dce8f0;
}

.usa-hero-sec .dot-badge::before {
    content: '•';
    color: #fff;
    font-size: 16px;
    line-height: 1;
    margin-right: 4px;
}

.usa-hero-sec .uae-stats-row {
    margin-top: 39px !important;
    padding-top: 0 !important;
    margin-bottom: 90px;
}

.usa-hero-sec .uae-stat-item {
    border-right: 0px;
    background: rgba(255, 255, 255, 0.03);
    padding: 23px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
}

.usa-hero-sec .uae-stat-item h3 {
    font-size: 30px;
    padding: 0;
}

.usa-hero-sec .uae-stat-item p {
    font-size: 18px;
    margin-bottom: 0;
}

.usa-generic-sec {
    position: relative;
    background-color: #000;
}



.usa-generic-sec .uae-exp-lead-text {
    margin-bottom: 10px !important;
}

.uae-generic-vector {
    position: absolute;
    right: 139px;
    top: 101px;
    width: 121px;
}

.uae-generic-vector img {
    width: 100%;
}

.generic-card {
    margin-top: 30px;
}

.generic-card h5 {
    color: rgba(245, 158, 11, 1);
    font-size: 22px;
    text-transform: none;
    padding: 0;
    margin-bottom: 15px;
}

.generic-card p {
    font-size: 16px;
    padding: 0;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 22.75px;
}

.generic-card a {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
}

.generic-card a i {}

.generic-second-row {
    padding-top: 100px;
}

.custom-web-dev-usa .uae-sol-vect {
    width: 121px;
    top: 30px;
    left: 63px;
}

.custom-web-dev-usa .uae-sol-vect img {
    width: 100%;
}

.custom-web-dev-usa {
    background-color: #010617;
}

.custom-web-dev-usa::before {
    display: none;
}

.custom-web-dev-usa .uae-solutions-header {
    margin-bottom: 70px !important;
}

.custom-web-dev-usa .uae-sol-card a {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    /* background: linear-gradient(90deg, #60A5FA 0%, #818CF8 100%); */
    background: linear-gradient(90deg, #60A5FA 0%, #818CF8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.custom-web-dev-usa .uae-sol-card {
    background-color: rgba(27, 27, 27, 1);
    padding: 31px;
}

.custom-web-dev-usa .uae-sol-card::after {
    display: none;
}

.custom-web-dev-usa .uae-sol-card .uae-sol-card-heading {
    font-size: 24px;
}

.custom-web-dev-usa .uae-sol-card .uae-sol-card-summary {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
}

.usa-how-we-work {
    position: relative;
}

.usa-how-we-work .uae-sol-vect {
    width: 121px;
    top: 87px;
    right: 112px;
    position: absolute;
    left: auto;
}

.usa-how-we-work .uae-sol-vect img {
    width: 100%;
}

.usa-how-we-work::before {
    display: none;
}

.usa-how-we-work::after {
    display: none;
}

.usa-how-we-work {
    /* background-image: url(../images/usa-how-we-work-bg.png) !important; */
    color: #fff;
    padding: 70px 0;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
    background-image: none !important;
    padding-top: 50px !important;
}

.usa-web-dev-services {
    background-color: rgba(12, 12, 22, 1);
    /* background-image: radial-gradient(circle at 50% 50%, rgba(15, 23, 42, 0.4) 0%, rgba(1, 6, 23, 1) 100%); */
    position: relative;
}

.usa-web-dev-services .nav-tabs .nav-item .nav-link {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 0;
    padding: 20px 32px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;
}

.usa-web-dev-services .nav-tabs .nav-item .nav-link.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
    border-bottom: 2px solid #fff;
}

.usa-web-dev-services .nav-tabs .nav-item .nav-link:hover {
    color: #fff;
}

.usa-service-tab-title {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    padding: 0;
    margin-bottom: 32px !important;
}

.usa-service-tab-desc {
    font-size: 16px;
    line-height: 1.7;
    color: #fff;
    font-weight: 400;
}

.usa-service-feature-list {
    list-style: none;
    padding: 0;
    margin-bottom: 36px !important;
}

.usa-service-feature-list li {
    font-size: 18px;
    color: rgba(148, 163, 184, 1);
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
}

.usa-service-feature-list li i {
    color: rgba(129, 140, 248, 1);
    margin-right: 12px;
    margin-top: 4px;
    font-size: 18px;
}

.usa-service-tab-btn {
    display: inline-block;
    padding: 15px 35px;
    background: rgba(69, 100, 139, 1);
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
    border-left: 4px solid #818cf8;
    /* border-image-source: linear-gradient(90deg, #60A5FA 0%, #818cf8 100%); */
    box-shadow: 0px 8px 10px -6px rgba(59, 130, 246, 0.2);
    box-shadow: 0px -16px 25px -5px rgba(98, 98, 98, 0.2);
}

.usa-service-tab-btn:hover {
    background: linear-gradient(90deg, #1D4ED8 0%, #3B82F6 100%);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}

.usa-service-tab-img-box {
    position: relative;
    /* border-radius: 30px; */
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
    /* Clipped effect for the image as seen in the mockup */
    clip-path: polygon(0% 0%, 85% 0%, 100% 15%, 100% 100%, 0% 100%);
}

.usa-service-tab-img-box img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}



@media (max-width: 991px) {
    .usa-service-tab-title {
        font-size: 32px;
    }

    .usa-web-dev-services .nav-tabs .nav-item .nav-link {
        font-size: 12px;
        padding: 10px 15px;
    }

    .usa-software-item.mb-100 {
        margin-bottom: 60px;
    }
}

/* Custom Software & Application Development */
.custom-software-app-dev {
    background-color: rgba(21, 23, 27, 1);
}

.custom-software-app-dev .nav-tabs .nav-item .nav-link {
    background: transparent;
    border: none;
    color: rgba(160, 174, 192, 1);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 0;
    padding: 20px 32px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;
}

.custom-software-app-dev .nav-tabs .nav-item .nav-link.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
    border-bottom: 2px solid #fff;
}

.software-tag {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 32px;
    text-transform: uppercase;
    background: rgba(28, 28, 28, 1);
    border: 1px solid rgba(51, 65, 85, 1);
    background: linear-gradient(90deg, #60A5FA 0%, #818CF8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    align-items: center;
}

.usa-software-link {
    color: rgba(129, 140, 248, 1);
    text-decoration: none;
    font-weight: 600;
    font-size: 17px;
    transition: all 0.3s ease;
    margin-top: 0px !important;
}

.usa-software-link:hover {
    color: #fff;
    text-decoration: none;
    padding-left: 8px;
}

.usa-stat-box {
    background: rgba(30, 41, 59, 0.4);
    border: 1px solid rgba(51, 65, 85, 0.5);
    padding: 16px;
    border-radius: 12px;
    height: 100%;
    transition: all 0.3s ease;
}

.usa-stat-box:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(129, 140, 248, 0.4);
}

.usa-stat-box h4 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
    padding: 0;
}

.usa-stat-box p {
    font-size: 14px;
    color: rgba(148, 163, 184, 1);
    margin: 0;
}


.usa-software-img-box {
    position: relative;
    /* border-radius: 20px; */
    /* overflow: hidden; */
    /* box-shadow: 0 30px 60px rgba(0,0,0,0.5); */
}

.usa-software-img-box img {
    width: 100%;
    border-radius: 20px;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.usa-software-img-box:hover img {
    transform: scale(1.05);
}

.usa-software-item.mb-100 {
    margin-bottom: 80px;
}

@media (max-width: 991px) {
    .usa-software-item.mb-100 {
        margin-bottom: 60px;
    }
}

.custom-software-app-dev .uae-exp-lead-text {
    margin-bottom: 70px !important;
}

.software-tag img {
    width: 10px;
    margin-right: 5px;
}

.usa-software-content .usa-service-tab-desc {
    margin-bottom: 17px !important;
}

.ai-web-sol-sec-usa .ai-grid-item {
    border-color: rgba(255, 255, 255, 0.2) !important;
    border-width: 2px;
}

.ai-web-sol-sec-usa .border-bottom {
    border-color: rgba(255, 255, 255, 0.2) !important;
    border-width: 2px;
}

.ai-web-sol-sec-usa .btn-uae-cta {
    background: linear-gradient(90deg, #60A5FA 0%, #818CF8 100%);
    border: none;
}

/* AI Powered Web Solutions Section */
.ai-web-sol-sec-usa {
    background: #000;
}

.ai-grid-container {
    /* border: 1px solid #1f1f1f; */
    /* border-radius: 10px; */
    overflow: hidden;
}

.ai-grid-item {
    border-color: #1f1f1f !important;
}

.ai-sol-box {
    padding: 44px 0px;
    height: 100%;
    transition: 0.3s;
}

.ai-sol-box:hover {
    background: #0a0a0a;
}

.ai-sol-icon {
    font-size: 28px;
}

.ai-sol-icon img {
    width: 38px;
}

.ai-sol-title {
    font-size: 23px;
    color: #fff;
    font-weight: 700;
}

.ai-sol-desc {
    font-size: 18px;
    color: rgba(148, 163, 184, 1);
    line-height: 1.7;
    margin: 0;
}


@media (max-width: 767px) {
    .ai-grid-item {
        border-right: none !important;
        border-bottom: 1px solid #1f1f1f !important;
    }

    .ai-sol-box {
        padding: 40px 20px;
    }
}

/* Staff Augmentation Section */
.staff-augmentaion-sec {
    background: #000;
}

.staff-card {
    padding: 28px 39px;
    border-radius: 20px;
    height: 100%;
    transition: 0.3s;
    background: linear-gradient(144.43deg, rgba(89, 89, 89, 0.248) 0%, rgba(63, 63, 63, 0.496) 100%);
    border: 1px solid rgba(129, 129, 129, 0.54);
    box-shadow: 0px 0px 4px 0px rgba(157, 157, 157, 1);

}

.staff-card:hover {
    border-color: #333;
    background: #161616;
}

.staff-icon {
    font-size: 24px;
    color: #3b82f6;
}

.staff-icon img {
    width: 40px;
}

.staff-title {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 0;
}

.staff-desc {
    font-size: 16px;
    color: #94a3b8;
    line-height: 1.6;
    margin-bottom: 25px;
}

.staff-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.staff-tags span {
    background: transparent;
    border: 1px solid #334155;
    color: #94a3b8;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 13px;
    transition: 0.3s;
}


.staff-tags span:hover {
    border-color: #475569;
    color: #fff;
}

/* Industries We Serve Section */
.industries-serve-usa {
    background: #000;
}

.industry-item {
    transition: 0.3s;
    max-width: 351px;
}

.industry-icon-box {
    width: 64px;
    height: 64px;
    justify-content: center;
    margin-bottom: 22px;
}



.industry-title {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 16px;
    padding: 0;
}

.industry-desc {
    font-size: 16px;
    color: rgba(148, 163, 184, 1);
    line-height: 28px;
    margin: 0;
}


.usa-page .uae-partners {
    background-color: #000;
    background-image: none;
}

/* UK Hero Section */
.uk-hero-sec {
    background-image: url(../images/uk-bg-image.png) !important;
    background-size: cover;
    background-position: center;
    min-height: 80vh;
    display: flex;
    align-items: center;
}

.uk-stat-box {
    padding: 20px;
}

.uk-hero-sec h1 span {
    color: rgba(13, 105, 242, 1);
    background: transparent;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.uk-stat-box h3 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    padding: 0;
}

.uk-stat-box p {
    font-size: 15px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

.uk-trust-bar {
    margin-top: 53px !important;
}


.uk-trust-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: 0.3s;
    backdrop-filter: blur(4px);
}

.uk-trust-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
}

.uk-trust-item i {
    font-size: 20px;
    color: #007bff;
}

.uk-trust-item img {
    width: 35px;
}

.uk-trust-item span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}


@media (max-width: 991px) {
    .uk-hero-sec {
        text-align: center;
    }

    .uk-hero-sec .text-start {
        text-align: center !important;
    }

    .uk-stats-grid {
        margin-top: 50px;
    }
}

.uk-stats-grid {
    margin-top: 40px;
    padding-left: 74px;
}

.uk-hero-sec .btn-uae-cta {
    background: #00a5ff;
}

.uk-hero-sec h1 {
    line-height: 95px;
    font-weight: 700;
    font-size: 84px;
}


.bespoke-web-dev-uk {
    background: #000;
    position: relative;
}

.bespoke-vect-1 {
    position: absolute;
    width: 142px;
    top: 100px;
    right: 0px;
}

.bespoke-vect-1 img {
    width: 100%;
}

.bespoke-vect-2 img {
    width: 100%;
}

.bespoke-vect-2 {
    position: absolute;
    width: 92px;
    top: 1125px;
    left: 0px;
}

.bespoke-card {
    background: #000;
    border: 1px solid #2d3250;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.3s;
    backdrop-filter: blur(10px);
    padding: 18px 23px;
}

.bespoke-card:hover {
    border-color: #00d4ff;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.15);
}

.bespoke-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bespoke-title {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 11px;
    padding: 0;
}

.bespoke-desc {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 11px;
    font-weight: 400;
}

.bespoke-link {
    color: #00a5ff;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    letter-spacing: 1px;
    transition: 0.3s;
}

.bespoke-link:hover {
    color: #0056b3;
}

@media (max-width: 767px) {
    .bespoke-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .bespoke-title {
        font-size: 20px;
    }
}

/* Why London Businesses Choose Us Section */
.why-uk-choose-us {
    background: #000;
    padding-top: 0 !important;
}

.why-uk-card {
    background: #000;
    border-radius: 12px;
    padding: 24px;
    height: 100%;
    position: relative;
    border: 1px solid #2d3250;
    border-left: 6px solid transparent;
    transition: 0.3s;
}

.why-uk-card.purple-theme {
    border-left-color: rgba(158, 63, 211, 0.8);
}

.why-uk-card.orange-theme {
    border-left-color: rgba(255, 147, 23, 0.8);
}

.why-uk-card.green-theme {
    border-left-color: rgba(63, 211, 80, 0.8);
}

.why-uk-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    margin-top: -60px;
    /* Offset to sit on the top like the mockup */
    position: relative;
}

.purple-theme .why-uk-icon {
    background: rgba(158, 63, 211, 0.8);
}

.orange-theme .why-uk-icon {
    background: rgba(255, 147, 23, 0.8);
}

.green-theme .why-uk-icon {
    background: rgba(63, 211, 80, 0.8);
}

.why-uk-icon img {
    width: 30px;
}

.why-uk-title {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 17px;
    line-height: 32px;
    padding: 0;
}

.why-uk-desc {
    font-size: 16px;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 0;
}

.why-uk-card:hover {
    transform: translateY(-10px);
}

@media (max-width: 991px) {
    .row.g-4.mt-5 {
        margin-top: 20px !important;
    }

    .why-uk-card {
        margin-top: 40px;
        padding: 25px;
    }

    .why-uk-title {
        font-size: 19px;
    }
}



/* uk-devlop-services-content */
.uk-devlop-services-content {
    padding: 52px 60px;
    position: relative;
    z-index: 1;
    background: #000;
    /* border: 1px solid #2d3250; */
}

.uk-service-num {
    font-size: 93px;
    font-weight: 700;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.4);
    display: block;
    margin-bottom: 25px;
    font-family: 'Inter', sans-serif;
}

.uk-service-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    margin-bottom: 12px !important;
}

.uk-service-icon {
    width: 60px;
}

.uk-service-title {
    font-size: 38px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 72px;
}

.uk-service-subtitle {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 34px;
}

.uk-service-desc {
    font-size: 16px;
    color: rgba(148, 163, 184, 1);
    line-height: 1.8;
    margin-bottom: 35px;
    max-width: 850px;
}

.uk-service-list {
    margin-bottom: 35px;
}

.uk-service-list li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
}

.uk-service-list li i {
    color: #00a5ff;
    font-size: 20px;
}

.btn-uk-inquire {
    display: inline-flex;
    align-items: center;
    background: #00a5ff;
    color: #fff;
    padding: 17px 35px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: 0.3s;
    border: none;
    height: 54px;
    width: max-content;
    text-align: center;
    justify-content: center;
    gap: 10px;
}

.btn-uk-inquire:hover {
    background: #0b5cc7;
    color: #fff;
    transform: translateY(-2px);
}

@media (max-width: 991px) {
    .uk-devlop-services-content {
        padding: 40px 25px;
    }

    .uk-service-num {
        font-size: 60px;
    }

    .uk-service-title {
        font-size: 28px;
    }

    .uk-service-subtitle {
        font-size: 18px;
    }
}


.custom-web-dev-uk .uae-sol-card {
    background-color: #000;
    padding: 18px 22px;
    border-radius: 6px;
    border: 1px solid #2d3250;
}

.custom-web-dev-uk .uae-sol-card-icon-box img {
    width: 30px;
    height: 30px;
}

.custom-web-dev-uk .uae-sol-card a {
    background: #00a5ff;
    padding: 12px 18px;
    border-radius: 8px;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    margin-top: 15px !important;
    display: inline-block;

}

.custom-web-dev-uk .uae-sol-card-icon-box {
    display: flex;
    gap: 15px;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(219, 219, 219, 0.44);
    height: auto;
    align-items: center;
    margin-bottom: 25px;
}

.custom-web-dev-uk h3 {
    padding: 0;
}


/* erp-dev-nd-impletation-uk */
.erp-dev-implement .nav-tabs .nav-item .nav-link.active {
    color: #fff;
    background-color: #00a5ff;
    /* border-bottom: 2px solid #fff; */
    box-shadow: 0px 8px 10px -6px rgba(59, 130, 246, 0.2);
    box-shadow: 0px -16px 25px -5px rgba(98, 98, 98, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 16px;
    padding: 20px 13px;
}

.erp-dev-implement .nav-tabs .nav-item .nav-link {
    background: #000;
    border: none;
    border-radius: 4px;
    border: 1px solid #2d3250;
    backdrop-filter: blur(12px);
}

.erp-dev-implement .nav-tabs {
    gap: 24px 12px;
    justify-content: flex-start !important;
}

.custom-web-dev-uk {
    background-color: #000 !important;
    position: relative;
}

.erp-dev-implement {
    background-color: #000 !important;
}

.erp-dev-implement .usa-service-tab-btn {
    background: #00a5ff;
    padding: 12px 18px;
    border-radius: 8px;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    margin-top: 15px !important;
    display: inline-block;
    border: none;
    font-size: 16px;
}

.erp-dev-implement .usa-service-tab-img-box {
    clip-path: none;
}

/* uk-ai-powered-sol */

.uk-ai-powered-sol .why-uk-card {
    background: #000;
    border-radius: 12px;
    padding: 29px;
    height: 100%;
    position: relative;
    border-left: 6px solid transparent;
    transition: 0.3s;
    border: 1px solid #2d3250;
    padding-top: 35px;
}

.uk-ai-powered-sol .why-uk-card:hover {
    border-color: #00d4ff !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.15);
}

.uk-ai-powered-sol .why-uk-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    margin-top: -72px;
    /* Offset to sit on the top like the mockup */
    position: relative;
    float: right;
}

.uk-ai-powered-sol .why-uk-icon {
    width: auto;
    height: auto;
    background-color: transparent !important;
}

.uk-ai-powered-sol .why-uk-icon img {
    width: 75px;
    height: 75px;
}




/* uk-web-dev-process */
.uk-web-dev-process {
    background: #000;
    position: relative;
}

.uk-web-dev-process .bespoke-vect-2 {
    top: -162px;
}

.uk-process-tech-container {
    background: #1e1e24;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    overflow: hidden;
    background: #000;
    padding: 33px;
    /* border: 1px solid rgba(129, 129, 129, 0.54); */
    /* box-shadow: 0px 0px 4px 0px rgba(157, 157, 157, 1); */
    border: 1px solid #2d3250;
}

.uk-tech-row {
    padding: 21px 35px;
    /* border-bottom: 1px solid #2a2a30; */
    transition: 0.3s;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    /* border: 1px solid rgba(255, 255, 255, 0.1); */
    margin-bottom: 30px;
    border: 1px solid #2d3250;
}

.uk-tech-row:last-child {
    border-bottom: none;
}

.uk-tech-row:hover {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #00d4ff;
}

.uk-tech-category {
    /* display: flex;
    align-items: center; */
    gap: 12px;
    margin-bottom: 8px;
}

.uk-tech-icon {
    width: 40px;
    height: 40px;

}

.uk-tech-info h3 {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    margin-top: 12px;
}

.uk-tech-info p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    line-height: 27px;
    padding-right: 15px;
}

.uk-tech-pills-wrap {
    padding-left: 20px;
}

.uk-tech-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.uk-tech-pills span {
    background: #fff;
    color: #1e1e24;
    padding: 10px 22px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}

@media (max-width: 991px) {
    .uk-tech-row {
        padding: 30px 20px;
    }

    .uk-tech-pills-wrap {
        padding-left: 0;
        margin-top: 25px;
    }

    .uk-tech-pills span {
        font-size: 13px;
        padding: 8px 16px;
    }
}

.uk-tech-info {
    border-right: 1px solid rgba(255, 255, 255, 0.29);
}


/* industries-serve-uk */
.industries-serve-uk {
    background: #000;
    position: relative;
}

.industries-serve-uk .bespoke-vect-1 {
    bottom: 54px;
    top: auto;
}

.uk-industry-card {
    padding-left: 30px;
    border-left: 1px solid #fff;
    height: 100%;
    transition: 0.3s;
}

.uk-industry-card:hover {
    border-left-color: #00d4ff;
}

/* .uk-industry-icon {
    font-size: 28px;
    color: #4eb0ff;
    margin-bottom: 20px;
} */

/* .uk-industry-icon img{width: 40px;height: 40px;} */
.uk-industry-title {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 37px;
}

.uk-industry-desc {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin: 0;
}

@media (max-width: 991px) {
    .uk-industry-card {
        padding-left: 20px;
        margin-bottom: 30px;
    }

    .uk-industry-title {
        font-size: 19px;
    }
}




/* --- Added Popup Modal Content Styles --- */
.popup-modal-content {
    /* background-image: url(../images/new-popup-bg.png); */
    background: #000;
    padding: 25px 22px;
    border-radius: 0px;
    color: #fff;
    font-family: 'Assistant', sans-serif !important;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}

.popup-modal-inner {
    position: relative;
    z-index: 10;
}

.popup-modal-content .avatar-box {
    width: 49px;
}


.testimonial-card-main {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 18px;
    padding: 19px 25px !important;
    margin-bottom: 15px;
    box-shadow: 0px 0px 15px 1px rgba(255, 255, 255, 0.05) inset;
    backdrop-filter: blur(20px);
}

.clutch-brand-head {
    margin-bottom: 17px;
}

.clutch-brand-head h3 {
    font-size: 22px;
    font-weight: 800;
    margin: 0;
    color: #fff;
}

.clutch-brand-head img {
    width: 63px;
}

.rating-flex-div {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
}

.rating-flex-div .rating-num {
    font-size: 13px;
    font-weight: 700;
}

.rating-flex-div .stars-div {
    color: #ffaa00;
    font-size: 10px;
    display: flex;
    gap: 2px;
}

.testimonial-quote {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 21px;
}

.client-profile-box {
    display: flex;
    align-items: center;
    gap: 12px;
}

.client-profile-box img.client-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.client-info h6 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 4px;
    color: #fff;
    padding: 0;
}

.client-meta-info {
    display: flex;
    align-items: center;
    gap: 7px;
}

.client-meta-info img.flag-ico {
    width: 17px;
}

.client-meta-info span.client-title {
    font-size: 12px;
    color: rgba(148, 163, 184, 1);
}

.pagination-dots-div {
    display: flex;
    gap: 7px;
    margin-bottom: 35px;
}

.pagination-dots-div .p-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
}

.pagination-dots-div .p-dot.swiper-pagination-bullet-active {
    background: #fff;
    width: 12px;
    border-radius: 10px;
}

.bottom-footer-msg {
    font-size: 16px;
    line-height: 1.7;
    color: #fff;
    margin: 0;
    margin-top: 60px;
}

.bottom-footer-msg strong {
    color: #3e89fd;
    font-weight: 700;
}

.popup-heading {
    font-size: 34px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 26px;
    padding: 0;
    -webkit-text-stroke: 1px #000;
}

.popup-heading .gradient-text {
    color: #00a5ff;
}

.popup-modal .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 49px;
    width: 8px !important;
    height: 8px !important;
}

.popup-modal .swiper-pagination-bullet-active {
    background: #fff !important;
    border-radius: 49px;
}

.popup-modal .pagination-dots-div {
    gap: 1px;
    margin-left: 10px;
    margin-bottom: 106px;
}

.popup-modal .modal-body {
    background-color: rgb(255 255 255 / 85%);
}

@media (max-width: 991px) {
    .popup-modal-content {
        padding: 30px 20px;
        margin-bottom: 30px;
    }

    .popup-heading {
        font-size: 26px;
    }
}

.popup-modal-right {
    padding: 21px 40px 20px 27px;
}

.popup-modal-right h2 {
    font-size: 25px;
    font-weight: 700;
    color: rgba(15, 23, 42, 1);
}

.popup-submit {
    display: flex;
    justify-content: space-between;
}

.popup-submit input {
    background-color: transparent;
    padding: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
}

.popup-submit .captcha-input {
    width: 100px;
}

.captcha-new-box {
    gap: 21px;
    align-items: center;
}

.captcha-new-box span {
    font-size: 25px;
    font-weight: 600;
}

.popup-form-conditions li img {
    width: 13px;
    margin-right: 7px;
    margin-bottom: 0;
}

.popup-form-conditions li {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 15px;
}

.popup-form-conditions {
    margin-top: 22px;
}

.new-get-in-touch-design #dropdownMenuButton2 {
    border: none !important;
    margin: 0;
    padding-right: 0 !important;
}

.uk-page .uae-subphrase {
    color: rgba(194, 198, 214, 1);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-top: 30px !important;
}

.uk-stat-box p {
    font-size: 16px;
    font-weight: 500;
}



/* New mobile app dev service page */
.new-mobile-banner {
    /* background: radial-gradient(circle at top left, #1a1a2e 0%, #000 50%, #0f0f1a 100%); */
    /* background-image: url(../images/new-mobile-dev-banner-bg.svg); */

    /* background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
    background-color: #000;
    padding: 90px 0 80px;
    color: #fff;
    overflow: hidden;
    position: relative;
}



.new-mobile-banner .banner-text-content {
    position: relative;
    z-index: 2;
}

.new-mobile-banner .uae-main-title {
    font-size: 54px;
    line-height: 70px;
    font-weight: 700;
}

.new-mobile-banner .uae-main-title span {
    color: #00a5ff;
}

.new-mobile-banner .btn-new-mob-cta {
    display: inline-flex;
    align-items: center;
    background: rgba(0, 165, 255, 1);
    color: #fff;
    padding: 12px 17px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 18px;
    box-shadow: 0px 0px 25px 0px rgba(59, 130, 246, 0.3);
    transition: 0.3s;
    /* box-shadow: 0 10px 30px rgba(0, 165, 255, 0.4); */
    border: none;
    text-decoration: none;
}

.new-mobile-banner .btn-new-mob-cta:hover {
    background: #fff;
    color: #00a5ff;
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(0, 165, 255, 0.6);
}

.new-mobile-banner .mob-mockup-wrapper img {
    width: 100%;
    max-width: 450px;
    display: block;
    margin: 0 auto;
}

.new-mob-hero-slider {
    padding-bottom: 55px;
}


.new-mob-pagination .swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1;
    width: 10px;
    height: 10px;
}

.new-mob-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #00a5ff !important;
    border-radius: 5px;
}



.mob-banner-feature-sec {
    position: relative;
    z-index: 5;
    margin-top: 50px;
}

.mbf-top-row {
    border-top: 1px solid rgb(75 75 75);
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.12); */
}

.mbf-top-row .border-end {
    position: relative;
    border: none !important;
}

.mbf-top-row .border-end::after {
    /* border-right: 1px solid rgba(255, 255, 255, 0.15) !important; */
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 187%;
    background-image: url(../images/banner-feature-right-border.svg);

}

.mbf-bottom-row .border-end::after {
    display: none;
}

.mbf-feature-item {
    display: flex;
    align-items: flex-start;
    padding: 35px 45px;
    gap: 15px;
}

.mbf-icon {
    /* width: 44px;
    height: 44px;
    background: rgba(0, 165, 255, 0.1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4eb0ff;
    font-size: 18px; */
    flex-shrink: 0;
}

.mbf-info h3 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 7px;
    letter-spacing: -0.3px;
    padding: 0;
}

.mbf-info p {
    font-size: 16px;
    color: rgba(194, 198, 214, 1);
    line-height: 1.5;
    margin: 0 !important;
    font-weight: 400;
}

.mbf-stat-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 31px 0px;
}

.mbf-stat-box div {
    text-align: center;
    transition: 0.3s ease-in-out;
}



.mbf-stat-box div h2 {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
    padding: 0;
}

.mbf-stat-box div p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(194, 198, 214, 1);
    margin: 0 !important;
}



.blue-cta-new {
    background-image: url(../images/blue-cta-bg-img.svg);
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.blue-cta-content h2 {
    font-size: 51px;
    line-height: 59px;
    letter-spacing: 0;
    padding: 0;
    margin-bottom: 7px !important;
    font-weight: 500 !important;
}

.blue-cta-content p {
    font-size: 24px !important;
    line-height: 32px;
    max-width: 500px;
    margin-bottom: 20px !important;
}

.blue-cta-content {
    padding: 29px 0px 24px 82px;
}

.btn-white-cta-new {
    display: inline-flex;
    align-items: center;
    background: #fff;
    color: #00a5ff !important;
    padding: 16px 35px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
    font-size: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.btn-white-cta-new:hover {
    background: #f0f0f0;
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.blue-cta-img-box .team-img {
    /* height: 480px; */
    object-fit: contain;
    position: relative;
    z-index: 2;
    /* margin-bottom: -15px; */
}

.blue-cta-new-sec {
    background-color: #000;
}



.new-mobile-end-to-end .uae-exp-heading {
    margin-bottom: 25px;
}

.new-mobile-end-to-end .nav-tabs .nav-item .nav-link {
    background: rgba(49, 57, 77, 0.2);
    border: 1px solid rgba(173, 198, 255, 0.4);
    border-radius: 12px;
    text-transform: capitalize;
    line-height: 19px;
    min-height: 102px;
    padding: 20px 23px;
}

.new-mobile-end-to-end .nav-tabs {
    gap: 25px;
}

.new-mobile-end-to-end .nav-tabs .nav-item .nav-link:hover {
    color: rgba(0, 165, 255, 1) !important;
}

.new-mobile-end-to-end .nav-tabs .nav-item .nav-link.active {
    color: rgba(0, 165, 255, 1) !important;
    background-color: transparent;
    border-bottom: 1px solid rgba(173, 198, 255, 0.4);
}


.ios-tab-media-box {
    background-color: transparent;
    border-radius: 0;
    overflow: hidden;
    padding: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 0;
    min-height: 736px;
    width: 100%;
}

.ios-tab-media-box .mockup-img {
    height: 100%;
    object-fit: cover;
    /* background: transparent; */
    width: 100%;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.ios-app-tab-row {
    /* background: rgba(55, 53, 53, 0.4); */
    border-radius: 12px;
}

.ios-tab-content-box h3 {
    margin-bottom: 12px !important;
    line-height: 34px;
    padding: 0;
    font-size: 22px;
}

.ios-tab-content-box p {
    margin-bottom: 12px !important;
    line-height: 30px;
    padding: 0;
    font-size: 16px !important;
    color: rgba(148, 163, 184, 1) !important;
}

.ios-tab-content-box {
    padding: 40px 34px 70px 34px !important;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.ios-tab-feature-list li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px !important;
}

.ios-tab-feature-list li strong {
    color: #fff;
}

.ios-tab-feature-list li .bullet {
    color: #fff;
    font-weight: 700;
}

.btn-blue-mob-tab {
    display: inline-flex;
    align-items: center;
    background: rgba(0, 165, 255, 1);
    color: #fff !important;
    padding: 11px 35px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
    font-size: 16px;
    box-shadow: 0 10px 30px rgba(0, 165, 255, 0.3);
    box-shadow: 0px 0px 25px 0px rgba(59, 130, 246, 0.3);
}

.btn-blue-mob-tab:hover {
    background: #fff;
    color: #00a5ff !important;
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(0, 165, 255, 0.4);
}



.new-mobile-industries .on-demand-industries-card {
    border-radius: 13px;
}



.new-mobile-industries .on-demand-industries-card .on-demand-industries-content {
    padding: 61px 16px 25px;
    border-bottom-left-radius: 13px;
    position: relative;
    border-bottom-right-radius: 13px;
    border: 1px solid rgba(243, 243, 243, 0.24);
    border-top: 0;
    box-shadow: 0px 7px 30px 10px rgba(0, 0, 0, 0.04);
}

.new-mobile-industries .on-demand-industries-card .intustries-card-icon {
    width: 80px;
    left: 49%;
    height: 80px;
}

.new-mobile-industries .on-demand-industries-card p {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    color: #fff;
}

.new-mobile-industries .on-demand-industries-card:hover .on-demand-industries-content {
    border: 1px solid #ffffff;
    border-top: 0;
}

.mobile-next-gen-sec .accordion-button::after {
    filter: invert(1);
}

.mobile-next-gen-sec .accordion-button:not(.collapsed)::after {
    filter: sepia(1);
}


/* How We Build Your App Section */
.mobile-how-we-build {
    background-color: #000;
    padding: 100px 0;
    color: #fff;
    overflow: hidden;
}

.build-process-tabs-container {
    max-width: 1200px;
    margin: 0 auto;
}


.how-build-tabs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    border: none !important;
    margin-bottom: 80px !important;
    position: relative;
    padding: 0;
    list-style: none;
    padding-top: 50px;
}

.dropdown-vec-1 {
    position: absolute;
    top: 13px;
    left: 21%;
}

.dropdown-vec-2 {
    position: absolute;
    top: 13px;
    left: 48%;
}

.dropdown-vec-3 {
    position: absolute;
    top: 13px;
    left: 80%;
}

.dropdown-vec-4 {
    position: absolute;
    top: 132px;
    left: 9%;
}

.dropdown-vec-5 {
    position: absolute;
    top: 132px;
    left: 32%;
}

.dropdown-vec-6 {
    position: absolute;
    top: 132px;
    left: 57%;
}

.how-build-tabs-item {
    position: relative;
    margin-bottom: 15px;
}


.how-build-tabs-link {
    width: 100%;
    height: 68px;
    background: rgba(49, 57, 77, 0.2);
    border: 1px solid rgba(173, 198, 255, 0.4) !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    line-height: 20px;
}

.how-build-tabs-link.is-selected {
    background: rgba(0, 165, 255, 1);
    border-color: #00a5ff !important;
    color: #fff !important;
    box-shadow: 0 0 30px rgba(0, 165, 255, 0.4);
    font-size: 20px;
    line-height: 24px;
}

.how-build-tabs-link:hover:not(.is-selected) {
    border-color: rgba(255, 255, 255, 0.5) !important;
    background: rgba(255, 255, 255, 0.05);
}




.how-build-panel {
    display: none;
}

.how-build-panel.is-selected {
    display: block;
    animation: howBuildFadeIn 0.5s ease;
}

@keyframes howBuildFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.build-phase-content {
    text-align: center;
}

.build-phase-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
}

.build-phase-title span {
    color: rgba(0, 165, 255, 1);
    border-bottom: 3px solid rgba(0, 165, 255, 1);
    display: inline-block;
    padding-bottom: 5px;
}

.phase-details-row {
    display: flex;
    justify-content: space-between;
    text-align: left;
    gap: 80px;
    margin-bottom: 60px;
    position: relative;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.phase-details-row::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 10%;
    width: 1px;
    height: 80%;
    background: rgba(255, 255, 255, 0.1);
}

.phase-col {
    flex: 1;
}

.phase-col h4 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 33px;
    letter-spacing: 1.5px;
}

.phase-col p {
    font-size: 16px;
    color: rgba(148, 163, 184, 1);
    line-height: 1.8;
    margin-bottom: 0 !important;
}

.btn-free-discovery {
    display: inline-flex;
    align-items: center;
    background: #fff;
    color: #00a5ff !important;
    padding: 16px 40px;
    border-radius: 12px;
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.05);
}

.btn-free-discovery:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 165, 255, 0.4);
    background: #f8f9fa;
    color: #0084cc !important;
}



/* Technology Stack Section */
.mobile-app-tech-stack {
    padding: 60px 0;
    background: #000;
    padding-top: 0;
}


.tech-tabs-container {
    display: flex;
    gap: 74px;
    align-items: flex-start;
}

.tech-nav-list {
    width: 250px;
    flex-shrink: 0;
    border: none !important;
}

.tech-nav-pills .tech-pills-link {
    background: rgba(76, 76, 76, 0.4);
    border: 1px solid rgba(173, 198, 255, 0.1) !important;
    border-radius: 12px !important;
    color: rgba(194, 198, 214, 1);
    font-size: 14px;
    font-weight: 600;
    padding: 17px 30px;
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
    text-align: left;
    width: 100%;
    cursor: pointer;
}

.tech-nav-pills .tech-pills-link i {
    font-size: 20px;
    width: 24px;
    text-align: center;
}

.tech-nav-pills .tech-pills-link:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(0, 165, 255, 0.2) !important;
}

.tech-nav-pills .tech-pills-link.is-active {
    background: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.1);
}

.tech-nav-pills .tech-pills-link.is-active i {
    color: #00a5ff;
}

.tech-tab-content-box {
    background: #fff;
    border-radius: 24px;
    padding: 39px 36px;
    flex-grow: 1;
    position: relative;
    min-height: 540px;
    overflow: hidden;
}

.tech-tab-pane {
    display: none;
}

.tech-tab-pane.is-active {
    display: block;
    animation: techFadeIn 0.5s ease forwards;
}

@keyframes techFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



.tech-stack-group {
    margin-bottom: 62px;
}

.tech-stack-group h4 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    margin-bottom: 40px;
    padding: 0;
}

.tech-icons-row {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    align-items: center;
}

.tech-icon-item {
    text-align: center;
}

.tech-icon-wrap {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 15px;
}

.tech-icon-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.tech-icon-item span {
    display: block;
    font-size: 16px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
}

.tech-text-list {
    font-size: 17px;
    color: rgba(0, 0, 0, 1);
    line-height: 1.8;
    font-weight: 400;
    /* margin-bottom: 40px; */
}

.btn-discuss-tech {
    background: #00a5ff;
    color: #fff !important;
    padding: 20px 40px;
    border-radius: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.btn-discuss-tech:hover {
    background: #008cd9;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 165, 255, 0.4);
}



@media (max-width: 1399px) {
    .tech-mockup-abs {
        right: -50px;
    }
}

@media (max-width: 1199px) {
    .tech-tab-content-box {
        padding: 40px;
    }

    .tech-tab-content-box .tab-pane-inner {
        max-width: 100%;
    }


}



/* Next-Generation Technology Section */
.mobile-next-gen-sec {
    background-color: #000;
    color: #fff;
    padding: 50px 0;
}

.mobile-next-gen-sec .next-gen-left-img {
    position: relative;
    /* padding-right: 30px; */
}


.mobile-next-gen-sec .glow-img {
    position: relative;
    z-index: 1;
    /* border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5); */
    transition: all 0.5s ease;
}

.mobile-next-gen-sec .next-gen-accordion .accordion-item {
    background: rgba(16, 16, 16, 1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 16px !important;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0;
}

.mobile-next-gen-sec .next-gen-accordion .accordion-button {
    background: rgba(16, 16, 16, 1);
    color: #fff;
    padding: 17px 30px;
    font-size: 22px;
    font-weight: 600;
    box-shadow: none;
    border: none;
    transition: all 0.3s ease;
    /* border: 1px solid rgba(255, 255, 255, 0.4); */
    border-radius: 16px !important;
}

.mobile-next-gen-sec .next-gen-accordion .accordion-button:not(.collapsed) {
    background: #fff;
    color: #000;
    border-radius: 0 !important;
}


.mobile-next-gen-sec .acc-header-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* 
.mobile-next-gen-sec .acc-icon-wrap {
    width: 50px;
    height: 50px;
    background: transparent;
    border: 1px solid rgba(0, 165, 255, 0.4);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
} */
.mobile-next-gen-sec .next-gen-accordion .accordion-item .accordion-header {
    padding: 0;
}

.mobile-next-gen-sec .acc-icon-wrap img {
    width: 46px;
    height: auto;
}


.mobile-next-gen-sec .next-gen-accordion .accordion-body {
    padding: 40px 36px;
    background: #fff;
    color: #334155;
    padding-top: 0;
    /* border-top: 1px solid rgba(0, 0, 0, 0.05); */
}

.mobile-next-gen-sec .acc-desc {
    font-size: 16px;
    line-height: 29.8px;
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 1);
}

.mobile-next-gen-sec .acc-subtitle {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 30px;
}

.mobile-next-gen-sec .acc-offer-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 49px 30px;
}

.mobile-next-gen-sec .offer-item {
    display: flex;
    gap: 20px;
}

.mobile-next-gen-sec .offer-check {
    width: 28px;
    height: 28px;
    background: rgba(173, 198, 255, 0.1);
    color: rgba(173, 198, 255, 1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0px;
    font-size: 13px;
    border: 1px solid rgba(173, 198, 255, 0.2);
}

.mobile-next-gen-sec .offer-text h5 {
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 165, 255, 1);
    margin-bottom: 10px;
    text-transform: none;
    padding: 0;
}

.mobile-next-gen-sec .offer-text p {
    font-size: 15px;
    color: rgba(104, 104, 104, 1);
    margin-bottom: 0;
    line-height: 22px;
}

.mobile-next-gen-sec .btn-discuss-tech:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255, 255, 255, 0.1);
}


/* New New Testimonial Section */
.new-new-testimonial-sec {
    background-color: #000;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.new-testimonial-swiper {
    padding-bottom: 150px;
}

.testimonial-box {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease;
    /* height: 100%; */
    background: #111;
}

.testimonial-box:hover {
    transform: translateY(-5px);
}

.testimonial-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.testimonial-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.94), #00000000); */
    color: #fff;
    text-align: center;
}

.testimonial-info h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
    padding: 0;
}

.new-testimonial-swiper-wrapper {
    align-items: center !important;
}

.testimonial-info p {
    font-size: 12px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(226, 226, 226, 1);
    justify-content: center;
}

#videoModal .modal-content {
    display: none;
}

.testimonial-info p img {
    width: 24px !important;
    height: 24px !important;
    display: inline-block !important;
    /* border-radius: 100px; */
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: transparent;
    border: 4px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    backdrop-filter: blur(5px);
    transition: 0.3s;
    z-index: 10;
    pointer-events: none;
    /* Ensure click goes to parent video-box */
}

.video-box:hover .play-icon {
    background: #fff;
    color: #000;
    transform: translate(-50%, -50%) scale(1.1);
}

/* Testimonial Hover Overlay Background */
.testimonial-section-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 65%);
    /* Dark semi-transparent background */
    z-index: 1000;
    /* Dimmed background at level 1000 */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    pointer-events: none;
}

.testimonial-section-overlay.active {
    opacity: 1;
    visibility: visible;
}

.new-testimonial-swiper .swiper-slide {
    z-index: 10;
}

.new-testimonial-swiper .swiper-slide:hover {
    z-index: 9999999 !important;
    /* The entire slide container now pops above the overlay */
}

.testimonial-box {
    position: relative;
    border-radius: 15px;
    overflow: visible;
    cursor: pointer;
    transition: transform 0.3s ease;
    background: #111;
    z-index: 10;
}

.testimonial-box:hover {
    z-index: 100;
}

/* Refined Testimonial Hover Popup (Dropping Outside) */
.testimonial-hover-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 340px;
    /* Specific width similar to image */
    background: rgba(0, 165, 255, 1);
    /* Pro dark gray-blue */
    z-index: 50;
    padding: 30px;
    border-radius: 15px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -60%) rotate(0deg) scale(0.85);
    /* Centered and slightly higher */
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    text-align: left;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
}

.testimonial-hover-popup .stars {
    font-size: 19px;
    color: rgba(250, 204, 21, 1);
    margin-bottom: 16px;
}

.testimonial-box:hover .testimonial-hover-popup {
    opacity: 1;
    visibility: visible;
    transform: translate(-46%, -24%) rotate(-4deg) scale(1.05);
}

.testimonial-hover-popup i.fa-star {
    margin-right: 2px;
}

.testimonial-hover-popup .testimonial-text {
    font-size: 19px;
    line-height: 1.65;
    margin-bottom: 20px;
    font-weight: 400;
    flex-grow: 1;
    color: #f1f1f1;
}

.popup-footer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.popup-footer-img-box {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.popup-footer-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-footer-info h5 {
    font-size: 16px;
    margin: 0;
    color: #fff;
    font-weight: 700;
    padding: 0;
}

.popup-footer-info span {
    font-size: 13px;
    opacity: 0.7;
    display: block;
}

.card-tall {
    height: 520px;
}

.stacked-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 520px;
}

.stacked-cards .testimonial-box {
    height: calc(50% - 10px);
}

.new-testimonial-swiper .swiper-slide {
    height: auto;
}

/* Custom Video Popup Overlay (Bulletproof) */
.custom-video-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    z-index: 99999999 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

.custom-video-popup-overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.video-popup-content {
    width: 90%;
    max-width: 1000px;
    position: relative;
    transform: scale(0.7);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.custom-video-popup-overlay.active .video-popup-content {
    transform: scale(1);
}

.video-responsive-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 15px;
    /* box-shadow: 0 0 50px rgba(0, 165, 255, 0.3); */
    background: #000;
}

.video-responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.close-custom-popup {
    position: absolute;
    top: -50px;
    right: 0;
    color: #fff;
    font-size: 45px;
    cursor: pointer;
    line-height: 1;
    transition: 0.3s;
}

.close-custom-popup:hover {
    color: #00a5ff;
    transform: rotate(90deg);
}



/* Success Stories Section Details */
.success-stories-sec {
    background: #000;
    color: #fff;
    overflow: hidden;
    padding-top: 0 !important;
}

.success-subtitle {
    color: #00a5ff;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-size: 28px;
    text-transform: uppercase;
}

.success-main-title {
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 25px;
    color: #fff;
    text-transform: uppercase;
}

.success-desc {
    color: #94a3b8;
    font-size: 16px;
    line-height: 1.8;
    max-width: 800px;
    margin: 0 auto;
}


.success-media-part {
    height: 100%;
    display: flex;
    flex-direction: column;
}



.story-logo {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 130px;
    z-index: 2;
}

.phone-mockup-overlay {
    /* width: 240px;
    z-index: 2; */
    filter: drop-shadow(0 30px 50px rgba(0, 0, 0, 0.4));
    /* border: 5px solid #fff;
    border-radius: 35px;
    overflow: hidden; */
}

.phone-mockup-overlay img {
    width: 100%;
    display: block;
}

.success-tech-part {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background: #0066ff;
    padding: 40px;
    flex-grow: 1;
    text-align: left;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.success-tech-part h6 {
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 12px;
    padding: 0;
}

.success-tech-part p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.btn-download-case {
    background: #fff;
    color: #000;
    padding: 14px 28px;
    border-radius: 10px;
    font-weight: 800;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    text-transform: uppercase;
    width: max-content;
}

.btn-download-case:hover {
    background: #000;
    color: #fff;
    transform: translateY(-3px);
}

.success-content-part {
    padding: 27px;
    color: #000;
    text-align: left;
    background-color: #fff;
    border-radius: 16px;
    height: 100%;
}

.story-title {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #000;
    padding: 0;
}

.story-box {
    padding: 16px 22px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.story-box h4 {
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 12px;
}

.story-box p,
.story-box ul {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.65;
    color: #000;
}

.challenge-box {
    background: rgba(255, 229, 233, 1);
    border-left: 3px solid rgba(229, 57, 53, 1);
}

.solution-box {
    background: rgba(223, 233, 255, 1);
    border-left: 3px solid rgba(0, 69, 221, 1);
}

.result-box {
    background: rgba(236, 255, 226, 1);
    border-left: 3px solid rgba(52, 152, 0, 1);
    margin-bottom: 0;
}


.challenge-box h4 {
    color: #000;
    padding: 0;
}

.solution-box h4 {
    color: #000;
    padding: 0;
}

.result-box h4 {
    color: #000;
    padding: 0;
}

.story-list {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}

.story-list li {
    margin-bottom: 12px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    color: #000;
}

.story-list i {
    border: 2px solid #000;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    color: #000;
    margin-top: 4px;
}



.success-pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 20px;
}


.success-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff !important;
    opacity: 0.3;
}

.success-pagination .swiper-pagination-bullet-active {
    background: #00a5ff !important;
    opacity: 1;
    /* width: 30px; */
    border-radius: 10px;
}



.new-mobile-dev-page .new-related-post-sec {
    background-color: #000;
    position: relative;
}

.new-mobile-dev-page .related-post-card {
    border: none;
    background: #000;
}

.new-mobile-industries .on-demand-industries-card img {
    border-radius: 13px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* -------------------------------------------------------------------------- */
/*                    ON DEMAND INDUSTRIES SECTION STYLES                     */
/* -------------------------------------------------------------------------- */

.on-demand-industries-sec {
    background-color: #000;
}

.on-demand-industries-card {
    position: relative;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    height: 380px;
    /* Fixed height for consistency */
}

.on-demand-industries-card:hover {
    border-color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 165, 255, 0.2);
}

.on-demand-industries-card>.img-fluid {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all 0.5s ease;
}

.on-demand-industries-content {
    background: #000;
    padding: 40px 15px 20px;
    text-align: center;
    position: relative;
    transition: all 0.5s ease;
    height: 130px;
}

.intustries-card-icon {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    transition: all 0.5s ease;
    z-index: 2;
}

.intustries-card-icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.on-demand-industries-content p {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    margin: 15px 0 0;
    line-height: 1.2;
}

/* Hover State Overlay */
.new-mobile-industries .on-demand-industries-hover-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    z-index: 10;
    text-align: left;
    border-radius: 11px;
}

.new-mobile-industries .on-demand-industries-card:hover .on-demand-industries-hover-desc {
    opacity: 1;
    border: 1px solid #fff;
    visibility: visible;
}

.new-mobile-industries .on-demand-industries-hover-desc h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
    padding: 0;
}


.on-demand-industries-card .intustries-card-icon img {
    width: 40px;
    display: block;
    margin: 0 auto;
    z-index: 111111;
    position: relative;
    border-radius: 0 !important;
    height: auto !important;
    filter: grayscale(100%) brightness(0);
    transition: filter .3s ease-in-out;
}

.new-mobile-industries .on-demand-industries-hover-desc p {
    color: rgba(148, 163, 184, 1) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
    font-weight: 400 !important;
}

.new-mobile-industries .on-demand-industries-card:hover {
    box-shadow: none;
}

.new-mobile-dev-page .uae-subphrase {
    font-weight: 300;
}

@media (max-width: 767px) {
    .new-mobile-industries .on-demand-industries-card {
        height: auto;
        min-height: 350px;
    }

    .new-mobile-industries .on-demand-industries-card>.img-fluid {
        height: 200px;
    }

    .new-mobile-industries .on-demand-industries-hover-desc h5 {
        font-size: 18px;
    }

    .new-mobile-industries .on-demand-industries-hover-desc p {
        font-size: 14px;
    }
}

.new-mobile-dev-page .uae-exp-lead-text {
    color: rgba(148, 163, 184, 1);
}





























@media screen and (min-width:1920px) {

    .home-banner,
    .home-banner video {
        height: 88vh
    }

    .home-banner-content {
        height: 79vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .home-banner-content a {
        margin: 0 !important
    }
}

@media (min-width:1601px) and (max-width:2564px) {
    .demo-gallery>ul>li a {
        width: 100%
    }

    .layout-main-heading-content {
        margin-bottom: 20px
    }

    .logistics-faq-sec-upper-white .patient-bottom-img {
        width: 9%
    }

    .blogs .related-post-content .post-sender-detail {
        bottom: -5%
    }
}

@media (min-width:1400px) and (max-width:1599px) {

    .main-swiper-sec .swiper-button-prev,
    .main-swiper-sec .swiper-rtl .swiper-button-next {
        left: 43%
    }

    .do-you-know-div p,
    .mob-app-card-content p,
    .post-sender-detail .cust-name,
    .post-sender-detail ul li,
    .why-choose-box p {
        font-size: 13px
    }

    .demo-gallery>ul>li a {
        width: 253px
    }

    .common-p {
        font-size: 16px !important
    }

    .android-app-dev-card h5,
    .customer-centric-support ul li p,
    .digital-marketing-services-banner p,
    .digital-sub-banner-card h5,
    .explore-realstate-points p,
    .mob-app-card-content h5,
    .portfolio-card-content p {
        font-size: 18px
    }

    .app-sol-card img {
        margin-top: -61px;
        width: 23%
    }

    .food-inspired-sec .healthcare-new-heading h4,
    .mid-quote-banner-sec h5 {
        font-size: 33px
    }

    .end-to-end-counter-sec ul li p,
    .mid-quote-banner-sec .page-btn-new,
    .realstate-choose-card .feature-title,
    .services-common-banner p,
    .techonologies-we-leverage-sec .tab-pane h5 {
        font-size: 17px
    }

    .best-prog-inner-box p,
    .widget-links li a {
        font-size: 14px !important
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px
    }

    .best-prog-inner-box ul li {
        font-size: 13px;
        width: 46%
    }

    .best-prog-inner-box {
        padding: 40px
    }

    .mob-app-card img {
        height: 356px
    }

    .android-app-dev-card-1::after {
        left: 70%;
        top: 85px
    }

    .android-app-dev-card-3::after {
        left: 73%
    }

    .android-service-process-card {
        min-height: 315px
    }

    .pro-card-icon img {
        width: 50px
    }

    .digital-banner-img img,
    .footer-div-1 img,
    .mob-app-img-desk,
    .pro-card-icon {
        width: 100%
    }

    .techonologies-we-leverage-sec .nav-link {
        font-size: 13px !important;
        margin-right: 4px
    }

    .techonologies-we-leverage-sec {
        padding: 50px 0
    }

    .blog-img-box,
    .newsletter-new-sec img {
        height: 100%
    }

    .android-app-dev-card {
        padding: 25px
    }

    .android-app-dev-card p {
        font-size: 13px;
        text-align: left !important
    }

    .corporate-dedicated-team h5,
    .create-education-app .on-demand-industries-card p,
    .ecom-chose-card-content p,
    .new-ios-service-card p {
        font-size: 15px
    }

    .new-ios-service-card,
    .progressiver-app-dev .new-ios-service-card,
    .tech-stack-sec .new-ios-service-card {
        min-height: 290px
    }

    .progressive-app-dev .android-app-dev-card-2::before {
        left: -146% !important
    }

    .chain-sec-card p,
    .our-dedicated-team-card p,
    .related-post-content .common-p,
    .software-develop-use-case .use-cases-that-beyond-go-card p {
        font-size: 14px
    }

    .software-dev-services-sec .android-app-dev-card-2::before {
        left: -153%;
        display: none
    }

    .software-dev-services-sec .android-app-dev-card {
        min-height: 353px
    }

    .software-dev-services-sec .android-app-dev-card-1::after {
        top: 113px
    }

    .healthacare-investment .better-investment-card,
    .software-app-dev-services .android-service-process-card {
        min-height: 325px
    }

    .software-app-dev-services .pro-card-content p {
        line-height: 24.5px
    }

    .fueling-your-software-sec .fuiling-card p {
        font-size: 16px;
        line-height: 30px
    }

    .fueling-your-software-sec .fuiling-card {
        height: 328px
    }

    .software-dev-services-sec .android-app-dev-card-8::before {
        left: -103%;
        display: none
    }

    .ecomm-website-process .android-app-dev-card-1::after {
        top: 61px;
        left: 70%
    }

    .ecom-fueling-your-software-sec .fuiling-card {
        height: 270px
    }

    .cms-website-process .android-app-dev-card-1::after {
        top: 36px !important
    }

    .saas-website-process .android-app-dev-card-1::after {
        top: 80px !important
    }

    .pro-design-process .android-app-dev-card-1::after {
        top: 102px;
        left: 70%
    }

    .pro-design-dev-serv .service-card-mob-dev {
        padding: 20px 20px 20px 0
    }

    .pro-dev-services .new-ios-service-card {
        min-height: 415px !important
    }

    .erp-website-process .android-app-dev-card-1::after {
        left: 70%;
        top: 101px
    }

    .erp-dedictaed-team .our-dedicated-team-card-line:after {
        bottom: 0;
        top: auto
    }

    .faq-card {
        min-height: 181px
    }

    .ar-vr-website-process .android-app-dev-card-2::before {
        left: -199%
    }

    .ar-vr-website-process .android-app-dev-card-1::after {
        left: 70%;
        top: 127px !important
    }

    .best-prog-inner-box h3 {
        font-size: 27px
    }

    .ecom-web-app .use-cases-that-beyond-go-card {
        min-height: 345px
    }

    .ecom-dedicated-team .our-dedicated-team-card p {
        font-size: 13px;
        text-align: left;
        padding-left: 15px
    }

    .ecom-web-dev-services .new-ios-service-card {
        min-height: 365px
    }

    .corporate-dedicated-team .our-dedicated-team-card p {
        font-size: 13px;
        line-height: 21px
    }

    .case-studeis-card {
        margin-bottom: 100px
    }

    .case-blue-band {
        padding: 15px
    }

    .seo-related-div td {
        line-height: 35px;
        font-size: 13px
    }

    .portfolio-card-content h3,
    .seo-sm-box p,
    .ui-ux-heading-new span {
        font-size: 30px
    }

    .digital-marketing-services-banner h1 {
        font-size: 65px
    }

    .opac-heading span {
        font-size: 36px
    }

    .digital-why-choose-us ul li {
        width: 45%
    }

    .digital-counter-card {
        padding: 20px 25px
    }

    .digital-services-card p,
    .food-idustry-banner ul li,
    .food-inspired-sec h6 {
        font-size: 20px
    }

    .ui-ux-banner-services-banner h1 {
        font-size: 60px;
        line-height: 67px
    }

    .ui-ux-banner-services-banner p {
        font-size: 26px;
        font-weight: 600;
        margin-top: 17px;
        line-height: 46px
    }

    .ui-ux-heading-new {
        font-size: 30px;
        line-height: 41px
    }

    .business-sucess-sec p {
        line-height: 41px;
        font-size: 21px
    }

    .android-common-p {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 27px
    }

    .mob-dev-serv-sec .common-p {
        font-size: 15px;
        line-height: 31px
    }

    .counter-sec .app-dev-heading {
        font-size: 33px !important;
        margin-bottom: 30px
    }

    .why-choose-points p {
        line-height: 39px
    }

    .secret-sauce-box p {
        font-size: 18px;
        line-height: 30px
    }

    .secret-sauce-box {
        min-height: 319px
    }

    .pro-design-process .android-app-dev-card-2::before {
        left: -195%
    }

    .testi-card p {
        font-size: 15px;
        line-height: 1.5
    }

    .testi-card {
        min-height: 259px
    }

    .software-development-banner .form-card .banner-btn-2 {
        font-size: 15px !important
    }

    .software-development-banner h1 {
        font-size: 40px;
        line-height: 50px
    }

    .software-development-banner .captcha-input {
        margin: 0
    }

    .domain-hosting-management {
        min-height: 500px
    }

    .app-sol-card {
        min-height: 311px;
        margin-top: 50px !important
    }

    .service-card-mob-dev {
        min-height: 505px !important
    }

    .progressive-web-app .use-cases-that-beyond-go-card {
        min-height: 272px !important
    }

    .seo-package-card {
        min-height: 3132px
    }

    .ios-services-sec .android-app-dev-card-3::after,
    .software-dev-services-sec .android-app-dev-card-3::after {
        left: 70%
    }

    .crm-website-process .android-app-dev-card-1::after {
        top: 146px !important
    }

    .crm-develop-use-case .use-cases-that-beyond-go-card {
        min-height: 460px
    }

    .erp-web-app .use-cases-that-beyond-go-card {
        min-height: 430px !important
    }

    .erp-app-dev-services .new-ios-service-card {
        min-height: 406px
    }

    .ar-vr-web-app .use-cases-that-beyond-go-card {
        min-height: 425px !important
    }

    .offer-banner {
        padding: 100px 0
    }

    .better-investment-card {
        min-height: 355px
    }

    .healthcare-sucess-with-us-sec h5 {
        line-height: 42px
    }

    .healthcare-banner-vector {
        top: 68%
    }

    .new-related-post-sec {
        padding: 50px 0 0 !important
    }

    .related-post-content .blue-text {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 5px
    }

    .blog-img-box img {
        height: 180px
    }

    .related-post-card img {
        height: 386px
    }

    .post-sender-detail img {
        height: auto !important
    }

    .ban-search input {
        padding-right: 0 !important
    }

    .related-post-card .related-post-content {
        min-height: 178px !important
    }

    .layout-main-heading,
    .post-sender-detail {
        margin-bottom: 0;
        line-height: 53px
    }

    .industries-new-banner h1,
    .industries-new-banner h3 {
        font-size: 35px
    }

    .allblog-heading h1 {
        font-size: 35px;
        text-align: center
    }

    .industries-new-banner p {
        font-size: 21px;
        line-height: 37px
    }

    .education-app-heading p {
        font-size: 15px;
        line-height: 26px
    }

    .edu-app-dev-everyone ul li {
        font-size: 18px;
        line-height: 58px
    }

    .different-consultation-sec .on-demand-industries-card span {
        font-size: 14px;
        line-height: 23px;
        margin-top: 10px !important;
        display: block
    }

    .chain-sec-card h6,
    .discuss-expert-card h5,
    .edu-app-dev-everyone-2 h3 {
        font-size: 25px
    }

    .pro-card-content p {
        line-height: 22.5px
    }

    .layout-main-heading-content {
        margin-bottom: 30px
    }

    .passion-sec iframe {
        height: 324px
    }

    .our-partners-sec .col-md-2 {
        margin: 0 14px
    }

    .video-testi-mySwiper {
        padding: 0 0 30px
    }

    .testi-mySwiper .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important
    }

    .widget-links-new li svg {
        margin-top: 4px
    }

    .testimonial-sec .swiper-wrapper {
        padding-bottom: 50px
    }

    .client-img img {
        width: 50px;
        height: 50px
    }

    .about-paragraph {
        margin-bottom: 37px
    }

    .main-about-banner {
        padding: 96px 0 133px !important
    }

    .priority-heading {
        margin-bottom: 0
    }

    .success-text form {
        margin-right: 127px
    }

    .techonologies-we-leverage-sec .nav-tabs {
        margin-top: 20px
    }

    .tech-mySwiper {
        width: 1200px
    }

    .common-p,
    .digital-portfolio-sec ul li,
    .faq-sec .common-p,
    .food-app-for-food-busi ul li,
    .product-design-faq .faq-card p {
        line-height: 26px
    }

    .app-dev-banner p {
        font-size: 21px;
        line-height: 33px
    }

    .service-main-heading {
        font-size: 32px !important;
        line-height: 39px !important
    }

    .new-expert-major-sec-box {
        margin-top: 30px
    }

    .new-web-app-sol .app-sol-card {
        margin-top: 50px !important
    }

    .react-banner h1 {
        font-size: 73px;
        line-height: 83px
    }

    .react-banner p {
        line-height: 34px
    }

    .tec-tab-card img {
        width: 69%
    }

    .healthcare-new-heading p,
    .ui-ux-sub-p {
        line-height: 27px
    }

    .opac-heading p,
    .ui-ux-faq .faq-card p {
        line-height: 29px
    }

    .ui-ux-faq .faq-card {
        min-height: 195px
    }

    .pro-design-dev-serv .service-card-mob-dev p {
        text-align: left
    }

    .service-card-mob-dev p {
        font-size: 14px;
        line-height: 25px
    }

    .service-card-mob-dev h5 {
        font-size: 19px
    }

    .mob-dev-serv-sec .service-card-mob-dev {
        min-height: 446px !important
    }

    .product-design-faq .faq-card {
        min-height: 202px
    }

    .ecom-faq-sec .faq-card {
        min-height: 210px
    }

    .corporate-faq-sec .faq-card {
        min-height: 231px
    }

    .cms-faq-sec .faq-card {
        min-height: 191px
    }

    .saas-faq-sec .faq-card {
        min-height: 189px
    }

    .web-dev-serv-sec .service-card-mob-dev {
        min-height: 475px !important
    }

    .web-dev-faq .faq-card {
        min-height: 217px
    }

    .we-expertise-in-sec .seo-main-heading {
        margin-bottom: 0 !important
    }

    .discuss-expert-card p {
        line-height: 30px
    }

    .mobile-dev-faq .faq-card {
        min-height: 220px
    }

    .ios-faq-sec .faq-card,
    .react-faq-sec .faq-card {
        min-height: 223px
    }

    .react-services-sec .android-app-dev-card-2::before {
        left: -113% !important
    }

    .react-services-sec .android-app-dev-card-1::after {
        top: 85px
    }

    .progressive-app-dev .android-app-dev-card-1::after {
        top: 54px
    }

    .progressive-app-dev-faq .faq-card {
        min-height: 193px
    }

    .software-faq-sec .faq-card {
        min-height: 221px
    }

    .digital-faq .faq-card {
        min-height: 216px
    }

    .feature-content .banner-btn-2 img,
    .start-journey-sec .banner-btn-2 img {
        margin-left: 20px
    }

    .mobility-solution-sec {
        margin-top: 100px
    }

    .doctor-healthcare-faq-sec .accordion-button {
        font-size: 17px;
        line-height: 9px
    }

    .healthcare-new-heading h4 {
        line-height: 51px
    }

    .education-faq-sec .faq-card {
        min-height: 235px
    }

    .ecomerce-app-dev-sol-sec ul li {
        font-size: 16px;
        width: 218px
    }

    .ecom-chose-card img {
        height: 284px
    }

    .ecom-chose-card-content img {
        height: auto
    }

    .intergration-partners-sec ul {
        width: 268px;
        margin-right: 16px
    }

    .intergration-partners-sec ul li,
    .new-about-card p {
        font-size: 16px
    }

    .more-feature-for-online-ecom-store .healthcare-new-heading h4 br {
        display: none
    }

    .more-feature-for-online-ecom-store ul {
        width: 260px
    }

    .food-idustry-banner h3 {
        font-size: 38px;
        line-height: 49px
    }

    .food-inspired-comment p {
        line-height: 35px
    }

    .launch-food-card-1 h5 {
        font-size: 26px
    }

    .launch-food-card-1 p {
        font-size: 12px
    }

    .chain-sec-card {
        min-height: 511px
    }

    .food-tech-card {
        min-height: 286px
    }

    .food-industry-faq-sec .faq-card {
        min-height: 224px
    }

    .new-related-post-sec .post-sender-detail {
        bottom: 0
    }

    .food-industry-page .healthcare-new-heading h4 {
        font-size: 34px
    }

    .digital-marketing-services-banner {
        min-height: 562px
    }

    .more-education-feature .android-service-process-card {
        min-height: 242px !important
    }

    .need-andr-dev-card {
        min-height: 368px
    }

    .hire-dev-content-card {
        min-height: 606px
    }

    .explore-realstate-points p img {
        width: 15px
    }

    .need-realstate-card {
        min-height: 236px
    }

    .realstate-choose-card {
        min-height: 270px
    }

    .realstate-tabs-sec h3 {
        font-size: 29px
    }

    #backToTop {
        right: 7% !important
    }

    .services-common-banner h3 {
        line-height: 43px;
        font-size: 35px
    }

    .new-about-card h5 {
        font-size: 24px
    }

    .new-about-card h6 {
        font-size: 22px
    }

    .new-card-div-2::before {
        width: 1323px
    }

    .new-about-us .layout-main-heading {
        font-size: 40px
    }
}

@media screen and (max-width:1599px) {
    .mob-app-card-content p br {
        display: none
    }

    .blog-text-box .related-post-content {
        padding: 10px 20px 10px 0;
        min-height: auto !important
    }

    .blog-img-box img {
        height: 180px !important
    }

    .related-post-card {
        min-height: auto !important
    }

    .lst_sec .related-post-content {
        min-height: 173px !important
    }

    .related-post-card .related-post-content {
        min-height: 208px !important
    }

    .post-sender-detail {
        bottom: 0;
        margin-bottom: 20px
    }

    .lst_sec .blg_banimg {
        height: 204px
    }

    .lst_sec .post-sender-detail {
        margin-bottom: 25px
    }
}

@media screen and (max-width:1500px) {
    .exprt-with-major-box span img {
        height: 67px !important
    }
}

@media screen and (max-width:1440px) {
    .healthcare-sucess-with-us-sec img {
        margin: -165px 0
    }

    .related-post-card .related-post-content {
        min-height: 168px !important
    }

    .blog-img-box img {
        height: 181px !important
    }

    .post-sender-detail {
        bottom: -11px;
    }

    .logistics-business .better-investment-card {
        min-height: 261px
    }

    .uber-app-page .uber-features-sec .better-investment-card {
        min-height: 305px
    }

    .clone-process-card h5,
    .stream-process-card:hover h3 {
        font-size: 21px
    }

    .sing_blg .cust-name::after {
        top: 10px
    }

    .menu-service-card {
        margin-right: 0 !important
    }

    .sub-menu .mt-5 {
        margin-top: 2rem !important
    }

    .sing_blg {
        overflow-y: visible !important
    }

    .new-contact-us-banner h1 {
        font-size: 33px;
        line-height: 41px
    }

    .connect-expert-card {
        padding: 30px 0
    }

    .connect-expert-card i {
        font-size: 34px
    }

    .expect-card h5,
    .food-ap-sol-card h5 {
        font-size: 19px
    }

    .expect-card {
        min-height: 431px
    }

    .internal.contact-us .main-contact-us-banner {
        padding-top: 160px !important;
        padding-left: 73px !important
    }

    .new-contact-banner-form h3 {
        margin-bottom: 0;
        font-size: 25px
    }

    .new-contact-banner-form .get-in-touch-form .captcha-div {
        margin: 0 !important
    }

    .new-contact-banner-form .form-card {
        margin: 0
    }

    .new-contact-banner-form .get-in-touch-form input {
        height: 48px !important
    }

    .new-contact-banner-form .captcha-div input {
        height: 45px !important
    }

    .new-contact-banner-form .check-div label,
    .tech-badge {
        font-size: 13px
    }

    .new-contact-banner-form .submit-btn {
        height: 39px !important;
        margin-bottom: 16px;
        font-size: 15px
    }

    .new-contact-banner-form .check-div {
        margin-bottom: 6px
    }

    .new-contact-banner-form {
        padding: 13px 20px
    }

    .new-contact-us-banner .new-partners-slider p {
        padding-right: 35px
    }

    .new-contact-banner-form .check-div input {
        height: 24px !important
    }

    .classi-vect-2 {
        top: 6%;
        left: 46%
    }

    .how-classy-website-work-sec .on-demand-industries-card p {
        font-size: 15px
    }

    .why-choose-classy-sol li {
        font-size: 15px;
        font-weight: 500
    }

    .classified-page .better-investment-card {
        padding: 25px 20px;
        min-height: 327px
    }

    .launch-ready-classy-app p {
        line-height: 33px
    }

    .classified-page .more-education-feature .android-service-process-card {
        padding: 30px 15px
    }

    .hire-digital-expert .hire-dev-content-card {
        min-height: 648px
    }

    .hire-android-app-devs-banner h1 {
        font-size: 48px
    }

    .hire-full-stack-cards .new-ios-service-card {
        min-height: 354px
    }

    .why-need-full-stack-dev .need-andr-dev-card {
        min-height: 414px
    }

    .hire-blockchain-dev-page .better-investment-card {
        min-height: 375px
    }

    .healthcare-new-heading h4 {
        line-height: 38px;
        font-size: 30px
    }

    .classy-what-new-sec ul li {
        font-size: 19px;
        margin-top: 34px
    }

    .new-main-heading {
        font-size: 50px
    }

    .tech-card {
        min-height: 270px
    }

    .indus-innov-card {
        min-height: 454px
    }

    .christmas-gif-div {
        top: 8%
    }

    .stream-process-card h3 {
        font-size: 18px
    }

    .single-post p {
        font-size: 19px;
        /* line-height: 33px; */
    }

    .sing-right-box p {
        line-height: 22px !important;
        font-size: 15px !important;
    }

    .bg-map-img {
        left: 23%;
        top: 28%;
    }

    .get-in-touch-sec .contact-us-banner-content p {
        line-height: 28px;
        font-size: 16px;
    }

    .get-in-touch-sec .contact-us-banner-content ul li {
        font-size: 18px;
    }

    .get-in-touch-sec h1 {
        font-size: 36px;
        line-height: 50px;
    }

    .new-get-in-touch-design h4 {
        font-size: 27px;
    }

    .get-in-touch-form .form-card input::placeholder {
        font-size: 16px;
    }

    .get-in-touch-form .form-card textarea::placeholder {
        font-size: 16px;
    }

    .new-get-in-touch-design {
        padding: 20px 27px 15px 34px;
    }

    .get-in-touch-sec .col-lg-5 {
        width: 43.66666667% !important;
    }

    .new-mobile-banner .container-fluid {
        margin-left: 0 !important;
    }

    .mbf-feature-item {
        padding: 35px 27px;
    }

    .blue-cta-content h2 {
        font-size: 44px;
        margin-bottom: 20px !important;
        line-height: 54px;
    }

    .how-build-tabs-link.is-selected {
        font-size: 15px;
    }

    .blue-cta-content p {
        font-size: 20px !important;
    }

    .ios-tab-media-box {
        min-height: 824px;
    }

    .how-build-tabs-list {
        gap: 4px;
    }

    .phase-col h4 {
        margin-bottom: 14px;
    }

    .tech-icons-row {
        gap: 20px;
    }

    .testimonial-hover-popup {
        width: 282px;
    }

    .testimonial-hover-popup .testimonial-text {
        font-size: 16px;
    }

    .new-mobile-dev-page .new-faq-sec {
        padding-top: 100px;
    }

    .new-mobile-industries .on-demand-industries-hover-desc p {
        font-size: 14px !important;
    }

    .new-mobile-industries .on-demand-industries-hover-desc h5 {
        font-size: 18px;
    }

    .mobile-next-gen-sec .next-gen-accordion .accordion-button {
        font-size: 19px;
    }

    .new-mobile-banner {
        padding-top: 50px;
    }

    .new-mobile-dev-page .uae-exp-lead-text {
        line-height: 30px;
    }

    .uae-exp-heading {
        font-size: 49px;
    }
}

@media screen and (max-width:1399px) {

    .main-swiper-sec .swiper-button-prev,
    .main-swiper-sec .swiper-rtl .swiper-button-next {
        left: 40%
    }

    .ecomm-website-process .android-app-dev-card-1::after {
        top: 10px
    }

    .digital-marketing-services-banner p,
    .fuiling-card p,
    .mid-quote-banner-sec .page-btn-new {
        font-size: 16px
    }

    .grow-innov-card h5,
    .mid-quote-banner-sec h5,
    .opac-heading span,
    .portfolio-card-content h3,
    .seo-sm-box p {
        font-size: 30px
    }

    .app-sol-card {
        min-height: 300px
    }

    .best-prog-inner-box ul li {
        width: 44%
    }

    .app-dev-banner h1 {
        font-size: 60px;
        line-height: 88px
    }

    .app-dev-banner p {
        font-size: 18px;
        margin-bottom: 35px;
        line-height: 31px
    }

    .form-header p,
    .software-development-banner .form-select {
        margin-bottom: 0
    }

    .android-app-dev-card-1::after {
        left: 68.4%;
        top: 60px
    }

    .android-app-dev-card-3::after {
        left: 68%
    }

    .our-dedicated-team-card p {
        font-size: 13px;
        padding-right: 10px
    }

    .android-service-process-card {
        min-height: 250px
    }

    .digital-banner-img img,
    .pro-card-icon {
        width: 100%
    }

    .pro-card-icon img {
        width: 50px;
        min-width: 50px
    }

    .techonologies-we-leverage-sec .nav-link {
        font-size: 11px
    }

    .end-to-end-counter-sec ul,
    .techonologies-we-leverage-sec .nav-tabs {
        justify-content: center
    }

    .customer-centric-support ul li p,
    .stream-process-card h3,
    .techonologies-we-leverage-sec .tab-pane h5 {
        font-size: 18px
    }

    .newsletter-new-sec img {
        height: 100%
    }

    .android-app-dev-card p {
        font-size: 12px
    }

    .android-app-dev-card {
        padding: 25px
    }

    .ios-services-sec .android-app-dev-card-1::after {
        top: 64px
    }

    .ios-services-sec .android-app-dev-card-2::before {
        left: -158%
    }

    .android-app-dev-card h5,
    .captcha-input,
    .new-ios-service-card p {
        font-size: 15px
    }

    .new-ios-service-card {
        min-height: 257px
    }

    .corporate-dedicated-team .our-dedicated-team-card h5,
    .do-you-know-div p,
    .form-card span,
    .form-header p,
    .post-sender-detail .cust-name,
    .post-sender-detail ul li,
    .service-card-mob-dev p {
        font-size: 13px
    }

    .react-services-sec .android-app-dev-card-2::before {
        left: -130% !important
    }

    .software-development-banner h1 {
        font-size: 39px;
        line-height: 45px
    }

    .software-development-banner p {
        font-size: 16px;
        line-height: 31px
    }

    .form-card input::placeholder {
        font-size: 12px
    }

    .form-card textarea::placeholder {
        font-size: 12px
    }

    .form-card .banner-btn-2 {
        font-size: 15px !important
    }

    .form-card p {
        font-size: 12px !important;
        margin-bottom: 10px
    }

    .app-dev-heading {
        font-size: 30px !important;
        line-height: 43px !important
    }

    .software-develop-use-case .use-cases-that-beyond-go-card p,
    .why-choose-card p {
        font-size: 12px
    }

    .fueling-your-software-sec .fuiling-card {
        height: 335px
    }

    .fueling-your-software-sec .fuiling-card p {
        font-size: 15px;
        line-height: 27px
    }

    .software-faq-sec .faq-card {
        min-height: 263px
    }

    .ecom-web-app .use-cases-that-beyond-go-card {
        min-height: 337px !important
    }

    .ecom-fueling-your-software-sec .fuiling-card {
        height: 250px !important
    }

    .ecom-dedicated-team .our-dedicated-team-card p {
        font-size: 13px;
        line-height: 21px;
        text-align: justify;
        margin-top: 10px
    }

    .ecom-web-dev-services .new-ios-service-card {
        min-height: 334px
    }

    .corporate-website-process .android-app-dev-card-1::after {
        top: 12px
    }

    .crm-website-process .android-app-dev-card-1::after {
        top: 104px !important
    }

    .better-investment-card .better-top-row span,
    .ecom-dedicated-team .our-dedicated-team-card h5 {
        font-size: 14px
    }

    .pro-design-process .android-app-dev-card-1::after {
        top: 102px
    }

    .pro-design-process .android-app-dev-card-2::before {
        left: -210%
    }

    .erp-website-process .android-app-dev-card-1::after {
        top: 79px
    }

    .erp-web-app .use-cases-that-beyond-go-card {
        min-height: 402px !important
    }

    .erp-app-dev-services .new-ios-service-card {
        min-height: 407px
    }

    .erp-fueling-your-software-sec .fuiling-card {
        height: 361px !important
    }

    .best-prog-inner-box p {
        font-size: 13px !important;
        line-height: 27px !important
    }

    .pro-design-dev-serv .common-p {
        line-height: 27px
    }

    .pro-design-dev-serv .service-card-mob-dev p {
        text-align: left;
        line-height: 26px
    }

    .pro-design-dev-serv .service-card-mob-dev {
        padding: 12px;
        min-height: 447px
    }

    .portfolio-card-content p,
    .pro-design-dev-serv .service-card-mob-dev h5 {
        font-size: 17px
    }

    .contact-us-heading {
        font-size: 28px
    }

    .digital-marketing-services-banner h1 {
        font-size: 60px;
        line-height: 66px
    }

    .digital-marketing-services-banner {
        min-height: auto
    }

    .digital-why-choose-us ul li {
        width: 45%
    }

    .digital-counter-card {
        padding: 20px
    }

    .digital-services-card p {
        font-size: 20px
    }

    .digital-services-card img {
        width: 90px
    }

    .digital-services-card {
        min-height: 298px
    }

    .banner-btn-2 {
        padding: 15px 26px
    }

    .digital-team-experts .banner-btn-2 {
        font-size: 14px !important
    }

    .ptb-70 {
        padding: 50px 0
    }

    .digital-portfolo-card {
        margin: 50px 0
    }

    .seo-sem-sec {
        padding-top: 0
    }

    .seo-sm-card {
        padding: 40px 90px
    }

    .ui-ux-portfolio-sec-2 {
        padding-top: 50px
    }

    .ui-ux-portfolio-sec-2 .app-dev-heading {
        margin-top: 0
    }

    .software-development-banner .form-card {
        padding: 0 10px
    }

    .software-development-banner input {
        padding-bottom: 8px !important
    }

    .end-to-end-tech-content h5 {
        font-size: 25px
    }

    .feature-big-img {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 20px !important
    }

    .features-sec .mobile-img,
    .post-sender-detail {
        display: block
    }

    .android-common-p br,
    .features-sec .desktop-img {
        display: none
    }

    .tech-stack-sec .new-ios-service-card {
        min-height: 368px
    }

    .better-investment-card {
        min-height: 370px;
        padding: 25px 20px
    }

    .testi-card {
        margin: 10px;
        min-height: 295px
    }

    .testi-card p {
        font-size: 13px;
        font-weight: 400
    }

    .related-post-card {
        min-height: 513px !important
    }

    .related-post-content .blue-text {
        font-size: 13px;
        margin: 0
    }

    .related-post-content .common-p {
        font-size: 13px !important
    }

    .blog-img-box img {
        height: 166px !important
    }

    .post-sender-detail img {
        height: auto !important
    }

    .lst_sec .related-post-card {
        min-height: 355px !important
    }

    .lst_sec .blg_banimg {
        height: 200px
    }

    .related-post-content {
        padding: 10px 20px
    }

    .digital-sub-banner-card h5 {
        font-size: 19px
    }

    .counter-sec .app-dev-heading {
        margin-bottom: 20px
    }

    .product-design-faq .faq-card {
        min-height: 232px
    }
}

@media (min-width:1300px) and (max-width:1398px) {
    .why-choose-box p {
        font-size: 13px !important;
        line-height: 24px !important
    }

    .header {
        padding-right: 15px !important
    }

    .demo-gallery>ul>li a,
    .footer-div-1 img {
        width: 100%
    }

    .best-prog-inner-box ul li {
        width: 46%;
        font-size: 12px
    }

    .best-prog-inner-box {
        padding: 40px
    }

    .android-app-dev-card h5,
    .captcha-input,
    .page-btn-new {
        font-size: 15px
    }

    .service-main-heading {
        font-size: 30px !important;
        line-height: 37px !important
    }

    .common-p {
        font-size: 16px !important
    }

    .app-sol-card,
    .software-dev-services-sec .android-app-dev-card {
        min-height: 312px
    }

    .best-prog-inner-box ul {
        padding: 0;
        margin-bottom: 15px
    }

    .best-prog-inner-box h3 {
        font-size: 25px
    }

    .new-web-app-sol .app-sol-card {
        min-height: 310px
    }

    .mob-app-card-content h5 {
        font-size: 17px
    }

    .pro-card-content p,
    .progressive-app-dev .android-app-dev-card h5 {
        font-size: 14px
    }

    .progressive-app-dev .android-app-dev-card-1::after {
        top: 52px
    }

    .progressive-web-app .use-cases-that-beyond-go-card {
        min-height: 276px
    }

    .progressiver-app-dev .new-ios-service-card {
        min-height: 241px
    }

    .progressive-app-dev-faq .faq-card {
        min-height: 270px
    }

    .software-development-banner h1 {
        font-size: 39px;
        line-height: 45px
    }

    .form-card span,
    .form-header p,
    .new-ios-service-card p {
        font-size: 13px
    }

    .software-development-banner .form-header p {
        line-height: 22px !important
    }

    .form-header p {
        margin-bottom: 0
    }

    .form-card input::placeholder {
        font-size: 12px
    }

    .form-card textarea::placeholder {
        font-size: 12px
    }

    .form-card .banner-btn-2 {
        font-size: 15px !important
    }

    .form-card p {
        font-size: 12px !important;
        margin-bottom: 10px
    }

    .app-dev-heading {
        font-size: 30px !important;
        line-height: 43px !important
    }

    .software-develop-use-case .use-cases-that-beyond-go-card p {
        font-size: 12px
    }

    .fueling-your-software-sec .fuiling-card {
        height: 335px
    }

    .fueling-your-software-sec .fuiling-card p {
        font-size: 15px;
        line-height: 27px
    }

    .software-faq-sec .faq-card {
        min-height: 263px
    }

    .pro-design-banner p {
        padding: 0 50px;
        line-height: 35px
    }

    .mob-app-card img {
        width: 100%;
        height: 401px
    }

    .ecomm-website-process .android-app-dev-card p {
        font-size: 11px !important;
        line-height: 20px !important
    }

    .ecomm-website-process .android-app-dev-card-1::after {
        top: 108px !important
    }

    .ecom-web-app .use-cases-that-beyond-go-card h5 {
        font-size: 16px
    }

    .ecom-dedicated-team .our-dedicated-team-card p {
        font-size: 11px;
        text-align: left
    }

    .ecom-dedicated-team .our-dedicated-team-card {
        padding: 0 10px !important
    }

    .corporate-website-process .android-app-dev-card-1::after {
        top: 12px
    }

    .cms-faq-sec .faq-card {
        min-height: 221px
    }

    .saas-faq-sec .faq-card {
        min-height: 230px !important
    }

    .android-faq-sec .faq-card {
        min-height: 193px
    }

    .new-ios-service-card {
        min-height: 236px
    }

    .android-app-dev-card img {
        height: 36px
    }

    .saas-website-process .android-app-dev-card h5 {
        font-size: 14px !important
    }

    .react-services-sec .android-app-dev-card-1::after {
        top: 50px
    }

    .new-ios-service-card h5 {
        font-size: 17px;
        line-height: 25px
    }

    .software-dev-services-sec .android-app-dev-card-1::after {
        top: 70px;
        left: 68%
    }

    .erp-website-process .android-app-dev-card img {
        height: 35px
    }

    .erp-website-process .android-app-dev-card-1::after {
        top: 65px !important
    }

    .erp-app-dev-services .new-ios-service-card {
        min-height: 398px
    }

    .erp-faq-sec .faq-card {
        min-height: 205px
    }

    .ar-vr-website-process .android-app-dev-card-1::after {
        top: 127px;
        left: 68%
    }

    .ar-vr-website-process .android-app-dev-card-2::before {
        left: -203%
    }

    .android-app-dev-card-2::before {
        left: -210%
    }

    .ar-vr-web-app .use-cases-that-beyond-go-card {
        min-height: 431px
    }
}

@media screen and (max-width:1366px) {
    .related-post-card img {
        height: 381px
    }

    .blog-text-box .related-post-content {
        padding: 10px 0
    }

    .ui-ux-banner-services-banner h1 {
        font-size: 62px;
        line-height: 64px
    }

    .ui-ux-banner-services-banner p {
        font-size: 22px;
        line-height: 37px
    }

    .create-realstate-app-card p,
    .food-industry-page .healthcare-new-heading p,
    .hire-dev-content-card ul li,
    .more-feature-for-online-ecom-store ul li h6,
    .pro-design-dev-serv .service-card-mob-dev h5 {
        font-size: 15px
    }

    .ecom-web-app .use-cases-that-beyond-go-card {
        min-height: 355px !important
    }

    .ecom-dedicated-team .our-dedicated-team-card h5 {
        font-size: 13px !important
    }

    .android-app-dev-card h5 {
        font-size: 16px;
        text-transform: capitalize
    }

    .new-ios-service-card {
        min-height: 273px
    }

    .android-faq-sec .faq-card,
    .food-industry-faq-sec .faq-card,
    .progressive-app-dev-faq .faq-card {
        min-height: 222px
    }

    .food-tech-card,
    .tech-stack-sec .new-ios-service-card {
        min-height: 285px
    }

    .better-investment-card {
        min-height: 342px !important
    }

    .related-post-card {
        min-height: 424px !important
    }

    .web-dev-serv-sec .service-card-mob-dev {
        min-height: 492px
    }

    .new-web-major-card {
        min-height: 404px
    }

    .emerg-tech-card,
    .realstate-choose-card {
        min-height: 294px
    }

    .allblog-heading h1,
    .app-dev-heading span,
    .industries-new-banner h1,
    .industries-new-banner h3 {
        font-size: 30px
    }

    .industries-new-banner p {
        font-size: 20px;
        line-height: 31px
    }

    .banner-btn-2 {
        font-size: 15px !important
    }

    .education-app-heading h3,
    .realstate-tabs-sec h3 {
        font-size: 29px
    }

    .education-app-heading p,
    .new-about-card p {
        font-size: 14px;
        line-height: 25px
    }

    .edu-app-dev-everyone ul li {
        font-size: 16px;
        line-height: 49px
    }

    .edu-app-dev-everyone ul p {
        font-size: 13px;
        line-height: 23px
    }

    .ecom-chose-card-content p,
    .feature-realstate-card p,
    .intergration-partners-sec ul li,
    .new-contact-banner-form .captcha-div span,
    .on-demand-industries-card p,
    .widget-links li a {
        font-size: 14px
    }

    .different-consultation-sec .on-demand-industries-card span {
        font-size: 14px;
        line-height: 23px
    }

    .edu-app-dev-everyone-2 h3,
    .food-idustry-banner ul li {
        font-size: 22px
    }

    .more-education-feature .android-service-process-card {
        min-height: 252px !important
    }

    .popup-modal .modal-dialog {
        max-width: 785px;
        margin: 4.75rem auto
    }

    .layout-main-heading,
    .layout-main-heading-content {
        margin-bottom: 30px
    }

    .passion-sec iframe {
        height: 307px;
        border-radius: 10px
    }

    .counter-card .counter,
    .mid-banner-sec-realstate h5 {
        font-size: 37px
    }

    .explore-realstate-points p,
    .innovative-sol-card h2,
    .mid-banner-sec-realstate button {
        font-size: 18px
    }

    .our-partners-sec img {
        width: 100% !important
    }

    .testi-card p {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.5
    }

    .testi-card {
        min-height: 268px
    }

    .video-testi-mySwiper {
        padding-bottom: 30px
    }

    .testi-mySwiper .swiper-pagination-bullet,
    .video-testi-mySwiper .swiper-pagination-bullet {
        width: 6px;
        height: 6px
    }

    .testimonial-sec .swiper-wrapper {
        padding-bottom: 50px
    }

    .all-client-review-sec .layout-main-heading,
    .food-idustry-banner h3 {
        font-size: 41px;
        line-height: 56px
    }

    .digital-counter-card .digital-counter-text h6,
    .get-in-touch-sec h5,
    .launch-food-card-1 h5 {
        font-size: 24px
    }

    .widget-links li svg {
        margin-top: 5px
    }

    .about-paragraph {
        margin-bottom: 36px
    }

    .main-about-banner {
        padding: 97px 0 133px !important
    }

    .about-us-sec .layout-main-heading {
        font-size: 39px
    }

    .core-team-card h3 {
        font-size: 19px;
        margin-bottom: 5px
    }

    .case-blue-band ul li,
    .clone-process-card p,
    .digital-expert-card h5,
    .feature-realstate-card h3,
    .various-busi-model .clone-process-card p {
        font-size: 16px
    }

    .case-study-detail-card {
        left: 35%;
        width: 65%;
        padding: 25px 20px
    }

    .chain-sec-card p,
    .need-realstate-card p,
    .seo-related-div td,
    .single-service-vcard .content p {
        font-size: 13px
    }

    .ui-ux-heading-new {
        font-size: 32px;
        line-height: 40px
    }

    .classified-page .insudtry-logistics-banner h1,
    .ui-ux-heading-new span {
        font-size: 32px
    }

    .digital-counter-card {
        height: 100%
    }

    .secret-sauce-box p {
        font-size: 19px;
        line-height: 31px
    }

    .secret-sauce-box {
        min-height: 357px
    }

    .faq-sec {
        margin-bottom: 24px;
        line-height: 27px
    }

    .discuss-expert-card p,
    .opac-heading p {
        line-height: 26px
    }

    .android-common-p {
        font-size: 16px;
        line-height: 28px
    }

    .common-p {
        line-height: 29px
    }

    .pro-design-banner p {
        line-height: 31px
    }

    .cms-website-process .android-app-dev-card-1::after {
        top: 59px !important
    }

    .digital-market-sub-heading h2 {
        margin-bottom: 0
    }

    .discuss-expert-card h5 {
        font-size: 25px
    }

    .software-app-dev-services .android-service-process-card {
        min-height: 302px
    }

    .software-faq-sec .faq-card {
        min-height: 229px
    }

    .digital-why-choose-us ul li:nth-child(4) {
        margin-top: -68px
    }

    .ecomerce-app-dev-sol-sec ul li {
        font-size: 15px;
        width: 205px
    }

    .ecom-chose-card-content {
        padding: 0 10px;
        top: 40px
    }

    .intergration-partners-sec ul,
    .more-feature-for-online-ecom-store ul {
        width: 240px
    }

    .more-feature-for-online-ecom-store .healthcare-new-heading h4 br {
        display: none
    }

    .ecom-chose-card-content img {
        height: auto;
        width: 30px
    }

    .post-sender-detail {
        bottom: 0
    }

    #toc {
        width: 100%
    }

    .food-banner-vect-4 {
        width: 20%
    }

    .food-banner-vect-9 {
        width: 16%
    }

    .food-banner-vect-8 {
        width: 17%
    }

    .food-banner-vect-3 {
        width: 15%
    }

    .food-banner-vect-7 {
        width: 8%
    }

    .food-banner-vect-6 {
        width: 5%
    }

    .food-banner-vect-5 {
        width: 13%
    }

    .food-app-for-food-busi ul li {
        line-height: 28px
    }

    .food-inspired-sec h6,
    .how-isynbus-help-busi h6,
    .new-contact-banner-form h3,
    .stream-process-card:hover h3,
    .uber-app-page .on-demand-industries-card p {
        font-size: 20px
    }

    .food-industry-page .healthcare-new-heading h4 {
        font-size: 29px;
        line-height: 44px
    }

    .food-inspired-comment p {
        line-height: 33px
    }

    .launch-food-card-1 p {
        font-size: 12px;
        line-height: 25px
    }

    .chain-sec-card h6 {
        font-size: 23px;
        line-height: 34px
    }

    .chain-sec-card {
        min-height: 496px
    }

    .explore-realstate-points p img {
        width: 15px
    }

    .need-realstate-card {
        min-height: 236px
    }

    .realstate-choose-card .feature-title {
        font-size: 17px
    }

    .how-isynbus-help-busi p {
        font-size: 15px;
        line-height: 33px
    }

    .real-state-app-sol-card .overlay h2,
    .real-state-app-sol-card .overlay p {
        font-size: 19px
    }

    .feature-realstate-card {
        min-height: 290px
    }

    .mid-banner-sec-realstate button img {
        width: 10px
    }

    .healthcare-new-heading h4 {
        font-size: 34px
    }

    .hire-mobile-dev-cards .better-investment-card,
    .uber-app-page .uber-features-sec .better-investment-card {
        min-height: 261px !important
    }

    .clone-process-card h5 {
        font-size: 18px;
        line-height: 26px
    }

    .clone-process-card {
        min-height: 415px
    }

    .various-busi-model .clone-process-card h5 {
        font-size: 17px;
        line-height: 25px
    }

    .why-list p {
        font-size: 18px;
        margin-bottom: 25px
    }

    .why-choose-isynbus-to-build .nav-pills .nav-link,
    .why-choose-isynbus-to-build .nav-pills .nav-link.active {
        font-size: 23px
    }

    .why-choose-isyn-tab-content ul {
        display: block;
        margin-bottom: 0
    }

    .why-choose-isyn-tab-content li {
        margin-bottom: 20px
    }

    .why-choose-isyn-tab-content p {
        line-height: 36px
    }

    .home-banner,
    .home-banner video {
        height: 79vh
    }

    .new-contact-us-banner h1 {
        font-size: 29px;
        line-height: 34px
    }

    .new-contact-us-banner .contact-us-banner-content p {
        font-size: 15px;
        line-height: 21px
    }

    .new-contact-banner-form .check-div input {
        height: 20px !important;
        width: 20px !important
    }

    .classi-vect-2 {
        top: 3%;
        left: 48%
    }

    .classified-page .industries-new-banner p {
        font-size: 18px;
        line-height: 29px
    }

    .get-ur-classy-app-sec .healthcare-new-heading h4 {
        font-size: 31px;
        line-height: 44px
    }

    .how-classy-website-work-sec .on-demand-industries-card .intustries-card-icon {
        left: 31%
    }

    .healthacare-investment .better-investment-card {
        min-height: 328px !important
    }

    .hire-digital-expert .hire-dev-content-card {
        min-height: 646px
    }

    .hire-android-app-devs-banner h1 {
        font-size: 43px
    }

    .hire-node-js-service-cards .new-ios-service-card {
        min-height: 351px
    }

    .why-need-full-stack-dev .need-andr-dev-card {
        min-height: 446px
    }

    .hire-blockchain-dev-page .on-demand-industries-content {
        min-height: 240px
    }

    .hire-blockchain-dev-page .better-investment-card {
        min-height: 331px !important
    }

    .tech-card:hover h4 {
        font-size: 27px
    }

    .get-in-touch-sec h1 {
        font-size: 29px;
        line-height: 40px;
    }

    .get-in-touch-sec .contact-us-banner-content ul li {
        font-size: 17px;
    }

    .get-in-touch-sec .contact-us-banner-content ul li {
        font-size: 17px;
    }

    .get-in-touch-form .form-card input::placeholder {
        font-size: 14px;
    }

    .get-in-touch-form .form-card textarea::placeholder {
        font-size: 14px;
    }

    .new-get-in-touch-design .form-check-label {
        font-size: 14px;
    }

    .new-mobile-banner .uae-main-title {
        font-size: 48px;
        line-height: 55px;
    }

    .new-mobile-banner {
        padding: 50px 0 80px;
    }

    .mbf-info p {
        font-size: 14px;
    }

    .mbf-stat-box div p {
        font-size: 14px;
    }

    .mbf-stat-box div h2 {
        font-size: 27px;
    }

    .new-mobile-dev-page .ptb-70 {
        padding: 50px 0px;
    }

    .new-mobile-banner .btn-new-mob-cta {
        font-size: 15px;
    }

    .mobile-how-we-build {
        padding: 50px 0;
    }

    .how-build-tabs-link {
        font-size: 12px;
    }

    .build-phase-title {
        font-size: 31px;
    }

    .phase-col h4 {
        padding: 0;
        font-size: 18px;
    }

    .phase-col p {
        font-size: 15px;
        line-height: 23px;
    }

    .tech-icons-row {
        gap: 12px;
    }

    .tech-icon-item span {
        font-size: 13px;
    }

    .tech-text-list {
        font-size: 13px;
    }

    .btn-discuss-tech {
        font-size: 13px;
    }

    .new-mobile-industries {
        padding-bottom: 50px;
    }

    .portfolio-item-card {
        font-size: 26px;
    }

    .portfolio-card-info .store-icons img {
        width: 118px;
    }

    .blue-cta-content h2 {
        font-size: 40px;
    }
}

@media screen and (max-width:1280px) {
    .best-prog-inner-box h3 br {
        display: none
    }

    .best-prog-inner-box .img-fluid {
        margin-top: 20px
    }

    .new-mobile-app-dev-service-sec span img {
        margin-bottom: 20px
    }

    .ar-vr-web-app .use-cases-that-beyond-go-card {
        min-height: 395px
    }

    .post-sender-detail {
        display: block !important
    }

    .related-post-card {
        min-height: 493px !important;
        max-width: 100% !important
    }

    .related-post-content .common-p {
        font-size: 15px
    }

    .related-post-content .blue-text {
        font-size: 14px;
        line-height: 20px
    }

    .new-get-in-touch-design .form-check-label {
        font-size: 13px;
    }

    .new-mobile-app-dev-service-sec span img {
        margin-bottom: 20px;
    }

    .mobile-next-gen-sec .acc-offer-grid {
        gap: 30px 20px;
    }

    .blue-cta-content h2 {
        font-size: 37px;
        line-height: 50px;
    }
}

@media screen and (max-width:1024px) {

    .sales-10x-card p,
    .uber-app-banner p {
        text-align: center
    }

    .silder-slide-1,
    .silder-slide-2,
    .silder-slide-3,
    .silder-slide-4,
    .silder-slide-5 {
        background-size: cover
    }

    .app-dev-heading span {
        color: #3b65ec;
        font-size: 30px !important
    }

    .all-client-review-sec .layout-main-heading,
    .contact-us-heading,
    .digital-market-sub-heading h1,
    .digital-market-sub-heading h2 {
        font-size: 40px
    }

    .contact-us-paragraph,
    .new-about-card h5 {
        font-size: 22px
    }

    .header .menu>ul>li {
        margin-left: -9px !important;
        padding: 0 13px !important
    }

    .header {
        padding-right: 13px !important
    }

    .core-team-card h3 {
        font-size: 15px;
        margin-bottom: 0
    }

    .counter-card {
        padding: 30px
    }

    .silder-slide-3 {
        padding-bottom: 107px
    }

    .silder-slide-4 .main-swiper-content-2 img {
        width: 500px !important;
        height: 371px !important
    }

    .food-banner-vect-9,
    .partners-box {
        width: 20%
    }

    .home-banner-content {
        padding: 2px 0 0
    }

    .main-contact-us-sec .layout-main-heading {
        font-size: 23px;
        margin-bottom: 9px
    }

    .digital-portfolio-sec ul li,
    .ecom-web-app .use-cases-that-beyond-go-card p,
    .main-contact-us-sec .get-in-touch-form span,
    .main-contact-us-sec .layout-main-heading-content,
    .new-about-card p,
    .package-service-div ul li,
    .react-service-new-sec .new-ios-service-card p,
    .techonologies-we-leverage-sec .tab-pane p {
        font-size: 12px
    }

    .faq-card h5,
    .main-contact-us-sec .captcha-div span i,
    .service-card-mob-dev h5 {
        font-size: 18px
    }

    .main-contact-us-sec .captcha-div span input {
        width: 188px
    }

    .expert-android-main-div h5,
    .exprt-with-major-box span img,
    .industries-page-banner-form button {
        margin-top: 20px
    }

    .better-investment-card .better-bottom-row p,
    .bl_subs p,
    .connect-expert-card p,
    .customer-centric-support ul li p,
    .digital-marketing-services-banner p,
    .digital-portfolio-sec h6 a,
    .digital-services-card p,
    .healthcare-new-heading p,
    .high-google-detail p,
    .high-google-list p,
    .new-contact-us-banner .contact-us-banner-content p,
    .new-ios-service-card p,
    .offer-card ul li,
    .on-demand-industries-card p,
    .recent-post-about-box ul li a,
    .service-card-mob-dev p {
        font-size: 14px
    }

    .mid-quote-banner-sec h5 {
        font-size: 27px;
        margin-bottom: 30px
    }

    .emerg-tech-card,
    .mobile-app-sol-sec .app-sol-card,
    .secret-sauce-box {
        min-height: 300px
    }

    .mob-app-card-content {
        left: 5%
    }

    .emerg-tech-card img {
        width: 28%
    }

    .chain-sec-card h6,
    .emerg-tech-card h5 {
        font-size: 20px
    }

    .app-dev-banner h1,
    .ios-banner h1,
    .progressive-banner h1,
    .react-banner h1 {
        font-size: 50px;
        line-height: 68px
    }

    .new-service-banner {
        padding: 20px 0 !important;
        min-height: 553px
    }

    .android-app-dev-card-1::after {
        left: 62.5%;
        top: 81px
    }

    .android-app-dev-card-3::after {
        left: 62.3%
    }

    .launch-food-card-1 p,
    .our-dedicated-team-card p {
        font-size: 12px;
        line-height: 20px
    }

    .trandforming-sec-card {
        min-height: 200px
    }

    .clone-process-card p,
    .pro-card-content p,
    .sharing-realtion-div button {
        font-size: 15px
    }

    .how-classy-website-work-sec .on-demand-industries-card,
    .order-steps-div,
    .techonologies-we-leverage-sec .nav-link {
        margin-bottom: 20px
    }

    .tec-tab-card {
        margin-bottom: 35px
    }

    .subs_child h3 {
        font-size: 25px;
        line-height: 34px
    }

    .faq-card {
        min-height: 294px
    }

    .ios-services-sec .android-app-dev-card-1::after {
        top: 81px
    }

    .new-ios-service-card {
        min-height: 305px
    }

    .progressive-app-dev .android-app-dev-card-1::after {
        top: 72px
    }

    .progressive-app-dev .android-app-dev-card-2::before {
        left: -206% !important
    }

    .progressive-web-app .use-cases-that-beyond-go-card {
        min-height: 356px
    }

    .fuiling-card p {
        line-height: 27px;
        font-size: 14px
    }

    .about-paragraph,
    .counter-card p,
    .expect-card h5,
    .expect-card p,
    .new-contact-us-banner .contact-us-banner-content ul li,
    .react-service-new-sec .new-ios-service-card h5,
    .seo-related-div th {
        font-size: 16px
    }

    .react-service-new-sec .new-ios-service-card {
        padding: 15px;
        min-height: 325px
    }

    .ecomm-website-process .android-app-dev-card-1::after {
        top: 106px
    }

    .ecomm-website-process .android-app-dev-card-2::before {
        left: -251%;
        display: none
    }

    .android-app-dev-card-2::before,
    .android-common-p br,
    .christmas-achievement-sec .swiper-button-next,
    .christmas-achievement-sec .swiper-button-prev,
    .christmas-achievement-sec .swiper-rtl .swiper-button-next,
    .christmas-achievement-sec .swiper-rtl .swiper-button-prev,
    .classi-vect-1,
    .corporate-website-process .our-dedicated-team-card-line:after,
    .desktop-share-div,
    .ecom-dedicated-team .android-common-p br,
    .ecom-dedicated-team .our-dedicated-team-card-line:after,
    .food-industry-page .healthcare-new-heading p br,
    .get-in-touch-sec h5 br,
    .new-contact-us-banner br {
        display: none
    }

    .corporate-website-process .android-app-dev-card-1::after {
        top: 59px !important
    }

    .corporate-website-process .our-dedicated-team-card,
    .corporate-website-process .our-dedicated-team-card-line,
    .ecom-dedicated-team .our-dedicated-team-card-line {
        border: 1px solid #ddd;
        padding: 15px;
        margin-bottom: 5px;
        min-height: 228px
    }

    .ecom-dedicated-team .our-dedicated-team-card {
        border: 1px solid #ddd;
        padding: 15px;
        margin-bottom: 5px;
        padding-right: 15px !important;
        min-height: 418px
    }

    .ecom-fueling-your-software-sec .fuiling-card {
        height: 300px !important
    }

    .crm-website-process .android-app-dev-card-1::after {
        top: 168px !important
    }

    .crm-develop-use-case .use-cases-that-beyond-go-card {
        min-height: 400px !important
    }

    .crm-dedictaed-team .our-dedicated-team-card {
        min-height: 375px
    }

    .cms-website-process .android-app-dev-card-1::after {
        top: 33px !important
    }

    .cms-dedictaed-team .ecom-dedicated-team .our-dedicated-team-card {
        min-height: 409px
    }

    .saas-website-process .android-app-dev-card-1::after {
        top: 126px !important
    }

    .saas-dedictaed-team .ecom-dedicated-team .our-dedicated-team-card {
        min-height: 414px
    }

    .counter-card .counter {
        font-size: 33px
    }

    .main-swiper-sec .swiper-button-prev,
    .main-swiper-sec .swiper-rtl .swiper-button-next {
        left: 37%;
        bottom: 4%
    }

    .pro-design-process .android-app-dev-card-1::after {
        top: 126px
    }

    .pro-design-process .android-app-dev-card-2::before {
        left: -256%;
        display: none
    }

    .pro-dev-services .new-ios-service-card {
        min-height: 319px !important
    }

    .silder-slide-1 {
        padding-bottom: 160px
    }

    .silder-slide-2 {
        padding-bottom: 145px
    }

    .silder-slide-4 {
        padding-bottom: 214px
    }

    .silder-slide-5 {
        padding-bottom: 314px
    }

    .engagement-points ul li {
        padding-right: 30px
    }

    .partners-box img {
        width: 180px !important;
        height: 93px !important
    }

    .case-blue-band ul li,
    .counter-card p,
    .counter-card--hire p,
    .food-ap-sol-card p,
    .package-btn a,
    .package-service-div p,
    .seo-service-card h4,
    .testi-card p,
    .we-expert-card p {
        font-size: 13px
    }

    .testi-card {
        margin: 5px;
        min-height: 281px
    }

    .erp-website-process .android-app-dev-card-1::after {
        top: 146px
    }

    .erp-dedictaed-team .our-dedicated-team-card {
        min-height: 515px
    }

    .erp-fueling-your-software-sec .fuiling-card {
        height: 407px !important
    }

    .app-dev-banner p {
        line-height: 25px
    }

    .ar-vr-website-process .android-app-dev-card-1::after {
        top: 171px
    }

    .ar-vr-website-process .android-app-dev-card-2::before {
        left: -268%
    }

    .ar-vr-dedictaed-team .our-dedicated-team-card {
        min-height: 502px
    }

    .ar-vr-faq-sec .faq-card {
        min-height: 235px
    }

    .ecom-web-dev-services .new-ios-service-card {
        min-height: 380px
    }

    .cms-dedictaed-team .our-dedicated-team-card,
    .corporate-dedicated-team .our-dedicated-team-card {
        min-height: 479px
    }

    .case-blue-band {
        padding: 20px
    }

    .seo-related-div td {
        line-height: 24px;
        font-size: 12px
    }

    .case-study-detail-card {
        min-height: 426px
    }

    .portfolio-card-img img {
        width: 100% !important;
        height: 100% !important
    }

    .digital-marketing-services-banner h1 {
        font-size: 45px;
        line-height: 46px
    }

    .banner-btn-1,
    .banner-btn-2,
    .related-post-content .common-p {
        font-size: 12px !important
    }

    .digital-expert-card h5 {
        font-size: 13px;
        margin-top: 5px
    }

    .digital-why-choose-us ul li {
        width: 46%
    }

    .why-choose-points p {
        font-size: 17px;
        line-height: 32px
    }

    .digital-counter-card .digital-counter-text p,
    .do-you-know-div p,
    .post-sender-detail ul li,
    .why-choose-card p {
        font-size: 11px
    }

    .digital-counter-card {
        padding: 20px 15px;
        align-items: center
    }

    .digital-counter-card .digital-counter-text h6,
    .digital-market-sub-heading h5,
    .discuss-expert-card h5,
    .food-industry-page .healthcare-new-heading h4,
    .start-journey-sec h5 {
        font-size: 25px
    }

    .highlight-text-right,
    .home-banner-content p,
    .seo-sm-box p,
    .success-business-sec .success-text p {
        font-size: 23px
    }

    .customer-centric-support ul li:nth-child(2):after {
        height: 191px;
        top: 6px;
        left: 190px
    }

    .customer-centric-support ul li:first-child:after {
        height: 180px;
        top: 57px;
        left: 201px
    }

    .customer-centric-support ul li:nth-child(3):after {
        content: '';
        width: 2px;
        height: 194px;
        position: absolute;
        border: 2px dashed #dbdbdb;
        top: 32px;
        transform: rotate(-62deg);
        left: 195px;
        z-index: -1
    }

    .customer-centric-support ul li:nth-child(4):after {
        height: 207px
    }

    .ui-ux-banner-services-banner h1 {
        font-size: 41px;
        line-height: 49px
    }

    .ui-ux-banner-services-banner p {
        font-size: 20px;
        line-height: 28px;
        font-weight: 400
    }

    .ui-ux-heading-new {
        font-size: 27px;
        line-height: 39px
    }

    .business-sucess-point ul li span {
        font-size: 18px;
        line-height: 24px
    }

    .business-sucess-sec p {
        line-height: 32px;
        font-size: 17px
    }

    .ui-ux-portfolio-sec .app-dev-heading {
        font-size: 25px !important
    }

    .digital-portfolio-sec ul li img {
        width: 20px
    }

    .ui-ux-portfolio-sec-2 {
        padding: 100px 0 !important
    }

    .secret-sauce-box p {
        line-height: 25px;
        font-size: 13px
    }

    .custom-search-button {
        padding: 15px 28px !important
    }

    .bl_subs {
        padding: 70px
    }

    .about-us-sec img,
    .mob-app-img-desk,
    .santa-giff {
        width: 100%
    }

    .software-development-banner .form-card {
        padding: 10px
    }

    .software-development-banner .form-select {
        margin-bottom: 0
    }

    .software-development-banner h1 {
        font-size: 32px
    }

    .new-service-banner p {
        font-size: 14px !important;
        font-weight: 500;
        line-height: 27px
    }

    .new-mobile-app-dev-service-sec .service-main-heading span {
        width: auto !important;
        margin-bottom: 0 !important
    }

    .web-dev-serv-sec .service-card-mob-dev {
        min-height: 483px !important;
        padding: 20px 10px
    }

    .new-web-major-card {
        min-height: 306px
    }

    .ecom-dedicated-team .our-dedicated-team-card p {
        text-align: left;
        font-size: 12px
    }

    .saas-dedictaed-team .our-dedicated-team-card {
        min-height: 465px
    }

    .about-isyn-left-content h4 a,
    .chain-sec-card span,
    .digital-sub-banner-card h5,
    .food-ap-sol-card h5,
    .food-idustry-banner ul li,
    .order-steps-div h5,
    .package-card-price-detail h4,
    .uber-app-page .on-demand-industries-card p {
        font-size: 17px
    }

    .seo-main-heading {
        font-size: 35px
    }

    .we-expert-card {
        gap: 25px
    }

    .discuss-expert-card p {
        color: #fff;
        line-height: 28px;
        font-size: 16px
    }

    .mob-dev-serv-sec .service-card-mob-dev {
        min-height: auto
    }

    .android-service-process-card {
        min-height: 370px
    }

    .seo-service-card {
        gap: 19px
    }

    .seo-package-card {
        min-height: 3111px
    }

    .we-expert-card img {
        width: 40px
    }

    .get-in-touch-form .submit-btn {
        font-size: 19px !important
    }

    .software-develop-use-case .use-cases-that-beyond-go-card {
        min-height: 344px
    }

    .erp-web-app .use-cases-that-beyond-go-card {
        min-height: 494px !important
    }

    .erp-app-dev-services .new-ios-service-card {
        min-height: 478px
    }

    .ar-vr-web-app .use-cases-that-beyond-go-card {
        min-height: 535px
    }

    .software-faq-sec .faq-card {
        min-height: 250px !important
    }

    .industry-healthcare-new-banner .text-end {
        text-align: center !important;
        margin-top: 20px
    }

    .healthcare-banner-vector {
        left: 20%
    }

    .healthcare-new-heading h4 {
        line-height: 46px
    }

    .patient-bottom-img {
        width: 14%
    }

    .patient-app {
        padding: 100px 0
    }

    .healthacare-investment .better-investment-card {
        min-height: 508px !important
    }

    .doctor-healthcare-faq-sec h3 {
        line-height: 40px
    }

    .mobility-solution-sec {
        margin-top: 100px
    }

    .healthcare-sucess-with-us-sec h5 {
        line-height: 43px
    }

    .post-sender-detail {
        display: block !important
    }

    .related-post-card {
        min-height: 493px !important
    }

    .related-post-content {
        min-height: 183px !important
    }

    .sing_blg h2,
    .single-post h3 {
        margin: 20px 0 0
    }

    .sing_blg {
        height: 100% !important;
        overflow-y: scroll
    }

    .about-isyn-left-content h5 a,
    .client-review h6,
    .new-about-card h6 {
        font-size: 21px
    }

    .about-isyn-left-content p {
        line-height: 26px;
        font-size: 14px
    }

    .pro-card-icon {
        width: 37%
    }

    .more-education-feature .android-service-process-card {
        min-height: 201px !important
    }

    .layout-main-heading {
        line-height: 42px
    }

    .achievement-sec ul li {
        width: 186px
    }

    .client-img img {
        width: 50px;
        height: 50px
    }

    .about-heading {
        font-size: 48px
    }

    .priority-paragraph {
        font-size: 15px;
        line-height: 37px
    }

    .priority-heading {
        line-height: .5
    }

    .software-development-banner .form-card .banner-btn-2 {
        padding: 5px 13px !important
    }

    .tech-mySwiper {
        width: 800px
    }

    .ui-ux-banner-services-banner .banner-btn-2 {
        font-size: 15px !important
    }

    .ui-ux-heading-new span {
        font-size: 27px
    }

    .opac-heading span {
        line-height: 34px
    }

    .ui-ux-faq .faq-card {
        min-height: 225px
    }

    .ecom-faq-sec .faq-card {
        min-height: 234px
    }

    .corporate-faq-sec .faq-card {
        min-height: 249px
    }

    .cms-faq-sec .faq-card {
        min-height: 224px
    }

    .saas-faq-sec .faq-card {
        min-height: 226px
    }

    .food-industry-faq-sec .faq-card,
    .web-dev-faq .faq-card {
        min-height: 253px
    }

    .mobile-dev-services .service-card-mob-dev {
        min-height: 412px
    }

    .mobile-dev-faq .faq-card {
        min-height: 229px
    }

    .android-faq-sec .faq-card {
        min-height: 252px
    }

    .ios-faq-sec .faq-card,
    .on-demand-faq-sec .faq-card {
        min-height: 247px
    }

    .progressive-app-dev .android-app-dev-card {
        min-height: 353px
    }

    .progressiver-app-dev .new-ios-service-card {
        min-height: 347px
    }

    .erp-faq-sec .faq-card {
        min-height: 218px
    }

    .opac-heading .app-dev-heading {
        margin-top: 0
    }

    .digital-why-choose-us ul li:nth-child(4) {
        margin-top: -36px
    }

    .digital-services-card {
        min-height: 251px
    }

    .digital-faq .faq-card {
        min-height: 256px
    }

    .features-sec .feature-content-2 {
        margin-right: 0
    }

    .feature-content {
        margin-left: 0
    }

    .tech-stack-sec .new-ios-service-card {
        min-height: 348px
    }

    .better-investment-card {
        min-height: 372px !important
    }

    .dynamic-ecom-vec-2 {
        right: -41px
    }

    .ecomerce-app-dev-sol-sec ul li {
        font-size: 12px;
        width: 171px
    }

    .healthcare-new-heading h4,
    .industry-sepcific-expert-card .specific-expert-card-icon i,
    .industry-specific-expertise .internal-hire-sub-heading {
        font-size: 30px
    }

    .ecom-busin-content h5 {
        line-height: 36px
    }

    .intergration-partners-sec ul {
        width: 202px
    }

    .intergration-partners-sec ul li {
        font-size: 12px;
        line-height: 21px
    }

    .more-feature-for-online-ecom-store ul li p {
        font-size: 13px;
        line-height: 21px
    }

    .more-feature-for-online-ecom-store ul {
        width: 203px
    }

    .ecom-chose-card img {
        width: 100%;
        height: 100%
    }

    .ecom-chose-card-content img {
        width: auto;
        height: auto
    }

    .ecom-chose-card-content p {
        font-size: 18px;
        line-height: 28px
    }

    .ecom-chose-card-content {
        top: 74px
    }

    .food-banner-vect-3,
    .food-banner-vect-4 {
        width: 22%
    }

    .food-banner-vect-5 {
        width: 16%
    }

    .food-banner-vect-8 {
        width: 21%
    }

    .food-banner-vect-6 {
        width: 8%
    }

    .food-banner-vect-7 {
        width: 11%
    }

    .food-idustry-banner h3 {
        font-size: 34px;
        line-height: 47px
    }

    .food-idustry-banner ul {
        margin-top: 8px
    }

    .food-app-for-food-busi ul li img {
        top: 7px
    }

    .food-app-for-food-busi ul li {
        line-height: 28px;
        font-size: 16px
    }

    .food-inspired-comment p {
        line-height: 29px;
        font-size: 21px
    }

    .launch-food-card-1 h5 {
        font-size: 20px;
        line-height: 30px
    }

    .launch-food-card-2 img {
        min-height: 324px
    }

    .chain-sec-card .food-indust-banner-btn {
        font-size: 10px !important
    }

    .order-steps-div p {
        font-size: 13px;
        line-height: 22px
    }

    .food-chance-standout p {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 30px
    }

    .food-tech-card p {
        font-size: 13px;
        line-height: 23px
    }

    .related-post-content .post-sender-detail {
        bottom: 3%
    }

    .industries-page-banner-form {
        margin-top: 50px
    }

    .top-rated-dev-sec ul li {
        width: 43%
    }

    .hire-dev-content-card {
        min-height: 744px !important
    }

    body.page-id-40550 .healthcare-sucess-with-us-sec {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .form-section ul li {
        line-height: 34px;
        margin-bottom: 20px
    }

    .connect-expert-card i,
    .digital-drive-results-for-clients .highlight-text,
    .sharing-realtion-div h5 {
        font-size: 28px
    }

    .was-this-never-easy-sec .icon-circle {
        width: 80px;
        height: 80px;
        display: flex;
        font-size: 30px;
        margin-right: 15px
    }

    .industry-sepcific-expert-card p {
        font-size: 19px;
        color: #000;
        font-weight: 600
    }

    .sales-10x-card p {
        font-size: 15px
    }

    .sales-10x-card {
        min-height: 500px
    }

    .industry-sepcific-expert-card .specific-expert-card-icon {
        width: 80px;
        height: 80px
    }

    .digital-sub-banner-card h5,
    .digital-sub-banner-card-hire p {
        margin: 0
    }

    .digital-sub-banner-card-hire img {
        width: 100px;
        height: 100px
    }

    .logistics-business .better-investment-card {
        min-height: 270px !important
    }

    .on-demand-industries-card .intustries-card-icon img {
        width: 28px
    }

    .on-demand-industries-card .intustries-card-icon {
        width: 80px;
        height: 80px;
        left: 35%
    }

    .on-demand-industries-card .on-demand-industries-content {
        padding: 56px 16px 25px
    }

    #backToTop {
        right: 10% !important
    }

    .services-common-banner h3 {
        font-size: 29px;
        line-height: 40px
    }

    .new-about-card {
        padding: 55px 42px 55px 40px
    }

    .uber-app-banner h1 {
        margin-top: 40px;
        text-align: center
    }

    .uber-app-banner .banner-btn-2 {
        display: flex;
        width: max-content;
        justify-content: center;
        height: 50px;
        align-items: center;
        gap: 14px;
        margin: auto
    }

    .better-investment .better-investment-card {
        min-height: 330px !important
    }

    .home-banner,
    .home-banner video {
        height: 83vh
    }

    .home-banner-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 72vh
    }

    .home-banner-content a {
        margin: 0 !important
    }

    .why-clone-app .healthcare-new-heading p {
        line-height: 26px
    }

    .clone-process-card h5 {
        font-size: 15px;
        line-height: 22px
    }

    .why-list p {
        line-height: 29px
    }

    .home-banner-content h1 {
        font-size: 50px
    }

    .main-home-banner {
        padding: 0
    }

    .whatsapp-button {
        bottom: 0
    }

    .new-contact-us-banner h1 {
        font-size: 31px;
        line-height: 41px
    }

    .new-contact-banner-form h3 {
        font-size: 26px;
        margin-bottom: 0
    }

    .new-contact-banner-form {
        margin-top: 30px
    }

    .connect-expert-div .healthcare-new-heading h5 {
        font-size: 19px;
        line-height: 9px
    }

    .expect-card {
        padding: 38px 20px 50px
    }

    .demo-gallery>ul>li a {
        background-position: top;
        width: 100%
    }

    .new-news-vect-1 {
        left: -3%
    }

    .classified-page .text-end {
        text-align: center !important;
        margin-top: 30px !important
    }

    .get-classy-vect {
        bottom: -65px;
        left: 41%
    }

    .how-classy-website-work-sec .on-demand-industries-content {
        min-height: 269px
    }

    .how-classy-website-work-sec .on-demand-industries-card .intustries-card-icon {
        left: 40%
    }

    .classified-page .more-education-feature .android-service-process-card {
        min-height: 228px !important
    }

    .mobile-share-div {
        display: block
    }
}

@media screen and (max-width:768px) {


    .health-suces-img,
    .priority-image,
    .priority-text {
        text-align: center
    }

    .privacy-policy-banner h1 {
        text-align: center;
        color: #fff;
        font-size: 28px;
        font-weight: 700
    }

    .app-dev-heading span {
        color: #3b65ec;
        font-size: 26px !important
    }

    .connect-expert-div,
    .main-contact-us-sec {
        padding: 50px 0 !important
    }

    .main-home-banner {
        background-position: center;
        padding: 169px 0 40px
    }

    .passion-sec iframe {
        height: 188px
    }

    .android-app-dev-card-1::after,
    .android-app-dev-card-3::after,
    .ar-vr-website-process .android-app-dev-card-1::after,
    .business-sucess-point ul li span br,
    .client-review h6 br,
    .customer-centric-support ul li:first-child:after,
    .customer-centric-support ul li:nth-child(2):after,
    .customer-centric-support ul li:nth-child(3):after,
    .customer-centric-support ul li:nth-child(4):after,
    .desktop-img,
    .digital-marketing-services-banner h1 br,
    .digital-team-experts .ui-ux-sub-p br,
    .healthcare-new-heading p br,
    .innovative-solution-heading br,
    .invest-in-uber-vector,
    .layout-main-heading-content br,
    .logistics-faq-sec-upper-white .patient-bottom-img,
    .new-card-div-2::before,
    .new-news-vect-1,
    .new-news-vect-2,
    .our-dedicated-team-card-line:after,
    .pro-design-dev-serv .pro-desig-sev-serv-line::after,
    .pro-design-process .android-app-dev-card-1::after,
    .uber-app-page .healthcare-new-heading h4 br,
    .ui-ux-banner-services-banner h1 br,
    .ui-ux-heading-new br {
        display: none
    }

    .client-review h6,
    .healthcare-new-heading h4 {
        font-size: 24px
    }

    .counter-card {
        padding: 30px
    }

    .innovative-solution-heading {
        font-size: 40px
    }

    .main-swiper-content-2,
    .silder-slide-4 .main-swiper-content-2 {
        margin: 40px 0
    }

    .case-studeis-card,
    .case-studies-img,
    .food-inspired-comment,
    .was-this-never-easy-sec .btn-custom,
    .why-choose-points {
        margin-bottom: 50px
    }

    .silder-slide-3 {
        padding-bottom: 210px
    }

    .silder-slide-4 {
        padding-bottom: 301px
    }

    .silder-slide-4 .main-swiper-content-2 img {
        width: auto;
        height: auto
    }

    .all-post-card,
    .business-sucess-point ul,
    .customer-centric-support ul,
    .mobile-img,
    .our-partners-sec ul {
        display: block
    }

    .our-partners-sec .col-md-2 {
        margin: 0;
        width: 28.666667% !important
    }

    .about-banner-content {
        padding: 0 20px
    }

    .case-studies-img,
    .demo-gallery>ul>li a,
    .priority-image,
    .seo-sm-box img,
    .success-business-sec img,
    .top-rated-dev-sec ul li,
    .video-main-div video {
        width: 100%
    }

    .priority-image img {
        width: auto
    }

    .last-core-card img {
        width: 205px !important
    }

    .main-swiper-sec .swiper-button-next,
    .main-swiper-sec .swiper-rtl .swiper-button-prev {
        right: 35%
    }

    .app-dev-banner h1 {
        font-size: 40px;
        line-height: 44px
    }

    .new-service-banner p {
        line-height: 26px
    }

    .ecom-web-app .use-cases-that-beyond-go-card {
        min-height: 298px !important
    }

    .ecom-fueling-your-software-sec .fuiling-card {
        height: auto !important
    }

    .crm-develop-use-case .use-cases-that-beyond-go-card,
    .erp-dedictaed-team .our-dedicated-team-card {
        min-height: 355px !important
    }

    .fueling-your-crm-sec .fuiling-card {
        height: 380px
    }

    .saas-dedictaed-team .ecom-dedicated-team .our-dedicated-team-card {
        min-height: 309
    }

    .pro-dev-services .new-ios-service-card {
        min-height: 387px !important
    }

    .silder-slide-5 {
        background-size: cover;
        display: flex;
        justify-content: left;
        align-items: center;
        min-height: 1200px;
        background-position: inherit
    }

    .silder-slide-1 {
        padding-bottom: 126px
    }

    .silder-slide-2 {
        padding-bottom: 136px
    }

    .partners-box {
        width: 31%;
        display: inline-block
    }

    .pro-design-dev-serv .service-card-mob-dev {
        border-radius: 0;
        border: none;
        margin-bottom: 0
    }

    .ar-vr-web-app .use-cases-that-beyond-go-card {
        min-height: 490px !important
    }

    .ar-vr-dedictaed .our-dedicated-team-card {
        min-height: 313px
    }

    .ar-vr-faq-sec .faq-card {
        min-height: 263px
    }

    .ar-vr-dedictaed-team .our-dedicated-team-card {
        min-height: 356px !important
    }

    .ecom-faq-sec .faq-card {
        min-height: 268px
    }

    .case-study-detail-card {
        width: 100%;
        min-height: auto;
        position: relative;
        left: 0
    }

    .case-studies-img img {
        width: 100%;
        height: 100%
    }

    .portfolio-card-content p {
        margin-top: 5px;
        font-size: 15px
    }

    .portfolio-card-content h3,
    .standout-li-content h6 {
        font-size: 25px
    }

    .digital-marketing-services-banner,
    .healthcare-sucess-with-us-sec {
        padding-top: 50px
    }

    .digital-partners-mySwiper,
    .why-choose-isyn-tab-content .banner-btn-2 img {
        margin-top: 0
    }

    .digital-counter-card .digital-counter-text p,
    .digital-sub-banner-card h5,
    .start-journey-sec h5 {
        font-size: 17px
    }

    .digital-counter-card {
        margin-bottom: 10px;
        min-height: 135px;
        height: auto
    }

    .digital-services-sec .mx-1 {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .digital-services-card p {
        font-size: 20px
    }

    .digital-services-card {
        padding: 0;
        min-height: 227px
    }

    .opac-heading,
    .seo-color-detail-card .seo-main-heading,
    .ui-ux-portfolio-sec .app-dev-heading {
        margin-top: 25px
    }

    .business-sucess-point,
    .business-sucess-sec p,
    .seo-sm-box p {
        margin-top: 10px
    }

    .package-crad-heading h3,
    .seo-sm-box p {
        font-size: 15px
    }

    .last-seo-img img {
        width: 66px !important
    }

    .dotted-vector-1 {
        right: 4%
    }

    .customer-centric-support ul li {
        display: inline-block;
        width: 49%;
        vertical-align: text-top;
        padding: 20px;
        margin-bottom: 10px;
        border: 1px solid #ddd
    }

    .best-prog-inner-box .img-fluid {
        height: auto;
        margin-bottom: 15px
    }

    .about-paragraph,
    .customer-centric-support ul li p,
    .we-expertise-in-sec .seo-main-heading {
        margin-bottom: 0
    }

    .business-sucess-point ul li {
        align-items: center;
        margin-bottom: 15px
    }

    .health-what-get-sec,
    .patient-app,
    .ui-ux-banner-services-banner {
        padding: 50px 0
    }

    .counter-card,
    .counter-card--hire,
    .digital-expert-card,
    .domain-sub-poster,
    .get-in-touch-sec .layout-main-heading,
    .hire-dev-content-card {
        margin-bottom: 20px
    }

    .ui-ux-portfolio-sec-2 {
        padding: 70px 0 !important
    }

    .secret-sauce-box {
        margin-bottom: 15px;
        min-height: 275px
    }

    .better-investment-card .better-bottom-row p,
    .bl_subs p,
    .new-partners-slider p,
    .on-demand-industries-card p {
        font-size: 14px
    }

    .new-service-banner {
        padding: 20px !important
    }

    .techonologies-we-leverage-sec .tab-pane img {
        height: auto;
        width: 100%
    }

    .web-dev-serv-sec .service-card-mob-dev {
        min-height: 496px
    }

    .faq-card,
    .new-web-major-card {
        min-height: 331px
    }

    .better-investment-card .better-top-row span,
    .ecom-development-process .accordion-button,
    .use-cases-that-beyond-go-card h5 {
        font-size: 16px
    }

    .grown-your-busi .nav-link,
    .grown-your-busi .nav-link.active {
        font-size: 12px
    }

    .mob-dev-serv-sec .service-card-mob-dev {
        min-height: auto;
        padding-bottom: 70px
    }

    .our-dedicated-team-card p {
        font-size: 10px;
        line-height: 16px
    }

    .android-app-dev-card,
    .android-service-process-card,
    .how-classy-website-work-sec .on-demand-industries-content,
    .need-andr-dev-card {
        min-height: auto
    }

    .ios-services-sec .android-app-dev-card-1::after {
        top: 141px
    }

    .react-service-new-sec .new-ios-service-card {
        min-height: 300px
    }

    .package-crad-heading i {
        width: 40px;
        height: 40px;
        font-size: 16px
    }

    .package-card-price-detail h4 {
        font-size: 13px;
        margin: 0 -15px 0 0
    }

    .package-card-price-detail h5 {
        line-height: 25px
    }

    .package-card-price-detail p {
        line-height: 22px;
        font-size: 12px
    }

    .faq-card p,
    .package-service-div p {
        line-height: 22px
    }

    .seo-package-card {
        min-height: 3620px
    }

    .we-expert-card img {
        width: 30px
    }

    .we-expert-card p {
        font-size: 11px
    }

    .we-expert-card {
        gap: 17px
    }

    .pay-click-seo-package .seo-package-card {
        min-height: 2001px
    }

    .software-develop-use-case .use-cases-that-beyond-go-card {
        min-height: 321px
    }

    .erp-app-dev-services .new-ios-service-card {
        min-height: 415px
    }

    .offer-banner .row {
        justify-content: left !important
    }

    .want-to-launch-sec .layout-main-heading {
        font-size: 29px;
        line-height: 49px
    }

    .want-to-launch-sec .santa-img {
        width: 40%
    }

    .success-business-sec .success-text {
        margin-left: 0
    }

    .success-business-sec .success-text p {
        font-size: 19px
    }

    .christmas-achievement-sec ul li {
        width: 22% !important
    }

    .patient-app .text-end {
        text-align: center !important
    }

    .healthcare-sucess-with-us-sec img {
        margin: 0
    }

    .software-faq-sec .faq-card {
        min-height: 271px !important
    }

    .post-sender-detail {
        margin-bottom: 20px !important
    }

    .classified-page .more-education-feature .android-service-process-card,
    .education-faq-sec .faq-card,
    .healthcare-faq-sec .faq-card,
    .more-education-feature .android-service-process-card {
        min-height: auto !important
    }

    .pro-card-icon {
        width: 15%
    }

    .android-common-p {
        font-size: 16px;
        line-height: 28px
    }

    .all-client-review-sec .col-md-12 {
        margin: 0 !important
    }

    .business-sucess-sec .ui-ux-heading-new,
    .get-in-touch-form,
    .get-ur-classy-app-sec .healthcare-new-heading,
    .why-choose-isyn-tab-content img {
        margin-top: 30px
    }

    .about-heading {
        font-size: 38px
    }

    .main-about-banner {
        padding: 65px 0 133px !important
    }

    .priority-paragraph {
        font-size: 16px;
        line-height: 30px
    }

    .tech-mySwiper {
        width: 500px
    }

    .business-sucess-sec .ps-5 {
        padding-left: 0 !important
    }

    .product-design-faq .faq-card {
        min-height: 292px !important
    }

    .cms-dedictaed-team .our-dedicated-team-card,
    .corporate-dedicated-team .our-dedicated-team-card {
        min-height: 336px
    }

    .corporate-faq-sec .faq-card {
        min-height: 295px
    }

    .saas-dedictaed-team .our-dedicated-team-card {
        min-height: 362px !important
    }

    .saas-faq-sec .faq-card {
        min-height: 261px !important
    }

    .web-dev-faq .faq-card {
        min-height: 292px
    }

    .domain-expertise-in-sec .we-expert-card {
        padding: 29px 0 28px 15px
    }

    .mob-app-card img {
        height: 300px
    }

    .mobile-dev-faq .faq-card {
        min-height: 271px
    }

    .android-faq-sec .faq-card,
    .food-industry-faq-sec .faq-card {
        min-height: 289px
    }

    .ios-faq-sec .faq-card {
        min-height: 293px
    }

    .react-faq-sec .faq-card {
        min-height: 288px
    }

    .erp-web-app .use-cases-that-beyond-go-card {
        min-height: 424px !important
    }

    .digital-why-choose-us ul li:nth-child(4) {
        margin-top: -67px
    }

    .digital-faq .faq-card {
        min-height: 291px
    }

    .ecomerce-app-dev-sol-sec ul {
        flex-wrap: wrap
    }

    .ecomerce-app-dev-sol-sec ul li {
        width: 22%;
        margin-top: 20px
    }

    .ecom-busin-content {
        margin: 50px 0 0 !important
    }

    .ecom-busi-content-div {
        margin-top: 60px !important;
        margin-bottom: 0 !important
    }

    .dynamic-ecom-vec-2 {
        bottom: 32%;
        right: -31px !important
    }

    .dynamic-ecom-vec-3 {
        bottom: 41%
    }

    .ecom-chose-card-content {
        top: 55px
    }

    .ecom-chose-card img {
        height: 405px
    }

    .ecom-chose-card-content img {
        width: 52px;
        height: auto
    }

    .ecom-chose-card-content p {
        width: 54%;
        margin: 0 auto
    }

    .intergration-partners-sec ul {
        width: 306px
    }

    .more-feature-for-online-ecom-store ul {
        width: 275px
    }

    .industry-ecomerce-new-banner {
        padding-top: 150px !important
    }

    .achievement-sec ul li {
        height: 78px
    }

    .food-idustry-banner {
        padding-bottom: 215px
    }

    .food-app-for-food-busi ul {
        margin-left: 0;
        margin-top: 150px
    }

    .food-inspired-sec h6 {
        line-height: 20px
    }

    .food-industry-page .healthcare-new-heading h4 {
        font-size: 23px;
        line-height: 37px
    }

    .chain-sec-card,
    .classy-what-new-sec .healthcare-new-heading ul,
    .new-video-sec .demo-gallery>ul>li a {
        margin-bottom: 30px
    }

    .food-deli-app-vect {
        width: 117%
    }

    .food-tech-card {
        min-height: 259px
    }

    .blog-img-box img {
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .row {
        flex-direction: row !important
    }

    .industries-new-banner {
        padding: 50px 10px
    }

    .banner-btn-2 {
        font-size: 11px !important
    }

    .tech-stack-sec .new-ios-service-card {
        min-height: 310px
    }

    .better-investment-card {
        min-height: 302px !important
    }

    .testi-card {
        min-height: 280px
    }

    .related-post-card {
        min-height: 480px !important
    }

    .all-blog-banner-2 {
        padding: 50px 20px
    }

    .blog-text-box .related-post-content {
        min-height: 140px !important;
        padding: 10px !important
    }

    .sing_blg {
        padding: 20px
    }

    .cms-faq-sec .faq-card {
        min-height: 265px
    }

    .seo-color-detail-card p {
        margin-top: 20px
    }

    .on-demand-faq-sec .faq-card {
        min-height: 294px
    }

    .get-in-touch-btn {
        font-weight: 500;
        line-height: 45px;
        font-size: 16px !important;
        position: absolute;
        top: 100% !important;
        right: 50px !important;
        transform: translateY(-50%);
        padding: 4px 25px !important;
        text-decoration: none;
        cursor: pointer
    }

    .why-isynbus-process p {
        line-height: 30px
    }

    .digital-sub-banner-card-hire {
        padding: 30px 15px;
        margin-bottom: 10px
    }

    .hire-faq .faq-card {
        min-height: auto;
        margin-bottom: 0
    }

    .services-common-banner h3 {
        font-size: 22px;
        line-height: 30px
    }

    .new-card-div-1::before {
        height: 895px
    }

    .new-card-div-2-mobile::before {
        display: none !important
    }

    .better-investment .better-investment-card {
        min-height: 262px !important
    }

    .uber-app-page .healthcare-sucess-with-us-sec {
        padding: 50px 0;
        text-align: center
    }

    .uber-app-page .healthcare-sucess-with-us-sec .health-suces-img img {
        margin-top: 40px
    }

    .clone-process-card {
        min-height: 357px
    }

    .various-busi-model .clone-process-card {
        min-height: 316px
    }

    .home-banner-content {
        height: 29vh
    }

    .home-banner-content h1 {
        font-size: 40px;
        margin-bottom: 0
    }

    .home-banner,
    .home-banner video {
        height: 82vh
    }

    .whatsapp-button {
        bottom: -8px
    }

    .new-contact-us-banner .new-partners-slider p {
        padding-right: 37px
    }

    .new-news-card .bl_subs {
        justify-content: center
    }

    .new-news-vect-4 {
        top: 15%
    }

    .classified-page .better-investment .better-investment-card {
        min-height: 307px !important
    }
}

@media screen and (min-width:767px) and (max-width:1024px) {

    .best-prog-inner-box h3 br,
    .best-prog-inner-box p br,
    .common-p br,
    .emerg-tech-card h5 br,
    .emerg-tech-sec .service-main-heading br,
    .exprt-with-major-box p br,
    .exprt-with-major-sec .common-p br,
    .exprt-with-major-sec .service-main-heading br,
    .mob-app-card-content p br,
    .mob-dev-serv-sec .service-main-heading br,
    .new-service-banner h2 br,
    .new-service-banner p br,
    .service-card-mob-dev p br {
        display: none
    }

    .fuiling-card {
        max-width: 100%
    }

    .new-service-banner {
        padding: 20px 50px 20px 90px
    }

    .service-main-heading {
        font-size: 25px !important;
        line-height: 45px !important
    }

    .new-service-banner p {
        font-size: 18px
    }

    .ptb-70 {
        padding: 30px 0
    }

    .common-p {
        font-size: 16px;
        line-height: 32px
    }

    .new-mobile-app-dev-service-sec ul li {
        font-size: 14px;
        line-height: 41.77px
    }

    .new-mobile-app-dev-service-sec span {
        display: inline-block;
        width: 42%;
        margin-bottom: 17px
    }

    .best-prog-inner-box h3 {
        font-size: 25px
    }

    .best-prog-inner-box p {
        font-size: 14px !important
    }

    .best-prog-inner-box ul li {
        width: 100%
    }

    .best-prog-inner-box .img-fluid {
        margin-top: 25px
    }

    .software-development-banner h1 {
        font-size: 35px;
        line-height: 39px
    }

    .cta-content .badge,
    .cta-content a,
    .form-header p,
    .stream-process-card p,
    .techonologies-we-leverage-sec .nav-link {
        font-size: 12px
    }

    .form-card .banner-btn-2 {
        font-size: 9px !important
    }

    .call-card p,
    .form-card span {
        font-size: 10px
    }

    .software-dev-services-sec .android-app-dev-card {
        min-height: 391px
    }

    .software-dev-services-sec .android-app-dev-card-1::after {
        top: 139px
    }

    .android-app-dev-card-8 :before {
        left: -135%
    }

    .software-develop-use-case .use-cases-that-beyond-go-card p {
        font-size: 10px;
        line-height: 19px
    }

    .service-content h4,
    .software-develop-use-case .use-cases-that-beyond-go-card h5 {
        font-size: 16px
    }

    .software-develop-use-case .use-cases-that-beyond-go-card {
        min-height: 334px
    }

    .fueling-your-software-sec .fuiling-card {
        height: 357px
    }

    .software-faq-sec .faq-card {
        min-height: 296px
    }

    .software-app-dev-services .android-service-process-card {
        min-height: 351px
    }

    .new-main-heading {
        font-size: 41px;
        line-height: 54px
    }

    .cta-content h4 {
        color: #fff;
        font-size: 24px
    }

    .call-card,
    .service-item {
        padding: 16px
    }

    .tech-card p {
        line-height: 26px
    }

    .ai-technology-section a {
        font-size: 15px;
        padding: 12px 29px
    }

    .indus-innov-card {
        padding: 15px;
        min-height: 497px
    }

    .indus-innov-card .title {
        font-size: 20px
    }

    .call-card h2 {
        font-size: 17px;
        margin-bottom: 10px
    }

    .stream-process-card h3 {
        color: #fff;
        font-size: 12px
    }

    .stream-process-card .icon {
        background: #00a6ff1a;
        width: 46px;
        height: 46px
    }

    .stream-process-card svg {
        width: 20px
    }

    .industry-content h4 {
        font-size: 17px;
        margin-bottom: 1rem
    }
}

@media screen and (min-width:767px) and (max-width:991px) {
    .progressive-banner h1 {
        font-size: 37px;
        line-height: 45px
    }

    .progressive-banner .new-service-banner {
        padding: 20px 0
    }

    .ecom-development-process .android-common-p br,
    .ecomm-website-process .android-app-dev-card-1::after,
    .progressive-app-dev .android-app-dev-card-1::after,
    .progressive-app-dev .android-app-dev-card-3::after,
    .progressive-dedictaed-team .our-dedicated-team-card-line:after {
        display: none
    }

    .progressive-app-dev .android-app-dev-card {
        min-height: 230px
    }

    .progressive-web-app .use-cases-that-beyond-go-card {
        min-height: 320px
    }

    .progressive-dedictaed-team .our-dedicated-team-card {
        padding: 15px;
        border: 1px solid #ddd;
        margin-bottom: 10px;
        min-height: 172px
    }

    .transforming-industrues-sec ul li p {
        font-size: 14px
    }

    .progressiver-app-dev .new-ios-service-card {
        min-height: 322px
    }

    .fuiling-card,
    .techonologies-we-leverage-sec .tab-pane img {
        height: auto
    }

    .bl_subs {
        padding: 70px 20px
    }

    .progressive-app-dev-faq .faq-card {
        min-height: auto
    }

    .ecom-web-app .use-cases-that-beyond-go-card {
        min-height: 300px !important
    }

    .ecom-dedicated-team .our-dedicated-team-card {
        min-height: 298px
    }
}

@media screen and (max-width:991px) {
    .banner-form {
        margin-top: 50px
    }

    .software-development-banner h1 {
        margin-top: 25px
    }

    .form-card span {
        font-size: 15px
    }

    .form-card .banner-btn-2 {
        font-size: 14px !important
    }

    .pro-design-dev-serv .pro-desig-sev-serv-line::after,
    .pro-design-process .android-app-dev-card-1::after,
    .software-dev-services-sec .android-app-dev-card-1::after,
    .software-dev-services-sec .android-app-dev-card-3::after {
        display: none
    }

    .software-app-dev-services .android-service-process-card,
    .software-dev-services-sec .android-app-dev-card {
        min-height: auto
    }

    .software-develop-use-case .use-cases-that-beyond-go-card {
        min-height: 330px
    }

    .fueling-your-software-sec .fuiling-card {
        height: auto
    }

    .software-faq-sec .faq-card p {
        font-size: 13px
    }

    .software-faq-sec .faq-card {
        min-height: 387px
    }

    .new-service-banner {
        padding: 20px
    }

    .pro-dev-services .new-ios-service-card {
        min-height: 410px !important
    }

    .counter-card {
        margin-bottom: 20px
    }

    .techonologies-we-leverage-sec .tab-pane img {
        width: 100%
    }

    .testi-card {
        min-height: 338px
    }

    .opac-heading .app-dev-heading {
        margin-top: 20px
    }

    .ui-ux-portfolio-sec-2 .banner-btn-2 {
        margin-bottom: 25px
    }
}

@media screen and (max-width:767px) {

    .ar-vr-faq-sec .faq-card,
    .faq-card,
    .new-ios-service-card,
    .progressive-web-app .use-cases-that-beyond-go-card,
    .react-service-new-sec .new-ios-service-card,
    .software-develop-use-case .use-cases-that-beyond-go-card,
    .software-faq-sec .faq-card,
    .use-cases-that-beyond-go-card {
        min-height: auto
    }

    .form-header p {
        font-size: 12px !important;
        line-height: 20px
    }

    .mob-app-img-mobile {
        display: block
    }

    .android-app-dev-card-1::after,
    .android-app-dev-card-2::before,
    .android-app-dev-card-3::after,
    .corporate-website-process .android-common-p br,
    .corporate-website-process .progressive-dedictaed-team h5 br,
    .ecom-fueling-your-software-sec .android-common-p br,
    .ecom-techniques .android-common-p br,
    .mob-app-img-desk,
    .our-dedicated-team-card-line:after,
    .pro-design-dev-serv .pro-desig-sev-serv-line::after,
    .testimonial-sec .android-common-p br {
        display: none
    }

    .android-app-dev-vector-1 {
        width: 15%
    }

    .our-dedicated-team-card p {
        font-size: 14px
    }

    .our-dedicated-team-card {
        margin-bottom: 25px;
        border: 1px solid #ddd;
        padding: 20px
    }

    .bl_subs,
    .newsletter-new-sec img {
        border-radius: 15px
    }

    .transforming-industrues-sec ul li {
        width: 32%
    }

    .transforming-industrues-sec ul li:nth-child(3),
    .transforming-industrues-sec ul li:nth-child(6),
    .transforming-industrues-sec ul li:nth-child(9) {
        border-right: none
    }

    .transforming-industrues-sec ul li:nth-child(12) {
        border-right: none;
        border-bottom: 1px solid #cbcaca
    }

    .pro-card-icon img {
        width: 100px
    }

    .techonologies-we-leverage-sec .nav-link {
        font-size: 12px
    }

    .transforming-industrues-sec ul li:nth-child(10),
    .transforming-industrues-sec ul li:nth-child(5) {
        border-right: 1px solid #cbcaca
    }

    .transforming-industrues-sec ul li:nth-child(11) {
        border-bottom: 1px solid #cbcaca
    }

    .app-dev-banner h1,
    .ios-banner h1 {
        font-size: 40px;
        line-height: 55px
    }

    .techonologies-we-leverage-sec .justify-content-between {
        justify-content: center !important
    }

    .bl_subs {
        padding: 70px 20px
    }

    .newsletter-new-sec .pe-0 {
        padding-right: calc(var(--bs-gutter-x) * .5) !important
    }

    .newsletter-new-sec .ps-0 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important
    }

    .fuiling-card {
        height: auto
    }

    .progressive-banner h1 {
        font-size: 45px;
        line-height: 68px
    }

    .progressive-app-dev .android-app-dev-card {
        min-height: 259px
    }

    .ecom-dedicated-team .our-dedicated-team-card,
    .ecom-web-app .use-cases-that-beyond-go-card,
    .pro-dev-services .new-ios-service-card {
        min-height: auto !important
    }

    .ecom-fueling-your-software-sec .fuiling-card {
        height: 298px !important
    }

    #video-parent-row video {
        width: 100% !important
    }

    .silder-slide-5 .container {
        margin: 0 !important
    }

    .review-card-main-box {
        margin-bottom: 15px
    }

    .get-in-touch-form .captcha-div span input {
        margin-left: 0
    }

    .pro-design-banner .px-5 {
        padding: 0 !important
    }

    .get-in-touch-sec .col-lg-5 {
        width: 100% !important;
    }
}

@media screen and (min-width:491px) and (max-width:767px) {
    .exprt-with-major-box span {
        margin-right: 0
    }

    .new-mobile-app-dev-service-sec span {
        display: inline-block;
        width: 42%;
        margin-bottom: 17px
    }

    .new-service-banner {
        padding: 40px 25px 20px 26px;
        min-height: 417px
    }

    .banner-btn-1,
    .banner-btn-2 {
        font-size: 10px !important;
        padding: 15px 13px
    }

    .new-service-banner h2 {
        font-size: 27px;
        line-height: 45px;
        margin-bottom: 10px
    }

    .new-service-banner p {
        font-size: 19px;
        line-height: 30px;
        margin-bottom: 24px
    }

    .banner-btn-1 {
        line-height: 45px
    }

    .best-prog-inner-box ul li {
        width: 100%
    }

    .common-p br,
    .exprt-with-major-box p br,
    .service-card-mob-dev p br,
    .service-main-heading br {
        display: none
    }

    .exprt-with-major-box {
        padding: 60px 20px
    }

    .exprt-with-major-box .align-self-end {
        gap: 0 !important
    }
}

@media screen and (max-width:680px) {
    .subs_child h3 {
        margin-top: 0 !important;
    }

    #left-section {
        display: none;
    }

    .single-post .sitemap-banner {
        padding: 60px 30px;
    }

    .subs_child .search-wrapper input {
        width: 50%;
    }

    .parent-news-div {
        width: 100%;
    }

    .main-contact-us-sec .captcha-div span input {
        width: 184px;
        margin-left: 0
    }

    .all-client-review-sec .layout-main-heading {
        line-height: 41px;
        margin-bottom: 40px;
        font-size: 27px
    }

    .digital-why-choose-us ul li,
    .dotted-vector-1 img,
    .dotted-vector-2 img,
    .partners-box {
        width: 100%
    }

    .achievement-sec ul li {
        width: 40%
    }

    .client-img img {
        width: auto
    }

    .contact-us-heading {
        font-size: 30px
    }

    .contact-us-paragraph {
        font-size: 18px
    }

    .digital-team-experts .banner-btn-2 {
        font-size: 12px !important;
        padding: 5px 12px
    }

    .digital-why-choose-us ul li:nth-child(4) {
        margin-top: 0
    }

    .seo-sm-card .banner-btn-2 {
        background-color: #f9b731;
        width: 100%;
        display: block;
        padding: 0 10px
    }

    .dotted-vector-1,
    .dotted-vector-2 {
        width: 12%
    }

    .customer-centric-support ul li img {
        margin: auto
    }

    .customer-centric-support ul li p {
        margin: 0
    }

    .customer-centric-support ul li {
        min-height: 254px
    }

    .seo-sm-card {
        padding: 40px 30px
    }

    .seo-sm-box p {
        font-size: 11px !important;
        margin-top: 10px
    }

    .seo-sm-box img {
        width: 44px !important
    }

    .seo-sem-sec .mt-5 {
        margin-top: 10px !important
    }

    .app-dev-banner h1 {
        font-size: 28px
    }

    .new-service-banner p {
        font-size: 14px;
        line-height: 26px
    }

    .banner-btn-2 {
        font-size: 13px !important
    }

    .mobile-dev-faq .faq-card,
    .testi-card {
        min-height: auto
    }

    .new-partners-slider p {
        font-size: 11px;
        width: auto
    }
}

@media screen and (min-width:300px) and (max-width:490px) {

    .main-swiper-sec .swiper-button-prev,
    .main-swiper-sec .swiper-rtl .swiper-button-next {
        left: 17%
    }

    .main-swiper-sec .swiper-button-next,
    .main-swiper-sec .swiper-rtl .swiper-button-prev {
        right: 28%
    }

    .best-prog-inner-box .img-fluid {
        height: auto;
        margin-bottom: 25px
    }

    .common-p,
    .form-card .captcha-input {
        margin-bottom: 20px
    }

    .page-btn-new {
        font-size: 13px
    }

    .best-prog-inner-box h3 br,
    .best-prog-inner-box p br,
    .bl_subs p br,
    .common-p br,
    .desktop-img,
    .ecom-development-process .android-common-p br,
    .emerg-tech-card h5 br,
    .emerg-tech-sec .service-main-heading br,
    .exprt-with-major-box p br,
    .exprt-with-major-sec .common-p br,
    .exprt-with-major-sec .service-main-heading br,
    .mob-app-card-content p br,
    .mob-dev-serv-sec .service-main-heading br,
    .new-service-banner h2 br,
    .new-service-banner p br,
    .service-card-mob-dev p br,
    .ui-ux-banner-services-banner h1 br {
        display: none
    }

    .mobile-img {
        display: block
    }

    .mob-app-card-content {
        padding: 15px
    }

    .new-mobile-app-dev-service-sec span {
        display: inline-block;
        width: 35%;
        margin-bottom: 17px
    }

    .new-service-banner {
        padding: 40px 25px 20px 26px;
        min-height: 417px
    }

    .banner-btn-1,
    .banner-btn-2 {
        font-size: 10px !important;
        padding: 15px 13px
    }

    .new-service-banner h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .new-service-banner p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 24px
    }

    .banner-btn-1 {
        line-height: 45px
    }

    .ptb-70 {
        padding: 30px 0
    }

    .common-p {
        font-size: 14px;
        line-height: 32px
    }

    .service-main-heading {
        font-size: 20px !important;
        line-height: 37px !important
    }

    .new-mobile-app-dev-service-sec ul li {
        font-size: 15px;
        line-height: 41.77px
    }

    .best-prog-inner-box h3 {
        font-size: 20px;
        line-height: 35px
    }

    .best-prog-inner-box p,
    .bl_subs p,
    .exprt-with-major-box p {
        font-size: 14px
    }

    .best-prog-inner-box ul li,
    .christmas-merrier img,
    .mob-app-img-mobile,
    .offer-banner img {
        width: 100%
    }

    .best-prog-inner-box,
    .new-expert-major-sec-box {
        padding: 50px 30px
    }

    .exprt-with-major-box ul,
    .service-card-mob-dev {
        margin-bottom: 25px
    }

    .exprt-with-major-box {
        padding: 20px;
        margin-bottom: 30px
    }

    .exprt-with-major-box ul li {
        font-size: 14px;
        line-height: 21px
    }

    .exprt-with-major-box .col-md-7 {
        display: block !important;
        text-align: left !important
    }

    .exprt-with-major-box span {
        margin-bottom: 27px;
        display: inline-block;
        width: 24%;
        text-align: center
    }

    .mid-quote-banner-sec h5 {
        font-size: 24px;
        line-height: 39px;
        margin-bottom: 35px
    }

    .mid-quote-banner-sec .page-btn-new,
    .secret-sauce-box p {
        font-size: 16px
    }

    .android-app-dev-card,
    .app-sol-card,
    .ar-vr-web-app .use-cases-that-beyond-go-card,
    .domain-sub-poster,
    .ecom-faq-sec .faq-card,
    .mobile-app-sol-sec .app-sol-card,
    .new-web-app-sol .app-sol-card,
    .pay-click-seo-package .seo-package-card,
    .react-service-new-sec .new-ios-service-card,
    .secret-sauce-box {
        min-height: auto
    }

    .app-sol-card h5,
    .emerg-tech-card h5,
    .mob-app-card-content h5 {
        font-size: 20px
    }

    .emerg-tech-card {
        min-height: auto;
        padding: 30px
    }

    .faq-card img {
        width: 67%
    }

    .new-web-dev-dev-service-sec .new-vector-1 {
        top: 30% !important
    }

    .new-mobile-app-dev-service-sec {
        padding-bottom: 20px !important
    }

    .web-dev-serv-sec .service-card-mob-dev {
        min-height: auto;
        position: static
    }

    .app-sol-card a,
    .web-dev-serv-sec .page-btn-new {
        position: static
    }

    .web-dev-serv-sec p {
        margin-bottom: 35px
    }

    .new-expert-major-sec-box .nav-link {
        margin-right: 15px;
        font-size: 17px
    }

    .new-web-major-card {
        margin-top: 30px;
        min-height: auto
    }

    .app-dev-banner h1,
    .ios-banner h1,
    .react-banner h1 {
        font-size: 25px;
        line-height: 35px
    }

    .app-dev-heading {
        font-size: 30px !important;
        line-height: 35px !important;
        text-align: left
    }

    .ui-ux-heading-new,
    .ui-ux-sub-p {
        text-align: left !important
    }

    .new-ios-service-card p,
    .testimonial-sec .android-common-p {
        text-align: left
    }

    .pro-card-icon img {
        width: 70px;
        max-width: 70px
    }

    .mob-app-card img {
        height: 323px
    }

    .progressive-banner h1 {
        font-size: 27px;
        line-height: 38px
    }

    .ecom-techniques .nav-tabs>li {
        width: 49%
    }

    .ecom-techniques .nav-tabs>li button {
        width: 98%
    }

    .fueling-your-crm-sec .fuiling-card {
        height: auto
    }

    .erp-fueling-your-software-sec .fuiling-card {
        padding: 20px;
        height: 450px !important
    }

    .ecom-web-dev-services .new-ios-service-card {
        min-height: 340px
    }

    .our-secret-sauce-sec .ui-ux-sub-p,
    .pro-design-dev-serv .service-card-mob-dev p,
    .techonologies-we-leverage-sec .android-common-p {
        text-align: justify
    }

    .ui-ux-banner-services-banner h1 {
        font-size: 36px;
        line-height: 47px
    }

    .ui-ux-banner-services-banner {
        padding: 50px 0
    }

    .digital-market-sub-heading h5,
    .offer-banner .success-suite-div h6,
    .ui-ux-banner-services-banner p {
        font-size: 21px
    }

    .digital-expert-card .digital-expert-card-img img {
        object-fit: contain;
        width: 100%
    }

    .business-sucess-sec .ps-5 {
        padding-left: 1.5rem !important
    }

    .digital-portfolio-sec {
        padding-top: 30px !important
    }

    .bl_subs {
        margin-top: 25px
    }

    .ui-ux-heading-new {
        font-size: 22px;
        line-height: 29px;
        margin: 0 0 10px
    }

    .transforming-industrues-sec ul li p {
        font-size: 11px
    }

    .get-in-touch-sec .layout-main-heading {
        margin-bottom: 20px;
        font-size: 33px
    }

    .we-expert-card {
        gap: 74px
    }

    .seo-main-heading,
    .want-to-launch-sec .layout-main-heading {
        font-size: 25px
    }

    .mob-dev-serv-sec .service-card-mob-dev {
        min-height: 425px
    }

    .techonologies-we-leverage-sec .tab-pane img {
        width: 81px
    }

    .seo-color-detail-card .row {
        padding: 10px !important
    }

    .want-to-launch-sec .santa-img {
        width: 57%;
        top: -128px
    }

    .christmas-achievement-sec ul li {
        width: 29% !important;
        padding: 7px
    }

    .christmas-achievement-sec {
        padding: 46px 0 194px
    }

    .success-business-sec .success-text {
        margin-top: 10px
    }

    .success-business-sec .success-text p {
        font-size: 20px;
        padding: 160px 0 0
    }

    .christmas-merrier h5 {
        font-size: 17px;
        line-height: 24px
    }

    .success-business-sec {
        padding-bottom: 28px
    }

    .santa-giff {
        padding-left: 0 !important
    }

    .perfect-gift-sec .px-5 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .offer-banner .success-suite-div p {
        font-size: 15px
    }

    .layout-main-heading {
        line-height: 34px
    }

    .similar-availability {
        margin-bottom: 25px !important
    }
}

@media screen and (max-width:640px) {

    .banner-video,
    .dynamic-ecom-vec-2,
    .dynamic-ecom-vec-3,
    .ecom-chose-card-content p br,
    .ecomerce-industry-page .healthcare-new-heading h4 br,
    .empty--box,
    .end-to-end-tech-content p br,
    .food-idustry-banner h3 br,
    .food-industry-page .healthcare-new-heading h4 br,
    .food-inspired-comment p br,
    .get-in-touch-btn,

    .main-swiper-sec,
    .more-feat-vec-1,
    .silder-slide-5 p,
    .silder-slide-5 p br {
        display: none
    }

    .blog-img-box img,
    .ecom-chose-card-content p,
    .pro-card-icon,
    .serviceform_btn,
    .sing-right-box {
        width: 100%
    }

    #captchaAnswerNew,
    .mobile-flag-dropdown,
    .popup-modal input,
    .popup-modal textarea,
    .single-testi-img {
        width: 100% !important
    }

    .subs_child,
    .subs_child h3 {
        max-width: 100%
    }

    .industries-new-banner {
        padding: 50px 10px
    }

    .captcha-div,
    .end-to-end-counter-sec ul,
    .error-404 .popular-posts ul li a {
        display: block
    }

    .on-demand-industries-card .intustries-card-icon {
        left: 38%
    }

    .end-to-end-counter-sec ul li {
        width: 100%;
        background-size: 100%;
        margin-bottom: 20px
    }

    .mobility-solution-sec,
    .start-journey-sec {
        padding: 50px 0
    }

    .start-journey-sec h5 {
        margin-bottom: 20px
    }

    .feature-content ul li {
        width: 100%;
        margin-bottom: 40px
    }

    .feature-content h5 {
        font-size: 21px;
        margin-bottom: 20px
    }

    .feature-content {
        padding: 46px 20px
    }

    .android-faq-sec .faq-card,
    .chain-sec-card,
    .cms-faq-sec .faq-card,
    .corporate-faq-sec .faq-card,
    .digital-faq .faq-card,
    .erp-faq-sec .faq-card,
    .expect-card,
    .food-industry-faq-sec .faq-card,
    .food-tech-card,
    .ios-faq-sec .faq-card,
    .on-demand-faq-sec .faq-card,
    .progressiver-app-dev .new-ios-service-card,
    .react-faq-sec .faq-card,
    .tech-stack-sec .new-ios-service-card,
    .testi-card,
    .web-dev-faq .faq-card {
        min-height: auto
    }

    .tech-stack-sec .mb-5 {
        margin-bottom: 0 !important
    }

    .ar-vr-web-app .use-cases-that-beyond-go-card,
    .better-investment-card,
    .erp-web-app .use-cases-that-beyond-go-card,
    .healthacare-investment .better-investment-card,
    .healthcare-faq-sec .faq-card,
    .lst_sec .related-post-card,
    .related-post-card .related-post-content,
    .saas-faq-sec .faq-card,
    .software-faq-sec .faq-card,
    .web-dev-serv-sec .service-card-mob-dev {
        min-height: auto !important
    }

    .error-404 a {
        padding: 10px 13px !important;
        font-weight: 500 !important
    }

    .error-404 .popular-posts ul li {
        font-size: 14px !important
    }

    .post-sender-detail {
        position: relative;
        margin-bottom: 10px
    }

    .cntr_content img,
    .ecom-chose-card-content img,
    .intergration-partners-sec ul li,
    .related-post-card img {
        height: auto
    }

    .related-post-content .blue-text {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 15px;
        margin-top: 10px
    }

    .sing_content {
        margin: 10px 0
    }

    .blog-text-box .related-post-content {
        min-height: auto !important;
        padding: 10px !important
    }

    .blog-text-box .related-post-content .common-p {
        margin-bottom: 22px !important;
        display: block
    }

    #dropdownLabelPopup img,
    .about-us-sec .layout-main-heading,
    .lst_sec .post-sender-detail,
    .service-img-box-2 {
        margin-bottom: 0
    }

    .related-post-content .common-p {
        font-size: 12px !important;
        margin-bottom: 15px !important;
        display: block
    }

    #serviceform #snumber {
        padding-top: 0 !important;
        padding-left: 27px !important
    }

    #captchaAnswerNew,
    .food-ap-sol-card {
        margin-top: 20px
    }

    .allblog-heading h1,
    .industries-new-banner h1,
    .industries-new-banner h3 {
        font-size: 22px
    }

    .industries-new-banner p {
        font-size: 16px;
        line-height: 25px;
        font-weight: 500;
        margin-top: 0
    }

    .education-app-heading h3 {
        font-size: 22px;
        line-height: 37px
    }

    .our-partners-sec img {
        width: 100% !important;
        margin-bottom: 10px !important
    }

    .address-card,
    .popup-modal img {
        margin-bottom: 30px
    }

    .popup-modal .col-md-6 {
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
        padding-right: calc(var(--bs-gutter-x)* .5) !important
    }

    .main-home-banner {
        padding: 222px 0 40px
    }

    .layout-main-heading {
        line-height: 37px;
        margin-bottom: 10px;
        text-align: left;
        font-size: 30px
    }

    .layout-main-heading-content,
    .pro-design-dev-serv .service-card-mob-dev p {
        text-align: left
    }

    .passion-sec iframe {
        height: 226px
    }

    .silder-slide-4 {
        padding-bottom: 331px
    }

    .silder-slide-5 {
        min-height: auto;
        padding: 151px 0 897px
    }

    .our-partners-sec .col-4 {
        width: 42.333333% !important
    }

    .achievement-sec ul li {
        width: 34%
    }

    .achievement-sec ul {
        flex-wrap: wrap
    }

    .counter-sec .layout-main-heading {
        margin-bottom: 10px;
        text-align: left;
        font-size: 30px;
        line-height: 45px
    }

    .about-us-sec .layout-main-heading {
        font-size: 30px;
        line-height: 35px
    }

    .our-core-team-sec .layout-main-heading {
        font-size: 32px;
        text-align: center
    }

    .core-team-card h3,
    .end-to-end-tech-content h5 {
        font-size: 20px
    }

    .case-blue-band ul li {
        padding: 0
    }

    .seo-related-div .table-container {
        margin-top: 20px;
        width: 100%;
        display: flex;
        white-space: nowrap;
        overflow: scroll
    }

    .seo-related-div td,
    .seo-related-div th {
        padding: 13px
    }

    .blog-img-box img {
        height: 100% !important
    }

    .cntr_block {
        padding: 0 10px
    }

    /* .single-post h1,
    .single-post h4 {
        line-height: 37px;
        font-size: 25px !important
    } */

    .tech-mySwiper {
        width: 200px
    }

    .techonologies-we-leverage-sec .swiper-button-prev,
    .techonologies-we-leverage-sec .swiper-rtl .swiper-button-next {
        top: 18% !important
    }

    .techonologies-we-leverage-sec .swiper-button-next,
    .techonologies-we-leverage-sec .swiper-rtl .swiper-button-prev {
        top: 19% !important
    }

    .opac-heading span {
        font-size: 20px;
        line-height: 16px
    }

    .android-common-p,
    .mob-dev-serv-sec .common-p {
        font-size: 14px;
        line-height: 23px
    }

    .ecom-techniques .nav-tabs>li button {
        width: 100%;
        margin-bottom: 0
    }

    .header .menu .menu-main {
        padding: 0 20px
    }

    .menu-item-has-children .col-md-12 {
        margin-top: 50px
    }

    .ecom-web-app .px-5,
    .ecomm-website-process .px-5,
    .new-service-banner .px-5 {
        padding-left: initial !important;
        padding-right: initial !important
    }

    .ecom-fueling-your-software-sec .fuiling-card {
        height: 330px !important
    }

    .digital-market-sub-heading h1,
    .digital-market-sub-heading h2 {
        font-size: 24px;
        line-height: 37px
    }

    .menu-item-has-children .mt-5,
    .seo-color-detail-card {
        margin-top: 0 !important
    }

    .seo-packages .pe-0 {
        padding-right: calc(var(--bs-gutter-x) * .5) !important
    }

    .techonologies-we-leverage-sec .nav-tabs {
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        justify-content: start !important
    }

    .erp-tech-lev .nav-tabs {
        padding-top: 30px
    }

    .erp-tech-lev .swiper-button-next,
    .erp-tech-lev .swiper-button-prev,
    .erp-tech-lev .swiper-rtl .swiper-button-next,
    .erp-tech-lev .swiper-rtl .swiper-button-prev {
        top: 51% !important
    }

    .on-demand-industries-sec .opac-heading span {
        margin-bottom: 10px
    }

    .healthcare-new-heading h4 {
        line-height: 38px;
        font-size: 30px
    }

    .on-demand-industries-card p {
        font-size: 17px
    }

    .ecomerce-industry-page .healthcare-new-heading h4 {
        line-height: 33px;
        font-size: 22px
    }

    .ecomerce-app-dev-sol-sec ul li {
        width: 48%;
        padding: 10px 0
    }

    .ecom-busin-content h5 {
        font-size: 24px
    }

    .ecom-chose-card-content {
        top: 76px
    }

    .ecom-best-in-class-sec ul li,
    .intergration-partners-sec ul,
    .more-feature-for-online-ecom-store ul {
        width: 100%;
        margin-right: 0
    }

    .ecom-chose-card img {
        height: 363px
    }

    .innovative-sol-card {
        padding: 27px 25px
    }

    .menu-item-has-children svg {
        width: 9px;
        fill: #fff;
        margin-bottom: 3px
    }

    .client-review h6 {
        text-align: left;
        font-size: 18px !important
    }

    .ban-search {
        width: 100%;
        margin: 20px auto 0;
        margin-left: 0;
    }

    .sing_blg h2,
    .single-post h3 {
        font-size: 21px !important;
        line-height: 34px;
    }

    .new-contact-us-banner .contact-us-banner-content ul li,
    .single-post p {
        font-size: 14px
    }

    .single-post p {
        line-height: 24px
    }

    .single-post h2 {
        font-size: 21px
    }

    .food-banner-vect-1 {
        width: 9%
    }

    .food-idustry-banner h3 {
        font-size: 22px;
        line-height: 34px
    }

    .food-idustry-banner ul {
        flex-wrap: wrap;
        gap: 16px
    }

    .food-banner-vect-4 {
        width: 38%
    }

    .food-banner-vect-9 {
        width: 37%
    }

    .food-idustry-banner {
        padding: 168px 0
    }

    .food-banner-vect-2 {
        width: 9%;
        bottom: 26%;
        display: none
    }

    .food-banner-vect-6 {
        width: 11%
    }

    .food-banner-vect-7 {
        width: 16%
    }

    .food-banner-vect-5 {
        width: 28%
    }

    .food-banner-vect-8 {
        width: 35%
    }

    .food-inspired-icon-1 {
        top: 0;
        width: 20%
    }

    .food-inspired-sec h6 {
        line-height: 33px
    }

    .food-inspired-comment p {
        font-size: 19px
    }

    .food-app-for-food-busi ul {
        margin-top: 100px
    }

    .mobile-banner-img {
        display: none;
        height: 100%;
        object-fit: cover
    }

    .internal.contact-us .main-contact-us-banner {
        padding: 130px 0 60px !important
    }

    .get-in-touch-form .captcha-div {
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .get-in-touch-form .captcha-div input {
        width: 167px !important
    }

    .new-contact-banner-form .captcha-div input::placeholder {
        text-align: left !important;
        font-size: 12px
    }

    .new-contact-banner-form .captcha-div input {
        padding-left: 0 !important;
        text-align: left
    }

    .get-in-touch-form .submit-btn {
        width: 100% !important;
        font-size: 16px !important;
        margin: 10px 0 0 !important
    }

    .new-contact-banner-form .check-div label {
        color: #fff;
        font-size: 10px
    }

    .captcha-div span {
        font-size: 12px
    }

    .new-contact-us-banner .new-partners-slider p {
        width: 100%;
        background: 0 0;
        padding: 0;
        text-align: center;
        margin-bottom: 20px;
        color: #fff;
        font-size: 30px
    }

    .expect-next-sec .healthcare-new-heading p {
        color: #fff;
        font-size: 15px
    }

    .new-news-vect-4 {
        top: 5%;
        right: 21px
    }

    .new-news-vect-3 {
        bottom: 2%;
        left: 6%
    }

    .new-contact-us-banner h1 {
        font-size: 22px;
        line-height: 32px
    }

    .new-contact-banner-form .get-in-touch-form {
        margin-top: 15px
    }

    .connect-expert-div .healthcare-new-heading h5 {
        line-height: 32px
    }

    .new-news-card .bl_subs {
        margin: 0
    }

    .address-card p,
    .address-card ul li {
        font-size: 16px
    }

    .bl_subs {
        padding: 7px !important;
    }

    .new-news-card {
        padding: 39px 0
    }

    .custom-search-button {
        padding: 15px 17px !important;
        font-size: 13px;
    }

    .contact-step-icon {
        text-align: center !important
    }

    #newsletter-section .container {
        padding-right: .25rem !important;
        padding-left: .25rem !important;
    }

    .get-in-touch-sec .col-lg-5 {
        width: 100% !important;
    }
}

@media screen and (max-width:500px) {
    .digital-team-experts .banner-btn-2 {
        font-size: 10px !important;
        padding: 5px 12px
    }

    .opac-heading .app-dev-heading {
        margin-top: -10px
    }

    .customer-centric-support ul li {
        width: 100%;
        min-height: auto
    }

    .about-heading {
        font-size: 30px;
        line-height: 38px
    }

    .about-paragraph,
    .uber-app-details li,
    .uber-app-details p {
        font-size: 16px
    }

    .priority-heading,
    .uber-app-banner h1 {
        font-size: 27px
    }

    .banner-counting-card-1,
    .footer-div-1 img,
    .hire-full-stack-page .banner-counting-card-1,
    .priority-image img {
        width: 100%
    }

    .priority-paragraph {
        font-size: 15px;
        line-height: 30px;
        text-align: left
    }

    .layour-common-p {
        font-size: 15px
    }

    .main-swiper-sec .swiper-button-prev,
    .main-swiper-sec .swiper-rtl .swiper-button-next {
        left: 17%
    }

    .main-swiper-sec .swiper-button-next,
    .main-swiper-sec .swiper-rtl .swiper-button-prev {
        right: 28%
    }

    .home-banner-content,
    .isynbus-standout-sec ul {
        padding: 0
    }

    .home-banner-content h1 {
        font-size: 36px;
        line-height: 52px;
    }

    .main-home-banner {
        padding: 161px 0 40px
    }

    .desktop-contact-icons,
    .education-app-heading h3 br,
    .home-banner-content p br,
    .launch-ready-classy-app img {
        display: none
    }

    .home-banner-content p {
        font-size: 18px;
        line-height: 35px;
    }

    .layout-main-heading {
        line-height: 44px;
        font-size: 22px;
        text-align: center;
    }

    .layout-main-heading-content {
        font-size: 18px;
        text-align: center;
    }

    .about-us-sec img {
        margin-top: 30px;
        width: 100%
    }

    .innovative-solution-heading {
        font-size: 30px;
        line-height: 40px
    }

    .main-swiper-content-2 IMG,
    .silder-slide-4 .main-swiper-content-2 img {
        width: 100% !important
    }

    .main-swiper-content {
        opacity: 1
    }

    .our-partners-sec .col-4 {
        width: 33.33333333% !important
    }

    .case-blue-band ul,
    .mobile-contact-icons,
    .sharing-realtion-div p,
    .sharing-realtion-div p a {
        display: block
    }

    .case-blue-band ul li:first-child,
    .case-blue-band ul li:nth-child(2) {
        border-right: none;
        border-bottom: 1px solid #fff;
        margin-bottom: 15px
    }

    .case-blue-band ul li {
        text-align: center
    }

    .portfolio-card-content ul li i {
        padding: 14px;
        font-size: 20px;
        width: 50px;
        height: 50px
    }

    .portfolio-card-img img {
        margin-bottom: 20px
    }

    .portfolio-btn {
        margin-bottom: 50px
    }

    .digital-team-experts .mt-5 {
        margin-top: 10px !important
    }

    .why-choose-points p {
        line-height: 26px
    }

    .digital-sub-banner-card {
        margin-bottom: 15px
    }

    .clone-process-card,
    .feature-realstate-card,
    .indus-innov-card,
    .realstate-choose-card,
    .sales-10x-card,
    .seo-package-card,
    .stream-process-card,
    .various-busi-model .clone-process-card,
    .why-need-full-stack-dev .need-andr-dev-card {
        min-height: auto
    }

    .we-expert-card {
        gap: 94px
    }

    .we-expert-card img {
        width: 50px
    }

    .we-expert-card p {
        font-size: 18px
    }

    .seo-color-detail-card p {
        margin-top: 15px
    }

    .similar-availability {
        margin-top: 22px;
        margin-bottom: 80px
    }

    .standout-li-content h6,
    .ui-ux-heading-new span {
        font-size: 20px
    }

    .digital-banner-img,
    .on-demand-industries-card,
    .services-common-banner img {
        margin-top: 30px
    }

    .hire-android-app-devs-banner h1,
    .hire-android-app-devs-banner h2 {
        font-size: 32px
    }

    .hire-android-app-devs-banner p {
        font-size: 15px;
        line-height: 27px
    }

    .top-rated-dev-sec ul li img {
        width: 56px
    }

    .top-rated-dev-sec ul li p {
        font-size: 13px
    }

    .counter-card .counter,
    .counter-card--hire .counter-hire {
        font-size: 34px;
        margin-bottom: 0;
        font-weight: 600
    }

    .expert-android-main-div h5,
    .why-isynbus-process h5 {
        font-size: 25px
    }

    .cta-card,
    .expert-android-main-div {
        padding: 20px
    }

    .expert-android-main-div ul li .android-hire-expert-content .android-hire-expert-heading {
        font-size: 21px
    }

    .expert-android-main-div ul li .android-hire-expert-content .android-hire-expert-para {
        font-size: 14px !important
    }

    .standout-li-content p {
        font-size: 15px !important
    }

    .classified-page .better-investment .better-investment-card,
    .hire-dev-content-card,
    .uber-app-page .uber-features-sec .better-investment-card {
        min-height: auto !important
    }

    .internal-hire-sub-heading {
        text-align: center;
        font-size: 24px
    }

    .sharing-realtion-div h5 {
        font-size: 23px
    }

    .healthcare-new-heading h4 {
        line-height: 33px;
        font-size: 22px
    }

    .doctor-healthcare-faq-sec .accordion-button {
        font-size: 17px
    }

    .healthcare-sucess-with-us-sec h5 {
        line-height: 35px;
        font-size: 25px
    }

    .doctor-healthcare-faq-sec h3 {
        line-height: 32px;
        font-size: 25px
    }

    .banner-btn-1,
    .banner-btn-2 {
        font-size: 12px !important;
        height: 43px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px
    }

    .explore-realstate-points {
        margin-top: 40px
    }

    .ptb-50 {
        padding: 20px 0
    }

    .mid-banner-sec-realstate h5 {
        font-size: 23px;
        line-height: 34px
    }

    .second-realstate-mid-banner {
        padding: 30px 0
    }

    #backToTop {
        right: 7% !important;
        bottom: 100px !important
    }

    .all-service-card {
        margin-bottom: 30px
    }

    .new-card-div-1::before {
        display: none !important
    }

    .new-about-card {
        padding: 25px 42px 25px 20px
    }

    .new-about-card p {
        margin-bottom: 0
    }

    .about-us-sec .small-heading {
        margin: 20px 0 0
    }

    .about-us-sec .layout-main-heading,
    .counter-sec .layout-main-heading {
        font-size: 25px;
        line-height: 31px
    }

    .uber-app-page .ptb-50 {
        padding: 50px 0
    }

    .why-clone-app .healthcare-new-heading h4 {
        margin-top: 20px
    }

    .uber-busi-industry h5 h5 {
        line-height: 30px !important;
        font-size: 19px !important
    }

    .classified-page .insudtry-logistics-banner h1 {
        font-size: 23px;
        line-height: 37px;
        margin-top: 30px
    }

    .get-ur-classy-app-sec .healthcare-new-heading h4 {
        font-size: 24px;
        line-height: 34px
    }

    .classy-what-new-sec ul li {
        font-size: 16px;
        margin-top: 36px
    }

    .classified-app-feature .nav-tabs {
        flex-wrap: nowrap;
        overflow: scroll;
        justify-content: flex-start
    }

    .hire-full-stack-page .app-dev-heading {
        font-size: 26px !important
    }

    .hire-pool-developer ul li {
        width: 160px
    }

    .hire-mobile-app-dev-page .expert-android-main-div h5 {
        font-size: 24px
    }

    .new-main-heading {
        font-size: 33px;
        line-height: 43px;
        text-align: center;
    }

    .cta-content h4 {
        color: #fff;
        font-size: 22px
    }

    .cta-content .badge {
        font-size: 12px
    }

    .cta-content a {
        font-size: 11px
    }

    .cta-buttons {
        flex-wrap: nowrap
    }

    .cta-buttons a {
        width: 48%;
        font-size: 12px;
        padding: 13px 15px;
        height: 48px;
        margin: 0 0 10px !important
    }

    .cust-name::after {
        top: 6px
    }

    .partner-badge {
        padding: 0 2rem
    }

    .testimonial-sec .android-common-p {
        line-height: 33px
    }

    .app-dev-heading {
        font-size: 30px !important;
        line-height: 41px !important;
        text-align: center;
    }

    .new-faq-sec .accordion {
        margin-top: 0
    }

    .new-contact-us-banner .contact-us-banner-content p {
        line-height: 25px !important;
        margin-bottom: 25px !important
    }

    .sitemap-banner {
        padding: 60px 30px;
    }

    .single-post .container-fluid {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .get-in-touch-form .form-card {
        margin-bottom: 0 !important;
    }

    .new-get-in-touch-design .custom-select-one .dropdown-menu {
        transform: translate3d(-21px, 25px, 0px) !important;
        width: 90vw !important;
    }

    .new-get-in-touch-design h4 {
        font-size: 22px;
    }

    .get-in-touch-form .form-card input::placeholder {
        font-size: 13px !important;
    }

    .get-in-touch-form .form-card textarea::placeholder {
        font-size: 13px !important;
    }

    .new-get-in-touch-design .form-check input {
        width: 15px;
        height: 15px;
        margin-top: 5px;
    }

    .new-get-in-touch-design .form-check-label {
        font-size: 9px;
    }

    .new-get-in-touch-design {
        padding: 22px;
    }

    .get-in-touch-form {
        margin-top: 0 !important;
    }

    .new-get-in-touch-design .form-check-label {
        font-size: 11px;
    }

    .get-in-touch-form .captcha-div {
        margin-top: 0;
    }

    .get-in-touch-form .form-card textarea::placeholder {
        font-size: 14px;
    }

    .get-in-touch-form .form-card input::placeholder {
        font-size: 14px;
    }

    .get-in-touch-sec {
        padding: 50px 20px !important;
    }

    .bg-map-img {
        display: none;
    }

    .get-in-touch-sec .container-fluid {
        padding: 0px 0px !important;
    }

    .new-contact-us-banner .contact-us-banner-content ul li img {
        width: 20px;
        margin-left: 0px !important;
    }

    .new-contact-us-banner .contact-us-banner-content ul li img {
        margin-right: 3px;
    }

    .about-section {
        padding: 0px 0px !important;
        text-align: center;
    }

    .ai-services-section {
        padding: 0px 0px !important;
    }

    .industries-section {
        padding: 0px 0px !important;
    }

    .feature-card h3 {
        text-align: left;
    }

    .about-section .btn-primary {
        margin-bottom: 30px;
    }

    .feature-card p {
        text-align: left;
    }

    .lead,
    .testimonial-sec .android-common-p {
        font-size: 18px !important;
    }

    .services-list {
        margin-top: 30px;
    }

    .call-card {
        padding: 32px 14px;
    }

    .tech-card h4 {
        font-size: 21px;
    }

    .testimonial-sec .android-common-p {
        text-align: center;
    }

    .all-client-review-sec .layout-main-heading {
        padding-left: 0;
        text-align: center;
        margin-bottom: 21px;
    }

    .get-in-touch-sec .col-lg-5 {
        width: 100% !important;
    }

    .get-in-touch-form #dropdownLabel2 {
        font-size: 15px;
    }

    .new-get-in-touch-design .dropdown-toggle::after {
        top: 10px;
    }

    .contact-item p br {
        display: none;
    }

    .cta-content {
        text-align: center;
    }

    .all-post-card {
        margin-top: 20px;
    }

    #middle-section h2 {
        font-size: 26px !important;
    }

    .single-post h4 {
        line-height: 37px;
        font-size: 21px !important;
        margin-bottom: 0;
    }

    .blog-img-box img {
        border-top-right-radius: 12px;
    }

    .single-page-category {
        display: block;
    }

    .single-page-category .next-btn {
        top: 0;
    }

    .single-post .sitemap-banner p {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .new-mobile-banner .uae-main-title {
        font-size: 22px;
        line-height: 39px;
    }

    .new-mobile-banner .container-fluid {
        margin-left: 0 !important;
        padding: 0px 20px !important;
    }

    .new-mobile-banner .btn-new-mob-cta {
        font-size: 12px;
    }

    .new-mobile-banner .uae-cta-wrapper {
        text-align: center !important;
        margin-bottom: 30px;
        margin-top: 20px !important;
    }

    .mbf-top-row .border-end::after {
        display: none;
    }

    .mbf-top-row {
        padding: 0 !important;
    }

    .mbf-stat-box div {
        padding: 20px 15px;
    }

    .mbf-stat-box {
        padding: 0px 0px;
        border-bottom: 1px solid #1c1c1c;
        border-right: 1px solid #1c1c1c;
    }

    .blue-cta-content {
        /* padding-top: 0; */
        padding-left: 20px;
    }

    .blue-cta-content h2 {
        font-size: 22px;
        line-height: 35px;
    }

    .blue-cta-content p {
        font-size: 17px !important;
        line-height: 23px;
    }

    .btn-white-cta-new {
        padding: 16px 15px;
        font-size: 13px;
        font-weight: 600;
    }

    .blue-cta-img-box {
        margin-top: 0;
    }

    .new-mobile-end-to-end .usa-services-tabs-container .nav-tabs {
        overflow-x: auto;
        padding-top: 10px;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding-bottom: 20px;
    }

    .new-mobile-end-to-end .usa-services-tabs-container .nav-tabs li {
        flex-shrink: 0;
    }

    .new-mobile-end-to-end .ios-tab-media-box .mockup-img {
        height: 100%;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 0
    }

    .uae-exp-heading br {
        display: none;

    }


    .ios-tab-content-box {
        padding: 40px 14px 70px 14px !important;
    }

    .ios-tab-media-box {
        min-height: 418px;
        padding: 0;
    }

    .new-mobile-end-to-end .ios-tab-content-box h3 {
        font-size: 21px;
    }

    .ios-tab-content-box p {
        font-size: 14px !important;
    }

    .ios-tab-feature-list li {
        font-size: 14px;
    }

    .btn-blue-mob-tab {
        font-size: 14px;
    }

    .blue-cta-content h2 {
        font-size: 22px;
    }

    .btn-white-cta-new {
        padding: 16px 10px;
    }

    .how-build-tabs-list {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        gap: 16px;
    }

    .how-build-tabs-item {
        flex-shrink: 0;
    }

    .dropdown-vec-1 {
        display: none;
    }

    .dropdown-vec-2 {
        display: none;
    }

    .dropdown-vec-3 {
        display: none;
    }

    .dropdown-vec-4 {
        display: none;
    }

    .dropdown-vec-5 {
        display: none;
    }

    .dropdown-vec-6 {
        display: none;
    }

    .build-phase-title {
        line-height: 39px;
    }

    .mobile-app-tech-stack .tech-nav-list {
        padding-bottom: 0;
        margin-bottom: 0;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        gap: 20px;
    }

    .tech-nav-pills .tech-pills-link {
        width: max-content;
        flex-shrink: 0;
    }

    .new-mobile-dev-page .uae-exp-lead-text br {
        display: none;
    }

    .mobile-app-tech-stack .tech-tabs-container {
        gap: 25px;
        flex-direction: column;
    }

    .tech-tab-content-box {
        padding: 40px 20px;
    }

    .tech-stack-group {
        margin-bottom: 34px;
    }

    .tech-mockup-abs {
        margin-top: 30px;
    }

    .mobile-next-gen-sec .next-gen-accordion .accordion-button {
        line-height: 28px;
    }

    .btn-free-discovery {
        padding: 16px 28px;
    }

    .new-mobile-industries .on-demand-industries-card {
        border: none;
    }

    .blue-cta-new {
        background-position: center !important;
    }

    .blue-cta-img-box {
        padding: 0px 20px !important;
    }

    .success-tech-part {
        margin-bottom: 20px;
    }

    .new-related-post-sec .swiper-button-next:after,
    .new-related-post-sec .swiper-button-prev:after {
        display: none;
    }

    .new-testimonial-swiper .swiper-slide {
        width: 100% !important;
    }

    .mbf-feature-item {
        padding: 20px 27px;
        border-bottom: 1px solid #212121;
    }

    .uae-exp-heading {
        font-size: 26px;
        line-height: 39px;
    }

    .uae-exp-lead-text {
        font-size: 16px;
    }

    .phase-details-row {
        max-width: 100%;
        flex-direction: column;
    }

    .phase-details-row::after {
        display: none;
    }

    .build-phase-title {
        font-size: 27px;
    }

    .phase-details-row {
        gap: 43px;
    }

    .portfolio-card-info {
        text-align: center;
    }

    .portfolio-card-info .brand-header {
        justify-content: center;
        flex-direction: column;
    }

    .portfolio-item-card {
        font-size: 26px;
        border: 1px solid #555555;
        padding: 30px 37px;
        border-radius: 20px;
    }

    .portfolio-card-info .store-icons {
        justify-content: center;
    }

    .portfolio-card-info .view-btn {
        margin: auto;
    }

    .slide-inner {
        text-align: center;
    }

    .portfolio-right-img-bg {
        bottom: 0;
    }

    .portfolio-card-info .description {
        max-width: 100%;
        font-size: 15px;
    }

    .next-gen-accordion {
        margin-top: 20px;
    }

    .portfolio-card-info h4 {
        font-size: 25px;
    }
}

@media screen and (max-width:400px) {
    .main-about-banner {
        padding: 50px 0 !important
    }

    .priority-heading {
        font-size: 30px;
        text-align: left;
        line-height: 38px
    }

    .priority-paragraph {
        font-size: 15px;
        line-height: 29px
    }

    .main-contact-us-sec .captcha-div span input {
        width: 151px;
        font-size: 13px
    }

    .main-contact-us-sec .get-in-touch-form .submit-btn {
        font-size: 14px
    }

    .career-get-in-touch .get-in-touch-form {
        padding: 20px
    }

    .copyright br {
        display: block
    }

    .copyright {
        font-size: 13px !important;
        line-height: 26px
    }

    .digital-why-choose-us ul li {
        margin-right: 0
    }

    .get-in-touch-btn {
        font-weight: 500;
        line-height: 45px;
        font-size: 16px !important;
        position: absolute;
        top: 140% !important;
        right: 50px !important;
        transform: translateY(-50%);
        padding: 4px 25px !important;
        text-decoration: none;
        cursor: pointer;
    }

    .silder-slide-5 p,
    .silder-slide-5 p br {
        display: none
    }

    .silder-slide-4 {
        padding-bottom: 389px
    }

    .silder-slide-5 {
        min-height: auto;
        padding: 222px 0 967px
    }

    .silder-slide-2 {
        padding-bottom: 194px
    }

    .our-partners-sec .col-4 {
        width: 41.333333% !important;
        margin-bottom: 20px
    }

    .all-client-review-sec .layout-main-heading {
        padding: 0
    }

    .silder-slide-1 {
        padding-bottom: 154px
    }

    .silder-slide-3 {
        padding-bottom: 238px
    }

    .priority-content {
        margin: -86px 0 0;
        padding-bottom: 0
    }

    .about-paragraph {
        margin-bottom: 34px
    }

    .achievement-sec ul li {
        width: 41%
    }

    .app-dev-heading span {
        color: #3b65ec;
        font-size: 26px !important
    }
}

@media (min-width:1400px) {
    .healthcare-sucess-with-us-sec.finance-success img {
        margin-top: -50px !important
    }

    .healthcare-sucess-with-us-sec.finance-success,
    .mobility-solution-sec.financial-growth {
        margin-top: 0 !important
    }
}