/* @import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap); */
/* After bootstrap.min.css — keep Bootstrap components on brand purple */
:root {
    --bs-primary: #5b50a1;
    --bs-primary-rgb: 91, 80, 161;
    --bs-link-color: #5b50a1;
    --bs-link-hover-color: #4a4488;
}

.banner-content-wrapper h2 {
    color: #fff !important;
}

#back-to-top i:after,
#back-to-top i:before,
.AI-powered-solutions-for-business-growth p,
.ai-and-ml-development .accordion-body h4,
.fs-16,
.fs-17,
.header-menu span.dropdown-menu-wrapper .menu-title,
.icon-box-s2 .content-box p,
.inner-page-wrapper p.small,
.ot-icon-box .icon-box-btn i:before,
.pagination li a i:before,
.pagination li span i:before,
.privacy-policy,
.search-form .search-submit i:after,
.search-form .search-submit i:before,
.service-box-wrapper h3,
.side-navbar i,
.sidebar-modal .flaticon-phone-1:before,
.widget-footer .social-list li i,
blockquote,
body,
p,
section.Food-Delivery-App-Solution p {
    font-size: 16px
}

.Logo-design-page .Website-Design-bottom .col-md-12.col-lg-7,
.Website-Design .main-icon-box,
.What-We-Offer-img-section,
.ai-and-ml-development .our-Trusted-AI-and-ML-development-partner .col-md-6 .row .col-3,
.application-solution-benifits .content-box h5,
.astrology-application-development .testimonials-slider-wrap,
.border-left .box-style2,
.border-right .box-style2,
.cms-modules-we-deliver ul li,
.custom-benifits-section,
.different-industries-img,
.food-delivery-application section.Features .number,
.food-industries-img,
.header-topbar,
.icon-box-s2 .content-box,
.inner-entry-content,
.inner-wrapper .services,
.main-menu,
.octf-btn-cta,
.our-comprehensive-services .col-lg-8,
.page-header,
.process-steps,
.products-page .software-development-image,
.radio-box,
.search-form,
.service-wrapper-container,
.service2-area,
.steps-box,
.technology-bg,
.testimonial-section,
.topbar_languages>div,
.web-design-page .Website-Design-bottom .col-md-12.col-lg-7,
blockquote,
body,
section.Benefits .nummber,
sub,
sup {
    position: relative
}

pre,
textarea {
    overflow: auto
}

.ot-heading.s2>span,
button,
select {
    text-transform: none
}

*,
:after,
:before {
    box-sizing: border-box
}


button,
input,
optgroup,
select,
textarea {
    color: #4e4e4e;
    font-size: 16px;
    line-height: 1.5 !important;
    font-weight: 400;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    box-sizing: border-box
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 0
}

a {
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

a:active,
a:focus,
a:hover {
    color: #5b50a1;
    outline: 0
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before

/* ,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before */
    {
    content: "";
    display: table;
    table-layout: fixed
}

.img-outer .img-content {
    transition: .4s;
    overflow: hidden;
    position: relative;
    height: 180px
}

.img-outer .img-content::before {
    background: rgba(255, 255, 255, .3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
    transition: .4s linear
}

.img-container:hover .img-content::before {
    left: 0;
    right: 0;
    opacity: 0;
    transition: .4s linear
}

.img-outer .img-content img {
    transform: scale(1);
    transition: .4s ease-in-out
}

.Social-Media-Marketing .industries-section a:hover .icon-main,
.img-container:hover .img-content,
section.our-portfolio .gallery-box:hover .image img {
    transform: scale(1.1)
}

.pgrid .inner-post h3 {
    font-size: 18px;
}

.pgrid .inner-post .btn-readmore {
    margin-top: 0
}

.blog-post.format-audio .post-cat,
.blog-post.format-link .post-cat,
.blog-post.format-quote .post-cat,
.blog-post.format-standard:not(.has-post-thumbnail) .post-cat,
.border-left .box-style2:before {
    left: 0
}

.border-right .box-style2:after,
.sidebar-contact.active {
    right: 0
}

input::placeholder,
textarea::placeholder {
    color: #a5a5a5
}

.form-select,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    box-sizing: border-box;
    outline: 0;
    border: 1px solid #eaeaea;
    width: 100%;
    color: #000;
    font-size: 15px;
    border-radius: 5px;
    padding: 9px 12px;
    line-height: 32px;
    background-color: #fff
}

.social-list,
.topbar-info {
    padding: 0;
    list-style: none
}

.form-select:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    color: #000;
    outline: 0
}

select {
    border: 1px solid #e6e6e6;
    outline: 0;
    height: 50px !important;
    padding: 9px 12px;
    border-radius: 5px
}

textarea {
    width: 100%;
    vertical-align: top;
    border: 1px solid #ced4da
}

::-webkit-input-placeholder {
    color: #6d6d6d
}

::-moz-placeholder {
    color: #6d6d6d
}

:-ms-input-placeholder {
    color: #6d6d6d
}

:-moz-placeholder {
    color: #6d6d6d
}

.bold,
.technology-bg h5,
b,
strong,
th {
    font-weight: 700
}

.bolder {
    font-weight: 900
}

.normal,
caption,
td,
th {
    font-weight: 400
}

.lighter {
    font-weight: 300
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

.fs-40 {
    font-size: 40px !important
}

.fs-20 {
    font-size: 22px
}

.banner-wrapper .fs-40,
.owl-theme .owl-nav span {
    font-size: 40px
}

.py-4,
.why-choose-section-wrapper {
    padding: 4rem 0
}

.fw-600 {
    font-weight: 600 !important
}

img {
    font-size: 0
}

.grid-box:nth-last-child(-n+3),
.mobile-user-sub-menu>li:last-child,
.offcanvas-menu .active>.offcanvas-menu-expand:last-child,
.offcanvas-menu>ul>li:last-child,
.service-tab-wrapper .tab button:last-child,
.sub-menu>.active .offcanvas-menu-expand:last-child,
abbr[title] {
    border-bottom: none
}

button,
input {
    overflow: visible
}

.fs-20,
.fw-500,
.marketing-features h4,
.medium {
    font-weight: 500
}

.fw-800,
.wpcf7 .main-form button {
    font-weight: 800
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

#back-to-top,
.application-offer-section .solution-box .color-blue:hover,
.header-menu .about-us .dropdown-menus>.menu-item>.dropdown-items,
.header-menu .services .block-group .dropdown-menus>.menu-item>.dropdown-items,
.octf-btn,
.offcanvas-menu li a,
.openmenu-item,
.tabs>ul li a,
.tabs>ul li a:visited,
a,
a:active,
a:focus,
a:hover {
    text-decoration: none
}

cite,
dfn,
em,
i {
    font-style: italic
}

.cms-modules-we-deliver ul,
ol li,
ul li {
    list-style: none
}

ul li {
    color: #212529bf;
}

.theme-bg {
    background-color: #f1fbff
}

.text-white-20 {
    color: #e9e9e9
}

.banner-wrapper li,
.font-size-18,
.fs-18,
.industries-ecommerce-provider-wrapper h5,
.inner-wrapper .fs-18,
.lead,
.service2-card h3,
.slick-arrow i:before,
.social-service .icon-box-s3.i7 h5,
.text-custom-size,
.thankyou-page-wrapper p {
    font-size: 18px
}

.author-box,
.copyright,
.font14,
.fs-15,
.header-topbar,
.mobile-section p,
.ot-pricing-table-s2.s2 .title-table,
.posted-on a,
.technology-bg p {
    font-size: 14px
}

.newsletter-popup1 .modal-dialog,
embed,
iframe,
img,
object,
pre {
    max-width: 100%
}

#site-logo,
.dcell,
.icon-box-s3 .icon-main svg,
.octf-btn,
.octf-btn-cta,
.search-form .search-submit,
.topbar-info li i {
    vertical-align: middle
}

.cancel_btn a:hover,
.post-box .entry-title a:hover,
.underline,
abbr[title] {
    text-decoration: underline
}

progress,
sub,
sup {
    vertical-align: baseline
}

.plan_table,
.price-table,
table {
    border-collapse: collapse
}

.clear-both,
.clear:after,
.clearfix:after,
.comment-content:after,
.entry-content:after,
.gaps,
.site-header:after {
    clear: both
}

.carousel-caption *,
.case-study-wrapper .rayartwala-wrapper .typography-box h4.fontFamily,
.octf-btn {
    white-space: nowrap
}

.case-study-wrapper .rayartwala-wrapper .color-box span,
.no-margin,
.partners-slide figure,
.projects-grid.projects-no-gaps,
.seo-provider-benifits .nav-pills .nav-link:first-child,
.seo-provider-benifits .nav-pills .nav-link:last-child,
body,
button,
input,
optgroup,
select,
textarea {
    margin: 0
}

address,
table {
    margin: 0 0 1.5em
}

.header-logo {
    width: 200px
}

.header-logo img {
    height: 36px
}

.entry-header p,
.post-box .entry-title a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.products-page .main-text-crm span,
.products-page h3.main-text-crm {
    -webkit-text-fill-color: #ffffff00;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.15)
}

.btn-border,
.lead-generation-wrapper .highlighted-features,
a {
    background-color: transparent
}

#site-logo img.logo-static,
.Logo-design-page .Web-Design-Services .taber-list-wraper .active,
.Logo-design-page .Web-Design-Services .taber-list-wraper .content-box.active,
.Logo-design-page .Web-Design-Services .taber-list-wraper .item-image.active,
.content-wrapper.show,
.digital-marketing .highlighted-features .nav-tabs .nav-link.active p,
.footer-area .footer-top .left-content .footer-clients img,
.footer-area .footer-top .left-content .logo img,
.gallery-caption,
.icon-box-s2.s1 .icon-main span,
.icon-box-s2.s3 .icon-main span,
.is-stuck #site-logo img.logo-scroll,
.tab .tabs_item:first-child,
.tabs section.active,
.tabs>ul li,
.technologies-stack .tabs section.active,
.technologies-stack .tabs>ul li,
details,
section.Functionality .inner-tabber .nav-tabs .nav-item .nav-link.active p {
    display: block
}

#site-logo img.logo-scroll,
.Logo-Design:before,
.Logo-design-page .Web-Design-Services .taber-list-wraper .content-box,
.Logo-design-page .Web-Design-Services .taber-list-wraper .item-image,
.digital-marketing .highlighted-features .nav-tabs .nav-link .row,
.digital-marketing .highlighted-features .nav-tabs .nav-link p,
.food-delivery-application .banner-section:after,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.header-menu .description,
.header-menu .industries .description,
.header-menu .industries .long-title,
.header-menu .services .block-group .dropdown-menu-wrapper,
.header_mobile,
.hero-slider .swiper-pagination-bullet,
.hero-style .swiper-button-next:after,
.hero-style .swiper-button-prev:after,
.industries .content-wrapper,
.industries-expert-box h4,
.is-stuck #site-logo img.logo-static,
.mobile-app-development-wrapper .service-wrapper-container::after,
.mobile-app-development-wrapper .services:after,
.mobile-mask,
.mobile-menu-user-menu>li:last-child::after,
.offcanvas-menu li .mobile-sub-menu,
.ot-accordions .acc-item .acc-toggle i.up,
.ot-accordions .acc-item.current .acc-toggle i.down,
.ot-counter.v3 h6:before,
.ot-pricing-table .inner-table .details.no-icon ul li:before,
.ot-pricing-table-s2 .price .per-year,
.ot-pricing-table-s2 .price .price-2,
.page-header .breadcrumbs li:first-child:before,
.pgrid .inner-post .comment-num,
.plan_table tr.child.hidden,
.products-page .erp-aboutus .container:before,
.products-page .software-development-image-wrap .software-development-image:before,
.projects-style-1 .projects-box .portfolio-info .portfolio-cates span:last-child,
.side-navbar .hamburger-lines,
.side-navbar input[type=checkbox],
.steps-box li:first-child::before,
.tab .tabs_item,
.widget .recent-news h6 a:before,
.wpcf7 span.wpcf7-not-valid-tip,
[hidden] {
    display: none
}

.color-blue,
.extra-text a,
.footer-menu ul li a:hover,
.header-topbar a:hover,
.icon-box-s1 .icon-main,
.icon-box-s2 .content-box h5 a:hover,
.icon-box-s2:hover .icon-main,
.industries_section h4,
.ot-pricing-table .inner-table .details ul li.active:before,
.post-box .link-box a:hover,
.price-table .fa-check,
.project_filters li a.selected,
.project_filters li a:hover,
.slick-arrow:not(.slick-disabled):hover,
.sub-menu>li>a:hover,
.tech-box i,
.tech-box span,
.text-second,
.widget .recent-news h6 a:hover,
.widget-area .widget ul:not(.recent-news)>li a:hover,
.widget-area .widget_categories ul li a:hover+span {
    color: #5b50a1
}

blockquote {
    margin: 30px 0;
    padding: 35px 30px 30px;
    background: #f4f5f8;
    border-left: 2px solid #5b50a1
}

pre {
    background: #eee;
    font-family: "courier 10 pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.7142857143;
    margin-bottom: 1.6em;
    padding: 1.6em
}

.bg-alt {
    background: #f8f8f8
}

.bg-background {
    background-color: #eff2f6
}

.bg-primary,
.bg-second,
.icon-main.info,
.octf-btn.octf-btn-second:focus,
.octf-btn.octf-btn-second:hover,
.owl-dots .owl-dot.active,
.owl-dots .owl-dot:hover,
.search-form .search-submit:hover,
.seo-analysis .single-services-box .active,
.seo-analysis .single-services-box:hover .tabs>ul li a,
.testi-i7 .owl-theme .owl-dots .owl-dot.active span,
.testi-i7 .owl-theme .owl-dots .owl-dot:hover span,
.wpcf7 .main-form button:hover {
    background: #5b50a1 !important
}

.search-submit {
    position: absolute;
    right: 10px;
    top: 10px
}

.text-primary {
    color: #5b50a1 !important
}

.btn-large {
    padding: 20px 35px
}

.section-padd {
    padding: 110px 0
}

.section-padd-bot {
    padding-bottom: 110px
}

.pt-110,
.section-padd-top {
    padding-top: 110px
}

.section-padd-top70 {
    padding-top: 70px
}

.flex-middle,
.pt-50,
.section-padd-top50 {
    padding-top: 50px
}

.main-navigation ul,
.unstyle {
    list-style: none;
    padding-left: 0
}

.mt--70 {
    margin-top: -70px
}

.mt-35 {
    margin-top: 35px
}

.ot-heading.s2>span {
    background: #5b50a124;
    padding: 0 12px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px
}

/* .Website-Design .Website-Design-top .ot-heading h2.heading-1,
.Website-Design-Services-in-India .ot-heading h2,
.Website-Design-Services-in-India .ot-heading h3,
.application-industries .tabs-wrapper .tabs .tab-link.active span.tab-label,
.application-page .single-featured-box:hover h3,
.application-page .single-featured-box:hover p,
.application-solution-box:hover h5,
.astro-why-choose .process-heading,
.banner-section .ot-heading h2,
.benefits-seo-delhi .seo-service-section .solution-box:hover h4,
.benefits-seo-delhi .seo-service-section .solution-box:hover p,
.boosting-list-tab .tabs li.current a i,
.boosting-list-tab .tabs li:hover a i,
.case-study-wrapper .left-box p.text,
.category-div .content:hover .content-details p,
.copyright-area .social-links li a:hover,
.copyright-area p a:hover,
.core-service-box button:hover a,
.digital-marketing .single-featured-box:hover h3,
.digital-marketing .single-featured-box:hover p,
.digital-marketing .single-featured-box:hover span,
.extra-text a:hover,
.fixed-header .main-menu nav>ul>li>a,
.fixed-header .nav-links .menu-title,
.footer .footer-link,
.footer .footer-link:hover,
.footer-area .footer-bottom .footer-contact-info .footer-contact-info-item p a:hover,
.footer-area .footer-top .right-content .right-content-inner .footer-experience .footer-experience-item,
.footer-links ul li a:hover,
.footer-menu ul li a:visited,
.industry-core-service-box button:hover a,
.list-items a:hover,
.ot-pricing-table:hover .details ul li.active,
.ot-pricing-table:hover h4,
.page-header .breadcrumbs li a:hover,
.products-page .contact-btn a:hover,
.projects-style-1 .projects-box .portfolio-info .portfolio-cates a,
.projects-style-1 .projects-box .portfolio-info h5 a,
.search-form .search-submit i,
.seo-analysis .single-services-box .active .tab-label,
.seo-service-section .bg-blue .content-box h5,
.seo-service-section .bg-blue .content-box p,
.service-tab-wrapper .tab button.active,
.services-section.bg-ffffff .single-services-box:hover h3,
.services-section.bg-ffffff .single-services-box:hover p,
.social-bg .social-list li a,
.technologies-stack .tabs>ul li a.active .tab-label,
.text-light,
.text-light *,
.text-white h2,
.text-white span,
.web-design-page .contact-btn a:hover {
    color: #fff
} */

.icon-box-s2 .content-box h5 a,
.ot-pricing-table .inner-table .details ul li.active,
.text-dark {
    color: #1b1d21
}

.blog-page,
.header-bottom .main-menu nav>ul>li>a,
.inner-entry-content strong,
.mobile-app-development-wrapper .services .item .icon-box-hover2:hover .content-box h5,
.ot-switcher>span.active,
.page-section,
.seo-benifits .icon-box-s2 .content-box h5,
.services-block-i6 p span,
.services-section h5 a,
.sticky-header.sticky .main-menu nav>ul>li>a,
.wpcf7 .main-form p {
    color: #000
}

.blog-post .tagcloud a:hover,
.key-moduls-wrapper .nav-tabs .nav-link.active,
.mobile-app-development-wrapper section.service-wrapper-container .contact-btn a.octf-btn:hover,
.octf-btn,
.octf-btn.octf-btn-light:focus,
.octf-btn.octf-btn-light:hover,
.octf-btn.octf-btn-second,
.octf-btn:focus,
.octf-btn:hover,
.ot-button-outline a:hover,
.ot-pricing-table-s2 .table-btn:hover,
.ot-pricing-table-s2.s2 .table-btn:hover,
.portfolio-tab ul .active,
.portfolio-tab ul li:hover,
.products-page .cms-middle-banner .contact-btn a:hover,
.products-page .cms-middle-banner .contact-btn button:hover {
    background: #5b50a1;
    color: #fff
}

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

.f-left {
    float: left
}

.f-right,
.icon-box-s2.s3 .icon-main,
.section-case-study .ot-button-outline {
    float: right
}

.dtable {
    display: table
}

.dcell {
    display: table-cell
}

.flex-middle {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 50px
}

.b-shadow,
.contact-info.box-style1:hover {
    box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1)
}

.Website-Design-Services-in-India,
.mobile-app-development-wrapper .services,
.over-hidden,
.overflow,
.portfolio-swiper,
.post-box .quote-box,
.projects-style-1 .projects-box .projects-thumbnail,
.web-design-page,
section.app-development-process,
svg:not(:root) {
    overflow: hidden
}

.overlay {
    background: rgb(3 39 54/91%);
    opacity: .8;
    z-index: -1;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.gaps {
    height: 20px;
    display: block
}

.gaps.size-2x,
.space-40 {
    height: 40px
}

.slick-arrow {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: -57px;
    margin-top: -17px;
    background: 0 0;
    color: #1b1d21;
    border: none;
    outline: 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.slick-arrow.next-nav {
    left: auto;
    right: -57px
}

.slick-dots li button {
    width: 12px;
    height: 12px
}

.slick-dots li button:before {
    font-size: 32px;
    line-height: 10px;
    width: auto;
    height: auto;
    color: #d0d0d0
}

.slick-dots li.slick-active button:before {
    color: #5b50a1;
    font-size: 45px;
    left: -2px
}

table {
    width: 100%;
    border-spacing: 0
}

caption,
td,
th {
    padding: 0;
    text-align: left
}

table,
td,
th {
    border: 1px solid #eee
}

td,
th {
    padding: .4375em
}

.header-topbar {
    height: 28px;
    line-height: 2;
    font-weight: 600
}

.header-topbar a {
    color: #fff;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    font-weight: 500
}

.header-bottom {
    z-index: 9;
    background: #fff;
    width: 100%
}

.fixed-header {
    position: fixed;
    background: 0 0;
    top: 0
}

.offcanvas-menu .mobile-sub-menu ul li a,
.offcanvas-menu li .mobile-sub-menu {
    line-height: 1;
    color: #161616;
    font-weight: 400;
    font-size: 12px
}

.sticky-header.sticky {
    position: sticky;
    z-index: 9999;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 0 3px rgba(60, 72, 88, .15);
    border-bottom: 0
}

.mobile-menu-social>li:last-child,
.mobile-menu-user-menu>li:last-child,
.octf-btn-cta .toggle_search.i8,
.project_filters li:last-child,
.social-list li:last-child,
section.Functionality .inner-tabber .nav-tabs .nav-item:not(:last-child),
section.Functionality .inner-tabber .nav-tabs .nav-link {
    margin-right: 0
}

.mobile-menu-email:hover,
.mobile-menu-user-menu>li>a:hover,
.mobile-user-sub-menu>li>a:hover {
    color: #261146
}

.menu-banner {
    margin-top: 20px
}

.menu-banner>a {
    display: block;
    width: 100%
}

.application-solution-benifits .col-lg-12.col-md-12:last-child .content-box h5:after,
.custom-api-section::after,
.hero-slider .swiper-container,
.menu-banner img,
.mobile-menu-customer-support-icon img,
.our-portfolio .box-wrap img,
.plan_table,
.post-box .audio-box iframe,
.quote-form .overlay,
.sidebar-modal,
.space-1,
.space-10,
.space-100,
.space-105,
.space-110,
.space-115,
.space-120,
.space-130,
.space-140,
.space-15,
.space-150,
.space-2,
.space-20,
.space-25,
.space-26,
.space-3,
.space-30,
.space-35,
.space-4,
.space-40,
.space-45,
.space-5,
.space-50,
.space-55,
.space-60,
.space-65,
.space-70,
.space-75,
.space-80,
.space-85,
.space-90,
.space-95 {
    width: 100%
}

.mobile-menu {
    padding: 5px;
    display: block;
    border-radius: 4px
}

.mobile-menu-dash {
    display: block;
    width: 22px;
    height: 3px;
    background: #5b50a1;
    margin-top: 3px;
    margin-bottom: 3px
}

.offcanvas {
    z-index: 999999;
    position: fixed;
    top: 0;
    overflow: auto;
    height: 100vh;
    padding: 0;
    transition: .3s;
    transform: translateX(100%);
    box-shadow: none;
    background: #fff;
    color: #eaeaea;
    width: 300px;
    overflow-x: hidden;
    box-shadow: 0 3.4px 2.7px rgb(0 0 0/1%), 0 8.7px 6.9px rgb(0 0 0/1%), 0 17.7px 14.2px rgb(0 0 0/1%), 0 36.5px 29.2px rgb(0 0 0/1%), 0 100px 80px rgb(0 0 0/2%)
}

.offcanvas-leftside {
    left: 0;
    transform: translateX(-100%)
}

.offcanvas-rightside {
    right: 0;
    transform: translateX(100%)
}

.offcanvas.offcanvas-open {
    transform: translateX(0)
}

.offcanvas-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .5)
}

.offcanvas-header {
    margin-bottom: 0;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 99
}

.offcanvas-header img {
    width: 120px
}

.offcanvas-close {
    font-size: 14px;
    width: 26px;
    height: 26px;
    line-height: 23px;
    text-align: center;
    background: #5b50a1;
    border-radius: 50%;
    transition: .3s;
    color: #fff
}

.offcanvas-close:hover {
    color: #cacaca;
    border-color: #261146
}

.offcanvas-title {
    margin-bottom: 40px
}

.mobile-menu-user-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    justify-content: center
}

.mobile-menu-user-menu>li {
    margin-right: 40px;
    position: relative
}

.mobile-menu-user-menu>li::after {
    position: absolute;
    content: "|";
    top: 50%;
    transform: translateY(-50%);
    right: calc(0% - 20px)
}

.mobile-menu-user-menu>li>a {
    display: inline-block;
    line-height: 46px;
    color: #666 !important
}

.has-mobile-user-dropdown {
    position: relative;
    padding-right: 15px
}

.has-mobile-user-dropdown::before {
    content: "";
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-weight: 400
}

.mobile-user-sub-menu {
    position: absolute;
    top: calc(100%);
    left: 50%;
    transform: translate(-50%, -30px);
    padding: 10px 15px;
    width: 160px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 3px;
    transition: .3s;
    visibility: hidden;
    opacity: 0;
    z-index: 99
}

.Logo-design-page section.Our-Logo-Design-Portfolio .box img,
.header-topbar a,
.octf-btn,
.post-box .inner-post,
a {
    transition: .3s linear
}

.mobile-user-sub-menu>li {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 5px 0
}

.mobile-user-sub-menu>li>a {
    position: relative;
    color: #666;
    display: flex;
    align-items: center
}

.user-sub-menu-link-icon {
    padding-right: 5px
}

.has-mobile-user-dropdown:hover .mobile-user-sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0)
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage,
.mobile-menu-customer-support {
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-menu-customer-support-icon {
    max-width: 50px;
    overflow: hidden;
    margin-right: 30px
}

.mobile-menu-bottom {
    bottom: 10px;
    background-color: #fff
}

.offcanvas-menu,
.wpcf7 div.wpcf7-response-output {
    margin: 5px 0 0
}

.offcanvas-menu li {
    position: relative;
    padding: 5px
}

.offcanvas-menu>ul>li {
    border-bottom: 1px solid #e0e6e8
}

.offcanvas-menu .test {
    font-size: 14px !important;
    font-weight: 500 !important
}

.offcanvas-menu li a {
    display: block;
    color: #000;
    padding: 0 15px;
    font-size: 14px
}

.offcanvas-menu li a:hover {
    color: #5b50a1
}

.offcanvas-menu-expand::after {
    content: "\f067";
    position: absolute;
    font-family: fontawesome;
    right: 15px;
    transition: .3s;
    color: #666;
    font-size: 14px
}

.offcanvas-menu .active>.offcanvas-menu-expand::after,
.sub-menu>.active .offcanvas-menu-expand::after {
    color: #5b50a1;
    content: "\f068";
    font-family: fontawesome
}

.offcanvas .mobile-menu-social {
    padding: 7px 0;
    text-align: center;
    width: 100%;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #cccccc69
}

.mobile-menu-social>li {
    display: inline-block;
    margin-right: 10px
}

.mobile-menu-social>li>a {
    display: inline-block;
    padding: 0;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    background: #5b50a1
}

/* .mobile-menu-social>li>a:hover {
    opacity: .7
}

.mobile-menu-social>li>a.facebook {
    background: #4867aa
}

.mobile-menu-social>li>a.twitter {
    background: #1da1f2
}

.mobile-menu-social>li>a.instagram {
    background: #b23a94
} */

.social-list {
    margin: 0 0 0 25px
}

.social-list li {
    display: inline-block;
    margin: 0 8px 0 0
}

.social-list li a i {
    font-size: 25px;
    font-weight: 400;
    color: #000;
}

.topbar-info {
    margin: 0;
    float: left
}

.topbar-info li {
    padding: 0 20px;
    float: left
}

.mega-menu-item:first-child,
.steps-box li:first-child,
.topbar-info li:first-child {
    padding-left: 0
}

.topbar-info li i {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    margin-right: 7px;
    line-height: 1
}

.owl-dots .owl-dot:focus {
    outline: 0
}

.octf-btn {
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    font-size: 16px;
    padding: .6rem 1rem;
    line-height: 1.42857143;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    border: 1px solid #5b50a1;
    outline: 0;
    border-radius: 5px
}

#site-logo,
.octf-btn-cta {
    display: inline-flex
}

.octf-btn.octf-btn-light {
    background: 0 0;
    color: #5b50a1;
    border-image-slice: 1;
    border-width: 3px;
    border-image-source: linear-gradient(to left, #5b50a1, #8ecf88);
    -webkit-border-radius: 5px
}

.octf-btn-dark {
    color: #fff;
    background: #1b1d21
}

.about-home6,
.about-overlay-6,
.cta-h2,
.home2-top,
.overlay-image,
.pricing-table-i6,
.pricing-table-i6 .overlay,
.support-i7,
.testi-i7 {
    background-repeat: no-repeat
}

.octf-btn-dark:focus,
.octf-btn-dark:hover {
    background: #fff;
    color: #1b1d21
}

.btn-details {
    font-size: 16px;
    font-weight: 500;
    color: #5b50a1;
    border: 1px solid #5b50a1;
    padding: .4rem 0 .4rem 8px;
    border-radius: 5px
}

.btn-details i {
    margin-right: 8px;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear
}

.btn-details i:before,
.cancel_btn a,
.subscription-id p,
ul.style-none li i {
    font-size: 15px
}

.octf-btn-cta .btn-cta-group {
    margin-left: 40px
}

.octf-btn-cta .contact-header {
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 1;
    border-left: 1px solid #dcdde1;
    padding-left: 1rem
}

.octf-btn-cta .contact-header i {
    font-size: 22px;
    color: #5b50a1;
    margin-right: 12px
}

.octf-btn-cta .contact-header span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #6d6d6d
}

.octf-btn-cta .contact-header span a,
.octf-btn-cta .contact-header span.main-text {
    font-size: 16px;
    color: #1b1d21;
    margin-top: 7px
}

#site-logo {
    align-items: center;
    justify-content: flex-start;
    line-height: 1
}

.cookies__link,
.custom-logo-link,
.flex-icons,
.menu-title {
    display: inline-block
}

.page-header {
    background-image: url(images/background/breadcrumb_bg_01.html);
    z-index: 1
}

.page-header .page-title {
    color: #fff;
    margin-bottom: 0;
    flex: 1;
    padding: 10px 20px 10px 0
}

.page-header .breadcrumbs {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    background: #5b50a1;
    padding: 10px 20px;
    border-radius: 52px
}

.page-header .breadcrumbs li {
    display: inline-block;
    color: #fff
}

.page-header .breadcrumbs li:before {
    content: "\f178";
    font-family: fontawesome;
    font-size: 13px;
    color: #fff;
    margin: 0 8px;
    display: inline-block;
    vertical-align: middle
}

.blog-post,
.cta-h2 .ot-heading,
.feedback-checkboxes .feedback-item label,
.footer-area .footer-top .right-content .right-content-inner .footer-experience .footer-experience-item p,
.icon-box-s2 .content-box p:last-child,
.icon-box-s3 p,
.img-box,
.industries-expert-box p,
.ot-accordions .acc-item .acc-content p:last-child,
.ot-accordions .acc-item .acc-content ul:last-child,
.ot-accordions .acc-item:last-child,
.pagination,
.visible_content p.icon-box-des,
.widget .recent-news h6,
.widget-area .widget ul:not(.recent-news)>li:last-child,
.widget-area .widget:last-child,
.widget-footer,
.wpcf7 .main-form p:last-child {
    margin-bottom: 0
}

.page-header .breadcrumbs li a {
    color: #fff;
    opacity: .7
}

.contact-page .main-form {
    padding: 50px 60px;
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, .15)
}

.blog-post,
.blog-post:hover,
.industry-related-service .zoom-box,
section.Blog .card button.read-more-btn.octf-btn:hover {
    box-shadow: none
}

.post-box .post-cat {
    position: absolute;
    z-index: 2;
    top: -20px;
    display: flex
}

.img-box,
.projects-style-1 .projects-box {
    position: relative;
    overflow: hidden
}

.bottom-box {
    background-color: #f4f5f8;
    transition: .4s;
    padding: 8px 15px
}

.bottom-box a {
    font-size: 14px;
    font-weight: 700
}

.post-box .inner-post {
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    border: 1px solid #e7e7e7;
    position: relative
}

.post-box .post-cat a {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    color: #fff;
    background: #000000;
    padding: 10px 14px;
    margin-right: 6px;
    border-radius: 4px;
}

.post-box .entry-title a {
    color: #1b1d21;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 0;
    height: 48px
}

.post-box .padding-box {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    padding: 40px 40px 0;
    border: 1px solid #e7e7e7;
    border-bottom: none
}

.post-box .padding-box+.inner-post {
    border-top: none;
    padding-top: 20px
}

.post-box .img-slider .slick-arrow {
    height: 65px;
    width: 50px;
    background: #262051;
    color: #fff;
    left: 0
}

.post-box .img-slider .slick-arrow:hover {
    background: #fff;
    color: #262051
}

.owl-theme .owl-nav .owl-next,
.post-box .img-slider .next-nav {
    left: auto;
    right: 0
}

.post-box .link-box a {
    font-size: 22px;
    font-weight: 600;
    color: #1b1d21
}

.about-desc-6 ul li i,
.post-box .link-box i {
    color: #5b50a1;
    margin-right: 15px
}

.post-box .link-box i:before,
.post-box .quote-box i:before {
    font-size: 32px;
    line-height: 1
}

.post-box .quote-box i {
    float: left;
    color: #5b50a1
}

.post-box .quote-box .quote-text {
    padding-left: 52px;
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
    color: #1b1d21
}

.post-box .quote-box .quote-text span {
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #b5b5b5
}

.pagination li {
    display: inline-block;
    margin-left: 0 !important
}

.pagination li a,
.pagination li span {
    font-size: 16px;
    color: #1b1d21;
    background: #fff;
    font-weight: 600;
    height: 40px;
    width: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    margin-right: 5px;
    border: 1px solid #e7e7e7
}

.pagination li a:hover,
.pagination li span {
    background: #5b50a1;
    color: #fff;
    border-color: #5b50a1
}

.pagination li.disabled span {
    background-color: transparent;
    color: #000;
    border: 1px solid #e7e7e7
}

.blog-post {
    overflow: inherit
}

.blog-post p {
    color: #000000cf;
    font-size: 18px;
}

/* .blog-post p {
    line-height: 1.5;
    color: #000;
    font-size: 18px
} */

/* .blog-heading h1,
.heading-2 {
    font-size: 34px
} */


.blog-post-content h3 {
    font-size: 22px;
    margin-bottom: 0
}

.blog-post li {
    margin-bottom: 1rem;
    line-height: 1.2;
    color: #000
}

.blog-page blockquote {
    border-left: 5px solid #5b50a1;
    padding: 1em 1em 1em 2em;
    margin: 1rem 0;
    background-color: #d3d3d226;
    font-style: italic;
    font-weight: 700;
    font-size: 17px
}

.blog-post .entry-summary ul li strong {
    color: #000;
    display: inline-block;
    margin-bottom: .6rem;
    margin-top: 2rem
}

.entry-summary img {
    margin: 1rem 0
}

.blog-post .tagcloud {
    margin: 2px -3px 0;
    float: left
}

.blog-post .tagcloud a {
    color: #1b1d21;
    background: #f6f6f6;
    font-size: 14px !important;
    font-weight: 600;
    padding: 10px 12px;
    margin: 0 3px;
    line-height: 1;
    display: inline-block
}

.blog-post .padding-box,
.blog-post>.inner-post {
    padding-left: 0;
    padding-right: 0;
    border: none
}

.blog-tags .tagcloud {
    background: #f4f5f8;
    flex-wrap: wrap;
    padding: 1rem
}

.blog-tags .tagcloud a {
    background-color: #fff;
    padding: .2rem .6rem
}

.widget ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.widget ul li {
    position: relative;
    display: flex
}

.widget .tagcloud {
    margin: 0 -3px -10px
}

.widget .tagcloud a {
    color: #1b1d21;
    background: #fff;
    font-size: 14px !important;
    font-weight: 700;
    padding: 10px 12px;
    margin: 0 3px 10px;
    line-height: 1.5;
    display: inline-block;
    border-radius: 6px
}

.widget-area .widget {
    margin-bottom: 45px
}

.widget-area .widget .widget-title {
    padding-bottom: 18px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.widget-area .widget .widget-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 25px;
    height: 3px;
    background: #5b50a1
}

.widget-area .widget ul:not(.recent-news)>li {
    font-weight: 600;
    font-size: 16px;
    position: relative;
    margin-bottom: 11px;
    line-height: 24px
}

.widget-area .widget ul:not(.recent-news)>li a,
.widget-area .widget_archive ul li a,
.widget-area .widget_categories ul li a {
    color: #1b1d21;
    display: inline-block;
    position: relative;
    transition: .35s linear;
    -webkit-transition: .35s linear;
    -moz-transition: .35s linear;
    -o-transition: .35s linear;
    -ms-transition: .35s linear
}

.widget-area .widget select {
    width: 100%;
    padding: 8px;
    outline: 0
}

.AI-powered-solutions-for-every-industry .col-lg-3 .box .content h6,
.Web-Design-Services .tech-box .icon-main,
.astrology-application-development .Astrology-box h5,
.sidebar-modal .about-area,
.widget-area .widget table caption {
    margin-bottom: 10px
}

.widget-area .widget table td,
.widget-area .widget table th {
    border-color: #aaa;
    text-align: center
}

.widget-area .widget_categories ul li a:before {
    content: "//";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    color: #5b50a1;
    transition: .35s linear;
    -webkit-transition: .35s linear;
    -moz-transition: .35s linear;
    -o-transition: .35s linear;
    -ms-transition: .35s linear
}

.widget-area .widget_categories ul li a+span {
    transition: .35s linear;
    -webkit-transition: .35s linear;
    -moz-transition: .35s linear;
    -o-transition: .35s linear;
    -ms-transition: .35s linear;
    color: #b7b6b6
}

.widget-area .widget_categories ul li a:hover {
    color: #5b50a1;
    padding-left: 15px
}

.portfolio:hover .label,
.sidebar-modal.active,
.widget-area .widget_archive ul li a:hover:before,
.widget-area .widget_categories ul li a:hover:before {
    opacity: 1;
    visibility: visible
}

.widget .recent-news {
    padding-top: 5px
}

.form-wrap .form-group,
.sidebar-modal .contact-area .title,
.widget .recent-news li:not(:last-child) {
    margin-bottom: 25px
}

.widget .recent-news .thumb {
    float: left;
    margin-right: 20px;
    flex-basis: 50%
}

.widget .recent-news .entry-header {
    flex-basis: 80%
}

.widget .recent-news h6 a {
    color: #1b1d21;
    display: block;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 600
}

.widget .recent-news .entry-date {
    font-size: 14px;
    line-height: 1;
    color: #797979
}

.gallery {
    margin-bottom: 1.5em;
    margin-left: -7px;
    margin-right: -7px
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
    padding: 7px
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.astrology-application-development .process-step {
    max-width: 20%;
    padding: .4rem
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.ot-heading,
.technology-left p {
    margin-bottom: 15px
}

/* .ot-heading .heading-1,
.ot-heading h1 span,
.ot-heading h2 span,
.ot-heading h3 span,
.ot-heading p span,
.ot-heading>span {
    color: #8ecf88;
    position: relative;
    display: inline-block;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02rem;
    font-family: Mulish
} */

.contact-form-wrap h3,
.ot-heading h3 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700
}

.icon-box-s2.s1 .icon-main,
.icon-box-s2.s3 .icon-main {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    float: left;
    text-align: center;
    line-height: 1;
    color: #5b50a1
}

.icon-box-s2.s1 .icon-main i,
.icon-box-s2.s1 .icon-main span:before,
.icon-box-s2.s3 .icon-main i,
.icon-box-s2.s3 .icon-main span:before,
.work-process-item .icon ::before {
    font-size: 45px
}

.icon-box-s2 .content-box h5 {
    margin-bottom: 5px;
    font-weight: 700;
    color: #000;
    font-size: 18px
}

.icon-box-s2.s1 .content-box,
.icon-box-s2.s3 .content-box {
    padding-left: 75px
}

.icon-box-s2.s2 {
    padding: 40px 45px;
    position: relative;
    overflow: hidden
}

.icon-box-s2.s2 *,
.ot-pricing-table * {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear
}

.icon-box-s2.s2:after,
.icon-box-s2.s2:before {
    width: 0;
    opacity: 0;
    transition: .3s linear;
    position: absolute;
    content: "";
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.icon-box-s2.s2 .icon-main {
    color: #5b50a1;
    margin-bottom: 30px;
    line-height: 1
}

.icon-box-s2.s2 .icon-main i,
.icon-box-s2.s2 .icon-main span:before {
    font-size: 40px;
    line-height: 1
}

.icon-box-s2.s2 .icon-main img {
    max-width: 40px;
    margin-top: -5px
}

.icon-box-s2.s2:before {
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.icon-box-s2.s2:after {
    height: 0;
    top: -15px;
    right: -15px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #5b50a1
}

.icon-box-s2.s2:hover {
    background: 0 0 !important;
    box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1)
}

.icon-box-s2.s2:hover:before {
    width: 100%;
    opacity: 1
}

.icon-box-s2.s2:hover:after {
    opacity: 1;
    width: 30px;
    height: 30px
}

.icon-box-s2.s2 .content-box h5 {
    margin-bottom: 14px
}

.icon-box-s2.s3 .content-box {
    text-align: right;
    padding-left: 0;
    padding-right: 75px
}

.project-slider,
.projects-grid {
    position: relative;
    margin: -15px
}

.project_filters:after,
.projects-grid:after {
    content: "";
    display: block;
    clear: both
}

.project-item {
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.projects-grid.pf_5_cols .project-item,
.site-wrapper .s1 .icon-main img {
    width: 20%
}

#audit-section .tab-head>li,
.col-box.active,
.col-box:hover,
.projects-col4 .project-item,
.projects-grid.pf_4_cols .project-item {
    width: 25%
}

.ot-counter.i7 div,
.ot-counter.i7 h5,
.projects-grid.pf_2_cols .project-item {
    width: 50%
}

.projects-style-1 .projects-box .portfolio-info {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 90px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.col-box.active .col-box-inner .offer-section-content,
.col-box:hover .col-box-inner .offer-section-content,
.nav-tabs .nav-link.active,
.projects-style-1 .projects-box .portfolio-info .overlay {
    background: 0 0
}

.projects-style-1 .projects-box .portfolio-info .portfolio-info-inner {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 3rem;
    margin: auto
}

.projects-style-1 .projects-box .portfolio-info h5 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 7px
}

.projects-style-1 .projects-box .portfolio-info .portfolio-cates {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 0
}

.projects-style-1 .projects-box .portfolio-info .portfolio-cates span {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px
}

.projects-style-1 .projects-box img {
    width: 100%;
    height: auto;
    display: block;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.contact-info,
.project_filters li a {
    transition: .3s linear;
    font-size: 18px
}

.projects-style-1 .projects-box:hover img,
.zoom-img .solution-box:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    filter: grayscale(90%)
}

.project_filters {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    padding-left: 0
}

.project_filters li {
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 5px
}

.project_filters li:first-child {
    margin-left: 0
}

.project_filters li a {
    position: relative;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    outline: 0;
    color: #1b1d21;
    padding-bottom: 10px;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.project_filters li a:after {
    position: absolute;
    height: 3px;
    width: 0%;
    right: 0;
    bottom: 0;
    background-color: #5b50a1;
    content: "";
    display: block;
    border-radius: 1.5px;
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.project_filters li a.selected:after,
.project_filters li a:hover:after {
    opacity: 1;
    left: 0;
    right: auto;
    width: 100%
}

.banner_destacados_wrapper .owl-nav .owl-next:hover,
.banner_destacados_wrapper .owl-nav .owl-prev:hover,
.category-div .content:hover .content-overlay,
.client-logo-pic img:hover,
.col-box:hover .col-box-inner .offer-section-content h5 img,
.products-page .choose-box:hover:after,
.projects-style-1 .projects-box:hover .portfolio-info,
.service-tab-wrapper .tab button.active img,
.sidebar-modal .sidebar-modal-inner .close-btn:hover {
    opacity: 1
}

.border-left .box-style2:before,
.border-right .box-style2:after {
    height: 70%;
    width: 1px;
    bottom: 12%;
    background: rgba(255, 255, 255, .1);
    display: block;
    position: absolute;
    content: ""
}

.contact-info {
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    margin-bottom: .6rem
}

.contact-info h6 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600
}

.banner-wrapper p,
.seo-services .single-services-box h3,
.single-career h4,
.typography-no {
    font-size: 20px
}

.contact-info img {
    width: 30px;
    margin-top: 3px;
    float: left
}

.contact-info p {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1.2
}

.contact-info p a {
    color: #5a6573
}

.contact-info .info-text {
    padding-left: 50px;
    font-weight: 500
}

.contact-info.box-style1 {
    padding: 30px 30px 25px
}

.faq-wrapper .ot-accordions,
.food-delivery-application section.Features .content-right h5,
.food-delivery-application section.Features .content-right p {
    text-align: left
}

.border-rounder .card-img-top,
.faq-wrapper .ot-accordions :first-child {
    border-radius: 20px 20px 0 0
}

.faq-wrapper .ot-accordions p span,
.faq-wrapper .ot-accordions ul li span,
.inner-wrapper .faq-wrapper p span,
.service-wrapper .tech-box p,
.solution-box p {
    font-size: 16px !important
}

.faq-wrapper .ot-accordions .acc-item .acc-toggle {
    padding: 8px 20px;
    border-radius: 10px
}

.ot-accordions .acc-item .acc-toggle {
    cursor: pointer;
    display: block;
    overflow: hidden;
    font-weight: 400;
    font-size: 18px;
    color: rgba(0, 0, 0, .8);
    padding: 12px 20px 0 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    border-radius: 10px;
    background: #f4f4f4;
    line-height: 2.2;
    text-align: left
}

.Content-Marketing .success-section .box,
.client-carousel-mobile a,
.mobile-app-development .textbox h5,
.mobile-app-development .textbox p,
.online-reputation .success-section .box,
.ot-counter,
.owl-dots,
.price-table tr td:not(:first-child),
.screenshot_slider .owl-nav,
.testimonial-slides .owl-dots {
    text-align: center
}

.ot-accordions .acc-item .acc-toggle i {
    float: right;
    text-align: center;
    line-height: 34px;
    color: rgba(0, 0, 0, .8);
    border-radius: 50%
}

.case-study-deatil h5,
.ot-accordions .acc-item .acc-toggle i:before {
    font-size: 24px
}

.ot-accordions .acc-item .acc-toggle:hover,
.ot-accordions .acc-item.current .acc-toggle,
.ot-accordions .acc-item.current .acc-toggle i {
    color: rgba(0, 0, 0, .8)
}

.ot-accordions .acc-item .acc-content {
    display: none;
    padding: 14px 30px 25px
}

.ot-accordions .acc-item.current .acc-toggle i.up {
    display: inherit
}

.ot-counter {
    font-weight: 800;
    color: #1b1d21;
    display: inline-block
}

.ot-counter span {
    font-size: 48px;
    line-height: 1
}

.ot-counter h6 {
    font-size: 14px;
    text-transform: uppercase;
    color: #5b50a1;
    margin-top: 13px;
    margin-bottom: 0;
    letter-spacing: 1px;
    display: inline-block;
    position: relative
}

.ot-counter.s2 h6 {
    margin-bottom: 13px;
    margin-top: 0
}

.ot-pricing-table {
    position: relative;
    overflow: hidden;
    padding: 45px 48px 48px;
    border: 1px solid #e7e7e7;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.ot-pricing-table .icon-main {
    position: absolute;
    top: -80px;
    right: -88px;
    width: 188px;
    height: 188px;
    color: #fff;
    background-color: #00deff;
    background-image: -moz-linear-gradient(125deg, #00deff, #502a71);
    background-image: -webkit-linear-gradient(125deg, #00deff, #502a71);
    background-image: linear-gradient(125deg, #00deff, #502a71);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.api-advantage-section .api-image img,
.ot-switcher .slider,
.services-wrapper {
    right: 0;
    position: absolute
}

.ot-pricing-table .icon-main i,
.ot-pricing-table .icon-main img,
.ot-pricing-table .icon-main span {
    position: absolute;
    bottom: 45px;
    left: 40px;
    font-size: 35px;
    line-height: 1
}

.ot-pricing-table .icon-main i:before,
.ot-pricing-table .icon-main img:before,
.ot-pricing-table .icon-main span:before {
    font-size: 35px
}

.burger-menu:hover span:nth-child(3),
.ot-pricing-table .icon-main img {
    width: 35px
}

.ot-pricing-table .inner-table .title-table {
    font-size: 24px;
    font-weight: 800
}

.ot-pricing-table .inner-table h2 {
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    color: #5b50a1;
    margin-bottom: 5px;
    position: relative;
    display: inline-block;
    padding-left: 27px
}

.ot-pricing-table .inner-table h2 sup {
    position: absolute;
    top: 15px;
    left: 5px;
    font-size: 50%;
    font-weight: 600
}

.ot-pricing-table .inner-table>span {
    color: #ababab;
    font-weight: 600;
    margin-bottom: 30px;
    display: block
}

.ot-pricing-table .inner-table .details {
    padding-top: 25px;
    padding-bottom: 30px;
    border-top: 1px solid #e5e5e5;
    font-weight: 600;
    color: #ababab
}

.ot-pricing-table .inner-table .details ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    line-height: 42px
}

.ot-pricing-table .inner-table .details ul li:before {
    content: "";
    font-family: flaticon;
    font-size: 15px;
    font-weight: 400;
    margin-right: 20px
}

.contact-btn a:hover,
.contact-btn button:hover,
.ot-pricing-table .octf-btn:hover,
.single-services-box:hover .icon {
    background: #fff;
    color: #5b50a1
}

.contact-panel__form .contact-btn button {
    padding: 10px 20px !important
}

.ot-pricing-table:hover {
    background: #262051;
    color: #fff
}

.ot-pricing-table:hover .details {
    border-color: rgba(255, 255, 255, .15);
    color: #8e88b8
}

.ot-pricing-table:hover .inner-table>span {
    color: #8e88b8
}

.ot-testimonials {
    margin: 0 -15px
}

.ot-testimonials .testi-item {
    padding: 0 15px;
    position: relative
}

.ot-testimonials .layer1 {
    background: #f8f8f8;
    position: absolute;
    left: 30px;
    bottom: -20px;
    width: calc(100% - 55px);
    height: 100%;
    z-index: -1;
    box-shadow: 3px 3px 13px 0 rgba(0, 0, 0, .1)
}

.ot-testimonials .layer2 {
    background: #fff;
    padding: 40px;
    margin-bottom: 40px;
    box-shadow: 3px 3px 13px 0 rgba(0, 0, 0, .1)
}

.ot-testimonials .t-head {
    overflow: hidden;
    justify-content: normal
}

.ot-testimonials .t-head img {
    margin-right: 30px
}

.ot-testimonials .t-head h6 {
    font-size: 20px;
    margin-bottom: 2px
}

.ot-testimonials .t-head span {
    color: #9f9f9f
}

.ot-testimonials .ttext {
    margin-top: 12px
}

.tab-body h5 {
    font-size: 17px;
    font-weight: 600;
    color: #fff
}

.tab-body p {
    color: #f8f8f8
}

.wpcf7 .main-form h2,
section.Benefits .content h5 {
    color: #000;
    margin-bottom: 10px
}

.astrology-application-development-Choose .Astrology-left ul li:not(:last-child),
.blog-grid .post-box,
.mb-30,
.ot-image-box.v3,
.widget-footer,
.widget-footer h5,
.wpcf7 .main-form .font14 {
    margin-bottom: 30px
}

.wpcf7 .main-form input,
.wpcf7 .main-form textarea {
    width: 100%;
    background: #fff;
    color: #000
}

.wpcf7 .main-form input::placeholder,
.wpcf7 .main-form textarea::placeholder {
    color: #8d8d8d
}

.wpcf7 .wpcf7-not-valid {
    border: 1px solid red
}

.wpcf7 div.wpcf7-acceptance-missing,
.wpcf7 div.wpcf7-validation-errors {
    background: #f7e700;
    color: #000
}

.wpcf7 div.wpcf7-mail-sent-ok {
    background: #398f14;
    color: #fff
}

.partners .swiper-slide-image {
    -webkit-filter: contrast(0%);
    filter: contrast(0%);
    opacity: .7;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.partners .swiper-slide-image:hover,
.partners-slide img:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.saas-benifits::after,
.swiper-pagination-fraction,
div.swiper-pagination-custom {
    bottom: 30px
}

.owl-dots .owl-dot {
    background: 0 0;
    border: none;
    padding: 0;
    width: 10px;
    height: 10px;
    background: #00bcd44d;
    margin: 2px;
    border-radius: 50%
}

.carousel-control-next,
.carousel-control-prev,
.feedback-item input,
.owl-carousel .owl-item img {
    width: auto
}

.owl-theme .owl-nav [class*=owl-] {
    z-index: 1;
    position: relative;
    top: 40%;
    width: 50px;
    height: 50px;
    line-height: 0;
    color: #5b50a1;
    border: 1px solid #5b50a1;
    border-radius: 2px;
    outline: 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #5b50a1;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-dots .owl-dot span {
    margin: 0 !important
}

.home2-top {
    background-position: top left;
    padding: 100px 0
}

/* .home2-top-right {
    margin-left: 60px
}

.home2-top-right .small-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 8px;
    color: #5b50a1
}

.home2-top-right h2 {
    font-size: 47px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 18px;
    color: #1b1d21;
    overflow-wrap: normal
}

.home2-top-right .sub-text {
    margin-bottom: 24px;
    line-height: 1.86
} */

.section-business {
    padding-top: 50px;
    background-color: #f4f4f4
}

.section-clent-h2 {
    padding: 200px 0 50px
}

.no-padding,
.projects-no-gaps .project-item,
.projects-no-gaps [class*=col-],
.section-technology {
    padding: 0
}

.section-technology-content {
    padding: 120px 15px 200px
}

.entry-content {
    padding: 90px 0 110px
}

.client-carousel img,
.icon-box-s2,
.img-outer,
.partners-slide img,
.zoom-img .solution-box img {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.technology-left .ot-heading {
    margin-bottom: 18px
}

.list-items,
.technology-left ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.technology-left ul li {
    padding-bottom: 7px;
    font-size: 18px;
    font-weight: 300
}

.app-benefits-left:last-child,
.app-benefits-right:last-child,
.list-items li:last-child,
.no-padding-bottom,
.technology-left ul li:last-child,
section.app-design-wrapper {
    padding-bottom: 0
}

.technology-left ul i {
    color: #5b50a1;
    font-size: 17px;
    padding-right: 10px
}

.mr-70,
.technology-left {
    margin-right: 70px
}

.technology-wrapper .ot-icon-box {
    text-align: left;
    padding: 30px
}

.post-box .about-desc-6 ul,
.single-career .about-desc-6 ul,
.solution-specialities h5,
.technology-bg h5 {
    font-size: 16px;
    font-weight: 600
}

.technology-tools-item {
    background: rgba(255, 255, 255, .11);
    border-radius: 15px;
    padding: 20px;
    margin-top: 25px
}

.tech-box.v3 {
    padding: 23px 30px;
    margin-bottom: 0
}

.tech-box.v3:hover {
    background-color: #141d38
}

.tech-box.sides-small {
    padding-left: 10px;
    padding-right: 10px
}

.cta-h2 {
    background-image: url(images/background/let-build-your-website.webp);
    background-size: inherit;
    margin-top: -120px;
    padding: 38px 70px;
    margin-bottom: 80px
}

.cta-h2 .ot-heading span {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px
}

.cta-h2 h3 {
    line-height: 50px;
    color: #fff;
    font-size: 40px
}

.cta-h2 .octf-btn {
    font-size: 16px;
    font-weight: 700;
    background-color: #5b50a1;
    padding: 20px 35px;
    line-height: 1;
    border-radius: 5px
}

.cta-h2 .octf-btn:hover {
    color: #5b50a1;
    background-color: #fff
}

.tech-box {
    border: 1px solid #5b50a112
}

.projects-col3 .project-item {
    float: left;
    width: 33.3333333333%
}

.project-slider .project-item,
.seo-service-section .solution-box {
    padding: 15px
}

.section-industris {
    padding-top: 110px;
    padding-bottom: 110px;
    background-color: #f8f8f8
}

.ot-counter.v3 span {
    color: #5b50a1;
    font-size: 36px;
    padding-left: 0
}

.ot-counter.v3 h6 {
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1em;
    padding-left: 0
}

.ot-image-box.st1,
.ot-image-box.st3 {
    margin-top: -30px
}

.overlay-image {
    background-image: url(images/background/bg-art-2.html);
    background-position: center right
}

.overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.overlay-bg {
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(34, 35, 40, .63) 0, rgba(34, 35, 40, 0) 100%);
    z-index: -1
}

.application-solution-box,
.ot-counter .text-white:before,
.services-section.bg-ffffff .single-services-box:hover .icon i {
    background-color: #fff
}

.icon-box-s3 {
    margin-bottom: 30px;
    border: 1px solid #d4d4d4;
    border-radius: 10px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    place-items: center;
    display: grid;
    padding: 16px 20px
}

.arrow:hover,
.icon-box-s3:hover {
    border-color: #5b50a1
}

.saas-services-sec .icon-box-s3 {
    place-items: flex-start
}

.icon-box-s3 .top-box {
    overflow: hidden;
    margin-bottom: 24px
}

.icon-box-s3 .icon-main {
    float: left;
    text-align: center;
    width: 95px;
    height: 95px;
    line-height: 95px;
    background: #f4f2fc;
    border-radius: 50%;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.icon-box-s3:hover .icon-main {
    background: #9de2ff75
}

.icon-box-s3 .icon-main svg {
    width: 45px;
    fill: #5b50a1;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.icon-box-s3:hover .icon-main i,
.icon-box-s3:hover .icon-main svg {
    color: #fff;
    fill: #fff
}

.icon-box-s3 .top-box a {
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #666
}

.icon-box-s3 h5 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px
}

.icon-box-s3-btn {
    align-self: end
}

.our-expertise .icon-box-s3 {
    place-items: center
}

.our-expertise .icon-box-s3 h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.icon-box-s3.i7 {
    padding: 20px 0
}

.icon-box-s3.i7:hover {
    border-color: transparent;
    box-shadow: 8px 8px 15px 0 rgb(0 0 0/10%)
}

.icon-box-s3.i7 .icon-main {
    background: #02010100;
    width: 82px;
    height: 82px;
    line-height: 82px
}

.icon-box-s3.i7 .icon-main svg {
    width: 82px
}

.icon-box-s3.i7 h5 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 1rem
}

.about-home6 {
    padding-bottom: 130px;
    padding-top: 0
}

.about-overlay-6 {
    background-position: 100% 60%
}

.about-desc-6 ul {
    padding-left: 0;
    font-size: 18px;
    font-weight: 700
}

.about-desc-6 ul li {
    padding-bottom: 5px;
    display: flex;
    align-items: baseline
}

.pricing-table-i6 {
    background-color: #f2f2f2;
    background-image: url(images/background/bg1-price-home6.html);
    background-position: center left
}

.client-i7,
.pricint-i7,
.support-i7 {
    background-color: #f2f5fa
}

.pricing-table-i6 .overlay {
    background-image: url(images/background/bg2-price-home6.html);
    background-position: center right;
    background-color: transparent;
    z-index: -1
}

.btn-round {
    border-radius: 10px
}

.ot-pricing-table-s2 {
    border-radius: 20px;
    padding: 70px 60px 55px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.ot-pricing-table-s2 .title-table {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #999;
    margin-bottom: 25px;
    text-transform: uppercase
}

.ot-pricing-table-s2 .price {
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
    color: #5b50a1;
    margin-bottom: 45px
}

.ot-pricing-table-s2 .price sup {
    font-size: 35%;
    font-weight: 400;
    margin-right: 5px;
    top: -4px;
    vertical-align: revert
}

.ot-pricing-table-s2 .price span {
    font-size: 20px;
    font-weight: 400;
    color: #1b1d21;
    margin-left: 8px
}

.ot-pricing-table-s2 ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: disc
}

.ot-pricing-table-s2 ul li {
    list-style: none;
    border-top: 1px solid #d9d9d9;
    padding: 20px 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000
}

.ot-pricing-table-s2 .table-btn {
    border: 1px solid;
    border-radius: 10px;
    display: block;
    text-align: center;
    width: 100%;
    padding: 12px;
    text-transform: uppercase;
    font-weight: 800
}

.ot-pricing-table-s2 .featured {
    background: #f5480c;
    width: 130px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -65px;
    border-radius: 0 0 30px 30px
}

.services-block-i6 {
    margin-left: 70px
}

.services-block-i6 quote {
    color: #000;
    font-size: 24px;
    line-height: 36px;
    padding-bottom: 30px;
    display: block
}

.services-block-i6 p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 12px
}

.top-i7 {
    padding: 40px 0
}

.title-i7 {
    font-size: 60px;
    line-height: 72px
}

.top-i7-left h6 {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
    text-transform: uppercase
}

.style-medium-i7 {
    font-size: 48px;
    line-height: 60px
}

.support-i7 {
    background-image: url(images/background/bg2-home7.html);
    background-position: bottom right;
    padding-bottom: 100px
}

.Personalize-Your-Own-Feature-Set-wrapper .flex-row,
.cms-development-company-in-india .list-wrap,
.digital-marketing .highlighted-features .nav-tabs .nav-link.active .row,
.ot-counter.i7,
.screenshot_slider.owl-carousel .owl-stage,
.tabs {
    display: flex
}

.ot-counter.i7 span {
    color: #5b50a1;
    font-size: 60px;
    font-weight: 700;
    padding-left: 0
}

.ot-counter.i7 span:last-child {
    padding-right: 30px
}

.food-delivery-application section.Features .content-left,
.ot-counter.i7 div {
    text-align: right
}

.ot-counter.i7 h5 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    padding-right: 20px;
    color: #000;
    margin-bottom: 0
}

.ot-counter.i7.st2 h5 {
    padding-left: 30px
}

.ot-counter.i7.st3 div {
    width: 47%
}

.ot-counter.i7.st3 h5 {
    width: 53%;
    padding-right: 0
}

hr.i7 {
    margin: 0;
    background-color: rgba(0, 0, 0, .15)
}

.testi-i7 {
    background-image: url(images/background/bg3-home7.html);
    background-position: bottom center;
    padding-bottom: 150px
}

.ot-pricing-table-s2.s2 {
    border-radius: 6px 0 0 6px;
    padding: 40px;
    text-align: left;
    box-shadow: 0 0 0 0 rgb(0 0 0/50%);
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #02010117
}

.ot-pricing-table-s2.s2 .price {
    font-size: 36px;
    margin-bottom: 20px
}

.ot-pricing-table-s2 .price .price-1,
.ot-pricing-table-s2 .price .price-2 {
    font-weight: 700;
    line-height: 1;
    color: #690;
    font-size: 36px
}

.ot-pricing-table-s2 .price .per,
.ot-pricing-table-s2 .price .per-year {
    font-size: 20px;
    font-weight: 400;
    color: #5b50a1;
    margin-left: 8px
}

.ot-pricing-table-s2.s2 .des-table {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 27px
}

.ot-pricing-table-s2.s2 .details {
    padding-top: 27px;
    border-top: 1px dotted #d9d9d9
}

.astrology-application-development .banner-content-wrapper ul,
.menu-tabber .taber-content p,
.online-reputation .highlighted-features ul li,
.ot-pricing-table-s2 .details {
    margin-bottom: 20px
}

.ot-pricing-table-s2.s2 ul li {
    border: none;
    padding: 0 0 10px
}

.ot-pricing-table-s2.s2 .table-btn {
    color: #5b50a1;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    border-radius: 6px
}

.ot-switcher .switch {
    margin: 0 15px;
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
    vertical-align: middle
}

.ot-switcher .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.ot-switcher .slider {
    cursor: pointer;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #5b50a1;
    -webkit-transition: .4s;
    transition: .4s
}

.ot-switcher .slider.round {
    border-radius: 12px
}

.ot-switcher .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 5px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.ot-switcher .slider.round:before {
    border-radius: 50%
}

.ot-switcher>span {
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    color: #999
}

.ot-switcher input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.no-border {
    border: none !important
}

.right-border {
    border-right: 1px solid #02010117 !important
}

.octf-btn-cta .btn-cta-group.i8 {
    margin-left: 30px
}

.client-carousel img {
    filter: contrast(0%);
    opacity: .7
}

.api-development-client .partners-slide img:hover {
    opacity: 1;
    filter: contrast(100%)
}

.lead-12 {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px
}

.blog-grid .entry-header {
    padding: 20px 15px 16px;
}

.blog-grid .post-box .owl-theme .owl-nav [class*=owl-] {
    top: calc(50% - 30px)
}

.entry-header p {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 0;
}

.contact-left {
    margin-right: 95px
}

.map iframe {
    width: 100%;
    border: none
}

.icon-main.success {
    background: #4bd48b
}

.icon-main.warning {
    background: #f9af3b
}

.icon-main.danger {
    background: #f5592f
}

.app-benefits-left {
    margin: 0 -30px 0 30px;
    padding-bottom: 55px
}

.app-benefits-right {
    margin: 0 30px 0 -30px;
    padding-bottom: 55px
}

.app-benefits-img {
    margin: 0 -15px 0 0
}

.list-items li {
    padding-bottom: 8px;
    font-weight: 400
}

.list-items a {
    color: #aeaacb
}

.copyright-text {
    margin-bottom: 0;
    font-size: 15px
}

section {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative
}

.pbt-120 {
    padding-top: 120px;
    padding-bottom: 120px
}

.no-padding-top,
.page-container:first-child,
.page-section:first-child,
.pt-0,
.website-design-wrapper {
    padding-top: 0
}

.mt--130 {
    margin-top: -130px
}

.mt--290 {
    margin-top: -266px
}

.mb--200 {
    margin-bottom: -200px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-290 {
    padding-bottom: 290px
}

.mt--170 {
    margin-top: -170px
}

.btn-border:hover {
    background-color: #5b50a1;
    border-color: #5b50a1
}

.mt-65 {
    margin-top: 65px
}

.padding-half {
    padding-top: 45px;
    padding-bottom: 45px
}

.Website-Design .icon-main,
.mb-15 {
    margin-bottom: 15px
}

.space-2 {
    height: 2px
}

.space-3 {
    height: 3px
}

.space-4 {
    height: 4px
}

.space-5 {
    height: 5px
}

.space-10 {
    height: 10px
}

.space-15 {
    height: 15px
}

.space-20 {
    height: 20px
}

.space-25 {
    height: 25px
}

.space-30 {
    height: 30px
}

.space-35 {
    height: 35px
}

.space-45 {
    height: 45px
}

.space-50 {
    height: 50px
}

.space-55 {
    height: 55px
}

.space-60 {
    height: 60px
}

.space-65 {
    height: 65px
}

.space-70 {
    height: 70px
}

.space-75 {
    height: 75px
}

.space-80 {
    height: 80px
}

.space-85 {
    height: 85px
}

.space-90 {
    height: 90px
}

.space-95 {
    height: 95px
}

.space-100 {
    height: 100px
}

.space-105 {
    height: 105px
}

.space-110 {
    height: 110px
}

.space-115 {
    height: 115px
}

.plan-section .type,
.space-120 {
    height: 120px
}

.space-130 {
    height: 130px
}

.space-140 {
    height: 140px
}

.space-150 {
    height: 150px
}

.space-26 {
    height: 26px
}

.space-1 {
    height: 1px
}

.footer-menu ul {
    list-style: none;
    text-align: center;
    margin-bottom: 0;
    padding-left: 0
}

.footer-menu ul li {
    display: inline-block;
    margin: 0 29px
}

.footer-menu ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

#back-to-top {
    background: #fff;
    color: #5b50a1;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    width: 42px;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    outline: 0;
    position: fixed;
    right: 40px;
    bottom: -20px;
    text-align: center;
    transition: .3s ease-in-out;
    z-index: 1000;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .2);
    -webkit-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .2);
    -moz-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .2)
}

#back-to-top.show {
    opacity: 1;
    bottom: 40px
}

#back-to-top:hover {
    bottom: 45px
}

.error-404 {
    padding: 180px 0
}

.error-404 h2 {
    font-size: 250px;
    line-height: 1;
    position: relative;
    display: inline-block;
    margin-bottom: 40px
}

.error-404 .content-404 {
    max-width: 480px;
    margin: auto
}

.error-404 .content-404 p {
    font-size: 18px;
    margin-bottom: 40px
}

.error-404 .content-404 form {
    margin: 0 30px 20px
}

.error {
    font-size: 14px;
    display: none;
    text-align: center;
    color: red
}

.ot-icon-box {
    padding: 30px 40px;
    border-radius: 10px;
    box-shadow: 0 15px 40px 0 rgb(0 0 0/7%);
    background-color: #fff;
    text-align: center
}

.ot-icon-box__icon {
    display: inline-block;
    line-height: 1;
    text-align: center;
    color: #76c06b;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    font-size: 36px;
    padding: 22px;
    background-color: #f9f6fe;
    margin-bottom: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.ot-icon-box__icon.bg-second {
    background-color: #edfdff !important
}

.ot-icon-box__icon.bg-third {
    background-color: #eefff4
}

.ot-icon-box__icon.bg-forth {
    background-color: #ff920014
}

.ot-icon-box__icon i,
.ot-icon-box__icon svg {
    display: block;
    width: 1em;
    height: 1em
}

.icon-box-title {
    margin-bottom: 6px;
    color: #181b31;
    font-size: 20px;
    font-weight: 500;
    line-height: 1
}

.icon-box-title a {
    color: #181b31
}

.icon-box-title a:hover,
.individual-service-form .octf-btn:hover,
.ot-icon-box .icon-box-btn:hover,
.widget-footer .social-list li a:hover,
.widget-footer a:hover {
    color: #fa6220
}

/* .icon-box-des {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
} */

.ot-icon-box .icon-box-btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 12px;
    position: relative;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    color: #5b50a1
}

.widget-footer h4 {
    color: #cfcfcf;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: .8rem;
    margin-bottom: 43px;
    position: relative
}

.widget-footer img {
    width: 143px
}

.widget-footer a,
.widget-footer p {
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    color: #cfcfcf;
    margin-bottom: 0;
    display: block
}

.widget-footer .social-list li a {
    color: #5b50a1;
    border: 1px solid #5b50a1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 1.9;
    text-align: center
}

.copyright-section {
    background-color: #222;
    padding: 0
}

.copyright-text {
    color: #cfcfcf
}

.ot-button p {
    color: #0b1e46;
    font-weight: 500;
    line-height: 28px;
    font-size: 18px
}

.contact-btn a,
.contact-btn button,
section.our-portfolio .ot-button.PortfolioBtn a {
    background: #5b50a1;
    color: #fff;
    border: 1px solid #5b50a1
}

.quote-form .overlay {
    position: absolute;
    height: 100%;
    top: 0;
    background-color: #5b50a1
}

.sidebar-modal {
    position: fixed;
    top: 0;
    height: 100%;
    background-color: rgb(0 0 0/76%);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    overflow: hidden
}

.sidebar-modal .sidebar-modal-inner {
    position: absolute;
    top: -100%;
    width: 100%;
    background-color: #fff;
    -webkit-transition: .7s;
    transition: .7s;
    z-index: 1;
    height: 100vh
}

.contactForms .form-group,
.inquiry-padding .contact-info {
    margin-top: 1rem
}

.inquiry-padding {
    padding: 0rem 15px 0 4rem;
    height: 100vh
}

.sidebar-modal .sidebar-modal-inner .close-btn {
    display: inline-block;
    position: absolute;
    right: 35px;
    top: 20px;
    font-size: 25px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    cursor: pointer
}

.sidebar-modal .sidebar-modal-inner .close-btn i {
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 30px;
    font-size: 21px;
    height: 30px;
    line-height: 26px
}

.bg-blue,
.process-icon-bg,
.seo-analysis .single-services-box .active,
.sitemap-sec li:hover :before,
.testimonial-slides .owl-dots .active {
    background-color: #5b50a1
}

.sidebar-modal .about-area .title h2 {
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 700
}

.sidebar-modal .about-area .title p {
    font-size: 16px;
    margin-top: 20px
}

.sidebar-modal .contact-area .title h2 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600
}

.sidebar-modal .contact-area .contact-form {
    max-width: 600px
}

.sidebar-modal .contact-area .contact-form form .form-control {
    height: 55px;
    border: none;
    -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .15);
    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .15);
    background-color: #fff;
    font-size: 13.5px;
    padding-left: 15px;
    color: #000
}

.sidebar-modal .contact-area .contact-form form textarea.form-control {
    height: auto;
    padding-top: 10px
}

.sidebar-modal .contact-area .contact-form form button {
    margin-top: 15px;
    border: none;
    background-color: #5b50a1;
    outline: 0;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 30px;
    -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 28.5px 1.5px rgba(0, 0, 0, .3);
    font-size: 15px;
    font-weight: 600;
    padding: 8px 18px
}

.sidebar-modal .contact-area .contact-form form button:hover {
    background-color: #fa6220
}

.sidebar-modal .contact-area .contact-form form .help-block ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.sidebar-modal .contact-area .contact-form form .help-block.with-errors ul {
    color: #ff4d24;
    margin-top: 7px;
    font-size: 14px
}

.industry-solution-box:first-child,
.industry-solution-box:nth-child(6),
.sidebar-modal.active .sidebar-modal-inner,
.solution-box:first-child,
.solution-box:nth-child(6) {
    top: 0
}

.burger-menu {
    cursor: pointer;
    padding: 8px 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    background: #5b50a1;
    text-transform: uppercase;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.btn-style-three,
.single-services-box h3 {
    text-transform: capitalize;
    font-size: 16px
}

#newsletter_pop_up .close-popup,
.carousel-caption p.small-text,
.casestdy_itm,
.detail-btn,
.food-delivery-application .banner-section h2,
.footer-area .list-item h4,
.footer-links h3,
.portfolio-tab ul li,
.process__title {
    text-transform: uppercase
}

.burger-menu span {
    display: block;
    width: 35px;
    height: 3px;
    background: #000;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 30px;
    margin-left: auto;
    margin-bottom: 4px
}

.career_box,
.client .partners {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s
}

.application-solution-box:hover,
.cookies-box {
    transition: .3s
}

.burger-menu span:nth-child(3) {
    margin-bottom: 0;
    width: 28px;
    margin-left: auto
}

.mobile-header-wrapper {
    padding: .6rem 0
}

.openmenu-item {
    display: flex;
    margin-right: 6px;
    padding: 7px 6px;
    align-items: center;
    border-radius: 4px;
    color: #000;
    font-size: 15px;
    gap: 12px
}

.mega-menu-item .solution-item:hover {
    background-color: #32c2ff1c;
    color: #5b50a1
}

.mega-menu-item {
    padding: 1rem 0 1rem 2rem
}

.mega-menu-item h6 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px
}

.openmenu-item svg {
    width: 8%;
    background: #32c2ff1c;
    padding: 6px;
    border-radius: 2px
}

.menu-title {
    line-height: 1.5
}

.mega-menu-inner .mega-menu-item,
.mega-menu-inner .mega-menu-item:last-child {
    border-left: 1px solid #d9d9d959
}

.mega-menu-inner .mega-menu-item:first-child {
    border-left: none
}

.menu-description {
    color: #42526e;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: .79rem
}

ol {
    justify-content: space-between
}

.process-circles {
    position: relative;
    color: rgb(216 45 46 / 23%);
    font-size: 50px;
    font-weight: 800;
    line-height: normal
}

ol.process-container .process-step:not(:last-child) .process-circles::after {
    content: '';
    position: absolute;
    background: url(images/background/innerpage/web-Line.png) right no-repeat;
    top: 4px;
    width: 163px;
    height: 100%
}

.col-box .col-box-inner .offer-section-content h5 img,
.portfolio-wrapper .pic:hover .pic:after,
.process-circles:last-child:after,
.service-tab-wrapper .tab button img {
    opacity: 0
}

.custom-process .process-circles {
    position: relative;
    height: 5.6em
}

.custom-process .process-heading {
    height: 0;
    font-weight: 600
}

.process-step {
    max-width: 20em;
    position: relative;
    text-align: center;
    counter-increment: steps
}

.process-bar {
    position: absolute;
    top: 3.6em;
    background-color: #c1c7d0
}

.process-progress {
    height: 1px;
    transform: scaleX(0);
    transform-origin: left
}

.process-heading {
    font-size: 17px;
    font-weight: 700
}

p.process-caption {
    font-size: 15px !important;
    line-height: 20px
}

.client .partners {
    box-shadow: 0 6px 50px 0 rgba(97, 145.00000000000003, 214, .2);
    padding: 60px
}

.call-info {
    background: #5b50a1;
    padding: 4rem;
    border-radius: 12px
}

.icon-wrapper {
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 6.4
}

.job-form {
    position: sticky;
    top: 70px
}

.career_box {
    border: 1px solid #d1e0e5;
    padding: 26px 30px 32px;
    border-radius: 10px;
    width: 100%;
    position: relative
}

.career_box h6 {
    font-weight: 500;
    color: #000;
    height: 25px;
    font-size: 18px
}

.career_box span {
    color: rgba(0, 0, 0, .4)
}

.career_box small {
    color: #6d6d6d
}

.career_box .job-title {
    border: 1px solid #5b50a1;
    display: inline;
    padding: .2rem .6rem .3rem
}

.career_box .job-title span {
    color: #5b50a1;
    font-size: 14px
}

.divider {
    border-bottom: 1px solid #eee
}

.career_box:hover {
    background-color: #f0faff;
    border: 1px solid #6b5fc4
}

.career-benefits-carousel .icon-box-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px
}

.career-benefits-carousel .ot-icon-box__content p {
    line-height: 1.4;
    font-size: 16px
}

.career-benefits-carousel .ot-icon-box-wrapper {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 5px;
    padding: 1rem .6rem
}

.drop-cv-wrapper .heading-2 {
    font-size: 30px !important;
    color: #fff;
    font-weight: 600 !important
}

.drop-cv-wrapper .contact-btn a {
    color: #5b50a1;
    background: #fff;
    padding: .6rem 1rem
}

.flex-icons {
    background: #ffffffc4;
    line-height: 4;
    margin-bottom: 1rem;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 3px solid #fff
}

.detail-btn {
    position: absolute;
    bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    right: 18px;
    color: #4a4488
}

.aside_wrapper {
    padding: 35px;
    background-color: #f4f5f8;
    margin-bottom: 2rem
}

.additional-information {
    padding: .6rem;
    border: 1px solid #ebebebd6;
    font-size: 15px;
    color: #5b50a1;
    font-weight: 600;
    line-height: 23px
}

.additional-information .add-info-heading {
    flex-basis: 10%
}

.additional-information .skills-des span {
    padding-right: .4rem
}

.quote-section {
    margin-bottom: 65px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5
}

.solution-section {
    background-image: url(images/background/home15-image3.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed
}

.cookies-box {
    position: fixed;
    max-width: 660px;
    left: 0;
    right: 0;
    bottom: -225px;
    width: 100%;
    background-color: #fff;
    padding: 15px 20px;
    margin: 0 auto;
    color: #112d32;
    box-shadow: 1px 2px 20px rgb(60 72 88/18%);
    z-index: 1;
    border-radius: 6px
}

.cookies-box.show {
    bottom: 25px
}

.cookies__title {
    margin: 0;
    padding: 0;
    line-height: 18px
}

.api-process-content p,
.cookies__text {
    line-height: 1.6
}

.cookies__text {
    font-size: 16px;
    color: #8492a6;
    flex-basis: 70%
}

.cookies__link {
    color: #5b50a1
}

.cookies__btn {
    font-size: 14px;
    padding: 4px 14px;
    background-color: #5b50a1;
    color: #fff;
    border-radius: 3px;
    border: none;
    transition: background .3s;
    cursor: pointer
}

.cookies__btn:hover {
    background-color: #31708e
}

.cookies__link:hover {
    color: #31708e
}

.sidebar-contact {
    position: fixed;
    top: 50%;
    right: -350px;
    transform: translateY(-40%);
    width: 350px;
    height: auto;
    padding: 30px 40px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
    box-sizing: border-box;
    transition: .5s;
    z-index: 99
}

.toggle {
    position: absolute;
    height: 48px;
    width: 48px;
    text-align: center;
    cursor: pointer;
    background: #5b50a1;
    top: 0;
    right: 100%;
    line-height: 48px
}

.toggle:before {
    content: '\f003';
    font-family: fontAwesome;
    font-size: 18px;
    color: #fff
}

.toggle.active:before {
    content: '\f00d'
}

.service-wrapper .tech-box,
.solution-box {
    box-shadow: 3px 3px 13px 0 rgba(0, 0, 0, .1);
    border-radius: 6px;
    background-color: #fff;
    display: block;
    border: 1px solid #5b50a112;
    padding: 26px 15px;
    position: relative
}

.service-wrapper:hover .tech-box:hover,
.solution-box:hover {
    background: #eefaff !important
}

.solution-box .counter-box {
    font-size: 100px;
    font-weight: 700;
    line-height: 80px;
    opacity: .05;
    position: absolute;
    right: 30px;
    top: 30px
}

.application-offer-section .solution-box {
    padding: 20px
}

.application-offer-section .solution-box .color-blue {
    font-weight: 600;
    text-decoration: underline
}

.industries_categories li img {
    width: 22px
}

ul.industries_categories li a {
    display: inline-block;
    color: #666;
    border: 1px solid #e5e5e5;
    padding: 6px 12px;
    position: relative;
    font-size: 15px;
    z-index: 1
}

ul.industries_categories li a span {
    color: #000;
    font-weight: 600
}

.service-wrapper {
    background-color: #f2f2f2
}

.api-process-icon {
    height: 126px;
    width: 126px;
    background-color: #fff;
    border-radius: 50%;
    line-height: 118px;
    color: #fff;
    text-align: center;
    margin: 0 auto 30px;
    overflow: hidden;
    transition: .3s ease-in-out
}

.bg-overlay {
    background: #181818
}

.contact-wrap-bg {
    background-color: #eff2f6;
    background-image: url(images/background/contact-wrap-bg.webp);
    background-repeat: no-repeat;
    background-position: top right
}

.contact-wrap .heading {
    position: relative;
    padding-left: 34px;
    font-weight: 600;
    line-height: 1.4;
    font-size: 40px
}

.contact-wrap .heading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 94%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #cd202bad;
}

.contact-wrap .sub-heading {
    margin-top: 15px;
    font-size: 18px;
    margin-left: 34px;
    color: #696969
}

.choose-content-area .choose-text {
    margin-top: 20px;
    position: relative;
    padding-left: 35px
}

.choose-content-area .choose-text i {
    position: absolute;
    display: inline-block;
    height: 22px;
    width: 22px;
    line-height: 22px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    text-align: center;
    color: #5b50a1;
    border-radius: 50px;
    top: 4px;
    left: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.choose-content-area .choose-text:hover i,
.custom-form-btn,
.price-table tr.price-table-head,
.why-smm .choose-content-area .choose-text i {
    background-color: #5b50a1;
    color: #fff
}

.choose-content-area .choose-text h4,
.why-choose .choose-text h4 {
    font-size: 18px;
    color: #202647;
    font-weight: 500;
    margin: 0 0 8px
}

.why-choose .choose-text {
    border-bottom: 1px solid #c0bdbd2e;
    padding: 1.5rem 0
}

.about-why-choose-section .choose-text {
    border-bottom: 1px solid #ffffff36;
    padding: 1.2rem 0
}

.services-section {
    background-color: #f6f5fb
}

.services-section.bg-ffffff {
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3
}

.services-section.bg-ffffff .single-services-box {
    background-color: #f3f3f3;
    padding: 30px;
    position: relative;
    border-radius: 10px;
    z-index: 1;
    -webkit-transition: .5s;
    transition: .5s;
    text-align: left;
    margin-bottom: 30px
}

.services-section.bg-ffffff .single-services-box .icon i {
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
    font-size: 30px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    background-color: #fff;
    color: #5b50a1;
    border-radius: 50px
}

.services-section.bg-ffffff .single-services-box h3 {
    font-size: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    font-weight: 700;
    margin-bottom: 15px
}

.services-section.bg-ffffff .single-services-box p {
    -webkit-transition: .5s;
    transition: .5s;
    margin-bottom: 0
}

.services-section.bg-ffffff .single-services-box::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    border-radius: 10px;
    background-color: #5b50a1;
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s
}

.services-section.bg-ffffff .single-services-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.projectPreview .carousel,
.service-tab-wrapper .tab-content-box,
.services-section.bg-ffffff .single-services-box:hover::before {
    height: 100%
}

.single-services-box {
    position: relative;
    background: #fff;
    border-radius: 2px;
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
    padding: 20px;
    margin-bottom: 10px
}

.single-services-box h6,
.solution-box h6 {
    font-size: 20px;
    margin-bottom: .6rem !important
}

a.tab-box.active .single-services-box::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #5b50a1;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-46%)
}

.single-services-box h3 {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    color: #202647;
    font-weight: 600;
    -webkit-transition: .5s;
    transition: .5s
}

.industry-box h3 {
    font-size: 16px;
    color: #000
}

.img-box-wrapper .img-icon-box img,
.online-reputation-management-icon-wrapper .icon img,
.solution-icon {
    width: 50px
}

.single-services-box p {
    color: #6a6c72;
    font-weight: 400;
    margin: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.single-featured-box .icon,
.single-services-box .icon {
    -webkit-transition: .5s;
    display: inline-block;
    text-align: center
}

.single-services-box .icon {
    width: 50px;
    height: 50px;
    line-height: 44px;
    border-radius: 50%;
    transition: .5s;
    background: #ececff
}

.work-card .content,
.work-card::before {
    width: 100%;
    position: absolute;
    transition: .5s;
    left: 0;
    bottom: 0
}

.single-services-box .icon img {
    width: 75%
}

.single-services-box .icon i::before {
    font-size: 30px
}

#audit-section .active,
#audit-section .active .single-services-box,
#audit-section .active .single-services-box h3,
#audit-section a:hover {
    background-color: #5b50a1;
    color: #fff;
    box-shadow: none
}

.work-card .content {
    right: 0;
    padding: 30px 35px;
    z-index: 5
}

.work-card .content span {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    color: #fff
}

.work-card .content h3 {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #fff
}

.work-card .content .work-btn {
    background-color: #fff;
    color: #5b50a1;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 15px
}

.work-card:hover .content {
    bottom: 20px
}

.work-card::before {
    content: "";
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
    height: 90%;
    border-radius: 8px;
    z-index: 1
}

.work-card:hover::before {
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 255, 0), #00f)
}

.testimonial-content-area h3 {
    color: #202647;
    font-weight: 700;
    position: relative
}

.testimonial-slides .testimonial-single-item {
    text-align: center;
    background-color: #f6f5fb;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    padding: 30px 20px;
    position: relative;
    margin-top: 78px
}

.testimonial-slides .testimonial-single-item .testimonial-content-text h3 {
    font-size: 20px;
    color: #202647;
    font-weight: 500;
    margin-bottom: 0
}

.testimonial-slides .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background-color: #dfdfdf;
    -webkit-transition: .6s;
    transition: .6s;
    border-radius: 50px
}

.seo-contactForms .form-group .form-control {
    height: 55px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-bottom: 1px solid #dbdbdc;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: unset;
    padding: 0;
    font-size: 14px;
    color: #9a9b9f;
    font-weight: 400;
    background-color: transparent
}

.seo-contactForms .row {
    padding: 0 10px
}

.seo-contactForms .form-group .form-control:focus {
    background-color: #fff;
    border-color: #5b50a1;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.seo-section .side-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 763px;
    height: 503px
}

.seo-form .form-group input {
    position: relative;
    height: 56px;
    width: 38%;
    float: left;
    color: #848484;
    font-size: 15px;
    padding: 8px 25px;
    background-color: #fff
}

.seo-section .seo-form {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
    width: 100%
}

.seo-form .theme-btn {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.btn-style-three {
    position: relative;
    display: inline-block;
    line-height: 27px;
    color: #fff;
    padding: 14px 40px;
    font-weight: 600;
    overflow: hidden;
    border-radius: 0 3px 3px 0;
    background: #5b50a1
}

.single-featured-box {
    margin-bottom: 30px;
    background-color: #f9f9fc;
    position: relative;
    padding: 35px 25px;
    overflow: hidden;
    transition: .5s
}

.single-featured-box .icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
    transition: .5s
}

.single-featured-box h3 {
    margin-bottom: .6rem;
    font-size: 20px;
    margin-top: 1rem
}

.inner-bg {
    background: #eefaff
}

.bg-color {
    background-color: #f8faff;
    border-radius: 5px;
    padding: 6px 5px 6px 6px;
    margin-bottom: .8rem;
    /* font-weight: 700 */
}

.bg-color i,
.mobile-app-development .bg-color i {
    width: 33px;
    border-radius: 4px;
    height: 23px;
    text-align: center;
    color: #5b50a1;
    line-height: 23px
}

.boosting-list-tab .tabs {
    padding-left: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 20px
}

.boosting-list-tab .tabs li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 15.6666666667%;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    display: flex
}

.boosting-list-tab .tabs li a {
    display: block;
    border-radius: 2px;
    color: #292a2c;
    -webkit-box-shadow: 0 10px 40px 0 rgba(107, 125, 179, .11);
    box-shadow: 0 10px 40px 0 rgba(107, 125, 179, .11);
    padding: 15px 18px 18px;
    font-size: 15px;
    font-weight: 700;
    width: 100%
}

.boosting-list-tab .tabs li a i {
    color: #5b50a1;
    -webkit-transition: .5s;
    transition: .5s;
    font-weight: 400;
    font-size: 40px;
    line-height: normal
}

.boosting-list-tab .tabs li a span {
    display: block;
    margin-top: 10px
}

.boosting-list-tab .tabs li.current a,
.boosting-list-tab .tabs li:hover a {
    background-color: #5b50a1;
    color: #fff;
    -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 255, .22);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 255, .22)
}

.boosting-list-tab .tab_content {
    padding: 20px 30px
}

.boosting-list-tab .tab_content .tabs_item .content h2 {
    font-size: 22px;
    color: #202647;
    font-weight: 600;
    margin: 0 0 16px
}

.application-industries .tabs>ul li a,
.tabs>ul li a:visited {
    padding: 0 12px;
    margin: 0
}

.application-industries .tabs-wrapper .tabs .tab-link.active {
    background-color: #5b50a1;
    border-radius: 2px 2px 0 0
}

.application-industries .tabs-wrapper .tabs>ul li a>span.tab-label {
    color: #999
}

.application-industries .tabs-wrapper .industry-tab {
    width: 100%;
    border-bottom: 1px solid #ccc
}

.social-overlay {
    background-color: #0c2050;
    opacity: .5
}

.process-no,
.work-process-item .icon {
    background: #5b50a1;
    border-radius: 50%;
    text-align: center
}

.process-line {
    border-style: solid;
    border-width: 0 4px 0 0;
    border-color: #f2f2f2
}

.process-content-box,
.process-img-box {
    padding: 50px 75px 50px 36px
}

.process-no {
    position: absolute;
    left: -2.6rem;
    top: 7rem;
    margin: auto;
    width: 50px;
    height: 50px
}

.process-no span {
    line-height: 2.8;
    color: #fff;
    font-weight: 700;
    font-size: 18px
}

.testimonial-box {
    box-shadow: 0 10px 40px -15px rgba(0, 0, 0, .2);
    padding: 2em;
    margin-bottom: 2rem
}

.testimonial-rating span:before {
    font-family: FontAwesome;
    content: "\f005";
    color: #ffae01;
    font-size: 15px;
    letter-spacing: 6px
}

.testimonial-wrapper .page-link {
    padding: 6px 16px;
    color: #5b50a1
}

.testimonial-wrapper .page-link:hover {
    z-index: 2;
    color: #fbfbfb;
    background-color: #5b50a1
}

.feature-box .col-lg-4:nth-child(2n) {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.about-why-choose-section {
    background-color: #5b50a1;
    position: absolute;
    right: 0;
    top: 4rem
}

.about-why-choose-section h5 {
    font-weight: 600;
    font-size: 18px;
    color: #fff
}

.about-why-choose-section p,
.subscribe-form .alert-error {
    color: #f1f1f1
}

.work-process-shape {
    position: absolute;
    width: 110%;
    top: 0;
    left: -7%;
    z-index: -1
}

.work-process-item .number {
    display: block;
    font-weight: 700
}

.work-process-item .icon {
    color: #fff;
    font-size: 65px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 110px
}

.work-process-item h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 2px;
    margin-top: 1rem
}

.feature-left .service-item,
.feature-right .service-item {
    z-index: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    padding: 30px 20px;
    border-radius: 7px;
    margin-bottom: 30px;
    background-color: #eaebec
}

.feature-left .service-item h4,
.feature-right .service-item h4 {
    font-size: 18px;
    color: #000;
    margin-bottom: 9px
}

.feature-left .service-item p,
.feature-right .service-item p {
    line-height: 1.4;
    color: #202020b3
}

.feature-center {
    margin-top: -2rem
}

.mobile-services-section {
    margin-top: -1rem
}

.feature-left .service-item span,
.feature-right .service-item span {
    font-size: 141px;
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0;
    top: -13px;
    bottom: 0;
    right: 0;
    color: #b2afaf17
}

.client-logo-pic {
    text-align: center;
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

.client-logo-pic img {
    backface-visibility: hidden;
    max-width: 100%;
    vertical-align: top;
    position: relative;
    z-index: 2;
    opacity: .2
}

.blog-page .title-i7 {
    font-size: 34px;
    line-height: 1.2em;
    margin-top: .6rem;
    color: #040404;
    margin-bottom: 1rem
}

.blog-page h1 {
    font-size: 35px;
    font-weight: 600
}

.blog-page h3 strong {
    font-weight: 600;
    font-size: 20px
}

.blog-page .top-i7-left {
    padding: 8% 5% 8% 0
}

.blog-page p span {
    margin: 0 0 14px;
    color: #000;
    font-size: 16px !important;
    font-weight: 400;
    font-family: Mulish, sans-serif !important;
}

.blog-page ol li,
.blog-page ul li {
    margin-left: 1rem;
    font-size: 17px
}

.blog-page .social-list ul li {
    margin-left: 0;
}

.blog-page .widget .recent-news h6 {
    line-height: 31px;
    font-size: 22px
}

.privilege_box .icon-box-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px
}

.privilege_box .ot-icon-box__icon {
    border-radius: 12%
}

.flex-icons__icon {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 24rem;
    padding: 2.4rem 1rem;
    margin-bottom: 1rem;
    background: #fff;
    border-radius: 1rem;
    filter: drop-shadow(0 5.2rem 6rem rgba(39, 51, 63, .08))
}

.job-offers__list h6 {
    font-size: 20px;
    font-weight: 600;
    color: #5b50a1
}

.job-offers__list .job-position {
    font-weight: 600;
    font-size: 1.2rem;
    color: #000
}

.job-preview {
    text-align: left;
    padding: 2rem 2.5rem 1rem;
    border-radius: .6rem;
    border: .1rem solid #e2e5e9
}

.job-preview__col .career-btn {
    background: #5b50a1;
    padding: .6rem 2.8rem;
    color: #fff;
    font-size: 16px
}

.job-preview__col .career-btn:hover {
    background-color: transparent;
    border: 1px solid #5b50a1;
    color: #5b50a1
}

.inner-page-banner {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

.individual-services .tech-box {
    height: 82px;
    padding: 16px 15px;
    margin: 0 auto 1.5rem;
    border: none;
    border-left: 2px solid #5b50a1;
    background: #eff2f6
}

.individual-service-form {
    background: url(images/background/inquiry-bg.html) 0 0/cover no-repeat;
    z-index: 1
}

.individual-service-form .octf-btn {
    background-color: #fa6220;
    border-color: #fa6220
}

.social-bg h2 {
    font-size: 44px
}

.social-bg .social-list li {
    margin: 0 16px 0 0
}

.social-bg .social-list li a i {
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 1.8
}

.social-bg .social-list li a i:hover {
    background-color: #0282b970
}

.seo-analysis .single-services-box .tab-link {
    background-color: transparent;
    padding: 20px;
    width: 270px
}

.footer {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    background-color: #2d2d2d
}

.footer .f-head {
    font-size: 18px;
    color: #5b50a1;
    font-weight: 600
}

.contact-info .f-head,
.inquiry-padding .f-head {
    font-size: 14px;
    font-weight: 700;
    color: #000000cc;
    margin-top: 2px;
    margin-bottom: 6px !important
}

.footer-icon .list-item::before {
    font-family: "font awesome 5 free";
    font-weight: 900;
    -webkit-margin-end: 6px;
    margin-inline-end: 6px;
    font-size: 5px;
    color: #fff;
    padding: 4px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .1);
    line-height: 1;
    display: inline-block
}

.footer-btn-list .footer-btn {
    border: 0;
    color: rgba(255, 255, 255, .9);
    height: 37px;
    width: 37px;
    padding: 0;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.footer-btn-list .footer-btn .bi,
.seo-services-form-wrapper input[type=email],
.seo-services-form-wrapper input[type=number],
.seo-services-form-wrapper input[type=text] {
    line-height: 0
}

.border-white-2 {
    border-color: rgba(255, 255, 255, .2) !important
}

.btn-info-dark {
    background-color: #43abfc;
    border-color: #43abfc;
    color: #fff
}

.payment-cards {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px
}

.custom-form-group {
    position: relative;
    display: flex;
    align-items: center
}

.add-btn,
.brand-services::before,
.custom-form-group .custom-form-btn,
.industry-reach-wider-audience-wrapper .reach-wider-audience-img,
.reach-wider-audience-wrapper .reach-wider-audience-img,
.typography-no-line {
    position: absolute
}

.typography-no-line {
    border-bottom: 1.5px solid #323438;
    transform: rotate(180deg);
    top: 29px;
    width: 137px;
    left: 62px
}

.tabs>ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.tabs>ul li a {
    background-color: #fff;
    justify-content: center
}

.tabs>ul li a,
.tabs>ul li a:visited {
    display: flex;
    border-bottom: none;
    margin: 0 .8rem;
    transition: .2s ease-in-out;
    word-wrap: break-word;
    color: #9b9999
}

.tabs>ul li a:active,
.tabs>ul li a:focus,
.tabs>ul li a:hover,
.technologies-stack .tabs>ul li a:active,
.technologies-stack .tabs>ul li a:focus,
.technologies-stack .tabs>ul li a:hover {
    border-bottom: none;
    outline: 0
}

.tabs>ul li a:hover:not(.active),
.technologies-stack .tabs>ul li a:hover:not(.active) {
    color: #0067b8
}

.tabs>ul li a>span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.tabs section {
    padding-left: 5rem;
    display: none;
    word-wrap: break-word;
    margin: 0 .8rem
}

.tabs section>:first-child,
.technologies-stack .tabs section>:first-child {
    transition-delay: .2s
}

.tabs section>:nth-child(2),
.technologies-stack .tabs section>:nth-child(2) {
    transition-delay: .3s
}

.tabs section>:nth-child(3),
.technologies-stack .tabs section>:nth-child(3) {
    transition-delay: .4s
}

.tabs section>:nth-child(4),
.technologies-stack .tabs section>:nth-child(4) {
    transition-delay: .5s
}

.tabs section>:nth-child(5),
.technologies-stack .tabs section>:nth-child(5) {
    transition-delay: .6s
}

.tabs section>:nth-child(6) {
    transition-delay: .7s
}

.tabs section>:nth-child(7) {
    transition-delay: .8s
}

.tabs section.active-content>*,
.technologies-stack .tabs section.active-content>* {
    opacity: 1;
    transform: translateY(0)
}

.tab-head {
    width: 350px
}

.value-section .border {
    border-color: #8ecf88 !important;
    border-radius: 5px
}

.privilege_box p {
    color: #dcdcdc;
    font-size: 15px
}

.seo-search-input input {
    width: 100%;
    height: 50px;
    color: #989898;
    font-size: 14px;
    box-shadow: 0 25px 40px rgba(50, 73, 179, .08);
    background: #fff;
    overflow: hidden;
    border: 0
}

.seo-search-input button {
    height: 50px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700
}

.seo-service-section h4 {
    font-size: 17px;
    font-weight: 600;
    margin: .6rem 0
}

.plus-bg {
    border: 2px solid #5b50a1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 2.3;
    color: #5b50a1
}

.inside-banner h2 {
    font-size: 45px;
    line-height: 1.2
}

.add-btn {
    left: 0;
    right: 0;
    bottom: -23px
}

.inner-entry-content p {
    margin: 1rem 0 0
}

.inner-entry-content ul li {
    position: relative;
    padding-left: 28px
}

.inner-entry-content ul li:before {
    position: absolute;
    content: "\f00c";
    top: 8%;
    font-family: "font awesome 5 free";
    font-weight: 900;
    left: 0;
    color: #5b50a1;
    font-size: 12px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.brand-services::before {
    content: "";
    right: 15px;
    width: 75%;
    height: 100%;
    top: 0;
    border-radius: 10px;
    background: #e4f6f6;
    background: -moz-linear-gradient(top, #97c8ef 0, #fff 100%);
    background: -webkit-linear-gradient(top, #97c8ef 0, #fff 100%);
    background: linear-gradient(to bottom, #e4f6f6 0, #a9c8e2 100%)
}

.brand-box {
    position: relative;
    padding-top: 40px;
    padding-right: 20px
}

.grid {
    padding: 1em 1em 0;
    margin: 0;
    column-count: 4;
    column-gap: 2em;
    column-rule: 2px outset rgba(0, 0, 128, .3)
}

.module {
    display: inline-block;
    margin: 10px 0 1em;
    list-style: none;
    background: #8fdeff24;
    padding: 20px;
    box-shadow: 0 8px 6px -6px rgb(125 234 255/30%), 0 -8px 6px -6px rgb(200 246 255/20%)
}

.datepicker td,
.datepicker th {
    padding: 0 14px
}

.bg-faae1c {
    background-color: #8ecf88
}

.sec {
    min-height: 100vh;
    width: 100vw;
    background-repeat: no-repeat
}

.portfolio-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.portfolio-wrapper ul li {
    width: 200px;
    position: relative;
    text-align: right
}

.portfolio-wrapper ul li .dot {
    color: #fff;
    display: block;
    padding: 14px 0
}

.portfolio-wrapper ul li .dot::after,
.portfolio-wrapper ul li .dot::before {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
    display: block;
    transition: .2s ease-out
}

.portfolio-wrapper ul li .dot::before {
    height: 8px;
    width: 8px;
    background: #fff;
    right: 0;
    transform: translateY(-50%)
}

.portfolio-wrapper ul li .active::before,
.portfolio-wrapper ul li:hover .dot::before {
    border-color: #5b50a1;
    background: #5b50a1
}

.portfolio-wrapper ul li .dot::after {
    height: 18px;
    width: 18px;
    border: 2px solid #5b50a1;
    right: -5px;
    transform: translateY(-50%) scale(0)
}

.portfolio-wrapper ul li .dot.active::after,
.portfolio-wrapper ul li:hover .dot::after {
    transform: translateY(-50%) scale(1)
}

.bg-753fd0 {
    background-color: #753fd0
}

.bg-164e86 {
    background: #164e86
}

.Content-Marketing-company-in-delhi .single-featured-box .offer-section-content,
.application-page .offer-section-content {
    min-height: auto
}

.What-We-Offer-img-section:before {
    content: '';
    background: url(images/innerpage/Conceptualize-Create-and-Code--Building-Future-Ready-Digital-Solutions.html) bottom/100% no-repeat;
    position: fixed;
    width: 48%;
    height: 100%;
    bottom: -16px;
    left: 0
}

.bg-8250cb {
    background-color: #8250cb
}

.valued_clients_sec table td,
.valued_clients_sec table th {
    color: #fff;
    vertical-align: middle
}

.carousel-caption {
    padding-top: 40px;
    padding-bottom: 40px
}

.privacy-policy h1,
.term-condition h1 {
    font-size: 31px
}

.privacy-policy h2,
.term-condition h2 {
    font-size: 26px
}

.privacy-policy div {
    margin-bottom: 1.6rem
}

.privacy-policy ul li {
    line-height: 1.78;
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative
}

.privacy-policy ul li:before {
    background-color: #5b50a1;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 8px
}

.blog-main-subtitle ul li::before,
.slider-banner {
    display: none !important
}

.inner-overlay {
    position: absolute;
    background: linear-gradient(146deg, rgba(0, 24, 55, .9) 35%, rgba(0, 24, 55, .1) 100%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.icon-box-no {
    font-size: 35px;
    color: #5b50a1
}

.lead-services .bg-white {
    box-shadow: 11px -2px 20px 0 #e9e7e7;
    border-radius: 0 30px 30px 0
}

.dashed-border {
    border: 1px dashed #dadada
}

.icon-boxes {
    padding: 25px 52px
}

.seo-services-form-wrapper input[type=email],
.seo-services-form-wrapper input[type=number],
.seo-services-form-wrapper input[type=text],
.seo-services-form-wrapper select,
.seo-services-form-wrapper textarea {
    font-size: 14px;
    border: 1px solid #ced4da66
}

.seo-services-form-wrapper select {
    height: 41px !important;
    width: 100%
}

.content-marketing-carousel .solution-box {
    border-color: #5b50a152;
    padding: 20px
}

.content-marketing-carousel .owl-nav.disabled {
    display: block !important
}

.content-marketing-carousel .owl-nav .owl-next {
    right: -5rem
}

.content-marketing-carousel .owl-nav .owl-prev {
    left: -5rem
}

.content-marketing-carousel .owl-nav .owl-next,
.content-marketing-carousel .owl-nav .owl-prev {
    border: 0;
    font-size: 25px
}

.Content-Marketing .Content-Marketing-company-in-delhi:after {
    position: absolute;
    top: 169px;
    bottom: 0;
    content: '';
    background-image: url(images/background/innerpage/Empowering-Brands-with-Tailored-Digital-Content.webp);
    z-index: 0;
    height: 100%;
    background-repeat: no-repeat;
    width: 48%;
    background-position: left;
    background-size: 100%
}

.Content-Marketing-company-in-delhi .single-featured-box img {
    width: 42px
}

.Content-Marketing .process-bottom .ot-heading h3 {
    font-size: 25px
}

.Content-Marketing .process-bottom span {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 6px
}

.icon-line {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2px;
    background-color: #e4e4e4;
    height: calc(100% - 53px)
}

.icon-wrap-no {
    position: relative;
    width: 45px;
    height: 45px;
    text-align: center;
    background-color: #5b50a1;
    color: #fff;
    border-radius: 100%;
    font-size: 1.1875rem;
    font-weight: 500;
    line-height: 2.375rem;
    border: 2px solid transparent
}

.border-rounder,
.rounded-20 {
    border-radius: 20px
}

.border-rounder .card-title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700
}

.lead-service .service h6 {
    border-bottom: 2px solid #5b50a1
}

.lead-service .service img {
    border: 4px solid #5b50a1;
    border-radius: 50%;
    padding: 1rem;
    width: 250px;
    height: 250px
}

.zoom-img .solution-box {
    overflow: hidden;
    box-shadow: 1px 2px 14px 4px rgba(0, 0, 0, .1)
}

.flex-width {
    width: 80%
}

#newsletter_pop_up .col-newsletter-popup {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 3px
}

#newsletter_pop_up .content-popup {
    padding: 0 30px
}

#newsletter_pop_up .form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative
}

#newsletter_pop_up .field.newsletter {
    margin-right: 10px;
    flex: 1
}

#newsletter_pop_up .actions button {
    padding: 0 20px;
    min-height: 45px;
    background: #5b50a1;
    border: 2px solid transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 1rem;
    box-sizing: border-box
}

#newsletter_pop_up {
    width: 800px;
    height: 372px;
    top: 2rem
}

#newsletter_pop_up input {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    height: 45px;
    padding: 0 9px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box
}

#newsletter_pop_up .close-popup {
    font-size: 26px;
    color: #fff;
    background: #5b50a1;
    border: 0;
    position: absolute;
    right: 0;
    padding: 0;
    line-height: 1;
    top: 0;
    cursor: pointer;
    z-index: 99;
    width: 40px;
    border-radius: 0;
    height: 39px;
    opacity: 1
}

.plan-section input {
    padding: 8px 16px
}

.plan-section {
    padding: 1.4rem
}

.plan-section .pricing {
    border-bottom: 0 !important
}

.plan-section .old-price {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-decoration: line-through
}

.coupon-close-btn button {
    border-radius: 50%;
    border: 0;
    background: 0 0;
    font-size: 29px;
    padding: 0
}

.alert.alert-dismissible .btn-close {
    top: 6px;
    right: 0;
    padding: 0;
    font-size: 12px;
    color: #000
}

.price-table {
    width: 100%;
    border: 0
}

.price-table tr:not(:last-child) {
    border: 1px solid #b2b1b1
}

.case-study-banner h5,
.form-wrap label,
.price-table tr th {
    font-weight: 600
}

.price-table tr td,
.price-table tr th {
    border-left: 1px solid #d4d2d2;
    padding: 8px 14px;
    font-size: 15px;
    color: #605b5b
}

.price-table tbody tr:hover {
    background-color: #eee
}

.price-table .fa-times {
    color: #d8d6e3
}

.price-table tr:nth-child(2n),
.section-bg-blue {
    background-color: #f3f6ff
}

.price-table td.price a {
    background-color: #5b50a1;
    color: #fff;
    padding: 12px 32px;
    margin-top: 16px;
    font-size: 12px;
    font-weight: 600
}

.price-table th.price-table-popular {
    border-top: 3px solid #5b50a1
}

.price-table .price-blank {
    background-color: #5b50a1;
    border: 0;
    border-bottom: 1px solid #fff
}

.price-table h4 {
    font-size: 21px;
    font-weight: 600
}

.payment-type .type {
    position: relative;
    background: #f2f4f7;
    box-shadow: 0 1px 4px 0 #dcdfe142;
    border: 2px solid #fff;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
    padding: 1.5rem 2rem 2rem;
    margin-bottom: 10px;
    text-align: center;
    transition: .5s;
    height: 120px
}

.payment_wrapper .selected {
    border-color: #40b3ff;
    color: #000
}

.text-red {
    color: red
}

.have_coupon:hover {
    text-decoration: underline;
    cursor: pointer
}

.thankyou-page-wrapper {
    /* box-shadow: 1px 2px 14px 4px transparent; */
    padding: 3rem 2rem;
    /* border-top: 3px solid #000;background:#000 */
}

.select2-selection__rendered {
    line-height: 52px !important
}

.select2-container .select2-selection--single {
    height: 49px !important
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important
}

#coupon_code {
    line-height: 15px;
    text-align: center
}

.plan-btn {
    padding: 6px 18px;
    font-size: 14px;
    border-radius: 19px
}

.plan_table tr.parent th {
    cursor: pointer;
    font-size: 18px;
    font-weight: 800;
    color: #fff
}

.plus-minus-toggle {
    cursor: pointer;
    position: relative
}

.plus-minus-toggle:after,
.plus-minus-toggle:before {
    background: #fff;
    content: '';
    height: 3px;
    right: 0;
    position: absolute;
    top: 0;
    width: 13px;
    transition: transform .5s
}

.plus-minus-toggle:after {
    transform-origin: center
}

.plus-minus-toggle.collapsed:after {
    transform: rotate(90deg)
}

.arrow.reverse,
.plus-minus-toggle.collapsed:before,
section.case-study .owl-theme .owl-nav button.owl-next,
section.case-study .owl-theme .owl-nav button.owl-prev {
    transform: rotate(180deg)
}

.solution-border {
    border: 1px solid #dee2e661;
    padding: 1.5rem;
    border-radius: 12px
}

.solution-menu .mega-menu-item img {
    background: #32c2ff1c;
    padding: 6px;
    border-radius: 2px
}

.account-form {
    padding: 4rem 0 4rem 6rem
}

.side-navbar-wrapper {
    z-index: 1;
    overflow-y: auto
}

.side-navbar {
    min-height: 500px;
    padding: 3rem 1rem 0
}

.dashboard-section {
    padding-top: 3rem;
    border-left: 1px solid rgba(72, 94, 144, .16)
}

.menu-items li {
    list-style: none;
    padding: .4rem .6rem;
    position: relative
}

.side-navbar a {
    color: #3c4858;
    text-decoration: none;
    transition: .5s ease-out
}

.side-navbar .active a {
    color: #5b50a1;
    font-weight: 600
}

.side-navbar a:hover {
    color: #5b50a1;
    padding-left: 2px;
    transition: .6s ease-in-out
}

.subscription-plan {
    line-height: 21px
}

.subscription-detail {
    padding: 0 8px;
    border-radius: 5%;
    height: 27px;
    font-size: 14px
}

.subscription-id small {
    font-size: 13px;
    font-weight: 600
}

.upgrade-icon i {
    transform: scaleX(-1);
    rotate: 90deg
}

.billing-section .cancel_btn a {
    line-height: 1.4
}

.address-modal .close_btn {
    color: #fff;
    font-size: 20px;
    padding: 0 14px
}

.user-login {
    text-align: center;
    border-left: 1px solid #dcdde1
}

.user-login i {
    margin-left: 1rem;
    line-height: 39px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 24px
}

.case-study-logo {
    width: 180px
}

.client-result span {
    font-size: 30px;
    font-weight: 800;
    color: #000
}

.client-result-desc {
    line-height: 1.24
}

.client-result p {
    font-weight: 700;
    color: #000
}

.case-study-link {
    font-weight: 700;
    font-size: 17px
}

.case-study-heading {
    font-weight: 700;
    font-size: 42px
}

.casestdy_itm {
    background: #5b50a1;
    color: #fff;
    font-size: 12px;
    padding: 0 7px;
    border-radius: 4px;
    margin: 4px
}

.case-project ul li {
    position: relative;
    margin-left: 2rem;
    margin-bottom: .6rem
}

.case-project ul li::before {
    content: '';
    width: 20px;
    left: -2rem;
    top: .99rem;
    height: 2px;
    background-color: #55c3d5;
    position: absolute
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out
}

.blog-post li:before,
.ot-accordions li :before {
    font: 900 14px/23px FontAwesome;
    content: "\f00c";
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    background: #5b50a1;
    border-radius: 4px;
    height: 23px;
    text-align: center;
    color: #fff;
    margin-right: 1rem
}

.ot-accordions li {
    margin: .8rem 0
}

.lara-img-shadow {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: .8rem;
    box-shadow: 3px 3px 13px 0 rgb(0 0 0/10%)
}

.process {
    width: 100%;
    text-align: center
}

.process__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    position: relative;
    padding: 15px;
    transition: .4s ease-in-out
}

.process__item:hover {
    background: #f2f2f2
}

.process__item:hover .process__number {
    transform: translateY(5px);
    color: #5b50a1
}

.process__number {
    font-size: 60px;
    -webkit-text-stroke: 1px #5b50a1;
    display: block;
    color: transparent;
    font-weight: 700;
    transition: .4s ease-in-out
}

.process__title {
    color: #5b50a1;
    margin-top: 30px;
    font-weight: 800;
    font-size: 18px
}

.process__subtitle {
    display: block;
    margin-top: 20px;
    line-height: 1.5
}

.page-container,
.page-section {
    height: 100%;
    width: 70%;
    margin-left: 25%;
    padding: 1rem 3em 0
}

.form-control[readonly] {
    background-color: #fff !important;
    opacity: 1
}

.navigation {
    position: sticky;
    position: -webkit-sticky;
    top: 70px;
    color: #000;
    float: left;
    padding: 1rem;
    background: #f3f3f3;
}

.navigation__link {
    display: block;
    color: #000;
    text-decoration: none;
    padding: .4rem .8rem;
    font-weight: 600
}

.Social-Media-Marketing .industries-section a:hover h5,
.navigation__link.active,
.sitemap-sec li a:hover {
    color: #5b50a1
}

.socialshare_vertical-li {
    border-radius: 50%;
    margin: .4rem 0;
    background: #000;
    width: 40px;
    height: 40px;
    line-height: 2;
    text-align: center
}

.socialshare_vertical-li a {
    color: #fff
}

.blog-page .socialshare_vertical ul li {
    margin-bottom: 0 !important
}

.socialshare_vertical {
    margin-right: 2rem;
    top: 120px
}

.socialshare_vertical-li ._3vtu {
    text-align: center !important;
    margin: auto !important
}

.blog-page .blog-post-content li::before {
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: middle;
    content: "\f00c";
    background: #5b50a1;
    width: 23px;
    height: 23px;
    line-height: 1.8;
    border-radius: 50%;
    font-size: 13px;
    text-align: center;
    margin-right: .8rem;
    color: #fff;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0
}

.blog-page .blog-post-content .entry-summary li {
    padding-left: 2rem;
    position: relative;
    margin-left: 0;
}

.blog-main-subtitle {
    margin-left: 1rem;
    padding-right: 1rem;
    border-left: 1px dashed #5b50a14d;
    height: auto;
    max-height: 290px;
    overflow-y: hidden;
    display: inline-block
}

.blog-post b {
    color: #000;
}

.blog-main-subtitle ul {
    counter-reset: item
}

.blog-main-subtitle li {
    counter-increment: item
}

.blog-main-subtitle ul li a {
    color: #3d3d3d;
    padding: 0;
    font-weight: 400
}

.blog-main-subtitle:hover {
    overflow-y: scroll
}

.blog-main-subtitle ul li {
    margin-bottom: .4rem;
    font-size: 14px;
    list-style: none;
    display: flex;
    color: #777;
    justify-content: start
}

.blog-main-heading a {
    font-size: 16px;
    line-height: 1.4;
}

.blog-main-subtitle::-webkit-scrollbar {
    width: 4px;
    border-radius: 6px
}

.blog-main-subtitle::-webkit-scrollbar-track {
    background: #ccc
}

.blog-main-subtitle::-webkit-scrollbar-thumb {
    background: #5b50a1
}

.blog-main-subtitle::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.author-box a {
    color: #000;
    font-weight: 700
}

.blog-faq-wrapper h2 {
    margin-bottom: 1.5rem !important
}

.blog-faq-wrapper h3 {
    font-size: 22px;
    font-weight: 700
}

.blog-faq-wrapper p {
    margin-bottom: 1.5em
}

.blog-post-content {
    margin-top: 3rem
}

.solution-box-wrapper .icon-box-s2.s1 {
    padding: 0 .8rem;
    border-left: 5px solid #5b50a1;
    margin-bottom: 3rem
}

.solution-box-wrapper .icon-box-s2.s1 h5 {
    margin-bottom: .2rem
}

.crm-services-wrapper {
    background-color: #f8f9fab0
}

@-webkit-keyframes swing {
    15% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    65% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes swing {
    15% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    65% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.swing {
    width: 280px;
    line-height: 1.3;
    border-radius: 13px
}

.swing .icon-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ff6c00;
    text-align: center;
    line-height: 3
}

.swing:hover {
    -webkit-animation: 1s swing;
    animation: 1s swing
}

.icon-box img {
    height: 31px
}

.service-img-box {
    min-width: 240px;
    max-width: 240px
}

.platform-list-tab .tabs {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    display: block
}

.platform-list-tab .tabs li {
    list-style-type: none;
    margin-bottom: 4px;
    font-size: 25px
}

.platform-list-tab .tabs li a {
    display: inline-block;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #0d1820;
    background-color: transparent;
    border: 1px solid #f2f2f2;
    padding: 8px 30px;
    -webkit-transition: .6s;
    transition: .6s;
    width: 100%;
    border-left: 2px solid #5b50a1
}

.current {
    background-color: #d5d5d542
}

.acc-item {
    margin-bottom: 10px;
    text-align: left
}

.process-section .steps-box::after {
    content: "\f053";
    position: absolute;
    font: 17px/2.5 FontAwesome;
    right: -29px;
    top: -6%;
    bottom: 50%;
    width: 40px;
    height: 40px;
    background: #5b50a1;
    border-radius: 50%;
    text-align: center;
    transform: rotate(180deg);
    color: #fff;
    margin: auto;
    box-shadow: 1px 0 4px 2px rgba(0, 0, 0, .15) !important
}

.steps-box img {
    height: 160px;
    margin: auto
}

.steps-box h5 {
    font-size: 18px;
    font-weight: 600
}

.technology-wrapper .tech-box {
    box-shadow: 0 10px 40px 0 rgba(107, 125, 179, .11)
}

.key-moduls-wrapper .nav-tabs .nav-link {
    margin-bottom: 4px;
    border: 1px solid #e9e9e9;
    margin-right: 2px;
    padding: 8px 14px;
    color: #000
}

.grid-box {
    border-right: 1px solid #e9ebee;
    border-bottom: 1px solid #e9ebee
}

.bottom-nav-item:last-child,
.grid-box:nth-child(3n) {
    border-right: none
}

.cms-modules-wrapper li,
.employee-manegment-wrapper li,
.hrm-benifits li,
.steps-box li {
    position: relative;
    padding-left: 1.5rem
}

.cms-modules-wrapper li {
    line-height: 1.4;
    margin-bottom: .6rem
}

.cms-modules-wrapper li:before,
.employee-manegment-wrapper li::before,
.hrm-benifits li::before,
.steps-box li::before {
    width: 7px;
    height: 7px;
    transform: rotate(-45deg);
    flex-shrink: 0;
    content: "";
    background: #4a4488;
    position: absolute;
    left: 5px;
    top: 11px
}

.key-modules-wrapper.nav-pills-custom .nav-link.active {
    color: #5b50a1;
    background: #fff
}

.key-modules-wrapper .nav-pills-custom .nav-link {
    color: #000;
    background: #fff;
    position: relative
}

.box-wrapper img,
section.our-portfolio .box-wrapper img {
    background: #54bdea;
    width: 50px;
    border-radius: 8px;
    margin-bottom: .6rem;
    box-shadow: 0 6px 16px rgb(153 153 153/26%) !important
}

.shadow-box {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    padding: 1.4rem 2.4rem;
    background-color: #fff;
    color: #00111f;
    height: 100%;
    margin-bottom: 1rem
}

.inner-box-wrapper h3 {
    font-size: 9rem;
    line-height: .8;
    margin: 84px 0 0;
    color: #5b50a11e;
    width: 100%
}

.inner-box-wrapper .container-box {
    padding: 30px;
    min-height: 321px;
    margin: -210px 0 0 auto;
    width: 100%
}

.move-right:hover {
    transition: .35s cubic-bezier(.55, 1, .22, 1);
    transform: translateX(10px)
}

.move-left:hover {
    transition: .5s;
    transform: translateX(-10px)
}

.category-div .content .content-overlay,
.form-wrap .form-control {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out
}

.banner-wrapper h2 {
    font-size: 50px;
    line-height: 1.2
}

.form-wrap {
    background: #fff;
    width: 100%;
    padding: 50px;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
    box-shadow: 0 0 40px rgba(0, 0, 0, .15)
}

.footer-area .footer-bottom .footer-contact-info .footer-contact-info-item+.footer-contact-info-item,
.portfolio-grid,
.portfolio-tab ul {
    margin-top: 50px
}

.form-wrap .form-group>label {
    display: block;
    font-size: 18px;
    color: #000;
    font-weight: 700
}

.form-wrap .custom-control-label {
    color: #000;
    font-size: 16px
}

.form-wrap .form-control {
    height: 50px;
    background: #ecf0f4;
    border-color: transparent;
    padding: 0 15px;
    font-size: 16px;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.form-wrap textarea .form-control {
    height: 160px;
    padding-top: 15px;
    resize: none
}

.form-wrap .form-check-input {
    margin-top: 3px
}

.banner-wrapper i {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #5b50a1;
    padding: 6px;
    font-size: 14px;
    color: #fff
}

.portfolio-wrapper .pic:hover {
    transform: translateY(-12px)
}

.portfolio-wrapper .pic:before {
    width: 100%;
    height: 200px;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0
}

.portfolio-wrapper .pic:after {
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -25px;
    border: 1px solid rgba(255, 255, 255, .5);
    padding: 10px
}

.portfolio-wrapper img {
    max-width: 100%;
    cursor: pointer
}

.portfolio-wrapper .pic:hover img {
    animation: 3s linear forwards moveSlideshow
}

@keyframes moveSlideshow {
    100% {
        transform: translateY(calc(-100% + 445px))
    }
}

.portfolio-modal iframe {
    width: 100%;
    height: 80vh
}

.modal.portfolio-modal {
    z-index: 99999;
    background: #0000007a;
    width: 100%;
    height: 100%
}

.portfolio-section {
    padding-top: 0;
    transition: 1.3s;
    box-sizing: border-box;
    height: auto
}

.portfolio-tab ul li {
    color: #000;
    background: 0 0;
    display: inline;
    font-weight: 500;
    padding: 12px 16px;
    border: 2px solid #5b50a1;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-tap-highlight-color: transparent
}

.clearfix:after {
    display: table;
    content: " "
}

.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 450px;
    gap: 20px
}

.portfolio-grid .portfolio-div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;
    overflow: hidden;
    box-shadow: 0 5px 15px rgb(0 0 0/8%);
    border: 7px solid #e5e5e5a6;
    height: 450px;
    border-radius: 10px
}

.category-div .content .content-overlay,
.portfolio .label,
.portfolio .label-bg {
    height: 100%;
    width: 100%;
    position: absolute
}

.portfolio-wrapper {
    overflow: hidden;
    position: relative !important;
    cursor: pointer
}

.portfolio-bg {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 1s;
    transform: scale(1)
}

.mobile-app-development-wrapper .services .item .icon-box-s2:hover .icon-main,
.portfolio:hover .portfolio-bg {
    transform: scale(1.2)
}

.portfolio .label {
    bottom: 0;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.portfolio .label-bg {
    background: #232323;
    opacity: .7;
    top: 0;
    left: 0
}

.portfolio .label-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 50px 20px
}

.carousel-item {
    transition: transform 1s ease-in-out
}

.carousel-caption {
    top: 0;
    bottom: 0;
    left: 4rem;
    right: 0;
    width: 550px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.carousel-caption p.small-text {
    color: #8ecf88;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 6px;
    line-height: 20px
}

.carousel-item.active .carousel-caption {
    animation: 3.5s widthSlide;
    opacity: 1
}

@keyframes widthSlide {
    0% {
        width: 0%;
        opacity: 0
    }

    100%,
    50% {
        width: 100%;
        opacity: 1
    }
}

.carousel-caption h5 {
    font-size: 3rem;
    color: #fff;
    position: relative;
    width: fit-content;
    padding-right: 10px
}

.carousel-item>img {
    height: 100vh;
    object-fit: cover
}

.carousel-caption p {
    font-size: 16px;
    color: #e9e9e9;
    line-height: 22px;
    font-weight: 100
}

.carousel-indicators {
    right: 10px;
    left: auto;
    margin: 0;
    width: 25px;
    flex-wrap: wrap;
    bottom: auto;
    top: 45%;
    transform: translate(0, -50%);
    gap: 10px;
    z-index: 9999
}

.carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    border-radius: 100px;
    border: none
}

.projectPreview .carousel-control-next-icon,
.projectPreview .carousel-control-prev-icon {
    background-color: #5b50a1;
    padding: .4rem;
    border-radius: 4px
}

.category-div .cards_are {
    background: #fff;
    z-index: 1;
    border-radius: 6px
}

.category-wrapper .content-overlay img.h-100 {
    height: auto !important
}

.category-div .content {
    position: relative;
    margin: auto;
    overflow: hidden
}

.category-div .ot-icon-box {
    padding: 25px 8px;
    text-align: center;
    box-shadow: -1px 1px 40px 0 rgb(0 0 0/7%);
    border-radius: 6px
}

.category-div .content .content-overlay {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: .3s ease-in-out
}

.category-div .ot-icon-box__icon {
    width: 80px;
    height: 75px;
    background: rgba(69, 187, 172, .2);
    margin-bottom: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 4px;
    display: inline-block;
    line-height: 0
}

.category-div .ot-icon-box__icon.bg-second {
    background: rgba(187, 90, 69, .2)
}

.category-div .ot-icon-box__icon.bg-first {
    background: rgba(255, 186, 171, .2)
}

.category-div .ot-icon-box__icon.bg-third {
    background: #e4d3ff
}

.category-div .visible_content .ot-icon-box__content h4 {
    font-size: 18px;
    color: #5b50a1;
    line-height: 1.4
}

.category-div .ot-icon-box__content h4 {
    color: #fff;
    font-size: 19px
}

.category-div .icon-box-des {
    color: #54575e;
    display: -webkit-box;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 9px;
    margin-top: 5px !important
}

.category-div .content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}

.category-div .fadeIn-bottom {
    top: 80%
}

.category-div .content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: #fff
}

.hero-slider .slide-inner,
.hero-slider .swiper-container,
.service-box-wrapper h4,
.technology-bg::after {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%
}

.services-section-wrapper {
    background: linear-gradient(105deg, #041329 0, #0a1042 100%);
    padding: 4rem 0
}

.tech-box .icon-main {
    line-height: 1;
    margin: auto
}

.tech-box i,
.tech-box span:before {
    font-size: 55px;
    line-height: inherit
}

.solution-box h5 {
    color: #000
}

.solution-box h5,
.tech-box h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
    color: #5b50a1;
}

.tech-box:hover {
    border-color: #5b50a1;
    color: #fff
}

.tech-box {
    margin-bottom: 30px;
    display: block;
    color: #fff;
    border: 1px solid #5b50a112;
    padding: 40px 15px 30px;
    text-align: center;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07)
}

.technology-bg .ot-heading h3 {
    font-size: 36px;
    font-weight: 700
}

.technology-bg::after {
    content: "";
    right: 0;
    width: 50%;
    z-index: -1;
    background: #e4f7ff
}

.trust-awards-wrapper {
    background: #000;
    text-align: center;
    padding: 3rem;
    border-radius: 16px
}

.service2-card,
.service3-card {
    border-radius: 10px;
    padding: 12px;
    position: relative
}

.trust-awards__title {
    font-size: 2.5rem
}

.technologies-stack {
    background: #000
}

.technologies-stack .owl-carousel .owl-item img {
    margin: auto auto .6rem;
    height: auto
}

.service2-card ul {
    list-style: disc;
    padding-left: 1rem;
    margin-bottom: 1.2rem
}

.service2-card li {
    margin-bottom: .4rem
}

.application-page .single-featured-box:hover .icon,
.mobile-app-development-wrapper .banner-content-wrapper .octf-btn:hover,
.products-page .middle-banner.cms-middle-banner .octf-btn,
.service2-card,
.services .solution-box {
    background: #fff
}

.service2-card img {
    display: block;
    margin-bottom: 16px
}

.service3-card {
    background: #fff;
    gap: 30px;
    gap: 24px;
    margin-bottom: 24px
}

.testimonial-items .fa {
    color: #ff9e00
}

.testimonial-container h3 {
    background: #8ecf88;
    padding: 1.3rem 0;
    font-size: 20px;
    color: #000;
    text-align: center
}

.testimonial-carousel {
    -webkit-filter: drop-shadow(0px 3px 6px #00000029);
    filter: drop-shadow(0px 3px 6px #00000029);
    padding: 1rem;
    background: #fff
}

.testimonial-items h3 {
    padding: .6rem 0;
    font-size: 16px;
    background: #d8d8d8;
    color: #000
}

.four-carousel .owl-item.active {
    background-color: #fff;
    -webkit-filter: drop-shadow(0px 3px 6px #00000029);
    filter: drop-shadow(0px 3px 6px #00000029)
}

.stars {
    font-size: 14px;
    margin: .4rem 0
}

.contact-form-wrap {
    background: linear-gradient(0deg, rgba(19, 81, 216, .01), rgba(19, 81, 216, .01)), linear-gradient(0deg, rgba(19, 81, 216, .05), rgba(19, 81, 216, .05));
    position: relative;
    background-color: #e4f7ff
}

.contact-form-wrap .contact-form-inner-wrap {
    background: #fff;
    border-radius: 10px;
    padding: 35px 50px 40px
}

.contact-form-wrap .form-control {
    border: 1px solid rgba(0, 0, 0, .1);
    min-height: 54px
}

.radio-box input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.input-group input {
    width: 100%;
    border: 1px solid;
    font-size: 16px;
    border-radius: 5px;
    padding: 7px 15px;
    display: block
}

.contact-form-wrap .form-group label {
    display: block;
    color: #000;
    opacity: .9;
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    width: 100%;
    cursor: pointer
}

.choice-a-company .radio-box input:checked~label {
    background: red;
    color: #fff;
    border-color: red
}

.choice-a-company .radio-box label {
    font-size: 16px;
    color: rgb(28 28 28/55%);
    margin: 0;
    border: 1px solid;
    border-radius: 5px;
    padding: 8px 15px;
    transition: .3s;
    cursor: pointer
}

.feedback-checkboxes {
    row-gap: 18px;
    column-gap: 18px;
    margin-top: 1rem
}

.feedback-checkboxes .feedback-item {
    display: flex;
    gap: 11px;
    align-items: end;
    min-width: 221px
}

.footer-area {
    position: relative;
    background: #000;
}

.arrow,
.arrow:hover {
    background-color: #f6f3ed
}

.footer-area a {
    color: rgba(255, 255, 255, .6);
    font-size: 14px;

}
.redux-social-media-list a{
    line-height: 1;
}

.footer-area .bg-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none
}

.footer-row {
    gap: 80px
}


.footer-area .footer-top .left-content .logo {
    display: inline-block;
    margin-bottom: 25px
}

.footer-area .footer-top .left-content p {
    color: rgba(255 255 255/80%);
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px
}

.footer-area .footer-top .left-content .subscribe-box {
    gap: 7px;
    margin-bottom: 50px
}

.footer-area .footer-top .left-content .subscribe-box input {
    border: 1px solid;
    border-radius: 5px;
    background: 0 0;
    font-size: 16px;
    padding: 8px 15px;
    width: 260px;
    color: #fff
}

.footer-area .footer-top .left-content .subscribe-box input::placeholder {
    color: rgb(217 217 217/55%)
}

.footer-area .theme-btn {
    padding: 8px 26px;
    border: none;
    border-radius: 5px;
    line-height: 1;
    font-size: 16px
}

.footer-area .theme-btn:hover {
    color: var(--dark1)
}

.footer-area .theme-btn::after,
.footer-area .theme-btn::before {
    background: #fff;
    border-radius: 5px 0 0 5px
}

.footer-area .theme-btn::after {
    border-radius: 0 5px 5px 0
}

.footer-area .footer-top .left-content .footer-clients {
    gap: 20px
}

.footer-area .footer-top .right-content .right-content-inner h2 {
    color: #fff;
    font-size: 32px;
    letter-spacing: -.5px;
    line-height: 1.1;
    margin-bottom: 20px;
}

.footer-area .footer-top .right-content .right-content-inner p {
    color: rgba(255 255 255/80%);
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 35px
}

.footer-area .footer-top .right-content .right-content-inner .theme-btn {
    padding: 13px 26px
}

.footer-area .footer-top .right-content .right-content-inner .footer-experience {
    gap: 25px;
    margin-top: 38px
}

.footer-area .footer-top .right-content .right-content-inner .footer-experience .footer-experience-item h1 {
    font-size: 26px;
    line-height: 1;
    margin-bottom: 0
}

.footer-area .footer-top .right-content .right-content-inner .footer-experience .footer-experience-item h1 span {
    font-size: 16px;
    font-weight: 400
}

.footer-links h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #d63030;
    margin-bottom: 20px
}

.copyright-area p,
.copyright-area p a {
    color: rgb(249 249 249/80%)
}

.footer-links ul li {
    margin-top: 8px
}

.footer-links ul li a {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    line-height: 21px
}

.footer-links ul li a span {
    background: var(--primary_color);
    color: #fff;
    border-radius: 10px;
    font-size: 13px;
    padding: 6px 10px;
    line-height: 1
}


.border-top-1,
.footer-area .footer-bottom .row {
    border-top: 1px solid;
    padding-top: 55px
}

.footer-area .footer-bottom .footer-contact-info {
    border-left: 1px solid;
    padding: 0 65px 0 130px
}

.footer-area .footer-bottom .footer-contact-info .footer-contact-info-item h4 {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 19px
}

.footer-area .footer-bottom .footer-contact-info .footer-contact-info-item p,
.footer-area .footer-bottom .footer-contact-info .footer-contact-info-item p a {
    color: rgba(255 255 255/80%);
    line-height: 40px;
    margin-bottom: 0
}

.copyright-area {
    padding: 30px 0 0;
    font-size: 14px
}

.copyright-area .social-links {
    gap: 22px
}

.copyright-area .social-links li a {
    color: #d2d2d2;
    font-size: 24px
}

.copyright-area p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}

.footer-area .list-item h4 {
    font-size: 14px;
    margin-bottom: 20px;
    color: #fff !important;
}

.text-whites {
    color: #fff;
}

a.button {
    font-size: 20px;
    background: #5b50a1;
    padding: .6rem .8rem;
    border-radius: 4px
}

.arrow::after {
    display: inline-block;
    content: "âžž";
    transition: transform .3s ease-out;
    color: #fff
}

.arrow:hover::after {
    transform: translateX(4px);
    color: #5b50a1
}

.hero-slider .swiper-button-next:before,
.hero-slider .swiper-button-prev:before {
    font-family: "font awesome 5 free";
    font-size: 15px;
    color: #d4d3d3;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    font-style: normal
}

.review-section .ot-counter span {
    font-size: 50px;
    line-height: 1;
    color: #000;
    font-weight: 700
}

.review-section .ot-counter h6 {
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    font-weight: 700;
    margin-top: 13px;
    margin-bottom: 0;
    display: inline-block;
    position: relative
}

.hero-slider {
    width: 100%;
    height: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff
}

.hero-slider .slide-inner {
    width: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left
}

.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
    background: 0 0;
    width: 55px;
    height: 55px;
    line-height: 53px;
    margin-top: -30px;
    text-align: center;
    border: 2px solid #d4d3d3;
    border-radius: 55px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 1;
    display: none
}

.hero-slider:hover .swiper-button-next,
.hero-slider:hover .swiper-button-prev {
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.hero-slider .swiper-button-prev {
    left: 25px;
    transform: translateX(50px)
}

.hero-slider .swiper-button-prev:before {
    content: "\f060"
}

.hero-slider .swiper-button-next {
    right: 25px;
    transform: translateX(-50px)
}

.hero-slider .swiper-button-next:before {
    content: "\f061"
}

.hero-style {
    height: 100vh;
    transition: .4s;
    background-color: #000
}

.hero-style .swiper-wrapper {
    z-index: 0
}

.hero-style .slide-btns,
.hero-style .slide-text,
.hero-style .slide-title {
    max-width: 690px
}

.hero-style .slide-title h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
    margin: 0 0 30px;
    text-transform: capitalize;
    transition: .4s
}

.hero-style .slide-title .small-text {
    color: #8ecf88;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 2.56px;
    margin-bottom: 18px
}

.hero-style .slide-text p {
    transition: .4s;
    font-size: 18px;
    color: #e9e9e9;
    line-height: 26px;
    margin-bottom: 35px;
    font-weight: 300
}

.astrology-application-development-Choose .Astrology-left ul li .icons,
.astrology-testimonials .Astrology-left ul li:not(:last-child),
.digital-marketing .highlighted-features .nav-tabs .nav-link ul li .icon,
.hero-style .slide-btns>a:first-child,
.menu-tabber .taber-content ul li .icon,
.testimonials-box ul li .image {
    margin-right: 10px
}

.burger-menu:hover,
.octf-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px 0 rgb(41 171 226/24%);
    color: #fff
}

.mobile-section .icon-box-des,
.mobile-section .visible_content .ot-icon-box__content h4 {
    font-size: 16px;
    line-height: 1.4
}

.mobile-section .ot-icon-box__icon {
    margin-bottom: 0;
    padding: .4rem;
    height: 48px;
    line-height: 26px
}

.mobile-section .ot-icon-box__icon img {
    font-size: 0;
    width: 76%
}

.mobile-section .ot-icon-box {
    border-radius: 8px;
    margin-bottom: .6rem
}

.service-box-wrapper {
    background: #fff;
    border-radius: 10px;
    padding: .8rem;
    text-align: center;
    position: relative;
    width: 100%;
    margin-bottom: 1rem
}

.service-box-wrapper span {
    font-size: 14px;
    color: #5b50a1;
    font-weight: 700
}

.box-one {
    border: 1px solid #5b50a1
}

.box-two {
    background: #e4f7ff
}

.service-box-wrapper h4 {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: center;
    color: rgba(91, 80, 161, .1);
    font-weight: 800;
    font-size: 65px;
    margin: auto;
    right: 0
}

.top-150 {
    padding-top: 150px
}

.portfolio-modal .btn-close {
    width: 12px;
    height: 12px;
    background: #5b50a1;
    line-height: 0;
    color: #fff;
    font-size: 21px;
    opacity: 1
}

.review-section {
    border-radius: 20px;
    padding: 2rem
}

.google-icon .owl-carousel .owl-item img {
    width: auto !important
}

.google-icon {
    background: #fff;
    box-shadow: 2px 6px 6px rgb(0 0 0/5%);
    margin: -4rem auto auto;
    padding: .6rem 1rem 1rem;
    border-radius: 6px
}

.hero-slider .swiper-button-next:hover,
.hero-slider .swiper-button-prev:hover {
    background: #5b50a1
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 91px;
    right: 36px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    box-shadow: 0 3px 3px #9999998a;
    z-index: 100;
    line-height: 1.5
}

.bounce {
    animation: 2s infinite bounce
}

@keyframes bounce {

    0%,
    100%,
    25%,
    50%,
    75% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-20px)
    }

    60% {
        transform: translateY(-12px)
    }
}

.industries-section img {
    width: 70px;
    /* filter: brightness(0) invert(1); */
}

.industries-section h5 {
    font-size: 16px;
    margin-top: .6rem;
    color: #fff
}

.industries-section a.w-100 {
    border-radius: 20px;
    background: rgb(24 24 24 / 92%);
    backdrop-filter: blur(5px);
    width: 214px;
    height: 214px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 3.5rem;
}

ul.flex-center-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    row-gap: 10px
}

.tab-body li {
    width: 31%;
    text-align: center;
    border: 1px solid #cccccc1a;
    padding: 1rem .6rem
}

.technologies-stack .tabs {
    display: block;
    margin-top: .6rem
}

.technologies-stack .tab-link {
    display: flex;
    align-items: center;
    gap: 8px
}

.technologies-stack .tabs>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 6px;
    overflow-x: scroll;
    width: 100%
}

.technologies-stack .tabs>ul li a,
.technologies-stack .tabs>ul li a:visited {
    display: flex;
    border-bottom: none;
    text-decoration: none;
    color: #000;
    margin: 0 0 .6rem;
    transition: .2s ease-in-out;
    word-wrap: break-word;
    background: #fff;
    border-radius: 4px;
    padding: .5rem
}

.technologies-stack .tabs>ul li a.active {
    background: linear-gradient(to left, #5b50a1, #8ecf88);
    color: #fff
}

.technologies-stack .tabs>ul li a>span.tab-label {
    font-size: 10px
}

.technologies-stack .tab-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 5px;
    color: #fff;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.technologies-stack .tabs section {
    width: 100%;
    display: none;
    word-wrap: break-word;
    padding: 1rem 0 0
}

.technologies-stack .tabs section>* {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .2s, transform .2s
}

.service-tech-wrap-heading {
    font-weight: 400;
    color: #fff;
    margin-top: .6rem
}

.service-tech-wrap img,
.service-tech-wrap svg {
    width: 45px;
    height: 45px
}

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

    100% {
        transform: translateX(-100%)
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.client-slider {
    background: #fff;
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.client-slider .slide-track {
    -webkit-animation: 80s linear infinite scroll;
    animation: 80s linear infinite scroll;
    display: flex;
    flex-wrap: nowrap;
    min-width: 500%;
    position: absolute;
    gap: 32px;
    width: 3642px
}

.client-slider .slide {
    transition: 1s linear
}

.service-tab-wrapper {
    height: 507px;
    overflow: hidden;
    margin-top: 2rem !important
}

.service-tab-wrapper .tab {
    width: 310px;
    border-radius: 20px;
    height: 376px;
    background: url(images/background/tab-bg.png) no-repeat;
    padding-top: .6rem
}

.service-tab-wrapper .tab button {
    display: flex;
    background-color: inherit;
    color: #ffffffb5;
    padding: 11px 20px;
    outline: 0;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    font-size: 15px;
    border-bottom: 1px solid #ffffff7a;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.service-tab-wrapper .tabcontent {
    width: 866px;
    height: 376px;
    overflow: hidden;
    border-radius: 20px;
    background: url(images/background/tab-content-bg.png) center no-repeat;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .35);
    position: relative
}

.service-tab-wrapper .tab-box {
    padding: 4rem
}

.service-tab-wrapper .tab-content-box span {
    color: #fff;
    font-size: 60px;
    font-weight: 900
}

.service-tab-wrapper .tab-content-box h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1rem
}

.service-tab-wrapper .tab-content-box p {
    color: rgba(255, 255, 255, .9);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.service-tab-wrapper .tab-content-box svg {
    padding-left: 4px
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item {
    position: relative;
    height: 400px;
    overflow: hidden
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center {
    opacity: 1;
    border: 7px solid #e5e5e5a6;
    border-radius: 8px;
    box-shadow: -1px 2px 10px rgba(0, 0, 0, .43)
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center .item,
.industry-banner-h {
    height: 500px;
    background-size: 100% !important;
}

.banner_destacados_wrapper .owl-nav {
    position: absolute;
    top: 50%;
    bottom: 50%;
    margin: auto;
    width: 100%;
    font-size: 30px;
    display: block !important
}

.banner_destacados_wrapper button.owl-next {
    right: -26px;
    position: absolute
}

.banner_destacados_wrapper .owl-nav .owl-next,
.banner_destacados_wrapper .owl-nav .owl-prev {
    width: 40px;
    background: #5b50a1;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .43);
    height: 40px;
    border-radius: 4px;
    line-height: 0;
    color: #fff;
    opacity: .6;
    transition: .3s
}

.banner_destacados_wrapper .owl-nav .owl-prev {
    position: absolute;
    left: -26px
}

.form-check-input[type=checkbox] {
    width: 20px
}

.was-validated .form-check-input:invalid {
    border-color: red
}

.Website-Design .icon-box img,
.client-carousel-mobile .owl-stage-outer,
.lead-generation-wrapper .service-wrapper-container .ot-icon-box-wrapper {
    height: auto
}

.work.section img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.work.section.portfolio-inner-wrapper img {
    height: 180px;
    width: 100%;
    object-fit: fill;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.portfolio-inner-wrapper .work__link {
    height: 180px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.nav__actions {
    display: flex;
    align-items: center;
    column-gap: 1rem
}

.work.section .grid {
    display: grid;
    gap: 1.5rem
}

.work__container {
    row-gap: 2rem;
    margin: auto
}

.work__link {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    box-shadow: -1px 4px 4px #dddddd70
}

.work__icon {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    font-size: 1.1rem;
    color: #5b50a1a3;
    transition: transform .4s;
    opacity: 0;
    border: 1px solid;
    border-radius: 50%;
    background: #fff;
    padding: .6rem .7rem
}

.work__card:hover .work__img {
    transform: scale(1.1);
    filter: none
}

.work__card:hover .work__icon {
    transform: translate(.5rem, -.5rem) rotate(-30deg);
    opacity: 1
}

.work__title {
    font-size: 1.2rem;
    text-align: center
}

.projectPreview .modal-body {
    height: 90vh;
    overflow: hidden
}

.projectPreview .modal-dialog {
    justify-content: center;
    align-items: center;
    display: flex
}

.portfolio-inner-wrapper article.work__card {
    border: 1px solid #cfcfcfad;
    padding: 1rem 1rem .6rem;
    margin-bottom: 1rem
}

.projectPreview .btn-close {
    color: #fff;
    position: absolute;
    top: -9px;
    right: -13px;
    font-size: 20px;
    cursor: pointer;
    background: #5b50a1;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 3px;
    line-height: 23px;
    opacity: 1;
    z-index: 1
}

.projectPreview .carousel-item>img {
    height: 87vh;
    object-fit: fill
}

.salary_box .select2-container {
    width: 100% !important
}

/* 
.inner-page-wrapper .ot-heading h1,
.inner-page-wrapper .ot-heading h3 {
    font-size: 28px
} */
/* 
.inner-page-wrapper p {
    line-height: 1.6rem;
    color: #666
} */

.icon-width {
    width: 50px;
    height: 50px
}

.mega-menu-inner a {
    font-size: 15px;
    padding-bottom: .6rem;
    color: #464646;
    font-weight: 500
}

.contact-panel__form .contact-btn,
.header-wrapper,
.industry-app-services-wrapper .owl-carousel .owl-item img {
    margin: auto
}

.inner-img-wrapper .social-media-marketing-agency-delhi .solution-box img,
.inner-img-wrapper .web-development-industry-expert-wrapper .card-img-top {
    height: 180px
}

.solution-box .image-box {
    height: 180px;
    overflow: hidden
}

.Social-Media-Marketing .process-wrapper .icon-main span {
    color: rgba(0, 0, 0, .1);
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 1.5px;
    display: inline-block;
    position: relative;
    left: -40px;
    top: 28px
}

.Social-Media-Marketing .industries-section .icon-main {
    background: rgba(91, 80, 161, .1);
    width: 86px;
    height: 70px;
    padding: 25px;
    border-radius: 100px 29px 123px 28px;
    margin: auto auto 20px;
    transition: .3s linear
}

.Social-Media-Marketing .social_icons {
    border-radius: 100px;
    background: #f1fbff !important;
    text-decoration: none;
    padding: 15px 40px;
    margin-bottom: -40px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.Social-Media-Marketing .What-We-Offer .single-featured-box {
    text-align: left;
    border-radius: 10px;
    border: 1px solid #b2e5ff;
    background: #eefaff;
    box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .1);
    padding: 20px
}

.Social-Media-Marketing .single-featured-box .icon,
.application-page .single-featured-box .icon {
    background: rgba(91, 80, 161, .1);
    width: 86px;
    height: 70px;
    padding: 25px;
    border-radius: 100px 30px 100px 50px
}

.Social-Media-Marketing .single-featured-box .icon img,
.application-page .single-featured-box .icon img {
    position: relative;
    top: -25px
}

.Social-Media-Marketing .Social-Platforms .col-lg-2 {
    width: 16%;
    margin: auto;
    text-align: center
}

.Social-Media-Marketing .highlighted-features .inner-page-banner,
.Social-Media-Marketing section.process-wrapper .inner-page-banner {
    max-width: 35%
}

/* .Social-Media-Marketing section.highlighted-features:after {
    content: '';
    position: absolute;
    background: url('static/images/social _media_marketing/OUE_POWERFULL.webp') right no-repeat;
    z-index: 99;
    height: 100%;
    left: 0;
    width: 100%;
    top: 0;
    right: 0
} */

section.our-portfolio .gallery-box {
    border-radius: 5px;
    position: relative;
    border: 1px solid #ccc;
    padding: 10px
}

section.our-portfolio .gallery-box .image {
    transition: .3s linear;
    overflow: hidden
}

section.our-portfolio .gallery-box .image img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: .3s linear;
    -webkit-transition: .3s linear
}

.bottom-nav {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    will-change: transform;
    transform: translateZ(0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .24);
    height: 50px
}

.bottom-nav-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: center;
    color: #fff;
    border-right: 1px solid #fff;
    padding: 4px 0;
    line-height: 1.4;
    height: 50px
}

.heading-section,
.heading-section-cont {
    -webkit-text-fill-color: #ffffff00;
    line-height: 96px;
    text-transform: uppercase
}

/* 
.heading-h2,
.inner-wrapper h1,
.inner-wrapper h2 {
    font-size: 28px;
    font-weight: 700
} */

/* .inner-wrapper h1,
.web-design-page .The-Web-Design-Journey .ot-heading h3.main-heading {
    color: #060607
} */
/* 
.inner-wrapper h2 {
    margin-bottom: .6rem
} */

/* .industry-banner-wrapper .banner-wrapper h3,
.inner-wrapper .banner-section h2,
.inner-wrapper .banner-section h3 {
    font-size: 38px;
    font-weight: 700
} */

/* .inner-wrapper p {
    font-weight: 400;
    color: #54575e;
    font-size: 16px
} */

.astrology-testimonials .Astrology-left ul,
.banner-section,
.case-study-wrapper ul.typography-list li,
.digital-marketing .highlighted-features .nav-tabs .nav-link ul li,
.food-main-heading-banner,
.industry-banner-wrapper .banner-wrapper,
.industry-main-heading-banner,
.testimonials-box ul li,
section.highlighted-features .nav-tabs .nav-link ul li {
    display: flex;
    align-items: center
}

.banner-section p.small {
    font-size: 15px;
    line-height: 1.3
}

.application-page .What-We-Offer,
.application-page .middle-banner,
.banner-section .container,
.brand-design-page .Website-Design-top,
.card-box:hover .product-detail p {
    z-index: 1
}

.banner-content-wrapper {
    padding: 1.5rem 0
}

.banner-section .ot-heading p {
    color: rgba(255, 255, 255, .9);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px
}

.services-wrapper .owl-carousel {
    height: 280px;
    overflow: hidden
}

.custom-api-section::after,
.custom-benifits-section::after,
.inner-wrapper .services:after,
.service-wrapper-container::after,
.webdesign-delhi::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 58%;
    height: 100%;
    z-index: -1;
    background: #eefaff
}

.custom-benifits-section::after,
.webdesign-delhi::after {
    width: 69%
}

.custom-api-section .icon-box-s2 .content-box h5 {
    font-weight: 500;
    color: rgb(0 0 0 / 68%);
    font-size: 17px
}

.inner-wrapper .services:after {
    left: 0;
    width: 25%
}

/* .service-wrapper-container .ot-icon-box-wrapper {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
    padding: 1rem;
    height: 235px;
    margin: 1rem 0
} */

.ot-icon-box__content h4 {
    margin-bottom: 5px
}

.heading-section {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.20);
    font-size: 48px;
    font-weight: 400;
    text-align: left;
    position: absolute;
    transform: rotate(270deg);
    bottom: 0;
    top: 0;
    z-index: 99
}

.service-wrapper-container .ot-icon-box-wrapper h4 a {
    color: rgba(0, 0, 0);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .54px
}

/* 
.service-wrapper-container .ot-icon-box-wrapper p {
    font-size: 15px;
    line-height: 1.3;
    color: #272727;
    font-weight: 300
}

.service-wrapper-container .ot-icon-box__icon {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(159, 104, 250, .1);
    border-radius: 4px;
    padding: 0
}

.service-wrapper-container .ot-icon-box__icon img {
    width: 26px;
    height: 26px
}

.service-wrapper-container .ot-icon-box__icon.bg-second {
    background-color: rgba(45, 171, 227, .1)
}

.service-wrapper-container .ot-icon-box__icon.bg-third {
    background-color: rgba(134, 208, 96, .1)
}

.service-wrapper-container .ot-icon-box__icon.bg-forth {
    background-color: rgba(255, 167, 51, .1)
} */

.icon-box-s2 .content-box h5,
.services .solution-box h5 {
    margin-top: .6rem
}

.success-section {
    background: #f1fbff
}

.process-progress {
    border: 1px dashed rgba(247, 155, 31, .4);
    background-color: #fff !important
}

.bg-font {
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0
}

.bg-font h5 {
    font-size: 200px;
    font-weight: 900;
    line-height: 228px;
    text-align: center;
    margin: auto;
    color: rgba(0, 0, 0, .03)
}

.case-study-banner span,
.case-study-banner span.sub-title {
    margin-bottom: 8px
}

.custom-benifit .icon-box-s2 .content-box h5,
.saas-benifits .icon-box-s2 .content-box h5,
.seo-benifits .icon-box-s2 .content-box h5 {
    color: #6b5fc4;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .54px;
    position: relative
}

.seo-benifits {
    position: relative;
    margin-bottom: 3.2rem
}

.seo-benifits .icon img {
    width: 16%
}

.custom-api-section::before,
.custom-benifit::after,
.saas-benifits::after,
.seo-benifits::before {
    content: '';
    background: url(images/background/innerpage/saas-benifit.webp) bottom/100% no-repeat;
    position: absolute;
    width: 48%;
    height: 100%;
    bottom: -16px;
    left: 0
}

.custom-api-section::before {
    bottom: -30px
}

.bg-wrapper-left:after,
.bg-wrapper-right:after,
section.saas-wrapper:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 50%;
    height: 75%;
    z-index: -1;
    background: #eefaff
}

.bg-wrapper-left:after,
.bg-wrapper-right:after {
    top: -18px;
    width: 32%;
    height: 100%
}

.bg-wrapper-left:after {
    left: 0;
    top: 0
}

.custom-benifit::after {
    background: url(images/background/innerpage/custom-benifit.webp) bottom no-repeat;
    border-radius: 0 0 30px;
    bottom: 6px
}

.custom-api-section::before {
    background: url(images/background/innerpage/importance-api-img.webp) no-repeat;
    width: 100%
}

.seo-benifits::before {
    background: url(images/background/innerpage/seo-benifits.webp) left bottom no-repeat;
    width: 48%;
    bottom: 30px
}

.custom-benifit .icon-box-s2 .content-box h5::after,
.saas-benifits .icon-box-s2 .content-box h5::after {
    content: '';
    position: absolute;
    left: 0;
    width: 85.103px;
    height: 10px;
    bottom: -1px;
    background: rgba(11, 160, 219, .15)
}

.case-study-wrapper .case-study-main-banner {
    padding: 20px 24px
}

.case-study-wrapper .case-study-banner {
    background: linear-gradient(95deg, #fff2f2 0, #facaca 126.23%);
    border-radius: 10px
}

.case-study-wrapper .jan-seva-wrapper .case-study-banner {
    border-radius: 10px;
    background: linear-gradient(95deg, #f1f9ff 0, #7cb0dd 126.23%)
}

.case-study-wrapper .jan-seva-wrapper section.technology-used-wrapper .container {
    border-radius: 10px;
    background: linear-gradient(93deg, rgba(118, 172, 219, .1) 0, rgba(30, 110, 179, .1) 99.33%)
}

.case-study-banner .right-side-img {
    position: relative;
    top: 47px
}

.case-study-wrapper .jan-seva-wrapper .color-box {
    border-radius: 50%;
    width: inherit
}

.case-study-wrapper .jan-seva-wrapper span.color-code {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase
}

.case-study-banner span.sub-title {
    color: rgba(0, 0, 0, .5) !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase
}

.case-study-banner .title-i7 {
    color: #000;
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 37px
}

.case-study-banner span {
    color: #c02332;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .45px;
    display: block
}

.case-study-banner h5,
.case-study-wrapper .ot-heading>.case-study-sub-heading {
    font-size: 17px;
    letter-spacing: .51px;
    color: rgb(0 0 0 / 62%)
}

.case-study-ttile {
    color: rgba(0, 0, 0, .6);
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 12px
}

.case-study-ttile strong {
    color: #c02332;
    font-weight: 800
}

.case-study-wrapper .ot-heading>.case-study-sub-heading {
    font-weight: 500;
    text-transform: inherit
}

.case-study-list li b {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .54px
}

.case-study-list li span,
.case-study-wrapper section.about-project-wrapper p {
    font-size: 17px;
    letter-spacing: .51px;
    font-weight: 500;
    line-height: normal
}

.case-study-list li span {
    color: #4e4e4e;
    display: block
}

.case-study-wrapper section.technology-used-wrapper .container {
    padding-top: 32px;
    padding-bottom: 67px;
    border-radius: 10px;
    background: linear-gradient(93deg, rgba(207, 174, 174, .1) 0, rgba(192, 35, 50, .1) 99.33%)
}

.case-study-wrapper section.about-project-wrapper p,
section.case-study .box .content .ot-heading p {
    color: rgb(0 0 0 / 62%)
}

.case-study-wrapper section.about-project-wrapper {
    padding-top: 80px
}

.case-study-logos span {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: normal
}

.case-study-wrapper section.design-system-wrapper h3 {
    color: #c02332;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: .78px;
    text-transform: uppercase
}

.case-study-wrapper .rayartwala-wrapper section.about-project-wrapper,
.web-design-page .banner .content {
    padding-top: 100px
}

.case-study-wrapper .rayartwala-wrapper .case-study-banner span,
.case-study-wrapper .rayartwala-wrapper .case-study-ttile strong {
    color: #61106a
}

.case-study-wrapper .typography-box {
    border-radius: 10px;
    background: #f4f4f4;
    padding: 20px 20px 10px
}

.case-study-wrapper .left-box,
.case-study-wrapper section.responsive-design-wrapper,
section.app-design-wrapper .mockups-inner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.case-study-wrapper .typography-box h4.fontFamily {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0
}

.case-study-wrapper .typography-box h6.headings-text {
    color: rgba(0, 0, 0, .5);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .48px;
    margin: 0
}

.case-study-wrapper .typography-box h4.alphabet-font {
    color: #000;
    font-size: 90px;
    margin: 0
}

.case-study-wrapper .typography-box h6.alphabet-text {
    color: rgba(0, 0, 0, .7);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .48px
}

.case-study-wrapper .jan-seva-wrapper .typography-box h4.alphabet-font {
    font-size: 60px;
    white-space: nowrap;
    margin-top: 35px
}

.case-study-wrapper .color-box {
    border-radius: 0 20px;
    width: 100%;
    height: 128px
}

.case-study-wrapper span.color-code {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .42px;
    text-align: center;
    display: block;
    margin-top: 16px
}

.case-study-wrapper p.text,
.case-study-wrapper ul.case-list li {
    font-weight: 500;
    letter-spacing: .51px;
    font-size: 17px;
    line-height: normal
}

.case-study-wrapper section.design-system-wrapper .col-lg-6:last-child .row {
    border-left: 1px solid #ccc
}

.case-study-wrapper ul.case-list li span {
    display: initial;
    color: #4e4e4e
}

.jan-seva-wrapper section.app-design-wrapper .app-design-inner,
section.app-design-wrapper .app-design-inner,
section.app-design-wrapper .website-design-innner {
    background-image: url(images/background/innerpage/App-Design.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1508px
}

section.app-design-wrapper .website-design-innner {
    background-image: url(images/background/innerpage/website-design.webp);
    height: 984.92px
}

.jan-seva-wrapper section.app-design-wrapper .app-design-inner {
    background-image: url(images/background/innerpage/Mockups2.png);
    height: 1860.06px
}

.case-study-wrapper .jan-seva-wrapper .case-study-banner span,
.case-study-wrapper .jan-seva-wrapper .case-study-heading,
.case-study-wrapper .jan-seva-wrapper .case-study-ttile strong,
.case-study-wrapper .jan-seva-wrapper section.design-system-wrapper h3 {
    color: #1e6eb3
}

.case-study-wrapper .case-study-heading {
    color: #c02332;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: .54px;
    margin: 0
}

.case-study-wrapper ul.case-list {
    margin: inherit;
    padding: inherit;
    list-style: disc
}

.case-study-wrapper ul.case-list li {
    color: rgba(0, 0, 0, .8);
    list-style: disc
}

.case-study-wrapper ul.case-list li b {
    font-size: 19px;
    letter-spacing: .57px
}

.case-study-wrapper p.text,
.industries-we-serve-page .single-featured-box:hover .ot-heading p {
    color: #4e4e4e
}

.case-study-wrapper .left-box {
    border-radius: 30px;
    padding: 35px
}

.case-study-wrapper .right-box {
    border-radius: 30px;
    background: rgba(97, 16, 106, .06);
    padding: 120px 40px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end
}

.case-study-wrapper .left-box .case-study-title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px
}

.case-study-wrapper .right-box a {
    color: rgba(0, 0, 0, .7);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    text-decoration: none
}

.case-study-wrapper .right-box h2 {
    color: #61106a;
    font-size: 40px;
    font-weight: 800;
    line-height: normal
}

.case-study-wrapper .team-btn a.octf-btn {
    border-radius: 10px;
    background: #fff;
    color: #4a4488;
    font-size: 17px;
    font-weight: 700;
    margin-top: 35px
}

section.app-design-wrapper .mockups-inner {
    background-image: url(images/background/innerpage/Mockups.webp);
    height: 1687.493px
}

.case-study-wrapper .rayartwala-wrapper .color-box {
    height: 95.389px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.case-study-wrapper .rayartwala-wrapper .case-study-heading {
    color: #61106a;
    margin-bottom: 40px
}

.bottom-list-btn>ul>li,
.screenshot_slider .owl-item .item,
section.why-chooseUs .content h5,
section.why-chooseUs .number span {
    font-size: 18px;
    line-height: normal
}

.inner-wrapper .faq-wrapper p {
    letter-spacing: 0;
    text-align: left
}

.bottom-list-btn>ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    margin: 0;
    gap: 10px
}

.bottom-list-btn>ul>li {
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, .7);
    color: rgba(255, 255, 255, .7);
    font-weight: 600;
    padding: 11px 20px
}

.bottom-list-btn {
    padding-bottom: 24px
}

.mobile-app-development-wrapper .services .item .icon-box-s2 {
    text-align: center;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    background: #fff;
    padding: 15px
}

.mobile-app-development-wrapper .services .icon-main {
    width: 60px;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 16px;
    transition: .3s ease-in-out
}

.mobile-app-development-wrapper .services p {
    color: rgb(0 0 0 / 67%);
    font-size: 16px;
    letter-spacing: .51px;
    font-weight: 500;
    line-height: normal
}

.mobile-app-development-wrapper .icon-box-s2 .content-box h5 {
    color: #777
}

.grocery-owl-carousel .owl-stage-outer,
.mobile-app-development-wrapper .services .owl-carousel .owl-stage-outer {
    overflow: visible !important
}

.mobile-app-development-wrapper .services .owl-carousel .owl-stage-outer:after {
    content: "";
    width: 30vw;
    position: absolute;
    right: 100%;
    background: rgb(245 245 245);
    z-index: 99;
    top: 0;
    bottom: 0
}

.mobile-app-development-wrapper .services .item .icon-box-s2:hover {
    border-color: transparent
}

.mobile-app-development-wrapper .services .item .icon-box-hover1:hover,
.mobile-app-development-wrapper .services .item .icon-box-s2:hover .item:hover {
    background: rgba(169, 192, 72, .08)
}

.mobile-app-development-wrapper .services .item .icon-box-hover2:hover {
    background: rgba(0, 0, 0, .08)
}

.mobile-app-development-wrapper .services .item .icon-box-hover3:hover {
    background: rgba(25, 89, 154, .08)
}

.mobile-app-development-wrapper .services .item .icon-box-hover4:hover {
    background: rgba(97, 218, 251, .08)
}

.mobile-app-development-wrapper .services .item .icon-box-hover5:hover {
    background: rgba(241, 84, 34, .08)
}

.mobile-app-development-wrapper .services .item .icon-box-hover6:hover {
    background: rgba(11, 44, 219, .08)
}

.mobile-app-development-wrapper .services .item .icon-box-s2:hover .content-box h5 {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px
}

.mobile-app-development-wrapper .services .item .icon-box-hover1:hover .content-box h5 {
    color: #a9c048
}

.mobile-app-development-wrapper .services .item .icon-box-hover3:hover .content-box h5 {
    color: #19599a
}

.mobile-app-development-wrapper .services .item .icon-box-hover4:hover .content-box h5 {
    color: #61dafb
}

.mobile-app-development-wrapper .services .item .icon-box-hover5:hover .content-box h5 {
    color: #f15422
}

.mobile-app-development-wrapper .services .item .icon-box-hover6:hover .content-box h5 {
    color: #8257dd
}

section.why-chooseUs .number span {
    color: #5b50a1;
    font-weight: 600;
    display: block;
    position: relative
}

section.why-chooseUs .number span:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 11px;
    background: #5b50a1;
    width: 90px;
    margin-left: 10px
}

section.why-chooseUs .content h5 {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px
}

section.why-chooseUs .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

section.why-chooseUs .box:not(:last-child) {
    margin-bottom: 80px
}

.screenshot_slider .owl-item .item {
    color: rgba(0, 0, 0, .7);
    font-weight: 400;
    text-align: center;
    transform: translate3d(0, 0, 0)
}

.screenshot_slider .owl-item .item img {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    transform: scale(.75);
    max-width: 70%;
    margin: 0 auto
}

.screenshot_slider .owl-item .item h5 {
    margin-top: 40px;
    top: 30px
}

.screenshot_slider .owl-item.center {
    margin: 0 15px;
    position: relative
}

.screenshot_slider .owl-item.center .item img {
    max-width: 70%;
    transform: scale(1)
}

.screenshot_slider .owl-nav button {
    font-size: 24px !important;
    margin: 10px;
    color: #033aff !important
}

.screenshot_slider .owl-stage-outer {
    max-height: 703px
}

section.mobile-app-development-wrapper:after {
    background: #eefaff;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 429.139px
}

section.mobile-app-development-wrapper {
    padding-bottom: 40px
}

section.case-study {
    background: #5b50a1;
    padding: 40px 0
}

section.case-study .ot-heading h2.heading-1 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: left
}

section.case-study .ot-heading h2.main-heading {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-align: left
}

section.case-study .ot-heading p {
    color: rgba(255, 255, 255, .7);
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: .51px;
    text-align: left
}

section.case-study .container-fluid {
    padding-left: 100px
}

section.case-study .box {
    display: flex;
    flex-wrap: wrap;
    background: #fff
}

section.case-study .box .image {
    width: 55%
}

section.case-study .box .content {
    width: 45%;
    background: #fff;
    padding: 28px
}

section.case-study .box .image img {
    width: 100% !important;
    object-fit: contain
}

section.case-study .box .content h2.main-heading {
    color: #bf2332;
    font-size: 24px;
    font-weight: 800;
    line-height: normal
}

section.case-study .box .content ul li b {
    display: block;
    text-align: left;
    color: rgb(0 0 0 / 94%);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .45px;
    margin-bottom: 5px
}

section.case-study .box .content ul li span {
    display: block;
    text-align: left;
    color: rgb(0 0 0 / 62%);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .51px;
    margin-bottom: 27px
}

section.case-study .box .content a.octf-btn.octf-btn-primary.contact-modal-btn {
    border-radius: 10px;
    border: 1px solid #5b50a1;
    background: 0 0;
    color: #5b50a1;
    font-size: 17px;
    font-weight: 700;
    line-height: normal
}

section.case-study .box .content ul {
    margin: 0;
    padding: 0
}

section.case-study .box .content a.octf-btn.octf-btn-primary.contact-modal-btn svg {
    margin-left: 5px
}

.mobile-app-development-wrapper .banner-content-wrapper .octf-btn,
.products-page .contact-btn a,
.seo-service-section .bg-blue,
.web-design-page .contact-btn a,
.web-design-page .contact-btn button {
    border-radius: 5px;
    background: #5b50a1
}

.mobile-app-development-wrapper section.service-wrapper-container .contact-btn a.octf-btn {
    border-radius: 5px !important;
    border: 1px solid #5b50a1;
    background: 0 0;
    color: #5b50a1
}

section.case-study .owl-nav {
    display: block !important;
    position: absolute;
    right: 14%;
    text-align: right;
    bottom: -14px
}

section.case-study .owl-theme .owl-nav button {
    margin: 5px;
    border-radius: 6px !important;
    background: #6b5fc4 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 55.612px;
    height: 55.612px
}

section.case-study .owl-theme .owl-nav button span {
    width: 55.612px;
    height: 55.612px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -3px
}

section.case-study .owl-theme .owl-nav span {
    font-size: 40px;
    color: #fff
}

section.Blog p,
section.app-development-process p {
    color: rgb(0 0 0 / 62%);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .51px
}

section.Blog .card ul {
    margin: 10px 0 12px;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center
}

section.Blog .card ul li,
section.Blog .card ul span {
    color: rgba(0, 0, 0, .5);
    font-size: 14px;
    font-weight: 600;
    line-height: normal
}

section.Blog .card ul span {
    display: inline-block;
    margin: 0 15px
}

section.Blog .card button.read-more-btn.octf-btn {
    width: inherit;
    text-decoration-line: underline;
    padding: 0;
    background: 0 0;
    border: transparent;
    width: inherit;
    color: #6b5fc4;
    font-size: 14px;
    font-weight: 500;
    text-decoration-line: underline;
    text-align: left
}

section.app-development-process .main-box-wrap .box {
    max-width: 20%;
    flex: 0 0 auto;
    text-align: center;
    padding: 0 20px;
    position: relative;
    transition: .3s linear;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

section.app-development-process .main-box-wrap .box strong {
    color: rgba(247, 155, 31, .3);
    font-size: 50px;
    font-weight: 800;
    width: 85.023px;
    height: 85.023px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

section.app-development-process .main-box-wrap .box:hover strong {
    background-color: rgba(247, 155, 31, .3);
    color: #76c06b
}

section.app-development-process .main-box-wrap .box h6 {
    color: rgba(0, 0, 0, .7);
    text-align: center;
    font-weight: 700;
    letter-spacing: .51px;
    margin-bottom: 10px;
    line-height: normal
}

section.app-development-process .main-box-wrap .box p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .45px
}

section.app-development-process .main-box-wrap .box:not(:last-child):after {
    content: "";
    background: url(images/background/App-Development-Process-bottom-svg-arrow.webp) right center/contain no-repeat;
    position: absolute;
    top: 35px;
    right: -70px;
    height: 18px;
    width: 100%
}

section.app-development-process svg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

section.faq-wrapper {
    border-radius: 6px
}

.faq-wrapper ul li,
.faq-wrapper ol li {
    color: #4e4e4e;
    font-size: 16px;
    margin: 3px 0 !important;
    list-style: disc;
    margin-left: 1.2rem !important;
}

.custom-benifits-section::before {
    position: absolute;
    left: 0;
    content: '';
    background: url('images/background/innerpage/custom-benift-bg.webp') no-repeat fixed;
    width: 100%;
    height: 100%;
    top: 0
}

.webdesign-delhi::before,
.webdevelopment-delhi::before {
    position: absolute;
    left: 0;
    content: '';
    background: url('images/background/innerpage/webdesign-delhi-bg.webp') left no-repeat fixed;
    width: 100%;
    height: 100%
}

.webdevelopment-delhi::before {
    background: url('images/background/innerpage/webdevelopment-delhi-bg.webp') no-repeat fixed
}

.custom-benifits-section svg {
    margin-top: 5px
}

.seo-service-section button h3 {
    color: rgba(0, 0, 0, .3);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .48px;
    padding: 0 1.5rem;
    margin-bottom: 8px
}

.seo-service-section button.active h3 {
    color: #5b50a1;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 700;
    border-bottom: 3px solid #5b50a1
}

.nav-tabs .nav-link,
.nav-tabs .nav-link:hover,
section.Functionality .nav-tabs .nav-link {
    border: 0
}

.features-section .single-features-item h3,
.seo-provider-benifits .nav-link h3,
.seo-service-section h5 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .54px;
    margin-bottom: 8px
}

.seo-provider-benifits .nav-link h3 {
    text-align: left;
    font-weight: 500;
    margin-bottom: 0
}

.seo-provider-benifits .nav-link.active {
    border-radius: 8px 0 0 8px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    padding: 1rem
}

.seo-provider-benifits .nav-link {
    width: 250px
}

.seo-provider-benifits .nav-pills .nav-link {
    margin: .2rem 0
}

.seo-provider-benifits .nav-link.active h3 {
    color: #6b5fc4
}

.seo-provider-benifits .tab-content>.active {
    padding: 1rem;
    border-radius: 0 8px 8px;
    background: #fff
}

.fs-17,
.seo-provider-benifits .tab-content>.active p {
    font-size: 17px
}

.features-section .single-features-item p,
.seo-provider-benifits .nav-link h3,
.seo-service-section p {
    color: rgba(0, 0, 0, .7);
    font-size: 16px;
    letter-spacing: .48px
}

.features-section .shadow-box {
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1)
}

.The-Web-Design-Journey p,
.Website-Design .content p,
.application-solution-benifits .content-box p,
.seo-industries-section .zoom-img p {
    color: rgba(0, 0, 0, .5);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .48px
}

.food-delivery-application section.Features .content strong {
    color: rgba(0, 0, 0, .04);
    text-align: right;
    font-size: 60px;
    font-weight: 900;
    letter-spacing: 1.8px
}

.food-delivery-application section.Features .content h5,
section.Benefits .content h5,
section.Benefits .nummber strong {
    font-size: 18px;
    letter-spacing: .54px;
    font-weight: 700
}

.food-delivery-application section.Features .content h5 {
    color: #000;
    text-align: right;
    margin-bottom: 10px
}

.food-delivery-application section.Features .content p {
    text-align: right;
    font-size: 17px
}

.food-delivery-application section.Features .content .row,
.portfolio-box .portfolio-swiper .swiper-wrapper {
    align-items: center
}

.food-delivery-application section.Features .number strong {
    position: absolute;
    right: 0;
    top: -40px
}

section.Benefits p {
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .51px
}

section.Benefits .nummber strong {
    color: #76c06b;
    -webkit-text-stroke-width: 0.5;
    -webkit-text-stroke-color: #F79B1F
}

section.Benefits .nummber strong:after {
    content: "";
    background-image: url(images/icons/food-Line.webp);
    background-repeat: no-repeat;
    width: 100%;
    height: 16px;
    background-size: contain;
    position: absolute;
    left: 35px;
    top: 5px
}

section.Benefits .content p {
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .51px
}

section.Functionality h2.main-heading.mb-2 span {
    color: #76c06b;
    font-size: 30px;
    font-weight: 700;
    line-height: normal
}

.tab-image {
    margin: auto;
    text-align: center
}

.food-delivery-application section.Features .content .row:not(:last-child),
section.Benefits .col-lg-6 .row:not(:last-child) {
    margin-bottom: 50px
}

.food-delivery-application section.Features .content-right .number strong {
    left: 0;
    right: auto
}

section.Functionality {
    background: url(images/background/innerpage/functionality-bg.webp) right/cover no-repeat
}

section.Functionality .nav-tabs .nav-link {
    color: rgba(0, 0, 0, .5);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .6px;
    transition: .3s linear;
    padding-left: 0;
    padding-right: 0
}

section.Functionality .nav-tabs .nav-item:not(:last-child) {
    margin-right: 80px
}

section.Functionality .nav-tabs .nav-link.active {
    color: #76c06b;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .66px;
    padding-left: 0;
    padding-right: 0;
    background: 0 0;
    border: 0;
    border-bottom: 3px solid #76c06b
}

section.Functionality .inner-tabber .nav-tabs .nav-item .nav-link:after {
    border-radius: 12px;
    background: #76c06b;
    content: "";
    position: absolute;
    left: -25px;
    top: 22px;
    width: 12px;
    height: 12px
}

section.Functionality.industries-functionality-wrapper .inner-tabber .nav-tabs .nav-item .nav-link:after {
    left: 0;
    top: 6px
}

section.Functionality .inner-tabber .nav-tabs .nav-item .nav-link.active:after,
section.Functionality.industries-functionality-wrapper .inner-tabber .nav-tabs .nav-item .nav-link.active:after {
    background-image: url(images/icons/list-icon.png);
    background-size: cover;
    background-color: transparent;
    width: 25px;
    height: 25px;
    top: 15px;
    left: -32px
}

section.Functionality.industries-functionality-wrapper .inner-tabber .nav-tabs .nav-item .nav-link.active:after {
    top: 2px;
    left: -6px
}

section.Functionality .inner-tabber .nav-tabs {
    width: 40%;
    border: 0;
    display: block;
    padding-left: 30px
}

section.Functionality .inner-tabber .tab-content {
    width: 60%
}

section.Functionality .inner-tabber .nav-tabs .nav-item {
    border-radius: 10px;
    padding: 0;
    width: 100%
}

section.Functionality .inner-tabber .nav-tabs .nav-item .nav-link.active {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    font-size: 20px;
    line-height: 24px;
    color: rgba(0, 0, 0, .7);
    font-weight: 500
}

section.Functionality.industries-functionality-wrapper .inner-tabber .nav-tabs .nav-item .nav-link,
section.Functionality.industries-functionality-wrapper .inner-tabber .nav-tabs .nav-item .nav-link.active {
    padding-left: 2rem
}

section.Functionality .inner-tabber {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap
}

section.Functionality .icon-taber {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

section.Functionality .icon-taber button+button {
    margin-left: 20px
}

section.Functionality .icon-taber button {
    border: 0;
    background: 0 0;
    padding: 0
}

section.Functionality .inner-tabber .nav-tabs .nav-item .nav-link {
    font-size: 18px;
    line-height: 21.6px;
    color: rgb(0 0 0 / 66%);
    font-weight: 500;
    padding: 15px;
    letter-spacing: .48px;
    border: 0;
    position: relative
}

section.Functionality .inner-tabber .nav-tabs .nav-item .nav-link p {
    font-size: 16px;
    letter-spacing: .48px;
    line-height: 20.4px;
    color: rgba(0, 0, 0, .4);
    margin: 10px 0;
    display: none
}

section.Functionality .nav-link:focus-visible {
    box-shadow: none
}

.banner-section .container {
    z-index: inherit
}

.ood-delivery-application .tab-pane {
    display: none;
    transition: opacity .3s
}

.ood-delivery-application .tab-pane.active {
    display: block;
    opacity: 1
}

section.Functionality .ot-heading .main-heading span {
    color: #76c06b;
    font-size: 30px;
    margin: 0;
    display: inline-block
}

.real-estate-application .banner-section .container {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.paid-search-markting-services-in-india .box .ot-heading h3 {
    color: rgba(0, 0, 0, .8);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .54px;
    margin-bottom: 10px
}

.paid-search-markting-services-in-india .box {
    border-radius: 5px;
    border: 1px solid #d7edf8;
    background: #fff;
    padding: 20px
}

.middle-banner .ot-heading h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 700
}

.paid-marketing .process-wrapper .ot-heading h3 {
    color: rgba(0, 0, 0, .7);
    font-size: 28px;
    font-weight: 600;
    line-height: normal
}

.lead-generation-wrapper .single-featured-box .icon,
.paid-marketing .single-featured-box .icon {
    background: rgba(91, 80, 161, .1);
    width: 86px;
    height: 70px;
    border-radius: 100px 30px 100px 50px
}

.lead-generation-wrapper .single-featured-box,
.paid-marketing .single-featured-box {
    border-radius: 10px;
    background: #eefaff;
    text-align: left
}

.lead-generation-wrapper .lead-generation-middle .container,
.middle-banner .container,
.paid-marketing .middle-banner .container {
    padding: 40px;
    border-radius: 12px
}

.paid-marketing .single-featured-box .icon img {
    position: relative;
    width: 50%
}

.lead-generation-wrapper .single-featured-box {
    border: 1px solid #b2e5ff
}

.lead-generation-wrapper .middle-banner .position-relative:after {
    position: absolute;
    content: '';
    background: #ccc;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0
}

.lead-generation-wrapper .middle-banner .box p {
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .48px
}

.lead-generation-wrapper .service-wrapper-container .ot-icon-box__icon.bg-forth {
    border-radius: 6px;
    background: rgba(45, 171, 227, .1)
}

.lead-generation-wrapper .middle-banner .box h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .54px
}

section.highlighted-features {
    background-color: #f1fbff;
    background-position: center right;
    background-repeat: no-repeat
}

.lead-generation-wrapper .lead-generation-inner {
    position: absolute;
    left: 0;
    max-width: 35%
}

.lead-generation-wrapper .highlighted-features-inner.inner-right .lead-generation-inner {
    right: 0;
    left: auto
}

.digital-marketing .single-featured-box {
    border-radius: 10px;
    background: rgba(91, 80, 161, .05);
    text-align: left;
    transition: .3s linear
}

.digital-marketing .single-featured-box:hover {
    border-radius: 10px;
    background: linear-gradient(96deg, #8ecf88 0, #5b50a1 100%), rgba(91, 80, 161, .05)
}

.digital-marketing .single-featured-box span {
    color: #6b5fc4;
    font-weight: 600
}

.digital-marketing .middle-banner .container {
    padding: 40px 60px;
    border-radius: 12px
}

.digital-marketing .highlighted-features .nav-tabs,
.menu-tabber .inner-tabber .nav-tabs {
    flex-direction: column;
    border: 0
}

.digital-marketing .highlighted-features .nav-tabs .nav-link {
    background: 0 0 !important;
    border: 0
}

.digital-marketing .highlighted-features .nav-tabs,
.digital-marketing .highlighted-features div#myTabContent {
    width: 50%;
    flex: 0 0 auto
}

.digital-marketing .highlighted-features .nav-tabs .nav-link h3 {
    color: rgba(0, 0, 0, .8);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .54px;
    margin-bottom: 5px;
    position: relative
}

.digital-marketing .highlighted-features .nav-tabs .nav-link h3:before {
    content: "";
    position: absolute;
    top: 7px;
    left: -18px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .3)
}

.digital-marketing .highlighted-features .nav-tabs .nav-link.active h3:before {
    background: #76c06b
}

.digital-marketing .highlighted-features .nav-tabs .nav-link ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.digital-marketing .highlighted-features .nav-tabs .nav-link ul li span {
    color: #54575e;
    font-size: 15px;
    font-weight: 500
}

.digital-marketing .middle-banner .col-md-4 {
    position: absolute;
    right: 70px;
    top: 43px
}

.What-We-Offer .sticky-top {
    z-index: auto !important
}

.Content-Marketing .success-section ul {
    display: flex;
    flex-wrap: wrap
}

.Content-Marketing .success-section ul li {
    width: 20%;
    flex: 0 0 auto;
    position: relative;
    display: flex
}

.Content-Marketing .success-section .box strong {
    color: rgb(198 59 58 / 43%);
    font-size: 50px;
    font-weight: 800
}

.Content-Marketing .success-section .box h6,
.online-reputation .success-section .box h6 {
    color: rgba(0, 0, 0, .7);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .51px;
    margin-bottom: 10px
}

.Content-Marketing .success-section ul li:nth-child(2):after,
.Content-Marketing .success-section ul li:nth-child(4):after {
    content: "";
    position: absolute;
    background-image: url(static/images/contant_marketing/content-marketing-line.svg);
    background-repeat: no-repeat;
    top: 35px;
    right: 0;
    background-position: right center;
    height: 18px;
    width: 100%;
    background-size: contain
}

.Content-Marketing .success-section .box p {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .45px
}

.Content-Marketing .process-wrapper {
    background-color: #f1fbff;
    margin-top: 4rem;
    position: relative
}

.Content-Marketing .process-wrapper:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background-image: url(images/background/innerpage/Maximize-Your-Content-Impact-With-Our-Content-Marketing-Expertise.png);
    z-index: 99;
    height: 100%;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center right
}

.heading-section-cont {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.2);
    font-size: 120px;
    font-weight: 900;
    z-index: -1;
    margin-bottom: -52px
}

.app-store-optimization-services .single-featured-box {
    margin-bottom: 20px;
    padding: 12px 25px 0
}

.app-store-optimization-services .Content-Marketing-company-in-delhi .single-featured-box {
    border-radius: 5px;
    background: linear-gradient(180deg, #eefaff 0, #d0eefb 100%);
    box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .1)
}

.app-store-optimization-services .Content-Marketing-company-in-delhi .content-marketing {
    position: relative;
    left: -117px;
    min-width: 600.843px
}

.app-store-optimization-services .process-wrapper .icon {
    width: 80px
}

.app-store-optimization-services .process-wrapper .icon img {
    transform: rotate(45deg);
    position: relative;
    top: -5px
}

.app-store-optimization-services .process-wrapper .inner-page-banner {
    background-repeat: no-repeat;
    height: 100%;
    width: 40%;
    max-width: 40%;
    top: 23%;
    background-size: contain
}

.online-reputation .highlighted-features .icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: flex;
    transform: rotate(45deg)
}

.food-main-heading-banner,
.grocery-main-heading-banner,
.industry-main-heading-banner,
.online-reputation-management-wrapper {
    height: 600px
}

.online-reputation .highlighted-features-wrapper {
    background: #f1fbff;
    padding-bottom: 0
}

.online-reputation .success-section ul li {
    width: 20%;
    flex: 0 0 auto;
    position: relative;
    display: flex;
    align-items: center
}

.online-reputation .success-section .box strong {
    color: rgb(198 59 58 / 43%);
    font-size: 50px;
    font-weight: 800;
    line-height: normal
}

.online-reputation .success-section .box p {
    color: rgba(0, 0, 0, .6);
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .45px
}

.online-reputation .success-section ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: center
}

.online-reputation-offer .single-featured-box {
    box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .1)
}

.mobile-app-development .flexbox {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap
}

.mobile-app-development .flextop {
    border-top: 5px solid #060608;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    position: relative;
    box-shadow: inset 0 20px 0 #2b2c36
}

.mobile-app-development .flexbottom {
    border-bottom: 6px solid #060608;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    box-shadow: inset 0 -20px 0 #2b2c36
}

.mobile-app-development .flex {
    display: flex;
    flex-direction: column;
    padding: 2%;
    justify-content: center
}

.mobile-app-development .stepNumber {
    width: 100%;
    text-align: center;
    border: 1px solid #5b50a1;
    border-radius: 50px 0;
    background: #5b50a1;
    color: #fff !important
}

.mobile-app-development .flextop:before {
    content: "";
    width: 1px;
    height: 250px;
    background: #2b2c36;
    position: absolute;
    left: 0
}

.mobile-app-development .flextop:after {
    content: "";
    width: 1px;
    height: 250px;
    background: #2b2c36;
    position: absolute;
    right: 0
}

.mobile-app-development .flexbox ul {
    list-style: disc;
    margin-left: 2rem;
    padding: 0
}

.mobile-app-development .flexbox ul li {
    list-style: disc
}

.mobile-app-development .banner h2.heading,
.mobile-app-development .banner ul.text-dark li span {
    color: #0a3164 !important
}

.products-page h2 span {
    color: #cf242d;
    /* font-size: 16px;
    font-weight: 600;
    text-transform: uppercase */
}

/* .products-page .box p,
.products-page .ot-heading p {
    font-size: 16px;
    font-weight: 500;
    line-height: normal
} */

/* .products-page .ot-heading p {
    letter-spacing: .51px
} */

.products-page .banner {
    min-height: calc(100vh - 100px);
    display: flex;
    align-items: center
}

.products-page .box {
    border-radius: 8px;
    background: var(--Bg-Light-1, #fff);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
    padding: 20px
}

/* .products-page .box p {
    letter-spacing: .48px
} */

.products-page .Automation-box h5,
.products-page .box h5 {
    font-size: 18px;
    letter-spacing: .54px;
    margin-bottom: 12px;
    line-height: normal
}

.products-page .box h5 {
    font-weight: 700;
    margin-top: 8px
}

.products-page .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out
}

.products-page .aboutus .container {
    position: relative;
}

/* .products-page .aboutus .container-fluid:before {
    content: "";
    background: url(./images/background/innerpage/Know-About-Customer-Relationship-Management.webp) center left/contain no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 355px
} */

.products-page .Automation-box {
    background: #eefaff;
    padding: 20px
}

.products-page .Automation-box h5 {
    color: #4a4488;
    font-weight: 600
}

.products-page .Automation-box p,
.products-page .choose-box .content-box p {
    color: #7c7c7c;
    /* font-size: 16px;
    font-weight: 500;
    letter-spacing: .48px */
}

.products-page .middle-banner .ot-heading h3 {
    font-size: 30px;
    font-weight: 700
}

.application-page .middle-banner .contact-btn a,
.applicatipxon-page .middle-banner .contact-btn button,
.products-page .middle-banner .contact-btn a,
.products-page .middle-banner .octf-btn {
    border-radius: 10px;
    background: linear-gradient(96deg, #5b50a1 0, #4a4488 100%);
    border: 0
}

.products-page .customer-banner .number strong {
    font-size: 160px;
    font-weight: 900;
    display: block;
    text-align: right;
    color: rgb(203 228 250 / 68%)
}

.products-page .customer-banner .col-lg-3:first-child {
    width: 22%
}

.products-page .customer-banner .col-lg-3:last-child {
    width: 28%
}

.products-page .customer-banner .content h5 {
    color: var(--Bg-Light-1, #fff);
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 14px
}

.products-page .customer-banner .content p {
    color: var(--Bg-Light-1, #fff);
    line-height: normal
}

.products-page .choose-box .content-box h5,
section.hr-management-system-in-india h5,
section.hr-management-system-in-india strong {
    font-size: 18px;
    letter-spacing: .54px;
    font-style: normal
}

.products-page .customer-banner {
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #eefaff;
    background: linear-gradient(96deg, #5b50a1 0, #5b50a1d6 100%)
}

.products-page h3.main-text-crm {
    font-size: 185px;
    font-weight: 900;
    text-transform: uppercase
}

.products-page .main-text-crm span {
    display: block;
    font-size: 80px;
    font-weight: 900;
    text-transform: uppercase
}

.products-page .choose-box {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .2);
    background: var(--Bg-Light-1, #fff);
    padding: 15px;
    transition: .3s linear;
    position: relative;
    margin-bottom: 1rem
}

.products-page .choose-box .icon-main {
    width: 50px;
    height: 50px;
    background: #fff;
    margin-top: -32px
}

.products-page .choose-box .content-box h5 {
    color: #000;
    font-weight: 600;
    margin-bottom: 12px
}

.products-page .choose-box:after {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    content: "";
    z-index: -1;
    border-radius: 10px;
    background: linear-gradient(45deg, #4a4488, rgb(208 40 47), #fff);
    opacity: 0;
    transition: .3s linear
}

.choose-box:hover .content-box h5,
.products-page .choose-box:hover .content-box h5 {
    background: linear-gradient(45deg, #4a4488, rgb(208 40 47), #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

section.hr-management-system-in-india h5 {
    color: #4a4488;
    font-weight: 700;
    margin-bottom: 8px;
    position: relative
}

section.hr-management-system-in-india h5:before {
    background: #4a4488;
    content: "";
    width: 10%;
    height: 1px;
    position: absolute;
    left: -36px;
    top: 10px
}

section.hr-management-system-in-india strong {
    color: #4a4488;
    font-weight: 700;
    display: block
}

.list-wrap ul li {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.list-wrap ul li .icon {
    margin-right: 12px
}

.human-resource-management-process {
    background: linear-gradient(90deg, #3d3678 0, #4a4488 100%)
}

.human-resource-management-process .nav-link.active {
    color: #d72830 !important;
    background: #fff;
    font-weight: 700
}

.human-resource-management-process .nav-link {
    border: 0;
    border-radius: 50px;
    font-size: 16px;
    letter-spacing: .48px;
    font-weight: 500;
    background: rgba(255, 255, 255, .5);
    color: #ffffff;
    padding: 17px 25px;
    margin-bottom: 10px;
}

.human-resource-management-process .taber-wrap p {
    font-size: 17px;
    letter-spacing: .48px;
    color: #fff;
    font-weight: 600;
    line-height: 20.4px
}

.application-solution-benifits .content-box h5,
.application-solution-box h5 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .54px;
    color: #6b5fc4
}

.human-resource-management-process .nav-tabs {
    border: 0;
    justify-content: space-between;
    margin-bottom: 50px
}

.human-resource-management-process .taber-wrap ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px
}

.human-resource-management-process .taber-wrap ul li .icon {
    margin-right: 8px
}

.human-resource-management-process .taber-wrap ul li span {
    font-size: 17px;
    letter-spacing: .48px;
    color: #fff;
    font-weight: 500;
    line-height: 20.4px
}

.application-page .ot-heading p {
    font-size: 17px;
    font-weight: 500
}

.application-page .single-featured-box {
    border-radius: 10px;
    background: rgba(91, 80, 161, .05)
}

.application-page .single-featured-box:hover {
    background: linear-gradient(96deg, #8ecf88 0, #5b50a1 100%), rgba(91, 80, 161, .2)
}

.application-page .What-We-Offer .sticky-top {
    height: 650px
}

.application-page .middle-banner .container {
    border-radius: 10px;
    padding: 40px;
    position: relative
}

.application-page .middle-banner .ot-heading p {
    color: var(--Bg-Light-1, #fff);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .54px
}

.application-page .middle-banner .octf-btn:hover,
.products-page .middle-banner .octf-btn:hover {
    transform: none !important;
    box-shadow: none !important;
    color: #fff !important
}

.application-solution-box {
    border-radius: 6px;
    border: 1px solid #6b5fc4;
    background: var(--Bg-Light-1, #fff);
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.application-solution-box:hover {
    background: #6b5fc4
}

section.application-solution-benifits {
    background: #eefaff;
    position: relative
}

section.application-solution-benifits:after {
    content: "";
    background-image: url(images/background/innerpage/application-solution-benifits.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    position: absolute;
    width: 48%;
    height: 100%;
    bottom: 35px;
    left: 0
}

.application-solution-technology .tech-box {
    box-shadow: none;
    border: 0
}

.application-solution-technology .tech-box h5 {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 23px
}

.menu-tabber .taber-content p,
.menu-tabber .taber-content ul li {
    color: rgba(0, 0, 0, .6);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .51px
}

.menu-tabber .inner-tabber .nav-tabs .nav-link {
    border: 0;
    color: rgba(0, 0, 0, .5);
    font-size: 18px;
    font-weight: 600;
    padding: 15px 0
}

.menu-tabber .inner-tabber .nav-tabs .nav-link.active {
    color: #6b5fc4;
    font-weight: 700;
    border-bottom: 1px solid #6b5fc4
}

.menu-tabber .inner-tabber .nav-tabs .nav-link,
.menu-tabber .inner-tabber .nav-tabs .nav-link:hover {
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0
}

.menu-tabber .inner-tabber .nav-tabs .nav-item:first-child .nav-link {
    border-top: 0
}

.menu-tabber .taber-content {
    border-radius: 10px;
    background: #eefaff;
    padding: 20px
}

.menu-tabber .taber-content h4 {
    color: #000;
    font-size: 20px;
    font-weight: 700
}

.menu-tabber .taber-content ul li {
    display: flex;
    margin-bottom: 10px
}

.application-page .middle-banner .container:after {
    content: "";
    background: url(images/background/innerpage/young-woman-in-headset-using-laptop-and-taking-notes.webp) top center/contain no-repeat;
    position: absolute;
    top: 32px;
    right: 0;
    height: 100%;
    width: 38%
}

.Content-Marketing .middle-banner .octf-btn,
.application-page .middle-banner .octf-btn,
.lms-middle-banner .contact-btn a,
.lms-middle-banner .contact-btn button {
    background: linear-gradient(96deg, #5b50a1 0, #4a4488 100%);
    border: 0
}

.web-design-page .banner {
    margin-top: 20px;
    padding-bottom: 60px
}

.web-design-page h3.heading-section {
    text-align: center;
    -webkit-text-stroke-width: 1.8817204236984253;
    -webkit-text-stroke-color: #00000036;
    font-size: 130px;
    font-weight: 400;
    text-transform: uppercase;
    transform: rotate(0);
    margin-top: 60px;
    z-index: -1
}

.Web-Design-Services .tech-box h5,
.web-design-page .list-wrap .item,
.web-design-page .ot-heading p {
    font-weight: 500;
    line-height: normal
}

.web-design-page .ot-heading h1.heading-1 {
    color: #d72d2ebd;
    font-size: 70px;
    font-weight: 900;
    text-transform: capitalize
}

.web-design-page .ot-heading h1.heading-1 span {
    display: block;
    background: linear-gradient(92deg, #d72d2e 4.35%, #22c4f4 99.55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 70px;
    font-weight: 900;
    text-transform: capitalize;
    line-height: normal
}

.web-design-page .banner:after {
    content: "";
    background-image: url(images/background/innerpage/web-design-services-banner.webp);
    background-repeat: no-repeat;
    height: 100%;
    width: 54%;
    position: absolute;
    top: 0;
    right: 0
}

.web-design-page .ot-heading h3.main-heading {
    color: #4e4e4e;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: .96px
}

.web-design-page .ot-heading p {
    color: #757575;
    font-size: 16px;
    letter-spacing: .48px
}

.web-design-page .list-wrap {
    background: linear-gradient(90deg, rgba(91, 80, 161, .1) 0, rgba(6, 55, 87, .1) 100%);
    transform: rotate(-3.414deg);
    margin-bottom: 70px
}

.web-design-page .list-wrap .item {
    color: rgba(0, 0, 0, .7);
    font-size: 16px;
    letter-spacing: .48px;
    padding: 15px 0
}

.Web-Design-Services .tech-box {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding-bottom: 20px;
    padding-top: 25px
}

.Web-Design-Services .tech-box h5 {
    color: #717171;
    text-align: center;
    font-size: 14px;
    letter-spacing: .7px
}

.Website-Design-Services-in-India .tech-box {
    border-radius: 8px;
    background: var(--Bg-Light-1, #fff);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
    text-align: left;
    padding: 15px
}

.Website-Design-Services-in-India .tech-box .content h5 {
    color: rgba(0, 0, 0, .7);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .54px;
    margin-bottom: 5px
}

.Website-Design-Services-in-India .tech-box .content p,
.Website-Design-Services-in-India .tech-box .content p a {
    color: rgba(0, 0, 0, .7);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .48px;
    margin-bottom: 0
}

.Website-Design-Services-in-India:after {
    content: "";
    position: absolute;
    background: #4a4488;
    box-shadow: 5px 0 10px 0 rgba(0, 0, 0, .15) inset;
    top: 0;
    bottom: 0;
    right: -55px;
    width: 77%;
    transform: skew(5deg, 0deg);
    z-index: -1
}

.Website-Design-Services-in-India::before,
.Website-Design-top:after {
    background-repeat: no-repeat;
    top: 0;
    height: 100%;
    position: absolute;
    content: "";
    bottom: 0;
    z-index: -1;
    left: 0
}

.Website-Design-Services-in-India::before {
    background-image: url(images/background/innerpage/Website-Design-Services-in-India-bg.webp);
    width: 33.33333333%
}

.Website-Design-Services-in-India .ot-heading p {
    color: rgba(255, 255, 255, .8)
}

.Website-Design-top:after {
    background-image: url(images/background/innerpage/Website-Design-bg.webp);
    width: 50%;
    background-size: 100% 100%
}

.Website-Design .Website-Design-top .ot-heading h2 {
    color: #fff;
    margin-bottom: 10px
}

.Website-Design .Website-Design-top .ot-heading p {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 20px;
    padding-right: 100px
}

.Website-Design .Website-Design-top .contact-btn a,
.Website-Design .Website-Design-top .contact-btn button,
/* .customer-app-services-wrapper .food-owl-carousel .owl-next span,
.customer-app-services-wrapper .food-owl-carousel .owl-prev span, */
.customer-app-services-wrapper .industry-owl-carousel .owl-next span,
.customer-app-services-wrapper .industry-owl-carousel .owl-prev span,
/* .delivery-app-services-wrapper .food-owl-carousel .owl-next span,
.delivery-app-services-wrapper .food-owl-carousel .owl-prev span, */
.delivery-app-services-wrapper .industry-owl-carousel .owl-next span,
.delivery-app-services-wrapper .industry-owl-carousel .owl-prev span {
    color: #fff !important
}

/* .Website-Design-top {
    margin: 60px 0
} */

.Website-Design-bottom .image {
    padding-right: 50px
}

.brand-design-page .Website-Design-bottom .col-md-12.col-lg-7:before,
.web-design-page .Website-Design-bottom .col-md-12.col-lg-7:before ,.Website-Design-side-line:before {
    position: absolute;
    left: 0;
    width: 6px;
    height: 100%;
    margin-left: -3px;
    content: "";
    background-image: linear-gradient(180deg, #ee4823 0, #cc272d 87.61%, #fff 100%);
    background-size: 30% 3px;
    background-repeat: repeat-y;
    bottom: inherit;
    top: -65px
}

.Website-Design .main-icon-box:after {
    position: absolute;
    top: 38px;
    left: -28px;
    border-radius: 50%;
    background: #c8202a;
    content: "";
    translate: 50% 0;
    transform-origin: center;
    animation: linear both popIn;
    animation-timeline: view(block);
    animation-range: cover 5% contain 22%;
    z-index: 1;
    width: 14px;
    height: 14px
}

.The-Web-Design-Journey h4,
.Website-Design .content h5 {
    color: rgba(0, 0, 0, .7);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .54px;
    margin-bottom: 10px
}

.The-Web-Design-Journey .work-process-box {
    background: linear-gradient(114deg, rgba(217, 217, 217, .05) 8.07%, rgba(131, 131, 131, .05) 101.73%);
    background-blend-mode: soft-light, normal;
    padding: 15px;
    position: relative
}

.The-Web-Design-Journey .col-xl-2:not(:first-child) .work-process-box:after,
.The-Web-Design-Journey .col-xl-3:not(:first-child) .work-process-box:after,
.brand-design-page .work-process-list ul li:not(:first-child) .work-process-box:after {
    content: "";
    background-image: url(images/icons/Our-Process-Line.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 26px;
    top: 50%;
    width: 100%;
    height: 20px
}

.brand-design-page .work-process-list ul li:not(:first-child) .work-process-box:after,
.ui-ux-design-page .The-Web-Design-Journey .col-xl-2:not(:first-child) .work-process-box:after {
    right: 14px;
    top: 20%
}

.The-Web-Design-Journey p a {
    color: #757575
}

.The-Web-Design-Journey span.number {
    color: rgb(195 33 38 / 11%);
    text-align: center;
    font-size: 150px;
    font-weight: 900;
    letter-spacing: 4.5px
}

/* .The-Web-Design-Journey {
    padding-top: 60px
} */

.web-design-page .banner .content p {
    padding-right: 100px
}

.ui-ux-design-page .The-Web-Design-Journey span.number {
    font-size: 120px
}

.Logo-design-page .Web-Design-Services .taber-list ul li.active,
.ui-ux-design-page .The-Web-Design-Journey h4,
h5.dropdown-toggle-wrap.active {
    color: #4a4488
}

.ui-ux-design-page .ot-heading h1.heading-1 {
    padding-left: 28px
}

.ui-ux-design-page .banner:after {
    background-image: url(images/background/innerpage/ui-ux-design-bg.webp)
}

.ui-ux-design-page .Website-Design:before {
    bottom: 60px
}

.Logo-Design-Agency .sticky-top,
.brand-design-page .banner .content h3 {
    padding-right: 40px
}

.brand-design-page .Web-Design-Services .taber-list h5 {
    color: rgba(91, 80, 161, .8);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .7px;
    text-transform: uppercase;
    cursor: pointer
}

.brand-design-page .Web-Design-Services .content-wrap {
    background: var(--Bg-Light-1, #fff);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    padding: 20px 25px;
    margin-top: -28px;
    z-index: 1;
    position: relative
}

.brand-design-page .Web-Design-Services .content-wrapper {
    width: 80%;
    margin-left: 40px;
    position: relative
}

.brand-design-page .Web-Design-Services .content-wrapper .taberlist-icon {
    background: #daedf7;
    position: absolute;
    right: -30px;
    bottom: 11px;
    z-index: 1;
    border-radius: 0;
    width: 42.871px;
    height: 42.871px;
    padding: 0;
    line-height: 1
}

.brand-design-page .Web-Design-Services .col-md-4.heading-list.active h5 {
    color: #4a4488;
    font-weight: 700;
    letter-spacing: .8px
}

.brand-design-page .Website-Design:before {
    left: 43%
}

.brand-design-page .work-process-list li {
    padding: 0 6px;
    width: 20%
}

.brand-design-page .work-process-list ul {
    margin: 0 -6px;
    flex-wrap: wrap;
    padding: 0
}

.Logo-design-page .banner ul,
.Logo-design-page ul li {
    list-style: disc;
    margin-left: .6rem
}

.Logo-design-page .banner:after {
    background-image: url(images/background/innerpage/Logo-design-banner.webp)
}

.Logo-design-page section.Our-Logo-Design-Portfolio .box {
    border-radius: 0 15px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
    border: 1px solid transparent;
    overflow: hidden;
    transition: .3s linear
}

.Logo-design-page .Web-Design-Services .taber-list ul li,
.brand-design-page .Web-Design-Services .col-md-4.heading-list h5 {
    cursor: pointer
}

.Logo-design-page section.Our-Logo-Design-Portfolio .box:hover img {
    transform: scale(1.3)
}

.Logo-design-page .Web-Design-Services .taber-list-wraper .image-wrapper {
    width: inherit;
    height: inherit
}

.Logo-design-page .Web-Design-Services .taber-list ul li {
    color: rgba(0, 0, 0, .4);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .8px;
    margin-bottom: 10px;
    text-align: left
}

.Logo-design-page .Our-Logo-Design-Portfolio .contact-btn a,
.Logo-design-page .Our-Logo-Design-Portfolio .contact-btn button {
    border-radius: 10px;
    background: var(--Bg-Light-1, #fff);
    color: #4a4488;
    font-size: 17px;
    font-weight: 700;
    line-height: normal
}

.cms-development-company-in-india .list-wrap .content p {
    color: rgb(0 0 0 / 54%);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .48px
}

.cms-development-company-in-india .list-wrap .icon {
    width: 10%
}

.cms-development-company-in-india .list-wrap .content {
    width: 90%
}

.software-development-image-wrap {
    height: 300px
}

.Personalize-Your-Own-Feature-Set-wrapper .dropdown-content {
    display: none;
    margin-top: 10px;
    padding-left: .5rem
}

.Personalize-Your-Own-Feature-Set-wrapper .col-lg-6:nth-child(2) {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.Personalize-Your-Own-Feature-Set-wrapper .col-lg-6:nth-child(2) img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.Personalize-Your-Own-Feature-Set-wrapper h5.dropdown-toggle-wrap {
    margin: 0;
    color: #000;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .54px;
    padding: 16.711px 90.657px 0 0;
    cursor: pointer
}

.Personalize-Your-Own-Feature-Set-wrapper .dropdown-content li {
    color: #7c7c7c;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .48px;
    margin-bottom: 5px;
    cursor: pointer
}

.card-box {
    transition: .4s ease-in;
    position: relative;
    border-radius: 10px;
    background: #fff
}

.card-box .product-detail {
    position: absolute;
    height: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 25px;
    transition: .35s;
    border-radius: 0 0 10px 10px;
    background: rgba(0, 0, 0, .7)
}

h5.card-title.heading {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .54px
}

.card-box:hover .product-detail {
    height: calc(70%)
}

.card-box .product-detail p {
    z-index: -1;
    position: relative;
    color: rgb(255 255 255 / 70%);
    font-size: 16px;
    margin-top: 20px
}

/* 
.products-page .lms-banner .container:before {
    background: url(./images/background/innerpage/Know-About-Learning-Management-System.webp) center left/contain no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 355px
}

.products-page .cms-aboutus .container:before {
    background: url(./images/background/innerpage/CMS-Development-Services.webp) center left/contain no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 355px
} */

.products-page .cms-banner {
    min-height: calc(100vh - 30px)
}

.products-page .cms-middle-banner .contact-btn a,
.products-page .cms-middle-banner .contact-btn button {
    border-radius: 10px;
    background: linear-gradient(0deg, var(--Bg-Light-1, #fff) 0, var(--Bg-Light-1, #fff) 100%), linear-gradient(96deg, #5b50a1 0, #4a4488 100%);
    border: 0;
    color: #5b50a1;
    font-weight: 700
}

.Logo-Design-Agency .main-icon-box {
    padding-left: 40px
}

.Logo-design-page .main-icon-box:after {
    top: 83px;
    left: -28px
}

.Logo-design-page section.Our-Logo-Design-Portfolio {
    background-repeat: no-repeat;
    background-position: center left;
    position: relative;
    padding: 40px 0
}

.ecommerce-services-wrapper .industry-content-bg-img:before,
.education-wrapper .industry-content-bg-img:before,
.healthcare-wrapper .industry-content-bg-img:before,
.jwellery-website-wrapper .industry-content-bg-img:before,
.manufacturing-wrapper .industry-content-bg-img:before,
.media-entertainment-wrapper .industry-content-bg-img:before,
.on-demand-wrapper .industry-content-bg-img:before,
.real-estate-wrapper .industry-content-bg-img:before,
.transport-website-wrapper .industry-content-bg-img:before,
.travel-hospitality-wrapper .industry-content-bg-img:before {
    content: '';
    background-image: url(images/background/real-estate-sideimg.webp);
    background-position: top left;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    top: 0;
    background-size: 47%;
    background-position-y: 89px;
    left: 0
}

.media-entertainment-wrapper .industry-content-bg-img:before {
    background-image: url(images/background/entertainment-sideimg.webp)
}

.on-demand-wrapper .industry-content-bg-img:before {
    background-image: url(images/background/ondemand-sideimg.webp)
}

.ecommerce-services-wrapper .industry-content-bg-img:before {
    background-image: url(images/background/e-commerce-service-sideimg.webp)
}

.jwellery-website-wrapper .industry-content-bg-img:before {
    background-image: url(images/background/jewelry-sideimg.webp)
}

.transport-website-wrapper .industry-content-bg-img:before {
    background-image: url(images/background/transport-sideimg.webp)
}

.education-wrapper .industry-content-bg-img:before {
    background-image: url(images/background/education-sideimg.webp)
}

.travel-hospitality-wrapper .industry-content-bg-img:before {
    background-image: url(images/background/travel-services-sideimg.webp)
}

.healthcare-wrapper .industry-content-bg-img:before {
    background-image: url(images/background/healthcare-sideimg.webp)
}

.construction-wrapper .industry-content-bg-img:before {
    background-image: url(images/background/construction-sideimg.webp)
}

.industries-ecommerce-wrapper .education-middle-banner .container:after,
.industries-ecommerce-wrapper .finance-middle-banner .container:after,
.industries-ecommerce-wrapper .healthcare-middle-banner .container:after,
.industries-ecommerce-wrapper .middle-banner .container:after,
.industries-ecommerce-wrapper .on-demand-middle-banner .container:after,
.industries-ecommerce-wrapper .real-estate-middle-banner .container:after,
.industries-ecommerce-wrapper .travel-middle-banner .container:after {
    content: "";
    background: url(images/background/innerpage/ecommerce-shopping-cart-img.webp) top center/contain;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 40px;
    right: 0;
    height: 100%;
    width: 35%
}

.industries-ecommerce-wrapper .finance-middle-banner .container:after {
    background: url(images/background/innerpage/finance-middle-img.html);
    top: 180px
}

.industries-ecommerce-wrapper .on-demand-middle-banner .container:after {
    background: url(images/background/innerpage/ondemand-middle-img.webp);
    top: 100px
}

.industries-ecommerce-wrapper .education-middle-banner .container:after {
    background: url(images/background/innerpage/education-middle-img.webp);
    top: 180px
}

.industries-ecommerce-wrapper .healthcare-middle-banner .container:after {
    background: url(images/background/innerpage/healthcare-middle-img.webp);
    background-size: 70%;
    bottom: 0;
    top: 50%;
    right: 10px;
}

.industries-ecommerce-wrapper .transport-middle-banner .container:after {
    background: url(images/background/innerpage/transport-middle-img.webp);
    top: 180px
}

.industries-ecommerce-wrapper .real-estate-middle-banner .container:after {
    background: url(images/background/innerpage/real-estate-middle-img.webp)
}

.industries-ecommerce-wrapper .travel-middle-banner .container:after {
    background: url(images/background/innerpage/travel-middle-img.webp);
    top: 250px;
    right: 70px
}

.industries-expert-box h5 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.1;
    color: #000;
    margin-bottom: 10px
}

.industries-expert-box-inner .pt-20 {
    padding-top: 0 !important
}

.industries-expert-box-inner {
    transition: 1s ease-in-out;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .25);
    background: #fff;
    margin: auto;
    padding: 1.5rem;
    height: 210px
}

.img-box-wrapper {
    border-radius: 6px;
    display: block;
    color: #fff;
    border: 1px solid #5b50a1;
    position: relative
}

.img-box-wrapper h6 {
    font-size: 20px;
    font-weight: 400;
    margin-top: 5px
}

.sitemap-wrapper h2 {
    text-transform: uppercase;
    font-size: 109px;
    font-weight: 900;
    line-height: 96px;
    text-align: left;
    bottom: 0;
    top: 12px;
    z-index: 1;
    position: absolute;
    left: -62px;
    color: #a1a1a12e
}

.grocery-delivery-application-wrapper .food-main-heading-banner h6.big-font,
.grocery-main-heading-banner h6.big-font,
.industry-main-heading-banner h6.big-font,
.sitemap-wrapper h4 {
    font-size: 70px
}

.sitemap-sec li a:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #4bb4e136
}

.sitemap-sec li a {
    color: #000000b8;
    font-size: 16px;
    text-decoration: none;
    transition: .5s ease-in-out;
    line-height: 1.1;
    padding-left: .8rem;
    font-weight: 500;
    display: block
}

.sitemap-heading {
    font-weight: 600;
    font-size: 25px
}

.vertical-bar {
    position: relative;
    padding: 1rem;
    margin-bottom: 1.5rem
}

.vertical-bar:before {
    content: '';
    position: absolute;
    left: 20px;
    width: 30px;
    background: #eefaff;
    height: 100%;
    z-index: -1;
    top: -6px
}

.sitemap-wrapper ul {
    padding-left: 3rem
}

.sitemap-sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.sitemap-sec li {
    flex: 1 1 22%;
    box-sizing: border-box;
    margin-bottom: 24px;
    line-height: 1.4;
    position: relative
}

.sitemap-sec a {
    text-decoration: none;
    color: #000
}

.software-solution-box .sitemap-sec li {
    flex: 1 1 2%
}

.our-services-sitemap li,
.tech-experts-section li {
    flex: 0 0 auto
}

.portfolio-box article {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.portfolio-box .portfolio-swiper .swiper-slide .cardPopout {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    transform: none !important
}

.portfolio-box .portfolio-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    border-radius: 5px;
    border: 2px solid #fff
}

.portfolio-box .swiper-3d .swiper-slide-shadow-left,
.portfolio-box .swiper-3d .swiper-slide-shadow-right {
    background-image: none !important
}

.portfolio-box .portfolio-swiper .swiper-slide a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    transition: .6s !important
}

.portfolio-box .portfolio-swiper .swiper-slide a:hover {
    color: #000;
    transition: .6s
}

.portfolio-box .portfolio-swiper .swiper-scrollbar {
    --swiper-scrollbar-bottom: 0px;
    --swiper-scrollbar-size: 10px;
    display: none
}

.portfolio-box .swiper-button-next,
.portfolio-box .swiper-button-prev {
    position: absolute;
    width: 100px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    border-radius: 50%;
    z-index: 10;
    transition: background-color .3s
}

.portfolio-box .swiper-button-prev {
    left: 10px
}

.portfolio-box .swiper-button-next {
    right: 10px
}

.astrology-application-development .testimonials-slider-wrap:after {
    content: "";
    position: absolute;
    background-image: url(assets/images/icons/Quote.html);
    width: 38.7px;
    height: 27px;
    top: -16px;
    right: 25px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

/* .astrology-application-development .banner-content-wrapper {
    padding: 5.5rem 0
} */

.astrology-application-development span.bg-hover {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 100px 0 8px;
    background: #eefaff;
    width: 65px;
    height: 54px;
    transition: .3s linear
}

.astrology-application-development ul li {
    color: rgba(255, 255, 255, .9);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px
}

.astrology-application-development a.solution-box:hover p {
    color: #666
}

.astrology-application-development a.solution-box:hover span.bg-hover {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: rgba(250, 174, 28, .06)
}

.astrology-application-development .services:after {
    background-image: url(images/background/Astrology-Website.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.astrology-three-col-wrap .Astrology-box {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
    position: relative;
    padding-left: 25px
}

.astrology-three-col-wrap .image {
    position: absolute;
    right: 0;
    top: 40px;
    bottom: 0;
    z-index: -1
}

.astrology-three-col-wrap .Astrology-box:before {
    background: #5b50a1;
    position: absolute;
    top: 18%;
    left: 0;
    bottom: 0;
    height: 65%;
    width: 4px;
    content: ""
}

.Astrology-Application-Development ul li img {
    width: 25px;
    margin-right: 10px
}

.Astrology-Application-Development ul li {
    color: rgba(0, 0, 0, .7);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .54px;
    display: block
}

.astrology-application-development ol.process-container .process-step:not(:last-child) .process-circles::after {
    width: 185px
}

.astrology-application-development .process-step:hover .process-circles {
    color: rgba(247, 155, 31, .8)
}

.astrology-application-development .heading-section {
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.60);
    font-size: 80px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 180px
}

.astro-why-choose {
    background-image: url(images/background/Astrology-Application-Development-why-choose-bg.webp);
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 3rem
}

.astro-why-choose p {
    color: #fffffff2
}

.astro-why-choose .process-caption {
    color: #ffffffa3;
    font-size: 15px;
    line-height: 1.4
}

.astrology-application-development-Choose .image {
    position: absolute;
    right: 6%;
    width: 40%
}

.astrology-testimonials span.review span {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.6px
}

.astrology-testimonials span.review {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.4px;
    margin-top: 10px;
    display: block
}

.testimonials-box {
    background: #fff;
    padding: 40px
}

.testimonials-box p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 600;
    color: #232536
}

.testimonials-box ul li h5 {
    color: #232536;
    font-size: 16px;
    font-weight: 600;
    line-height: 25.2px;
    margin-bottom: 0
}

.testimonials-box ul li span {
    color: #232536;
    font-size: 12.6px;
    font-weight: 500;
    line-height: 18px;
    display: block
}

.astrology-testimonials .owl-dots .owl-dot {
    background: #ccc
}

.astrology-testimonials .owl-dots .owl-dot.active {
    background: #8ecf88 !important
}

.industries-we-serve-page .single-featured-box {
    border-radius: 10px;
    background: #eaf9ff;
    border: 1px solid transparent
}

.industries-we-serve-page .single-featured-box .icon {
    background: #5b50a1;
    width: 86px;
    height: 70px;
    padding: 25px;
    border-radius: 100px 30px 100px 50px
}

.industries-we-serve-page .single-featured-box:hover {
    border: 1px solid #6b5fc4;
    background: #eaf9ff
}

.col-box-inner,
.col-box-inner img {
    border-radius: 8px
}

.industries-we-serve-page .single-featured-box:hover .icon {
    background: #5b50a1
}

.industries-we-serve-page .single-featured-box:hover h3 {
    color: #4a4488
}

.industries-we-serve-page .single-featured-box .icon img {
    top: -7px
}

.our-comprehensive-services:after {
    position: absolute;
    content: "";
    right: 0;
    background: #0c8acb;
    width: 55%;
    z-index: -1;
    top: 38%;
    height: 144.65px;
    left: auto
}

.our-comprehensive-services .col-lg-8:before {
    position: absolute;
    content: "";
    background-image: url(images/icons/border-card.svg);
    background-repeat: no-repeat;
    top: 36.9%;
    width: 2%;
    left: 0;
    height: 144.65px
}

.column-box-main {
    margin: 0 -5px;
    flex-wrap: nowrap;
    overflow: hidden
}

.col-box-inner {
    position: relative;
    width: 100%
}

.img-expand {
    width: 100%;
    height: 200px;
    object-fit: cover !important
}

.col-box,
.col-box:hover~.col-box {
    width: 18.75%
}

.col-box-inner .offer-section-content {
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .74) 50.41%, #000 100%)
}

.col-box-inner .offer-section-content h5 {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin: 0;
    color: #fff
}

.col-box {
    padding: 0 5px;
    transition: width .3s;
    display: inline-block;
    vertical-align: top
}

a.industries-box {
    width: 20%;
    display: block;
    padding: 0 15px
}

.industries-box-inner {
    border-radius: 5px;
    background: rgba(91, 80, 161, .03);
    text-align: center;
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: .3s linear
}

.industries-box-inner:hover {
    background: rgba(91, 80, 161, .1)
}

.industry-app-feature-wrapper .solution-box h5 {
    margin-top: 6px;
}

@media only screen and (max-width:1199px) {
    .extra-text {
        display: none
    }

    .social-list {
        margin-left: 0
    }
}

@media(max-width:1440px) {
    .octf-btn-cta .btn-cta-header {
        display: none
    }
}

@media(max-width:1265px) {
    .octf-btn-cta .contact-header {
        display: none
    }
}

@media only screen and (max-width:600px) {
    .topbar-info li {
        float: none;
        padding-left: 0
    }

    blockquote {
        font-size: 18px
    }

    .single-post .entry-content {
        padding: 50px 15px70px
    }

    .blog-list .post-box .inner-post {
        padding: 30px
    }

    .post-box .entry-title {
        font-size: 22px;
        line-height: 30px
    }
}

@media only screen and (max-width:993px) {

    .projects-col3 .project-item,
    .projects-col4 .project-item,
    .projects-grid.pf_4_cols .project-item,
    .projects-grid.pf_5_cols .project-item {
        width: 50%
    }

    .project-slider .project-item {
        width: auto
    }
}

@media only screen and (max-width:768px) {

    .blog-post .author-bio .author-image,
    .post-nav {
        display: none
    }

    .blog-post .author-bio .author-info {
        padding: 20px 25px;
        border-left: 1px solid #e7e7e7
    }

    .projects-box .portfolio-info {
        right: 0;
        opacity: 1
    }

    .projects-style-1 .projects-box .portfolio-info .portfolio-info-inner {
        padding: 30px
    }

    .projects-style-1 .projects-box .portfolio-info h5 {
        font-size: 20px
    }

    .projects-style-1 .projects-box .portfolio-info .portfolio-cates {
        font-size: 12px
    }
}

@media only screen and (max-width:767px) {
    .pgrid .entry-media img {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .mobile-topbar {
        line-height: 1.875;
        padding: 7px 0
    }

    .mobile-topbar.header-topbar {
        display: block
    }

    .mobile-topbar .social-list {
        float: none;
        clear: both;
        padding-top: 2px
    }

    .mobile-topbar .social-list li a {
        border: none !important;
        padding: 0
    }

    .mobile-topbar .social-list li:first-child,
    .style-2 .social-list li:first-child a {
        margin-left: 0
    }

    .mobile-topbar .topbar-info {
        margin-left: 0;
        float: none
    }

    .mobile-topbar .topbar-info li {
        border: none !important;
        padding-left: 0
    }

    .style-2 .social-list li {
        margin: 0 8px
    }

    .header-topbar,
    .octf-main-header {
        display: none
    }

    .contact-info.box-style1:hover {
        box-shadow: none
    }
}

@media only screen and (max-width:992px) {

    .border-right .box-style2:after,
    .border-right .box-style2:before {
        display: none
    }
}

@media(min-width:1025px) and (max-width:1199px) {
    .ot-pricing-table {
        padding: 35px 20px
    }

    .ot-pricing-table .inner-table .title-table {
        font-size: 20px
    }

    .ot-pricing-table .inner-table h2 {
        font-size: 40px
    }

    .ot-tabs .tab-link {
        min-width: 116px;
        padding: 14px 25px
    }
}

@media(max-width:479px) {
    .ot-pricing-table {
        padding: 33px
    }

    .ot-pricing-table .inner-table .details {
        font-size: 14px
    }
}

@media(max-width:1024px) {

    .brand-design-page .work-process-list li:last-child,
    .icon-box-s2.s2:before {
        width: 100%
    }

    .ot-pricing-table {
        padding: 45px;
        max-width: 330px;
        margin: auto
    }

    .case-study-wrapper .typography-box h4.alphabet-font {
        font-size: 60px;
        white-space: nowrap;
        margin-top: 35px
    }

    .case-study-wrapper .right-box {
        padding-top: 170px
    }

    .The-Web-Design-Journey .col-xl-3:nth-child(odd) .work-process-box:after,
    .brand-design-page .work-process-list li:nth-child(odd) .work-process-box:after,
    .ui-ux-design-page .The-Web-Design-Journey .col-xl-2:nth-child(odd) .work-process-box:after {
        display: none
    }

    .ui-ux-design-page .The-Web-Design-Journey .col-xl-2:not(:first-child) .work-process-box:after {
        right: 25px
    }

    .brand-design-page .work-process-list li {
        width: 50%
    }
}

@media(min-width:768px) and (max-width:991px) {
    .icon-box-s2.s2 {
        padding-left: 34px;
        padding-right: 34px
    }
}

@media only screen and (max-width:480px) {
    .wpcf7 .main-form {
        padding: 30px
    }

    .ot-tabs .tab-link {
        float: none;
        display: block;
        margin-bottom: 10px
    }
}

@media(max-width:767px) {

    /* .home2-top-right h2, */
    .icon-box-s3 .top-box,
    .ot-heading>span,
    .tech-box {
        margin-bottom: 0
    }

    .astrology-application-development-Choose .Astrology-left ul li:not(:last-child),
    .astrology-application-development-Choose .Astrology-left ul li:nth-child(3) {
        margin-bottom: 20px
    }

    .testimonials-box {
        padding: 16px
    }

    .testimonials-box .col-md-6:last-child {
        justify-content: start !important;
        margin-top: 20px !important
    }

    .page-header .container,
    .projects-col3 .project-item {
        width: 100%
    }

    .page-header .page-title {
        font-size: 36px
    }

    .page-header .breadcrumbs {
        font-size: 12px;
        background: 0 0;
        padding: 0
    }

    .cta-detail h2 {
        font-size: 34px;
        line-height: 46px
    }

    .sidebar-modal.active .sidebar-modal-inner {
        width: 65%
    }

    .icon-box-s3.i7 h5 {
        font-size: 14px;
        font-weight: 500
    }

    .home2-top {
        padding: 20px 0 40px
    }

    .section-technology-content {
        padding: 20px 15px 150px
    }

    .service-wrapper .tech-box,
    .solution-box {
        padding: 14px
    }

    .middle-banner .ot-heading h3 {
        font-size: 20px
    }

    .ot-heading h3 {
        font-size: 18px
    }

    .owl-carousel .owl-item .home2-top {
        height: 100vh
    }

    /* .home2-top-right .small-text {
        color: #fff;
        font-size: 18px;
        margin-bottom: 0
    } */

    /* .home2-top-right h2, */
    .top-heading .ot-heading h3 {
        font-size: 32px;
        line-height: 42px;
        color: #fff;
        font-weight: 600;
        padding: .6rem 0
    }

    /* .home2-top-right .sub-text {
        color: #e4e2e2;
        font-size: 16px
    } */

    .ot-heading>span {
        font-size: 14px
    }

    .carousel-caption {
        top: 0;
        position: relative;
        padding-top: 30px
    }

    /* .home2-top-right h2 {
        font-size: 26px;
        line-height: 36px
    } */

    .hero-slider .swiper-button-next,
    .hero-slider .swiper-button-prev,
    .process-bar {
        display: none
    }

    .ot-counter.v3,
    .technology-wrapper .ot-icon-box {
        text-align: center
    }

    .hero-style .slide-text p {
        font-size: 1rem;
        font-weight: 400;
        margin: 0 0 30px
    }

    .banner-wrapper li,
    .font-18,
    .font-size-18,
    .fs-18,
    .inner-wrapper .fs-18,
    .inner-wrapper p,
    .lead,
    .service2-card h3,
    .slick-arrow i:before,
    .social-service .icon-box-s3.i7 h5,
    .text-custom-size,
    .thankyou-page-wrapper p {
        font-size: 14px !important
    }

    .icon-width {
        width: 40px;
        height: 40px
    }

    .ot-pricing-table {
        max-width: 470px
    }

    .tech-box {
        padding: 5px
    }

    .app-i7,
    .pricint-i7,
    .support-i7,
    .testi-i7 {
        padding-bottom: 60px
    }

    .style-medium-i7,
    .title-i7 {
        font-size: 40px;
        line-height: 48px
    }

    .about-home6,
    .app-i7,
    .pricint-i7 {
        padding-top: 60px
    }

    .client-i7 {
        padding-bottom: 0
    }

    .about-v5 {
        padding: 90px 0
    }

    .sm-text-left {
        text-align: left !important
    }

    .sm-mt-30 {
        margin-top: 30px
    }

    .ot-heading.s2 h2 {
        font-size: 42px;
        line-height: 56px
    }

    .error-404 h1 {
        font-size: 36px;
        display: block
    }
}

@media screen and (min-width:1024px) {
    .about-desc-6 {
        margin-left: 70px
    }

    .about-img-6 {
        margin: 0 50px 0 -180px
    }
}

@media(max-width:1200px) {
    .ot-pricing-table-s2.s2 {
        border: none
    }

    .ot-pricing-table-s2.s2.i8 {
        border: 1px solid #02010117
    }
}

@media(max-width:600px) {
    .page-header .page-title {
        font-size: 30px
    }

    .ot-heading h3 br {
        display: none
    }

    .projects-col3 .project-item {
        width: 100%
    }
}

@media(max-width:480px) {
    .ot-testimonials .layer2 {
        padding: 25px
    }

    .ot-testimonials .t-head img {
        margin-right: 20px;
        width: 80px
    }

    .projects-col3 .project-item {
        width: 100%
    }
}

@media only screen and (max-width:991px) {
    .pgrid .post-box {
        margin-bottom: 30px
    }

    .boosting-list-tab .tabs li {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 48%;
        max-width: 46%;
        padding-top: 10px
    }

    .boosting-list-tab .tabs li a {
        font-size: 15px;
        padding: 12px 10px
    }

    .boosting-list-tab .tabs li a span {
        display: block;
        margin-top: 4px;
        font-size: 12px
    }

    .boosting-list-tab .tab_content .tabs_item .tab-text-content i::before,
    .boosting-list-tab .tabs li a i {
        font-size: 30px
    }

    .boosting-list-tab .tabs li.bg-c5ebf9,
    .boosting-list-tab .tabs li.bg-ecfaf7,
    .boosting-list-tab .tabs li.bg-eff7e9,
    .boosting-list-tab .tabs li.bg-f2f0fb,
    .boosting-list-tab .tabs li.bg-fff8f0 {
        background: unset
    }

    .boosting-list-tab .tab_content .tabs_item .content h2 {
        margin: 30px 0 10px
    }

    .boosting-list-tab .tab_content .tabs_item .tab-text-content {
        margin-top: 25px;
        padding-left: 45px
    }

    .boosting-list-tab .tab_content .tabs_item .tab-shape {
        width: 110px
    }

    .boosting-list-tab .tab_content .tabs_item .tab-btn {
        margin-top: 20px
    }

    .process-no {
        display: none
    }
}

@media only screen and (min-width:992px) {

    .feature-left>.row>div:first-child .service-item,
    .feature-right>.row>div:last-child .service-item {
        margin-left: 30px
    }

    .feature-left>.row>div:last-child .service-item,
    .feature-right>.row>div:first-child .service-item {
        margin-right: 30px
    }
}

@media(max-width:575px) {
    .footer-link {
        -webkit-border-end: 0 !important;
        border-inline-end: 0 !important;
        gap: 10px;
    }

    .footer-area .left-content {
        border-right: none !important;
    }
}

@media(min-width:576px) {
    .tabs>ul li a {
        flex-wrap: wrap
    }

    .tabs>ul li a>span {
        width: 100%
    }

    .tabs>ul li a>span.tab-label {
        width: 100%;
        display: block;
        margin: 8px 0;
        font-size: 16px;
        color: #5b50a1
    }
}

@media screen and (max-width:960px) {
    .grid {
        column-count: 3
    }
}

@media screen and (max-width:600px) {
    .grid {
        column-count: 2
    }
}

@media screen and (max-width:400px) {
    .grid {
        column-count: 1
    }
}

@media only screen and (min-width:768.1px) and (max-width:991px) {
    .portfolio-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:1700px) {
    .service2-card {
        padding: 12px 12px 16px
    }

    .service3-card .service3-body .service3-content p {
        margin-bottom: 20px
    }
}

@media(min-width:768px) {

    .process,
    .process__item {
        display: inline-block
    }

    .process__item {
        width: 49%
    }

    .technologies-stack .tab-body li {
        width: 18%
    }

    .technologies-stack .tabs>ul li a,
    .technologies-stack .tabs>ul li a:visited {
        padding: 0 1rem
    }

    .technologies-stack .tabs {
        display: flex
    }

    .technologies-stack .tabs>ul {
        width: 293px;
        flex-direction: column;
        overflow-x: hidden
    }

    .technologies-stack .tabs>ul li a>span.tab-label {
        display: block;
        color: #000;
        font-weight: 700;
        font-size: 16px
    }

    .technologies-stack .tabs section {
        width: calc(100% - 150px);
        padding: 0 2rem
    }

    .technologies-stack ul.flex-center-list {
        gap: 18px;
        row-gap: 20px
    }

    .border-bg .industry-main-heading span {
        position: relative
    }

    .border-bg .industry-main-heading span:after {
        position: absolute;
        content: '';
        z-index: 1;
        left: 0;
        bottom: -4px;
        background: linear-gradient(90deg, #e19400 0, rgba(91, 80, 161, 0) 100%);
        width: 100%;
        height: 4px
    }

    .border-bg .industry-main-heading span.blue-border:after {
        background: linear-gradient(90deg, #5b50a1 0, rgba(91, 80, 161, 0) 100%);
        bottom: 0px;

    }

    .industry-main-heading-banner.border-bg .industry-main-heading span::after {
        background: linear-gradient(90deg, #4a4488 0, rgba(91, 80, 161, 0) 100%)
    }

    .industry-main-heading-banner.border-bg .industry-main-heading span.border-white:after {
        background: linear-gradient(90deg, #ffffff 0, rgba(91, 80, 161, 0) 100%);
    }

    .dating-main-heading-banner.border-bg .industry-main-heading span::after {
        background: linear-gradient(90deg, #FF7EB4 0%, rgba(255, 255, 255, 0.00) 100%);
    }

    .dating-web-wrapper .border-bg .industry-main-heading span:after {
        background: linear-gradient(90deg, #9158CE 0%, rgba(255, 255, 255, 0.00) 100%);
    }

    .border-bg.trainer-wrapper .industry-main-heading span:after {
        background: linear-gradient(90deg, #162469 0%, rgba(255, 255, 255, 0.00) 100%);
    }

    .border-bg .main-heading span:after,
    .border-bg-wrapper .main-heading span:after,
    .grocery-main-heading-banner .main-heading span:after {
        position: absolute;
        content: '';
        z-index: 1;
        left: 0;
        bottom: 0;
        background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
        width: 100%;
        height: 4px
    }

    .border-bg.grocery-border .industry-main-heading span:after {
        background: linear-gradient(90deg, #98c03a 0, rgba(255, 255, 255, 0) 100%);
        top: auto
    }

    .matrimonial-web-wrapper .border-bg .industry-main-heading span:after {
        background: linear-gradient(90deg, #dc5990 0, rgba(255, 255, 255, 0) 100%)
    }

    .fintech-web-wrapper .border-bg .industry-main-heading span:after {
        background: linear-gradient(90deg, #374DD9 0%, rgba(255, 255, 255, 0.00) 100%);
    }
}

@media(min-width:1024px) {
    .industries-section .col-lg-2 {
        width: 20%;
        margin: auto;
        text-align: center
    }

    .banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active {
        opacity: .8
    }

    .banner_destacados_wrapper .owl-item.active {
        width: 200px !important
    }

    .banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center {
        width: 800px !important;
        margin: 1rem auto
    }

    .gallery_wrapper.owl-carousel .owl-dots {
        display: none
    }
}

@media screen and (min-width:576px) {
    .work__container {
        grid-template-columns: 350px;
        justify-content: center
    }
}

@media screen and (min-width:768px) {
    .work__container {
        grid-template-columns: repeat(2, 350px)
    }
}

@media screen and (min-width:1150px) {
    .work__container {
        grid-template-columns: repeat(3, 380px);
        row-gap: 4rem
    }
}

@media(max-width:768px) {

    .scroll,
    .technology-bg::after {
        width: 100%
    }

    .sidebar-contact .toggle {
        transform: translateY(-50%);
        transition: .5s
    }

    .sidebar-contact.active .toggle {
        top: 0;
        right: 0;
        transform: translateY(0)
    }

    .scroll {
        height: 100%;
        overflow-y: auto
    }

    .cta-h2 {
        background-image: none;
        background-color: #007db4
    }

    .account-form {
        padding: 15px
    }

    .ot-heading h2 span {
        margin-bottom: 0;
        font-size: 11px
    }

    .border-rounder .card-title,
    .custom-benifit .icon-box-s2 .content-box h5,
    .human-resource-management-process .taber-wrap p,
    .icon-box-s2 .content-box h5,
    .ot-counter h6,
    .saas-benifits .icon-box-s2 .content-box h5,
    .seo-benifits .icon-box-s2 .content-box h5,
    .solution-box h5,
    .tech-box h5,
    .technology-bg h5 {
        font-size: 16px
    }

    .tech-box {
        padding: 1rem 0
    }

    .trust-awards__title {
        font-size: 2rem
    }

    .contact-form-wrap .contact-form-inner-wrap {
        padding: 1.5rem
    }

    .service2-card,
    .service2-card ul {
        margin-bottom: 1rem
    }

    a.button {
        float: none
    }

    .technologies-stack .tab-body p,
    .technology-bg p {
        font-size: 12px
    }

    .service2-card h3 {
        margin-top: .6rem
    }

    .copyright-area p,
    .footer-area a {
        font-size: 11px;
        display: flex;
        align-items: center
    }

    .border-top-1,
    .footer-area .footer-bottom,
    .footer-area .footer-bottom .row {
        padding-top: 12px
    }

    .footer-links ul li a {
        line-height: 16px;
        font-size: 12px
    }

    .footer-links h3 {
        margin-top: 1.5rem
    }

    .octf-btn {
        padding: 6px 12px;
        font-size: 16px
    }

    .ot-heading,
    .technology-left p {
        margin-bottom: 12px
    }

    .review-section {
        padding: 1rem 15px 3rem
    }

    .ot-counter span.num,
    .review-section .ot-counter span {
        font-size: 24px
    }

    section,
    section.case-study {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .google-icon {
        overflow: hidden;
        margin-top: -3rem
    }

    .client-slider {
        height: 50px
    }

    .industries-section .owl-carousel .owl-item img {
        width: 50px
    }

    .client-slider .slide-track {
        width: 620%;
        gap: 9px
    }

    .banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item,
    .banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center {
        height: auto !important
    }

    .industries-section h5 {
        font-size: 11px
    }

    .technologies-stack .tabs>ul li a>span.tab-label {
        font-size: 11px;
        line-height: 1;
        width: 78px
    }

    .technologies-stack .tabs section {
        margin: 0
    }

    .contact-form-wrap h3 {
        font-size: 20px
    }

    .owl-carousel .owl-item img {
        width: auto;
        margin: auto
    }

    .human-resource-management-process .nav-tabs {
        justify-content: flex-start;
        margin-bottom: 50px;
        gap: 4px
    }

    .human-resource-management-process .nav-link {
        padding: 12px;
        font-size: 12px
    }

    section.case-study .owl-nav {
        bottom: 0
    }
}

@media(max-width:1199px) {
    .main-navigation>ul>li {
        margin: 0 14px
    }

    .hero-style .slide-title h2 {
        font-size: 75px
    }

    section.why-chooseUs .number span:after {
        width: 70px
    }
}

@media(max-width:991px) {

    .col-box.active,
    .col-box:hover {
        width: 100%
    }

    .col-box,
    .col-box:hover~.col-box {
        width: 50%
    }

    .column-box-main {
        flex-wrap: wrap
    }

    a.industries-box {
        width: 33%
    }

    .astrology-application-development .process-step {
        max-width: 50%;
        padding: 0
    }

    .astrology-application-development .services:after {
        display: none
    }

    .astrology-application-development-Choose:after {
        height: 100%;
        width: 100%;
        background: #0a387d
    }

    .astrology-application-development .banner-content-wrapper {
        padding: 1.5rem 0
    }

    .content-area.col-md-9 {
        margin-bottom: 60px
    }

    .post-box.post-item {
        margin-bottom: 40px
    }

    .post-box .entry-title a {
        height: auto
    }

    .hero-slider {
        height: 600px
    }

    .hero-style .slide-title h2 {
        font-size: 50px;
        margin: 0 0 35px
    }

    .carousel-caption h5 {
        font-size: 3.5em
    }

    .carousel-caption p {
        font-size: 1em;
        font-weight: 900;
        text-transform: uppercase
    }

    .page-container {
        width: 100%;
        margin-left: 0;
        padding: 0
    }

    .mobile-app-development .banner {
        background: 0 0 !important;
        background: #b3e5fa40 !important
    }

    .products-page .banner {
        min-height: auto;
    }
}

@media screen and (min-device-width:768px) and (max-device-width:992px) {
    .category-div .visible_content .ot-icon-box__content h4 {
        font-size: 14px
    }

    .category-div .ot-icon-box {
        padding: 12px 13px 0
    }

    .tabs>ul li a {
        justify-content: flex-start
    }

    .tab-body li {
        padding: .6rem
    }

    .technologies-stack .tab-body li {
        width: 21%
    }
}

@media(min-width:1200px) {
    .top-i7-right {
        margin-right: -368px
    }

    .process {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .process__item {
        width: 100%
    }

    .process__item:not(:last-of-type)::after {
        content: "";
        width: 1px;
        height: 75%;
        background: #8c8c8c;
        position: absolute;
        right: 0;
        top: 50%;
        opacity: .2;
        transform: translateY(-50%)
    }

    .portfolio-modal .modal-xl {
        max-width: 100%;
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media(min-width:576px) {
    .technologies-stack .tab-body li {
        width: 18%
    }

    .technologies-stack .tabs {
        display: flex
    }

    .technologies-stack .tabs>ul {
        width: 293px;
        flex-direction: column;
        overflow: hidden
    }

    .technologies-stack .tabs>ul li a>span.tab-label {
        display: block;
        color: #000;
        font-weight: 700;
        font-size: 16px
    }

    .technologies-stack .tabs section {
        width: calc(100% - 150px);
        padding: 0 2rem
    }

    .technologies-stack ul.flex-center-list {
        gap: 18px;
        row-gap: 20px
    }
}

@media screen and (max-width:768px) {
    .carousel-caption h5 {
        font-size: 3.5em
    }

    .carousel-caption p {
        font-size: 1em;
        font-weight: 600
    }

    .carousel-indicators {
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        flex-wrap: nowrap;
        top: auto;
        transform: unset;
        width: auto;
        gap: 5px
    }

    .carousel-indicators [data-bs-target] {
        width: 12px;
        height: 12px
    }

    .slick-slider .slick-track {
        width: calc(100% - 30px)
    }

    .ecommerce-development-delhi .ot-heading h2 {
        font-size: 18px
    }

    .custom-api-section::after,
    .custom-benifits-section::after,
    .inner-wrapper .services:after,
    .service-wrapper-container::after,
    .webdesign-delhi::after {
        width: 100%
    }

    .seo-service-section {
        gap: 3px;
        justify-content: space-between
    }

    .seo-service-section button.active h3 {
        font-size: 15px
    }

    .seo-provider-benifits .nav-link h3,
    .seo-service-section button h3 {
        font-size: 14px
    }

    .seo-provider-benifits .nav-pills .nav-link {
        white-space: nowrap
    }

    .seo-provider-benifits .nav {
        overflow-x: scroll
    }

    .nav-pills .nav-link,
    .nav-pills .nav-link.active {
        padding: 8px
    }

    .process-bottom .inner-page-banner {
        display: none
    }

    .seo-company-noida-wrapper .theme-bg {
        background: 0 0 !important
    }

    .cta-banner-bg {
        padding-left: 0 !important;
        padding: 6px !important;
    }
}

@media screen and (max-width:575px) {
    .carousel-caption h5 {
        font-size: 2em
    }

    .carousel-caption p {
        font-size: .75em
    }

    .carousel-caption {
        width: 100%;
        opacity: 0
    }

    .carousel-item.active .carousel-caption {
        animation: 2.5s sample;
        opacity: 1
    }

    .carousel-caption * {
        white-space: unset
    }

    @keyframes sample {
        0% {
            opacity: 0
        }

        100%,
        50% {
            opacity: 1
        }
    }
}

@media screen and (max-width:480px) {
    .carousel-caption h5 {
        font-size: 1.45em
    }

    .carousel-caption p {
        font-size: .7em
    }

    .carousel-item img,
    .projectPreview .carousel-item>img {
        height: 50vh
    }
}

@media only screen and (max-width:991.98px) {
    .bottom-section {
        display: block
    }
}

@media(min-width:992px) {
    .career-benefits-carousel .ot-icon-box-wrapper {
        height: 265px;
        overflow: hidden
    }

    .about-img-6 {
        margin-right: 0
    }

    .why-need-section .single-services-box h4 {
        height: 39px
    }

    .mobile-app-development-wrapper .services .item .icon-box-s2 {
        height: 280px
    }

    .digital-marketing-offer {
        height: 400px
    }

    .industry-designing-company-wrapper .flex-item {
        flex: 1 1 calc(33.333% - 20px)
    }

    .card-body-image {
        height: 130px;
        overflow: hidden
    }

    .industry-app-feature-wrapper .right-child ::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -50%;
        transform: translate(-50%, -50%);
        width: 1000px;
        height: 380px;
        background: linear-gradient(0deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 100%), linear-gradient(270deg, #ff9200 0, #8ecf88 100%);
        z-index: -1
    }

    .grocery-delivery-application-wrapper.industry-app-feature-wrapper .right-child ::after {
        background: linear-gradient(90deg, #98c03a -11.58%, #7aa11c 38.04%, #5f810f 100%), linear-gradient(0deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 100%), linear-gradient(270deg, #ff9200 0, #8ecf88 100%)
    }

    .dating-web-wrapper.industry-app-feature-wrapper .right-child ::after {
        background: linear-gradient(273deg, #9158CE -23.84%, #4929BF 53.14%, #422C94 100%);
    }

    .taxi-wrapper.industry-app-feature-wrapper .right-child ::after {
        background: linear-gradient(270deg, #ffd100 0, #b9a02b 100%)
    }

    .fitness-application.industry-app-feature-wrapper .right-child ::after {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(270deg, #102484 0%, #102484 21.23%, #0F2283 41.93%, #162469 64.61%, #09123C 100%);
    }

    .matrimonial-web-wrapper.industry-app-feature-wrapper .right-child ::after {
        background: linear-gradient(265deg, #dc5990 7.41%, #d3397a 63.32%, #580e2d 147.19%)
    }

    .fitness-wrapper .industry-app-feature-wrapper .right-child ::after {
        background: linear-gradient(0deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 100%), linear-gradient(270deg, #102484 0, #102484 21.23%, #0f2283 41.93%, #162469 64.61%, #09123c 100%)
    }

    .fintech-web-wrapper.industry-app-feature-wrapper .right-child ::after {
        background: linear-gradient(280deg, #2639AF 0.1%, #374DD9 99.9%);
    }

    .industry-main-heading-banner.dating-main-heading-banner.border-bg .industry-main-heading span::after {
        background: linear-gradient(90deg, #FF7EB4 0%, rgba(255, 255, 255, 0.00) 100%);
    }
}

@media(min-width:1400px) {
    .screenshot_slider .owl-stage-outer {
        max-height: 910px
    }
}

@media(max-width:991px) {
    .case-study-banner {
        padding-top: 24px
    }

    .case-study-banner span.sub-title,
    .case-study-wrapper .rayartwala-wrapper .case-study-heading {
        margin-bottom: 20px
    }

    .case-study-banner .title-i7,
    .case-study-ttile,
    .case-study-wrapper .left-box .case-study-title,
    .case-study-wrapper .right-box h2 {
        font-size: 23px
    }

    .case-study-banner h5 {
        margin-bottom: 0
    }

    .case-study-wrapper section.design-system-wrapper h3 {
        font-size: 20px
    }

    .case-study-wrapper section.about-project-wrapper img,
    section.case-study .box .content,
    section.case-study .box .image {
        width: 100%
    }

    .case-study-wrapper .right-box a {
        font-size: 18px
    }

    .case-study-wrapper .typography-box h4.alphabet-font {
        font-size: 55px;
        margin-top: 20px
    }

    .case-study-wrapper .typography-box h6.alphabet-text {
        margin-top: 20px
    }

    .case-study-wrapper .right-box {
        padding-top: 80px;
        padding-left: 20px;
        padding-right: 20px
    }

    .case-study-wrapper .color-box {
        height: 100px
    }

    section.app-design-wrapper .app-design-inner {
        height: 830px
    }

    section.app-design-wrapper .website-design-innner {
        height: 590px
    }

    .case-study-wrapper .left-box {
        padding: 20px
    }

    section.app-design-wrapper .mockups-inner {
        height: 955px
    }

    .Logo-design-page section.Our-Logo-Design-Portfolio {
        background: #4a4488;
        background-image: none !important
    }

    .Logo-Design-Agency .sticky-top {
        padding-right: 12px
    }

    .Logo-design-page section.Our-Logo-Design-Portfolio:before {
        display: none
    }

    section.mobile-app-development-wrapper:after {
        height: 300px
    }

    .screenshot_slider .owl-stage-outer {
        max-height: 460px
    }

    .bottom-list-btn>ul>li {
        padding: 8px;
        margin-bottom: 10px;
        font-size: 13px
    }

    .mobile-app-development-wrappers .banner-content-wrapper h2 {
        font-size: 26px
    }

    .bottom-list-btn>ul>li:not(:last-child) {
        margin-right: 8px
    }

    section.app-development-process .main-box-wrap .box {
        max-width: 50%;
        padding: 0 12px
    }

    section.app-development-process .main-box-wrap .box:nth-child(2n):after {
        background-image: none
    }

    section.app-development-process .main-box-wrap .box:last-child {
        margin: auto
    }

    section.app-development-process .main-box-wrap .box:not(:last-child):after {
        top: 28px;
        right: -85px;
        height: 25px
    }

    section.case-study .container-fluid {
        padding-left: 12px
    }

    section.case-study .box {
        height: auto
    }
}

@media(max-width:767px) {
    .hero-style .slide-title h2 {
        font-size: 24px;
        margin: 0 0 15px
    }

    .hero-style .slide-title .small-text {
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 8px;
        letter-spacing: 0
    }

    .portfolio-grid {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 20px
    }

    section.app-design-wrapper .app-design-inner,
    section.app-design-wrapper .mockups-inner {
        height: 440px
    }

    section.app-design-wrapper .website-design-innner {
        height: 270px
    }

    .case-study-wrapper .rayartwala-wrapper .typography-box h4.fontFamily {
        white-space: normal
    }

    .bottom-list-btn>ul>li,
    .case-study-wrapper .typography-box h4.fontFamily,
    .screenshot_slider .owl-item .item,
    section.why-chooseUs .content h5,
    section.why-chooseUs .number span {
        font-size: 16px
    }

    section.why-chooseUs .number span:after {
        width: 85px
    }

    .screenshot_slider .owl-stage-outer {
        max-height: 400px;
        margin-left: -12px
    }

    .banner-section .bottom-list-btn>ul {
        justify-content: flex-start
    }

    section.banner-wrapper {
        background-position: left !important
    }

    section.case-study .box .content {
        padding: 20px
    }

    section.case-study .box .image img {
        height: auto
    }

    section.app-development-process .main-box-wrap .box:not(:last-child):after {
        top: 28px;
        right: -48px;
        height: 12px
    }

    section.why-chooseUs .box,
    section.why-chooseUs .box:not(:last-child) {
        margin-bottom: 10px
    }

    section.app-development-process {
        padding-top: 80px
    }

    .mobile-app-development-wrapper .banner-section .bottom-list-btn,
    .mobile-app-development-wrapper .banner-section .container {
        padding-top: 0
    }

    .bottom-list-btn>ul>li {
        padding: 6px
    }
}

@media(max-width:567px) {
    .review-section .ot-counter h6 {
        font-size: 10px;
        margin-top: 0
    }

    .tabs>ul li a,
    .tabs>ul li a:visited {
        height: 40px
    }

    .banner_destacados_wrapper .owl-nav {
        display: none !important
    }

    .screenshot_slider .owl-stage-outer {
        margin-left: -12px
    }
}

@media(max-width:992px) {

    /* .home2-top-right,
    .pabout-right,
    .page-section,
    .right-v5,
    .sub-form6,
    .team-detail,
    .why-right {
        margin-left: 0
    } */

    .contact-left,
    .right-v5,
    .technology-left {
        margin-right: 0
    }

    .top-i7 {
        padding-top: 90px
    }

    .section-case-study .ot-button-outline {
        float: none;
        margin-top: 1rem
    }

    /* .heading-2 {
        font-size: 26px
    } */

    .resp-top {
        padding-top: 1rem
    }

    .sm-pb-60 {
        padding-bottom: 60px
    }

    .md-mt-30 {
        margin-top: 30px
    }

    .md-text-left {
        text-align: left !important
    }

    .left-about-v4,
    .right-v5,
    .team-detail {
        text-align: center
    }

    .md-mb-30 {
        margin-bottom: 30px
    }

    .right-v5 {
        margin-top: 50px
    }

    .checkout.wc-forward,
    .s-counter4.why,
    .top-i7-left {
        margin-top: 0
    }

    .projects-col3 .project-item {
        width: 50%
    }

    .pabout-left,
    .team-info-left .team-img {
        margin: 0;
        text-align: center
    }

    .team-detail {
        margin-bottom: 40px
    }

    .split-right-img {
        min-height: 500px
    }

    .wc-forward {
        display: inline-block
    }

    .app-benefits-left,
    .app-benefits-right {
        margin: 0
    }

    .process-step {
        max-width: 50%;
        width: 50%;
        padding: 5px;
        margin-bottom: 0
    }

    ol.process-container.d-lg-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .ot-icon-box {
        padding: 16px 11px
    }

    .single-services-box .icon {
        margin-bottom: 8px !important
    }

    .page-header .inner {
        display: block
    }

    .contact-wrap .heading {
        font-size: 26px;
        margin-bottom: 0
    }

    .contact-wrap .sub-heading {
        margin-top: 8px;
        font-size: 16px
    }

    .cta-h2 h2 {
        font-size: 34px
    }

    /* 
    .home2-top-right h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 33px;
        margin-bottom: 5px
    }

    .home2-top-right .sub-text {
        margin-bottom: 10px
    } */

    .carousel-caption {
        padding-top: 13px
    }

    .inside-banner h2 {
        font-size: 26px;
        line-height: 1.4
    }

    .individual-services .tech-box,
    .projectPreview .modal-body {
        height: auto
    }

    .bg-wrapper-left:after,
    .bg-wrapper-right:after,
    .custom-api-section::before,
    .custom-benifit::after,
    .custom-benifits-section::after,
    .custom-benifits-section::before,
    .heading-section,
    .saas-benifits::after,
    .seo-benifits::before,
    .sidebar-modal,
    .webdesign-delhi::after,
    .webdesign-delhi::before,
    .webdevelopment-delhi::before,
    a.tab-box.active .single-services-box::after {
        display: none
    }

    #newsletter_pop_up,
    .custom-benifits-section::after,
    .inner-wrapper .services:after,
    .seo-analysis .single-services-box .tab-link {
        width: 100%
    }

    .about-why-choose-section,
    .banner-section,
    .services-wrapper {
        position: relative
    }

    .side-navbar {
        border-right: none;
        min-height: auto;
        padding: 0
    }

    .side-navbar-container {
        display: block;
        height: 15px;
        background: #f3f6ff
    }

    .side-navbar-container input[type=checkbox] {
        position: absolute;
        display: block;
        height: 32px;
        width: 30px;
        top: 20px;
        left: 20px;
        z-index: 5;
        opacity: 0;
        cursor: pointer
    }

    .side-navbar-container .hamburger-lines {
        display: block;
        height: 14px;
        width: 22px;
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .side-navbar-container .hamburger-lines .line {
        display: block;
        height: 2px;
        width: 100%;
        border-radius: 10px;
        background: #333
    }

    .side-navbar-container .hamburger-lines .line1 {
        transform-origin: 21% 0%;
        transition: transform .3s ease-in-out
    }

    .side-navbar-container .hamburger-lines .line2 {
        transition: transform .2s ease-in-out
    }

    .side-navbar-container .hamburger-lines .line3 {
        transform-origin: 0% 0%;
        transition: transform .3s ease-in-out
    }

    .side-navbar .menu-items {
        padding-top: 50px;
        background: #fff;
        height: 100vh;
        width: 300px;
        max-width: 300px;
        transform: translate(-150%);
        margin-left: -40px;
        padding-left: 40px;
        transition: transform .5s ease-in-out;
        box-shadow: 5px 0 10px 0 #3030302e;
        overflow: scroll;
        position: fixed
    }

    .side-navbar-container input[type=checkbox]:checked~.menu-items {
        transform: translateX(0)
    }

    .side-navbar-container input[type=checkbox]:checked~.hamburger-lines .line1 {
        transform: rotate(45deg)
    }

    .side-navbar-container input[type=checkbox]:checked~.hamburger-lines .line2 {
        transform: scaleY(0)
    }

    .side-navbar-container input[type=checkbox]:checked~.hamburger-lines .line3 {
        transform: rotate(-45deg)
    }

    .section {
        padding: 25px 0
    }

    .side-navbar-wrapper {
        overflow-y: inherit
    }

    .contact-page .main-form {
        padding: 25px
    }

    .projectPreview .btn-close {
        right: 0
    }

    .portfolio-tab ul {
        display: flex;
        overflow-x: scroll;
        margin-top: 0
    }

    .portfolio-tab li {
        font-size: 12px;
        line-height: 0;
        text-wrap: nowrap
    }

    .banner-section {
        align-items: flex-start;
        height: auto !important
    }

    .services-wrapper .owl-carousel {
        height: 250px
    }

    .service-wrapper-container .ot-icon-box-wrapper {
        height: 300px
    }

    .service-wrapper-container::after {
        background: 0 0
    }

    /* 
    .application-page .ot-heading h2,
    .blog-post h2,
    .inner-wrapper .banner-section h2,
    .inner-wrapper h2,
    .news-update-banner h2,
    .ot-heading h1,
    .ot-heading h2,
    section.case-study .box .content h2.main-heading,
    section.case-study .ot-heading h2.main-heading {
        font-size: 20px
    } */

    /* .ot-heading .heading-1,
    .ot-heading h1 span,
    .ot-heading h2 span,
    .ot-heading h3 span,
    .ot-heading p span,
    .ot-heading>span {
        font-size: 12px;
        font-weight: 700
    } */

    .custom-benifit,
    .saas-benifits,
    .seo-benifits {
        margin-bottom: 0
    }

    .about-us-wrapper section,
    .custom-benifit,
    .mobile-app-development-wrapper .banner-content-wrapper {
        padding-bottom: 0
    }

    .bg-font h5 {
        font-size: 150px
    }

    body {
        line-height: 1.3 !important
    }

    .page-section {
        height: 100%;
        width: 100%;
        padding: 0;
    }

    .section-case-study .cta-h2 {
        padding: 12px 15px;
        margin-bottom: 30px;
        text-align: center
    }

    .cta-h2 .octf-btn {
        padding: 12px 13px;
        margin-top: 1rem
    }

    .blog-page .title-i7,
    .blog-post h1 {
        font-size: 24px
    }

    .blog-post h3 {
        font-size: 17px
    }

    .blog-post h3 strong {
        font-weight: 600
    }

    .top-i7-left {
        background: #003f59;
        color: #fff;
        padding: 1.2rem
    }

    .top-i7-left h2,
    .top-i7-left p {
        color: #fff
    }

    .space-40 {
        height: 0
    }

    .flex-middle {
        padding-top: 20px
    }

    .marketing-features h4 {
        margin-top: 1rem
    }

    .blog-page .top-i7-left {
        background-color: transparent;
        padding-bottom: 0
    }

    .blog-page .top-i7-left p {
        color: #000
    }

    .blog-page .top-i7 {
        padding-top: 0 !important
    }

    .post-box .post-cat a {
        padding: 9px 3px
    }

    .mobile-app-development-wrapper .services .item .icon-box-s2 {
        margin-bottom: 16px;
        padding: 0 15px;
        height: 220px
    }

    .mobile-app-development-wrapper .services p {
        padding-bottom: 10px
    }

    section.case-study .owl-theme .owl-nav button {
        width: 34.612px;
        height: 34.612px
    }

    .mobile-app-development-wrapper .services .icon-main {
        padding-bottom: 0;
        padding-top: 10px;
        width: auto
    }

    .mobile-app-development-wrapper .banner_wrapper {
        background-size: cover !important;
        background-position: right !important
    }
}

@media(max-width:991px) {
    .banner-section .bottom-list-btn>ul>li {
        padding: 5px;
        margin-bottom: 10px;
        font-size: 10px
    }

    .banner-section .bottom-list-btn>ul>li:not(:last-child) {
        margin-right: 8px
    }

    section.app-development-process .main-box-wrap .box {
        max-width: 50%;
        padding: 0 12px
    }

    section.app-development-process .main-box-wrap .box:nth-child(2n):after {
        background-image: none
    }

    section.app-development-process .main-box-wrap .box:last-child {
        margin: auto
    }

    section.app-development-process .main-box-wrap .box:not(:last-child):after {
        top: 28px;
        right: -85px;
        height: 25px
    }

    section.Features .big-img {
        text-align: center;
        margin: 50px 0
    }

    section.Functionality .inner-tabber .nav-tabs,
    section.Functionality .inner-tabber .tab-content {
        width: 100%
    }

    section.Functionality .inner-tabber .nav-tabs .nav-item .nav-link,
    section.Functionality .inner-tabber .nav-tabs .nav-item .nav-link.active {
        padding: 10px
    }

    section.Functionality .inner-tabber .nav-tabs .nav-item .nav-link.active p {
        display: block;
        margin: 5px 0
    }

    section.Functionality .inner-tabber .nav-tabs .nav-item .nav-link:after {
        top: 15px;
        width: 8px;
        height: 8px
    }

    .food-delivery-application section.Features .content-left .row {
        flex-direction: row-reverse
    }

    .food-delivery-application section.Features .content h5,
    .food-delivery-application section.Features .content p,
    .food-delivery-application section.Features .content-left {
        text-align: left
    }

    .food-delivery-application section.Features .number strong {
        right: auto;
        left: 0
    }

    section.Benefits .nummber strong:after {
        height: 20px;
        left: 60px
    }

    section.Functionality #myTab {
        justify-content: space-between;
        overflow-x: scroll;
        flex-wrap: nowrap
    }

    section.Functionality .nav-tabs .nav-item:not(:last-child) {
        margin-right: 0
    }
}

@media(max-width:390px) {
    section.Benefits .nummber strong:after {
        height: 13px;
        left: 30px
    }
}

@media(max-width:767px) {
    section.Benefits .nummber strong:after {
        height: 16px;
        left: 25px
    }

    section.Functionality .nav-tabs .nav-link {
        font-size: 14px
    }

    section.Functionality .nav-tabs .nav-link.active {
        font-size: 16px;
        padding-right: 7px
    }

    .food-delivery-application .banner-section .container {
        padding-top: 0;
        padding-bottom: 0
    }

    .banner-section .bottom-list-btn>ul {
        justify-content: flex-start
    }

    section.app-development-process .main-box-wrap .box:not(:last-child):after {
        top: 28px;
        right: -48px;
        height: 12px
    }

    section.why-chooseUs .box,
    section.why-chooseUs .box:not(:last-child) {
        margin-bottom: 30px
    }

    section.app-development-process {
        padding-top: 80px
    }

    .faq-wrapper .ot-accordions .acc-item .acc-toggle {
        font-size: 14px;
        line-height: 1.2
    }

    .card-box:hover .product-detail {
        height: calc(100%)
    }

    .card-box .product-detail {
        padding: 25px 12px
    }

    .The-Web-Design-Journey .col-xl-2:not(:first-child) .work-process-box:after,
    .The-Web-Design-Journey .col-xl-3:not(:first-child) .work-process-box:after,
    .brand-design-page .work-process-list ul li:not(:first-child) .work-process-box:after {
        display: none
    }

    .The-Web-Design-Journey span.number {
        font-size: 100px
    }

    .brand-design-page .work-process-list li {
        width: 100%;
        margin: 0;
        padding: 0
    }

}

@media (max-width:1024px) {
    .web-design-page .list-wrap .item {
        white-space: nowrap;
        font-size: 14px
    }
}

@media(max-width:556px) {

    .application-page .ot-heading h2,
    /* .inner-wrapper .banner-section h2, */
    /* .inner-wrapper h2, */
    /* .ot-heading h1, */
    .ot-heading h2 {
        font-size: 18px
    }

    .process-heading {
        font-size: 16px
    }

    .service-wrapper-container .ot-icon-box-wrapper {
        height: 230px
    }

    section.menu-tabber {
        padding-top: 0
    }

    /* .inner-wrapper .industries-section h5,
    .ot-heading .heading-1,
    .ot-heading h1 span,
    .ot-heading h2 span,
    .ot-heading h3 span,
    .ot-heading p span,
    .ot-heading>span {
        font-size: 10px
    } */
}

@media (max-width:1199px) {
    .app-store-optimization-services .Content-Marketing-company-in-delhi .content-marketing {
        min-width: 508.843px;
        left: -132px
    }
}

@media(min-width:991px) {
    .sticky-top.online-reputation-management-wrapper {
        top: 84px
    }
}

@media(max-width:992px) {

    .bg-wrapper-left:after,
    .bg-wrapper-right:after,
    .ecommerce-services-wrapper .industry-content-bg-img:before,
    .education-wrapper .industry-content-bg-img:before,
    .healthcare-wrapper .industry-content-bg-img:before,
    .industries-ecommerce-wrapper .education-middle-banner .container:after,
    .industries-ecommerce-wrapper .finance-middle-banner .container:after,
    .industries-ecommerce-wrapper .healthcare-middle-banner .container:after,
    .industries-ecommerce-wrapper .middle-banner .container:after,
    .industries-ecommerce-wrapper .on-demand-middle-banner .container:after,
    .industries-ecommerce-wrapper .real-estate-middle-banner .container:after,
    .industries-ecommerce-wrapper .transport-middle-banner .container:after,
    .industries-ecommerce-wrapper .travel-middle-banner .container:after,
    .jwellery-website-wrapper .industry-content-bg-img:before,
    .manufacturing-wrapper .industry-content-bg-img:before,
    .media-entertainment-wrapper .industry-content-bg-img:before,
    .on-demand-wrapper .industry-content-bg-img:before,
    .real-estate-wrapper .industry-content-bg-img:before,
    .transport-website-wrapper .industry-content-bg-img:before,
    .travel-hospitality-wrapper .industry-content-bg-img:before,
    section.saas-wrapper:after {
        display: none
    }

    .banner-section .bottom-list-btn>ul {
        justify-content: flex-start;
        gap: 6px;
        margin-top: .9rem
    }

    .inner-page-wrapper p {
        line-height: 1.2rem
    }

    .inner-page-wrapper .ot-heading .heading-1 {
        font-size: 14px;
        letter-spacing: 0;
        text-transform: capitalize;
        font-weight: 400
    }

    .our-services-sitemap li,
    .sitemap-sec li,
    .software-solution-box .sitemap-sec li,
    .tech-experts-section li {
        flex: 1 1 50%
    }

    .sitemap-wrapper h2 {
        font-size: 58px;
        margin-bottom: 0
    }

    .mobile-app-development .bg-color i,
    .sitemap-wrapper h4 {
        margin-bottom: 0
    }

    .bg-color i {
        margin-bottom: 6px
    }
}

.header-menu .menu-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0
}

@media (min-width:1920px) {
    .header-menu .menu-title {
        font-size: 20px;
        line-height: 24px
    }

    .header-menu .dropdown-menu-wrapper .menu-title {
        font-size: 18px
    }
}

.description {
    color: #373737;
    margin: 0 auto 3rem;
    max-width: 800px
}

.description a {
    font-weight: 600;
    text-decoration: none
}

.btn-n {
    transition-duration: .3s;
    -moz-user-select: none;
    -webkit-appearance: none;
    text-align: center;
    text-decoration: none;
    align-items: center;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    gap: 8px;
    line-height: 24px;
    outline: 0;
    padding: 12px 16px;
    transition-property: background-color, color;
    user-select: none;
    white-space: nowrap
}

[dir=rtl] .btn-n:before {
    margin-left: -18px;
    margin-right: 0
}

[dir=rtl] .btn-n:focus-visible .btn-n-text,
[dir=rtl] .btn-n:hover .btn-n-text {
    transform: translateX(-18px)
}

.btn-n:after,
.btn-n:before {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L9 1M9 1H1M9 1V9' stroke='%231E1D28'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    flex: 0 0 10px;
    height: 10px;
    transition: transform .3s;
    width: 10px
}

.btn-n:before {
    margin-right: -18px;
    transform: scale(0)
}

.btn-n-text {
    transition: transform .3s;
    color: #fff
}

.btn-n:focus-visible:before,
.btn-n:hover:before {
    transform: scale(1)
}

.btn-n:focus-visible:after,
.btn-n:hover:after {
    transform: scale(0)
}

.btn-n:focus-visible .btn-n-text,
.btn-n:hover .btn-n-text {
    transform: translateX(18px)
}

@media (min-width:2560px) {
    .header-menu .menu-title {
        font-size: 24px;
        line-height: 32px
    }

    [dir=rtl] .btn-n:before {
        margin-left: -24px;
        margin-right: 0
    }

    [dir=rtl] .btn-n:focus-visible .btn-n-text,
    [dir=rtl] .btn-n:hover .btn-n-text {
        transform: translateX(-24px)
    }

    .btn-n {
        font-size: 20px;
        line-height: 32px;
        padding-left: 32px;
        padding-right: 32px
    }

    .btn-n:after,
    .btn-n:before {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6569 13.6566L13.6569 2.34291M2.34314 2.34292L13.6569 2.34291M13.6569 2.34291L2.34314 13.6566' stroke='%231E1D28'/%3E%3C/svg%3E%0A");
        flex-basis: 16px;
        height: 16px;
        width: 16px
    }

    .btn-n:before {
        margin-right: -24px
    }

    .btn-n:focus-visible .btn-n-text,
    .btn-n:hover .btn-n-text {
        transform: translateX(24px)
    }
}

.btn-n:focus-visible {
    outline-offset: 1px;
    outline: #0045E6 solid 2px
}

.btn-n-blue {
    background: linear-gradient(90deg, #6b5fc4 0, #5b50a1 100%);
    color: #fff
}

.btn-n-blue:after,
.btn-n-blue:before {
    filter: brightness(0) invert(1)
}

.btn-n-blue:focus-visible,
.btn-n-blue:hover {
    background: linear-gradient(90deg, #6b5fc4 0, #5b50a1 100%)
}

.header-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.header-menu .nav-links {
    display: flex;
    outline: 0;
    position: relative;
    text-decoration: none
}

@media (min-width:961px) {
    .menu-title i {
        width: 10px
    }

    .header-info {
        display: flex;
        flex: 1;
        align-items: center
    }

    .technologies-section .dropdown-items li {
        margin-bottom: 1rem;
        color: #777;
        font-size: 15px
    }

    .header-btn-desktop {
        display: inline-flex;
        width: 204px;
        font-size: 14px !important;
        font-weight: 600 !important;
        padding: 8px 14px;
        border-radius: 5px
    }

    .header-menu {
        align-items: center;
        display: flex
    }

    .header-menu>li>.dropdown-menu-wrapper {
        display: none;
        left: 0;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 1;
        width: 1200px;
        margin: auto
    }

    .header-menu>li>.dropdown-menu-wrapper>.dropdown-menus {
        background-color: #fff;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }

    .header-menu>li.hover .dropdown-menu-wrapper,
    .header-menu>li:hover .dropdown-menu-wrapper {
        -webkit-animation: .5s fade-anim;
        animation: .5s fade-anim;
        display: grid
    }

    .header-menu>li.active .menu-title:before,
    .header-menu>li.hover .menu-title:before,
    .header-menu>li:hover .menu-title:before {
        opacity: 1;
        transform: translateY(0)
    }

    .header-menu .nav-links {
        padding: 12px
    }

    .header-menu .nav-link:focus-visible .menu-title:after {
        opacity: 1
    }

    .header-menu .nav-links .menu-title {
        font-size: 15px;
        font-weight: 400;
        line-height: 24px;
        position: relative;
        letter-spacing: .2px;
        display: flex;
        align-items: center;
        gap: 2px;
        cursor: pointer
    }

    .sticky-header.sticky .header-menu .nav-links .menu-title {
        color: #1e1d28
    }

    .header-menu .nav-links .menu-title:hover {
        color: #5b50a1
    }

    .header-menu .nav-links .menu-title:before {
        background-color: #5b50a1;
        bottom: -10px;
        content: '';
        height: 4px;
        left: 0;
        right: 0;
        opacity: 0;
        position: absolute;
        transition-duration: .3s;
        transition-property: opacity, transform;
        transform: translateY(8px);
        width: 39px;
        margin: auto
    }

    .header-menu .description {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        color: #54575e;
        display: -webkit-box;
        font-size: 14px;
        font-weight: 400;
        line-height: 17.49px;
        margin: 0;
        max-width: 400px;
        overflow: hidden;
        text-align: left
    }

    .header-menu .dropdown-menus a>.menu-title {
        padding-right: 0;
        position: relative;
        transition-duration: .3s;
        transition-property: color, padding-left, padding-right;
        color: #5b50a1
    }

    .header-menu .dropdown-menus a:focus-visible>.menu-title,
    .header-menu .dropdown-menus a:hover>.menu-title {
        color: #2a2548;
        font-size: 16px
    }

    .header-menu .dropdown-menus a:focus-visible>.menu-title:after,
    .header-menu .dropdown-menus a:hover>.menu-title:after {
        opacity: 1
    }

    .header-menu .services .block-group {
        padding: 8px;
        width: 25%;
        display: block
    }

    .header-menu .services .block-group:last-child {
        padding-bottom: 8px
    }

    .header-menu .services .block-group.active>.dropdown-items,
    .header-menu .services .block-group:hover>.dropdown-items {
        background: linear-gradient(270deg, rgba(91, 80, 161, 0) 0, rgba(91, 80, 161, .867554) 48.45%, #4a4488 100%);
        color: #fff;
        cursor: pointer
    }

    .header-menu .services .block-group.active>.dropdown-items .description,
    .header-menu .services .block-group:hover>.dropdown-items .description,
    .header-menu .services .block-group:hover>.dropdown-items a .menu-title {
        color: #fff
    }

    .header-menu .services .block-group.active>.dropdown-menu-wrapper,
    .header-menu .services .block-group:hover>.dropdown-menu-wrapper {
        -webkit-animation: .5s fade-anim;
        animation: .5s fade-anim;
        display: block
    }

    .header-menu .services .block-group.active>.dropdown-menu-wrapper .dropdown-items,
    .header-menu .services .block-group:hover>.dropdown-menu-wrapper .dropdown-items {
        -webkit-animation: .5s menu-anim;
        animation: .5s menu-anim
    }

    .header-menu .services .block-group>.dropdown-items {
        padding: 14px 8px
    }

    .header-menu .services .block-group>.dropdown-items a .menu-title {
        border-radius: 8px;
        color: #fffFFF80;
        display: block;
        transition: background-color .3s
    }

    .header-menu .services .block-group>.dropdown-items:focus-visible {
        outline-offset: 1px;
        outline: #0045E6 solid 2px
    }

    .header-menu .services .block-group>.dropdown-items>a .menu-title {
        margin-bottom: 8px
    }

    .header-menu .services .block-group>.dropdown-items>a .description {
        color: #c7c7d6;
        font-size: 13px;
        line-height: 19.49px
    }

    .header-menu .services .block-group .dropdown-menus {
        background-color: #fff;
        bottom: 0;
        display: grid;
        grid-template-rows: 1fr 1fr;
        left: 25%;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0
    }

    .header-menu .industries-section .block-group .dropdown-menus {
        left: auto
    }

    .services.industries-section ul.dropdown-menus {
        display: flex;
        flex-wrap: wrap
    }

    .header-menu .about-us .dropdown-menus>.menu-item,
    .header-menu .services .block-group .dropdown-menus>.menu-item {
        border: 1px solid #c7c7d6;
        margin: 0 -1px -1px 0;
        position: relative
    }

    .header-menu .about-us .dropdown-menus>.menu-item>.dropdown-items,
    .header-menu .services .block-group .dropdown-menus>.menu-item>.dropdown-items {
        padding: 16px
    }

    .dropdown-items .icon-wrap,
    .header-menu .services .block-group .dropdown-menus>.menu-item .icon-wrap {
        margin-bottom: 14px
    }

    .industries .dropdown-items .icon-wrap {
        margin-bottom: 0
    }

    .arrow-wrap {
        width: 71px;
        height: 39px;
        gap: 0;
        border-radius: 100px 0 0;
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #29aBE21A;
        transition: .6s ease-in-out
    }

    .arrow-wrap img {
        opacity: 0
    }

    .header-menu .dropdown-menus a:focus-visible>.arrow-wrap,
    .header-menu .dropdown-menus a:hover>.arrow-wrap {
        background: linear-gradient(0deg, rgba(91, 80, 161, .1), rgba(91, 80, 161, .1)), linear-gradient(180deg, #4a4488 0, #2a2548 100%)
    }

    .header-menu .dropdown-menus a:focus-visible>.arrow-wrap img,
    .header-menu .dropdown-menus a:hover>.arrow-wrap img {
        opacity: 1
    }

    .header-menu .services .block-group .dropdown-menus>.menu-item .menu-title {
        min-height: 14px;
        margin-bottom: 14px;
        font-size: 18px
    }

    .header-menu .services .block-group .dropdown-menus>.menu-item.submenu .dropdown-menus {
        display: block;
        position: static
    }

    .header-menu .about-us .dropdown-menus>.menu-item.submenu .dropdown-menus,
    .header-menu .services .block-group .dropdown-menus>.menu-item.submenu .dropdown-menu-wrapper {
        display: block
    }

    .header-menu .about-us .dropdown-menus>.menu-item.submenu .dropdown-menus .menu-item,
    .header-menu .services .block-group .dropdown-menus>.menu-item.submenu .dropdown-menus .menu-item {
        border: none
    }

    .header-menu .about-us .dropdown-menus>.menu-item.submenu .dropdown-menus .menu-item .dropdown-items,
    .header-menu .services .block-group .dropdown-menus>.menu-item.submenu .dropdown-menus .menu-item .dropdown-items {
        padding-bottom: 0;
        padding-top: 0
    }

    .header-menu .services .block-group .dropdown-menus>.menu-item.submenu .dropdown-menus .menu-item .menu-title {
        color: #9b9fad
    }

    .header-menu .services .block-group .dropdown-menus>.menu-item.submenu .dropdown-menus .menu-item .menu-title:hover {
        color: #0045e6
    }

    .header-menu .about-us .dropdown-menus>.menu-item.submenu>.dropdown-items,
    .header-menu .services .block-group .dropdown-menus>.menu-item.submenu>.dropdown-items {
        padding-bottom: 0
    }

    .header-menu .services .block-group .dropdown-menus>.menu-item.submenu .menu-title {
        margin-bottom: 8px;
        min-height: initial
    }

    .header-menu .services .design-solution .dropdown-menus {
        grid-template-columns: 1fr 1fr
    }

    .header-menu .services .application-solution.solution-menu .dropdown-menus {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .header-menu .services .application-solution.solution-menu:nth-of-type(2) .dropdown-menus {
        grid-template-columns: 1fr 1fr 1fr !important
    }

    .header-menu .services>.dropdown-menu-wrapper>.dropdown-menus {
        background: linear-gradient(180deg, #4a4488 0, #2a2548 100%);
        position: relative;
        height: 400px;
        overflow: hidden;
        border-radius: 0 0 8px 8px
    }

    .header-menu .industries>.dropdown-menu-wrapper {
        grid-template-columns: 2fr 1fr
    }

    .header-menu .industries>.dropdown-menu-wrapper .dropdown-menus {
        background: linear-gradient(180deg, #4a4488 0, #2a2548 100%);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        border-bottom-right-radius: 0;
        color: #fff
    }

    .header-menu .industries .dropdown-menu-wrapper .dropdown-menus {
        padding: 1rem 0 2rem
    }

    .header-menu .industries .dropdown-items {
        align-items: center;
        background-clip: padding-box;
        gap: 6px;
        padding: 18px 1px 18px 15px;
        row-gap: 19px;
        transition: background-color .3s;
        display: flex
    }

    .header-menu .industries .dropdown-items .icon-wrap img {
        filter: brightness(0) invert(1)
    }

    .header-menu .industries .dropdown-items:focus-visible,
    .header-menu .industries .dropdown-items:hover {
        background: linear-gradient(270deg, rgba(91, 80, 161, 0) 0, rgba(91, 80, 161, .867554) 48.45%, #4a4488 100%);
        color: #1e1d28
    }

    .header-menu .industries .dropdown-items:focus-visible .menu-title {
        color: #1e1d28 !important
    }

    .header-menu .about-us .dropdown-menus {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }

    .header-menu .about-us .dropdown-menus>.menu-item .menu-title {
        min-height: 40px;
        margin-bottom: 10px;
        font-size: 18px;
        color: #5b50a1
    }

    .header-menu .about-us .dropdown-menus>.menu-item .description {
        margin-bottom: 64px
    }

    .header-menu .about-us .dropdown-menus>.menu-item.submenu .menu-title {
        margin-bottom: 16px;
        min-height: initial
    }

    .header-menu .about-us .with-icon>.dropdown-items {
        display: flex;
        flex-direction: column-reverse;
        height: 100%;
        justify-content: space-between
    }
}

@media (min-width:1280px) {
    .header-menu .nav-links {
        padding-top: 28px;
        padding-bottom: 24px
    }

    .header-menu .nav-links .menu-title:before {
        bottom: -12px
    }

    .header-menu .nav-links .menu-title {
        font-size: 14px
    }

    .header-menu .services .block-group .dropdown-menus>.menu-item>.dropdown-items {
        padding: 20px
    }

    .header-menu .about-us .dropdown-menus>.menu-item>.dropdown-items {
        padding: 24px
    }
}

@media (min-width:1440px) {

    .header-menu .menu-title,
    .header-menu .nav-links .menu-title {
        font-size: 16px
    }

    .header-menu .nav-links .menu-title:before {
        bottom: -16px
    }

    .header-menu .services>.dropdown-menu-wrapper>.dropdown-menus {
        height: 400px
    }

    .header-menu .services>.dropdown-menu-wrapper>.dropdown-menu {
        height: 440px
    }

    .header-menu .about-us .dropdown-menus>.menu-item .menu-title {
        margin-bottom: 8px
    }
}

@media (min-width:961px) and (min-width:2560px) {
    .header-menu .dropdown-menu-opener {
        flex-basis: 26px;
        height: 37px;
        width: 26px
    }
}

.header-menu .icon {
    transition: filter .3s;
    width: auto
}

.header-menu .image {
    display: block;
    width: 100%;
    border-radius: 3px
}

.header-menu .dropdown-menus {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.header-menu .dropdown-items {
    display: block;
    outline: 0;
    text-decoration: none
}

@media (min-width:2560px) {
    .header-menu .nav-links {
        padding: 36px
    }

    .header-menu .nav-links .menu-title {
        font-size: 20px;
        line-height: 32px
    }

    .header-menu .nav-links .menu-title:before {
        bottom: -18px
    }

    .header-menu .services .block-group>.dropdown-items {
        min-height: 113px
    }
}

.content-wrapper {
    position: absolute;
    width: 34%;
    overflow: hidden;
    right: 0;
    padding: .5rem 2rem;
    top: 0;
    background-color: #fff;
    height: 100%;
    border-bottom-right-radius: 8px
}

.content-abc h4 {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600
}

.content-abc p {
    font-size: 20px;
    color: #424141;
    margin-top: 4px;
    font-weight: 800;
    margin-bottom: 2px
}

.right-box {
    display: none;
    overflow: hidden;
    transform: translateY(100%);
    opacity: 0;
    transition: transform .5s, opacity .5s
}

.dropdown-items ul {
    list-style: none;
    padding-left: 0;
    position: relative;
    z-index: 99
}

.technologies-section li.menu-item:hover .arrow-wrap {
    width: 100%;
    height: 100%;
    border-radius: 0
}

.application-solution .dropdown-menu-wrapper.show,
.industries .content-wrapper.show,
.industries .dropdown-items:hover .content-wrapper {
    display: block !important;
    z-index: 99
}

.menu-title .dropdown-menus {
    grid-template-columns: 1fr 1fr 1fr
}

.menu-title:nth-of-type(2) .dropdown-menus {
    grid-template-columns: 1fr 1fr 1fr 1fr !important
}

.menu-title:nth-of-type(3) .dropdown-menus {
    grid-template-columns: 1fr 1fr !important
}

.menu-title.service-class:nth-of-type(2) .dropdown-menus li:nth-of-type(4) {
    grid-row: span 2
}

.contact-form-inner-wrap p {
    font-weight: 600;
    padding-bottom: .5rem
}

.mobile-mask.show {
    display: block;
    z-index: 999999;
    background: #000;
    opacity: .8;
    position: fixed;
    height: 100%;
    width: 100%;
    cursor: pointer
}

.btn-border {
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-top: .8rem
}

.food-main-heading-banner h6.big-font,
.grocery-main-heading-banner h6.big-font,
.industry-main-heading-banner h6.big-font {
    color: rgba(255, 255, 255, .2);
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: .7px !important;
    text-transform: uppercase;
    font-size: 70px
}

.core-services-section .main-heading span,
.different-industries-wrapper.main-heading span,
.food-delivery-application-wrapper .banner_wrapper .main-heading,
.food-delivery-application-wrapper .main-heading span,
.food-industries-wrapper.main-heading span,
.industry-banner-wrapper .banner_wrapper .main-heading,
.industry-banner-wrapper .main-heading span,
.industry-core-services-section .main-heading span {
    color: #000;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize
}

.different-industries-wrapper.main-heading span,
.food-delivery-application-wrapper .main-heading span,
.food-industries-wrapper.main-heading span,
.food-main-heading-banner .main-heading span,
.industry-main-heading-banner .main-heading span,
.industry-main-heading-banner .main-heading span .industry-banner-wrapper .main-heading span {
    color: #5b50a1;
    font-weight: 800;
    text-transform: capitalize;
    position: relative;
    z-index: 1
}

.food-delivery-application-wrapper .banner-section .container,
.industry-banner-wrapper .banner-section .container {
    z-index: 1;
    display: flex;
    align-items: center
}

.food-mt-3rem,
.industry-banner-wrapper .mt-3rem {
    margin-top: -3.5rem
}

.food-delivery-application-wrapper .banner_wrapper,
.industry-banner-wrapper .banner_wrapper {
    height: 500px;
    display: flex;
    align-items: center
}

.core-service-box,
.industry-core-service-box {
    text-align: center;
    margin-top: 3rem
}

.core-service-box h4 {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: .6px;
    text-transform: capitalize;
    margin-bottom: 2px
}

.core-service-box button,
.industry-core-service-box button {
    border-radius: 10px;
    border: 1px solid #f79e03;
    background: rgba(247, 158, 3, .08);
    width: 174px;
    height: 50px;
    flex-shrink: 0;
    font-weight: 600
}

.core-service-box button:hover,
.industry-core-service-box button:hover {
    background: #f79e03
}

.core-service-box button a,
.industry-core-service-box button a {
    color: #f79e03
}

.hover-box-wrapper .solution-box:hover,
.industry-hover-box-wrapper .industry-solution-box:hover {
    background-color: #fff !important
}

.bg-hover,
.industry-bg-hover {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 100px 0 8px;
    background: #eefaff;
    width: 65px;
    height: 54px;
    transition: .3s ease-in-out
}

.hover-box-wrapper .solution-box:hover .bg-hover,
.industry-hover-box-wrapper .industry-solution-box:hover .industry-bg-hover {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: #fffaf1;
    z-index: -1
}

.industry-solution-box,
.solution-box {
    position: relative;
    width: 100%;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    transition: none;
    z-index: 1
}

.industry-solution-box.sticky,
.solution-box.sticky {
    position: sticky
}

.industry-solution-box:nth-child(2),
.solution-box:nth-child(2) {
    top: 50px;
    position: sticky
}

.industry-solution-box:nth-child(3),
.solution-box:nth-child(3) {
    top: 100px;
    position: sticky
}

.industry-solution-box:nth-child(4),
.solution-box:nth-child(4) {
    top: 150px;
    position: sticky
}

.industry-solution-box:nth-child(5),
.solution-box:nth-child(5) {
    top: 200px;
    position: sticky
}

.food-appdevelopment-box,
.industry-appdevelopment-box {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .5);
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    padding: 10px
}

.different-industries-box,
.food-industries-box,
.process-box {
    margin-bottom: 1.5rem
}

.admin-app-services-wrapper .food-appdevelopment-box,
.admin-app-services-wrapper .industry-appdevelopment-box,
.restaurant-app-services-wrapper .food-appdevelopment-box,
.restaurant-app-services-wrapper .industry-appdevelopment-box {
    border-radius: 10px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    background: #fff;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1)
}

.admin-app-services-wrapper .food-appdevelopment-box h6,
.admin-app-services-wrapper .industry-appdevelopment-box h6,
.food-appdevelopment-box h6,
.industry-appdevelopment-box h6,
.restaurant-app-services-wrapper .food-appdevelopment-box h6,
.restaurant-app-services-wrapper .industry-appdevelopment-box h6 {
    margin-bottom: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: .54px;
    margin-top: 4px
}

.industry-reach-wider-audience-wrapper li,
.reach-wider-audience-wrapper li {
    color: rgba(255, 255, 255, .8);
    font-size: 18px;
    letter-spacing: .54px;
    margin: 1rem 0;
    position: relative;
    padding-left: 1.8rem
}

.industry-reach-wider-audience-wrapper li:before,
.reach-wider-audience-wrapper li:before {
    content: '';
    background: url(images/background/arrow-icon-img.png) no-repeat;
    position: absolute;
    left: 0;
    top: 2px;
    width: 100%;
    height: 100%
}

.different-industries-wrapper .different-industries-box-detail,
.food-industries-wrapper .food-industries-box-detail {
    position: absolute;
    height: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 25px;
    transition: .35s;
    border-radius: 0 0 10px 10px;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.different-industries-box-detail p,
.food-industries-box-detail p {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
}

.different-industries-box:hover .different-industries-box-detail,
.food-industries-box:hover .food-industries-box-detail {
    height: 100%;
    opacity: 1
}

.different-industries-wrapper .different-industries-img-title,
.food-industries-wrapper .food-industries-img-title {
    border-radius: 10px;
    background: rgba(247, 155, 31, .1);
    height: 86px;
    padding: 1.2rem;
    margin-top: 10px;
    color: #76c06b;
    font-size: 22px;
    letter-spacing: .66px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    font-family: "DM Serif Text", serif;
}

.different-industries-box:hover .different-industries-img-title,
.food-industries-box:hover .food-industries-img-title {
    background: #76c06b;
    color: #fff
}

.different-industries-wrapper .card-box .product-detail,
.food-industries-wrapper .card-box .product-detail {
    position: absolute;
    height: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 25px;
    transition: .35s;
    border-radius: 0 0 10px 10px;
    background: rgba(0, 0, 0, .7);
    opacity: 0
}

/* .food-owl-carousel .owl-next,
.food-owl-carousel .owl-prev, */
.industry-owl-carousel .owl-next,
.industry-owl-carousel .owl-prev {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: rgba(250, 174, 28, .2) !important;
    border: none !important
}

/* .food-owl-carousel .owl-next span,
.food-owl-carousel .owl-prev span, */
.industry-owl-carousel .owl-next span,
.industry-owl-carousel .owl-prev span {
    line-height: 26px;
    color: #76c06b
}

/* .food-owl-carousel .owl-nav, */
.industry-owl-carousel .owl-nav {
    position: absolute;
    bottom: -62px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

/* .food-owl-carousel .owl-prev, */
.industry-owl-carousel .owl-prev {
    margin-right: 15px;
    margin-left: 15px
}

@media(max-width:992px) {
    /* .food-delivery-application-wrapper .banner-section .container {
        background: 0 0 !important
    } */

    /* .admin-app-services-wrapper .food-appdevelopment-box h6,
    .food-appdevelopment-box h6,
    .restaurant-app-services-wrapper .food-appdevelopment-box h6 {
        font-size: 11px;
        font-weight: 500;
        line-height: 15px
    } */

    /* .food-industries-wrapper .food-industries-img-title {
        height: 60px;
        font-size: 15px
    } */

    .fs-40 {
        font-size: 20px !important
    }

    /* .food-delivery-application-wrapper .banner_wrapper {
        background-size: cover !important
    } */

    /* .food-main-heading-banner h6.big-font,
    .grocery-main-heading-banner h6.big-font {
        display: none
    } */

    .industry-mt-3rem {
        margin-top: 0
    }

    .grocery-owl-carousel {
        overflow: hidden !important
    }

    .food-main-heading-banner,
    .grocery-main-heading-banner {
        background-position: right !important
    }
}

.grocery-owl-carousel .owl-stage-outer:after {
    content: "";
    width: 30vw;
    position: absolute;
    right: 100%;
    background: #131313;
    z-index: 99;
    top: 0;
    bottom: 0
}

.mt-01 {
    margin-top: 1.6rem
}

.pb-70 {
    padding-bottom: 70px
}

.taxi-wrapper span::after {
    background: linear-gradient(90deg, #fed102 0, rgba(255, 255, 255, 0) 100%) !important
}

.custom-font,
/* .food-industries-wrapper h2.main-heading, */
.fs-45 {
    font-size: 45px !important
}

.core-services-section .main-heading span

/* .food-delivery-application-wrapper .banner_wrapper .main-heading,
.food-delivery-application-wrapper .main-heading span,
.food-industries-wrapper.main-heading span  */
    {
    font-size: 45px;
    font-weight: 600
}

/* .build_food-delivery-wrapper .main-heading span:after,
.core-services-section .main-heading span:after,
 .food-industries-wrapper .main-heading span:after,
.food-main-heading-banner .main-heading span:after,
.reach-wider-audience-wrapper .main-heading span:after {
    position: absolute;
    content: '';
    background-image: url(../assets/images/background/food_delivery-app_line.png);
    background-repeat: no-repeat;
    background-position: left center;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100%;
    top: 32px
}

.core-services-section .main-heading span:after
,.food-industries-wrapper .main-heading span:after
 {
    background-image: url(../assets/images/background/food_delivery-app_orange_line.png);
    top: 29px;
    background-size: contain
}

.reach-wider-audience-wrapper .main-heading span:after {
    background-image: url(../assets/images/background/reach-wider-audience-wide-line.png);
    top: 32px;
    background-size: contain
}

.build_food-delivery-wrapper .main-heading span:after {
    background-image: url(../assets/images/background/build_food-delivery-line.png);
    top: 32px;
    background-size: contain
} */


.food-app-services-wrapper,
.industry-app-services-wrapper {
    padding: 4rem 0
}

.grocery-delivery-application-wrapper .process-step {
    padding: 0 2rem
}

.custom-font,
.different-industries-wrapper h2.main-heading,
.fs-45,
.industry-banner-wrapper.fs-45 {
    font-size: 44px !important
}

.different-industries-wrapper.main-heading span,
.industry-banner-wrapper .banner_wrapper .main-heading,
.industry-banner-wrapper .main-heading span,
.industry-core-services-section .main-heading span,
.industry-main-heading-banner .main-heading span {
    font-size: 44px;
    font-weight: 800
}

.industry-bg-cover-img {
    background: url(images/background/industry-bg-cover-img.webp) bottom center/cover no-repeat;
    height: 100px
}

@media(max-width:768px) {

    .fs-40,
    .industry-main-heading-banner .main-heading span {
        font-size: 28px
    }
}

.grocery-delivery-application-wrapper .industry-owl-carousel .owl-next,
.grocery-delivery-application-wrapper .industry-owl-carousel .owl-prev {
    background: rgba(152, 192, 58, .2) !important;
}

.grocery-delivery-application-wrapper .industry-owl-carousel .owl-next span,
.grocery-delivery-application-wrapper .industry-owl-carousel .owl-prev span {
    color: #98c03a;
}

.fitness-delivery-application-wrapper .industry-owl-carousel .owl-next,
.fitness-delivery-application-wrapper .industry-owl-carousel .owl-prev {
    background: rgba(0, 0, 0, 0.20) !important;
}

.fitness-delivery-application-wrapper .industry-owl-carousel .owl-next span,
.fitness-delivery-application-wrapper .industry-owl-carousel .owl-prev span {
    color: #162469;
}

.dating-web-wrapper .industry-owl-carousel .owl-next,
.dating-web-wrapper .industry-owl-carousel .owl-prev {
    background: rgba(145, 88, 206, 0.20) !important;
}

.dating-web-wrapper .industry-owl-carousel .owl-next span,
.dating-web-wrapper .industry-owl-carousel .owl-prev span {
    color: #9158CE;
}

.taxi-wrapper .industry-owl-carousel .owl-next,
.taxi-wrapper .industry-owl-carousel .owl-prev {
    background: rgba(31, 50, 54, .2) !important
}

.taxi-wrapper .industry-owl-carousel .owl-next span,
.taxi-wrapper .industry-owl-carousel .owl-prev span {
    color: #1f3236
}

.matrimonial-web-wrapper .industry-owl-carousel .owl-next,
.matrimonial-web-wrapper .industry-owl-carousel .owl-prev {
    background: rgba(220, 89, 144, .2) !important
}

.matrimonial-web-wrapper .industry-owl-carousel .owl-next span,
.matrimonial-web-wrapper .industry-owl-carousel .owl-prev span {
    color: #dc5990
}

.fintech-web-wrapper .industry-owl-carousel .owl-next,
.fintech-web-wrapper .industry-owl-carousel .owl-prev {
    background: rgba(55, 77, 217, 0.20) !important
}

.fintech-web-wrapper .industry-owl-carousel .owl-next span,
.fintech-web-wrapper .industry-owl-carousel .owl-prev span {
    color: #374DD9;
}

@media(max-width:992px) {
    .industry-banner-wrapper .banner-section .container {
        background: 0 0 !important
    }

    .pl-60 {
        padding-left: 15px
    }

    .admin-app-services-wrapper .industry-appdevelopment-box h6,
    .industry-appdevelopment-box h6,
    .restaurant-app-services-wrapper .industry-appdevelopment-box h6 {
        font-size: 11px;
        font-weight: 500;
        line-height: 15px
    }

    .different-industries-wrapper .different-industries-img-title {
        height: 60px;
        font-size: 15px
    }

    .fs-40 {
        font-size: 20px !important
    }

    .industry-banner-wrapper .banner_wrapper {
        background-size: cover !important
    }

    .industry-main-heading-banner h6.big-font {
        display: none
    }

    .industry-banner-wrapper .mt-3rem {
        margin-top: 0
    }

    .industry-main-heading-banner {
        background-position: right !important
    }

    .industry-banner-wrapper .banner_wrapper .banner-content-wrapper h3 {
        font-size: 20px
    }

    .industry-solution-box h5 {
        font-size: 16px
    }

    .industry-banner-wrapper .why-choose-section-wrapper {
        padding: 2rem 0 0
    }

    .industry-reach-wider-audience-wrapper li {
        font-size: 14px
    }
}

.technology-integration-wrapper .tehnology-integration-box {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
    padding: 1rem 1.3rem;
    position: relative
}

.technology-integration-wrapper .tehnology-integration-box:before {
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 137px;
    bottom: 0;
    top: 0;
    margin: auto;
    background: #162469
}

.fintech-technology.technology-integration-wrapper .tehnology-integration-box:before {
    background: #374DD9;
}

.z-n1 {
    z-index: -1
}



@media(max-width:991px) {
    .cms-middle-banner .container {
        background: linear-gradient(270deg, #8a9efd 48.54%, #5d73da 94.8%) !important
    }

    .lms-middle-banner .container {
        background: linear-gradient(90deg, rgba(34, 43, 69, .9) 0, rgba(34, 43, 69, .9) 35.55%, rgba(34, 43, 69, 0) 100%) !important
    }

    .online-reputation-management-wrapper,
    .software-development-image-wrap {
        height: auto
    }

    .Logo-Design-Agency .main-icon-box {
        padding-left: 12px
    }

    .Website-Design .Website-Design-top .ot-heading p,
    .web-design-page .banner .content p {
        padding-right: 0
    }

    .AI-powered-solutions-for-business-growth .image img,
    .Website-Design-top:after,
    .Website-Design:before,
    .application-page .middle-banner .container:after,
    .application-solution-benifits:after,
    .products-page .aboutus .container:before,
    .step-by-step-approach-to-ai-excellence .bottom-columns,
    .step-by-step-approach-to-ai-excellence .bottom-columns:before,
    .step-by-step-approach-to-ai-excellence .column-middle,
    .step-by-step-approach-to-ai-excellence .dot,
    .step-by-step-approach-to-ai-excellence .top-columns,
    .web-design-page .banner:after,
    .web-design-page h3.heading-section,
    ol.process-container .process-step:not(:last-child) .process-circles::after {
        display: none
    }

    .web-design-page .banner {
        margin-top: 0;
        background-color: #a5d3ef;
        padding-bottom: 0
    }

    .web-design-page .list-wrap .item,
    .web-design-page .ot-heading h1.heading-1,
    .web-design-page .ot-heading h1.heading-1 span {
        font-size: 12px
    }

    .web-design-page .ot-heading h1.heading-1 span {
        font-size: 12px;
        display: inline-block
    }

    .web-design-page .ot-heading h3.main-heading {
        color: #000;
        font-size: 18px
    }

    .web-design-page .banner .content {
        padding: 40px 0
    }

    .web-design-page .list-wrap {
        margin: 40px 0 20px;
        overflow: hidden
    }

    .Website-Design-Services-in-India:after {
        right: 0;
        width: 100%;
        transform: none
    }

    .Why-Businesses-Choose-AI-banner-ML .ot-heading,
    .web-design-page .ot-heading {
        text-align: center
    }

    .Website-Design-top {
        background: linear-gradient(137deg, #8ecf88 4.76%, #5b50a1 69.62%);
        margin: 0
    }

    .Website-Design-top .d-flex.gap-3 {
        justify-content: center
    }

    .Website-Design .main-icon-box:after {
        top: 50%;
        display: none
    }

    .brand-design-page .Web-Design-Services .content-wrapper {
        margin: auto
    }

    .The-Web-Design-Journey {
        padding-top: 0
    }

    .application-page .What-We-Offer .sticky-top,
    .online-reputation .What-We-Offer .sticky-top {
        height: auto !important;
        position: static
    }

    .application-page .What-We-Offer .sticky-top img {
        width: 100%;
        margin-bottom: 25px
    }

    .application-page .middle-banner .container {
        padding: 20px
    }

    .menu-tabber .inner-tabber .nav-tabs .nav-link {
        white-space: nowrap;
        padding: 15px;
        font-size: 16px;
        border-top: none
    }

    .menu-tabber .inner-tabber .nav-tabs .nav-link.active {
        border-bottom: 3px solid #6b5fc4
    }

    .faq-wrapper .ot-accordions p span,
    .faq-wrapper .ot-accordions ul li span,
    .inner-wrapper .faq-wrapper p span,
    .menu-tabber .taber-content p,
    .menu-tabber .taber-content ul li,
    .service-wrapper .tech-box p,
    .solution-box p {
        font-size: 14px
    }

    .menu-tabber .inner-tabber .nav-tabs {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: scroll;
        height: 53px
    }

    .menu-tabber .inner-tabber::-webkit-scrollbar-thumb .menu-tabber .inner-tabber::-webkit-scrollbar {
        background: 0 0;
        height: 5px
    }

    .menu-tabber .taber-content p {
        margin-bottom: 10px
    }

    .ai-and-ml-development .search-ads .column:last-child,
    .digital-marketing .highlighted-features .nav-tabs,
    .digital-marketing .highlighted-features div#myTabContent,
    .digital-marketing .highlighted-features div#myTabContent img,
    .products-page .customer-banner .col-lg-3:first-child,
    .products-page .customer-banner .col-lg-3:last-child {
        width: 100%
    }

    .mobile-app-development .flexbox {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        flex-direction: column
    }

    .mobile-app-development .flex {
        padding: 10% !important
    }

    .mobile-app-development .banner-wrapper {
        background: #7dd2f7 !important
    }

    .online-reputation .success-section ul li {
        width: 33%
    }

    .online-reputation .success-section ul {
        justify-content: flex-start
    }

    .online-reputation .highlighted-features {
        background-image: none !important
    }

    .online-reputation .middle-banner .contact-btn a {
        width: 100%;
        font-size: 12px
    }

    .api-advantage-section .api-image img {
        position: relative
    }

    .offer-section-content {
        min-height: auto
    }

    .digital-marketing .middle-banner .container {
        padding: 22px
    }

    .digital-marketing .highlighted-features .col-md-12.d-flex {
        flex-direction: column
    }

    .sticky-top {
        top: auto !important;
        height: auto !important
    }

    .app-store-optimization-services .Content-Marketing-company-in-delhi .content-marketing {
        min-width: inherit;
        position: static;
        left: 0;
        max-width: 100%
    }

    .products-page .cms-banner {
        min-height: calc(100vh - 750px)
    }

    .products-page .aboutus .container {
        padding-bottom: 0
    }

    .app-store-banner.middle-banner .container {
        background-image: linear-gradient(344deg, #000 0, #5b50a1 100%) !important;
        padding: 20px
    }

    .Social-Media-Marketing .social_icons {
        padding: 10px
    }

    #back-to-top {
        right: 20px
    }

    .application-solution-technology .tech-box h5 {
        margin-top: 6px;
        font-size: 14px
    }


}

@media(max-width:767px) {

    .lead-generation-wrapper .lead-generation-middle .container,
    .middle-banner .container,
    .paid-marketing .middle-banner .container {
        padding: 20px
    }

    .industries-expert-box-inner {
        height: auto
    }

    .industries-expert-box h5 {
        font-size: 15px
    }

    .ot-heading p.banner-heading {
        font-size: 18px
    }

    .middle-banner {
        text-align: center
    }

    .seo-services-form-wrapper {
        text-align: left
    }

    .our-services-sitemap li,
    .sitemap-sec li,
    .tech-experts-section li {
        flex: 1 1 100%
    }

    .sitemap-sec li a {
        font-size: 12px
    }

    .sitemap-heading {
        font-size: 20px
    }

    .sitemap-sec li {
        margin-bottom: 8px
    }

    .vertical-bar:before {
        width: 25px
    }

    .overlay-div {
        background: #25252591
    }

    .hero-slider {
        height: 250px
    }

    .copyright-area {
        padding: 20px 0 10px
    }

    .step-by-step-approach-to-ai-excellence .column {
        width: 100%;
        margin-bottom: 3rem
    }

    .step-by-step-approach-to-ai-excellence .last-column {
        margin: 0 auto auto
    }

    .AI-powered-solutions-for-every-industry .col-lg-3:nth-child(7) {
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    .ai-and-ml-development .process-bottom .content-box h5 {
        font-size: 16px
    }
}

.color-orange {
    color: #e19400 !important
}

.object-fit-cover {
    object-fit: cover
}

.industry-main-heading-banner {
    display: flex;
    align-items: center;
    height: 650px;
    background-position: center !important;
    background-size: 100% !important
}

.industry-main-heading-banner h6.big-font {
    color: rgba(255, 255, 255, .2);
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: .7px !important;
    text-transform: uppercase
}

.industry-core-service-box button {
    border-radius: 10px;
    width: 174px;
    height: 50px;
    flex-shrink: 0;
    font-weight: 600
}

.industry-core-service-box .small-heading {
    color: #000;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    margin-bottom: 2px
}

.industry-app-services-wrapper {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.industry-app-services-wrapper .owl-carousel .owl-item img {
    margin: auto
}

.customer-app-services-wrapper .owl-theme .owl-nav [class*=owl-],
.delivery-app-services-wrapper .owl-theme .owl-nav [class*=owl-] {
    background: rgba(255, 255, 255, .2) !important
}

.different-industries-wrapper .different-industries-img-title {
    display: flex;
    align-items: center
}

.process-box {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .25);
    background: #fff;
    padding: 0 1rem 1rem
}

.process-box h2 {
    font-size: 24px;
    margin-top: -3.5rem
}

.process-count {
    font-size: 100px;
    font-weight: 800;
    letter-spacing: 3px;
    background: linear-gradient(270deg, rgba(0, 0, 0, .1) 0, rgba(101, 101, 101, .1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.process-box:hover {
    border: 1px solid #76c06b
}

.process-box:hover .process-count {
    color: #f79B1F1A
}

.process-box:hover h2 {
    color: #76c06b
}

/* ==========web development page========= */
.mt-2rem {
    margin-top: -2rem;
}

.bg-gradient-bg {
    background: linear-gradient(270deg, #0C72BA 0%, #000000 69.14%, #be2c39 100%)
}

.bg-gradient-bg-1 {
    background: linear-gradient(to right, #001f4d, #003366);
}


.custom-card-wrapper .l-font span {
    color: rgba(241, 107, 34, 0.05);
    font-size: 45px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 1.8px;
}

.custom-card-wrapper {
    border: 1px solid #76c06b;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background: #fff;
    transition: .4s ease-out;
    transform: scale(1);
}

.custom-card-wrapper:hover {
    border-radius: 20.2px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    background: rgb(52 137 200 / 10%);
    border: 0;
    transform: scale(1.03);
}

.l-font {
    height: 60px;
}

.custom-card {
    display: flex;
    justify-content: space-between;
}

.custom-text-content {
    max-width: 50%;
}

.custom-text-content h2 {
    color: #76c06b;
    font-size: 20px;
    margin: 0 0 10px;
    border-bottom: 2px solid #76c06b;
    display: inline-block;
    padding-bottom: 3px;
}

.custom-text-content h3 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #000;
    margin-top: 10px;
}

.custom-card .custom-features {
    list-style-type: disc;
    padding-left: 20px;
    color: #333;
}

.custom-card .custom-features li {
    margin-bottom: 10px;
    list-style: disc;
    color: rgba(0, 0, 0, 0.70);
    font-weight: 600;
}

.custom-card .image {
    max-width: 45%;
}

.custom-card .image img {
    width: 100%;
    border-radius: 8px;
}

#webdevelopmentAccordion .accordion-item {
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

#webdevelopmentAccordion {
    background: transparent !important;
    --bs-accordion-bg: #ffffff00;
    --bs-accordion-border-color: none;
    padding: 0;
}

#webdevelopmentAccordion .accordion-item:last-child {
    border-bottom: 0;
}

#webdevelopmentAccordion .accordion-item h2 {
    margin-bottom: 0;
}

#webdevelopmentAccordion .accordion-button.collapsed {
    padding: 0;
}

#webdevelopmentAccordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

#webdevelopmentAccordion .accordion-button:not(.collapsed) {
    background: transparent;
    padding: 0;
    display: flex;
    text-align: left;
}

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

#webdevelopmentAccordion .accordion-body {
    color: #fff;
}

.outline-box {
    border-radius: 10px;
    border: 1px solid #5b50a1;
    background: #FFF;
    text-align: center;
    padding: 1.5rem 1rem;
    transition: .4s ease-out;
    margin-bottom: 3rem;
    margin: 9px;
}

.outline-box:hover {
    border-radius: 10px;
    background: #EEFAFF;
    box-shadow: 0px 0px 20px 0px #BAD4E5;
    border: 1px solid #5b50a100;
}

p.para-p {
    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.outline-box h5 {
    color: #5b50a1;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: .7rem;
}

.web-service-card {
    display: flex;
    padding: 25px 20px 25px 76px;
    max-width: 700px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: #FFF;
    position: absolute;
}

.web-service-card img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    object-fit: cover;
    position: absolute;
    left: -50px;
}

.text-content {
    display: flex;
    flex-direction: column;
}

.service-text-content h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #111;
}

.service-text-content p {
    margin: 4px 0 0 0;
    color: #666;
    font-size: 0.93rem;
    line-height: 1.5;
    max-width: 600px;
}

@media(min-width:992px) {
    .compliance-ready-website-wrapper .col-lg-3 {
        width: 28%
    }

    .compliance-ready-website-wrapper .col-lg-4 {
        width: 44%;

    }
}

.cta-banner-bg {
    background-size: cover !important;
    background-position: center !important;
    height: 320px;
    border-radius: 10px;
    padding-left: 2rem;
    display: flex;
    align-items: center;
}

/* .cta-banner-bg h2 {
     color: #FFF;
     font-size: 34px;
     font-weight: 700;
     line-height: normal;
 } */

.heading-section-opacity {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.20);
    font-size: 80px;
    font-weight: 900;
    text-align: left;
    -webkit-text-fill-color: #ffffff00;
    line-height: 96px;
}


.divider-right {
    height: 76px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.industry-card-wrapper {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 24px 24px 24px 71px;
    position: relative;
    transition: .4s ease-out;
    margin-bottom: 1rem;
}

.industry-card-wrapper::before {
    position: absolute;
    content: '';
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    height: 100%;
    width: 88%;
    z-index: -1;
    border-radius: 10px;
    right: 0;
    transition: .4s ease-out;
}

.industry-card-wrapper:hover:before {
    background-color: #d6292e21 !important;
    width: 100%;
    border-color: transparent
}

.industry-card-wrapper img {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
    border-radius: 10px;
    object-fit: cover;
}

.industry-card-content {
    padding-left: 5rem;
}

.industry-card-content h3 {
    margin: 0 0 6px 0;
    font-size: 1rem;
    font-weight: bold;
    color: #000;
    transition: color 0.3s ease;
}

.industry-card-wrapper:hover .industry-card-content h3 {
    color: #499de2;
    /* Orange on hover */
}

.industry-card-content p {
    margin: 0;
    color: #666;
    font-size: 0.95rem;
    line-height: 1.5;
}

.web-client-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 20px 0;
}

.web-slide-track {
    display: flex;
    width: calc(250px * 7);
    /* number of logos × width */
    animation: scroll 30s linear infinite;
}

.web-slide {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) {
    .custom-card {
        flex-direction: column;
    }

    .custom-text-content,
    .custom-card .image {
        max-width: 100%;
        padding: 20px;
    }

    .custom-card .image {
        margin-top: 20px;
        padding-right: 0;
        padding-left: 0;
    }

    .custom-card-wrapper {
        margin-bottom: 1rem;
    }

    .custom-card-wrapper .l-font span {
        display: none;
    }
}

@media (min-width:992px) {
    #desktopDiv img {
        height: 500px
    }

    .industry-main-heading-banner h6.big-font {
        font-size: 70px
    }

    .industry-main-heading {
        font-size: 44px
    }

    .industry-main-heading-banner .main-heading span {
        font-size: 44px;
        font-weight: 800;
        text-transform: capitalize
    }

    .industry-app-services-wrapper {
        padding: 4rem 0;
        margin-top: 2rem
    }

    /* .industry-app-feature-wrapper .right-child ::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -50%;
        transform: translate(-50%, -50%);
        width: 1000px;
        height: 553px;
        background: linear-gradient(0deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 100%), linear-gradient(270deg, #ff9200 0, #8ecf88 100%);
        z-index: -1
    } */

    .industry-main-heading-banner .mt-3rem {
        margin-top: -3.5rem
    }

    section.industry-app-feature-wrapper {
        padding: 3rem 0
    }

    .industry-solution-box h5 {
        margin-top: 8px;
        font-size: 18px
    }

    .fs-28 {
        font-size: 28px;
        font-weight: 700
    }
}

@media(max-width:992px) {
    /* .industry-banner-wrapper .banner-wrapper h3 {
        font-size: 20px
    } */

    .big-font {
        display: none
    }

    .industry-banner-content-wrapper {
        height: 200px;
        display: flex;
        align-items: center
    }

    .industry-main-heading-banner {
        height: 500px
    }

    .industry-banner-wrapper .banner-wrapper {
        height: 400px
    }
}

@media(max-width:768px) {
    .industry-main-heading-banner {
        background-size: cover !important;
        /* height: 400px */
    }

    .industry-banner-wrapper .banner-wrapper {
        height: 200px
    }

    .admin-app-services-wrapper .industry-appdevelopment-box h6,
    .industry-appdevelopment-box h6,
    .restaurant-app-services-wrapper .industry-appdevelopment-box h6 {
        font-size: 14px;
        line-height: 17px
    }

    .industry-app-feature-wrapper h5 {
        font-size: 16px
    }

    .different-industries-wrapper .different-industries-img-title {
        height: auto;
        font-size: 16px
    }

    .industry-app-services-wrapper {
        padding: 3rem 0 3rem
    }

    /* 
    h3.industry-main-heading {
        font-size: calc(1.1rem + 0.6vw);
    } */
    .industry-card-wrapper img {
        position: relative;
        transform: translateY(0);
        margin-bottom: 1rem;
        margin-top: -3rem;
    }

    .industry-card-wrapper {
        display: block;
        margin-top: 4rem;
        padding: 16px;
        margin-bottom: 0;
    }

    .industry-card-wrapper::before {
        display: none;
    }

    .stats-section {
        padding: 0;
    }

    .stat h2 {
        font-size: 30px;
    }

    .stat p {
        text-align: center;
    }
}

/* 
.hero {
  background-image: url('./images/background/banner-low.webp');
  background-size: cover;
  background-position: center;
  transition: background-image 0.3s ease;
}

.hero[data-bg]::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 1;
} */

/* Pooja css */

.sidebar-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    z-index: 9999;
}

.sidebar-modal.active {
    visibility: visible;
    opacity: 1;
}

/* Aditya Css Start  */

.header-enq-menu {
    border: 1px solid #d63030;
    color: #d63030;
}

.header-enq-menu:hover {
    background-color: #d63030 !important;
    color: #fff;
}

.footer-top {
    background: #3d81c27d;
    padding: 30px;
}

.menuicon{
    height: 30px;
    margin-left: 5px;
}

@media (max-width: 768px) {
    .web-design-page .banner .content {
        padding: 10px 0 !important;
    }
    .row.align-items-center.mt-5 ul{
        padding-left: 0px;
    }
    ol.process-container.d-lg-flex{
        padding-left: 0px !important;
    }
    .process-step{
        max-width: 100%;
        width: 100%;
    }
    .The-Web-Design-Journey{
        padding: 0px;
    }
}

@media (max-width: 500px){
    .human-resource-management-process .taber-wrap ul li span{
        font-size: 12px;
    }
}

/* Aditya Css End */