#main-slide .slider-content,
.clients-logo,
.partner-logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.header-blog.header-standard ul.navbar-nav>li>a,
.header-blog.header-standard .header-transparent {
    color: #000 !important;
}

.header-blog.header-standard ul.navbar-nav>li>a:hover {
    color: #fc6a2a !important;
}

#main-slide .slider-content,
.banner-heading,
.banner-heading-ecom,
.clients-logo,
.partner-logo {
    -moz-box-orient: vertical;
    -moz-box-direction: normal
}

.body-inner .common-inner-banner .title span,
.featured-item.style-3 .featured-icon i,
.service-one__icon i,
.text-animation,
.text-effect-1,
.text-effect-2,
.text-gradient-red {
    -webkit-text-fill-color: #fff0
}

.breadcrumb a,
.btn-gradient,
.btn-gradient a:hover,
.header.nav-down.nav-boxed-transparent i,
.header.nav-down.nav-boxed-transparent p {
    color: #fff !important
}

.media>.pull-left,
.sidebar-left .widget,
.ts-intro .pull-right.btn-primary,
img.pull-left {
    margin-right: 20px
}

.bg-overlay:after,
.preload,
html {
    width: 100%;
    height: 100%
}

.dropcap,
.site-navigation.navdown ul.navbar-nav>li>a {
    line-height: 60px
}

.btn-gradient,
.btn-link:hover,
.dropdown-menu li a,
.footer .lets_talksection .sidebtns .btns:focus,
.footer .lets_talksection .sidebtns .btns:hover,
a:hover,
a:link,
a:visited,
a[href*="tel:"],
a[href^=tel] {
    text-decoration: none
}

.footer-social ul li a i,
.header.header-solid .top-info li .info-wrapper:after {
    background: rgb(255 255 255 / .1)
}

.icon_check_alt2,
.icon_close,
body {
    -webkit-font-smoothing: antialiased
}

.footer .iconslider figure:focus,
.mfp-wrap {
    outline: 0 !important
}

.css-typing p,
em {
    white-space: nowrap
}

@font-face {
    font-family: CerebriSans;
    src: url(../fonts/CerebriSans-Regular.ttf) format("truetype")
        /* src: url(../fonts/WixMadeforDisplay-Regular.ttf) format("truetype") */
        /* src: url(../fonts/RedHatDisplay-Regular.ttf) format("truetype") */
}

body {
    background: #fff;
    color: #1b1b1b;
    -moz-osx-font-smoothing: grayscale;
    font-family: CerebriSans !important;
    font-size: 15px;
    line-height: normal
}

p {
    font-family: CerebriSans;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400
}

.dropcap,
.feature-section .area-title span,
.link-more,
.link-more i,
.new-career-section .job-info .v-count,
.rise_form-close a,
.single-footer-widget .footer-contact-list li span,
h1,
h2,
h3,
h4,
h5,
h6,
ul.navbar-nav>li>a i {
    font-weight: 700
}

.header-standard .navbar-nav .active>.nav-link,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0b2359
}

#extra_field {
    display: none;
    position: absolute;
    left: -9999px
}

.btn-gradient {
    padding: 12px;
    -webkit-box-shadow: 0 5px 25px rgb(40 186 175 / .44);
    box-shadow: 0 5px 25px rgb(40 186 175 / .44);
    background-color: #ff005a;
    background-image: -webkit-linear-gradient(left, #fd5862 0, #ff005a 100%);
    background-image: -o-linear-gradient(left, #fd5862 0, #ff005a 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fd5862), to(#ff005a));
    border-radius: 48px;
    text-align: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 16px
}

h1 {
    font-size: 48px;
    line-height: 48px
}

h2 {
    font-size: 36px;
    line-height: 36px
}

h3 {
    font-size: 22px;
    margin-bottom: 20px
}

.page-sec .big-para,
h4 {
    font-size: 18px;
    line-height: 28px
}

h5 {
    font-size: 14px;
    line-height: 24px
}

html {
    overflow-x: hidden !important;
    position: relative;
    text-rendering: optimizeLegibility
}

body {
    border: 0;
    margin: 0;
    padding: 0
}

.body-inner,
.gallery-item,
.section.section-plans,
.seo-features-area {
    position: relative;
    overflow: hidden
}

.preload {
    position: fixed;
    background: url(../images/preload.html) center center no-repeat #fff;
    left: 0;
    top: 0;
    z-index: 99999
}

#featured-cases-slide,
.banner-area .container,
.bg-overlay,
.check-circle,
.chips-block .inner-box,
.chips-block .inner-box .image,
.dm-choose-row,
.drink-block .inner-box,
.drink-block .inner-box .image,
.dropdown-submenu,
.ecom-ban-btn-txt,
.elementor-section,
.features-text,
.flavour-block .inner-box,
.flavour-block .inner-box .image,
.food-soln-features,
.gallery-item-two .overlay-inner .link .icon,
.header-standard .container,
.header.nav-down.nav-box .site-nav-inner .container,
.home_module_who,
.link-more i,
.list-style-four,
.newsletter-form,
.overlay_form_ajax,
.p-relative,
.post-author,
.post-single,
.professional-section .content-column,
.professional-section .image-column,
.professional-section .image-column .inner-column,
.professional-section .image-column .inner-column .image,
.projects-detail-section .gallery-boxed,
.projects-detail-section .lower-content,
.projects-page-section .filters .filter-tabs,
.sec-title,
.section-title-wd h2[data-backfont],
.service-block .inner-box .icon-box .icon,
.service-block-three .inner-box .icon-box .icon,
.service-tab .nav-tabs .nav-item .nav-link.active,
.services-section-three .blocks-column,
.services-section-three .content-column,
.shape,
.site-analysis-section,
.site-nav-inner.navigation-inner .container,
.site-navigation .container,
.software_banner_btn,
.solution-30.bordered,
.success-po-img,
.sumry_tick,
.t-slider-img,
.talk-section,
.ts-service-content {
    position: relative
}

.comments-list .comment-reply:hover,
.entry-header .entry-title a:hover,
.featured-tab .nav-link.active .tab-head span,
.footer-social ul li a:hover,
.latest-post .post-title a:hover,
.new-career-section .job-bottom-box .icon-box i,
.post-meta a:hover,
.post-meta-left a:hover,
.post-navigation h3:hover,
.post-navigation span:hover,
.post-social-icons a:hover,
.sidebar .widget ul li a:hover,
.team-social-classic a:hover,
.top-bar.solid-bg .top-social a:hover,
.top-bar.solid-bg ul.top-menu li a:hover,
.ts-features-light .ts-feature-info i,
.video-icon i:hover,
.widget.recent-posts .entry-title a:hover,
a,
h5.mb-0 button p:hover,
p.panel-title a,
ul.top-menu li a:hover {
    color: #0f2765
}

.dropdown-menu li.active a,
.footer-menu ul li a:hover,
.footer-widget ul.list-dash li a:hover,
.header-standard ul.navbar-nav>li:hover>a,
.link-more.color,
.nav-item.dropdown-submenu:hover>a,
.navbar-nav>.nav-item:hover>.nav-link,
.ts-case-content a:hover,
a:hover {
    color: #fc6a2a
}

.link-more i {
    top: 2px;
    margin-left: 5px;
    font-size: 16px
}

.section-padding,
section {
    padding: 50px 0 0
}

.no-padding,
.padding-0,
.pre-footer {
    padding: 0 !important
}

.no-border {
    border: none !important
}

.ts-padding {
    padding: 70px 50px
}

.gap-100 {
    clear: both;
    height: 100px
}

.gap-80 {
    clear: both;
    height: 80px
}

.gap-60 {
    clear: both;
    height: 60px
}

.gap-40 {
    clear: both;
    height: 40px
}

.gap-30 {
    clear: both;
    height: 30px
}

.gap-20 {
    clear: both;
    height: 20px
}

.gap-15 {
    clear: both;
    height: 15px
}

.mrtb-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.comments-form .title-normal,
.feature-box-four .icon,
.image,
.list-with-icon li,
.mrb-20,
.service_details.style_2 .service_details_content img,
.talk-form h5,
.webinar-content p,
html body .mrg-bot-20,
img.partnership-img,
img.pull-left,
img.pull-right {
    margin-bottom: 20px
}

.home_module_2__client,
.mrt-60,
.mt_60,
.services_section.corporate_services_section .single_service_section {
    margin-top: 60px
}

.analytices_logo_content .er_btn,
.margin-top-40,
.mrt-40 {
    margin-top: 40px
}

.mrt-85 {
    margin-top: 85px
}

.comments-form .btn.btn-primary,
.contact-info-box,
.featured-tab,
.food-soln-features .sfutures-main,
.mrt-20,
.post-quote-content .entry-title,
.service-details .service-checklist li+li,
.service-details p+img,
.service-details p+p {
    margin-top: 20px
}

.case-details-inner .heading,
.erp_content_two .erp_title,
.hire-deve-sec .hire-deve-heading,
.mb-40,
.mrb-40,
.professional-section.style-two .image-column .inner-column {
    margin-bottom: 40px
}

.home_module_2__client-divider,
.mrb-60 {
    margin-bottom: 60px
}

.margin-reset,
.mr-0 {
    margin: 0 !important
}

.mrt-0 {
    margin-top: 0 !important;
    margin-bottom: 20px !important
}

.patb-100 {
    padding: 100px 0 !important
}

.pab-120 {
    padding-bottom: 120px !important
}

.generate-forms.padding-lg,
.pab {
    padding-bottom: 0
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

.sidebar-right .widget,
img.pull-right {
    margin-left: 20px
}

.unstyled,
li,
ol,
ul {
    list-style: none;
    font-size: 15px
}

.solid-bg {
    background: #f7f9fd;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dark-bg {
    background: #252525;
    color: #fff
}

.dark-bg h2,
.dark-bg h3,
.header.header-solid .top-info .info-icon,
.header.header-solid .top-info li .info-wrapper p,
.how-to-apply p,
.header-standard.header-boxed.highlight ul.navbar-nav>li>a,
.header-standard.header-transparent .navbar-nav .active>.nav-link,
.header-standard.header-transparent ul.navbar-nav>li>a,
.navbar-nav .active>.nav-link,
.navbar-nav .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .show>.nav-link,
.top-social a:hover,
.topbar-transparent ul li a,
.ts-facts-bg .ts-facts-num,
.ts-feature-info.icon-left .feature-content h3,
.ts-team-wrapper:hover .ts-team-content h3,
.ts-team-wrapper:hover .ts-team-content p,
header.header-standard.header-light .navbar-nav .active>.nav-link,
header.header-standard.header-light .navbar-nav .nav-link:focus {
    color: #fff
}

.solid-row {
    background: #f0f0f0
}

.media-left,
.media>.pull-left,
.padding-right {
    padding-right: 20px
}

.bg-overlay .container,
.boost-ranking .left-content,
.gallery-block-two .overlay-inner .link .icon,
.success-two .success-text,
.svg-container>img {
    position: relative;
    z-index: 1
}

.bg-pattern-1,
.bg-pattern-2,
.bg-pattern-3,
.featured-tab .nav-link,
.ts-service-pattern {
    position: relative;
    z-index: 2
}

.about-pattern:before,
.bg-pattern-1:before,
.bg-pattern-2:after,
.bg-pattern-3:after,
.ts-service-pattern:after {
    content: "";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%
}

.about-pattern:before,
.bg-pattern-1:before {
    top: 0;
    left: 0
}

.bg-pattern-2:before,
.ts-service-pattern:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%
}

.bg-pattern-2:after,
.carousel-one ol li:nth-child(4),
.ts-service-pattern:after {
    right: 0;
    bottom: 0
}

.bg-pattern-3:after {
    top: 0;
    left: 0;
    background-size: 100%;
    background-position: center
}

.dropcap {
    font-size: 48px;
    padding: 0 7px;
    float: left;
    margin: 5px 15px 5px 0;
    position: relative;
    text-transform: uppercase
}

.ceo-signature>img,
.cmp-job-review,
.footer-menu,
.header-right,
.top-info,
.widget-nav-tabs li span,
p.panel-title span {
    float: right
}

#main-slide .carousel-control i:hover,
.btn-border:hover,
.btn-dark:hover,
.btn-primary:hover,
.btn-white.btn-primary:hover,
.dropcap.primary,
.header.header-solid,
.input-group-btn,
.page-slider.owl-theme .owl-nav div:hover,
.top-bar.highlight,
.widget-ad .btn:hover {
    background: #0f2765;
    color: #fff
}

.dropcap.secondary {
    background: #3a5371;
    color: #fff
}

.ts-intro .border-left {
    border-left: 2px solid #dee2e6 !important
}

.box-primary {
    background-color: #2154cf
}

.box-dark {
    background-color: #222
}

.box-secondary {
    background-color: #0f2765
}

.brochure i,
.intro-details {
    padding-left: 20px
}

.intro-title {
    color: #000;
    text-transform: capitalize;
    line-height: 1.2
}

.intro-sub-title {
    font-weight: 900;
    font-size: 36px;
    line-height: 46px;
    margin: 15px 0 25px;
    color: #1c1c24
}

section .title-white {
    color: #fff !important;
    font-size: 35px
}

.section-title-vertical {
    position: relative;
    height: 0
}

.section-title-vertical .section-title {
    position: absolute;
    left: -190px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 203px;
    font-size: 40px;
    display: inline-block;
    margin-bottom: 70px;
    color: #1651e0;
    margin-top: 0
}

.section-title-vertical .section-title:after {
    top: 15px;
    left: -95px;
    z-index: 0;
    width: 155px;
    border-bottom: 2px solid #c7d4f3
}

@media screen and (max-width:1024px) {
    .section-title-vertical .section-title {
        display: none
    }
}

.column-title {
    line-height: normal;
    margin: 0 0 20px
}

.column-title span {
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 10px;
    display: block;
    font-weight: 400
}

.column-title.title-small {
    font-size: 40px
}

.embed-responsive {
    padding-bottom: 56.25%;
    position: relative;
    display: block;
    height: 0;
    overflow: hidden
}

.form-control,
ul.navbar-nav>li>a {
    padding: 5px 15px;
    font-weight: 400
}

.embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e1e1e1;
    height: 50px;
    background: 0 0;
    color: #000;
    font-size: 16px;
    border-radius: 6px
}

.career-input-sec {
    gap: 4px !important;
}

.career-input-sec .form-group {
    margin-bottom: 0px;
}

.form-control:focus,
input:focus,
textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #f1f1f1
}

.form-message {
    height: auto
}

.btn-primary.focus,
.btn-primary:focus,
.quote_form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.widget .form-control {
    z-index: 0;
    position: relative
}

hr {
    background-color: #e7e7e7;
    border: 0;
    height: 1px;
    margin: 40px 0
}

blockquote {
    position: relative;
    color: #fff;
    background: #0b2359;
    padding: 40px;
    border: 0;
    margin: 30px 0 40px
}

.post-quote-content:before,
blockquote:before {
    padding: 28px 0 22px;
    content: "\e937";
    font-family: iconfont;
    color: #fff;
    font-size: 44px
}

blockquote p {
    font-size: 18px;
    line-height: 28px;
    position: relative;
    z-index: 1;
    font-style: italic;
    font-weight: 600
}

cite {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    text-align: right
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn.focus,
.btn:focus,
.show>.btn-primary.dropdown-toggle:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-border,
.btn-dark,
.btn-white,
.btn.btn-primary {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 50px;
    line-height: 1.33;
    border-radius: 30px;
    border: 0;
    -webkit-transition: color .4s, background-color .4s, border-color .4s;
    transition: color .4s, background-color .4s, border-color .4s
}

.btn-border:hover,
.btn.btn-dark,
.btn.btn-primary,
.btn.btn-white {
    border: 2px solid #fff0
}

.btn-white.btn-primary,
.help .btn-primary {
    background: #fff;
    color: #0f2765
}

#header.header-standard.fixed.highlight,
.about-area .services-info .equal-height:first-child .item,
.about-area .services-info .equal-height:nth-child(4) .item,
.btn.btn-primary,
.header-standard.header-boxed.highlight .nav-search,
.header-standard.header-boxed.highlight .row,
.header-standard.header-boxed.highlight .search-block .search-close,
.header-standard.header-boxed.highlight .site-nav-inner,
.header.nav-down.nav-box .site-nav-inner.fixed,
.header.nav-down.nav-boxed-transparent .site-nav-inner.fixed,
.page-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover,
.site-nav-inner.site-navigation.fixed,
.site-navigation.navigation.navdown,
.ts-features-col .feature-box1:after,
.ts-features-col .feature-box2:after {
    background: #0f2765
}

.btn.btn-dark {
    background: #242427
}

#header.header-standard.fixed,
#header.header-standard.header-transparent.fixed.header-bg-white,
.btn.btn-white,
.header-bg-white,
.lead-management-software .homepage-3 .bg-overlay::after,
.navbar-toggle .i-bar {
    background: #fff
}

.btn.btn-white:hover {
    background-color: #242427;
    color: #fff
}

#header.fixed.header-trans-leftbox .header-wrapper:before,
#top-bar .top-info li.last .info-wrapper:after,
.btn-border,
.header-trans-leftbox.fixed .header-wrapper,
.header.header-solid .top-info li.last .info-wrapper:after,
.header.nav-down.nav-box .site-navigation,
.header.nav-down.nav-boxed-transparent .site-navigation.navdown,
.nav>li>a:focus,
.nav>li>a:hover,
.navbar-nav>li>.dropdown-menu a,
.plan.featured ul,
.top-info li.last .info-wrapper:after,
ul.navbar-nav>li:last-child:after,
ul.navbar-nav>li>a:focus,
ul.navbar-nav>li>a:hover {
    background: 0 0
}

.btn-border,
.slider.btn.btn-border {
    border: 2px solid #fff;
    color: #fff
}

.general-btn {
    clear: both;
    margin-top: 60px
}

.intro-content .btn-border {
    margin-right: 15px
}

.footer-social ul,
.list-arrow,
.list-dash,
.list-round,
.list-style-classic ul,
.ts-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.list-round li {
    line-height: 34px
}

.list-round li:before {
    font-family: FontAwesome;
    content: "\f111";
    margin-right: 10px;
    color: #0b2359;
    font-size: 8px;
    position: relative;
    top: -3px
}

#small-dialog.apply-popup,
.case-details-inner .ts-feature-info,
.features .col-md-4,
.list-arrow,
.lister-pointer,
.lister-pointer-images,
.navbar-brand,
.p0,
.pd0,
.testimonial-static .quote-item,
.ts-facts-area [class*=col],
.ts-features [class*=col] {
    padding: 0
}

ul.list-dash li:before {
    font-family: FontAwesome;
    content: "\f068";
    margin-right: 10px;
    color: #0f2765;
    font-size: 10px
}

.featured-tab .nav-tabs,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a,
.nav-tabs>li>a:hover,
.post-single .post-author:after,
.section-title.border-title-left:after {
    border: 0
}

.section-title.border-title-left:before,
.section-title:after {
    border-bottom: 2px solid #0f2765;
    content: "";
    z-index: 0;
    height: 1px
}

.pattern-bg {
    background: url(../images/crossword.html) #f5f5f5
}

a[href^=tel] {
    color: inherit
}

.owl-carousel.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.section-title {
    font-size: 44px;
    margin-top: 0;
    display: inline-block;
    margin-bottom: 90px;
    position: relative
}

.con-title span,
.section-title span {
    font-size: 18px;
    margin-bottom: 15px;
    color: #626c84;
    text-align: center;
    display: block;
    font-weight: 400 !important;
    line-height: normal
}

.section-title:after {
    position: absolute;
    bottom: -30px;
    width: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.content-title {
    font-size: 44px;
    margin-top: 0;
    border-left: 5px solid #0f2765;
    padding-left: 15px;
    margin-bottom: 40px;
    line-height: 32px
}

.content-title span {
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 10px;
    display: block;
    font-weight: 400 !important
}

.content-title-medium,
.ts-intro .column-title {
    font-size: 36px;
    line-height: 44px
}

.case-counter h3,
.list-column-title {
    font-size: 24px;
    color: #0b2359
}

.section-title.border-title-left {
    padding-left: 140px
}

.section-title.border-title-left:before {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 115px;
    left: 0
}

.section-title.border-title-left span {
    text-align: right;
    margin: 10px 0 0
}

.site-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.top-bar {
    padding: 12px 0 15px;
    position: relative;
    background: #2d3559;
    color: #fff;
    line-height: normal
}

.top-bar.solid-bg {
    color: #626c84;
    background: #fafafa
}

.top-bar.highlight ul.top-menu li,
.top-bar.solid-bg ul.top-menu li {
    border-right: 1px solid rgb(0 0 0 / .2)
}

.footer-menu ul li:last-child a,
.top-bar.highlight ul.top-menu li:last-child,
.top-bar.solid-bg ul.top-menu li:last-child,
ul.top-menu li:last-child {
    border-right: 0
}

.case-info-content,
.testimonial-static .quote-item .quote-subtext,
.top-bar.solid-bg .top-social a,
.top-bar.solid-bg ul.top-menu li a,
.widget.recent-posts .post-date a,
p.panel-title a.collapsed {
    color: #626c84
}

ul.top-menu li {
    display: inline-block;
    font-size: 14px;
    border-right: 1px solid #4c5372;
    margin-right: 10px;
    padding-right: 10px;
    line-height: 10px
}

.support_home_area .banner_top .subcribes .form-control.placeholder,
ul.top-menu li a {
    color: #999
}

.top-social {
    list-style: none;
    margin: 0
}

.top-social a {
    font-size: 14px;
    margin-left: 20px;
    color: #fff
}

.topbar-transparent {
    color: #fff;
    background: rgb(255 255 255 / 8%);
    backdrop-filter: blur(10px);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 12px 0;
    line-height: normal;
    -webkit-transition: 350ms;
    transition: 350ms
}

.topbar-transparent.border-down {
    border-bottom: 1px solid rgb(255 255 255 / .2);
    line-height: normal
}

.top-bar.highlight ul.top-menu li a {
    color: #fff;
    font-weight: 600
}

.topbar-transparent.with-bg {
    background: rgb(0 0 0 / .5);
    padding: 10px 0 12px;
    line-height: normal
}

#top-bar .top-info {
    margin: 0;
    float: left
}

#top-bar .top-info p {
    color: #fff;
    font-weight: 400;
    font-size: 15px
}

#top-bar .top-info i {
    color: #fff;
    font-weight: 400;
    font-size: 16px
}

#top-bar .top-info .info-icon {
    top: 0;
    margin-right: 5px
}

#top-bar .top-info .info-wrapper:after {
    height: 15px;
    top: 2px;
    background: rgb(255 255 255 / .2)
}

#header.fixed,
#header.header-standard.fixed.highlight,
.site-nav-inner.fixed,
.site-nav-inner.site-navigation.fixed,
.site-nav-inner.site-navigation.fixed.nav-transparent {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-box-shadow: 0 13px 35px -12px rgb(35 35 35 / .15);
    box-shadow: 0 13px 35px -12px rgb(35 35 35 / .15);
    -webkit-animation: .7s ease-in-out menusticky;
    animation: .7s ease-in-out menusticky
}

.header-trans-leftbox.fixed,
.site-nav-inner.site-navigation.nav-transparent.fixed {
    background: rgb(31 31 34 / .9)
}

#header.header-standard.header-transparent.fixed {
    background: rgb(0 0 0 / 68%);
    backdrop-filter: blur(10px)
}

@-webkit-keyframes menusticky {
    0% {
        margin-top: -120px;
        opacity: 0
    }

    50% {
        margin-top: -64px;
        opacity: 0
    }

    100% {
        margin-top: 0;
        opacity: 1
    }
}

@keyframes menusticky {
    0% {
        margin-top: -120px;
        opacity: 0
    }

    50% {
        margin-top: -64px;
        opacity: 0
    }

    100% {
        margin-top: 0;
        opacity: 1
    }
}

.header-trans-leftbox.navbar-fixed,
.single-price-box.featured .btn-primary:hover {
    background: #000
}

.header-trans-leftbox.navbar-fixed .header-wrapper {
    bottom: 0;
    background: #fff0
}

#cont .footer-top,
#cont .lets_talksection,
#cont1 .clients-area,
#cont1 .lets_talksection,
#top_head_hide .part_hide,
.arrow-narrow,
.carousel-jewellery .carousel-inner .item,
.carousel-one .caption,
.carousel-one ol.setting-dashboared,
.content-mobile,
.d-none,
.feature-section .col-lg-4:nth-child(3) .feature-content::after,
.feature-section .col-lg-4:nth-child(6) .feature-content::after,
.footer .lets_talksection ul.address li:last-child:after,
.gallery-item-two.mix,
.header-trans-leftbox.navbar-fixed .header-trans-leftbox .header-wrapper:before,
.help-box .quote-item .quote-text:after,
.mobile-only,
.potfolio-mobile .owl-nav,
.process-last:before,
.projects-detail-section .gallery-boxed .owl-dots,
.projects-page-section .filters li:last-child::after,
.tab_drawer_heading,
.testimonial-static .quote-item .quote-text:after,
.text-block blockquote:before,
.ts-testimonial-static .quote-item .quote-text:after,
.webinar-video-image img,
.webinar-video-image-1 img,
.working-process-area .col-lg-3:last-child .single-work-process::before,
ul.marketing-list li:last-child:after {
    display: none
}

.header-trans-leftbox .header-wrapper {
    background: 0 0;
    color: #fff;
    position: relative
}

.header-trans-leftbox .header-wrapper:before {
    content: "";
    position: absolute;
    background: 0 0;
    display: block;
    width: 300%;
    height: 100%;
    right: -300%;
    top: 0
}

.header.header-box-left {
    height: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    width: 100%
}

.header-box-left .header-wrapper {
    bottom: -15px
}

.header-wrapper {
    background: #0f2765;
    color: #fff;
    position: relative
}

.header-wrapper:before {
    content: "";
    position: absolute;
    background: #0f2765;
    display: block;
    width: 300%;
    height: 100%;
    right: -300%;
    top: 0
}

.header-standard {
    -webkit-box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);
    z-index: 2
}

.header-standard.header-transparent {
    top: 50px
}

@media screen and (min-width:767px) {
    .header-standard.header-transparent .logo {
        padding-left: 0
    }
}

.header-standard.header-transparent.navbar-fixed {
    background: #000;
    top: 0
}

.header-standard ul.navbar-nav>li>a {
    color: #fff;
    line-height: 80px
}

.header-standard .nav-search {
    top: 22px;
    right: 15px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #0f2765;
    border-radius: 100%
}

.header-standard .nav-search span {
    top: 3px;
    position: relative
}

.header-standard .search-block .search-close {
    color: #fff;
    top: -68px;
    right: 0;
    background: #0f2765;
    opacity: 1;
    width: 45px;
    height: 45px;
    line-height: 30px;
    border-radius: 100%
}

.header-standard.header-boxed {
    background: 0 0;
    position: absolute;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 50px;
    left: 0;
    right: 0
}

.header-standard.header-boxed .site-nav-inner {
    background: #fff;
    z-index: 1;
    margin: 0;
    padding: 0 20px
}

.header-standard.header-boxed .nav-search {
    right: 40px;
    background: #0f2765
}

.header-standard.header-boxed .search-block .search-close {
    right: 25px;
    background: #0f2765;
    top: -68px
}

.site-navigation.navdown {
    background: #0f2765;
    position: relative
}

.dropdown-menu-large>li>ul>li>a,
.guarantee-row .grnt-cols:first-child,
.help-box .quote-item,
.icons-ul,
.navbar-expand-lg .navbar-nav .dropdown-submenu .nav-link,
.padding-left-0,
.site-navigation.navdown .navbar-collapse,
.teaming-up .team-sec ul,
.ts-testimonial-static .quote-item {
    padding-left: 0
}

.site-navigation .nav-search {
    top: 0;
    z-index: 2;
    width: 70px;
    height: 70px;
    line-height: 70px;
    right: 15px;
    background: rgb(0 0 0 / .2)
}

.site-navigation .search-block .search-close {
    top: -70px;
    z-index: 2;
    width: 70px;
    height: 70px;
    line-height: 50px;
    right: 0;
    background: #0003
}

header.header-standard.header-light .navbar-nav .active>.nav-link:hover,
header.header-standard.header-light .navbar-nav .nav-link:focus:hover {
    color: #f2672a
}

.header-standard .navbar-nav .nav-link:focus,
.header-standard.header-boxed .navbar-nav .nav-link:focus {
    color: #fc6a2a;
    -webkit-transition: .3s;
    transition: .3s
}

.header-standard.header-boxed.highlight .navbar-nav .nav-link:focus {
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.header.nav-down.nav-box {
    height: 145px
}

.header.nav-down.nav-box .site-nav-inner .search-block .search-close,
.site-nav-inner.navigation-inner .search-block .search-close {
    top: -60px;
    right: 20px;
    line-height: 30px
}

.header.nav-down.nav-box .site-navigation.navdown.navbar {
    position: relative;
    background: #0f2765;
    bottom: 0;
    z-index: 9;
    margin: 0;
    padding: 0 15px
}

.header.nav-down.nav-box .nav-search {
    right: 15px;
    top: 0;
    z-index: 9;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: rgb(0 0 0 / .2)
}

.header.nav-down.nav-boxed-transparent {
    color: #fff;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
    z-index: 2;
    height: auto;
    -webkit-transition: 350ms;
    transition: 350ms
}

.header.nav-down.nav-boxed-transparent .site-navigation.navdown .row {
    position: relative;
    background: #0f2765;
    bottom: 0;
    z-index: 1;
    margin: 0
}

@media screen and (max-width:992px) {
    .top-info-wrraper {
        display: none
    }
}

.site-nav-inner.navigation-inner nav.navbar.site-navigation.navdown {
    background: #0f2765;
    padding: 0 15px
}

.site-nav-inner.navigation-inner .nav-search {
    top: 0;
    right: 15px;
    line-height: 70px;
    width: 70px;
    height: 70px;
    background: rgb(0 0 0 / .2)
}

.site-navigation.navdown.nav-transparent {
    background: 0 0;
    position: absolute;
    border-bottom: 1px solid rgb(255 255 255 / .3);
    left: 0;
    right: 0;
    z-index: 1
}

.header-trans-leftbox,
.header-transparent {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 350ms;
    transition: 350ms
}

.header {
    background: #fff;
    z-index: 2
}

.navbar-fixed {
    z-index: 99999;
    position: fixed;
    opacity: .98;
    width: 100%;
    top: 0;
    -webkit-animation: .8s fadeInDown;
    animation: .8s fadeInDown
}

.header-trans-leftbox .logo,
.section.section-call2action .call2action-box .box-right,
.setup_inner .setup_content,
.tab-content-info {
    padding-left: 30px
}

.logo {
    height: 90px;
    display: table
}

#main-slide .slider-content,
.logo-area,
.partner-logo,
.pricing-boxed,
.quote-item-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.logo a,
.table .table-cell {
    display: table-cell;
    vertical-align: middle
}

.logo-area,
.pricing-boxed {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ceo-desc,
.ceo-designation,
.contact-info-social-links li,
.d-inlineb,
.featured-item .featured-icon i,
.footer .iconslider figure .imgdiv img,
.gradient_color,
.green_btn,
.owl-theme .owl-dots .owl-dot,
.post-social-icons>li,
.star-set,
.testimonial-slide.owl-theme .owl-dots .owl-dot,
.top-info .info-icon,
.top-info .info-wrapper,
.top-info li,
ul.navbar-nav>li,
ul.navbar-nav>li>a {
    display: inline-block
}

#main-slide .slider-content,
.partner-logo {
    -webkit-flex-direction: column;
    -webkit-align-content: center
}

.header.nav-down .logo {
    height: 110px
}

.top-info {
    list-style: none;
    margin: 35px 0 0;
    padding: 0
}

.top-info li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.top-info .info-icon {
    font-size: 20px;
    color: #0f2765;
    top: -15px;
    position: relative;
    margin-right: 10px
}

.top-info .info-wrapper {
    margin-right: 30px;
    position: relative;
    padding-right: 10px
}

.top-info .info-wrapper:after {
    position: absolute;
    content: "";
    background: #ddd;
    right: -15px;
    width: 1px;
    height: 35px;
    top: 4px
}

.top-info li .info-wrapper p {
    font-size: 16px;
    margin-bottom: 0;
    line-height: normal;
    font-weight: 700;
    color: #0b2359
}

.top-info li .info-wrapper p.info-subtitle {
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
    color: #7a7a7a;
    margin-top: 5px
}

.navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    padding: 0
}

.navbar-toggle {
    float: right;
    margin-top: 20px;
    padding: 10px;
    border-radius: 3px;
    margin-right: 15px;
    background: #0f2765
}

.professional-section.style-two .content-column .inner-column,
.search-area,
ul.navbar-nav>li:last-child {
    padding-right: 0
}

.dropdown-submenu:hover .dropdown-menu,
.nav-item:hover>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.navbar-toggle .icon-bar {
    background: #fff;
    width: 20px
}

.software-development-sec .left-img img,
ul.navbar-nav {
    float: left
}

ul.navbar-nav>li {
    float: none;
    position: relative;
    padding-right: 0
}

ul.navbar-nav>li>a {
    color: #fff;
    line-height: 80px;
    font-size: 17px;
    margin: 0;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: 350ms;
    transition: 350ms
}

ul.navbar-nav>li.active>a:before,
ul.navbar-nav>li:hover>a:before {
    border-color: #0f2765;
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0)
}

ul.navbar-nav>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    border-bottom: 3px solid #fff0;
    -webkit-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    -webkit-transition: opacity .55s, -webkit-transform .45s;
    transition: transform .45s, opacity .55s
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: 0 0;
    border-color: #fff0
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -2px;
    border-radius: 0
}

.dropdown-submenu>a:after {
    display: block;
    content: "\f105";
    font-family: FontAwesome;
    float: right;
    margin-top: 0;
    margin-right: -5px
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0 6px 6px
}

.dropdown-menu {
    text-align: left;
    background: #1c1e22;
    z-index: 100;
    min-width: 220px;
    border-radius: 0;
    padding: 0;
    border: 0
}

.dropdown-menu.menu-center {
    left: -65px
}

@media screen and (min-width:991px) {
    .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        margin-top: 0
    }
}

.dropdown-menu-large {
    min-width: 400px
}

.dropdown-menu-large>li>ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.dropdown-menu li a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    padding: 13px 0;
    border-bottom: 1px solid #38393d;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.dropdown-menu li:last-child>a {
    border-bottom: 0 !important
}

.navbar-toggler-icon {
    color: #fff;
    width: 39px !important;
    height: 35px !important;
    border: 1px solid #2154cf;
    padding-top: 1px;
    background-color: #2154cf;
    font-size: 20px;
    line-height: 35px;
    margin: 12px 0;
    background-image: none !important
}

.navbar-toggler-icon:focus {
    outline: solid 0
}

@media (min-width:768px) {
    .career-detail-content {
        text-align: center;
    }

    ul.nav li.dropdown:hover ul.dropdown-menu {
        display: block
    }

    .tab-text-title {
        font-size: 16px !important;
        text-align: start
    }

    .featured-tab .nav-tabs>li>a {
        padding: 25px 12px !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .text-md-right {
        text-align: right !important
    }

    .integration-logo-wrap {
        grid-gap: 12px
    }
}

@media (max-width:768px) {

    .header-blog.header-standard ul.navbar-nav>li>a,
    .header-blog.header-standard .header-transparent {
        color: #fff !important;
    }

    .footer .lets_talksection .sidebtns {
        text-align: center;
    }

    .footer .lets_talksection .address {
        text-align: center;
    }

    .why-choose-dd .solution-block {
        max-width: 350px !important
    }
}

.search-area {
    position: relative;
    min-height: 70px
}

.nav-search {
    position: absolute;
    cursor: pointer;
    top: 32px;
    right: 0;
    color: #fff;
    width: 30px;
    text-align: center
}

.search-block {
    background: #1f1f1f;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / .1);
    box-shadow: 0 2px 5px rgb(0 0 0 / .1);
    display: none;
    padding: 15px 20px;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 350px;
    z-index: 10;
    margin-top: 0
}

.search-block .form-control {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgb(255 255 255 / .03);
    color: #fff;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    font-size: 15px;
    font-style: italic
}

.search-block .search-close {
    color: #fff;
    position: absolute;
    top: -62px;
    right: -14px;
    font-size: 32px;
    cursor: pointer;
    padding: 5px;
    width: 30px;
    height: 30px;
    line-height: 14px;
    text-align: center
}

.search-area .nav-search {
    top: 23px
}

.jewellery-product .store-list-cb li img,
.right-0,
.search-area .search-block {
    right: 0
}

.search-area .search-block .search-close {
    top: -50px
}

.header-get-a-quote .btn-primary {
    padding: 13px 25px;
    border-radius: 3px;
    line-height: normal;
    color: #fff;
    position: relative;
    top: -12px
}

.header-get-a-quote .btn-primary:hover {
    background: #272d33
}

ul.navbar-nav>li.header-get-a-quote:hover>a:after {
    position: relative;
    content: no-close-quote
}

#main-slide .carousel-item {
    min-height: 900px;
    color: #fff;
    background-position: 100% 100%;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#main-slide .carousel-item img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#main-slide .carousel-item .slider-content {
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#main-slide .carousel-item.active .slider-content {
    opacity: 1;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

#main-slide .slider-content {
    padding: 50px 0 0;
    width: 100%;
    color: #fff;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: 900px
}

.slide-title {
    font-size: 36px;
    line-height: 48px;
    font-weight: 100;
    color: #fff;
    margin: 0
}

.slide-sub-title {
    font-style: normal;
    font-size: 94px;
    line-height: 100px;
    margin: 10px 0 20px;
    color: #fff
}

.slider-text {
    display: table;
    vertical-align: bottom;
    color: #fff;
    padding-left: 40%;
    width: 100%;
    padding-bottom: 0;
    padding-top: 20px
}

.slider-img,
.slider-img img {
    display: block;
    max-height: 100%
}

.slider-text .slide-head {
    font-size: 36px;
    color: #0052a5;
    position: relative
}

.slider-img {
    position: absolute;
    top: -80px;
    left: 20%;
    width: 314px
}

.slider-img img {
    position: relative;
    width: auto
}

.slider.btn {
    margin: 15px 5px 0;
    border: 2px solid #fff0
}

.slider.btn.btn-border:hover {
    border: 2px solid #fff0;
    color: #fff
}

.slider-description {
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    margin: 20px 0
}

.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    margin: 1px !important;
    border-radius: 100% !important;
    border: 0 !important
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    background: #0f2765;
    -webkit-transition: .3s;
    transition: .3s
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right,
#main-slide .carousel-indicators {
    opacity: 0;
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: .25s;
    transition: .25s
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right,
#main-slide:hover .carousel-indicators,
.service.service-border-style:hover .link-arrow,
.techImages:hover>i,
.tooltip.show {
    opacity: 1
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#main-slide .carousel-control .fa-angle-left {
    left: 20px
}

#main-slide .carousel-control .fa-angle-right {
    right: 20px
}

#main-slide .carousel-control i {
    background: rgb(0 0 0 / .3);
    color: #fff;
    line-height: 58px;
    width: 60px;
    height: 60px;
    font-size: 36px;
    border-radius: 0;
    -webkit-transition: .5s;
    transition: .5s
}

#ecom-foot section#clients-area,
#main-slide .carousel-indicators,
.mfp-hide {
    display: none !important
}

.carousel-inner .carousel-item.active h2,
.carousel-inner .carousel-item.active h3,
.carousel-inner .carousel-item.active p {
    -webkit-animation: 1.5s ease-in-out .3s both fadeInLeft;
    animation: 1.5s ease-in-out .3s both fadeInLeft
}

.about-area .bottom-info li:last-child,
.about-area .services-info .item p,
.footer .lets_talksection ul.address,
.m0,
.owl-carousel.owl-theme.partners .owl-nav,
.owl-carousel.page-slider .owl-nav,
.quote-item-content .quote-name {
    margin: 0
}

.appBnr .container,
.banner_part .banner_iner,
.cta-content-box-one,
.dark_banner_section .banner_content_inner,
.development_firm,
.footer .iconslider figure,
.generate-forms,
.mCommerce,
.mCommerce .boxes,
.owl-carousel .owl-nav,
.setup_inner .setup_item .setup_img,
.single_service_section,
.success-two .success-head,
.testimonial-static .quote-classic .quote-text,
.ts-testimonial-static .quote-classic .quote-text,
.vrt-job-act,
.workflow-box,
.working-process-area .title span {
    text-align: center
}

.owl-carousel.owl-theme .owl-nav [class*=owl-] {
    background: #dc3545;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 34px;
    font-size: 20px;
    text-align: center;
    margin: 0;
    border-radius: 4px;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.owl-carousel.owl-theme .owl-nav [class*=owl-prev] {
    right: 40px
}

.owl-carousel.owl-theme .owl-nav>div:hover,
.owl-carousel.owl-theme.partners .owl-nav .owl-prev:hover {
    background: #bf1212
}

.owl-carousel.owl-theme.owl-dark .owl-nav .disabled {
    background: #90a9e7;
    color: #fff;
    opacity: 1
}

.owl-theme .owl-dots {
    text-align: center;
    margin-top: 40px;
    position: relative;
    z-index: 1
}

.owl-theme .owl-dots .owl-dot span {
    opacity: .2
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #0f2765;
    opacity: 1
}

.page-slider.owl-carousel.owl-theme .owl-nav [class*=owl-] {
    background: rgb(0 0 0 / .3);
    color: #fff;
    height: 100px;
    line-height: 100px;
    border-radius: 0;
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: -25px
}

.page-slider.owl-theme .owl-nav div {
    background: rgb(0 0 0 / .5);
    position: absolute;
    top: 50%;
    width: 36px;
    height: 72px;
    line-height: 72px;
    font-size: 26px;
    text-align: center;
    margin: 0;
    border-radius: 0;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-slider.owl-theme .owl-nav [class*=owl-prev] {
    right: auto;
    left: 0
}

.page-slider .item {
    position: relative;
    z-index: 2;
    min-height: 700px;
    background-position: 50% 50%;
    background-size: cover
}

.page-slider.page-slider-small .item {
    max-height: 500px;
    min-height: auto
}

.page-slider .owl-item .box-slider-content {
    opacity: 0;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s
}

.page-slider .owl-item.active .box-slider-content {
    opacity: 1;
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.page-slider .owl-item.active .box-slider-text {
    -webkit-animation: .8s ease-out 1s both slideInRight;
    animation: .8s ease-out 1s both slideInRight
}

.page-slider-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 20px;
    background: rgb(255 255 255 / .9)
}

.feature-text-box .column-title span,
.page-slider-caption h3,
.suite-services-list li .ins-suite-services-list .head {
    font-size: 20px
}

.lig-fo,
.page-slider-caption span,
label {
    font-weight: 400
}

.box-slider-content {
    top: 50%;
    padding: 0;
    position: absolute;
    width: 600px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.box-slider-text {
    background: #fff;
    display: inline-block;
    padding: 20px 30px;
    max-width: 650px
}

.box-slider-text .slider.btn {
    padding: 12px 40px
}

.box-slider-text .slider.btn.btn-border {
    border: 2px solid #0f2765;
    color: #0b2359
}

.box-slider-text .slider.btn.btn-border:hover {
    color: #fff;
    border-color: #fff0
}

.box-slide-title {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    color: #666
}

.box-slide-sub-title {
    font-size: 36px;
    margin: 8px 0 10px
}

.box-slide.owl-theme .owl-controls {
    margin: -20px
}

#main-slide.slider-pages .item {
    min-height: 340px;
    color: #fff;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.feature-box1,
.feature-box2,
.feature-box3 {
    position: relative;
    background-size: cover;
    background-position: center
}

#featured-cases-slide .owl-stage-outer,
.career-body,
.easy_setup_area,
.not-found,
.pricing-section-two,
.pricing_area_four,
.ts-features-col {
    padding-top: 0
}

.category-area,
.section.section-call2action,
.ts-features-col .feature-box1,
.ts-features-col .feature-box2,
.ts-features-col .feature-box3 {
    overflow: hidden
}

.ts-features-col .feature-box1:after,
.ts-features-col .feature-box2:after,
.ts-features-col .feature-box3:after {
    background: #222
}

.feature-box1:after,
.feature-box2:after,
.feature-box3:after {
    position: absolute;
    content: "";
    background: rgb(34 34 34 / .85);
    width: 100%;
    height: 100%;
    top: 0
}

.ts-feature .ts-feature-info {
    color: #fff;
    z-index: 1;
    position: relative;
    padding: 50px
}

.ts-feature-title {
    font-size: 28px;
    margin: 30px 0 20px;
    color: #fff
}

.ts-feature-info i {
    font-size: 60px
}

.feature-box1:after {
    background: rgb(33 84 207 / .85)
}

.feature-box2:after {
    background: rgb(15 39 101 / .85)
}

.ts-feature-info.icon-left .feature-icon {
    float: left;
    color: #0f2765
}

.ts-feature-info.icon-left .feature-icon i {
    font-size: 50px
}

.ts-feature-info.icon-left .feature-content {
    margin-left: 80px
}

.ts-feature-info.icon-left .feature-content p {
    color: #f9f9f9;
    margin-bottom: 0;
    line-height: 1.4em;
    font-size: 14px
}

.ts-feature-info.icon-left .ts-feature-title {
    font-size: 20px;
    margin: 0 0 5px
}

.no-padding .ts-service-pattern,
.ptb-100,
.section-bg-padding,
.ts-single-case-info,
.ts-testimonial-static {
    padding: 100px 0
}

.analytices_logo_content .analytices_title,
.comments-form,
.contact-info-box-content p,
.featured-desc p,
.list-style-classic li:last-child,
.plan.plan-last,
.price_info_two .price_head .p_head h4,
.price_info_two .price_head .p_head h5,
.pricing_area_four .sec_title h2,
.service-menu li:last-child a,
.service.service-border-style p,
.service_details_content p:last-child,
.single-footer-widget .footer-contact-list li p,
.ts-features-light .ts-feature-box .ts-feature-info p,
.ts-list li:last-child,
.ts-service-content p {
    margin-bottom: 0
}

.ts-service-content p .link-more {
    margin-top: 10px;
    display: block
}

.ts-service-icon i {
    font-size: 70px;
    position: absolute;
    right: 0;
    color: #f2f2f2;
    z-index: -1
}

.footer-social,
.service-title,
.single-tab-content p+p {
    margin-top: 25px
}

.sidebar .download-btn {
    border: 1px solid #eaeaea;
    padding: 20px 30px;
    font-size: 22px;
    margin: 0
}

.banner_part .banner_iner p,
.how-to-apply h3 {
    font-size: 24px;
    color: #fff
}

.list-style-classic,
.widget.box-primary {
    padding: 30px
}

.box-primary .btn {
    font-size: 16px;
    font-weight: 600
}

.service-menu,
.widget-nav-tabs {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-menu li a {
    display: block;
    background: #f7f9fd;
    padding: 15px 20px;
    margin-bottom: 8px;
    color: #626c84;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.service-menu li a:hover {
    background: #2154cf;
    color: #fff !important
}

.service-menu li a:before {
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 10px;
    font-weight: 400
}

.testimonial-static .quote-item .quote-text:before {
    left: 50%;
    margin-left: -30px
}

.testimonial-static .quote-item-footer {
    margin-top: 0;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featured-projects-content .btn-primary,
.ts-facts-num,
.ts-intro .btn-primary {
    margin-top: 15px
}

.ts-list li {
    display: block;
    margin-bottom: 20px;
    position: relative;
    padding-left: 25px
}

.content-desktop,
.content-marketing .head-block h2 span,
.lister-pointer ol li.present p,
.new-career-section .job-bottom-box .skill-container strong,
.not-found p small,
.post-author a,
.service-tab .nav-tabs .nav-item .nav-link:focus,
.service-tab .nav-tabs .nav-item .nav-link:hover,
.ts-list li a,
.why-choose-dd h4 span {
    display: block
}

.ts-list li:before {
    font-family: fontAwesome;
    content: "\f0c8";
    font-size: 8px;
    color: #0b2359;
    position: absolute;
    top: 0;
    left: 0
}

.text-block blockquote.light {
    background: #f7f9fd;
    border-left: 5px solid #0f2765;
    color: #626c84;
    padding: 35px
}

.text-block blockquote.light p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.skills-image {
    height: 100%;
    position: relative;
    overflow: hidden
}

@media screen and (min-width:1500px) {
    .ts-feature .ts-feature-info {
        padding: 90px 50px;
        height: 420px
    }

    .skills-image {
        min-height: 565px
    }
}

.skills-image img {
    height: 100%;
    width: 100%
}

.intro-video {
    height: 578px;
    position: relative;
    overflow: hidden
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .intro-video {
        min-height: 585px
    }
}

.intro-video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgb(0 0 0 / .35)
}

.intro-video:hover:after {
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (min-width:1200px) {
    .intro-video img {
        width: 100%
    }
}

@media screen and (max-width:1366px) {
    .intro-video img {
        height: 100%
    }
}

.ts-facts-area .ts-padding {
    padding: 70px 140px 40px 50px
}

.ts-facts-area .column-title {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 10px
}

.ts-facts i {
    font-size: 48px;
    color: #a4a7af
}

.ts-facts-num {
    font-size: 30px;
    font-weight: 700;
    color: #0b2359;
    margin-bottom: 0;
    display: inline-block
}

.facts h4 {
    font-size: 18px;
    margin-top: 8px;
    text-transform: uppercase
}

.ts-facts-area-bg {
    background-image: url(../images/about/cta-bg-new-img.png);
    padding: 60px 0;
    color: #fff;
    background-color: #121212;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%
}

.ts-facts-bg i {
    font-size: 48px;
    color: #fff
}

.pb-80,
.pricing,
.section.is-sm,
.ts-intro {
    padding-bottom: 80px
}

.intro-image-box {
    position: relative;
    margin: 20px
}

.intro-image-content {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    padding: 30px;
    z-index: 1;
    width: 345px;
    height: 460px;
    text-align: center;
    background: rgb(255 255 255 / .9);
    -webkit-box-shadow: 0 20px 25px 15px rgb(0 0 0 / .35);
    box-shadow: 0 20px 25px 15px rgb(0 0 0 / .35);
    -webkit-transition: .3s;
    transition: .3s
}

.intro-image-content h3 {
    font-size: 180px;
    line-height: 100%;
    margin: 50px 0 0
}

.intro-image-content p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700
}

.intro-shape:after {
    content: "";
    position: absolute;
    right: 0;
    z-index: -1;
    border-left: 400px solid #fff0;
    border-right: 0 solid #fff0;
    border-bottom: 400px solid #0f2765;
    bottom: -40px
}

.call-to-action-title {
    font-size: 30px;
    color: #0b2359;
    line-height: 48px
}

.call-to-action,
.ptb-70 {
    padding: 70px 0
}

.call-to-action p {
    font-size: 18px;
    font-weight: 500;
    color: #0b2359;
    line-height: 28px
}

.call-to-action .btn {
    font-weight: 800;
    margin-top: 10px
}

.call-to-action h3,
.maxer .custom-icon-with-content img,
.mb-10,
.vertical-job-footer p>strong {
    margin-bottom: 10px
}

.featured-tab .nav-tabs>li {
    width: 25%
}

.featured-tab .nav-tabs>li>a {
    font-weight: 600;
    background: 0 0;
    border-radius: 0;
    min-height: 100px;
    padding: 25px 5px;
    border: 0;
    margin-right: -1px;
    color: #0b2359;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s
}

.featured-tab .nav-tabs>li>a>span:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px
}

.featured-tab .nav-tabs>li>a.active {
    color: #0f2765;
    background: #fff;
    -webkit-box-shadow: 0 -5px 14px -5px rgb(0 0 0 / .05), -5px 0 14px -13px rgb(0 0 0 / .05);
    box-shadow: 0 -5px 14px -5px rgb(0 0 0 / .05), -5px 0 14px -13px rgb(0 0 0 / .05)
}

.tab-text-title {
    display: block;
    font-size: 18px
}

.featured-tab .tab-content {
    background: #fff;
    border: 0;
    border-top: 0;
    padding: 40px 30px;
    min-height: 430px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 20px 0 rgb(0 0 0 / .05);
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / .05)
}

.bg-contain-verticle {
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle !important;
    padding: 30px 25px;
    margin: -10px
}

.center-block,
.img-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.tab-content-info .btn-light {
    font-weight: 800;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #fff0;
    border-color: #fff0
}

.tab-content-info .btn-light i {
    padding-left: 5px
}

.tab-content-info .btn-light:hover {
    color: #0f2765;
    background-color: #fff0
}

.tab-content-title {
    font-size: 28px;
    line-height: 1.3;
    margin-top: 40px;
    margin-bottom: 30px;
    display: inline-block
}

@media screen and (max-width:479px) {

    .header-blog.header-standard ul.navbar-nav>li>a,
    .header-blog.header-standard .header-transparent {
        color: #fff !important;
    }

    .tab-content-title {
        line-height: 1.5
    }
}

.featured-tab .tab-pane img.pull-left {
    margin: 0 40px 10px 0
}

.featured-tab .tab-pane img.pull-right {
    margin: 0 0 0 40px
}

.featured-tab .nav-link.active:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    width: 100px;
    height: 3px;
    background: #0f2765;
    margin-left: -50px;
    -webkit-transition: .3s;
    transition: .3s
}

.tab-head span {
    -webkit-transition: .3s;
    transition: .3s;
    color: #222
}

.tab-head span i {
    font-size: 45px;
    -webkit-transition: .3s;
    transition: .3s;
    color: #0f2765
}

#graph {
    width: 100%;
    height: 350px;
    margin: 0 auto
}

.contact-banner .banner-heading,
.ts-featured-projects {
    padding-top: 70px
}

#featured-cases-slide .item {
    min-height: 470px
}

.featured-projects-content {
    min-height: 470px;
    padding: 0 45px;
    margin: 0 30px 20px;
    border-radius: 3px;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none
}

.featured-projects-text {
    max-width: 510px;
    padding: 50px 30px 0 0
}

.featured-projects-text.pull-right {
    padding: 50px 0 0 30px
}

.features-slider-img,
.partners-carousel .owl-theme .owl-nav,
.service_details.style_2 h2,
.ts-team-info p {
    margin-top: 0
}

.ts-case-box {
    margin-bottom: 40px;
    overflow: hidden
}

.ts-case-box:hover .ts-case-image-wrapper:before {
    opacity: .3;
    visibility: visible;
    bottom: 0
}

.case-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    color: #fff;
    margin-bottom: 5px
}

.case-title small {
    display: block;
    font-style: italic;
    font-size: 14px;
    line-height: 28px;
    position: relative;
    padding-left: 10px
}

.case-title small:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 13px;
    content: "";
    background: #0f2765;
    margin-top: -7px
}

.ts-case-content {
    position: absolute;
    bottom: 0;
    padding: 35px 35px 10px;
    width: 100%;
    z-index: 3
}

.ts-case-content p {
    line-height: 28px;
    color: #fff
}

.ts-case-content a {
    font-weight: 900;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.ts-case-image-wrapper {
    position: relative;
    z-index: 3
}

.cta-with-jewel img,
.dm-choose-box img,
.dm-sec img,
.elementor-widget-wrap>.elementor-element,
.img-responsive,
.integration-list li,
.list-style-classic li div,
.projects-page-section .filters li.active::before,
.projects-page-section .filters li:hover:before,
.promo-bottom-shape img,
.role-select select,
.service-block-four .inner-box:hover::before,
.single-industries-box:hover::before,
.taxi-nav li>a.active:before,
.team-img-wrapper img,
.ts-case-image-wrapper img,
.vertical-job-card,
.width100,
.workflow-icon img {
    width: 100%
}

.ts-case-image-wrapper:before {
    position: absolute;
    content: "";
    bottom: -100%;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s linear;
    transition: .3s linear
}

.ts-case-image-wrapper:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgb(0 0 0 / .15)), to(rgb(0 0 0 / .9)));
    background: linear-gradient(to bottom, rgb(0 0 0 / .15) 40%, rgb(0 0 0 / .9) 100%);
    z-index: 2
}

.ts-case-challange,
.ts-case-result {
    padding-bottom: 100px
}

.case-img-left,
.services-section-four.style-two {
    padding-top: 100px
}

.case-details-inner .ts-feature-info i {
    color: #2154cf
}

.case-details-inner .feature-content p,
.case-details-inner .ts-feature-title,
.cmp-job-rating ul li a,
.cmp-job-review ul li a,
.jewellery-product .res-h1,
.lead-management-software #top-bar .top-info .info-wrapper:after,
.lead-management-software #top-bar .top-info i,
.lead-management-software #top-bar .top-info p,
.lead-management-software .topbar-transparent ul li a,
.section.is-dark .section-desc,
.skill-tag,
.taxi-nav>li>a:hover,
.testimonial {
    color: #000
}

.content-title.border-none {
    border-left: 0;
    padding-left: 0;
    line-height: 44px;
    margin-bottom: 0;
    font-size: 36px
}

.box-solid {
    background: #f7f9fd
}

.list-style-classic li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-style-classic .classic-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 45px
}

.case-info-label {
    font-weight: 900;
    color: #0b2359
}

.case-counter,
.single_service .single_service_section_img {
    margin: 25px 0
}

.ts-team-content,
.ts-team-info {
    position: relative;
    left: 0;
    margin-top: 0
}

.case-counter p {
    color: #0f2765;
    font-size: 30px
}

.owl-carousel.featured-cases-slide.owl-theme .owl-nav>div {
    bottom: 0;
    right: 78px;
    width: 50px;
    height: 50px;
    line-height: 46px;
    font-size: 26px
}

.owl-carousel.featured-cases-slide.owl-theme .owl-nav>.owl-prev {
    right: 15%
}

.owl-carousel.featured-cases-slide.owl-theme .owl-nav>.disabled {
    background: #90a9e7
}

.ts-team-wrapper {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / .03);
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / .03);
    text-align: center;
    min-height: 380px
}

.ts-team-content {
    width: 100%;
    height: 95px;
    padding: 22px 3px;
    -webkit-transition: 350ms;
    transition: 350ms
}

.team-img-wrapper {
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
}

.team-img-wrapper:after {
    position: absolute;
    content: "";
    background: rgb(31 31 31 / .8);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.ts-team-content .team-name {
    font-size: 20px;
    margin: 0;
    line-height: normal
}

.ts-team-content .team-designation {
    font-size: 14px;
    font-style: italic;
    line-height: 1
}

.team-social-icons {
    display: none;
    -webkit-transition: .4s;
    transition: .4s
}

.ts-team-info.team-list-border {
    border: 1px solid #f0f0f0;
    border-top: 0;
    padding: 20px 30px
}

.ts-team-info.team-list-border .team-social-classic {
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
    margin-top: 20px
}

.ts-team-wrapper:hover .ts-team-content {
    position: absolute;
    top: 50%;
    margin-top: -95px;
    -webkit-transition: .4s;
    transition: .4s
}

.ts-team-wrapper:hover .team-img-wrapper:after {
    opacity: 1;
    right: 0
}

.ts-team-wrapper:hover .team-social-icons {
    display: block;
    height: 95px;
    padding: 30px 0
}

.team-social-icons a {
    color: #0b2359;
    margin-right: 12px;
    text-align: center
}

.team-social-classic a {
    display: inline-block;
    color: #000;
    padding-right: 20px
}

.ts-team-info {
    padding: 20px 0 0
}

.ts-team-info h3 {
    font-size: 20px;
    margin-bottom: 0
}

.latest-post .post-cat,
.latest-post .post-item-date,
.newsletter-form input,
.ts-team-info .team-designation {
    font-size: 14px;
    font-style: italic
}

.ts-team-bg {
    background-color: #f8f9fd
}

.quote-area {
    background-image: url(../images/web-development/feedback-bg.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    margin: 0
}

.quote_form {
    background: #1f1f1f;
    color: #fff;
    padding: 80px 50px 100px;
    margin-top: -80px;
    margin-bottom: -80px
}

.quote_form .column-title {
    font-size: 36px;
    margin-bottom: 40px
}

.quote_form .column-title span {
    font-size: 20px;
    margin: 0
}

.jewellery-common-heading,
.main-container .border-left,
.margin-bottom-30,
.mb-30,
.post-single .entry-content p,
.quote-form-text,
.quote_form .form-group,
.section-title-wd,
.service,
.single-footer-widget,
.support_partner_logo_area .logo_item,
.ts-progress-bar {
    margin-bottom: 30px
}

.quote-form-text {
    text-align: center;
    font-weight: 600
}

.quote_form input::input-placeholder,
.quote_form textarea::input-placeholder {
    color: rgb(255 255 255 / .3)
}

.newsletter-form input:-moz-placeholder,
.newsletter-form input::-moz-placeholder,
.newsletter-form input::input-placeholder {
    color: #0b2359
}

.quote_form input:-moz-placeholder,
.quote_form input::-moz-placeholder,
.quote_form textarea:-moz-placeholder,
.quote_form textarea::-moz-placeholder {
    color: #fff
}

.newsletter-form input::-moz-placeholder {
    color: #fff
}

.quote_form input:-ms-input-placeholder,
.quote_form textarea:-ms-input-placeholder {
    color: #fff
}

.newsletter-form input:-ms-input-placeholder {
    color: #fff
}

.quote_form .form-control {
    border: 0;
    border-bottom: 1px solid #6d6d6d;
    padding-left: 0;
    color: #fff
}

.quote_form .form-control:focus {
    border: 0;
    border-bottom: 1px solid #0f2765;
    background: 0 0
}

.quote_form .tag-line {
    text-align: center;
    color: #fff;
    clear: both;
    margin-top: 20px;
    margin-bottom: 0
}

.quote_form .tag-line p {
    color: #fff;
    margin: 0;
    font-size: 14px
}

.testimonial-slide .owl-nav {
    position: absolute;
    right: 40px;
    bottom: 95px
}

.register select option,
.testimonial-slide {
    padding: 10px 0
}

.quote-item .quote-text {
    margin: 40px 0 10px;
    display: inline-block;
    padding: 50px 40px 30px 45px;
    background-color: #fff;
    background: rgb(255 255 255 / .2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgb(0 0 0 / .1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    position: relative;
    font-size: 16px;
    font-style: italic
}

.quote-item .quote-text:before {
    content: "\f10d";
    top: -20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    font-style: normal
}

.quote-item .quote-text:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 55px;
    border-width: 0 0 20px 20px;
    border-style: solid;
    border-color: #fff0 #40517d;
    display: block;
    width: 0
}

.quote-item.quote-square .quote-text:before {
    content: "\e937";
    font-family: iconfont;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #2154cf;
    line-height: 50px;
    color: #fff;
    background: #2154cf;
    border-radius: 3px;
    left: 45px
}

.ts-testimonial-static .quote-classic {
    -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / .04);
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / .04);
    -webkit-transition: .3s;
    transition: .3s
}

.ts-testimonial-static .quote-classic:hover {
    -webkit-box-shadow: 0 10px 15px 0 rgb(0 0 0 / .06);
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / .06)
}

.quote-item-area {
    max-width: 600px;
    margin: 0 auto
}

.quote-item-area .quote-thumb {
    background: #0f2765;
    text-align: center;
    width: 190px;
    height: 190px;
    border-radius: 100%
}

.quote-item-area .quote-thumb img {
    display: block;
    width: 180px;
    height: 180px;
    border-radius: 100%
}

.quote-item-content .quote-name-desg {
    margin-bottom: 10px;
    display: block
}

.carousel .overview,
.pricing_area_four .sec_title p,
.quote-message {
    font-style: italic
}

.testimonial-slide.owl-carousel.owl-theme .owl-nav [class*=owl-] {
    left: 0;
    top: 50%;
    bottom: 90px
}

.testimonial-slide.owl-carousel.owl-theme .owl-nav [class*=owl-next] {
    left: 0;
    right: 0
}

.testimonial-slide.owl-carousel.owl-theme .owl-nav [class*=owl-prev] {
    right: auto;
    left: -60px
}

.ts-testimonial-slide.solid-bg .owl-nav {
    width: 100%;
    left: 0;
    bottom: 50%
}

.ts-testimonial-slide.solid-bg .owl-nav .owl-next,
.ts-testimonial-slide.solid-bg .testimonial-slide.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: 0
}

.services-section-three .blocks-column .service-block-three:first-child,
.ts-testimonial-slide.solid-bg .testimonial-slide.owl-carousel .owl-nav .owl-prev {
    left: 0
}

img.testimonial-thumb {
    max-width: 80px;
    float: left;
    margin-right: 20px;
    border-radius: 100%
}

.quote-item-info {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#back-to-top,
.banner-area {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.quote-author {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 2px;
    font-weight: 600;
    display: block;
    color: #fff
}

.blue-love-home .list-addon-home li p,
.quote-subtext {
    color: #fff;
    font-size: 14px
}

.quote-item-footer {
    margin-top: 15px;
    margin-left: 0;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ts-testimonial-slide {
    padding: 100px 0;
    margin-bottom: -40px
}

.testimonial-slide.owl-theme .owl-dots {
    text-align: center;
    margin-top: 60px;
    position: relative;
    z-index: 1
}

.testimonial-slide.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 4px;
    background: #fff;
    opacity: .45;
    display: inline-block
}

.testimonial-slide.owl-theme .owl-dots .owl-dot.active span {
    background: #e50404;
    opacity: 1
}

.clients-area {
    background: #fff;
    padding: 36px 0
}

.partner-logo {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: 32px;
    margin-bottom: 0
}

.banner-heading,
.clients-logo {
    -webkit-align-content: center
}

.partner-logo img {
    -webkit-transition: 350ms;
    transition: 350ms;
    width: auto !important
}

.partner-logo:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0)
}

.owl-carousel.owl-theme.partners .owl-nav .owl-prev {
    left: 0;
    right: auto;
    background: #dc3545;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.owl-carousel.owl-theme.partners .owl-nav [class*=owl-] {
    bottom: 12px;
    margin-bottom: 12px
}

.accordion-title span {
    color: #626c84;
    font-weight: 600;
    font-size: 16px
}

.panel-default>.panel-heading {
    background: 0 0;
    border-radius: 0;
    position: relative;
    padding: 6px 20px
}

.panel-group .panel {
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #000
}

.panel-body {
    padding: 20px 20px 10px;
    border: 1px solid #ddd;
    border-radius: 0 11px 0 0;
    margin-left: 15px
}

.panel-body>img {
    max-width: 100px;
    margin-bottom: 10px
}

p.panel-title {
    font-size: 16px;
    background: 0 0;
    border: 0;
    padding: 8px 0;
    line-height: normal;
    border-radius: 0
}

.panel-classic .panel-heading {
    padding-left: 15px
}

.panel-classic h4.panel-title a.collapsed:before,
.panel-classic h4.panel-title a:before {
    position: relative;
    content: "";
    font-size: 0
}

.clients-logo {
    margin: 0 0 30px;
    border: 1px solid #dadada;
    min-height: 105px;
    padding: 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.clients-logo img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray
}

.latest-post {
    position: relative;
    padding: 30px 20px 30px 30px;
    border: 1px solid #eaeaea;
    min-height: 345px
}

.latest-post .image-angle:before {
    border-bottom: 20px solid #f9f9f9
}

.latest-post .post-title {
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0 5px
}

.entry-header .entry-title a,
.header-bg-white.header-standard.header-transparent ul.navbar-nav>li>a,
.latest-post .post-title a,
.new-career-section .resume-mail p .send-resume-mail,
.scms_benefit .twoColorBox .greyBox h4,
.scms_benefit .twoColorBox .white h4,
.scms_benefit .twoColorBox .whiteBox h4 {
    color: #0b2359
}

.latest-post-meta {
    font-size: 13px;
    text-transform: uppercase
}

.about-area .default.info>a,
.carousel-jewellery,
.home_module__dot-container,
.latest-post .post-text,
.margin-top-10 {
    margin-top: 10px
}

.latest-post .post-body {
    padding: 0;
    background: 0 0;
    border: 0
}

.latest-post.post-large {
    position: relative;
    padding: 0;
    border: 0;
    overflow: hidden
}

.latest-post.post-large:before {
    position: absolute;
    content: "";
    background: rgb(0 0 0 / .7);
    width: 100%;
    height: 100%
}

.latest-post.post-large .post-body {
    position: absolute;
    bottom: 0;
    padding: 30px;
    border: 0;
    color: #fff
}

.latest-post.post-large .post-cat {
    position: absolute;
    top: 30px;
    left: 30px;
    color: #fff;
    font-style: italic
}

.latest-post.post-large .post-title {
    font-size: 30px;
    line-height: 40px
}

.about-area .services-info .equal-height:first-child .item h4,
.about-area .services-info .equal-height:first-child .item i,
.about-area .services-info .equal-height:first-child .item p,
.about-area .services-info .equal-height:nth-child(4) .item h4,
.about-area .services-info .equal-height:nth-child(4) .item i,
.about-area .services-info .equal-height:nth-child(4) .item p,
.breadcrumb a:hover,
.default-white,
.footer-social ul li a i:hover,
.footer-widget ul.list-dash li a,
.home_module_2__client a:after,
.home_module_2__client2 a:after,
.howto h3,
.howto p,
.latest-post.post-large .post-title a,
.plan.featured .plan-name,
.plan.featured .plan-price,
.post-quote-content .entry-title a,
.post-quote-content .post-meta,
.post-quote-content .post-meta a,
.rise_form,
.rise_form a,
.single-price-box .pricing-header h2,
.single-price-box .pricing-header h3,
.single-process-bg h4,
.single-process-bg p,
.single-process-bg span,
.software-development-sec .content-right .h4,
.web-design-sec .content-right .h4,
.web_process_banner h2,
.web_process_banner p,
.widget.box.red .widget-title {
    color: #fff
}

.latest-post.post-large .btn.btn-primary {
    padding: 12px 30px;
    margin-top: 15px
}

.footer {
    position: relative;
    z-index: 4
}

.footer-top {
    z-index: 1;
    margin: 0 auto;
    width: 100%
}

.footer-top-bg {
    background: #b11b29;
    margin: 0;
    color: #fff
}

.footer-top .footer-box {
    padding: 17px 45px 11px;
    min-height: 120px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.footer-top .footer-box i {
    float: left;
    font-size: 23px;
    margin-top: 0;
    background: rgb(0 0 0 / .3);
    text-align: center;
    width: 55px;
    height: 55px;
    line-height: 51px;
    border-radius: 100%
}

.footer-top .footer-box .footer-box-content h3 {
    margin-top: 6px;
    margin-bottom: 2px;
    font-size: 19px;
    color: #fff;
    font-weight: 500
}

.footer-top .footer-box .footer-box-content p {
    margin: 0;
    font-size: 15px
}

.footer-main {
    background-size: cover;
    background-position: 100%;
    color: #8c93a5;
    position: relative;
    padding: 30px 0 20px
}

.footer-main.bg-overlay:after {
    background-color: rgb(0 8 29 / .9)
}

.footer .widget-title {
    color: #fff;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 30px
}

.footer-about {
    padding-right: 40px
}

.footer-logo {
    margin: 20px 0 25px
}

.footer-social ul li {
    margin: 0 10px 0 0;
    display: inline-block
}

.footer-social ul li a {
    -webkit-transition: .4s;
    transition: .4s;
    color: #fff
}

.footer-social ul li a i {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s
}

.footer-social ul li a i.fa-facebook:hover {
    background: #3b5998
}

.footer-social ul li a i.fa-twitter:hover {
    background: #70c2e9
}

.footer-social ul li a i.fa-google-plus:hover {
    background: #c53942
}

.footer-social ul li a i.fa-pinterest:hover {
    background: #d8545d
}

.footer-social ul li a i.fa-linkedin:hover {
    background: #3daccf
}

.footer-social ul li a i.fa-instagram:hover {
    background: #3f729b
}

.footer-widget ul.list-dash li {
    line-height: normal;
    padding-bottom: 12px;
    font-size: 15px
}

.newsletter-widget {
    border: 0;
    padding-top: 0
}

.newsletter-widget .widget-title {
    margin-top: 0;
    line-height: 40px;
    margin-bottom: 25px
}

.newsletter-widget .widget-title span {
    font-size: 36px;
    display: block;
    text-transform: uppercase
}

.newsletter-form input {
    width: 80%;
    margin: 15px 0;
    background: #fff;
    color: #333;
    height: 50px;
    border: 0;
    border-radius: 25px 0 0 25px !important
}

.newsletter-form .btn.btn-primary {
    position: absolute;
    right: 13px;
    top: 0;
    border-radius: 0 25px 25px 0;
    padding: 13px 20px;
    height: 50px
}

.copyright {
    background: #00081d;
    color: #8c93a5;
    padding: 15px 0;
    font-size: 15px
}

.banner-title,
.banner-title2,
.banner-title3 {
    font-size: 40px;
    color: #fff
}

.footer-menu ul li {
    display: inline-block;
    padding-left: 8px
}

.footer-menu ul li a {
    color: #8c93a5;
    padding: 0 10px 0 0;
    -webkit-transition: .3s;
    transition: .3s;
    display: inline-block;
    border-right: 1px solid rgb(255 255 255 / .5);
    line-height: 10px;
    margin-right: 5px
}

#back-to-top {
    position: fixed;
    right: 26px;
    top: auto;
    z-index: 999;
    display: none;
}

#back-to-top.affix {
    bottom: 96px;
}

#back-to-top .btn.btn-primary {
    font-size: 18px;
    padding: 6px 15px;
    width: 44px;
    height: 44px;
    line-height: 30px;
    border-radius: 0.25rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.banner-area {
    position: relative;
    color: #fff;
    background: #cb1b5b;
    background: radial-gradient(circle, rgb(203 27 91 / .10127801120448177) 0, #fff 40%)
}

.banner-title {
    font-weight: 400;
    margin-top: 40px
}

.banner-title2 {
    font-weight: 500;
    margin-top: 40px;
    line-height: 48px
}

.banner-title3 {
    font-weight: 400;
    display: inline-block
}

.banner-heading {
    padding: 150px 0 150px 10px;
    width: 100%;
    color: #fff;
    -ms-flex-direction: column;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    z-index: 1
}

.banner-heading::before {
    content: "";
    position: absolute;
    top: 54%;
    left: 0;
    width: 85px;
    height: 4px;
    margin-top: -2px;
    background: 0 0
}

@media (max-width: 768px) {
    .school-card-sec {
        height: 320px !important;
    }
}

@media (max-width: 576px) {
    .school-card-sec {
        height: 270px !important;
    }
}

.breadcrumb {
    position: absolute;
    right: 0;
    bottom: 50px;
    padding: 0;
    background: 0 0;
    font-size: 16px;
    font-weight: 300
}

.breadcrumb li:not(:last-child):after {
    content: "/";
    margin: 0 5px
}

.about-pattern {
    position: relative;
    z-index: 2;
    padding: 80px 0
}

.about-desc p,
.ba_h3,
.para {
    font-weight: 500
}

.ceo-designation p {
    margin: 0 0 -10px;
    font-size: 20px;
    font-weight: 700
}

.ceo-designation small {
    font-size: 14px
}

.ceo-signature,
.mar-de {
    margin-top: 35px
}

.ceo-signature:after,
.widget-nav-tabs li:after {
    display: block;
    content: "";
    clear: both
}

.ceo-desc img {
    width: 95px;
    height: 95px;
    border-radius: 50%
}

.ts-skills-area .ts-padding {
    padding-bottom: 50px;
    padding-right: 80px
}

.progress {
    height: 5px;
    position: relative;
    overflow: visible
}

.progress .progress-value {
    display: block;
    font-size: 16px;
    color: #000;
    position: absolute;
    top: -25px;
    right: 0
}

.ts-progress-bar h3 {
    font-size: 18px;
    text-align: left;
    margin: 0 0 10px
}

.ts-features-light .ts-feature-info h3 {
    font-size: 24px
}

.ts-features-light .ts-feature-box .ts-feature-info,
.ts-pricing-features>ul {
    padding: 0 20px
}

.ts-feature-box .ts-feature-title {
    font-size: 20px;
    margin: 20px 0 10px;
    color: #000
}

.ts-feature-box .ts-feature-info {
    color: #000;
    z-index: 1;
    position: relative;
    padding: 15px
}

.feature-text-box .column-title {
    font-size: 36px;
    line-height: normal;
    margin-bottom: 10px
}

.feature-text-box .btn {
    padding: 15px 60px;
    margin-top: 10px
}

.card-header i,
.panel-heading i {
    background: #0f2765;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 15px
}

.adds_value.madcValue.howAnd_why.appMaintenance.cs_software.white,
.downArrow,
.help-box,
.ts-testimonial-static {
    background-color: #fff
}

.help-box .help,
.ts-testimonial-static .help {
    background-color: #0f2765;
    padding: 30px;
    color: #fff
}

.help-box .quote-item .quote-text:before,
.ts-testimonial-static .quote-item .quote-text:before {
    left: 50%;
    margin-left: -35px
}

.help-box .quote-item .quote-item-footer,
.ts-testimonial-static .quote-item .quote-item-footer {
    margin-top: 0;
    margin-left: 75px
}

.help-box .quote-item .quote-item-info,
.padding-top-20,
.portfolio-new-design .portfolio-content-container h3,
.service-details .tab-content .tab-pane,
.ts-testimonial-static .quote-item .quote-item-info {
    padding-top: 20px
}

.help-box .quote-item .quote-item-info .quote-author,
.ts-testimonial-static .quote-item .quote-item-info .quote-author {
    color: #0b2359;
    font-size: 20px;
    font-weight: 700
}

.help-box .quote-item .quote-item-info .quote-subtext,
.ts-testimonial-static .quote-item .quote-item-info .quote-subtext {
    color: #626c84;
    font-size: 14px
}

.help-box .quote-classic,
.ts-testimonial-static .quote-classic {
    border: 1px solid #eaeaea;
    padding-bottom: 25px
}

.help h2,
.section.section-works .work-box .work-head .title a {
    color: #fff;
    font-size: 24px
}

.brochure {
    border: 2px solid #eaeaea;
    font-size: 24px;
    text-align: center;
    padding: 25px
}

.quote-classic .quote-text {
    margin: 40px 0 10px;
    display: inline-block;
    padding: 50px 40px 30px 45px;
    color: #626c84;
    background: 0 0;
    position: relative;
    font-size: 16px
}

.quote-footer-classic .quote-author {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 2px;
    font-weight: 600;
    display: block;
    color: #1f1c1c
}

.carrer-gallery-layout:after {
    clear: both;
    display: block;
    content: ""
}

.career-layout {
    background-size: cover;
    background-position: center;
    width: 31.5%;
    height: 320px;
    float: left
}

.career-layout.career-layout-double {
    width: 66.6666%
}

.career-layout.career-layout-small {
    height: 155px
}

.job-box {
    background: #f7f7f7;
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px 30px;
    margin-bottom: 55px;
    margin-top: 55px;
    border-radius: 3px
}

.job-box .job-info {
    display: table-cell;
    line-height: 26px;
    padding: 0 10px;
    font-size: 15px
}

.job-box .job-info .icon {
    float: left;
    width: 25px;
    margin-top: 5px
}

.job-box .job-info .desc {
    overflow: hidden;
    font-weight: 500
}

.job-box .job-info .desc strong {
    display: block;
    color: #0f2765;
    margin-top: 5px
}

.process-section .counter-column,
.process-section .image-column,
.skill-title {
    position: relative;
    margin-bottom: 50px
}

.skill-title:after {
    position: absolute;
    left: 0;
    bottom: -20px;
    content: "";
    background: #2154cf;
    width: 40px;
    height: 2px
}

.price-icon-wrapper {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px
}

.plan {
    border: 1px solid #eaeaea;
    border-radius: 4px
}

.plan ul {
    background: #fff;
    padding: 0;
    margin-bottom: 0
}

.plan li {
    padding: 8px 30px;
    list-style: none
}

.plan .btn {
    margin: 25px 0 40px
}

.plan.featured {
    background: #0f2765;
    color: #fff;
    padding: 40px 0;
    margin: -40px 0
}

.plan.featured .btn {
    background: #fff;
    color: #0f2765;
    -webkit-transition: .5s;
    transition: .5s
}

.plan.featured .btn:hover {
    background: #1c121d;
    color: #fff
}

.plan-name {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    padding: 20px 0;
    color: #0b2359;
    margin-bottom: 0
}

.plan-name small {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: normal
}

.plan-price {
    font-size: 48px;
    padding: 0;
    position: relative;
    color: #0b2359;
    margin: 0 0 25px
}

.plan-price .currency {
    top: -.9em;
    font-size: 50%;
    left: -.01em;
    font-weight: 700
}

.plan-price sub {
    font-size: 20px;
    left: -.6em;
    position: relative
}

.ts-price-box {
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: -80px
}

.pricing-boxed:after {
    content: "";
    clear: both;
    display: block
}

.single-price-box {
    width: 33.3333%;
    text-align: center
}

.single-price-box .pricing-header {
    min-height: 145px;
    padding: 10px 0;
    margin-bottom: 70px;
    background: #000;
    position: relative;
    z-index: 3
}

@media screen and (min-width:992px) {

    .header-standard .site-nav-inner,
    ul.navbar-nav {
        padding-right: 0
    }

    .mrt-225 {
        margin-top: 225px
    }

    .mrt-190 {
        margin-top: 190px
    }

    .mrt-140 {
        margin-top: 140px
    }

    .mrt-110 {
        margin-top: 110px
    }

    .qutoe-form-inner-left {
        padding-right: 40px
    }

    .qutoe-form-inner-right {
        padding-left: 40px
    }

    .site-top-2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999
    }

    .header-standard ul.navbar-nav>li>a,
    header.header-standard.header-light .navbar-nav .active>.nav-link,
    header.header-standard.header-light .navbar-nav .nav-link:focus {
        color: #0b2359
    }

    ul.navbar-nav>li>a i {
        padding-left: 5px
    }

    ul.navbar-nav {
        margin-right: -15px
    }

    .dropdown-menu {
        padding: 20px 25px
    }

    .featured-tab .bg-contain-verticle {
        min-height: 350px
    }

    textarea.form-control {
        height: 118px
    }

    .quote-item.quote-left {
        padding-right: 50px
    }

    .quote-item.quote-right {
        padding-left: 50px
    }

    .single-price-box .pricing-header.border-left {
        border-top-left-radius: 5px
    }

    .single-price-box .pricing-header.border-right {
        border-top-right-radius: 5px
    }
}

.single-price-box.featured {
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / .1);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / .1);
    padding-bottom: 30px;
    background: #fff;
    margin-top: -30px
}

.single-price-box.featured .pricing-header {
    margin-bottom: 100px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #fc6b2a
}

.single-price-box.featured .btn-primary {
    background: #fc6b2a;
    -webkit-transition: .3s;
    transition: .3s
}

.single-price-box .pricing-plan .list-unstyled li {
    padding-bottom: 12px
}

.single-price-box .pricing-plan .list-unstyled li:last-child {
    padding-bottom: 35px
}

.single-price-box .pricing-plan {
    padding-bottom: 40px;
    background: #fff
}

.card,
.contact-container .no-border,
ul.marketing-list li:last-child {
    border: none
}

.card-header {
    background: 0 0 !important;
    color: #626c84;
    padding: 20px 0 21px
}

.card-body {
    border: 1px solid rgb(0 0 0 / .125);
    border-top: none
}

.btn-link {
    color: #626c84;
    padding: 0
}

.btn:focus {
    text-decoration: none !important
}

.copyright-area ul li:first-child,
h5.mb-0 {
    margin-left: 0
}

h5.mb-0 button {
    position: relative;
    padding-left: 55px
}

.hire-deve-sec .hire-deve-heading h2 span,
h5.mb-0 button.collapsed {
    color: #333
}

h5.mb-0 button:before {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    content: "\f068"
}

h5.mb-0 button .collapsed:before,
h5.mb-0 button:before {
    font-family: FontAwesome;
    position: absolute;
    z-index: 0;
    font-size: 16px;
    left: 0;
    padding: 0 5px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #0f2765
}

.card-header button p {
    margin-bottom: 0;
    font-weight: 500;
    color: #626c84
}

h5.mb-0 button.collapsed:before {
    content: "\f067"
}

.card-header .collapsed .show {
    border-bottom: none
}

.quote-item .quote-text:before {
    content: "\e937";
    font-family: iconfont;
    position: absolute;
    font-size: 35px;
    left: 105px;
    color: #0f2765;
    background: 0 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-slider.small-bg .item {
    min-height: 330px
}

.page-slider.small-bg .box-slider-content {
    left: 20%
}

.page-slider.small-bg .box-slider-text {
    background: #fff;
    padding: 5px 20px
}

.page-slider.small-bg .box-slide-title {
    font-size: 28px;
    color: #fff;
    font-weight: 900
}

.page-quote-form {
    background: #f2f2f2;
    padding: 30px 50px 50px
}

.get-a-quote-img {
    margin-bottom: -190px
}

.ts-pricing-box {
    margin: 20px 0;
    padding: 0;
    text-align: center;
    background: #f9f9f9
}

.ts-pricing-header {
    background: #252525;
    color: #fff;
    position: relative;
    padding: 30px 20px
}

.ts-pricing-name {
    font-size: 18px;
    line-height: normal;
    margin: 0 0 5px;
    color: #fff
}

.ts-pricing-price {
    font-size: 44px;
    color: #fff;
    margin: 15px 0 0;
    display: inline-block
}

.ts-pricing-price>small {
    font-size: 16px;
    line-height: 16px;
    display: block;
    margin-top: 15px;
    color: #fff
}

.ts-pricing-features {
    padding: 15px 0
}

.ts-pricing-features>ul>li {
    padding: 20px 0;
    border-top: 1px dotted #e5e5e5
}

.ts-pricing-features>ul>li:first-child {
    border-top: 0
}

.pb-40,
.plan-action {
    padding-bottom: 40px
}

.ts-pricing-box.ts-pricing-featured .ts-pricing-header {
    background: #ff9700
}

.map {
    height: 405px;
    z-index: 1
}

.contact-info-box i {
    float: left;
    font-size: 24px;
    color: #0f2765
}

.contact-info-box-content,
.seo-reports .cnt-block.padd-left {
    padding-left: 40px
}

.contact-info-box-content h4 {
    font-size: 16px;
    margin-top: 0;
    line-height: normal;
    font-weight: 700
}

.box-border {
    border: 1px solid #eaeaea;
    padding: 20px 30px
}

.contact-info-social-links {
    list-style: none;
    margin: 0 0 0 -40px;
    padding: 0;
    text-align: center
}

.contact-info-social-links li a {
    display: block;
    color: #fff;
    padding: 10px
}

.post {
    margin: 0 0 50px
}

.post.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.post-body {
    padding: 25px 40px 40px 25px;
    border: 0;
    border-top: 0;
    background: #f7f9fd
}

.post-meta-left {
    width: 15%;
    margin-top: -20px
}

.post-meta-left span {
    display: inline-block;
    font-weight: 600;
    font-size: 14px
}

.post-content-right {
    width: 80%;
    float: right
}

.entry-header .entry-title {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 15px
}

.post-media.post-video {
    max-width: 100%;
    position: relative;
    overflow: hidden
}

.post-media.post-video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .5)
}

.video-icon {
    text-align: center;
    color: #fff;
    top: 50%;
    margin-top: -50px;
    font-size: 78px;
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    line-height: 65px;
    display: inline-block;
    border-radius: 100%
}

.video-icon i {
    -webkit-transition: .4s;
    transition: .4s
}

.post-meta-date {
    background: #0f2765;
    color: #fff;
    width: 65px;
    height: 65px;
    line-height: 26px;
    padding: 10px 0;
    position: relative;
    top: -40px
}

.post-meta-date span {
    font-size: 30px;
    font-weight: 600;
    display: block
}

.post-quote-wrapper {
    position: relative;
    color: #fff;
    background: #0b2359;
    padding: 50px
}

.post-quote-content .meta-author {
    color: #ccc;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    margin-bottom: 15px
}

.post-quote-content .meta-author:before {
    content: "";
    position: absolute;
    top: 14px;
    height: 2px;
    width: 20px;
    background-color: #0f2765;
    margin-left: -30px
}

.post-author:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #dedede;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 75px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.post-author .avatar {
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    margin-bottom: 5px
}

.post-meta-left span.post-author {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.post-comment i {
    position: relative;
    bottom: -3px;
    margin-right: 5px
}

.post-meta {
    padding-bottom: 15px;
    color: #626c84;
    font-size: 14px
}

.post-meta a,
.post-meta-left a {
    color: #626c84;
    position: relative;
    z-index: 1
}

.post-meta span {
    margin-right: 10px;
    padding-right: 10px;
    line-height: 12px;
    display: inline-block
}

.post-meta i {
    padding-right: 0;
    margin-right: 6px;
    font-weight: 500
}

.post-footer .btn.btn-primary {
    margin-top: 10px;
    padding: 10px 30px
}

.paging {
    margin-bottom: -5px
}

.pagination {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.pagination>li>a,
.pagination>li>span {
    border-radius: 100% !important;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    color: #7c7c7c;
    border: 1px solid #f1f1f1;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    -webkit-transition: .3s;
    transition: .3s
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>li>a:hover {
    color: #fff;
    background: #0f2765;
    border: 1px solid #fff0
}

.post-single .post-body {
    border: 1px solid #f1f1f1;
    background: 0 0;
    padding: 40px
}

.post-single .post-meta-date {
    position: absolute;
    top: 30px;
    left: 35px;
    display: block;
    text-align: center
}

.post-single .post-author .avatar {
    width: 30px;
    height: 30px
}

.post-single .post-author a {
    display: inline-block;
    margin-left: 6px
}

.banner_iner h1,
.post-single .entry-header .entry-title {
    font-size: 36px
}

.post-single .entry-content h3 {
    margin: 30px 0
}

.post-single .post-footer {
    border-top: 1px solid #f1f1f1;
    margin: 40px 0 0;
    padding-top: 40px
}

.tags-area {
    margin: 20px 0
}

.author-box,
.comments-area {
    margin: 40px 0
}

.comments-list .comment-reply i,
.post-tags strong {
    margin-right: 5px
}

.post-tags a {
    border: 1px solid #f1f1f1;
    color: #626c84;
    display: inline-block;
    font-size: 14px;
    padding: 3px 15px;
    margin-left: 3px;
    border-radius: 25px
}

.post-tags a:hover,
.sidebar .widget-tags ul>li a:hover {
    background: #0f2765;
    color: #fff;
    border: 1px solid #fff0
}

.post-social-icons a {
    margin-left: 10px;
    font-size: 16px;
    color: #0b2359;
    text-align: center
}

.post-navigation .post-next,
.post-navigation .post-previous {
    padding: 0 40px;
    width: 50%;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    display: table-cell;
    position: relative;
    vertical-align: middle
}

.post-navigation i {
    margin: 0 5px;
    color: #0f2765
}

.post-navigation span {
    font-size: 14px;
    color: #626c84;
    margin-bottom: 10px
}

.post-navigation .post-previous {
    text-align: left;
    float: left;
    border-left: 0;
    border-right: 0;
    padding: 0 40px 0 0
}

.post-navigation .post-next {
    text-align: right;
    float: left;
    border-right: 0;
    padding: 0 0 0 40px
}

.post-navigation h3 {
    font-size: 20px;
    line-height: 26px;
    margin: 8px 0 0
}

.author-box,
.cta-content-box,
.small-dialog-content {
    padding: 40px
}

.author-img img {
    width: 100px;
    height: 100px;
    margin-right: 30px;
    border-radius: 100%
}

.author-info h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600
}

.author-info h3 span {
    font-size: 12px;
    color: #999;
    border-left: 1px solid #afafaf;
    padding-left: 10px;
    margin-left: 10px;
    font-weight: 500
}

.author-info p {
    padding-left: 130px
}

.author-url a {
    font-size: 14px;
    color: #626c84
}

.comments-list .comment-content {
    margin: 15px 0
}

.comments-list .comment-reply {
    color: #0b2359;
    font-weight: 400;
    font-size: 14px
}

.comments-counter,
.font-18,
.new-career-section .exp {
    font-size: 18px
}

.comments-counter a {
    color: #323232
}

.comments-list {
    list-style: none;
    margin: 0;
    padding: 20px 0
}

.comments-list .comment {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 30px
}

.comments-list .comment.last,
.footer .lets_talksection ul.address li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.comments-list img.comment-avatar {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin-right: 30px
}

.comments-list .comment-body {
    margin-left: 110px
}

.comments-list .comment-author {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 700;
    font-size: 18px;
    color: #0b2359
}

.comments-list .comment-date {
    color: #0b2359;
    font-size: 14px;
    display: block;
    margin-top: -5px
}

.comments-reply {
    list-style: none;
    margin: 0 0 0 70px
}

.sidebar .widget-title {
    font-size: 24px;
    position: relative;
    margin: 0 0 30px;
    padding-left: 15px;
    border-left: 3px solid #0f2765
}

.sidebar .widget {
    margin-bottom: 40px;
    border: 1px solid #f1f1f1;
    padding: 40px
}

.sidebar .widget.widget-ad {
    padding: 0;
    border: none
}

.sidebar .widget.box {
    padding: 25px
}

.widget.box.solid {
    background: #f2f2f2
}

.widget.box.red {
    background: #ec483b;
    color: #fff
}

.single_feature ul li,
.widget ul li {
    line-height: 30px
}

.sidebar .widget ul li i {
    margin-right: 5px;
    font-weight: 500
}

.sidebar .btn {
    font-weight: 800;
    margin-top: 15px
}

.widget.widget-search {
    background: 0 0;
    position: relative;
    padding: 0
}

.widget-search .form-control,
.widget-search .form-control:focus {
    border: 0 !important;
    font-style: italic;
    background-color: none
}

.widget-search i {
    color: #fff;
    background: #0f2765;
    font-size: 18px;
    position: relative;
    top: 0;
    padding: 15px
}

.widget-nav-tabs li {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 20px
}

.widget-nav-tabs li a {
    font-size: 16px;
    color: #626c84;
    font-family: "Didact Gothic", sans-serif;
    -webkit-transition: .3s;
    transition: .3s
}

.widget-nav-tabs li:last-child {
    border: none;
    padding: 0;
    margin: 0
}

.instagram-photo li img {
    padding-right: 10px;
    padding-bottom: 10px;
    border-radius: 3px
}

.widget.recent-posts .widget-title {
    margin-bottom: 35px
}

.widget.recent-posts ul li {
    border-bottom: 1px dashed #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: normal
}

.widget.recent-posts ul li:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.widget.recent-posts .media-left img {
    width: 93px;
    height: 65px
}

.widget.recent-posts .entry-title {
    font-size: 16px;
    line-height: 20px;
    margin: 6px 0 0
}

.widget.recent-posts .entry-title a {
    color: #303030;
    display: inline-block;
    padding: 5px 0
}

.widget.recent-posts .entry-title small {
    color: #626c84;
    display: block;
    font-weight: 400;
    font-size: 14px;
    font-family: "Didact Gothic", sans-serif
}

.widget.recent-posts .post-date {
    font-weight: 500;
    color: #626c84;
    font-size: 14px
}

.widget-ad p {
    color: #fff;
    font-weight: 800;
    font-size: 30px;
    line-height: 40px
}

.widget-ad .btn {
    padding: 18px 60px;
    font-size: 16px;
    font-weight: 800;
    background: #fff;
    color: #0f2765
}

.widget-ad-bg {
    position: relative;
    z-index: 2;
    background-size: cover;
    background-position: right;
    padding: 145px 0;
    text-align: center
}

.widget-ad-bg.bg-overlay:after {
    z-index: -1
}

.widget-ad-bg.overlay-color:after {
    background: rgb(43 84 182 / .85);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(43 84 182 / .85)), to(rgb(43 84 182 / .85)));
    background: linear-gradient(to bottom, rgb(43 84 182 / .85) 0, rgb(43 84 182 / .85) 100%);
    z-index: -1
}

.widget-tags ul>li {
    float: left;
    margin: 3px
}

.sidebar .widget-tags ul>li a {
    border: 1px solid #f1f1f1;
    color: #626c84;
    display: inline-block;
    font-size: 14px;
    padding: 5px 20px;
    margin: 0 3px 3px 0;
    border-radius: 25px;
    -webkit-transition: .3s;
    transition: .3s
}

.error-page .error-code {
    display: block;
    font-size: 150px;
    line-height: 150px;
    color: #333;
    margin-bottom: 20px;
    text-shadow: 5px 5px 1px rgb(0 0 0 / .1)
}

.error-page .error-body .btn {
    margin-top: 30px;
    font-weight: 700
}

.not-found p {
    font-size: 200px;
    line-height: 1.1;
    margin-bottom: 20px
}

.css-typing p {
    font-size: 14px;
    overflow: hidden
}

.css-typing p:first-child {
    margin-bottom: 0;
    width: 18em;
    -webkit-animation: 2s steps(40, end) type;
    animation: 2s steps(40, end) type;
    -webkit-animation-fill-mode: forwards;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2em;
    margin-top: 0
}

.css-typing p:nth-child(2) {
    width: 12.5em;
    opacity: 0;
    -webkit-animation: 2s steps(40, end) type2;
    animation: 2s steps(40, end) type2;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    font-size: 46px;
    line-height: 1.5em;
    font-weight: 700
}

.css-typing p:nth-child(3) {
    width: 7.3em;
    opacity: 0;
    -webkit-animation: 5s steps(20, end) type3, .5s step-end infinite alternate blink;
    animation: 5s steps(20, end) type3, .5s step-end infinite alternate blink;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@keyframes type {
    0% {
        width: 0
    }

    100% {
        border: none
    }
}

@-webkit-keyframes type {
    0% {
        width: 0
    }

    100% {
        border: none
    }
}

@keyframes type2 {
    0% {
        width: 0
    }

    1% {
        opacity: 1
    }

    100% {
        opacity: 1;
        border: none
    }
}

@-webkit-keyframes type2 {
    0% {
        width: 0
    }

    1% {
        opacity: 1
    }

    99.9% {
        border-right: .15em solid orange
    }

    100% {
        opacity: 1;
        border: none
    }
}

@keyframes type3 {
    0% {
        width: 0
    }

    1%,
    100% {
        opacity: 1
    }
}

@-webkit-keyframes type3 {
    0% {
        width: 0
    }

    1%,
    100% {
        opacity: 1
    }
}

@keyframes blink {
    50% {
        border-color: #fff0
    }
}

@-webkit-keyframes blink {
    50% {
        border-color: tranparent
    }
}

.svg-container.top-half-dash>.elipse::after,
.svg-container.top-right-dash>.elipse::after {
    height: 0;
    top: 50%;
    transform: translateY(-50%);
    border-top: 2px dashed #3aa07b;
    content: "";
    position: absolute
}

.slider-content {
    color: #fff;
    top: 3%;
    left: 9%;
    width: 60%
}

.banner-text {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0
}

.clients-title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 21px;
    margin-top: 0;
    color: #0b2359;
    font-weight: 500
}

.intro-title {
    font-size: 35px;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0;
    font-weight: 500
}

.intro-text {
    font-size: 16px;
    text-align: center
}

.service-list {
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: normal;
    font-size: 20px;
    color: #01367e
}

.bor {
    border-right: 1px dashed #b5b1af
}

.why-choose-dd {
    background-color: #f6f7f9
}

.why-choose-dd .solution-block {
    padding: 15px;
    max-width: 270px;
    float: left;
    width: 100%;
    border: 1px solid #ebebeb;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box
}

.gp-10 {
    gap: 10px
}

.why-choose-dd .inner-content {
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
    display: inline-block;
    clear: both
}

.why-choose-dd .small-heading {
    text-align: start !important;
    line-height: 1.5
}

.why-choose-dd h4.text-style {
    color: #000;
    margin-bottom: 0;
    margin-top: 18px;
    line-height: 26px;
    font-weight: 600;
    font-size: 18px
}

.margin-left-right-30 {
    margin: 0 13px
}

.classic-cta.full-cta-classic.orange-gredient-cta a,
.delivery-content .delivery-btn,
.lower-content,
.promo-col:nth-child(2n+2),
.service-details img+p,
.why-choose-dd .bot2 {
    margin-top: 30px
}

.text-de {
    line-height: 1.4;
    margin-top: 23px;
    font-weight: 600;
    font-size: 22px;
    color: #2b2b2b
}

.ded {
    text-align: center;
    line-height: 1.2
}

.Social-Footer li.facebook {
    background: #5d82d1;
    border-radius: 50px
}

.Social-Footer li.thread,
.Social-Footer li.twitter {
    background: #000;
    border-radius: 50px
}

.Social-Footer li.google {
    background: #eb5e4c;
    border-radius: 50px
}

.Social-Footer li.linkedin {
    background: #238cc8;
    border-radius: 50px
}

.Social-Footer li.youtube {
    background: #cd201f;
    border-radius: 50px
}

.Social-Footer li.pinterest {
    background: #bd081c;
    border-radius: 50px
}

.Social-Footer li.instagram {
    background: #e4405f;
    border-radius: 50px
}

.Social-Footer li,
.Social-Footer li a {
    float: left;
    list-style: none;
    width: 26px;
    text-align: center;
    line-height: 26px;
    color: #fff !important;
    margin-right: 8px
}

.footer .iconslider,
.solution-list {
    margin-top: 50px
}

.solution-block {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.solution-block.top-block {
    margin-bottom: 55px;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.svg-container {
    position: relative;
    min-height: 45px;
    margin: 0 auto 50px
}

.svg-container>.elipse {
    width: 75px;
    height: 75px;
    top: -15px;
    left: 50%;
    transform: translateX(-50%)
}

.solution-50>.svg-container>span {
    left: 90px
}

.svg-container>span {
    position: absolute;
    color: #dedede;
    font-size: 35px;
    font-weight: 900;
    left: 45px;
    bottom: -10px;
    z-index: 1;
    display: none
}

.svg-container.top-right-dash>.elipse::after {
    width: 438px;
    left: 100%
}

.svg-container.top-half-dash>.elipse::after {
    width: 120px;
    left: 100%
}

.svg-container.bot-left-dash>.elipse::after,
.svg-container.mid-left-dash>.elipse::after,
.svg-container.mid-top-dash>.elipse::after {
    content: "";
    position: absolute;
    width: 340px;
    height: 0;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    border-top: 2px dashed #3aa07b
}

.svg-container.mid-top-dash>.elipse::before {
    content: "";
    position: absolute;
    width: 0;
    height: 252px;
    bottom: 100%;
    left: 50%;
    border-left: 2px dashed #3aa07b
}

.svg-container.mid-half-dash>.elipse::after,
.svg-container.right-top-dash>.elipse::after {
    height: 0;
    transform: translateY(-50%);
    border-top: 2px dashed #3aa07b;
    position: absolute;
    content: "";
    top: 50%
}

.svg-container.mid-half-dash>.elipse::after {
    width: 80px;
    right: 100%
}

.svg-container.right-top-dash>.elipse::after {
    width: 120px;
    right: -160%
}

.svg-container.right-top-dash>.elipse::before {
    content: "";
    position: absolute;
    width: 0;
    height: 285px;
    bottom: 50%;
    right: -160%;
    border-left: 2px dashed #3aa07b
}

.solution-30.bordered::before {
    content: "";
    position: absolute;
    width: 0;
    height: 252px;
    left: -20px;
    bottom: -47px;
    border-left: 2px dashed #3aa07b
}

.solution-50 {
    -webkit-flex-basis: 292px;
    flex-basis: 292px;
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.solution-30 {
    -webkit-flex-basis: 195px;
    flex-basis: 195px
}

.solution-title {
    margin-bottom: 25px;
    color: #121212;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .8px
}

.solution-text {
    color: #121212;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.solution-50-static {
    transform: rotateY(0) !important;
    opacity: 1 !important
}

.elipse {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-linear-gradient(225deg, #ededed, transparent);
    background: -o-linear-gradient(225deg, #ededed, transparent);
    background: linear-gradient(225deg, #ededed, transparent);
    top: -30px;
    left: 0;
    position: absolute;
    z-index: 0
}

.companybanner {
    border-top: 1px solid #dbdbdb
}

.cbanner_content {
    padding: 90px 30px 0 0
}

.cbanner_content h2 {
    font-size: 50px;
    color: #000;
    font-weight: 300;
    margin: 0 0 20px;
    line-height: normal
}

.cbanner_content h2 strong {
    font-size: 50px;
    font-weight: 700
}

.cbanner_content p {
    font-size: 17px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    margin-bottom: 0
}

.cbanner_content h4 {
    font-size: 30px;
    line-height: 32px;
    color: #000;
    font-weight: 400;
    margin-top: 20px
}

.contact-container {
    max-width: 1170px;
    width: 96%;
    margin: auto;
    display: inline-block;
    box-sizing: border-box
}

.contact-left {
    max-width: 585px;
    width: 50%;
    float: left
}

.skype-email-block {
    border-top: 5px solid #e5e5e5;
    border-bottom: 5px solid #e5e5e5;
    display: inline-block;
    width: 100%
}

.skype-block {
    max-width: 197px;
    width: 39%;
    border-right: 5px solid #e3e3e3;
    float: left
}

.email-block {
    max-width: 270px;
    width: 70%;
    float: right
}

.contact-left p {
    padding: 0;
    font-size: 16px;
    font-family: ralewayregular
}

.contact-left h3 {
    font-size: 22px;
    font-family: ralewaybold;
    margin-bottom: 15px
}

.one-column .email,
.one-column .submit {
    padding: 20px 0
}

.one-column .email input[type=checkbox] {
    float: left;
    width: auto;
    margin-right: 10px
}

.one-column .email textarea {
    min-height: 100px
}

.font-set {
    font-size: 17px
}

.one-column .submit input[type=submit] {
    width: 100%;
    border: 1px solid #186dbc;
    max-width: 258px;
    float: none;
    font-family: RalewayExtraBold;
    font-size: 20px;
    background: 0 0;
    border-radius: 5px;
    line-height: 58px;
    color: #3b4fb8;
    cursor: pointer;
    display: block;
    margin: 0 auto
}

.one-column .submit input[type=submit]:hover {
    border: 1px solid #3b4fb8;
    background-image: -webkit-gradient(linear, 0 0, 12 514.125, from(#4a1983), color-stop(.291, #3e298d), color-stop(.291, #3d2a8d), color-stop(.437, #373292), color-stop(.437, #363392), color-stop(.811, #2549a0), color-stop(.811, #244aa0), to(#1c54a6));
    background-image: -webkit-linear-gradient(271.337076663175deg, #4a1983, #3e298d 29.1%, #3d2a8d 29.1%, #373292 43.7%, #363392 43.7%, #2549a0 81.1%, #244aa0 81.1%, #1c54a6);
    background-image: -moz-linear-gradient(271.337076663175deg, #4a1983, #3e298d 29.1%, #3d2a8d 29.1%, #373292 43.7%, #363392 43.7%, #2549a0 81.1%, #244aa0 81.1%, #1c54a6);
    background-image: -o-linear-gradient(271.337076663175deg, #4a1983, #3e298d 29.1%, #3d2a8d 29.1%, #373292 43.7%, #363392 43.7%, #2549a0 81.1%, #244aa0 81.1%, #1c54a6);
    background-image: linear-gradient(178.66292333682497deg, #4a1983, #3e298d 29.1%, #3d2a8d 29.1%, #373292 43.7%, #363392 43.7%, #2549a0 81.1%, #244aa0 81.1%, #1c54a6);
    color: #fff;
    cursor: pointer
}

.address-block,
.call-block,
.email-block,
.skype-block {
    padding: 25px 0
}

.jewel-tab-carousel:hover,
.testimonial-map {
    cursor: pointer
}

.common_h4 {
    font-size: 36px;
    line-height: 1.3;
    color: #0b2359
}

.common_h5.red {
    color: #da0e17
}

.space-bottom {
    margin-top: 0;
    margin-bottom: 60px;
    text-transform: none;
    line-height: 1.2
}

.cm_color_ {
    color: #e50000;
    font-weight: 700;
    display: inline !important
}

.development-services2 .development-services-content {
    padding: 0;
    margin-bottom: 80px
}

.services-col p {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    margin-top: 35px;
    font-weight: 500
}

.development-services2 .col-md-3 {
    max-width: 20%
}

.padding3 {
    padding: 80px 0
}

.headingBox,
.sec-title {
    text-align: center;
    margin-bottom: 50px
}

.common_h3 span {
    font-size: 85%
}

.headingBox p {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.5
}

.scms_benefit .twoColorBox {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.scms_benefit .twoColorBox.chatBot1:after {
    left: 50%;
    background: #0d4388
}

.scms_benefit .twoColorBox:after,
.scms_benefit .twoColorBox:before {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1;
    height: 100%
}

.scms_benefit .twoColorBox .col-md-6,
.scms_benefit .twoColorBox .col-sm-6 {
    padding: 100px 60px
}

.scms_benefit .twoColorBox .greyBox p,
.scms_benefit .twoColorBox .white p,
.scms_benefit .twoColorBox .whiteBox p {
    color: #444
}

.scms_benefit .twoColorBox h4 {
    color: #fff;
    font-size: 36px;
    line-height: 1.2
}

.scms_benefit .twoColorBox h4:after {
    display: block;
    content: "";
    width: 60px;
    height: 2px;
    margin-top: 20px;
    background: #da0e17
}

.scms_benefit .twoColorBox.chatBot2:after {
    left: 50%;
    background: #0594d1
}

.common_h3 {
    font-size: 45px;
    line-height: 45px;
    color: #0b2359
}

.chatBot1 h4 span,
.chatBot2 h4 span {
    font-weight: 300
}

.scms_benefit .twoColorBox p {
    color: #fff;
    margin: 0
}

.col-md-offset-6 {
    margin-left: 50%
}

.banner-area::before {
    background-color: #708090;
    position: relative;
    width: 100%;
    height: 100%;
    -moz-opacity: 20%;
    -webkit-opacity: 20%;
    z-index: 2
}

.scms_benefit .twoColorBox.chatBot2:before {
    background: url(../images/responsive-web-design-and-development.jpg) center/cover no-repeat
}

.mCommerce .boxes {
    margin: 50px auto 0
}

.mCommerce .boxes li {
    vertical-align: central;
    display: table;
    width: 213px;
    height: 229px;
    border: 1px solid #dedede;
    float: left;
    margin-left: -1px;
    margin-bottom: -1px
}

.mCommerce .boxes li a {
    display: table-cell;
    height: 100%;
    font-weight: 700;
    color: #000;
    vertical-align: middle
}

.mCommerce .boxes li img {
    width: 80px;
    height: auto
}

.mCommerce .boxes li h3 {
    font-size: 1.1em;
    color: #000;
    font-weight: 500;
    margin: 30px 0 0
}

.downArrow {
    position: absolute;
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border: 1px solid #eee
}

.bounce {
    margin-top: 30px;
    -moz-animation: 3s infinite bounce;
    -webkit-animation: 3s infinite bounce;
    animation: 3s infinite bounce
}

.aos-animatee {
    color: #083a96;
    text-transform: capitalize;
    font-size: 28px
}

.an-h,
.guarantee-row .h5 {
    text-transform: uppercase
}

.adds_value.gcv,
.whatIs_ar {
    border-bottom: 1px solid #eee
}

.web_process_banner .table .table-cell:last-child {
    padding: 0 60px 18px
}

.web_process_banner .table .table-cell {
    vertical-align: middle
}

.width50 {
    width: 50%
}

.contact-banner,
.web_process_banner {
    background: #0b2359
}

.ba_h3 {
    font-size: 18px;
    color: #fff
}

.call-us {
    background: 0 0;
    color: #fff !important;
    border: 1px solid #ffc107;
    margin-right: 29px;
    border-radius: 0
}

.yellowBtn {
    border-radius: 0
}

.font-web {
    font-size: 30px;
    line-height: 45px;
    color: #fff
}

.restricted-to-smasrtphones .suite-services-list li,
.section-padding-50,
.section-padding-s3 {
    padding: 50px 0
}

@media screen and (max-width:1440px) {
    .suite-services-list li {
        min-height: 240px
    }
}

.suite-services-list li {
    display: inline-block;
    width: 25%;
    margin: 0 0 -1px -4px;
    min-height: 260px;
    border: 0 solid #eee;
    padding: 20px;
    transition: .3s;
    -webkit-transition: .3s
}

.suite-services-list li .ins-suite-services-list {
    color: #000;
    display: block;
    padding: 20px;
    border-radius: 6px
}

.mCommerce,
.micro-food-section,
.mob-app-section1,
.pb-50 {
    padding-bottom: 50px
}

.restricted-to-smasrtphones .suite-services-list li .ins-suite-services-list figure {
    margin: 50px auto 25px
}

.restricted-to-smasrtphones .suite-services-list li .ins-suite-services-list figure,
.restricted-to-smasrtphones .suite-services-list li .ins-suite-services-list figure .upimg {
    width: 150px
}

.suite-services-list li .ins-suite-services-list figure {
    margin: 36px auto 0;
    height: 100px;
    display: table;
    position: relative;
    width: 120px
}

.suite-services-list li .ins-suite-services-list figure .upimg {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 140px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.suite-services-list li .ins-suite-services-list figure .upimg img {
    transform: scale(.75);
    -webkit-transform: scale(.75);
    display: block;
    margin: 0 auto
}

.flexible-engagement-list li .head,
.suite-services-list li .ins-suite-services-list .head {
    font-size: 18px !important;
    font-weight: 600
}

.section.guarantee-sec {
    padding: 0 0 20px;
    background: #fff;
    clear: both;
    border-bottom: 0 solid #e5e5e5;
    margin-bottom: 60px
}

.section {
    padding: 90px 0;
    font-size: 18px
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

section.largest-company-sec>.container-fluid>.row {
    margin: 0 auto;
    padding: 0
}

.development-process-sec .h4,
.diffrentiators h4,
.h4.lrg {
    color: #0b2359;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    /* letter-spacing: -2px; */
    margin: 10px auto 23px
}

.red-border-line,
.red-brdr.sm {
    height: 2px;
    width: 100px;
    background: #da0e17;
    display: block;
    margin: 20px auto
}

.guarantee-row .grnt-cols,
.partners-row .grnt-cols {
    padding: 0 30px;
    border-right: 1px solid #e5e5e5
}

.guarantee-row .grnt-cols img.col-icon {
    max-width: 70px;
    max-height: 60px
}

.guarantee-row .h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 25px auto 10px;
    color: #0b2359;
    letter-spacing: 0;
    text-decoration: none
}

.cta-content-box a,
.customise-form .icon-user,
.feature-content p,
.new-career-section .job-top-box .job-info li,
.para,
.portfolio-container .portfolio-text,
.portfolio-new-design .portfolio-global-store .visit-link .content,
.price_info_two .price_item h5 i,
.welcome-intro p,
form .customised-formgroup span.icon-user {
    font-size: 16px
}

.guarantee-row {
    margin: 70px auto 0
}

.guarantee-row .grnt-cols:last-child {
    padding-right: 0;
    border: 0
}

.small-heading {
    text-align: center;
    font-size: 18px;
    color: #000
}

.software-development-sec {
    float: left;
    width: 100%;
    margin-bottom: 35px;
    background: #0b2359;
    padding: 40px 0
}

.mr0,
ul.marketing-list li img {
    margin: 0 auto
}

.software-development-sec .content-right {
    padding: 50px 60px;
    background: rgb(255 255 255 / .1);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgb(0 0 0 / .1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    right: 4%
}

.software-development-sec .circle-btn.red-btn {
    background: #da0e17
}

.circle-btn:before {
    -webkit-box-shadow: 0 0 0 0 #fff
}

.circle-btn:before,
.circle-dot:before,
.contact-number:before {
    position: absolute;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    top: 10px;
    left: 18px;
    z-index: 2;
    pointer-events: none;
    background-color: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 #da0e17
}

.circle-btn::after {
    box-shadow: inset 0 0 0 5px #fff;
    top: 12px
}

.an-h {
    font-weight: 800;
    line-height: 1.05;
    font-size: 38px;
    margin: 10px auto 35px
}

.paraa {
    font-size: 16px;
    color: #fff
}

.circle-btn,
.circle-btn:hover {
    margin: 20px auto 0;
    display: inline-block;
    background: #0b2359;
    color: #fff;
    padding: 12px 25px 12px 48px;
    font-size: 15px;
    transition: .2s
}

.app-developer .red-btn,
.app-developer .red-btn:hover,
.red-btn,
.red-btn:hover {
    background: #da0e17;
    color: #fff;
    font-size: 18px;
    padding: 12px 32px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 50px;
    position: relative
}

@media (max-width:1441px) {
    .services-section-text {
        margin-top: 5%
    }
}

@media (min-width:992px) {
    .col-md-pull-6 {
        right: 50%
    }

    .inner-page-design .services-section-text {
        margin-top: 0 !important
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .services_row_home {
        position: relative;
        background-color: #fff;
        padding: 0
    }

    .col-centered {
        float: none;
        margin: 0 auto
    }

    .home_module__headlines {
        text-align: center;
        color: #222
    }

    .home_module__headlines h3 {
        font-size: 3.125rem
    }

    .footer .lets_talksection .custom_col_5,
    .footer .lets_talksection .custom_col_7 {
        float: left
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1.875rem !important
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
}

@media screen and (min-width:48em) {
    .service_listings .service_subText {
        display: block
    }

    .service_listings .service_two_title {
        display: block;
        font-size: 1.5rem;
        line-height: 29px;
        color: #e91e63;
        text-align: left
    }

    .service_listings span {
        color: #113a87;
        font-size: 1.75rem;
        line-height: 34px;
        text-align: center
    }

    .service_listings .service_three_title {
        display: block;
        font-size: 1.5rem;
        line-height: 29px;
        color: #009688
    }

    .home_module-cyan {
        background-color: #38c6f4;
        position: relative
    }

    .home_module,
    .home_module-1,
    .home_module-cyan,
    .home_module-orange {
        padding-top: 10px;
        padding-bottom: 20px
    }

    .col-centered {
        float: none;
        margin: 0 auto
    }

    .home_module__headlines {
        text-align: center;
        color: #222
    }

    .text-white {
        color: #fff
    }

    .home_module__headlines h4 {
        font-size: 1.4rem;
        line-height: 34px;
        font-weight: 500;
        color: #000
    }

    .b-margin-2-5 {
        margin-bottom: 40px
    }

    .home_module_2__client {
        margin-top: 60px
    }
}

@media screen and (min-width:62em) {
    .home_module__headlines h3 {
        font-size: 2vw;
        font-weight: 700
    }

    .home_module_5__contact-us a:hover,
    .rise-blue {
        color: #113a87
    }

    .home_module__headlines h4 {
        font-size: 1.4rem;
        line-height: 34px
    }

    .service_list_holder {
        padding-top: 50px
    }

    .service_list_holder .servicesDesktop {
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin: auto
    }

    .service_listings {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .service_listings .service_one_title {
        display: block;
        font-size: 1.5rem;
        line-height: 29px;
        color: #9c27b0
    }

    .service_listings .service_subText {
        font-size: .935625rem;
        line-height: 21px;
        padding-top: 10px;
        color: #222;
        text-align: left
    }

    .home_module_2__client,
    .home_module_2__client2 {
        padding: 0;
        float: none;
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        z-index: 1
    }

    .home_module_2__kpi {
        line-height: 36px;
        font-weight: 400;
        font-size: 20vw
    }
}

.home_module_2__kpi::after {
    content: "%";
    font-size: 1.75rem;
    position: absolute;
    top: 15px;
    display: inline-block
}

.home_module_2__graph1,
.triangle:after {
    content: ""
}

.home_module_2__kpi-subhead {
    font-size: 5vw;
    font-weight: 300;
    line-height: 34px;
    padding: 0;
    margin-top: 15px
}

.home_module_2__kpi-description {
    font-size: 3.5vw;
    font-weight: 300;
    line-height: 2em;
    min-height: 96px;
    margin-bottom: 15px
}

.home_module_2__graph1 {
    display: inline-block;
    width: 135px;
    height: 165px;
    background-color: red;
    border-radius: 75% 56% 0 116%/100% 100% 41% 0;
    clear: both
}

.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: red #fff0
}

.triangle:after {
    display: block;
    width: 100px;
    height: 100px;
    background: #38c6f4;
    border-radius: 50px;
    left: 60px;
    top: 60px;
    position: absolute
}

.home_module_2__client,
.home_module_2__client2 {
    float: none;
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    z-index: 1
}

.home_module_2__client .btn,
.home_module_2__client2 .btn {
    font-weight: 700;
    font-size: .9375rem;
    color: #fff;
    text-decoration: none
}

.home_module_2__client .btn:after,
.home_module_2__client2 .btn:after {
    -webkit-transition: .1s linear;
    -o-transition: .1s linear;
    transition: .1s linear;
    position: relative;
    content: ">"
}

.home_module_2__client .btn:hover,
.home_module_2__client2 .btn:hover {
    text-decoration: none;
    color: #fff
}

.home_module_5__contact-us a,
.rise_form-close a {
    text-decoration: underline
}

.home_module_2__client .btn:hover:after,
.home_module_2__client2 .btn:hover:after {
    left: 5px;
    -webkit-transform: translateX(5px);
    -o-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.home_module_2__client a,
.home_module_2__client2 a {
    font-size: 3.5vm
}

.home_module_5__contact-us a:hover,
.rise-blue {
    color: #113a87
}

.home_module_2_blob1 {
    position: absolute;
    bottom: -1.5%;
    left: 9.3%;
    width: 20%
}

.home_module_2_blob2 {
    position: absolute;
    bottom: -1.5%;
    left: 48%;
    width: 25%
}

.home_module_2_line1 {
    position: absolute;
    bottom: -4%;
    left: 16%
}

.home_module_2_line2 {
    position: absolute;
    bottom: -4%;
    left: 57%
}

.home_diagonal_line_inverted {
    -webkit-transform: rotate(-22.5deg);
    -o-transform: rotate(-22.5deg);
    -ms-transform: rotate(-22.5deg);
    transform: rotate(-22.5deg);
    top: 70%
}

.privacyTileSupport {
    font-size: 4.063em
}

.home_module_4__list__four {
    position: relative;
    top: -15px;
    text-align: center;
    z-index: 1
}

.home_module_4__list__four li {
    width: 42%;
    padding: 2%;
    display: inline-block
}

.home_module_4__list__four li p,
.seo-features-area .about-text {
    margin-top: 15px
}

.shape {
    width: 100%;
    height: 0;
    bottom: 319px
}

.shape:after {
    position: absolute;
    left: 0;
    right: 0;
    top: -2;
    bottom: 0;
    margin: auto;
    content: "";
    width: 79%;
    height: 230px;
    border-radius: 0 0 50% 50%
}

.background-curved {
    background-color: #ff6b0b;
    overflow-y: hidden;
    max-width: none;
    margin: 0 -.625rem
}

.background-circle-curved {
    width: 300vw;
    height: 300vw;
    background: #fff;
    position: absolute;
    border-radius: 0 0 150vw 150vw;
    z-index: 0;
    bottom: 0;
    margin: auto;
    left: -100.5vw
}

.home_module_bottom {
    margin-top: 41px;
    position: relative;
    overflow: hidden;
    background-color: #ff6b0b
}

.home_module_bottom div.row {
    position: relative;
    z-index: 1;
    background-color: #fff
}

@media screen and (min-width:48em) {
    .home_module_2__kpi {
        font-weight: 600;
        font-size: 5rem
    }

    .home_module_2__kpi-subhead {
        font-size: 1rem;
        min-height: 90px;
        padding: .625rem 0
    }

    .home_module_2__kpi-description {
        font-size: .71875rem;
        line-height: 20px;
        margin-bottom: 20px
    }

    .home_module_2__client a,
    .home_module_2__client2 a {
        font-size: .75rem
    }

    .home_module_2__client {
        margin-top: 0
    }

    .privacyTileSupport {
        font-size: 5.063em
    }

    .home_module_4__list__four {
        top: 40px
    }

    .home_module_4__list__four li {
        width: 20%;
        padding: 0 2%
    }

    .shape {
        height: 116px
    }

    .background-circle-curved {
        width: 120vw;
        height: 120vw;
        border-radius: 0 0 60vw 60vw;
        left: -10.65vw
    }

    .home_module_bottom {
        background-color: #ff6b0b
    }

    .home_module_bottom div.row {
        background-color: #fff0
    }
}

.home_module_bottom div.row.background-curved {
    z-index: 0;
    background-color: #ff6b0b
}

.home_module_flex_support {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.home_module_5__cta-container {
    padding: .625rem 0
}

@media screen and (min-width:62em) {
    .home_module_2__kpi-subhead {
        min-height: 0
    }

    .home_module_2__kpi-description {
        width: 90%
    }

    .home_module_2__client,
    .home_module_2__client2 {
        padding: 0;
        float: left;
        text-align: left
    }

    .shape {
        height: 231px
    }

    .home_module_5__cta-container {
        padding: 2.5rem 0
    }

    .home_module_5__contact-us {
        margin-bottom: 150px
    }
}

@media screen and (min-width:82.5em) {
    .home_module_2__kpi-subhead {
        font-size: 1.5rem
    }

    .home_module_2__kpi-description {
        font-size: .9375rem;
        line-height: 24px;
        margin-bottom: 20px;
        width: 70%
    }

    .home_module_5__cta-container {
        padding: 40px 10%
    }
}

.home_module_5__dot::after {
    height: 35px
}

.home_module_5__dot-container {
    height: 0;
    position: relative;
    top: -50px
}

@media screen and (min-width:48em) {
    .home_module_5__dot::after {
        height: 37px
    }

    .home_module_5__dot-container {
        top: 50px
    }
}

@media screen and (min-width:62em) {
    .home_module_5__dot::after {
        height: 145px
    }

    .home_module_5__dot-container {
        top: 150px
    }

    .home_module__dot-container {
        margin-top: 80px;
        margin-bottom: 50px
    }
}

.services-radio {
    text-align: left;
    padding-left: 10px
}

.services-radio .radio {
    display: inline-block;
    width: 32%
}

.home_input_small {
    width: 48%;
    display: inline
}

.content-marketing3 .head-block,
.rise_form {
    padding-bottom: 60px
}

.rise_form .fomr-group {
    text-transform: capitalize
}

.rise_form input {
    border-radius: 4px
}

.btn--homepage-form {
    padding: .625rem 1.875rem;
    width: 100%;
    border-radius: 4px;
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 25px
}

.no-float {
    float: none;
    display: block
}

.rise_form-close {
    text-align: center;
    margin-top: 10px;
    font-size: .9375rem
}

.employment-form h3,
.partnership-form h3,
.services-form h3 {
    text-align: center;
    color: #fff;
    font-size: 3.125rem
}

.service .service-icon {
    width: 130px;
    margin: 0 auto 20px
}

.service h3 {
    font-size: 2.2rem;
    color: #0b2359;
    font-weight: 700;
    margin-bottom: 18px
}

.service:hover h3 {
    color: #0083ff
}

.service.service-border-style {
    border: 1px solid rgb(0 0 0 / .08);
    border-radius: 5px;
    padding: 40px 30px
}

.service.service-border-style .link-arrow {
    margin-top: 20px;
    opacity: .5;
    -webkit-transition: .3s;
    transition: .3s
}

.service-tab {
    border-top: 1px solid rgb(0 0 0 / .08);
    border-bottom: 1px solid rgb(0 0 0 / .08);
    padding-right: 0;
    padding-left: 0
}

.service-tab .nav-tabs {
    border-bottom: 0
}

.service-tab .nav-tabs .nav-item {
    margin-bottom: 0;
    width: 20%;
    list-style: none;
    border-right: 1px solid rgb(0 0 0 / .08)
}

.service-tab .nav-tabs .nav-item:first-child {
    border-left: 1px solid rgb(0 0 0 / .08)
}

.service-tab .nav-tabs .nav-item .nav-link {
    border: 0;
    text-align: center;
    padding: 25px 10px
}

.service-tab .nav-tabs .nav-item .nav-link span {
    margin-top: 10px;
    font-weight: 700;
    font-size: 1rem;
    color: #0b2359;
    display: block;
    height: 42px
}

.service-tab .nav-tabs .nav-item .nav-link.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #002f97
}

.single-tab-content h3 {
    font-size: 30px;
    font-weight: 800;
    color: #0b2359;
    margin-bottom: 25px
}

.single-tab-content p {
    font-size: 1rem
}

.affordable-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.affordable-services .affordable-service {
    text-align: center;
    padding: 25px 30px;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid #fff0
}

.affordable-services .affordable-service span {
    font-size: 40px;
    color: #0083ff;
    display: inline-block;
    margin-bottom: 20px
}

.affordable-services .affordable-service p {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0b2359
}

.affordable-services .affordable-service:hover {
    border-color: rgb(0 0 0 / .08);
    background: #f8f8f8
}

.service-details h2 {
    font-weight: 900;
    font-size: 3.6rem;
    color: #0b2359;
    margin-bottom: 30px
}

.service-details p {
    font-size: 1.5rem;
    font-weight: 400;
    color: #505050
}

.service-details img {
    -webkit-column-break-after: 5px;
    break-after: 5px
}

.service-details .service-checklist {
    padding: 0;
    margin: 20px 0 0 40px;
    list-style: none;
    max-width: 500px
}

.service-details .service-checklist li {
    font-size: 1.5rem;
    position: relative
}

.service-details .service-checklist li:before {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 3px;
    left: -40px
}

.service-details .service-details-tabs {
    border-bottom: 0;
    margin-top: 30px
}

.service-details .service-details-tabs .nav-item .nav-link {
    border: 1px solid rgb(0 0 0 / .08);
    border-radius: 5px;
    padding: 5px 20px;
    margin-right: 10px;
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 700
}

.service-details .service-details-tabs .nav-item .nav-link.active {
    color: #0083ff;
    border-color: #0083ff;
    -webkit-box-shadow: 0 5px 10px 0 rgb(0 131 255 / .15);
    box-shadow: 0 5px 10px 0 rgb(0 131 255 / .15)
}

@media all and (max-width:991px) {
    .single-tab-content {
        padding-top: 30px
    }
}

@media all and (max-width:767px) {
    .service-tab .nav-tabs .nav-item {
        width: 50%
    }

    .service-tab .nav-tabs .nav-item:first-child,
    .service-tab .nav-tabs .nav-item:nth-child(2) {
        border-bottom: 1px solid rgb(0 0 0 / .08)
    }

    .service-tab .nav-tabs .nav-item .nav-link {
        padding: 10px
    }

    .dm-tab .nav-link img {
        padding-top: 10px;
        width: 30px !important
    }
}

@media all and (max-width:575px) {
    .affordable-services .affordable-service {
        -ms-flex-preferred-size: 225px;
        flex-basis: 225px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media all and (max-width:439px) {
    .service-tab .nav-tabs .nav-item {
        border-bottom: 1px solid rgb(0 0 0 / .08);
        border-left: 1px solid rgb(0 0 0 / .08);
        border-right: 1px solid rgb(0 0 0 / .08);
        width: 100%
    }

    .service-tab .nav-tabs .nav-item:last-child {
        border-bottom: 0
    }

    .service-tab .nav-tabs .nav-item .nav-link {
        padding: 2px
    }

    .service-details .service-details-tabs {
        display: block;
        width: 100%
    }

    .service-details .service-details-tabs .nav-item {
        width: 100%;
        margin-right: 0
    }

    .service-details .service-details-tabs .nav-item+.nav-item {
        margin-top: 10px
    }

    .service-details .service-details-tabs .nav-item .nav-link {
        margin-right: 0;
        width: 100%;
        text-align: center
    }
}

.section-padding-120 {
    padding: 32px 0
}

footer .grey-dark-bg {
    color: #fff;
    padding: 53px 0 48px
}

footer .grey-dark-bg h2 {
    margin: 0;
    color: #fff
}

footer .grey-dark-bg form {
    padding: 50px 0 25px
}

footer .customise-form .customised-formgroup {
    border: none;
    background: #fff;
    text-align: left;
    padding: 6px 0
}

form .customised-formgroup {
    position: relative;
    margin-bottom: 0;
    color: #323a45;
    padding: 8px 0
}

.grey-dark-bg {
    background: #323a45
}

footer .customise-form .customised-formgroup span {
    left: 20px;
    top: 16px;
    font-size: 16px
}

form .customised-formgroup span {
    position: absolute;
    top: 22px;
    left: 0;
    font-size: 17px;
    color: #606060
}

footer .customise-form .customised-formgroup input,
footer .customise-form .customised-formgroup textarea {
    padding: 5px 45px;
    height: 38px !important;
    border: none
}

.contact-form .customised-formgroup input,
.customise-form .customised-formgroup input {
    height: 50px
}

form .customised-formgroup input,
form .customised-formgroup textarea {
    border: none;
    width: 100%;
    overflow: hidden;
    height: 44px;
    padding: 10px 25px;
    border-bottom: 2px solid #d5d5d5
}

footer .btn.btn-fill.full-width:hover {
    background: 0 0;
    border: 1px solid #da0e17;
    color: #fff
}

.btn.btn-fill.full-width:focus,
.btn.btn-fill.full-width:hover {
    background: #ff0;
    color: #53b778
}

footer .btn.btn-fill.full-width {
    margin: 0;
    background: #da0e17;
    color: #fff
}

.btn.btn-fill:active,
.btn.btn-fill:focus,
.btn.btn-fill:hover {
    background: 0 0;
    color: #53b778
}

.btn.btn-fill.full-width {
    display: block;
    margin: 56px auto;
    max-width: 360px;
    width: 100%;
    padding: .8rem 2.75rem;
    border-radius: 0
}

.funfacts_ab {
    background: url(../images/facts.png) center 0 no-repeat;
    height: 335px;
    padding-top: 90px
}

.funfacts_ab .fact {
    color: #fff;
    text-transform: uppercase;
    padding: 0 85px
}

.funfacts_ab .fact+.fact {
    border-left: 1px solid rgb(255 255 255 / .3);
    padding: 0 85px
}

.funfacts_ab .fact h3 {
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: 700;
    margin-top: 0;
    color: #fff
}

.funfacts_ab .fact h5 {
    color: #fff;
    margin: 0;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 1px
}

.footer .lets_talksection {
    padding: 60px 0 30px;
    background: url(../images/footer/bg-mesh-color.png);
    margin-top: 200px
}

.footer .lets_talksection .custom_col_5,
.footer .lets_talksection .custom_col_7 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.footer .lets_talksection .custom_col_5 {
    width: 45%
}

.footer .lets_talksection .custom_col_7 {
    width: 55%
}

.footer .lets_talksection .headerdiv {
    margin-bottom: 50px;
    margin-top: -220px
}

.footer .lets_talksection .headerdiv h2 {
    font-size: 40px;
    line-height: 1.2;
    margin-top: 0;
    color: #000
}

.footer .lets_talksection .headerdiv p {
    font-size: 20px;
    color: #000
}

.footer .lets_talksection .sidebtns {
    margin-top: 85px;
    margin-bottom: 30px
}

.footer .lets_talksection .sidebtns .btns {
    width: 510px;
    height: 90px;
    display: block;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

.footer .lets_talksection .sidebtns .btns.callus:after,
.footer .lets_talksection .sidebtns .btns.write:after {
    position: absolute;
    font-size: 88px;
    background-size: 100%;
    color: rgb(22 45 66 / .05)
}

.footer .lets_talksection .sidebtns .btns.callus,
.footer .lets_talksection .sidebtns .btns.write {
    background-color: #fff0;
    border: 1px solid
}

.footer .lets_talksection .sidebtns .btns.callus span,
.footer .lets_talksection .sidebtns .btns.write span {
    background-color: #fff0
}

.footer .lets_talksection .sidebtns .btns.write:after {
    content: "";
    right: 15px;
    top: -25px;
    font-family: FontAwesome
}

.footer .lets_talksection .sidebtns .btns.callus:after {
    content: "";
    right: 0;
    top: -18px;
    font-family: simple-line-icons
}

.footer .lets_talksection .sidebtns .btns span {
    width: 97px;
    height: 90px;
    display: inline-block;
    border-radius: 10px 0 0 10px;
    vertical-align: middle;
    text-align: center;
    font-size: 52px;
    line-height: 87px
}

.footer .lets_talksection .sidebtns .btns div {
    display: inline-block;
    vertical-align: middle;
    padding-left: 25px;
    line-height: normal
}

.bg-danger-soft h5,
.bg-primary-soft h5,
.cta-content-box h6,
.font-20,
.food-common-heading p,
.footer .lets_talksection .sidebtns .btns div p,
.fsz-20,
.lister-pointer ol li h4,
.process-section .counter-column .graph-outer .count-box .sign,
.success-one-box h6,
.workflow-content h6 {
    font-size: 20px
}

.footer .lets_talksection .sidebtns .btns div b,
.hosting_title h2 {
    font-size: 30px
}

@media (min-width:1400px) and (max-width:1499px) {
    .footer .lets_talksection .sidebtns {
        margin-top: 85px;
        margin-bottom: 35px
    }

    .footer .lets_talksection .sidebtns .btns {
        width: 440px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .footer .lets_talksection .sidebtns {
        margin-top: 80px;
        margin-bottom: 40px
    }

    .footer .lets_talksection .sidebtns .btns {
        width: 420px;
        height: 85px;
        margin-bottom: 25px
    }

    .footer .lets_talksection .sidebtns .btns span {
        width: 95px;
        height: 85px
    }

    .footer .lets_talksection .sidebtns .btns span img {
        width: 38px
    }

    .footer .lets_talksection .sidebtns .btns div p {
        font-size: 18px
    }

    .footer .lets_talksection .sidebtns .btns div b {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .top-info li.header-get-a-quote {
        display: none
    }

    .footer .lets_talksection {
        padding: 60px 0 30px;
        margin-top: 155px
    }

    .footer .lets_talksection .headerdiv {
        margin-top: -185px
    }

    .footer .lets_talksection .headerdiv h2 {
        font-size: 30px
    }

    .footer .lets_talksection .headerdiv p {
        font-size: 18px
    }

    .footer .lets_talksection .sidebtns {
        margin-top: 65px;
        margin-bottom: 30px
    }

    .footer .lets_talksection .sidebtns .btns {
        width: 350px;
        height: 75px;
        margin-bottom: 20px
    }

    .footer .lets_talksection .sidebtns .btns.callus:after,
    .footer .lets_talksection .sidebtns .btns.write:after {
        font-size: 70px
    }

    .footer .lets_talksection .sidebtns .btns span {
        width: 80px;
        height: 75px;
        font-size: 42px;
        line-height: 85px
    }

    .footer .lets_talksection .sidebtns .btns span img {
        width: 38px
    }

    .footer .lets_talksection .sidebtns .btns div p {
        font-size: 17px
    }

    .footer .lets_talksection .sidebtns .btns div b {
        font-size: 22px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .footer .lets_talksection {
        padding: 60px 0 30px;
        margin-top: 110px
    }

    .footer .lets_talksection .headerdiv {
        margin-top: -170px;
        text-align: center
    }

    .footer .lets_talksection .headerdiv h2 {
        font-size: 28px
    }

    .footer .lets_talksection .headerdiv p,
    .footer .lets_talksection .sidebtns .btns div p {
        font-size: 15px
    }

    .footer .lets_talksection .sidebtns {
        margin-top: 55px;
        margin-bottom: 25px
    }

    .footer .lets_talksection .sidebtns .btns {
        width: 49%;
        height: 65px;
        margin-bottom: 0;
        display: inline-block
    }

    .footer .lets_talksection .sidebtns .btns.callus:after,
    .footer .lets_talksection .sidebtns .btns.write:after {
        font-size: 70px
    }

    .footer .lets_talksection .sidebtns .btns span {
        width: 80px;
        height: 65px;
        font-size: 40px;
        line-height: 75px
    }

    .footer .lets_talksection .sidebtns .btns span img {
        width: 35px
    }

    .footer .lets_talksection .sidebtns .btns div {
        padding-left: 15px
    }

    .footer .lets_talksection .sidebtns .btns div b {
        font-size: 19px
    }

    .footer .lets_talksection .sidebtns .btns+.btns {
        margin-left: 10px
    }
}

@media (max-width:767px) {
    .footer .lets_talksection {
        padding: 30px 0 25px;
        margin-top: 75px
    }

    .footer .lets_talksection .headerdiv {
        margin-bottom: 40px;
        margin-top: -110px;
        text-align: center
    }

    .footer .lets_talksection .headerdiv h2 {
        padding-top: 15px;
        font-size: 26px;
        margin-bottom: 5px;
        text-align: center
    }

    .footer .lets_talksection .headerdiv p {
        font-size: 20px;
        color: #fff;
        display: none
    }

    .footer .lets_talksection .sidebtns {
        margin-top: 0;
        margin-bottom: 25px
    }

    .footer .lets_talksection .sidebtns .btns {
        width: 100%;
        height: 55px;
        margin-bottom: 15px
    }

    .footer .lets_talksection .sidebtns .btns.callus:after,
    .footer .lets_talksection .sidebtns .btns.write:after {
        font-size: 60px
    }

    .footer .lets_talksection .sidebtns .btns.write:after {
        top: -15px
    }

    .footer .lets_talksection .sidebtns .btns span {
        width: 45px;
        height: 60px;
        font-size: 30px;
        line-height: 63px;
    }

    .footer .lets_talksection .sidebtns .btns span img {
        width: 30px
    }

    .footer .lets_talksection .sidebtns .btns div {
        padding-left: 20px
    }

    .footer .lets_talksection .sidebtns .btns div p {
        font-size: 15px
    }

    .footer .lets_talksection .sidebtns .btns div b {
        font-size: 18px
    }
}

@media (min-width:415px) and (max-width:736px) {
    .footer .lets_talksection .sidebtns {
        margin-bottom: 0;
        padding-top: 20px
    }

    .footer .lets_talksection .sidebtns .btns {
        height: 60px;
        margin-bottom: 24px;
        display: inline-block
    }

    .footer .lets_talksection .sidebtns .btns.callus:after,
    .footer .lets_talksection .sidebtns .btns.write:after {
        font-size: 65px
    }

    .footer .lets_talksection .sidebtns .btns span {
        width: 60px;
        height: 60px;
        font-size: 34px;
        line-height: 70px
    }

    .footer .lets_talksection .sidebtns .btns span img {
        width: 25px
    }

    .footer .lets_talksection .sidebtns .btns div {
        padding-left: 15px
    }

    .footer .lets_talksection .sidebtns .btns div p {
        font-size: 14px
    }

    .footer .lets_talksection .sidebtns .btns div b {
        font-size: 20px;
        font-weight: 500
    }

    .footer .lets_talksection ul.address li:last-child {
        display: none
    }

    .footer .lets_talksection .sidebtns .btns+.btns {
        margin-left: 5px
    }
}

.footer .lets_talksection ul.address li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    position: relative
}

.footer .lets_talksection ul.address li:after {
    content: "";
    position: absolute;
    width: 295px;
    height: 1px;
    background-color: #1a3d5d;
    left: 0;
    bottom: 0
}

@media (min-width:1200px) and (max-width:1399px) {
    .footer .lets_talksection ul.address li {
        font-size: 17px
    }
}

@media (max-width:1199px) {
    .footer .lets_talksection ul.address li {
        font-size: 16px
    }

    .whats_app {
        margin: 10px !important;
        right: 0px !important;
        width: 50px !important;
    }
}

.footer .lets_talksection .or {
    height: 58px;
    width: 58px;
    text-align: center;
    position: absolute;
    right: 30px;
    z-index: 111;
    top: 160px
}

.footer .lets_talksection .or span {
    font-size: 20px;
    color: #319dcc;
    z-index: 111;
    position: relative;
    background-color: #fff;
    display: block;
    line-height: 58px;
    border-radius: 50px
}

.footer .lets_talksection .or:after {
    content: "";
    position: absolute;
    height: 300px;
    background-color: #1a3d5d;
    width: 0;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1
}

@media (min-width:1400px) and (max-width:1499px) {
    .footer .lets_talksection .or {
        right: 20px
    }
}

.footer .lets_talksection .get_in_touch {
    background-color: #fff;
    border-radius: 10px;
    border: 0 solid #00aff0;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / .175) !important;
    padding: 40px 35px 0;
    margin-top: -220px
}

.footer .lets_talksection .get_in_touch .row {
    margin-left: -10px;
    margin-right: -10px
}

.footer .lets_talksection .get_in_touch .customcol {
    padding-right: 10px;
    padding-left: 10px
}

.footer .lets_talksection .get_in_touch .form-group,
.service_details_content p {
    margin-bottom: 25px
}

@media (min-width:1200px) and (max-width:1399px) {
    .footer .lets_talksection .or {
        top: 70px;
        right: 15px;
        height: 48px;
        width: 48px
    }

    .footer .lets_talksection .or span {
        line-height: 48px;
        font-size: 16px
    }

    .footer .lets_talksection .or:after {
        height: 220px
    }

    .footer .lets_talksection .get_in_touch {
        padding: 30px 30px 25px
    }

    .footer .lets_talksection .get_in_touch .form-group {
        margin-bottom: 30px
    }

    .footer .iconslider {
        margin-top: 40px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .footer .lets_talksection .or {
        top: 50px;
        height: 50px;
        width: 50px;
        right: 3px
    }

    .footer .lets_talksection .or span {
        font-size: 16px;
        line-height: 50px
    }

    .footer .lets_talksection .or:after {
        height: 200px
    }

    .footer .lets_talksection .get_in_touch {
        margin-top: -185px;
        padding: 40px 35px 0
    }

    .footer .lets_talksection .get_in_touch .form-group {
        margin-bottom: 25px
    }

    .footer .iconslider {
        margin-top: 35px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .footer .lets_talksection ul.address li {
        padding-bottom: 12px;
        margin-bottom: 12px
    }

    .footer .lets_talksection .get_in_touch {
        margin-top: 45px;
        padding: 20px 25px 0
    }

    .footer .lets_talksection .get_in_touch .form-group {
        margin-bottom: 20px
    }
}

.footer .iconslider figure .imgdiv {
    display: inline-block;
    padding: 0 5px
}

.footer .inner_section {
    min-height: 225px;
    background-color: #101e2a;
    color: #8d97a4
}

.footer .inner_section .footer-top {
    padding: 40px 0 55px
}

.footer .inner_section .footer-top h3.heading {
    font-family: brandon_grotesquemedium;
    font-size: 15px;
    margin-bottom: 12px;
    margin-top: 0;
    color: #eee
}

.footer .inner_section .footer-top .quicklinks ul li {
    display: inline-block;
    position: relative;
    min-width: 65px
}

.footer .inner_section .footer-top .quicklinks ul li a {
    color: #8d97a4;
    display: inline-block;
    text-decoration: none;
    font-size: 15px
}

.footer .inner_section .footer-top .quicklinks ul li a:hover {
    color: #3ecadd
}

.footer .inner_section .footer-top .quicklinks ul li+li {
    padding-left: 15px;
    margin-left: 15px
}

.intro-desc,
.para-align-justify,
.wd-p-justify {
    text-align: justify
}

.btn-light,
.job-overview ul li i,
.theme-red-color {
    color: #da0e17
}

a[href*="tel:"] {
    pointer-events: none;
    cursor: default
}

.dotLinks li {
    list-style: disc;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600
}

.whats_app {
    position: fixed;
    bottom: 140px;
    width: 60px;
    right: 0;
    z-index: 99999
}

.error {
    color: red;
    font-size: 14px;
    margin-bottom: 0
}

.pricing_area_four .sec_title,
.section-title-s3,
.text-dev {
    margin-bottom: 50px
}

.cbanner_content1 p {
    font-size: 15px;
    line-height: 27px;
    color: #000;
    text-align: justify;
    margin: 0 0 30px;
    font-weight: 500
}

.cbanner_content1 {
    padding: 50px 30px 0 0
}

.cbanner_content1 h2 {
    font-size: 40px;
    color: #000;
    font-weight: 400;
    margin: 0 0 20px
}

.cbanner_content1 h2 strong {
    font-weight: 700;
    font-size: 65px
}

.sc-but {
    color: #ff5722;
    font-size: 35px;
    margin-bottom: 10px
}

.ite {
    background: #fff;
    margin-left: 0;
    padding: 15px;
    margin-bottom: 40px;
    box-shadow: 0 0 10px 0 rgb(83 82 82 / .1);
    text-align: center;
    height: 220px;
    border-radius: 0 50px
}

.dm-workflow-sec,
.padding-lg {
    padding: 90px 0
}

.content-marketing {
    display: block;
    text-align: center
}

.content-marketing .head-block {
    padding-bottom: 90px
}

.content-marketing .head-block h2,
.generate-forms h2,
.sem-section-title,
ul.marketing-list li p {
    padding-bottom: 30px
}

.content-marketing .head-block p {
    font-size: 16px;
    line-height: 30px
}

ul.marketing-list li {
    list-style: none;
    border-right: 1px solid #dbeaef;
    position: relative
}

ul.marketing-list li .inner {
    display: block;
    padding: 0 6%
}

ul.marketing-list li:after {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: -6px;
    top: 0;
    content: "";
    background: #dbeaef;
    border-radius: 50%
}

ul.marketing-list li h3 {
    display: block;
    padding: 40px 5% 30px;
    font-size: 22px;
    font-weight: 300;
    line-height: 28px
}

a.know-more {
    font-size: 15px;
    font-weight: 600;
    color: #606d87;
    text-transform: uppercase
}

a.know-more:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-family: icomoon;
    font-size: 24px;
    content: "\e900";
    color: #f29a32;
    transition: .3s
}

a.know-more:hover:before {
    color: #57bce2
}

ul.marketing-list li a:hover,
ul.marketing-list3 li a:hover {
    color: #f29a32
}

.seo-reports.seo-reports2 {
    padding-top: 85px
}

.process-block:nth-child(2n) .inner-box,
.seo-reports.seo-reports2 .cnt-block {
    padding-top: 60px
}

.back-black-box .food-common-heading,
ul.marketing-list2,
ul.marketing-list3 {
    text-align: left
}

.vertical-job-card .can-skils li,
ul.marketing-list2 li {
    list-style: none
}

ul.marketing-list2 li .icon {
    display: block;
    padding-bottom: 25px
}

ul.marketing-list2 li h3 {
    max-width: 260px;
    padding-bottom: 15px;
    font-size: 22px;
    font-weight: 300;
    line-height: 28px
}

ul.marketing-list2 li p {
    padding: 0 6% 0 0
}

ul.marketing-list3 li {
    list-style: none;
    margin-bottom: 0
}

ul.marketing-list3 li .equal-hight {
    padding: 24px 12% 0 8%;
    background: #fff;
    border: 0 solid #e0e5e9;
    box-shadow: 0 0 25px rgb(0 0 0 / .1);
    border-radius: 10px;
    position: relative
}

ul.marketing-list3 li .ico-block {
    width: 20%;
    float: left
}

ul.marketing-list3 li .cnt-block {
    width: 80%;
    padding-left: 35px;
    float: left
}

ul.marketing-list3 li h3 {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 0 !important;
    font-size: 21px;
    font-weight: 600;
    line-height: 28px;
    color: #0f2765
}

ul.marketing-list3 li p {
    padding-bottom: 30px;
    line-height: 22px
}

ul.marketing-list3 li a {
    position: absolute;
    right: 25px;
    top: 50px;
    font-size: 26px;
    color: #e2e2e2
}

.seo-reports {
    background: #f5f5f5
}

.seo-reports .cnt-block {
    padding-top: 110px
}

.seo-reports .cnt-block h2 {
    padding-bottom: 25px
}

.seo-reports .cnt-block p {
    padding: 0 4% 35px 0
}

.seo-reports .margin {
    margin-right: -100px
}

.generate-forms p {
    padding-bottom: 45px
}

.generate-forms p.padd-sm,
.pb-20 {
    padding-bottom: 20px
}

.about-area .default.info h4 {
    color: #ff5722;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px
}

.about-area .default.info h2,
.about-area .default.info h3 {
    font-weight: 600;
    margin-bottom: 20px
}

.about-area .default.info h2 {
    line-height: 1.4;
    font-size: 27px;
    color: #0f2765
}

.about-area .bottom-info {
    border-top: 1px solid #e7e7e7;
    margin-top: 35px;
    padding-top: 30px
}

.about-area .bottom-info span {
    display: table;
    padding-top: 2px
}

.about-area .bottom-info li {
    display: flex;
    justify-content: start;
    align-items: center;
    font-weight: 500;
    margin-bottom: 12px;
    text-transform: capitalize
}

.about-area .bottom-info li i {
    background: #ff5722;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    float: left;
    padding-top: 2px;
    font-size: 15px;
    height: 24px;
    line-height: 20px;
    margin-right: 15px;
    margin-top: 5px;
    position: relative;
    text-align: center;
    width: 24px;
    z-index: 1
}

.about-area .bottom-info li i::after {
    background: 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 28px;
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 28px;
    z-index: -1
}

.about-area .services-info .item {
    background: #fff;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    -o-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    margin-top: 30px;
    padding: 30px;
    border-radius: 5px
}

.about-area .services-info {
    margin-top: -30px
}

.about-area .services-info .item i {
    color: #4ac4f3;
    display: inline-block;
    font-size: 60px;
    margin-bottom: 25px;
    position: relative;
    z-index: 1
}

.about-area .services-info .item h4 {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px
}

.about-area .services-info .equal-height:first-child .item h4,
.about-area .services-info .equal-height:nth-child(4) .item h4 {
    color: #ff5722;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px
}

.ite img,
.jewellery-faq .card .card-body p {
    margin-bottom: 14px
}

.ite h4 {
    color: #0f2765;
    font-weight: 700
}

.text-muted {
    padding-top: 10px
}

.card {
    position: relative;
    display: inline-block
}

.card .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

.card:hover .img-top {
    display: inline
}

.career-form-section .col-lg-5,
.form-career-sec {
    position: sticky;
    top: 100px
}

.job-verticle-list {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    padding: 0 25px;
    -webkit-box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);
    transition: .3s linear
}

.vertical-job-body {
    border-top: 1px solid #eaeff5;
    padding: 15px 0;
    width: 100%
}

.vertical-job-header {
    display: flex !important;
    width: 100%;
    padding: 20px 0;
    align-items: center;
    justify-content: space-between
}

.job-header-new {
    display: flex;
    align-items: center;
    gap: 10px
}

.gp-4 {
    gap: 4px
}

.vrt-job-cmp-logo {
    float: left;
    width: 45px;
    height: 45px;
    background: #acb8d561;
    text-align: center;
    border-radius: 5px
}

.vrt-job-cmp-logo a {
    font-size: 30px;
    line-height: 1.5
}

.com-tagline,
.vertical-job-header h4 {
    margin-left: 25px
}

.vertical-job-header h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
    margin-top: 7px;
    margin-left: 0 !important;
    text-transform: uppercase
}

.vertical-job-header .com-tagline {
    font-size: 13px;
    margin-bottom: 2px;
    display: block
}

.vertical-job-card ul,
ul.points {
    margin: 0;
    padding: 0
}

.vertical-job-body ul li {
    padding: 1px 0
}

.cmp-job-rating .rating-counter,
.cmp-job-review ul li i {
    margin-left: 10px
}

.vertical-job-footer {
    padding: 30px 0
}

.cmp-job-rating ul li,
.cmp-job-review ul li {
    font-size: 13px;
    display: inline-block;
    margin-right: 20px
}

.cmp-job-rating .rate {
    color: #f7874e
}

.cmp-job-rating i {
    color: #b1c1d0
}

.cmp-job-rating ul li strong {
    margin-right: 7px
}

.vertical-job-body ul.can-skils li strong {
    width: 125px;
    display: inline-block
}

.mtb-5 {
    margin: 5px 0
}

.skill-tag {
    background-color: #7b9fff40;
    border: 1px solid #c9c9c975;
    border-radius: 4px;
    display: inline-block;
    font-size: 13.5px;
    font-weight: 500;
    line-height: normal;
    padding: 5px 10px;
    position: relative
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0
}

.skill-tag:before {
    border-top: 10px solid #fff0;
    border-left: 9px solid #eaedf3;
    border-bottom: 10px solid #fff0;
    height: 0;
    position: absolute;
    top: 0;
    right: -8px;
    width: 0
}

.skill-tag:after {
    background-color: #fff;
    border-radius: 50%;
    height: 4px;
    position: absolute;
    top: 8px;
    right: -2px;
    width: 4px
}

span.pull-right.vacancy-no {
    position: absolute;
    right: 50px;
    top: 25px
}

span.pull-right.vacancy-no span.v-count {
    background: rgb(255 124 57 / .1);
    color: #ff7c39;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 4px;
    border: 1px solid #ff7c39;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: normal
}

.vertical-job-body ul.can-skils li i {
    margin-right: 12px;
    font-size: 20px
}

span.pull-right.job-type {
    position: absolute;
    right: 25px;
    top: 25px;
    padding: 1px 22px;
    border-radius: 50px;
    border: 1px solid #eaeff5;
    box-shadow: 1px 0 5px rgb(0 0 0 / .07);
    -webkit-box-shadow: 1px 0 5px rgb(0 0 0 / .07);
    font-size: 11px
}

.btn-job {
    display: inline-block;
    min-width: 140px;
    text-align: center;
    border-radius: 50px;
    padding: 6px 20px;
    border: 1px solid #fff0;
    margin: 6px auto
}

.light-gray-btn {
    background: #e8edf1;
    border: 1px solid #e5eaef
}

.light-gray-btn:focus,
.light-gray-btn:hover {
    color: #fff;
    background: #78909c;
    border: 1px solid #78909c
}

.theme-btn,
.theme-btn:focus,
.theme-btn:hover {
    color: #fff;
    background: #ff7c39;
    border: 1px solid #ff7c39
}

.company-info {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 33px;
    margin-bottom: 35px
}

.company-info .content {
    display: block;
    float: left;
    margin: 30px 0 -20px
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.widget {
    margin-bottom: 42px
}

.widget h4 {
    font-size: 20px;
    margin-bottom: 15px
}

.app-tabs a.close-tab,
.small-dialog-headline {
    border-radius: 3px 3px 0 0
}

.small-dialog-headline {
    background-color: #fafafa;
    padding: 25px 40px;
    border-bottom: 1px solid #e0e0e0
}

.small-dialog-content .divider {
    display: inline-block;
    border-top: 1px solid #e0e0e0;
    height: 1px;
    width: 100%
}

.small-dialog-content button.send {
    width: 100%;
    margin-top: 25px;
    line-height: 24px;
    border-radius: 3px
}

.list-1 li::before {
    content: "";
    font-size: 8px;
    color: #da0e17
}

.list-1 li:before {
    font-family: fontawesome;
    margin: 0 0 0 -20px;
    position: relative;
    color: #da0e17;
    float: left;
    display: block
}

.job-overview,
.job-spotlight {
    background-color: #fdfdfd;
    border: 1px solid #e2e2e2;
    padding: 35px 38px 31px
}

.job-overview a.button,
.job-overview a.button:hover,
.job-spotlight a.button,
.job-spotlight a.button:hover {
    text-align: center;
    margin: 20px 0 0;
    border-radius: 3px;
    text-transform: none;
    font-weight: 600;
    font-size: 14px;
    outline: 0;
    position: relative;
    z-index: 10;
    transition: .2s ease-in-out;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;
    width: 100%;
    padding: 10px 20px;
    overflow: hidden
}

.job-overview a.button,
.job-spotlight a.button {
    background-color: #76b51b;
    text-transform: uppercase;
    border: none
}

.job-overview a.button:hover,
.job-spotlight a.button:hover {
    background-color: #0f2765;
    text-transform: uppercase;
    border: none
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .65
}

.my-mfp-zoom-in.mfp-bg {
    opacity: .001;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.mfp-bg {
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    background: #000;
    opacity: .8
}

.mfp-wrap {
    top: -10px;
    width: 100%;
    height: 100%;
    z-index: 1001;
    -webkit-backface-visibility: hidden
}

#small-dialog,
.mfp-content {
    text-align: left;
    position: relative
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-content {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    z-index: 505
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

#small-dialog {
    background: #fff;
    padding: 30px 40px 35px;
    max-width: 610px;
    margin: 40px auto;
    box-sizing: border-box
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.small-dialog-headline h2 {
    font-size: 22px
}

.mfp-content .mfp-close {
    top: 25px;
    right: 25px;
    border-radius: 3px
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 506
}

.mfp-close {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    right: 0;
    cursor: pointer !important;
    z-index: 9999;
    background: #282828;
    color: #fff;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-close::before {
    content: "";
    font-family: fontawesome;
    font-size: 16px;
    top: 0;
    left: 0;
    position: relative
}

.testi-h2 {
    color: #333;
    text-align: center;
    font-weight: 700;
    position: relative;
    margin: 30px 0 60px
}

.testi-h2::after {
    content: "";
    width: 100px;
    position: absolute;
    margin: 0 auto;
    height: 3px;
    background: #0f2765;
    left: 0;
    right: 0;
    bottom: -10px
}

.col-center {
    margin: 0 auto;
    float: none !important
}

.carousel {
    margin: 50px auto;
    padding: 0 70px
}

.carousel .item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 290px
}

.carousel .item .img-box {
    width: 135px;
    height: 135px;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 50%
}

.carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%
}

.carousel .testimonial {
    padding: 30px 0 10px
}

.carousel .overview b {
    text-transform: uppercase;
    color: #e83006
}

.carousel .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: 0 0
}

.carousel-control i {
    font-size: 68px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgb(0 0 0 / .8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000
}

.carousel .carousel-indicators {
    bottom: -40px
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 10px;
    height: 10px;
    margin: 1px 3px;
    border-radius: 50%
}

.carousel-indicators li {
    background: #999;
    border-color: #fff0;
    box-shadow: inset 0 2px 1px rgb(0 0 0 / .2)
}

.carousel-indicators li.active {
    background: #555;
    box-shadow: inset 0 2px 1px rgb(0 0 0 / .2)
}

.bg-gray,
.testi-bg {
    background: #f8f8f8
}

.school-tabs {
    height: 240px
}

.professional-section,
.projects-page-section,
.service-item-three,
.services-section {
    position: relative;
    padding: 0
}

.gallery-item-two,
.projects-page-section .filters {
    position: relative;
    margin-bottom: 55px
}

.projects-page-section .filters li {
    position: relative;
    display: inline-block;
    color: #777;
    padding: 0 12px 8px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    margin: 0 10px 8px;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.projects-page-section .filters li:after {
    position: absolute;
    content: "/";
    right: -14px;
    top: 1px;
    font-size: 14px;
    color: #222
}

.projects-page-section .filters .filter.active,
.projects-page-section .filters .filter:hover {
    color: #222
}

.projects-page-section .filters li:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -4px;
    height: 2px;
    width: 0;
    background-color: #ff9600;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.gallery-block-two .inner-box,
.gallery-item-two .inner-box {
    position: relative;
    width: 100%
}

.gallery-item-two .image-box {
    position: relative;
    display: block;
    margin: 0;
    overflow: hidden;
    border-radius: 15px;
    height: 233px;
    max-width: 100%;
    object-fit: cover
}

.gallery-block-two .image-box img,
.gallery-item-two .image-box img,
.welcome-thumb-wrapper {
    position: relative;
    display: block;
    width: 100%
}

.gallery-item-two .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #fff;
    text-align: center;
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    background: rgb(0 0 0 / .7);
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.gallery-block-two .inner-box:hover .overlay-box,
.gallery-item-two .inner-box:hover .overlay-box {
    opacity: 1;
    -moz-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    visibility: visible
}

.gallery-block-two .overlay-inner,
.gallery-item-two .overlay-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 0
}

.gallery-block-two .overlay-inner .content,
.gallery-item-two .overlay-inner .content {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.gallery-item-two .overlay-inner .link {
    position: relative;
    width: 50px;
    height: 50px;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    margin: 0 3px;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    background-color: #06009c;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.gallery-item-two .overlay-inner .link:before {
    position: absolute;
    content: "";
    left: 2px;
    right: -2px;
    top: 2px;
    bottom: -2px;
    z-index: -1;
    background-color: #fff;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.gallery-item-two .overlay-inner .link:hover::before {
    background-color: #06009c
}

.gallery-item-two .overlay-inner .link:hover {
    color: #06009c;
    background-color: #fff
}

.gallery-item-two .inner-box .lower-box {
    position: relative;
    padding-top: 25px
}

.gallery-item-two .inner-box .lower-box .arrow-link {
    position: absolute;
    right: 30px;
    top: -30px;
    width: 60px;
    height: 60px;
    color: #0400b5;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    transform: scale(0, 0);
    background-color: #fff;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.gallery-item-two .inner-box .lower-box .arrow-link:hover {
    color: #fff;
    background-color: #0400b5
}

.gallery-item-two .inner-box:hover .arrow-link {
    transform: scale(1, 1)
}

.gallery-item-two .inner-box .lower-box h3 {
    position: relative;
    color: #222;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 0 !important
}

.gallery-item-two .inner-box .lower-box h3 a {
    position: relative;
    color: #01368a;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.gallery-item-two .inner-box .lower-box h3 a:hover {
    color: #01255f
}

.gallery-item-two .inner-box .lower-box .category {
    position: relative;
    color: #777;
    font-size: 14px;
    margin-top: 4px;
    text-transform: uppercase
}

.projects-detail-section .gallery-boxed .owl-nav .owl-next,
.projects-detail-section .gallery-boxed .owl-nav .owl-prev {
    width: 30px;
    height: 70px;
    font-size: 18px;
    line-height: 70px;
    background-color: rgb(0 0 0 / .5);
    text-align: center;
    color: #fff;
    top: 0
}

.project-info {
    padding-left: 0;
    position: relative
}

.project-info li .fa {
    position: relative;
    margin-right: 12px;
    color: #04186f
}

.list-style-four li {
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding-left: 22px;
    margin-bottom: 12px
}

.list-style-four li:before {
    position: absolute;
    content: "\f005";
    left: 0;
    top: 0;
    color: #da0e17;
    font-size: 14px;
    font-family: FontAwesome
}

.projects-detail-section {
    padding: 60px 0 0;
    position: relative
}

.projects-detail-section .gallery-boxed .image {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px
}

.chips-block .inner-box .image img,
.drink-block .inner-box .image img,
.flavour-block .inner-box .image img,
.professional-section .image-column .inner-column .image img,
.projects-detail-section .gallery-boxed .image img {
    position: relative;
    width: 100%;
    display: block
}

.projects-detail-section .gallery-boxed .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -38px
}

.projects-detail-section .gallery-boxed .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.projects-detail-section .gallery-boxed .owl-nav .owl-next {
    position: absolute;
    right: 0;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.projects-detail-section .gallery-boxed .owl-nav .owl-next:hover,
.projects-detail-section .gallery-boxed .owl-nav .owl-prev:hover {
    color: #ff9600;
    background-color: #fff
}

.projects-detail-section h3 {
    position: relative;
    color: #222;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 20px
}

.projects-detail-section p {
    position: relative;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 15px
}

.project-info li {
    position: relative;
    margin-bottom: 16px
}

.project-info li .icon {
    position: relative;
    margin-right: 12px;
    color: #ff9600
}

.project-info li strong {
    position: relative;
    font-weight: 700;
    color: #000;
    margin-right: 8px
}

.lazy {
    max-width: 100%;
    height: auto
}

.white-bg {
    background-color: #fff !important
}

.content-pd-50-70,
.pd-tb-50 {
    padding-top: 50px;
    padding-bottom: 0
}

.pd-bt-30-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.section-title-wd h2 {
    margin: 0;
    font-size: 40px;
    margin-bottom: 0 !important;
    font-style: italic;
    font-weight: 400
}

.section-title-wd h2[data-backfont]:before {
    content: attr(data-backfont);
    font-size: 4em;
    opacity: .04;
    position: absolute;
    top: .3em;
    left: -.15em;
    text-align: center;
    text-transform: capitalize;
    font-style: italic
}

.default-color {
    color: #f5325c !important
}

hr.left-line {
    margin: 20px 0;
    width: 50px;
    border: 0;
    height: 6px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px
}

.web-design-sec {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    margin-bottom: 35px;
    background: #e9edf3
}

.btn.btn-lg-1 {
    padding: 6px 30px;
    font-size: 17px
}

.btn-light-outline {
    color: #fff !important;
    border: 3px solid #fff;
    background-color: #fff0
}

.btn-light-outline:hover {
    color: #000 !important;
    border: 3px solid #fff;
    background-color: #fff
}

.btn-square {
    border-radius: 0
}

.an-wd {
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -1.5px;
    font-size: 36px;
    margin-top: 14px
}

.web-design-sec .content-right {
    padding: 20px 70px;
    background: #022a5e
}

.pad-82 {
    padding: 82px 0
}

.wd-section {
    padding-top: 50 !important
}

.school-sw {
    height: 289px
}

.school-sw .item img {
    transition: 1.5s ease all;
}

.school-sw:hover .item img {
    transform: rotateY(360deg)
}

.key-feature .content img {
    transition: 1.5s ease all;
}

.key-feature:hover .content img {
    transform: rotateY(360deg)
}

.service-block-three .icon-box img {
    transition: 1.5s ease all;
}

.service-block-three:hover .icon-box img {
    transform: rotateY(360deg)
}

.contact-section {
    margin-bottom: 240px
}

@font-face {
    font-family: ElegantIcons;
    src: url(fonts/ElegantIcons.eot);
    src: url(fonts/ElegantIcons.eot?#iefix) format("embedded-opentype"), url(../fonts/ElegantIcons.woff) format("woff"), url(fonts/ElegantIcons.ttf) format("truetype"), url(fonts/ElegantIcons.svg#ElegantIcons) format("svg");
    font-weight: 400;
    font-style: normal
}

.price_info_two {
    -webkit-box-shadow: 0 4px 5px 0 rgb(12 0 46 / .05);
    box-shadow: 0 4px 5px 0 rgb(12 0 46 / .05)
}

.price_info_two .price_head {
    display: table;
    width: 100%
}

.price_info_two .price_head .p_head,
.price_info_two .price_item {
    width: calc(100% / 4);
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.price_info_two .price_head .p_head {
    color: #fff;
    padding: 15px 0
}

.price_info_two .price_head .p_head h4 {
    color: #222d39;
    font-size: 20px
}

.price_info_two .price_head .p_head p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.price_info_two .price_head .p_head:first-child,
.price_info_two .price_head .p_head:nth-child(2) {
    background: #0ed1b3
}

.price_info_two .price_head .p_head:nth-child(3) {
    background: #6c84ee
}

.price_info_two .price_head .p_head:nth-child(4) {
    background: #ee6cda
}

.price_info_two .price_head .p_head h5 {
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.price_info_two .price_item {
    cursor: pointer;
    padding: 7px 0
}

.price_info_two .price_item:nth-child(odd) {
    background: #f8f8fa
}

.price_info_two .price_item:first-child {
    text-align: left;
    padding-left: 30px
}

.price_info_two .price_item h5 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #222d39
}

.price_info_two .price_item .pr_title {
    position: relative;
    display: inline-block;
    padding-left: 30px
}

.price_info_two .price_item .pr_title:before {
    content: "\70";
    position: absolute;
    left: 0;
    top: 0;
    font-family: eleganticons;
    color: #afb5c7;
    -webkit-transition: color linear;
    -o-transition: color linear;
    transition: color linear
}

.price_info_two .price_item .pr_title:hover:before {
    color: #5e2ced
}

.price_info_two .price_item .check {
    color: #0ed1b3
}

.price_info_two .price_item .cros {
    color: #afb5c7
}

.price_info_two .pr_list {
    display: table;
    width: 100%;
    border-bottom: 1px solid #f6f6f6
}

.price_info_two .price_btn {
    border-radius: 45px;
    color: #fff;
    border-color: #dfe3ed;
    padding: 0 32px;
    line-height: 46px;
    margin: 15px 0;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear
}

.price_info_two .price_btn:hover {
    background: #5e2ced;
    border-color: #5e2ced;
    color: #fff
}

.tooltip .tooltip-inner {
    background-color: #fff !important;
    color: #111 !important;
    opacity: 1;
    -webkit-box-shadow: 0 20px 40px 0 rgb(12 0 46 / .14);
    box-shadow: 0 20px 40px 0 rgb(12 0 46 / .14);
    font-size: 16px;
    line-height: 26px;
    width: 100%
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #fff
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #fff
}

.price_info_three .price_head .p_head:nth-child(2) {
    background: #fba820
}

.price_info_three .price_head .p_head:nth-child(3) {
    background: #e63779
}

.price_info_three .price_head .p_head:nth-child(4) {
    background: #0e79de
}

.price_info_three .price_item h5 {
    color: #2c2c51
}

.price_info_three .price_item .pr_title:hover:before {
    color: #26da15
}

.price_info_three .price_item .check {
    color: #0e79de
}

.price_info_three .price_item .cros {
    color: #fc3f48
}

.price_info_three .price_btn:hover {
    background: #0e79de;
    border-color: #0e79de
}

.icon_check_alt2:before {
    content: "\52"
}

i:before {
    margin-left: 0 !important
}

.icon_check_alt2,
.icon_close {
    font-family: ElegantIcons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.icon_close:before {
    content: "\4d";
    color: red
}

.analytices_customers_logo_area {
    padding: 200px 0 120px
}

.analytices_logo {
    display: block;
    text-align: center;
    padding: 25px;
    border-radius: 6px;
    margin-top: 20px;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear
}

.analytices_logo:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 20px 50px 0 rgb(1 1 64 / .08);
    box-shadow: 0 20px 50px 0 rgb(1 1 64 / .08)
}

.analytices_logo_content {
    padding-right: 80px
}

.support_home_area {
    background: #fafafe
}

.support_home_area .banner_top .subcribes .form-control {
    border-radius: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #e1e1e1
}

.support_home_area .banner_top .subcribes .form-control:-moz-placeholder {
    color: #999
}

.support_home_area .banner_top .subcribes .form-control::-moz-placeholder {
    color: #999
}

.support_home_area .banner_top .subcribes .form-control::-webkit-input-placeholder {
    color: #999
}

.support_home_area .banner_top .subcribes .btn_submit {
    border-radius: 45px
}

.support_home_img {
    margin-left: -70px
}

.border_bottom {
    width: 100%;
    height: 1px;
    background: #e1e5e8
}

.padding-top-50,
.port-pt-50,
.pt-50,
.support_partner_logo_area {
    padding-top: 50px
}

.support_help_area .support_item {
    text-align: center;
    width: 50%
}

.support_help_area .support_item h4 {
    font-size: 24px;
    font-weight: 500;
    color: #051441;
    margin: 36px 0 25px
}

.support_help_area .support_item .software_banner_btn {
    background-color: #0f2765;
    -webkit-box-shadow: 0 20px 30px 0 rgb(12 0 46 / .1);
    box-shadow: 0 20px 30px 0 rgb(12 0 46 / .1);
    padding: 7px 17px
}

.support_help_area .support_item .software_banner_btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.support_help_area .support_item+.support_item {
    border-left: 1px solid #e1e1e1
}

.erp_item_features+.erp_item_features {
    margin-top: 200px
}

.erp_features_img_two,
.pos-r {
    position: relative;
    padding-top: 50px
}

.erp_features_img_two .img_icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    color: #fff;
    line-height: 112px;
    font-size: 24px;
    text-align: center;
    position: absolute;
    top: 24px;
    right: 16px;
    z-index: 1
}

.erp_features_img_two .img_icon .pluse_1,
.erp_features_img_two .img_icon .pluse_2 {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgb(243 186 14 / .102)
}

.erp_features_img_two .img_icon .pluse_1:after,
.erp_features_img_two .img_icon .pluse_1:before,
.erp_features_img_two .img_icon .pluse_2:after,
.erp_features_img_two .img_icon .pluse_2:before {
    content: "";
    position: absolute;
    background: rgb(243 186 14 / .13);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px
}

.erp_features_img_two .img_icon .pluse_1:before,
.erp_features_img_two .img_icon .pluse_2:before {
    width: 80px;
    height: 80px
}

.erp_features_img_two .img_icon .pluse_1:after,
.erp_features_img_two .img_icon .pluse_2:after {
    width: 60px;
    height: 60px;
    background: #f3ba0e;
    margin-left: -30px;
    margin-top: -30px
}

.erp_features_img_two .img_icon.red .pluse_1,
.erp_features_img_two .img_icon.red .pluse_2 {
    background: rgb(249 62 94 / .102)
}

.erp_features_img_two .img_icon.red .pluse_1:after,
.erp_features_img_two .img_icon.red .pluse_1:before,
.erp_features_img_two .img_icon.red .pluse_2:after,
.erp_features_img_two .img_icon.red .pluse_2:before {
    background: rgb(249 62 94 / .13)
}

.erp_features_img_two .img_icon.red .pluse_1:after,
.erp_features_img_two .img_icon.red .pluse_2:after {
    background: #f93e5e
}

.erp_features_img_two .img_icon.green .pluse_1,
.erp_features_img_two .img_icon.green .pluse_2 {
    background: rgb(112 215 21 / .102)
}

.erp_features_img_two .img_icon.green .pluse_1:after,
.erp_features_img_two .img_icon.green .pluse_1:before,
.erp_features_img_two .img_icon.green .pluse_2:after,
.erp_features_img_two .img_icon.green .pluse_2:before {
    background: rgb(112 215 21 / .13)
}

.erp_features_img_two .img_icon.green .pluse_1:after,
.erp_features_img_two .img_icon.green .pluse_2:after {
    background: #70d715
}

.erp_features_img_two .img_icon .pluse_1 {
    -webkit-animation: 3s linear infinite pulsates;
    animation: 3s linear infinite pulsates
}

.erp_features_img_two .img_icon .pluse_2 {
    background: 0 0 !important
}

.grdnt-purple.overly::before,
a[class*=grdnt-]:hover,
button[class*=grdnt-]:hover {
    background-image: -webkit-linear-gradient(135deg, #c10406 0, #d30505 51%, #b00816 100%) !important;
    background-image: linear-gradient(135deg, #c10406 0, #d30505 51%, #b00816 100%) !important
}

.erp_features_img_two .img_icon .pluse_2:before {
    -webkit-animation: 3s linear 1s infinite pulsates;
    animation: 3s linear 1s infinite pulsates;
    margin-left: 0;
    margin-top: 0
}

@-webkit-keyframes pulsates {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(.3);
        transform: translate(-50%, -50%) scale(.3)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2)
    }
}

@keyframes pulsates {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(.3);
        transform: translate(-50%, -50%) scale(.3)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2)
    }
}

.erp_content_two {
    padding-left: 120px
}

.erp_content_two .erp_title h2 {
    line-height: 44px;
    margin-bottom: 20px;
    font-size: 30px
}

.erp_content_two .erp_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 14px
}

.erp_content_two .erp_item .icon {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #f93e5e;
    -webkit-box-shadow: 0 20px 30px 0 rgb(172 20 46 / .24);
    box-shadow: 0 20px 30px 0 rgb(172 20 46 / .24);
    text-align: center;
    font-size: 20px;
    line-height: 52px;
    color: #fff;
    margin-right: 20px
}

.erp_content_two .erp_item .icon.green {
    background: #70d715;
    -webkit-box-shadow: 0 20px 30px 0 rgb(91 171 21 / .24);
    box-shadow: 0 20px 30px 0 rgb(91 171 21 / .24)
}

.erp_content_two .erp_item .icon.blue {
    background: #3e89f9;
    -webkit-box-shadow: 0 20px 30px 0 rgb(21 81 171 / .24);
    box-shadow: 0 20px 30px 0 rgb(21 81 171 / .24)
}

.erp_content_two .erp_item .icon.yellow {
    -webkit-box-shadow: 0 20px 30px 0 rgb(171 133 21 / .24);
    box-shadow: 0 20px 30px 0 rgb(171 133 21 / .24);
    background: #f3ba0e
}

.erp_content_two .erp_item .icon.purple {
    -webkit-box-shadow: 0 20px 30px 0 rgb(138 21 171 / .24);
    box-shadow: 0 20px 30px 0 rgb(138 21 171 / .24);
    background: #d02cff
}

.erp_content_two .erp_item .icon.green_two {
    -webkit-box-shadow: 0 20px 30px 0 rgb(21 168 171 / .24);
    box-shadow: 0 20px 30px 0 rgb(21 168 171 / .24);
    background: #17d2d4
}

.erp_content_two .erp_item .media-body h5 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 22px;
    color: #2c2c51
}

.erp_content_two .erp_btn_learn {
    font-size: 16px;
    padding: 7px 17px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin-top: 40px
}

.erp_content_two .erp_btn_learn i {
    vertical-align: middle;
    padding-left: 8px
}

.flex-row-reverse .erp_features_img_two .img_icon {
    left: 0;
    right: auto
}

.flex-row-reverse .erp_content_two {
    padding-right: 50px;
    padding-left: 0
}

.analytices_title span {
    display: block;
    font-weight: 300;
    color: #2c2c51;
    line-height: 1.6
}

.analytices_title p {
    font-weight: 400;
    color: #7b7b93;
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto
}

.setup_inner {
    max-width: 830px;
    margin: -30px auto 0
}

.setup_inner .setup_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    position: relative
}

.setup_inner .setup_item.flex-row-reverse .setup_content {
    text-align: right;
    padding-right: 30px;
    padding-left: 0
}

.setup_inner .setup_item .round {
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgb(1 1 64 / .08);
    box-shadow: 0 10px 30px 0 rgb(1 1 64 / .08);
    width: 80px;
    height: 80px;
    text-align: center;
    margin: 0 auto;
    font-size: 30px;
    color: #4e78f4;
    font-weight: 500;
    line-height: 80px
}

.register input,
.register select {
    box-shadow: none;
    border: 1px solid #fff
}

.setup_inner .setup_item .line {
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    border-right: 2px dashed #94a2ce;
    opacity: .3;
    margin-left: -1px;
    z-index: -1
}

.setup_inner .setup_item:first-child .line {
    top: 50%;
    height: 50%
}

.setup_inner .setup_item:last-child .line {
    top: 0;
    height: 50%
}

.setup_inner .setup_content h5 {
    font-size: 20px;
    font-weight: 600;
    color: #2c2c51;
    line-height: 28px;
    margin-bottom: 15px
}

.setup_inner .setup_content p {
    font-size: 16px;
    color: #7b7b93;
    font-weight: 400;
    margin-bottom: 0
}

.our-package h2 {
    font-size: 30px;
    padding-bottom: 30px;
    padding-top: 50px
}

.pricing_area_four {
    margin-top: 0 !important;
    margin-bottom: 50px
}

.site-analysis-section-s2:before,
.site-analysis-section:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(top, #53f, #2c9fdf 50%);
    background: -moz-linear-gradient(top, #53f, #2c9fdf 50%);
    background: -o-linear-gradient(top, #53f, #2c9fdf 50%);
    background: -ms-linear-gradient(top, #53f, #2c9fdf 50%);
    background: -webkit-gradient(linear, left top, left bottom, from(#53f), color-stop(50%, #2c9fdf));
    background: linear-gradient(top, #53f, #2c9fdf 50%);
    -webkit-transform: skewY(1deg);
    -moz-transform: skewY(1deg);
    -o-transform: skewY(1deg);
    -ms-transform: skewY(1deg);
    transform: skewY(1deg)
}

.round-circle {
    width: 400px;
    height: 400px;
    border: 1px solid rgb(255 255 255 / .1);
    border-radius: 50%;
    position: absolute;
    left: 25%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.round-circle .round-2 {
    width: 80%;
    height: 80%
}

.round-circle .round-2,
.round-circle .round-3 {
    border: 1px solid rgb(255 255 255 / .1);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.round-circle .round-3 {
    width: 60%;
    height: 60%
}

.section-title-s3 h2 {
    font-size: 2.375rem;
    color: #fff;
    margin: -.22em 0 .65em
}

.section-title-s3 p {
    font-size: 1.0625rem;
    color: #fff;
    margin: 0
}

.faq-sec-title {
    padding-bottom: 75px
}

.border--bottom {
    border-style: solid;
    border-width: 0 0 1px;
    border-color: rgb(0 0 0 / .06);
    padding-top: 0 !important
}

.mb-4,
.my-4 {
    margin-bottom: 2.5rem !important
}

.font-bold,
.font-w--700 {
    font-weight: 700 !important
}

.font-size--30 {
    font-size: 1.875rem
}

.mb-2,
.my-2 {
    margin-bottom: 1.25rem !important
}

.color--primary,
.color--primary:hover {
    color: #9313db
}

.btn-bg--primary,
.btn-bg--primary:hover,
.food-soln-features .food-features,
.food-soln-features .food-features h2,
.present h4,
.section.section-plans .is-dark-green .item,
.section.section-plans .is-dark-green .plan-title {
    color: #fff !important
}

a.color--primarya i {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.m-auto {
    margin: auto
}

.btn-bg--primary {
    background: #9313db
}

@media only screen and (min-width:1200px) {
    .space {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important
    }
}

@media only screen and (min-width:992px) {

    .space,
    .space--2,
    .space--3 {
        padding-top: 5.66667rem !important;
        padding-bottom: 5.66667rem !important
    }

    .form--v6 [class*=bg-color],
    .form--v6 [class*=bg-gradient] {
        left: 0
    }
}

.space,
.space--2,
.space--3 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important
}

.bg-gradient-primary--1 {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff0), to(#f2f5f8));
    background: -o-linear-gradient(bottom, #fff0 0, #f2f5f8 100%);
    background: linear-gradient(to top, #fff0 0, #f2f5f8 100%)
}

.form--v6 [class*=bg-color],
.form--v6 [class*=bg-gradient] {
    position: absolute;
    height: 100%;
    width: 1000%;
    top: -51%;
    bottom: 0
}

.btn-hover--primary:hover {
    background: #9313db;
    color: #fff
}

.form .btn {
    z-index: 99
}

.btn-border--color--primary {
    border-color: #9313db
}

.bg-light-grey {
    background-color: #f9f9f9 !important
}

.body-bg-1 {
    background: #fff;
    overflow-x: hidden
}

.home_bg {
    height: 450px;
    position: relative
}

.home_bg:before {
    background: rgb(0 0 0 / .5);
    content: "";
    height: 100%;
    opacity: .9;
    position: absolute;
    width: 100%
}

.hero-text {
    padding-top: 200px
}

.hero-text h2 {
    color: #fff;
    font-size: 47px;
    letter-spacing: 0;
    margin-bottom: 20px;
    line-height: 60px;
    font-weight: 600
}

.hero-text p {
    color: #fff;
    margin: 10px auto 30px;
    padding-right: 40px
}

.get_btn {
    background: #d70e17;
    border: 1px solid #d70e17;
    border-radius: 500px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 30px;
    text-transform: capitalize;
    transition: .3s
}

.get_btn:focus,
.get_btn:hover {
    background: #fff;
    color: #333;
    border: 1px solid #fff
}

.register {
    background: #fff;
    box-shadow: 0 1px 200px rgb(0 0 0 / .1);
    margin-top: 200px;
    overflow: hidden;
    padding: 50px;
    border-radius: 5px
}

.login_register_title {
    margin-bottom: 25px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px
}

.register input {
    height: 52px;
    background: #f5f8fa
}

.register input:focus {
    box-shadow: none;
    border: 1px solid #d70e17
}

.register select {
    height: 52px !important;
    background: #f5f8fa
}

.btn-register-bg {
    background: #d70e17;
    border: 2px solid #d70e17;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    overflow: hidden;
    padding: 15px 30px;
    text-transform: capitalize;
    transition: .3s;
    box-shadow: 0 1px 2px rgb(0 0 0 / .1);
    width: 100%;
    cursor: pointer;
    letter-spacing: .5px
}

.btn-register-bg:focus,
.btn-register-bg:hover {
    background: #d70e17;
    color: #fff;
    border: 2px solid #d70e17
}

.process-content {
    background: #f5f8fa;
    padding-bottom: 50px
}

.single-process {
    background: #fff;
    padding: 60px;
    margin-bottom: 30px;
    border-radius: 3px;
    position: relative;
    z-index: 2;
    transition: .3s
}

@media only screen and (max-width:768px) {
    .home_bg {
        height: 650px
    }

    .register {
        margin-top: 60px
    }

    .ecom-features .width-auto {
        width: 50%
    }

    .ecom-features .features-para {
        font-size: 14px
    }

    .single-process {
        padding: 30px
    }
}

.single-process:hover {
    box-shadow: 0 60px 60px rgb(0 0 0 / .1);
    z-index: 100;
    transform: translate(0, -10px)
}

.single-process-bg {
    background: #d70e17
}

.single-process span {
    display: inline-block;
    font-size: 60px;
    margin-bottom: 25px;
    text-align: center;
    color: #d70e17;
    -webkit-transition: .3s;
    transition: .3s
}

.single-process h4 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 15px
}

.single_feature h2 {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 30px;
    line-height: 46px
}

.single_feature ul {
    list-style: none;
    margin-bottom: 30px
}

.single_feature ul li span {
    margin-right: 10px;
    color: #d70e17
}

@media only screen and (max-width:360px) {

    .btn-register-bg,
    .get_btn,
    .single_feature {
        padding: 10px 40px
    }
}

.ptb-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.subscribe-area.bg-f4f5fe {
    background-color: #fff;
    position: relative;
    z-index: 1
}

.subscribe-area.bg-f4f5fe::before {
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    position: absolute
}

.subscribe-content {
    position: relative;
    z-index: 1;
    border-radius: 30px;
    text-align: center;
    padding: 70px;
    background-color: #053155
}

.circle-map,
.dot-bg,
.lines,
.lines .line,
.service-one__circle::after,
.service-one__circle::before,
.shape14,
.shape15,
.shape16,
.shape17,
.shape18,
.star-set,
.wave,
.waveWrapper,
.welcome-thumb-2,
.welcome-thumb-3,
.welcome-thumb-4,
.welcome-thumb-5,
.welcome-thumb-6 {
    position: absolute
}

.grdnt-purple,
.grdnt-purple:hover {
    border-radius: 5px;
    font-size: 14px
}

.subscribe-content h2 {
    color: #fff;
    max-width: 610px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    font-weight: 500
}

.shape14 {
    left: 5%;
    top: 0;
    z-index: -1
}

.shape14 img {
    -webkit-animation: 5s linear infinite moveLeftBounce;
    animation: 5s linear infinite moveLeftBounce
}

.shape15 {
    right: 2%;
    top: 4%;
    z-index: -1
}

.shape16 {
    left: 0;
    bottom: 0;
    z-index: -1
}

.shape17 {
    right: 0;
    bottom: 0;
    z-index: -1
}

.shape18 {
    z-index: -1;
    right: 20%;
    top: 32%
}

@keyframes moveLeftBounce {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(5px)
    }
}

.bkseparator--25 {
    height: 25px
}

.line-height-1-42 {
    line-height: 1.42
}

.grdnt-purple:not(.overly) {
    background-image: -webkit-linear-gradient(135deg, #b00816 0, #d30505 51%, #c10406 100%);
    background-image: linear-gradient(135deg, #b00816 0, #d30505 51%, #c10406 100%) !important
}

.grdnt-purple {
    padding: 10px 20px !important
}

a[class*=grdnt-],
button[class*=grdnt-] {
    transition: .5s;
    -webkit-transition: .5s;
    background-size: 250% auto;
    color: #fff !important;
    background-image: -webkit-linear-gradient(135deg, #b00816 0, #d30505 51%, #c10406 100%) !important;
    background-image: linear-gradient(135deg, #b00816 0, #d30505 51%, #c10406 100%) !important
}

a[class*=grdnt-]:hover,
button[class*=grdnt-]:hover {
    color: #fff !important;
    background-position: right center
}

.ml3 {
    font-weight: 900;
    font-size: 3.5em
}

.service-one {
    padding-bottom: 50px;
    padding-top: 70px
}

.service-one__single {
    border-radius: 135px;
    background-color: #fff;
    box-shadow: 0 10px 60px 0 rgb(46 61 98 / .1);
    text-align: center;
    position: relative;
    margin-bottom: 30px
}

.service-one__icon {
    width: 129px;
    height: 129px;
    background-color: #f6f6fb;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    margin-bottom: 27px;
    position: relative;
    z-index: 10
}

.service-one__icon i {
    font-size: 50px;
    background-image: -webkit-gradient(linear, right top, left top, #fd632f, #4550f8);
    background-image: linear-gradient(-90deg, #fd632f 0, #4550f8 100%);
    -webkit-background-clip: text;
    background-clip: text
}

.service-one__single h3 {
    margin: 0 0 29px;
    font-weight: 600;
    font-size: 20px;
    color: #252c4b;
    -webkit-transition: .5s;
    transition: .5s
}

.service-one__single h3 a {
    color: #252c4b
}

.copyright-area ul li a,
.dm-cta-btn:hover,
.featured-item.style-3.active .featured-title h5,
.featured-item.style-3:hover .featured-title h5,
.food-product .footer .lets_talksection .headerdiv h2,
.food-product .footer .lets_talksection .headerdiv p,
.get-start .get-content h3,
.get-start .get-content p,
.popup-youtube:hover,
.promo-item:hover h5,
.promo-item:hover p,
.section.is-dark,
.service-block-four .inner-box:hover .icon-box,
.service-block-four .inner-box:hover .text,
.service-block-four .inner-box:hover h5 a,
.service-block-three .inner-box .read-more:hover,
.service-block-three .inner-box h3 a:hover,
.service-item-three h3 a,
.service-one__single h3 a:hover,
.service-one__single:hover h3,
.service-one__single:hover p,
.single-category .category-contents .category-title a,
.single-category.style-02 .category-contents .category-para,
.single-category.style-02 .category-contents .category-title,
.single-footer-widget h3,
.single-industries-box:hover h3,
.single_services_section .single_section_content h3 a,
.single_services_section .single_section_content h3 a:hover,
.success-box h2,
.techImages span:hover h4,
.techImages span:hover p {
    color: #fff
}

.service-one__single p {
    margin: 0 auto;
    color: #737789;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    width: 58%;
    -webkit-transition: .5s;
    transition: .5s
}

.service-one__single::before {
    content: "";
    border-radius: 135px;
    background-image: -webkit-gradient(linear, left top, right top, #fd632f, #4550f8);
    background-image: linear-gradient(90deg, #fd632f 0, #4550f8 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.service-one__single:hover::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left;
    transform-origin: left
}

.service-one__inner {
    position: relative;
    padding-top: 40px;
    padding-bottom: 71px;
    border-radius: 135px;
    overflow: hidden
}

.service-one__circle::before {
    bottom: -6px;
    left: -21px;
    width: 170px;
    height: 169px;
    content: "";
    background-image: url(../images/shapes/service-circle-1-1.png);
    -webkit-transform: perspective(150px) scaleX(0);
    transform: perspective(150px) scaleX(0);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    opacity: 0;
    -webkit-transform-origin: left;
    transform-origin: left
}

.service-one__circle::after {
    top: -4px;
    right: -14px;
    width: 158px;
    height: 159px;
    content: "";
    background-image: url(../images/shapes/service-circle-1-2.png);
    -webkit-transform: perspective(150px) scaleX(0);
    transform: perspective(150px) scaleX(0);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    opacity: 0;
    -webkit-transform-origin: right;
    transform-origin: right
}

.service-one__single:hover .service-one__circle::after,
.service-one__single:hover .service-one__circle::before {
    opacity: .3;
    -webkit-transform: perspective(150px) scaleX(1);
    transform: perspective(150px) scaleX(1)
}

@-webkit-keyframes shapeMover {

    0%,
    100% {
        -webkit-transform: perspective(400px) translateY(0) rotate(0) translateZ(0) translateX(0);
        transform: perspective(400px) translateY(0) rotate(0) translateZ(0) translateX(0)
    }

    50% {
        -webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px)
    }
}

@keyframes shapeMover {

    0%,
    100% {
        -webkit-transform: perspective(400px) translateY(0) rotate(0) translateZ(0) translateX(0);
        transform: perspective(400px) translateY(0) rotate(0) translateZ(0) translateX(0)
    }

    50% {
        -webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px)
    }
}

.services-section .sec-title {
    position: relative;
    margin-left: 45px
}

.services-section .service-image {
    position: absolute;
    left: 0;
    top: -160px;
    width: 330px;
    height: 950px;
    border-radius: 0 40px 40px 0
}

.services-section .service-image:before {
    position: absolute;
    content: "";
    right: -100px;
    top: 162px;
    width: 152px;
    height: 17px;
    background: url(../images/icons/long-arrow-2.png) no-repeat
}

.services-section .icon-one {
    position: absolute;
    right: 10%;
    bottom: 10%;
    width: 80px;
    height: 92px;
    background-repeat: no-repeat
}

.services-section .inner-container {
    position: relative;
    padding-left: 70px
}

.service-block,
.service-block-four {
    position: relative;
    margin-bottom: 40px
}

.service-block .inner-box {
    position: relative;
    padding: 30px 25px 0 40px;
    transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s
}

.service-block .inner-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    opacity: 0;
    border-radius: 12px;
    background-color: #f8f5fd;
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s
}

.service-block .inner-box:hover::before {
    width: 100%;
    opacity: 1
}

.service-block .inner-box .icon-box {
    position: relative;
    width: 100px;
    height: 100px;
    color: #32297b;
    font-size: 48px;
    line-height: 96px;
    text-align: center;
    overflow: hidden;
    border-radius: 25px;
    display: inline-block;
    border: 2px solid #e8e0f5;
    transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s
}

.service-block .inner-box:hover .icon-box {
    color: #fff;
    border-color: #32297b
}

.service-block .inner-box .icon-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: #32297b;
    transform: scale(.4, .4);
    transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s
}

.service-block .inner-box:hover .icon-box:before {
    opacity: 1;
    transform: scale(1, 1)
}

.service-block .inner-box h5 {
    position: relative;
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.3em;
    font-weight: 600;
    margin-bottom: 17px;
    text-transform: capitalize
}

.service-block .inner-box h5 a {
    position: relative;
    color: #222
}

.service-block .inner-box .text {
    position: relative;
    color: #222;
    font-size: 15px;
    line-height: 1.8em;
    padding-bottom: 10px
}

.service-block .inner-box .arrow-box {
    position: relative;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    bottom: -25px;
    opacity: 0;
    border-radius: 50px;
    display: inline-block;
    background-color: #fc4c59;
    transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transform: translateX(-30px);
    box-shadow: 0 0 40px #f8f5fd
}

.service-block .inner-box:hover .arrow-box {
    transform: translateX(0);
    opacity: 1
}

.featured-item,
.featured-item .featured-icon i,
.portfolio-hover::before,
.product-item .product-overlay {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.featured-item.style-3.active:before,
.featured-item.style-3:hover:before {
    transform: translate(0, 0);
    transition: .5s linear
}

.featured-item.style-3:before {
    content: "";
    width: 273px;
    height: 273px;
    background: #00f2aa;
    border-radius: 50%;
    position: absolute;
    bottom: -148px;
    right: -83px;
    opacity: .1;
    transform: translate(50%, 50%);
    z-index: -1
}

.featured-item.style-3.active .featured-icon,
.featured-item.style-3:hover .featured-icon {
    color: #fff;
    -webkit-text-fill-color: currentColor
}

.featured-item.style-3 .featured-icon {
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    font-size: 40px;
    background: #fff;
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
    transition: .5s
}

.featured-item .featured-icon {
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    font-size: 60px;
    line-height: 60px;
    color: #0083ff
}

.featured-item.style-3 .featured-icon i {
    background: linear-gradient(135deg, #0083ff 32.5%, #8046f4 45%, #fb3e7d 60%, #00f2aa 70%);
    -webkit-background-clip: text
}

.featured-item.style-3.active .border-anim,
.featured-item.style-3:hover .border-anim {
    border-color: #00f2aa;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

.featured-item.style-3 .border-anim {
    z-index: -1;
    position: absolute;
    width: 105px;
    height: 105px;
    left: -10px;
    top: -10px;
    border: 2px solid #0083ff;
    border-radius: 50%;
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%, 0 0);
    transition: .5s;
    -webkit-animation: 2s linear infinite paused round-circle;
    -moz-animation: 2s linear infinite paused round-circle;
    -o-animation: 2s linear infinite paused round-circle;
    animation: 2s linear infinite paused round-circle
}

.process-block:first-child .icon-box,
.process-block:nth-child(2) .icon-box,
.process-block:nth-child(3) .icon-box {
    -webkit-animation-name: hvr-bob;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-direction: alternate
}

.featured-item.style-3 .border-anim:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 8px;
    height: 8px;
    left: 12px;
    bottom: 9px;
    border-radius: 50%
}

.featured-title h5 {
    margin-bottom: 15px;
    text-transform: capitalize
}

.featured-item.style-3.active,
.featured-item.style-3:hover {
    background: #0083ff;
    color: #fff
}

.featured-item.style-3.active:after,
.featured-item.style-3:hover:after {
    opacity: .1;
    transform: translate(0, 0);
    transition: .9s linear
}

.featured-item.style-3:after {
    content: "";
    width: 493px;
    height: 493px;
    background: #00f2aa;
    border-radius: 50%;
    position: absolute;
    bottom: -250px;
    right: -180px;
    z-index: -1;
    transform: translate(-50%, -50%);
    opacity: 0
}

.dark_banner_section .banner_content_inner .video_popup,
.dark_banner_section .banner_content_inner .video_popup.play_animation:before {
    background-image: -moz-linear-gradient(0deg, #fe422f 0, #fe5196 100%);
    background-image: -webkit-linear-gradient(0deg, #fe422f 0, #fe5196 100%);
    background-image: -ms-linear-gradient(0deg, #fe422f 0, #fe5196 100%)
}

.featured-item.style-3 {
    z-index: 9;
    box-shadow: none;
    border: 1px solid #f6f7fb;
    padding: 30px 24px 34px;
    overflow: hidden
}

.featured-item {
    padding: 30px;
    position: relative
}

.featured-item,
.featured-item.style-3 .featured-icon {
    -webkit-box-shadow: 0 9px 35px -2px rgb(85 149 240 / .2);
    -moz-box-shadow: 0 9px 35px -2px rgb(85 149 240 / .2);
    box-shadow: 0 9px 35px -2px rgb(85 149 240 / .2)
}

.flaticon-ui:before {
    content: "\f128"
}

@keyframes clockwise {

    0%,
    100% {
        top: -5px;
        left: 0
    }

    12% {
        top: -2px;
        left: -1px
    }

    25%,
    50% {
        top: 0;
        left: 0
    }

    37% {
        top: -1px;
        left: -1px
    }

    62% {
        top: -1px;
        left: -2px
    }

    75% {
        top: 0;
        left: -5px
    }

    87% {
        top: -2px;
        left: -2px
    }
}

round-circle {
    transform: rotate(0)
}

100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.banner_part.banner_bg {
    background-image: url(../img/banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.banner_part:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: -2
}

.banner_part .banner_iner h2 {
    font-size: 60px;
    font-weight: 400;
    color: #fff;
    line-height: 70px;
    margin: 0 0 30px;
    font-family: Spectral, serif
}

.banner_part .video_popup {
    margin: 60px auto 0;
    text-align: center;
    position: relative
}

.banner_part .banner_line,
.img_banner_section .banner_line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
    justify-content: space-around
}

.banner_part .banner_line span {
    width: 1px;
    background-color: rgb(255 255 255 / .1);
    height: 100%
}

.img_banner_section {
    background: linear-gradient(90deg, rgb(34 193 195 / .06), rgb(253 187 45 / .1));
    z-index: 1
}

.dark_banner_section,
.single_services_section .services_section_bg.bg_1,
.single_services_section .services_section_bg.bg_2,
.single_services_section .services_section_bg.bg_3,
.single_services_section .services_section_bg.bg_4,
.single_services_section .services_section_bg.bg_5,
.single_services_section .services_section_bg.bg_6 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.img_banner_section .banner_iner h2 {
    font-size: 82px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -2px;
    margin-bottom: 0
}

.img_banner_section .banner_iner h2 span {
    font-family: "Playfair Display", serif;
    font-style: italic;
    font-size: 76px
}

@media (max-width:767.98px) {
    .banner_part {
        height: 700px
    }

    .banner_part .banner_iner h2 {
        font-size: 40px;
        line-height: 55px;
        margin: 0 0 20px
    }

    .banner_part .video_popup {
        margin-top: 20px
    }

    .img_banner_section .banner_iner h2 {
        font-size: 35px
    }

    .img_banner_section .banner_iner h2 span {
        font-size: 30px
    }
}

@media (max-width:991px) {

    .footer .lets_talksection .custom_col_5,
    .footer .lets_talksection .custom_col_7 {
        width: 100%
    }

    .footer .lets_talksection .or {
        display: none;
        position: relative;
        right: 0;
        top: 20px;
        margin: 0 auto;
        left: 0;
        height: 45px;
        width: 45px
    }

    .footer .lets_talksection .or span {
        font-size: 15px;
        line-height: 45px
    }

    .footer .lets_talksection .or:after {
        left: 50%;
        width: 250px;
        height: 1px;
        transform: translateX(-50%)
    }

    .footer .iconslider {
        margin-top: 30px
    }

    .img_banner_section .banner_iner h2 {
        font-size: 40px
    }

    .img_banner_section .banner_iner h2 span {
        font-size: 35px
    }
}

@media only screen and (min-width:992px) and (max-width:1199.98px) {
    .img_banner_section .banner_iner h2 {
        font-size: 40px
    }

    .img_banner_section .banner_iner h2 span {
        font-size: 35px
    }
}

.img_banner_section .banner_iner p {
    font-size: 17px;
    color: #373636;
    margin-top: 20px
}

.img_banner_section .banner_iner .cu_btn.btn_3 {
    background-color: #ca063a;
    border: 1px solid #ca063a;
    font-family: Futura;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px
}

.faded-text.style-two,
.process-block .count,
.process-section .counter-column h3 {
    font-family: Poppins, sans-serif
}

.img_banner_section .banner_iner .cu_btn.btn_3:hover {
    background-color: #fff0;
    border: 1px solid #ca063a;
    color: #ca063a
}

.img_banner_section .banner_iner .banner_btn {
    display: flex;
    align-items: center;
    margin-top: 24px
}

.img_banner_section .banner_iner .video_popup {
    height: 65px;
    width: 65px;
    line-height: 65px;
    margin-left: 50px;
    position: relative
}

.img_banner_section .banner_iner .video_popup .polygon_shape {
    border-left: 18px solid #ca063a
}

.img_banner_section .banner_iner .video_popup:hover {
    background-color: #ca063a
}

.img_banner_section .banner_iner .video_popup:hover .polygon_shape {
    border-left: 18px solid #fff
}

.img_banner_section .overlay_effect.is_show .overlay_effect_in,
.section.section-works .work-box.is-active .work-head,
.section.section-works .work-box:hover .work-head {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.img_banner_section .overlay_effect.is_show .overlay_effect_in:before {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

.img_banner_section .overlay_effect .overlay_effect_in {
    transform: scaleX(0);
    transform-origin: left;
    display: inline-flex;
    align-items: center
}

.img_banner_section .overlay_effect.is_show .overlay_effect_in {
    transform: scaleX(1)
}

.img_banner_section .banner_img {
    text-align: right;
    margin-right: -100px
}

@media only screen and (min-width:1200px) and (max-width:1439px) {
    .img_banner_section .banner_iner h2 {
        font-size: 50px
    }

    .img_banner_section .banner_iner h2 span {
        font-size: 45px
    }

    .img_banner_section .banner_img {
        margin-right: 0
    }
}

.img_banner_section .banner_line span {
    width: 1px;
    background-color: #f2d0d0;
    height: 100%
}

.dark_bg {
    background-color: #040911
}

.dark_banner_section {
    background-image: url(../img/dark_banner_bg.png);
    display: flex;
    height: 100vh;
    align-items: center
}

.dark_banner_section .typed,
.dark_banner_section .typed-cursor,
.gradient_color {
    background: -moz-linear-gradient(0deg, #fe422f 0, #fe5196 100%);
    background: -webkit-linear-gradient(0deg, #fe422f 0, #fe5196 100%);
    background: -ms-linear-gradient(0deg, #fe422f 0, #fe5196 100%);
    -webkit-text-fill-color: #fff0;
    -webkit-background-clip: text
}

.dark_banner_section .banner_content_inner .video_popup {
    position: relative;
    margin: 0 auto 55px;
    width: 80px;
    height: 80px
}

.dark_banner_section .banner_content_inner .video_popup img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    position: relative;
    z-index: 9
}

.dark_banner_section .banner_content_inner .video_popup.play_animation:before {
    z-index: 7;
    opacity: .302
}

.dark_banner_section .banner_content_inner h2 {
    font-size: 90px;
    color: #fff
}

@media (max-width:767.98px) {
    .img_banner_section .banner_iner p {
        margin-top: 10px
    }

    .img_banner_section .banner_iner .video_popup {
        margin-left: 30px
    }

    .dark_banner_section .banner_content_inner h2 {
        font-size: 26px;
        margin-top: 0
    }

    .single_service_section {
        margin-top: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
    .img_banner_section .banner_iner .banner_btn {
        margin-top: 35px
    }

    .dark_banner_section .banner_content_inner h2 {
        font-size: 60px
    }
}

@media only screen and (min-width:992px) and (max-width:1199.98px) {
    .img_banner_section .banner_img {
        margin-right: 0
    }

    .dark_banner_section .banner_content_inner h2 {
        font-size: 70px
    }
}

.text-gradient-red {
    background: linear-gradient(to right, #ff8a00 0, #da1b60 100%);
    -webkit-background-clip: text
}

.single_service_section img {
    margin-bottom: 46px
}

.single_service_section h4 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 13px
}

.single_service_section h4 a {
    color: #051441
}

.services_section.dark_version .single_service_section h4 a:hover,
.single_service_section h4 a:hover {
    color: #ff7070
}

.services_section .section_tittle {
    margin-bottom: 84px
}

.services_section .section_tittle h2 {
    letter-spacing: -2px
}

.services_section.ft_font h4 {
    font-weight: 600
}

.services_section.corporate_services_section .section_tittle {
    margin-bottom: 24px
}

.dark_version .section_tittle_content p,
.services_section.dark_version .section_tittle_content p,
.services_section.dark_version .single_service_section p {
    color: rgb(255 255 255 / .5)
}

.services_section.dark_version .single_service_section h4 a {
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.our_services {
    margin-top: -130px
}

.services_content_iner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.services_content_iner .single_services_section {
    flex: 33.3% 0 0
}

.single_services_section {
    position: relative;
    z-index: 1;
    display: inline-block
}

.single_services_section .services_section_bg {
    height: 435px;
    -webkit-transition: .3s;
    transition: .3s;
    display: block
}

@media (max-width:767.98px) {

    .services_section .section_tittle,
    .single_service_section img {
        margin-bottom: 20px
    }

    .single_service_section h4 {
        margin-bottom: 15px
    }

    .our_services {
        margin-top: -30px
    }

    .services_content_iner .single_services_section {
        flex: 100% 0 0
    }

    .single_services_section .services_section_bg {
        height: 400px
    }
}

.single_services_section .services_section_bg.bg_1 {
    background-image: url(../images/webdesign/services_bg_1.png)
}

.single_services_section .services_section_bg.bg_2 {
    background-image: url(../images/webdesign/services_bg_2.png)
}

.single_services_section .services_section_bg.bg_3 {
    background-image: url(../images/webdesign/services_bg_3.png)
}

.single_services_section .services_section_bg.bg_4 {
    background-image: url(../images/services_bg_4.png)
}

.single_services_section .services_section_bg.bg_5 {
    background-image: url(../images/services_bg_5.png)
}

.single_services_section .services_section_bg.bg_6 {
    background-image: url(../images/services_bg_6.png)
}

.single_services_section .single_section_content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 40px 40px 24px
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
    .single_services_section .services_section_bg {
        height: 350px
    }

    .single_services_section .single_section_content {
        padding: 20px 20px 15px
    }
}

.single_services_section .single_section_content h5 {
    font-size: 22px;
    line-height: 42px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.single_services_section .single_section_content h3 {
    font-size: 18px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 400
}

.service_details_content h2 {
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 50px
}

.service_details.mt_150 {
    margin-top: -150px
}

.service_details.style_2 .service_details_content {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 73px
}

.service_details.style_2 .service_nmber {
    margin-bottom: 33px
}

.single_service {
    margin-top: 80px
}

.single_service h3 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 22px
}

@media (max-width:767.98px) {
    .single_service {
        margin-top: 50px
    }

    .single_service h3 {
        font-size: 25px;
        margin-bottom: 15px
    }
}

.service_icon {
    max-width: 95px !important
}

.process-section {
    position: relative;
    padding: 60px 0 30px
}

.process-section .curve {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 50px;
    background-size: 100% 100%
}

.btn-webdesign,
.video-section .video-box {
    right: 140px;
    border-radius: 5px;
    display: inline-block
}

.default-service-item .inner-box,
.process-section .image-column .inner {
    position: relative;
    display: block;
    text-align: center
}

.process-section .counter-column .inner {
    position: relative;
    display: block;
    text-align: center;
    padding-top: 50px;
    padding-right: 20px
}

.process-section .counter-column.last .inner {
    padding-left: 20px;
    padding-right: 0
}

.process-section .counter-column .graph-outer {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto 30px;
    text-align: center
}

.process-section .counter-column .graph-outer .count-box {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 60px;
    color: #000e22;
    font-weight: 600;
    line-height: 60px;
    margin-top: -30px;
    font-family: Poppins, sans-serif
}

.process-section .counter-column h3 {
    position: relative;
    font-size: 30px;
    line-height: 1.25em;
    color: #000e22;
    margin: 0 0 15px;
    text-transform: capitalize;
    font-weight: 600
}

.process-block {
    position: relative;
    margin-bottom: 90px
}

.process-block .inner-box {
    position: relative;
    display: block;
    padding: 0 20px;
    text-align: center
}

.process-block .count {
    position: relative;
    display: block;
    text-align: center;
    font-weight: 700
}

.process-block .count span {
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 120px;
    line-height: .2em;
    letter-spacing: -3px;
    color: #fff;
    text-shadow: -1px -1px 0 #dde3ff, 1px -1px 0 #dde3ff, -1px 1px 0 #dde3ff, 1px 1px 0 #dde3ff
}

.process-block .icon-box {
    position: relative;
    display: block;
    font-size: 48px;
    width: 130px;
    height: 130px;
    line-height: 130px;
    color: #fff;
    background: #5a01e6;
    background: -moz-linear-gradient(90deg, #5a01e6 0, #c771e8 100%);
    background: -webkit-linear-gradient(90deg, #5a01e6 0, #c771e8 100%);
    background: -ms-linear-gradient(90deg, #5a01e6 0, #c771e8 100%);
    background: linear-gradient(90deg, #5a01e6 0, #c771e8 100%);
    box-shadow: 0 7px 20px 0 rgb(90 1 230 / .3);
    margin: 0 auto 30px;
    border-radius: 50%;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.process-block:first-child .icon-box {
    position: relative;
    display: block;
    animation-name: hvr-bob;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-direction: alternate
}

.process-block:nth-child(2) .icon-box,
.process-block:nth-child(3) .icon-box {
    background: #ff5488;
    position: relative;
    display: block;
    animation-name: hvr-bob;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-direction: alternate
}

.process-block:nth-child(2) .icon-box {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    background: -moz-linear-gradient(90deg, #ff5488 0, #fda8bb 100%);
    background: -webkit-linear-gradient(90deg, #ff5488 0, #fda8bb 100%);
    background: -ms-linear-gradient(90deg, #ff5488 0, #fda8bb 100%);
    background: linear-gradient(90deg, #ff5488 0, #fda8bb 100%);
    box-shadow: 0 7px 20px 0 rgb(255 84 136 / .3)
}

.process-block:nth-child(3) .icon-box {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    background: -moz-linear-gradient(90deg, #3301c6 0, #01ccdd 100%);
    background: -webkit-linear-gradient(90deg, #3301c6 0, #01ccdd 100%);
    background: -ms-linear-gradient(90deg, #3301c6 0, #01ccdd 100%);
    background: linear-gradient(90deg, #3301c6 0, #01ccdd 100%);
    box-shadow: 0 7px 20px 0 rgb(51 1 198 / .3)
}

.process-block:nth-child(4) .icon-box {
    position: relative;
    display: block;
    -webkit-animation-name: hvr-bob;
    animation-name: hvr-bob;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    background: #ff5488;
    background: -moz-linear-gradient(90deg, #36bb64 0, #90cf4f 100%);
    background: -webkit-linear-gradient(90deg, #36bb64 0, #90cf4f 100%);
    background: -ms-linear-gradient(90deg, #36bb64 0, #90cf4f 100%);
    background: linear-gradient(90deg, #36bb64 0, #90cf4f 100%);
    box-shadow: 0 7px 20px 0 rgb(54 187 100 / .3)
}

.process-block h4 {
    font-size: 22px;
    color: #001730;
    text-transform: capitalize;
    margin-bottom: 15px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.process-block .text {
    position: relative;
    font-size: 16px;
    color: #47698e;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.faded-text {
    position: absolute;
    left: 0;
    width: 100%;
    top: 55px;
    text-align: center;
    font-family: Gilroy-Bold, sans-serif
}

.faded-text .f-text {
    position: relative;
    display: block;
    text-transform: uppercase
}

.faded-text.style-two .f-text {
    text-transform: capitalize;
    font-weight: 600
}

.faded-text .f-text span {
    position: relative;
    display: block;
    font-size: 200px;
    line-height: 1em;
    letter-spacing: -5px;
    color: #f0f9ff;
    text-shadow: -1px -1px 0 rgb(0 0 0 / .05), 1px -1px 0 rgb(0 0 0 / .05), -1px 1px 0 rgb(0 0 0 / .05), 1px 1px 0 rgb(0 0 0 / .05)
}

.faded-text.light .f-text span {
    color: #0f2c36;
    text-shadow: -1px -1px 0 rgb(255 255 255 / .07), 1px -1px 0 rgb(255 255 255 / .07), -1px 1px 0 rgb(255 255 255 / .07), 1px 1px 0 rgb(255 255 255 / .07)
}

.faded-text.style-two .f-text span {
    text-shadow: none;
    color: #f6faff
}

.sec-title.centered {
    max-width: 600px;
    margin: 0 auto 50px
}

.sec-title h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 1.2em;
    letter-spacing: -1px;
    color: #222;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0
}

.cta-rewamped-texter h4,
.food-common-heading p,
.list-addon-home li p,
.lister-pointer ol li h4,
.lister-pointer ol li p,
.store-list-cb li h4,
.techImages span h4,
.techImages span p {
    letter-spacing: normal;
    font-stretch: normal;
    font-style: normal
}

.sec-title .sub-title {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    color: #ff6000;
    letter-spacing: 3px;
    margin-bottom: 10px
}

.sec-title.style-two .lower-text {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 400;
    color: #47698e;
    padding: 20px 0 0
}

.section.section-call2action .call2action-box {
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: .25s cubic-bezier(.4, 0, .2, 1);
    transition: .25s cubic-bezier(.4, 0, .2, 1)
}

.section.section-call2action .call2action-box:hover {
    box-shadow: none
}

.section.section-call2action .call2action-box img {
    width: 80%
}

@media screen and (max-width:991px) {

    .bg-pattern-1:after,
    .bg-pattern-3:after,
    .ts-service-pattern:after,
    .ts-service-pattern:before {
        display: none
    }

    .section.section-call2action .call2action-box {
        padding: 60px 30px
    }

    .section.section-call2action .call2action-box .col-lg-6 {
        padding: 0
    }

    .section.section-call2action .call2action-box .box-right {
        padding-left: 0
    }
}

.section.section-call2action2 {
    background-color: #20113a
}

.section.section-call2action2 .divider {
    position: absolute;
    background: url(../images/others/divider-dark.svg) bottom no-repeat;
    width: 100%;
    height: 6rem;
    top: 90%;
    z-index: 0
}

.section.section-call2action2 .call2action-box .section-title {
    max-width: 45rem
}

.section.section-call2action2 .call2action-box .section-desc {
    max-width: 30rem
}

.section.section-works .work-boxes-slick {
    margin: 0 -20px
}

@media screen and (max-width:768px) {
    .content-desktop {
        display: block;
    }

    .section.section-works .work-boxes-slick {
        margin: 0;
    }
}

.section.section-works .work-box {
    margin: 0 20px 2rem;
    position: relative;
    z-index: 0;
    -webkit-transition: .25s;
    transition: .25s;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 20px 0 rgb(130 136 147 / .15)
}

@media screen and (max-width:576px) {
    .dm-sec h2 {
        font-size: 30px;
    }

    .font-25 {
        font-size: 16px !important
    }

    .feature-nav {
        justify-content: space-between !important
    }

    .tab-head .font-20 {
        font-size: 12px !important;
        display: block
    }

    .tab-head .height-35 {
        height: 25px
    }

    .section.section-works .work-box {
        margin-left: 0;
        margin-right: 0
    }
}

.section.section-works .work-box::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(45deg, #5731ab 0, #321c64 100%);
    opacity: 0;
    z-index: 1;
    -webkit-transition: .25s;
    transition: .25s
}

.section.section-works .work-box .work-head {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 30px;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    z-index: 3
}

.section.section-works .work-box .work-img {
    position: relative;
    width: 100%;
    z-index: 0;
    -webkit-transition: .25s;
    transition: .25s
}

.section.section-works .work-box:hover::before {
    opacity: .8
}

.section.section-works .work-box.is-active::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #20113a;
    opacity: .5;
    z-index: 1;
    -webkit-transition: .25s;
    transition: .25s
}

.section.section-plans .is-dark-green {
    color: #fff !important;
    background: #002b44 !important
}

.d-lg-block {
    display: block !important
}

.flex.vcenter {
    -webkit-box-align: center;
    align-items: center
}

.flex {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.section.is-dark .section-title {
    color: #000;
    font-size: 40px;
    line-height: 53px;
    text-align: left;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.btn-outline.btn-white,
.is-style-outline .wp-block-button__link.btn-white,
a.btn-outline.btn-white,
input[type=submit].btn-outline.btn-white {
    background-color: #fff0;
    border-color: #fff;
    color: #fff
}

.wd-title {
    font-size: 40px;
    font-weight: 700
}

.webinar-area {
    background: #f9f9f9;
    padding: 0 !important
}

.webinar-video-image,
.webinar-video-image-1 {
    position: relative;
    background-position: center center;
    width: 100%;
    height: 100%;
    text-align: center
}

.gallery-section-two .long-arrow,
.video-section,
.video-section-1,
.webinar-video-image,
.webinar-video-image-1 {
    background-repeat: no-repeat
}

.webinar-video-image-1 {
    background-size: cover;
    background-image: url(../images/wd-page/box1.jpg)
}

.webinar-video-image {
    background-size: cover;
    background-image: url(../images/wd-page/box2.jpg)
}

.webinar-content {
    max-width: 555px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 60px
}

.webinar-content h2 {
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 700;
    line-height: 45px
}

.btn-webdesign {
    z-index: 1;
    position: absolute;
    top: 150px;
    width: 150px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 30px
}

.video-section {
    position: relative;
    padding: 100px 0 150px;
    background-attachment: fixed;
    background-size: cover;
    margin-top: 50px
}

.video-section:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .92)
}

.video-section h2 {
    position: relative;
    color: #fff;
    font-weight: 700;
    line-height: 1.2em
}

.video-section .title {
    position: relative;
    color: #fff;
    line-height: 1.6em;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px
}

.video-section .video-box,
.video-section-1 .video-box {
    font-size: 17px;
    background-color: #a30011;
    position: absolute;
    z-index: 1
}

.video-section .video-box {
    top: 150px;
    width: 150px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.video-section .video-box .overlay-box span,
.video-section-1 .video-box .overlay-box span {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 50%;
    z-index: 99;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
    padding-left: 7px;
    background-color: #fff;
    display: inline-block;
    margin-top: -50px;
    margin-left: -50px;
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.video-section .video-box .ripple,
.video-section .video-box .ripple:after,
.video-section .video-box .ripple:before,
.video-section-1 .video-box .ripple,
.video-section-1 .video-box .ripple:after,
.video-section-1 .video-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 0;
    width: 100px;
    margin-left: .5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
    -moz-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
    -ms-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
    -o-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
    box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
    -webkit-animation: 3s infinite ripple;
    -moz-animation: 3s infinite ripple;
    -ms-animation: ripple 3s infinite;
    -o-animation: 3s infinite ripple;
    animation: 3s infinite ripple
}

.video-section .video-box .ripple:before,
.video-section-1 .video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.video-section .video-box .ripple:after,
.video-section-1 .video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px #fff0
    }

    100% {
        box-shadow: 0 0 0 0 #fff0
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px #fff0
    }

    100% {
        box-shadow: 0 0 0 0 #fff0
    }
}

.video-section-1 {
    position: relative;
    background-attachment: fixed;
    background-size: cover
}

.video-section-1:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.gallery-block-two .overlay-inner .link,
.video-section-1 .video-box {
    height: 50px;
    line-height: 50px;
    display: inline-block;
    color: #fff;
    text-align: center
}

.video-section-1 .video-box {
    right: 0;
    width: 150px;
    border-radius: 5px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.gallery-section-two {
    position: relative;
    padding: 50px 0 90px
}

.gallery-section-two .long-arrow {
    position: absolute;
    left: 50%;
    top: -35px;
    width: 17px;
    height: 91px;
    margin-left: -8px
}

.gallery-section-two .pattern-icon {
    position: absolute;
    right: 10%;
    bottom: 10%;
    width: 121px;
    height: 121px;
    background-repeat: no-repeat
}

.gallery-block-two {
    position: relative;
    margin-bottom: 30px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.gallery-block-two .image-box {
    position: relative;
    display: block;
    margin: 0;
    overflow: hidden;
    border-radius: 0
}

.gallery-block-two .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #fff;
    text-align: center;
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    background-color: rgb(252 76 89 / .95)
}

.gallery-block-two .overlay-box h4 {
    position: relative;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 8px;
    font-size: 26px
}

.gallery-block-two .overlay-box h4 a {
    position: relative;
    color: #fff
}

.gallery-block-two .overlay-box .category {
    position: relative;
    color: #fff;
    font-size: 16px
}

.gallery-block-two .overlay-inner .link {
    position: relative;
    width: 50px;
    font-size: 18px;
    margin: 0 3px;
    font-weight: 400;
    border-radius: 50px;
    background-color: #7148eb;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.gallery-block-two .overlay-inner .link:hover {
    box-shadow: inset 0 0 10px rgb(0 0 0 / .9)
}

.footer-area {
    z-index: 1;
    padding-top: 50px;
    background: #0a1e5e !important;
}

.single-footer-widget .footer-contact-list,
.single-footer-widget .footer-services-list,
.single-footer-widget .quick-links-list,
.single-footer-widget .social {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.single-footer-widget .logo p {
    color: #fff;
    margin-top: 18px;
    margin-bottom: 0
}

.single-footer-widget p {
    color: #fff;
    font-size: 16px
}

.single-footer-widget .footer-services-list li,
.single-footer-widget .quick-links-list li {
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px
}

.single-footer-widget .footer-services-list li a:hover {
    color: #ff4800
}

.single-footer-widget .footer-contact-list li a,
.single-footer-widget .footer-services-list li a,
.single-footer-widget .quick-links-list li a {
    display: inline-block;
    color: #fff
}

.single-footer-widget .footer-contact-list li {
    margin-bottom: 6px;
    color: #fff;
    font-size: 16px
}

.circle-map {
    top: 20%;
    right: 18%;
    z-index: -1
}

.lines {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    width: 90vw;
    z-index: -1
}

.lines .line:first-child {
    margin-left: -23%
}

.lines .line:first-child::after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.lines .line {
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: rgb(255 255 255 / .1);
    overflow: hidden
}

.lines .line::after {
    content: "";
    display: block;
    position: absolute;
    height: 15vh;
    width: 100%;
    top: -50%;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff0), color-stop(75%, #fff), to(#fff));
    background: linear-gradient(to bottom, #fff0 0, #fff 75%, #fff 100%);
    -webkit-animation: 7s cubic-bezier(.4, .26, 0, .97) infinite run;
    animation: 7s cubic-bezier(.4, .26, 0, .97) infinite run;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.lines .line:nth-child(3) {
    margin-left: 23%
}

@keyframes run {
    0% {
        top: -50%
    }

    100% {
        top: 110%
    }
}

.copyright-area {
    background: #0e2672;
    padding-top: 12px;
    padding-bottom: 12px
}

.waveMiddle,
.waveTop {
    background-size: 50% 100px;
    background-image: url(../images/wd-page/wave.png)
}

.copyright-area p {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px
}

.copyright-area p a {
    display: inline-block;
    color: #fff;
    font-weight: 400
}

.copyright-area ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    text-align: right
}

.copyright-area ul li {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: initial
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0)
    }

    50% {
        transform: translateX(-25%) translateZ(0)
    }

    100% {
        transform: translateX(-50%) translateZ(0)
    }
}

@keyframes move_wave_reverse {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        transform: translateX(25%) translateZ(0) scaleY(.55)
    }

    100% {
        transform: translateX(50%) translateZ(0) scaleY(1)
    }
}

.waveWrapper {
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 100px
}

.wave {
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom
}

.waveTop {
    animation: 10s linear infinite move_wave_reverse;
    right: 0;
    left: auto
}

.waveMiddle {
    animation: 10s linear infinite move_wave
}

.feature_area_bg {
    background: #fff9f2
}

.header-bg-red {
    background-image: linear-gradient(135deg, #b00715 0, #d30505 51%, #ff4547 100%) !important
}

.banner_iner h1 span {
    font-size: 56px
}

.dot-bg {
    left: -15%;
    top: 0;
    z-index: -1;
    animation: 1s ease-out infinite alternate blinker
}

.blink,
.flip-icon,
.pic-ani img,
.ribbonRotate,
.text-center .bar::before {
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes blinker {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate
}

#staticText {
    font-size: 18px;
    line-height: 1;
    font-weight: 100
}

#typeline {
    font-size: 20px;
    line-height: 1.2;
    color: #b70712;
    font-weight: 700;
    text-align: center
}

@-webkit-keyframes blink-caret {
    50% {
        border-color: #fff0
    }
}

em {
    border-right: .1em solid #000;
    width: 20ch;
    overflow: hidden;
    margin-top: 0;
    color: #3295dd;
    -webkit-animation: 3s steps(21, end) typing, .5s step-end infinite alternate blink-caret
}

.professional-section .content-column .inner-column {
    position: relative;
    padding-right: 80px
}

.professional-section .content-column h2 {
    position: relative;
    color: #2b2b2b;
    font-weight: 600;
    line-height: 1.2em;
    font-size: 30px
}

.professional-section .content-column .text {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    margin: 25px 0
}

.bullet-pts li {
    position: relative;
    color: #777;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.8em;
    padding-left: 50px
}

.bullet-pts li .icon {
    position: absolute;
    left: 8px;
    top: 5px;
    width: 25px;
    height: 25px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 25px;
    font-size: 18px;
    display: inline-block;
    background-image: -ms-linear-gradient(top, #0f2765 0, #f93e5e 100%);
    background-image: -moz-linear-gradient(top, #0f2765 0, #f93e5e 100%);
    background-image: -o-linear-gradient(top, #0f2765 0, #f93e5e 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffe6b9), color-stop(100, #f93e5e));
    background-image: -webkit-linear-gradient(top, #0f2765 0, #f93e5e 100%);
    background-image: linear-gradient(to bottom, #0f2765 0, #f93e5e 100%)
}

.bullet-pts li .icon:after {
    position: absolute;
    content: "";
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50px
}

.text-black {
    color: #000 !important
}

.topBottom {
    animation: 5s infinite topBottom
}

@-webkit-keyframes topBottom {

    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }
}

@keyframes topBottom {

    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }
}

.pelum-video-area {
    position: relative;
    background: url(../images/video-bg.jpg) 0 0/cover no-repeat fixed;
    padding: 100px 0;
    margin: 50px 0 0
}

.pelum-video-area:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(8 21 40 / .89)
}

.video-box-ecom {
    position: relative;
    z-index: 1;
    width: 85%;
    margin: 0 auto
}

.video-box-ecom:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #4777f4;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    z-index: -1;
    border-radius: 30px
}

.video-inn {
    padding: 50px;
    background: #fff;
    border-radius: 50px;
    text-align: center
}

.flaticon-play {
    margin-left: 5px
}

.popup-youtube {
    width: 70px;
    height: 70px;
    display: inline-block;
    text-align: center;
    line-height: 70px;
    position: relative;
    background: #4777f4;
    color: #fff;
    border-radius: 50%;
    z-index: 1;
    margin-bottom: 35px
}

.popup-youtube:before {
    content: "";
    width: 80px;
    height: 80px;
    background-color: rgb(71 119 244 / .29);
    position: absolute;
    left: -5px;
    border-radius: 50%;
    top: -5px;
    z-index: -1
}

.popup-youtube:after {
    content: "";
    width: 90px;
    height: 90px;
    background-color: rgb(58 101 214 / .45);
    position: absolute;
    left: -10px;
    border-radius: 50%;
    top: -10px;
    z-index: -1
}

.flaticon-play:before {
    margin-left: 0;
    font-size: 27px
}

.video-inn h2 {
    text-transform: capitalize;
    font-size: 30px;
    color: #0f2764;
    font-family: inherit;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 50px
}

.services-section-three {
    position: relative;
    padding-bottom: 50px;
    background-color: #f9f9f9
}

.services-section-three .blocks-column .inner-column {
    position: relative;
    padding-right: 30px
}

.service-block-three {
    position: relative;
    z-index: 1;
    margin-bottom: 40px
}

.service-block-three .inner-box {
    position: relative;
    overflow: hidden;
    padding: 15px 35px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 25px rgb(0 0 0 / .08)
}

.service-block-three .inner-box .shape-one {
    content: "";
    width: 250px;
    height: 250px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -120px;
    left: -120px;
    opacity: .2;
    transform: scale(0);
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.service-block-three .inner-box:hover .shape-one {
    transform: scale(1);
    webkit-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.service-block-three .inner-box .shape-two {
    content: "";
    width: 373px;
    height: 373px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: .2;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    transform: translate(100%, 100%)
}

.service-block-three .inner-box:hover .shape-two {
    transform: translate(42%, 42%);
    webkit-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.service-block-three .inner-box .icon-box {
    z-index: 2;
    position: relative;
    font-size: 56px;
    line-height: 1em;
    color: #03a2b4;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.service-block-three .inner-box h4 {
    position: relative;
    z-index: 2;
    color: #222;
    font-weight: 700;
    line-height: 1.3em;
    margin: 25px 0 16px
}

.service-block-three .inner-box h4 a {
    position: relative;
    color: #222;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.service-block-three .inner-box .text {
    position: relative;
    color: #414141;
    z-index: 2;
    font-size: 16px;
    line-height: 1.5em;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.services-section-three .content-column .inner-column {
    position: relative;
    padding-top: 40px
}

.services-section-three .content-column .sec-title {
    margin-bottom: 32px
}

.services-section-three .content-column .bold-text {
    position: relative;
    font-size: 22px;
    font-weight: 600;
    color: #03a2b4;
    margin-bottom: 20px
}

.services-section-three .content-column .text {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #3d415b;
    line-height: 1.8em;
    margin-bottom: 30px
}

.services-section-three .content-column .theme-btn,
.success-two .success-btm {
    margin-top: 45px
}

.dm-h-220,
.service-block-4 {
    height: 220px
}

.service-block-3 {
    height: 320px
}

.banner-title-ecom {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 48px
}

.ecom-ban-btn-txt,
.ecom-ban-btn-txt:hover,
.font-size-16,
.school-card-sec-content p {
    font-size: 16px !important
}

.banner-heading-ecom {
    padding: 150px 150px 150px 115px;
    width: 100%;
    color: #fff;
    -ms-flex-direction: column;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    z-index: 1
}

.margin-top-125 {
    margin-top: 125px !important
}

.inner-column .service-block-three .inner-box.ecom-ser {
    border-radius: 30px 0;
    background-image: url(../images/ecommerce/bg1.png);
    background-size: cover
}

.eco-bg-pink {
    background-color: #ffa4c4 !important
}

.eco-bg-blue {
    background-color: #62c8ff !important
}

.eco-bg-orange {
    background-color: #ffd965 !important
}

.eco-bg-grey {
    background-color: #d1c6ff !important
}

.eco-bg-sky-blue {
    background-color: #4eead2 !important
}

.eco-bg-lite-green {
    background-color: #c5ec5d !important
}

.font-size-24 {
    font-size: 24px
}

.height-90 {
    height: 90px
}

.height-350 {
    height: 350px
}

.height-45 {
    height: 45px
}

.talk-form {
    background: #fff;
    -webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / .08);
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / .08);
    padding: 50px 30px;
    border-radius: 5px;
    position: relative
}

.talk-form form .form-control {
    padding: 10px;
    font-size: 15px;
    color: #0e314c;
    border: 1px solid #f8f8f8;
    border-radius: 0;
    background: #f8f8f8 !important;
    -webkit-transition: .5s;
    transition: .5s
}

.talk-image .talk-shape {
    position: absolute;
    bottom: 30px;
    z-index: -1;
    width: 638px;
    -webkit-animation: 5s linear infinite movebounce;
    animation: 5s linear infinite movebounce;
    text-align: center;
    left: 40px
}

@keyframes movebounce {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-webkit-keyframes movebounce {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.talk-image .talk-arrow {
    position: absolute;
    bottom: -16px;
    z-index: -1;
    left: -10px;
    width: 120px
}

.talk-content-area {
    margin-left: 60px
}

.talk-content-area span {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background-color: #1a9004;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px;
    text-transform: capitalize
}

.talk-content-area h3 {
    font-size: 40px;
    margin: 20px 0 30px;
    font-weight: 700
}

.talk-content-area p {
    color: #414141;
    font-weight: 400;
    margin: 0
}

.talk-content-area .talk-info {
    margin-top: 25px;
    position: relative
}

.talk-content-area .talk-info i {
    position: relative;
    margin-right: 16px
}

.talk-content-area .talk-info h3 {
    font-size: 25px;
    margin: 20px 0 0
}

.talk-form h5:before {
    content: "";
    width: 90px;
    height: 3px;
    background-color: #f73757;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 78px
}

.wrapper-sheet_easy {
    padding: 25px;
    border-radius: 16px
}

.wrapper-sheet_easy-blue {
    background-color: #f0fff4
}

.wrapper-sheet_easy-sandal {
    background-color: #f2f6ff
}

.font-25 {
    font-size: 25px
}

.height-142 {
    height: 142px
}

.top-138 {
    top: 138px
}

.line-ht-36 {
    line-height: 36px !important
}

.margin-bottom-8 {
    margin-bottom: 8px !important
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.padding-top-200 {
    padding: 200px 0 0
}

.res-h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 40px
}

.maxer .custom-icon-with-content h3 {
    margin-bottom: 8px
}

.features-para {
    margin-top: 8px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 30px
}

.padding-left-48 {
    padding-left: 48px !important
}

.btn-pulso {
    box-shadow: 0 0 0 rgb(255 255 255 / .4);
    animation: 1.5s infinite pulso;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto
}

.ecom-phn-circle {
    border-radius: 50%;
    background-color: #1a9004;
    width: 55px;
    height: 55px;
    top: -15px;
    left: -15px;
    position: absolute;
    opacity: 0;
    animation: 4s cubic-bezier(.36, .11, .89, .32) infinite scaleIn
}

.animation-circle-inverse {
    right: 100px;
    top: 0;
    opacity: .25;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.animation-circle-inverse i {
    background: #fff;
    position: absolute;
    height: 55px;
    width: 55px;
    border-radius: 100%;
    left: -28px;
    bottom: -33px;
    opacity: .3;
    -webkit-animation: 3s linear infinite ripple1;
    animation: 3s linear infinite ripple1
}

.animation-circle-inverse i:nth-child(2) {
    -webkit-animation: 3s linear infinite ripple2;
    animation: 3s linear infinite ripple2
}

.animation-circle-inverse i:nth-child(3) {
    -webkit-animation: 3s linear infinite ripple3;
    animation: 3s linear infinite ripple3
}

@-webkit-keyframes ripple1 {
    0% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5);
        opacity: .3
    }

    100% {
        -webkit-transform: scale(8.5);
        transform: scale(8.5);
        opacity: 0
    }
}

@keyframes ripple1 {
    0% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5);
        opacity: .3
    }

    100% {
        -webkit-transform: scale(8.5);
        transform: scale(8.5);
        opacity: 0
    }
}

@-webkit-keyframes ripple2 {
    0% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5)
    }

    100% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5)
    }
}

@keyframes ripple2 {
    0% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5)
    }

    100% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5)
    }
}

@-webkit-keyframes ripple3 {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5)
    }
}

@keyframes ripple3 {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5)
    }
}

.head-blue {
    color: #0f2765 !important;
    font-size: 30px !important
}

.spicy-section {
    position: relative;
    padding-top: 100px;
    background-color: #f3f3f3
}

.spicy-section .row {
    margin: 0 -10px
}

.chips-block,
.default-service-item,
.drink-block,
.flavour-block {
    position: relative;
    margin-bottom: 30px
}

.spicy-section .chips-block,
.spicy-section .drink-block,
.spicy-section .flavour-block {
    padding: 0 10px
}

.chips-block .inner-box .image .overlay-box,
.drink-block .inner-box .image .overlay-box,
.flavour-block .inner-box .image .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.flavour-block .inner-box .image .overlay-box .content {
    position: relative;
    padding: 60px 15px 15px 250px
}

.flavour-block .inner-box .image .overlay-box .content h2 {
    position: relative;
    color: #fff;
    font-weight: 700;
    line-height: 1em
}

.flavour-block .inner-box .image .overlay-box .content h2 span {
    position: relative;
    font-weight: 300;
    font-style: italic;
    font-size: 20px;
    display: block
}

.flavour-block .inner-box .image .overlay-box .content .title {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-top: 15px;
    display: inline-block;
    background-color: #a41a13;
    padding: 10px 20px;
    transition: .3s
}

.drink-block .inner-box .image .overlay-box .content {
    position: relative;
    padding: 40px 15px 15px 145px
}

.drink-block .inner-box .image .overlay-box .content h2 {
    position: relative;
    color: #fff;
    font-weight: 800;
    line-height: 1.1em;
    font-size: 32px;
    text-transform: uppercase
}

.drink-block .inner-box .image .overlay-box .content h2 span {
    position: relative;
    color: #542a0c;
    display: block
}

.drink-block .inner-box .image .overlay-box .content .title {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-top: 10px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.drink-block .inner-box .image .overlay-box .content .read-more {
    position: relative;
    color: #991711;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    display: inline-block;
    text-decoration: underline
}

.chips-block .inner-box .image .overlay-box .content {
    position: relative;
    padding: 40px 10px 15px 140px
}

.chips-block .inner-box .image .overlay-box .content h2 {
    position: relative;
    color: #fff;
    font-weight: 400;
    line-height: 1.4em;
    font-size: 23px;
    text-transform: capitalize
}

.chips-block .inner-box .image .overlay-box .content h2 span {
    position: relative;
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 27px;
    text-transform: uppercase
}

.chips-block .inner-box .image .overlay-box .content .title {
    position: relative;
    color: #f8b92e;
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
    letter-spacing: 2px;
    text-transform: capitalize
}

.chips-block .inner-box .image .overlay-box .content .read-more {
    position: relative;
    left: 16px;
    margin-left: -11px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-top: 18px;
    letter-spacing: 1px;
    text-transform: capitalize;
    display: inline-block;
    background-color: #a41a13;
    padding: 8px 20px;
    transition: .3s
}

.delivery-area {
    background-color: #fef1d2;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.delivery-content span {
    font-size: 25px;
    color: #c24907;
    font-weight: 400;
    line-height: 1
}

.delivery-content h3 {
    font-size: 30px;
    margin-top: 12px;
    margin-bottom: 15px;
    line-height: 42px
}

.delivery-content .delivery-btn .default-btn-two {
    border: none;
    position: relative;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    background-color: #000;
    color: #fff;
    z-index: 1;
    text-transform: capitalize;
    border-radius: 30px;
    text-transform: uppercase;
    opacity: 1;
    margin-left: 10px;
    font-weight: 500;
    padding: 14px 30px
}

.delivery-content .delivery-btn .default-btn-two span {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-radius: 5px;
    transition: width .5s ease-in-out, height .5s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 1;
    background-color: #fbb403
}

.delivery-content .delivery-btn .default-btn-two:hover span {
    width: 225%;
    height: 562.5px;
    color: #fff !important
}

.delivery-content .delivery-btn .default-btn-two i {
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-left: 10px
}

.global-shape {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 1000px;
    z-index: -1;
    opacity: 10%
}

.services-section-four {
    position: relative;
    padding-bottom: 50px;
    background-color: #f4f4f4
}

.services-section-four .pattern-bottom-layer {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 168px;
    background-position: center bottom;
    background-repeat: repeat-x
}

.services-section-four .pattern-layer-one {
    position: absolute;
    left: 0;
    top: 150px;
    width: 493px;
    height: 938px;
    background-repeat: no-repeat
}

.services-section-four .pattern-layer-two {
    position: absolute;
    right: 0;
    top: 0;
    width: 493px;
    height: 938px;
    background-repeat: no-repeat
}

.services-section-four .row {
    margin: 0 -30px
}

.services-section-four .service-block-four {
    padding: 0 30px
}

.service-block-four .inner-box {
    position: relative;
    padding: 50px 60px;
    overflow: hidden;
    background-color: #fff;
    border-left: 5px solid #fe4c1c;
    border-radius: 0 10px 10px 0
}

.service-block-four .inner-box:hover {
    border-color: #0028a2;
    box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.service-block-four .inner-box .patern-layer {
    position: absolute;
    right: 0;
    top: 0;
    width: 102px;
    height: 102px;
    transform: translateX(176px);
    background-repeat: no-repeat;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.service-block-four .inner-box .icon-box,
.service-block-four .inner-box:before {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s
}

.service-block-four .inner-box:hover .patern-layer {
    transform: translateX(0);
    transition-delay: 0.4s
}

.service-block-four .inner-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    transition: .6s;
    background-image: -ms-linear-gradient(top, #ff0301 0, #fe4a1b 100%);
    background-image: -moz-linear-gradient(top, #ff0301 0, #fe4a1b 100%);
    background-image: -o-linear-gradient(top, #ff0301 0, #fe4a1b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff0301), color-stop(100, #fe4a1b));
    background-image: -webkit-linear-gradient(top, #ff0301 0, #fe4a1b 100%);
    background-image: linear-gradient(to bottom, #ff0301 0, #fe4a1b 100%)
}

.service-block-four .inner-box .icon-box {
    position: relative;
    color: #0a2aa6;
    font-size: 40px;
    line-height: 1em;
    transition: .6s
}

.service-block-four .inner-box .text,
.service-block-four .inner-box h5 a {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    position: relative
}

.service-block-four .inner-box .icon-box .icon {
    position: relative;
    float: left
}

.service-block-four .inner-box h5 {
    position: relative;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 7px;
    float: left;
    margin-left: 20px
}

.service-block-four .inner-box h5 a {
    color: #222;
    transition: .6s
}

.service-block-four .inner-box .text {
    color: #777;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 15px;
    display: block;
    transition: .6s
}

.service-block-four .inner-box .side-icon {
    position: absolute;
    right: -15px;
    bottom: -15px;
    font-size: 80px;
    line-height: 1em;
    color: #e6e9f6;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.service-block-four .inner-box:hover .side-icon {
    color: #fff;
    opacity: .2
}

.feature-section {
    padding-bottom: 110px
}

.feature-section .area-title strong {
    color: #3763ec
}

.feature-section .area-title h2:after {
    left: -15px
}

.feature-section .area-title h2:before {
    left: 10px
}

.feature-content-item {
    background-color: #fafafa;
    -webkit-box-shadow: 0 14px 65px 0 rgb(0 0 0 / .15);
    box-shadow: 0 14px 65px 0 rgb(0 0 0 / .15);
    position: relative;
    margin-top: 50px
}

.feature-content-item:after {
    top: 50%;
    left: 0;
    right: 0;
    content: "";
    width: 90%;
    margin: 0 auto;
    position: absolute;
    border: 1px dashed #d0d0d0
}

.food-common-heading,
.more-feature-section .feature {
    margin-bottom: 30px;
    text-align: center
}

.feature-content {
    position: relative;
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.feature-box-four .icon i,
.feature-content h3 {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.feature-content h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 20px 0 15px;
    transition: .3s ease-in-out
}

.feature-content:after {
    top: 50px;
    content: "";
    height: 60%;
    right: -15px;
    position: absolute
}

.feature-content:hover h3 {
    color: #723cbe
}

.feature-content:hover {
    -webkit-box-shadow: 0 40px 80px 0 rgb(4 10 48 / .06);
    box-shadow: 0 40px 80px 0 rgb(4 10 48 / .06)
}

.more-feature-section {
    background-color: #f9f9f9;
    padding: 120px 0
}

.more-feature-section .feature span img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 15px
}

.more-feature-section .feature {
    width: 100%;
    height: auto;
    padding: 45px 30px 30px;
    min-height: 205px;
    border-radius: 3px;
    background: #fff
}

.text-center .bar,
.text-center .bar::before {
    background-image: -webkit-linear-gradient(45deg, #dd2476 0, #ff512f 55%);
    background-image: linear-gradient(45deg, #dd2476 0, #ff512f 55%)
}

.more-feature-section .feature h3 {
    margin: 15px 0 0;
    color: #151515;
    font-size: 16px;
    text-transform: uppercase
}

.text-center .bar {
    height: 4px;
    width: 70px;
    margin: 20px auto;
    position: relative;
    border-radius: 30px;
    text-align: left
}

.text-center .bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG
}

@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(65px);
        transform: translateX(65px)
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(65px);
        transform: translateX(65px)
    }
}

.section-about {
    border-top: 1px solid #eee
}

.about {
    padding-top: 60px;
    padding-bottom: 120px
}

.about .part-img img {
    width: 100%;
    -webkit-animation: 5s linear infinite bounce;
    animation: 5s linear infinite bounce
}

.food-common-heading h4:before,
food-common-heading h4:before {
    width: 60px;
    height: 7px;
    right: 0;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    content: ""
}

.bg-b {
    background-image: linear-gradient(to right, #673ab7 0, #e91e63 36%, #e91e63 65%, #673ab7 100%)
}

.text-animation {
    font-weight: 700;
    color: #fff0;
    -webkit-background-clip: text;
    -webkit-animation: 6s linear infinite hue
}

.text-radius {
    border-radius: 3px;
    padding: 0 3px
}

.text-light {
    color: #f8f9fa !important
}

@keyframes hue {
    from {
        background-position: 0 0
    }

    to {
        background-position: 2000px 0
    }
}

.back-black-box {
    background-color: #1b2033;
    padding: 70px 0
}

.food-common-heading h4 {
    font-size: 30px;
    line-height: 1.53;
    margin: 0;
    color: #fff;
    position: relative;
    padding-bottom: 20px
}

food-common-heading h4:before {
    background-color: #2d2c30
}

.back-black-box .food-common-heading h4:before {
    right: inherit
}

.food-common-heading h4:before {
    background-color: #ff6500
}

.food-common-heading p {
    font-weight: 400;
    line-height: 1.35;
    margin-top: 15px;
    color: #fff
}

.row-flexible-top {
    display: flex;
    flex-wrap: wrap
}

.carousel-food {
    padding: 0;
    margin: 0
}

.button-food-outline-red,
.button-food-red {
    padding: 13px 20px;
    margin-right: 15px;
    cursor: pointer
}

.lister-pointer ol {
    position: static;
    width: 50%;
    margin: 0 !important;
    display: block;
    flex-wrap: wrap;
    float: left;
    padding: 0 15px
}

.lister-pointer ol li {
    text-indent: 0;
    width: 100% !important;
    float: left;
    height: auto !important;
    margin: 0 0 15px !important;
    border-radius: 2.5px !important;
    background-color: #21263a;
    border: none !important;
    text-align: left;
    padding: 20px;
    position: relative
}

.lister-pointer ol li h4 {
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    color: #a1a7c3;
    margin: 0
}

.lister-pointer ol li p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    color: #fff;
    display: none;
    margin-top: 10px;
    transition: .5s
}

.present {
    background-color: #8bc541 !important;
    margin-bottom: 15px !important
}

@media (min-width:1200px) {

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3.125rem !important
    }

    .hidden-lg {
        display: none !important
    }

    #myCarousel .lister-pointer {
        margin-top: 40px
    }
}

.food-banner {
    width: 100%;
    height: 100vh;
    position: relative;
    background-image: linear-gradient(to bottom right, #005cd0, #1ba1ec);
    background-size: cover
}

.food-1250 {
    max-width: 1250px !important
}

.food-banner-heading {
    font-weight: 900;
    color: #fff !important;
    font-size: 45px;
    line-height: 60px;
    word-break: break-word
}

.button-food-red {
    background: #cb202d;
    color: #fff;
    margin-top: 20px;
    font-size: 18px;
    border-radius: 4px;
    border: 1px solid #cb202d
}

.button-food-outline-red {
    background: 0 0 !important;
    color: #fff;
    margin-top: 20px;
    font-size: 18px;
    border: 1px solid #fff;
    border-radius: 4px
}

.list-addon-home,
.store-list-cb {
    padding: 0;
    display: flex;
    list-style: none
}

.button-food-outline-red:hover {
    background: #fff !important;
    color: #cb202d
}

.button-food-red:hover {
    background: 0 0;
    border: 1px solid #fff
}

.height-230 {
    height: 230px !important
}

.classic-cta.full-cta-classic.orange-gredient-cta {
    text-align: center;
    padding: 50px;
    margin: 0
}

.classic-cta.full-cta-classic {
    background-image: linear-gradient(to right, #a40a1a -7%, #ec6705)
}

.inner-classic-cta h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 20px
}

.classic-cta.full-cta-classic .animation-on-hover.btn-register-header {
    background-image: none;
    background-color: #b68022;
    border: 1px solid #b68022;
    border-radius: 3px;
    box-shadow: 0 2px 44px 0 rgb(0 0 0 / 18%);
    font-size: 18px;
    padding: 13px 20px 13px 47px;
    color: #fff;
    position: relative
}

.btn-register-header:before {
    box-shadow: 0 0 0 rgb(255 255 255 / 40%);
    animation: 2s infinite pulso;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto
}

.food-soln-features.app-one-main {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
    padding: 140px 0 0
}

.parallax {
    overflow: visible !important
}

.food-soln-features .sfutures-main p {
    margin-top: 15px;
    color: #fff !important;
    font-size: 14px;
    line-height: 20px
}

.food-soln-features .home-app-img img {
    height: auto;
    max-height: 550px;
    width: auto;
    margin: 30px -25px 0 0;
    max-width: 100%
}

.ondemand-application-info-wrap i {
    background-color: #c5c2c2;
    border-radius: 25%;
    height: 50px;
    width: 50px;
    background-position: center;
    padding: 12px;
    font-size: 25px;
    text-align: center;
    margin-right: 10px
}

.ondemand-application-slider {
    flex: 1
}

.ondemand-application-info-wrap {
    display: flex;
    margin-bottom: 20px;
    align-items: center
}

.customer-app i {
    background: #226a81
}

.driver-app i {
    background: #1e703e
}

.admin-app i {
    background: #994326
}

.semibold {
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px
}

.same-large-heading {
    font-size: 30px;
    line-height: 42px;
    margin: auto;
    color: #202020;
    width: 90%
}

.store-list-cb {
    margin: 30px -15px 0;
    flex-wrap: wrap
}

.store-list-cb li {
    width: calc(33.33% - 30px);
    margin: 15px;
    border-radius: 3px;
    box-shadow: 0 12px 24px 0 rgb(0 0 0 / 10%);
    background-color: #ffdba8;
    padding: 40px 30px 0;
    background-image: linear-gradient(to bottom, #fff8ed -7%, #ffdba8)
}

.store-list-cb li h5 {
    font-size: 15px;
    line-height: normal;
    color: #210f00;
    margin: 0
}

.store-list-cb li h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    color: #210f00;
    margin: 10px 0
}

.store-list-cb li p {
    line-height: 1.56;
    color: #64584d
}

.store-list-cb li a {
    font-size: 14px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .67px;
    text-align: center;
    color: #000;
    display: inline-block;
    text-transform: capitalize;
    cursor: pointer
}

.store-list-cb li a i {
    color: #f1730b;
    font-size: 24px;
    vertical-align: sub;
    margin-left: 10px
}

.store-list-cb li img {
    position: relative;
    right: -30px
}

.page-sec .heading {
    color: #1e1e1e;
    text-align: center;
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 30px
}

.page-sec .disc {
    margin-bottom: 20px;
    font-size: 18px;
    opacity: .8
}

.features .box {
    background-color: #fff;
    padding: 15px 20px;
    text-align: center;
    min-height: 250px
}

.page-sec .para {
    color: #1e1e1e;
    line-height: 1.8;
    opacity: .8
}

.list-addon-home {
    margin: 50px -15px;
    flex-wrap: wrap
}

.list-addon-home li {
    width: calc(33.333% - 30px);
    border-radius: 3px;
    border: 1px solid #f4dbb1 !important;
    background-color: #fff8ec;
    position: relative;
    padding: 15px 15px 15px 115px;
    margin: 15px;
    transition: .5s
}

.list-addon-home li img {
    object-fit: scale-down;
    object-position: center;
    width: 80px;
    height: 80px;
    left: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.list-addon-home li h4 {
    line-height: .9
}

.list-addon-home li p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    color: #232323
}

.resource-team {
    padding: 30px 0;
    margin: 0
}

.resource-team .team-sec h2 {
    font-size: 30px;
    line-height: 42px;
    margin: 25px 0 0;
    text-transform: capitalize
}

.teaming-up .team-sec ul li {
    line-height: 25px;
    padding-bottom: 24px;
    padding-left: 40px;
    position: relative
}

.teaming-up .team-sec ul li:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 21px;
    background-size: 25px;
    background-image: url(../images/food/icons/arrow-right-po.svg);
    left: 0;
    top: 0
}

.common-section-all {
    padding: 80px 0;
    float: left;
    width: 100%
}

.new-heading-style {
    margin-bottom: 50px;
    position: relative
}

section .new-heading-style h4 {
    text-align: center;
    font-size: 30px;
    line-height: 42px;
    margin-top: 0
}

.techImages span h4,
.techImages span p {
    line-height: 1.5;
    color: #272727;
    text-align: center
}

.carousel-fade .carousel-control,
.techImages {
    z-index: 2
}

.techImages>i {
    width: 53px;
    height: 53px;
    position: absolute;
    left: 80px;
    top: 40px;
    transition: .4s;
    opacity: 0
}

.techImages img {
    height: 400px;
    display: block;
    margin: auto
}

.techImages span {
    display: block;
    text-align: center;
    border-radius: 13px;
    box-shadow: 0 2px 14px -4px rgb(0 0 0 / 21%);
    background-color: #fff;
    padding: 30px 8px;
    margin-top: 60px;
    transition: .4s;
    height: 200px
}

.techImages i {
    width: 69px;
    height: 69px;
    box-shadow: 0 15px 12px -9px #05d6a2;
    background-image: radial-gradient(circle at 81% 100%, #00b588, #07e4ad 85%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33.6px;
    font-weight: 900;
    font-style: normal;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    margin: -65px auto auto;
    border: 1px solid #fff
}

.techImages span h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px
}

.techImages span p {
    font-size: 16px;
    font-weight: 400;
    margin: 0
}

.techImages.admin>i {
    left: inherit;
    right: -200px;
    top: 50px
}

.techImages.admin img {
    height: 500px;
    margin-left: -200px
}

.techImages:nth-child(3) i {
    right: 80px;
    left: inherit
}

.techImages.admin {
    z-index: 1
}

.techImages span:hover {
    background-color: #0c9
}

.common-heading h4 {
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin: 0;
    color: #000
}

.common-heading p {
    font-size: 18px;
    color: #0c1612;
    margin-top: 10px;
    font-weight: 400
}

.taxi-nav {
    justify-content: center;
    margin: 50px 0;
    border: none
}

.taxi-nav li {
    width: 25%;
    text-align: center;
    color: #b6bdba;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.3;
    position: relative;
    padding-bottom: 20px;
    cursor: pointer
}

.taxi-nav>li>a.active,
.taxi-nav>li>a.active:focus,
.taxi-nav>li>a.active:hover {
    color: #000 !important;
    outline: 0 !important;
    border: none
}

.taxi-nav li img {
    display: block;
    margin: auto auto 15px
}

.carousel-one ol {
    position: absolute;
    width: 100%;
    left: inherit;
    height: 400px;
    top: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto
}

.carousel-one ol li:first-child {
    left: 0;
    top: 0
}

.carousel-one ol.carousel-indicators li,
.carousel-one ol.carousel-indicators li.active {
    height: auto !important;
    text-indent: inherit;
    position: absolute;
    width: 380px !important;
    text-align: left;
    padding: 20px 20px 20px 90px;
    background-color: #fff;
    border-radius: 10px !important;
    box-shadow: none;
    transition: 250ms
}

.carousel-one ol li.active {
    box-shadow: 0 12px 43px 4px rgb(23 23 23 / 19%) !important
}

.carousel-one ol li img {
    position: absolute;
    left: 20px
}

.carousel-one ol li h4 {
    margin: 0 0 10px;
    color: #0c1612;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3
}

.carousel-one ol li p {
    margin: 0;
    color: #0c1612;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400
}

.grid-images ul li h5,
.taxi-nav li>a:before {
    margin: auto;
    transition: .5s;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.carousel-one ol li:nth-child(2) {
    left: 0;
    bottom: 0
}

.carousel-one ol li:nth-child(3) {
    right: 0;
    top: 0
}

.carousel-one .item img {
    height: 550px
}

.carousel-fade .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

a.carousel-control.left {
    left: 0;
    background: 0 0;
    border: 0
}

.grid-images ul li .on-hover,
.grid-images ul li img {
    border-radius: 4px;
    width: 100%
}

.jewellery-common-heading h4 {
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 15px
}

.jewellery-common-heading p {
    font-size: 20px;
    color: #0c1612
}

.grid-images ul {
    list-style: none;
    width: 100%;
    padding: 0 0 0 40px;
    margin: 0 0 30px 30px;
    float: left;
    position: relative;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat
}

.grid-images ul li:first-child,
.grid-images ul li:nth-child(3) {
    top: 30px
}

.grid-images ul li {
    width: calc(50% - 30px);
    float: left;
    margin: 15px;
    position: relative;
    overflow: hidden
}

.grid-images ul li h5 {
    top: 0;
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #fff
}

.grid-images ul li .on-hover {
    position: absolute;
    background: linear-gradient(900deg, rgb(0 0 0 / .5) 27%, #f9bb00 100%);
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    text-align: center;
    top: 100%;
    transition: .5s;
    padding: 15px
}

.grid-images ul li .on-hover h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #fff
}

.grid-images ul li .on-hover p {
    font-size: 16px;
    color: #fff;
    line-height: 1.3
}

.grid-images ul li:hover .on-hover {
    top: 0
}

.grid-images ul li:hover h5,
.workflow-icon.round:before {
    opacity: 0
}

.jewellery-banner {
    background: url(../images/jewellery/jewel-banner-img.jpg);
    padding: 150px;
    height: 100%
}

.taxi-nav li>a:before {
    width: 0%;
    content: "";
    height: 5px;
    background: linear-gradient(to right, #b68022, #ab610a, #733c0a)
}

.cta-rewamped-texter h4 {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.47;
    text-align: left;
    color: #fff;
    margin: 0 0 20px
}

.girl-with-phone-cta-img {
    height: 400px;
    width: 100%;
    object-fit: contain
}

.btn-register-header {
    display: inline-block;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #b68022;
    background-color: #b68022;
    padding: 10px 20px 10px 48px !important;
    position: relative
}

.btn-register-header-green {
    background: #1ba37e;
    border-color: #1ba37e
}

.cta-rewamped.green-rewamped {
    background-image: radial-gradient(circle at 19% 61%, #733c0a, #ab610a, #b68022 75%);
    padding: 20px 0 0
}

.cta-rewamped.green-rewamped .cta-rewamped-texter p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px
}

.faq-section {
    background: #fdfdfd;
    min-height: 80vh;
    padding: 10vh 0 0
}

.jewellery-faq-title p {
    padding: 0 190px;
    margin-bottom: 10px
}

.jewellery-faq {
    background: #fff;
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / .06);
    border-radius: 4px
}

.jewellery-faq .card {
    border: none;
    background: 0 0;
    border-bottom: 1px dashed #cee1f8;
    display: block
}

.jewellery-faq .card .card-header {
    padding: 0;
    border: none;
    background: 0 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.jewellery-faq .card .card-header .jewellery-faq-title {
    width: 100%;
    text-align: left;
    padding: 20px 30px;
    font-weight: 700;
    font-size: 15px;
    color: #3b566e;
    text-decoration: none !important;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.jewellery-faq .card .card-header .jewellery-faq-title .badge {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 14px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background: #e91e63;
    color: #fff;
    font-size: 12px;
    margin-right: 20px
}

.jewellery-faq .card .card-body {
    padding: 0 1px 16px 35px;
    font-weight: 400;
    font-size: 16px;
    color: #6f8ba4;
    line-height: 28px;
    border: none
}

.jewellery-faq .card-header h5.collapsed:after {
    content: "+";
    font-size: 25px;
    position: absolute;
    right: 15px;
    top: 16px;
    color: #ab610a
}

.jewellery-faq .card-header h5:after {
    content: "-";
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 16px;
    font-weight: 700;
    color: #ab610a
}

.cta-with-jewel .text-item {
    top: 30%;
    left: 10%;
    text-align: center;
    position: absolute
}

.cta-with-jewel .text-item h4 {
    font-size: 30px;
    line-height: 1.5;
    color: #fff
}

.common-heading-section h4 {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.3;
    margin: 0
}

.common-heading-section p {
    font-size: 24px;
    line-height: 1.3
}

.potfolio-mobile {
    position: relative;
    margin-top: 50px
}

img.iphone-x-cover {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
    width: 248px;
    height: 500px;
    top: -148px;
    bottom: 0
}

.jewel-owl-portfolio.owl-carousel .owl-item .item {
    transition: .5s;
    transform: scale(.8);
    opacity: .6;
    filter: grayscale(1)
}

.jewel-owl-portfolio.owl-carousel .owl-item .item img,
.portfolio-new-design .portfolio-content-container .portfolio-logo img {
    border-radius: 10px
}

.jewel-owl-portfolio.owl-carousel .owl-item.center .item {
    transform: scale(1);
    opacity: 1;
    filter: grayscale(0)
}

.owl-carousel-mobile.owl-carousel .owl-item span {
    font-size: 20px;
    color: #000;
    display: block;
    text-align: center;
    width: 100%;
    bottom: 0;
    z-index: 9999999;
    margin-top: 40px;
    text-transform: uppercase
}

.potfolio-mobile .owl-theme .owl-dots {
    margin-top: 60px !important
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #7e7e7e;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s;
    border-radius: 30px
}

.potfolio-mobile .owl-theme .owl-dots .owl-dot.active span,
.potfolio-mobile .owl-theme .owl-dots .owl-dot:hover span {
    background: #1a71e6
}

.jewel-cta-gradient.classic-cta.full-cta-classic {
    background: #c31432;
    background: -webkit-linear-gradient(to right, #733c0a, #ab610a, #b68022);
    background: linear-gradient(to right, #733c0a, #ab610a, #b68022)
}

.cta-jewel-img .cta-jewel-img-item {
    height: 340px;
    width: 100%;
    object-fit: cover
}

.cta-jewel-img-text {
    position: absolute;
    top: 30%;
    left: 10%;
    width: 40%
}

.jewellery-banner-heading {
    color: #222 !important;
    line-height: 48px;
    margin-bottom: 30px
}

.jewellery-banner p {
    max-width: 500px;
    font-size: 16px;
    font-weight: 500;
    color: #515151
}

.jewellery-product .button-food-outline-red {
    color: #000;
    border-color: #000
}

.jewellery-product .button-food-outline-red:hover {
    border-color: #fff
}

.jewellery-product .button-food-red:hover {
    border-color: #000;
    color: #000
}

.banner-title-jewel {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px
}

.sc_item_title span:after,
.sc_item_title span:before {
    position: absolute;
    height: 1px;
    content: "";
    width: 60px;
    bottom: -.9rem;
    left: calc(50% - 3.65rem);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #000
}

.sc_item_title span:after {
    left: calc(50% + 3.2rem)
}

.sc_item_title:after {
    content: " ";
    background: url(../images/jewellery/icon/diamonds-gold.svg) 0 0/contain no-repeat;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    color: #000;
    top: 90%
}

.sc_item_title {
    margin-bottom: 30px !important;
    text-align: center;
    position: relative
}

.banner-app-screen {
    background: url(../images/jewellery/banner-phn-screen.png) 0 0/contain no-repeat;
    width: 100%;
    height: 375px;
    position: absolute;
    top: 0;
    left: 58%
}

.btn-position-img-below {
    position: absolute;
    right: 123px;
    bottom: -130px
}

.nav-tabs .nav-item.active {
    box-shadow: 0 5px 15px 0 rgb(23 23 23 / 18%)
}

.welcome-area {
    height: 600px;
    z-index: 1
}

.welcome-intro h1 {
    font-size: 56px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -1.6px
}

.welcome-thumb-2 {
    top: 50%;
    left: 0
}

.welcome-thumb-3 {
    top: 55%;
    left: 36%
}

.welcome-thumb-4 {
    top: 94%;
    right: 0
}

.welcome-thumb-5 {
    top: -18%;
    left: 25%
}

.welcome-thumb-6 {
    top: -9%;
    right: 15%
}

.welcome-animation {
    position: relative;
    -webkit-animation: 5s ease-in-out infinite bounceHero;
    animation: 5s ease-in-out infinite bounceHero
}

.welcome-thumb-2 .welcome-animation,
.welcome-thumb-5 .welcome-animation {
    -webkit-animation-duration: 6s;
    animation-duration: 6s
}

.welcome-thumb-3 .welcome-animation {
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

.welcome-thumb-4 .welcome-animation {
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.welcome-thumb-6 .welcome-animation {
    -webkit-animation-duration: 7s;
    animation-duration: 7s
}

@-webkit-keyframes bounceHero {

    0%,
    100% {
        top: 0
    }

    50% {
        top: 25px
    }
}

@keyframes bounceHero {

    0%,
    100% {
        top: 0
    }

    50% {
        top: 25px
    }
}

.welcome-area.bg-overlay::after {
    z-index: -2
}

.welcome-area .welcome-shape {
    position: absolute;
    top: auto;
    bottom: -6px;
    left: 0;
    right: 0;
    z-index: -1
}

.btn.btn-bordered-white,
.seo-cta .seo-cta-btn {
    padding: 10px 20px 10px 48px;
    position: relative
}

.btn.btn-bordered::before,
.homepage-3 .bg-overlay::after,
.homepage-3 .btn.btn-bordered-white::after,
.homepage-3 .grad-hover::before {
    background: linear-gradient(to right, #1868dd 0, #5847df 44%, #9725e0 100%)
}

.btn.btn-bordered-white {
    background: 0 0;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 5px
}

.bar-line,
.seo-cta .seo-cta-btn,
.service_box {
    border-radius: 5px
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.homepage-3 img {
    height: auto;
    max-width: 100%;
    width: 80%
}

.mtr-10 {
    margin-top: 10rem
}

.tw-features-area .column-title {
    margin-right: -32px;
    margin-top: -4px
}

.column-title {
    font-size: 36px;
    display: block
}

.features-text:after {
    position: absolute;
    left: -48px;
    top: 0;
    width: 3px;
    height: 130%;
    content: "";
    background: #fa6742
}

.seo-features-area .about-image {
    margin-top: 0;
    position: relative
}

.seo-features-area .about-text h3 {
    font-size: 36px;
    font-weight: 700;
    margin: 15px 0 25px;
    line-height: 40px
}

.content_area .title span,
.industries-area .title span,
.seo-features-area .about-text span,
.service_area .title span,
.what-we-do .title span,
.working-process-area .title span {
    font-weight: 400;
    text-transform: capitalize;
    color: #ff6d34;
    font-size: 16px
}

.seo-features-area .about-image .col-lg-6:first-child .image img {
    border-radius: 25px 0 0
}

.seo-features-area .about-image .col-lg-6:nth-child(2) .image img {
    border-radius: 0 25px 0 0
}

.seo-features-area .about-image .col-lg-6:nth-child(3) .image img {
    border-radius: 0 0 0 25px
}

.seo-features-area .about-image .col-lg-6:nth-child(4) .image img {
    border-radius: 0 0 25px
}

.seo-features-area .about-image .image img {
    -webkit-box-shadow: 0 10px 20px 0 rgb(130 136 147 / 15%);
    box-shadow: 0 10px 20px 0 rgb(130 136 147 / 15%);
    -webkit-transition: .2s;
    transition: .2s;
    height: 238px;
    width: 100%;
    object-fit: cover
}

.seo-features-area .about-image .image:hover img {
    -webkit-animation: 3s linear infinite movebounce;
    animation: 2s linear infinite movebounce
}

.rocket {
    position: absolute;
    right: 0;
    bottom: 10rem;
    -webkit-animation: 3s linear infinite movebounce;
    animation: 3s linear infinite movebounce
}

.service_area {
    background: #fbfbfb
}

.service_area .service_icon img {
    transition: 1.5s ease all;
}

.service_area .service_box:hover .service_icon img {
    transform: rotateY(360deg)
}

.service_box {
    padding: 40px 25px;
    background: #fff;
    box-shadow: 0 15px 80px #f1f1f1;
    min-height: 300px;
    margin-bottom: 30px;
    transform: translateY(0);
    transition: .3s;
    height: 330px;
}

.service_box .service_icon {
    display: inline-block;
    min-height: 80px
}

.service_box h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #0f2765
}

.content_area h3,
.industries-area h3,
.service_area h3,
.working-process-area h3 {
    font-size: 36px;
    line-height: 36px;
    margin: 10px 0 15px
}

.ptb100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.ptb50,
.section-space--ptb_50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.pt50-b70 {
    padding-top: 50px;
    padding-bottom: 70px
}

.bg-fbf9f8 {
    background-color: #f5f5f5
}

.working-process-area p {
    margin-bottom: 20px;
    margin-top: 15px
}

.working-process-area .section-title {
    margin-bottom: 60px;
    position: relative
}

.working-process-area .section-title:after {
    border-bottom: 0 solid #fff !important
}

.working-process-area .section-title h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 15px;
    text-transform: capitalize;
    max-width: 635px;
    line-height: 38px
}

.working-process-area .section-title p {
    max-width: 635px
}

.working-process-area .section-title .read-more-btn {
    position: absolute;
    right: 0;
    top: 50%;
    text-transform: capitalize;
    text-decoration: underline
}

.boost-ranking .right-content .btn-one,
.read-more-btn {
    text-transform: uppercase
}

.read-more-btn {
    font-weight: 700;
    position: relative;
    color: #ff6d34;
    z-index: 1
}

.read-more-btn::before {
    content: "";
    position: absolute;
    left: 50px;
    bottom: 11px;
    width: 55px;
    height: 2px;
    background: #ff6d34;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: -1
}

.working-process-area .single-work-process {
    text-align: center;
    background: #fff;
    padding: 25px;
    border-radius: 5px;
    position: relative;
    -webkit-box-shadow: 7px 5px 30px rgb(72 73 121 / 15%);
    box-shadow: 7px 5px 30px rgb(72 73 121 / 15%);
    margin-bottom: 20px
}

.working-process-area .single-work-process .icon {
    background: #0b2359;
    display: inline-block;
    width: 80px;
    height: 80px;
    position: relative;
    z-index: 1;
    font-size: 35px;
    color: #ff6d34;
    fill: #fff;
    line-height: 80px;
    -webkit-clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
    clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
    -webkit-transition: .4s;
    transition: .4s
}

.working-process-area .single-work-process h3 {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 600
}

.working-process-area .single-work-process:hover .icon::before {
    opacity: 1;
    visibility: visible;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.working-process-area .single-work-process .icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    background: #ff6d34;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s
}

.working-process-area .single-work-process:hover .icon {
    color: #fff;
    fill: #fff
}

.bar-line {
    height: 4px;
    width: 85px;
    background: -webkit-gradient(linear, left bottom, right top, from(#fdb084), color-stop(#ff9870), color-stop(#ff7e62), color-stop(#ff5f59), to(#ff3656));
    background: linear-gradient(to right top, #fdb084, #ff9870, #ff7e62, #ff5f59, #ff3656);
    position: relative;
    overflow: hidden;
    margin-bottom: 25px
}

.bar-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #fff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG
}

.position-relative {
    position: relative !important
}

.bg-gradient-img {
    width: 100%;
    padding: 20px 0 30px;
    background-image: url(../images/seo/gradiant-bg.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center
}

.call-to-action-area {
    background-color: #0c5adb;
    position: relative
}

.call-to-action-area:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/seo/background-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: .1
}

.boost-ranking {
    position: relative;
    background: center center/cover no-repeat #257fc7;
    width: 100%;
    padding: 92px 0 150px
}

.boost-ranking:before {
    position: absolute;
    content: "";
    background: url(../images/seo/boost.png) center center repeat-x;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.case-section:after,
.case-section:before {
    height: 110px;
    content: "";
    left: 0;
    width: 100%
}

.boost-ranking .left-content .text {
    position: relative;
    font-size: 42px;
    font-weight: 400;
    line-height: 48px;
    color: #fff
}

.boost-ranking .left-content .text span {
    font-size: 48px;
    display: block;
    font-weight: 700;
    line-height: 72px;
    color: #febf4d
}

.boost-ranking .right-content {
    position: relative;
    margin-left: 79px;
    z-index: 1
}

.boost-ranking .right-content h4 {
    color: #fff;
    margin-bottom: 34px;
    font-weight: 400;
    line-height: 32px
}

.boost-ranking .left-content:before {
    position: absolute;
    content: "";
    background: url(../images/seo/1.png);
    width: 193px;
    height: 384px;
    top: -120px;
    right: -126px;
    webkit-animation: movebounce 3s linear infinite;
    animation: 3s linear infinite movebounce
}

.btn-one {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 16px;
    background: #df5626;
    border: 2px solid #df5626;
    padding: 10px 20px 10px 48px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    line-height: 1.5;
    z-index: 1;
    transition: .5s
}

.btn-one:hover {
    color: #fff;
    border: 2px solid #df5626;
    background: 0 0
}

.case-section {
    position: relative;
    padding: 0 0 20px
}

.case-section:before {
    position: absolute;
    background: url(../images/seo/2.png) repeat-x;
    top: -100px
}

.case-section:after {
    position: absolute;
    background: url(../images/seo/6.png) repeat-x;
    top: -110px
}

.what-we-do {
    position: relative;
    padding: 70px 0
}

.default-service-item .icon-box {
    position: relative;
    display: block;
    margin-bottom: 20px
}

.default-service-item h3 {
    position: relative;
    display: block;
    color: #090913;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px
}

.default-service-item h3 a,
.service-item-three h3 a:hover {
    color: #090913
}

.default-service-item .text {
    position: relative;
    display: block;
    color: #090913;
    font-weight: 500;
    line-height: 1.5em;
    font-size: 17px
}

.service-item-three .inner-box {
    position: relative;
    display: block;
    background: #ff850d;
    color: #fff;
    text-align: center;
    padding: 80px 40px 100px
}

.what-we-do .service-item-three:nth-child(2) .inner-box {
    background: #704fff
}

.what-we-do .service-item-three:nth-child(3) .inner-box {
    background: #41d481
}

.service-item-three .icon-box {
    position: relative;
    display: block;
    margin-bottom: 40px
}

.service-item-three h3 {
    position: relative;
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px
}

.service-item-three .text {
    position: relative;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8em
}

.what-we-do h2 {
    font-size: 36px;
    line-height: 36px;
    margin: 20px 0px
}

#feature-softwere-two,
.dm-cta-sec,
.section-padding2 {
    padding: 60px 0
}

.space-20 {
    height: 20px
}

ul.points li {
    list-style: none;
    position: relative;
    z-index: 2;
    padding-left: 30px;
    margin-bottom: 10px;
    font-weight: 500
}

ul.points li span.point_icon {
    margin-right: 5px;
    height: 18px;
    width: 18px;
    display: inline-block;
    background: #ff7c00;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px
}

ul.points li span.point_desc {
    display: block;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 20px
}

.industries-area {
    background-color: #0b2359;
    /* background: -webkit-gradient(linear, left bottom, right top, from(#ffbac3), color-stop(#ffc4c3), color-stop(#ffcec5), color-stop(#ffd7ca), to(#fee1d2));
    background: linear-gradient(to right top, #ffbac3, #ffc4c3, #ffcec5, #ffd7ca, #fee1d2) */
}

.industries-area h2 {
    color: #fff;
}

.single-industries-box {
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
    border-radius: 0 50px;
    border: 1.5px solid #fff;
    background-color: #f7f9fc;
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 35px 20px 35px 25px
}

.single-industries-box::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #0b2359;
    border: 1px solid #fff;
    /* background: -webkit-gradient(linear, left bottom, right top, from(#fdb084), color-stop(#ff9870), color-stop(#ff7e62), color-stop(#ff5f59), to(#ff3656));
    background: linear-gradient(to right top, #fdb084, #ff9870, #ff7e62, #ff5f59, #ff3656); */
    z-index: -1;
    content: "";
    -webkit-transition: .5s;
    transition: .5s
}

.single-industries-box i,
.single-industries-box svg {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    color: #0b2359;
    fill: #0b2359;
    /* color: #ffa6b3;
    fill: #ffa6b3; */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 50px
}

.process-left:after,
.process-right:after {
    content: "";
    border-bottom: 15px solid #fff;
    border-left: 15px solid #fff;
    position: absolute;
    top: 42%;
    transform: rotate(45deg);
    z-index: 1
}

.single-industries-box i::before {
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 36px
}

.single-industries-box h3 {
    margin-bottom: 0;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 21px;
    font-weight: 900
}

.single-industries-box a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.single-industries-box:hover {
    padding-left: 70px !important
}

.single-industries-box:hover i,
.single-industries-box:hover svg {
    left: 25px;
    color: #fff;
    fill: #fff;
    font-size: 35px
}

.single-industries-box:hover i::before {
    font-size: 35px
}

.smo-gradient-bg {
    background: linear-gradient(75deg, #65258a 10%, #e80566) !important
}

.hero-slider-content h1 {
    font-size: 40px;
    line-height: initial;
    font-weight: 700
}

.smo-button-primary,
.smo-button-primary:hover {
    color: #fff;
    background-color: #2775ff
}

.process-point-left:before,
.process-point-right:before {
    content: "";
    width: 11px;
    background: #65258a;
    display: inline-grid;
    position: relative;
    top: 0
}

.gray-light-bg {
    background: #f6f6f6
}

.process-box {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    position: relative;
    box-shadow: 2px 2px 7px 0 #00000057
}

.process-left:after {
    border-top: 15px solid #fff;
    border-right: 15px solid #fff;
    display: inline-grid;
    right: -15px;
    box-shadow: 3px -2px 3px 0 #00000036
}

.process-right:after {
    border-top: 15px solid #fff0;
    border-right: 15px solid #fff0;
    display: inline-grid;
    left: -15px;
    box-shadow: -1px 1px 3px 0 #0000001a
}

.process-step-number:after,
.process-step-number:before {
    content: "";
    border-bottom: 8px solid #e80566;
    display: inline-grid
}

.process-step-number {
    background: #e80566;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    height: 100%;
    padding-top: 15px;
    position: relative;
    top: -36px;
    border-radius: 0 0 10px 10px;
    box-shadow: -6px 8px 0 0 #00000014
}

.process-point-left,
.process-point-right {
    background: #fff;
    width: 25px;
    height: 25px;
    box-shadow: 0 0 0 4px #65258a;
    margin: auto 0;
    position: absolute;
    bottom: 60px
}

.process-point-right {
    border-radius: 50%;
    border: 8px solid #e80566;
    left: -60px
}

.process-point-right:before {
    height: 157px;
    transform: rotate(31deg);
    left: -53px
}

.process-point-left {
    border-radius: 50%;
    border: 8px solid #e80566;
    right: -60px
}

.process-line-l,
.process-line-r {
    background: #e80566;
    height: 4px;
    width: 130px;
    top: 80px;
    z-index: 9
}

.process-point-left:before {
    height: 175px;
    transform: rotate(-31deg);
    left: 53px
}

.process-box p {
    z-index: 9
}

.process-step-number h2 {
    font-size: 40px;
    font-weight: 700;
    color: #65258a
}

.process-step-number:after {
    border-top: 8px solid #fff0;
    border-left: 8px solid #fff0;
    border-right: 8px solid #e80566;
    position: absolute;
    left: -16px;
    top: 0
}

.process-step-number:before {
    border-top: 8px solid #f000;
    border-left: 8px solid #e80566;
    border-right: 8px solid #f000;
    position: absolute;
    right: -16px;
    top: 0
}

.process-line-l {
    position: absolute;
    right: -147px
}

.process-line-r {
    position: absolute;
    left: -147px
}

@media (min-width:320px) and (max-width:1199px) {

    .process-left:after,
    .process-line-l,
    .process-line-r,
    .process-none,
    .process-point-left,
    .process-point-right,
    .process-right:after {
        display: none
    }

    .process-width.col-lg-5 {
        margin-top: 40px;
        width: 100% !important;
        max-width: 100% !important;
        flex: auto
    }
}

.color-secondary {
    color: #e80566
}

.check-list-info {
    margin-top: -.5em;
    margin-bottom: -.5em
}

.check-list-info li {
    position: relative;
    padding: .5rem 0 .5rem 1.875rem;
    font-size: 1rem;
    line-height: 1.5
}

.check-list-info li:before {
    position: absolute;
    top: 10px;
    left: 0;
    font-family: FontAwesome;
    content: "\f058";
    font-weight: 900;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #e80566
}

@media (min-width:320px) and (max-width:575px) {
    .promo-col:nth-child(2n+2) {
        margin-top: 0
    }
}

.promo-item {
    border-radius: 10px;
    -webkit-filter: drop-shadow(0 0 20px rgb(0 0 0 / .07));
    filter: drop-shadow(0 0 20px rgb(0 0 0 / .07));
    background-color: #fff;
    padding: 30px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.promo-item:before {
    content: "";
    position: absolute;
    right: -65px;
    width: 95px;
    height: 95px;
    top: -55px;
    border-radius: 50px;
    background-color: rgb(232 5 102 / .9);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: -1
}

.emergency-btn,
.emergency-btn:hover {
    background: #65258a;
    color: #fff
}

.promo-item:hover:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: rgb(232 5 102 / .9)
}

.promo-img {
    margin-bottom: 15px
}

.emergency-btn {
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 50px;
    margin-top: 24px;
    display: block;
    text-align: center
}

.promo-bottom-shape {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%
}

.animate-border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #e80566;
    overflow: hidden
}

.animate-border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: 2s linear infinite animborder;
    animation: 2s linear infinite animborder
}

@-webkit-keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px)
    }
}

@keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px)
    }
}

.about-content-wrap h2 {
    margin-top: 12px
}

.green_btn {
    font-size: 15px;
    padding: 15px 37px 16px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    border-radius: 4px;
    margin-left: 0;
    position: relative;
    background-image: -moz-linear-gradient(left, #16c0ff 0, #166bff 50%, #16c0ff 100%);
    background-image: -webkit-linear-gradient(left, #16c0ff 0, #166bff 50%, #16c0ff 100%);
    background-image: -ms-linear-gradient(left, #16c0ff 0, #166bff 50%, #16c0ff 100%);
    z-index: 1;
    transition: .4s;
    background-size: 300%, 1px;
    background-position: 0
}

.green_btn:hover {
    background-position: 100% !important;
    color: #fff
}

.gallery-item:first-child .content {
    background: #66c673
}

.gallery-item:nth-child(2) .content {
    background: #00acec
}

.gallery-item:nth-child(3) .content {
    background: #3e44ab
}

.gallery-item:nth-child(4) .content {
    background: #ddb22c
}

.gallery-item .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    padding: 18px 30px;
    text-align: center
}

@media (max-width:1500px) {
    .gallery-item .content {
        padding: 18px 15px;
        font-size: 18px
    }
}

/* ----------new-css-code------- */
.work-process-section .process-section {
    padding: 60px 0;
}

.work-process-section .process-step {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}

.work-process-section .step-bar {
    position: relative;
    height: 24px;
    margin-bottom: 20px;
}

.work-process-section .step-bar svg {
    width: 100%;
    height: 24px;
}

.work-process-section .step-icon {
    position: relative;
    display: inline-block;
    margin: 20px 0;
}

.work-process-section .step-icon svg {
    width: 108px;
    height: 158px;
}

.work-process-section .step-number {
    position: absolute;
    top: 36px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    z-index: 10;
}

.work-process-section .step-title {
    font-size: 24px;
    font-weight: 600;
    margin-top: 25px;
    color: #333;
}

/* Step-specific colors and positioning */
.work-process-section .step-1 .step-icon svg {
    width: 108px;
    height: 158px;
}

.work-process-section .step-2 .step-icon svg {
    width: 109px;
    height: 148px;
}

.work-process-section .step-2 .step-number {
    top: 25px;
}

.work-process-section .step-3 .step-icon svg {
    width: 108px;
    height: 158px;
}

.work-process-section .step-4 .step-icon svg {
    width: 109px;
    height: 148px;
}

.work-process-section .step-4 .step-number {
    top: 25px;
}

/* Desktop Styles (default) */
@media (min-width: 992px) {
    .work-process-section .process-step {
        margin-bottom: 0;
    }

    .work-process-section .step-bar {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .work-process-section .step-1 .step-bar,
    .work-process-section .step-3 .step-bar {
        top: 70%;
    }

    .work-process-section .step-2 .step-bar,
    .work-process-section .step-4 .step-bar {
        bottom: -463% !important;
        top: auto;
    }

    .work-process-section .step-2 .step-icon,
    .work-process-section .step-4 .step-icon {
        position: absolute;
        bottom: -268px;
        left: 50%;
        transform: translateX(-50%);
    }

    .work-process-section .step-2 .step-number,
    .work-process-section .step-4 .step-number {
        bottom: 37px;
        top: auto;
    }

    .work-process-section .step-2 .step-title,
    .work-process-section .step-4 .step-title {
        margin-top: 65px;
    }
}

/* Tablet Styles - 768px */
@media (max-width: 768px) {
    .result-icon-sec {
        align-items: center;
        margin: 10px 0px;
    }

    .result-section .result-btn .col-md-12 {
        display: flex;
        justify-content: center;
        margin: 10px 0px;
    }

    .blue-circle-background {
        width: 48px !important;
    }

    .work-process-section .process-section {
        padding: 40px 0;
    }

    .work-process-section .process-step {
        margin-bottom: 50px;
        padding: 0 15px;
    }

    .work-process-section .step-bar {
        position: relative;
        height: 20px;
        margin-bottom: 15px;
        transform: rotate(90deg);
        width: 80px;
        margin: 0 auto 30px;
    }

    .work-process-section .step-bar svg {
        width: 80px;
        height: 20px;
    }

    .work-process-section .step-icon {
        margin: 15px 0;
    }

    .work-process-section .step-icon svg {
        width: 80px;
        height: 120px;
    }

    .work-process-section .step-number {
        font-size: 24px;
        top: 38px;
    }

    .work-process-section .step-title {
        font-size: 20px;
        margin-top: 15px;
    }

    .work-process-section .step-2 .step-icon svg,
    .work-process-section .step-4 .step-icon svg {
        width: 115px;
        height: 155px;
    }

    .work-process-section .step-2 .step-number,
    .work-process-section .step-4 .step-number {
        top: 86px;
        bottom: auto;
    }

    .work-process-section .step-2 .step-title,
    .work-process-section .step-4 .step-title {
        margin-top: 15px;
    }

    /* Reset desktop positioning for tablet */
    .work-process-section .step-2 .step-icon,
    .work-process-section .step-4 .step-icon {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
    }

    .work-process-section .step-bar {
        top: auto;
        bottom: auto;
        transform: rotate(90deg);
    }
}

/* Mobile Styles - 576px */
@media (max-width: 576px) {
    .work-process-section .step-icon svg {
        width: 80px;
        height: 120px;
    }

    .work-process-section .process-section {
        padding: 30px 0;
    }

    .work-process-section .process-step {
        margin-bottom: 40px;
        padding: 0 10px;
    }

    .work-process-section .step-bar {
        width: 60px;
        height: 16px;
        margin-bottom: 20px;
    }

    .work-process-section .step-bar svg {
        width: 60px;
        height: 16px;
    }

    .work-process-section .step-icon svg {
        width: 60px;
        height: 90px;
    }

    .work-process-section .step-number {
        font-size: 30px;
        top: 34px;
    }

    .work-process-section .step-title {
        font-size: 16px;
        margin-top: 10px;
        line-height: 1.3;
    }

    .work-process-section .step-2 .step-icon svg,
    .work-process-section .step-4 .step-icon svg {
        width: 108px;
        height: 158px;
    }

    .work-process-section .step-2 .step-number,
    .work-process-section .step-4 .step-number {
        top: 75px;
    }

    .work-process-section .step-2 .step-title,
    .work-process-section .step-4 .step-title {
        margin-top: 10px;
    }

    .s_business_content h2 {
        margin-top: 20px;
        font-size: 34px;
    }
}

/* Animation for better UX */
.work-process-section .process-step {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.6s ease forwards;
}

.work-process-section .process-step:nth-child(1) {
    animation-delay: 0.1s;
}

.work-process-section .process-step:nth-child(2) {
    animation-delay: 0.2s;
}

.work-process-section .process-step:nth-child(3) {
    animation-delay: 0.3s;
}

.work-process-section .process-step:nth-child(4) {
    animation-delay: 0.4s;
}

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

/* ------------------------------ */
.result-section {
    background-color: #04122d;
    padding: 55px 0;
    position: relative
}

.background-overlay {
    background-image: url(../images/social-media-optimization/pr-new-stroke.png);
    background-position: top right;
    background-repeat: no-repeat;
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.icon-box-title {
    color: #d9d9db;
    line-height: 25px;
    font-size: 16px
}

.social-media-optimization-pg .footer-area {
    background-image: url(../images/social-media-optimization/smo-footer.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.work-process-section h2 {
    margin-top: 16px;
}

.smo-gradient-btn-bg {
    background-image: -webkit-linear-gradient(left, #e80566 0, #166bff 50%, #65258a 100%)
}

.blue-circle-background {
    width: 69px;
    height: 50px;
    border-radius: 50%;
    background: #3848ee;
    line-height: 47px;
    text-align: center
}

.wh-49 {
    width: 49px;
    height: 49px
}

.brand-width-height {
    width: 60px;
    height: 48px
}

.height-fit {
    height: fit-content;
    object-fit: contain
}

.sem-banner-img {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    min-height: 500px;
    z-index: 1;
    background-position: center;
    background-size: cover
}

.pt-150 {
    padding-top: 150px
}

.third-slider-content span {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 10px
}

.third-slider-content h2 {
    color: #fff;
    font-size: 50px;
    line-height: 1.25;
    margin-bottom: 25px
}

.t-slider-img::before {
    position: absolute;
    content: "";
    left: 110px;
    top: 0;
    width: 330px;
    height: 330px;
    background: #7a66be;
    border-radius: 62% 47% 82% 35%/45% 45% 80% 66%;
    will-change: border-radius, transform, opacity;
    animation: 5s linear infinite sliderShape;
    display: block;
    z-index: -1
}

@keyframes sliderShape {

    0%,
    100% {
        border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
        transform: translate3d(0, 0, 0) rotateZ(.01deg)
    }

    34% {
        border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotateZ(.01deg)
    }

    50% {
        transform: translate3d(0, 0, 0) rotateZ(.01deg)
    }

    67% {
        border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotateZ(.01deg)
    }
}

.section-grey {
    background: #f3f3f3
}

.section-grey h2 {
    color: #000;
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 38px
}

.section-grey p {
    font-size: 18px;
    color: #424143;
    line-height: 30px
}

.sem-btn:after,
.sem-btn:before {
    background: linear-gradient(to top right, transparent, #fff);
    content: "";
    height: 150px;
    left: -175px;
    opacity: .1;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    width: 100px
}

.sem-btn:hover:after {
    left: 120%;
    transition: left 1.5s cubic-bezier(.19, 1, .22, 1)
}

.blue-love-home {
    background-image: linear-gradient(to top, #1b2448, #040819);
    padding-bottom: 80px
}

.blue-love-home .list-addon-home li {
    border: 1px solid #fff !important;
    background-color: #fff0;
    border-radius: 25px 0;
    width: calc(25% - 30px)
}

.blue-love-home .list-addon-home li img {
    object-position: center left;
    width: 60px;
    height: auto
}

.list-addon-home li h4 {
    font-size: 38px;
    text-align: left;
    color: #fff
}

.relationship-sec-text h4 {
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #131d2b;
    margin: 15px 0 17px
}

.relationship-sec-text p {
    font-size: 15px;
    line-height: 1.4;
    color: #3a3d41;
    background-image: linear-gradient(to right, #e3ecf3, #fdfefe);
    padding: 23px;
    border-radius: 0 0 0 10px
}

.relationship-sec-text p b {
    display: block;
    margin-bottom: 10px
}

.relationship-sec-text ul {
    list-style: none;
    margin: 10px 0 25px;
    padding: 0
}

.relationship-sec-text li {
    font-size: 16px;
    line-height: 1.56;
    color: #3a3d41;
    margin: 15px 0;
    position: relative;
    padding-left: 40px
}

.relationship-sec-text li:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: #fffefe;
    left: 0;
    top: 8px;
    margin: auto;
    border: 3px solid #000;
    border-radius: 50%
}

.long-neck-arrow {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #5c626b;
    cursor: pointer;
    transition: .5s
}

.long-neck-arrow i {
    color: #ff850e;
    font-size: 22px;
    vertical-align: middle;
    position: relative;
    animation-name: move-right-to-left;
    animation-duration: 1s;
    animation-delay: .6s;
    animation-iteration-count: infinite
}

@keyframes move-right-to-left {

    0%,
    100% {
        left: 10px
    }

    50% {
        left: 20px
    }
}

.relationship-sec-img figure {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    right: -120px
}

.relationship-sec-img figure img:first-child {
    margin-bottom: -10px
}

.relationship-sec-img figure img {
    width: 270px;
    border-radius: 10px;
    filter: drop-shadow(0 0 3.1px rgb(0 0 0 / .1))
}

.relationship-sec-img figure img:nth-child(2) {
    filter: drop-shadow(0 0 13.1px rgb(0 0 0 / .1));
    position: relative;
    z-index: 1;
    backface-visibility: hidden;
    width: 300px
}

.relationship-sec-img figure img:nth-child(3) {
    margin-top: -10px
}

@media (min-width:991px) {
    .img_banner_section {
        min-height: 100vh;
        display: flex;
        align-items: center
    }

    .setting-newly-sem.relationship-sec-img figure {
        right: inherit;
        left: -120px
    }
}

.widget-title {
    color: #262626;
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 20px;
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0
}

.home-spacing>div {
    margin-bottom: 20px;
    text-align: center
}

.home-spacing h3 {
    font-size: 16px;
    margin: 20px 0 10px
}

.line-set img,
.line-set-light img {
    display: block;
    margin-top: 10px;
    float: right
}

.home-spacing p {
    color: #818181;
    font-size: 15px
}

.meta-section h2 {
    color: #424143;
    line-height: 120%;
    margin-bottom: 25px
}

.meta-section p {
    color: #424143;
    line-height: 170%
}

.feature-row {
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgb(16 133 228 / 25%);
    padding: 45px 0;
    position: relative
}

.feature-inner-content {
    padding: 0 25px;
    position: relative
}

.feature-inner-content h4 {
    font-size: 24px;
    color: #161c42;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.feature-inner-content p:last-child {
    margin: 0;
    color: #8a8d91
}

.feature-inner-content:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #e9e9e9
}

.feature-inner-content.feature-inner-content-noline:after {
    content: "";
    width: 0
}

@media only screen and (max-width:991px) {
    .feature-inner-content {
        margin-bottom: 30px
    }
}

.promotion_section.bg_gradient_blue {
    background: linear-gradient(-45deg, #5e2ced 0, #a485fd 100%);
    overflow: hidden;
    z-index: 1;
    position: relative;
    padding: 50px 0;
    color: #fff
}

.promotion_section .item_image_1 {
    z-index: 1;
    width: 460px;
    margin: 0 auto -230px;
    position: relative
}

.sub_title.c_slide_in_wrap1 {
    color: #fff;
    line-height: 1;
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

h2.title_text.c_slide_in_wrap1 {
    color: #fff;
    line-height: 1.2;
    font-size: 42px
}

.promotion_section .section_title p {
    line-height: 1.8
}

.promotion_section .shape_1 {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 15px;
    max-width: 230px
}

.promotion_section .shape_2 {
    left: 145px;
    max-width: 190px;
    top: 0;
    z-index: -1;
    position: absolute
}

.heuse-hero-btn a.btn.btn-filled {
    background: #1085e4;
    color: #fff;
    padding: 10px 20px 10px 48px;
    box-shadow: 0 10px 20px 0 rgb(16 133 228 / 50%);
    position: relative
}

.small-heading-to-top-head {
    color: #ff6d34;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px
}

.sem-features-area {
    padding: 50px 0;
    position: relative;
    background-color: #f5f5f5
}

.deco_image.dot_image_1 {
    position: absolute;
    right: -52px;
    top: 44px;
    opacity: .5;
    transform: rotate(-28deg)
}

.ppc-advertising-content {
    padding: 40px 0
}

.sem-section-title h2 {
    font-size: 40px;
    line-height: 1.3em;
    color: #204163
}

.ppc-advertising-area p,
.ppc-trend p {
    line-height: 1.6;
    color: #546d87;
    margin-bottom: 20px
}

.btn-purple {
    background: linear-gradient(to left, #c100ff, #9700ff, #c100ff);
    color: #fff !important;
    background-size: 200%;
    padding: 10px 20px 10px 48px !important;
    position: relative
}

.ppc-advertising-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    clip-path: circle(200% at 50% 100%);
    -webkit-clip-path: circle(200% at 50% 100%);
    transition: 1.5s ease-in
}

.ppc-advertising-img-wrapper .ppc-advertising-img-side {
    position: absolute;
    top: 100px;
    right: 0;
    height: calc(100% - 150px);
    width: calc(100% - 230px)
}

.ppc-animate-img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.ppc-animate-img .ppc-line-1 {
    left: -25px;
    top: calc(50% - 90px);
    z-index: -1
}

.line-set-light {
    max-width: 180px;
    position: absolute
}

.line-path {
    animation: 10s infinite alternate line-path
}

@keyframes line-path {
    0% {
        clip-path: circle(0 at 100% 50%);
        -webkit-clip-path: circle(0 at 100% 50%)
    }

    35% {
        clip-path: circle(200% at 100% 50%);
        -webkit-clip-path: circle(200% at 100% 50%)
    }

    70% {
        clip-path: circle(0 at 0 50%);
        -webkit-clip-path: circle(0 at 0 50%)
    }

    100% {
        clip-path: circle(200% at 0 50%);
        -webkit-clip-path: circle(200% at 0 50%)
    }
}

.ppc-animate-img .ppc-line-3 {
    right: 30%;
    bottom: 75px;
    z-index: -1
}

.line-set {
    max-width: 135px;
    position: absolute
}

.star-set .start-position {
    position: absolute;
    top: -10px;
    right: -25px
}

.circle-path {
    animation: 1s infinite alternate-reverse circle-path
}

@keyframes circle-path {
    0% {
        transform: scale(.8) rotate(0)
    }

    100% {
        transform: scale(1) rotate(360deg);
        opacity: .5
    }
}

.ppc-animate-img .ppc-star-3 {
    position: absolute;
    bottom: 50px;
    right: 52px
}

.ppc-animate-img .ppc-circle-1 {
    position: absolute;
    right: 0;
    top: 15%
}

.circle-sm {
    height: 10px;
    width: 10px
}

.r-yellow {
    background-color: #ffbe3d;
    opacity: .5
}

.circle-lg,
.circle-md,
.circle-sm,
.circle-xl,
.circle-xs {
    border-radius: 50%;
    display: block;
    position: absolute
}

.ppc-animate-img .ppc-circle-2 {
    position: absolute;
    top: 15%;
    left: 0
}

.circle-md {
    height: 20px;
    width: 20px
}

.ppc-animate-img .ppc-gif1 {
    top: 50%;
    left: 0;
    position: absolute
}

.ppc-animate-img .ppc-gif2 {
    top: 0;
    left: 50%;
    position: absolute
}

.ppc-advertising-img-wrapper .ppc-line-4 {
    right: 30px;
    top: calc(50% - 30px)
}

.ppc-advertising-img-wrapper .star-set.ppc-star-2 {
    position: absolute;
    right: 50px;
    top: 30%
}

@media screen and (max-width:1600px) {
    .ppc-advertising-img-wrapper .ppc-advertising-img-side {
        right: 100px;
        height: calc(100% - 150px);
        width: calc(100% - 130px)
    }

    .ppc-advertising-content {
        padding: 40px 0
    }
}

@media screen and (max-width:1350px) {
    .ppc-advertising-img-wrapper .ppc-advertising-img-side {
        right: 0;
        height: calc(100% - 150px);
        width: calc(100% - 30px)
    }

    .seo-tend-content {
        padding: 35px 0
    }

    .ppc-trend-img {
        width: calc(50% - 150px);
        align-items: center
    }
}

@media screen and (max-width:1199px) {
    .ppc-advertising-img-wrapper .ppc-advertising-img-side {
        display: flex;
        align-items: center
    }

    .ppc-advertising-content {
        padding: 0
    }

    .ppc-trend-img {
        width: calc(50% - 30px);
        justify-content: flex-start;
        left: 0;
        max-width: max-content
    }
}

@media screen and (max-width:767px) {

    .bg-pattern-2:after,
    .bg-pattern-2:before,
    .ppc-advertising-img-wrapper .ppc-line-1,
    .ppc-advertising-img-wrapper .ppc-line-4 {
        display: none
    }

    .header-standard .container {
        max-width: 100%;
        padding: 0
    }

    .header-standard .site-nav-inner {
        padding-right: 0
    }

    .ppc-advertising-content {
        text-align: center
    }

    .ppc-advertising-img-wrapper {
        position: relative;
        height: auto;
        width: 100%;
        padding-top: 50px;
        overflow: hidden
    }

    .ppc-advertising-img-wrapper .ppc-advertising-img-side {
        display: block;
        position: relative;
        height: auto;
        width: 70%;
        margin: 0 auto;
        top: 0
    }
}

.check-circle:after,
.ppc-trend-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width:575px) {
    .ppc-advertising-content {
        padding: 0 20px
    }

    .ppc-advertising-img-wrapper .ppc-advertising-img-side {
        width: 100%
    }

    .ppc-trend-img {
        padding: 0 15px
    }
}

.seo-tend-content {
    padding: 65px 0
}

.check-circle:after {
    content: "\f05d";
    font-family: fontawesome;
    font-size: 20px;
    left: 0;
    color: #886cff
}

.pl-35 {
    padding-left: 35px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.h3-seo-trend-img.active,
.ppc-trend-img.active {
    transition: 1.8s ease-in;
    clip-path: circle(200% at 50% 100%);
    -webkit-clip-path: circle(200% at 50% 100%)
}

.ppc-trend-img {
    width: calc(50% - 150px);
    display: flex;
    justify-content: flex-end;
    left: 100px;
    max-width: 40%;
    clip-path: circle(0 at 50% 100%);
    -webkit-clip-path: circle(0 at 50% 100%)
}

.about-promo-wrap .img-fluid {
    -webkit-animation: 7s infinite floating2
}

@keyframes floating2 {

    0%,
    100% {
        -webkit-transform: rotateX(0) translateY(0);
        -moz-transform: rotateX(0) translateY(0);
        -ms-transform: rotateX(0) translateY(0);
        -o-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0)
    }

    50% {
        -webkit-transform: rotateX(0) translateY(15px);
        -moz-transform: rotateX(0) translateY(15px);
        -ms-transform: rotateX(0) translateY(15px);
        -o-transform: rotateX(0) translateY(15px);
        transform: rotateX(0) translateY(15px)
    }
}

@-webkit-keyframes floating2 {

    0%,
    100% {
        -webkit-transform: rotateX(0) translateY(0);
        -moz-transform: rotateX(0) translateY(0);
        -ms-transform: rotateX(0) translateY(0);
        -o-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0)
    }

    50% {
        -webkit-transform: rotateX(0) translateY(15px);
        -moz-transform: rotateX(0) translateY(15px);
        -ms-transform: rotateX(0) translateY(15px);
        -o-transform: rotateX(0) translateY(15px);
        transform: rotateX(0) translateY(15px)
    }
}

.section-sub-title {
    color: #ababab;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.43;
    margin-top: -5px
}

.section-title-wrap .heading {
    font-size: 36px;
    line-height: 1.4
}

.row--30 {
    margin-left: -30px;
    margin-right: -30px
}

.row--30>[class*=col-],
.row--30>[class*=col] {
    padding-left: 30px;
    padding-right: 30px
}

.move-up {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.section-space--mt_60 {
    margin-top: 60px
}

.ht-box-images.style-02 {
    display: block;
    transition: .3s cubic-bezier(.645, .045, .355, 1)
}

.ht-box-images.style-02 .image-box-wrap {
    -webkit-box-shadow: 0 0 40px 5px rgb(51 51 51 / 10%);
    box-shadow: 0 0 40px 5px rgb(51 51 51 / 10%);
    background: #fff;
    border-radius: 5px;
    padding: 30px 38px;
    min-height: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ht-box-images.style-02 .image-box-wrap .box-image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px
}

.ht-box-images.style-02 .image-box-wrap .content .heading {
    line-height: 1.3;
    margin-bottom: 0;
    font-size: 18px
}

.ht-box-images.style-02:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.cta-four .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2d2c2c;
    background-image: url(../images/leads-management-software/cta-4-1.jpg);
    background-position: center center;
    background-size: cover;
    padding: 75px 70px;
    position: relative
}

.cta-four .block-title__title {
    color: #fff;
    margin: 0;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px
}

.cta-four__button-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.thm-btn {
    border: none;
    outline: 0;
    display: inline-block;
    background: #5538f4;
    vertical-align: middle;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    -webkit-box-shadow: 0 20px 30px 0 rgb(26 46 85 / 10%);
    box-shadow: 0 20px 30px 0 rgb(26 46 85 / 10%);
    padding: 14.5px 39.5px;
    -webkit-transition: background-color .4s, color .3s;
    transition: background-color .4s, color .3s
}

.section-head-title .head-bar {
    height: 5px;
    width: 90px;
    background: #cdf1d8;
    margin: 20px auto;
    position: relative;
    border-radius: 30px
}

.section-head-title .head-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #44ce6f;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG
}

.cta-bgblur1-one img,
.flip-icon,
.pic-ani img {
    animation-iteration-count: infinite
}

.sec-image-item {
    background-color: #f6ecdd;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 40px 30px;
    border-radius: 20px
}

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

.sec-image-item-img-2 {
    margin: -70px -110px 0 -57px
}

.dream-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.dream-dots span {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 5px
}

.dream-dots span:first-child {
    background-color: #00a8ff
}

.dream-dots span:nth-child(2) {
    background-color: #9c88ff
}

.dream-dots span:nth-child(3) {
    background-color: #fbc531
}

.dream-dots span:nth-child(4) {
    background-color: #4cd137
}

.dream-dots span:nth-child(5) {
    background-color: #487eb0
}

.dream-dots span:nth-child(6) {
    background-color: #e84118
}

.dream-dots span:nth-child(7) {
    background-color: #8c7ae6
}

.who-we-contant h4 {
    margin-bottom: 20px;
    font-size: 34px;
    line-height: 1.4
}

.dream-btn {
    position: relative;
    z-index: 1;
    min-width: 160px;
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 3ox 20px rgb(0 0 0 / .1);
    border-radius: 100px;
    background-image: -webkit-linear-gradient(left, #21d397 0, #7450fe 51%, #21d397 100%);
    background-image: linear-gradient(to right, #21d397 0, #7450fe 51%, #21d397 100%);
    -webkit-transition: .5s;
    transition: .5s
}

.index-h1,
.summary_Lst li {
    font-size: 18px;
    display: inline-block
}

.dream-btn:hover {
    background-position: right center;
    color: #fff
}

.lead-management-software .about-us-area p {
    color: #888;
    font-size: 1.2rem;
    line-height: 1.8
}

.lead-management-software .homepage-3 img {
    height: auto;
    max-width: 100%;
    width: 100%
}

.lead-management-software .welcome-intro h1 {
    letter-spacing: normal
}

.lead-management-software #header.header-standard.header-transparent.fixed,
.lead-management-software .header-standard {
    background: #006cff
}

.lead-management-software .topbar-transparent {
    background: #f5f4ea
}

.Ncrm_summarySec {
    width: 100%;
    position: relative;
    z-index: 4;
    margin: 60px 0 20px
}

.summarySec_Inner {
    position: relative;
    max-width: 1050px;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    -webkit-box-shadow: 1px 1px 20px rgb(51 51 51 / 35%);
    box-shadow: 1px 1px 20px rgb(51 51 51 / 35%);
    box-sizing: border-box
}

.summary_Lst li {
    position: relative;
    vertical-align: middle;
    font-weight: 600;
    line-height: 1.4;
    padding: 12px 20px 12px 45px;
    box-sizing: border-box;
    min-height: 73px;
    color: #000
}

.sumry_tick:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(../images/leads-management-software/icons/check.svg) no-repeat;
    width: 26px;
    height: 26px;
    top: 0;
    left: -45px
}

.summary_Lst li:after {
    position: absolute;
    background: #ccc;
    background: -moz-linear-gradient(left, #fff 0, #ccc 29%, #ccc 75%, #fff 100%);
    background: -webkit-linear-gradient(left, #fff 0, #ccc 29%, #ccc 75%, #fff 100%);
    background: linear-gradient(to right, #fff 0, #ccc 30%, #ccc 70%, #fff 100%);
    width: 100%;
    height: 1px;
    content: "";
    left: 0;
    bottom: 0
}

.summary_Lst li:last-child:after {
    height: 0
}

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

.index-h1 {
    font-weight: 400;
    line-height: normal
}

.about-us-image,
.dm-choose-content-box,
.hire-deve-sec-card .inner-content h4,
.mt-20 {
    margin-top: 20px
}

.pt-30,
.school-card-sec-content {
    padding-top: 30px
}

.dev-talk-btn {
    position: static;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none
}

.down-arrow {
    font-size: 70px;
    padding-top: 15px
}

.wd-b-btn {
    padding: 10px 20px 10px 48px !important
}

.wd-service-ind {
    visibility: visible;
    animation-delay: .3s;
    animation-name: fadeInDown
}

.wd-service-inleft {
    visibility: visible;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-name: fadeInLeft
}

.about-we-work1 {
    opacity: 1;
    transform: rotateY(0)
}

.about-we-work2 {
    transform: scale(1);
    opacity: 1
}

.pt-9 {
    padding-top: 9px
}

.pt-7 {
    padding-top: 7px
}

.red-text {
    color: red
}

.wd-video-section {
    background-image: url(../images/wd-page/3.jpg)
}

.about-banner {
    background-image: url(../images/home/inner-page-banner.png)
}

.school-sw-banner {
    background-image: url(../images/school-management-software/school-banner.png)
}

.portfolio-banner {
    background-image: url(../images/portfolio/portfolio-banner.jpg)
}

.other-banner {
    background-image: url(../images/privacy-policy.jpg)
}

.pp-ul {
    line-height: 2;
    padding-bottom: 2%;
    padding-left: 2%
}

.pp-ul li {
    list-style: disc
}

.app-side-img {
    border-radius: 10px 200px 200px 10px;
    -webkit-border-radius: 10px 200px 200px 10px;
    -moz-border-radius: 10px 200px 200px 10px;
    -ms-border-radius: 10px 200px 200px 10px;
    -o-border-radius: 10px 200px 200px 10px
}

#feature-software-one {
    padding: 60px 0;
    background: #fdfaf2
}

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

.feature-box-four {
    text-align-last: auto;
    margin-bottom: 40px
}

.feature-box-four .icon i {
    font-size: 34px;
    color: #b8bcbd;
    transition: .3s ease-in-out
}

.lms-section-title {
    text-align: center;
    margin-bottom: 80px
}

.feature-box-three:hover {
    -webkit-box-shadow: 0 20px 50px 0 rgb(153 153 153 / 20%);
    box-shadow: 0 20px 50px 0 rgb(153 153 153 / 20%);
    border-color: #fff0
}

.feature-box-three {
    text-align: center;
    border: 1px solid #eee;
    padding: 40px 20px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-bottom: 30px
}

.l-yellow {
    background: #fffbef
}

.pic-ani img {
    animation-name: mock-animation;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: mock-animation;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear
}

.flip-icon,
.ribbonRotate {
    -webkit-animation-timing-function: linear
}

.cta-bgblur1-one img,
.flip-icon {
    animation-timing-function: linear
}

@-webkit-keyframes mock-animation {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }
}

@keyframes mock-animation {

    0%,
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

.flip-icon {
    -webkit-animation-name: spinner;
    -webkit-animation-duration: 4s;
    animation-name: spinner;
    animation-duration: 4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(-360deg)
    }
}

@keyframes spinner {
    from {
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg)
    }
}

.pd-70 {
    padding: 70px !important
}

.vertical-job-footer ul li {
    list-style: inside;
    padding-left: 22px;
    line-height: 1.8
}

.vertical-job-footer p {
    margin-bottom: 5px !important;
    line-height: 1.7
}

#back-to-top:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgb(0 0 0 / .25) 0, #fff0 80%)
}

.btn-gradient {
    background-image: linear-gradient(90deg, #c3001f 0, #d8640f 50%, #c3001f) !important;
    background-size: 200%, 1px;
    box-shadow: 0 5px 25px rgb(0 0 0 / 33%)
}

.bg-danger-soft,
.bg-primary-soft,
.technology-item {
    box-shadow: 2px 4px 8px 0 rgb(0 0 0 / 7%)
}

.btn-gradient:hover {
    background-position: 120%
}

.technology-item {
    padding: 25px;
    background: #fff;
    border-radius: 7px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #fff;
    height: calc(100% - 30px)
}

.why-choose-dd {
    padding-bottom: 50px;
    background: #fff8ee69
}

.why-choose-dd .solution-block {
    border-radius: 1rem !important;
    box-shadow: 0 .125rem .25rem rgb(0 0 0 / .075) !important
}

.rounded-custom {
    border-radius: .5rem !important
}

.bg-primary-soft {
    background-color: #ceddff
}

.bg-danger-soft {
    background-color: #fcdde1
}

.mt-auto {
    margin-top: auto !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.bottom-0 {
    bottom: 0 !important
}

.position-absolute {
    position: absolute !important
}

.hire-grid-row {
    grid-auto-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto
}

.hire-grid-row img {
    height: 70px
}

.cta-left-info .drose {
    color: #96313e
}

.cta-left-info .dblue {
    color: #3d3ed6
}

@media (min-width:767px) {
    ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
        left: 100%;
        top: 0;
        display: none
    }

    ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
        display: block
    }

    .cta-left-info {
        width: 70% !important
    }

    .cta-img {
        width: 30% !important
    }
}

.cta-shape1-one,
.cta-shape2-one {
    width: 120px;
    mix-blend-mode: overlay;
    height: 120px
}

.main-cta-one {
    padding-top: 100px;
    padding-bottom: 120px
}

.cta-bg-one {
    background-color: #14113a;
    border-radius: 10px;
    position: relative;
    padding: 60px;
    overflow: hidden;
    box-shadow: 0 30px 60px 0 rgb(0 0 0 / .1);
    z-index: 1
}

.cta-bgblur1-one img {
    position: absolute;
    bottom: -240px;
    left: -180px;
    z-index: -1;
    animation-name: zoom-fade;
    animation-duration: 4s;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 4s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.cta-bgblur2-one img {
    position: absolute;
    top: -240px;
    right: -180px;
    z-index: -1;
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.cta-shape1-one {
    position: absolute;
    border: 18px solid;
    border-radius: 100%;
    top: 22px;
    left: 58px
}

.cta-shape2-one {
    position: absolute;
    border: 18px solid;
    border-radius: 100%;
    bottom: 22px;
    right: 58px
}

.cta-content-box-one .h2-title {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    padding-top: 0
}

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

.category-slider .slick-list {
    margin: -15px
}

.category-slider .slick-slide:nth-child(5n+2) .single-category {
    background: #be3eff
}

.category-slider .slick-slide:nth-child(5n+3) .single-category {
    background: #f86048
}

.category-slider .slick-slide:nth-child(5n+4) .single-category {
    background: #c71f66
}

.category-slider .slick-slide:nth-child(5n+5) .single-category {
    background: #378fff
}

.category-child:nth-child(6n+1) .single-category {
    background-image: linear-gradient(to right, #664dc9, #9884ea);
    border-top: 6px solid #422ba1
}

.category-child:nth-child(6n+2) .single-category {
    background-image: linear-gradient(to right, #1d976c, #2fd38a);
    border-top: 6px solid #0a5c3d
}

.category-child:nth-child(6n+3) .single-category {
    background-image: linear-gradient(to right, #fa5420, #f6a800);
    border-top: 6px solid #cd290f
}

.category-child:nth-child(6n+4) .single-category {
    background-image: linear-gradient(to right, #5b73e8, #44c4fa);
    border-top: 6px solid #2a4391
}

.category-child:nth-child(6n+5) .single-category {
    background-image: linear-gradient(to right, #c94da9, #ea84d3);
    border-top: 6px solid #a61c85
}

.category-child:nth-child(6n+6) .single-category {
    background-image: linear-gradient(to right, #ef2c2c, #ff5f5f);
    border-top: 6px solid #b51222
}

.single-category {
    background: #0fc393;
    text-align: center;
    padding: 30px 20px;
    border-radius: 10px;
    margin: 15px;
    -webkit-transition: .3s;
    transition: .3s
}

.single-category:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.single-category.style-02 {
    background: linear-gradient(45deg, #fffefa 0, #fff7e7 100%);
    margin: 0
}

.single-category.style-02 .icon {
    color: var(--heading-color);
    margin-bottom: 30px;
    font-size: 60px
}

@media (min-width:320px) and (max-width:991.98px) {
    .single-category.style-02 .icon {
        margin: 0 auto 20px
    }
}

.single-category.style-02 .icon img {
    height: 80px;
    width: 80px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:1200px) and (max-width:1399.98px) {
    .single-category.style-02 {
        padding: 20px 10px
    }

    .single-category.style-02 .icon {
        font-size: 50px;
        margin: 0 auto 20px
    }

    .single-category.style-02 .icon img {
        height: 60px;
        width: 60px
    }
}

.single-category.style-02 .category-contents .category-para a {
    color: #fff;
    font-size: 15px
}

.single-category .icon {
    font-size: 50px;
    color: #fff
}

.single-category .category-contents .category-title {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.faqs-section,
.mt-50 {
    margin-top: 50px
}

.text-indent-30 {
    text-indent: 30px
}

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

.card-bg-rose {
    color: #fcdde1;
    background-color: #96313e;
    border-color: #96313e
}

.card-bg-rose:hover {
    color: #96313e;
    background-color: #fcdde1;
    border-color: #96313e
}

.card-bg-violet {
    color: #ceddff;
    background-color: #3d3ed6;
    border-color: #3d3ed6
}

.card-bg-violet:hover {
    color: #3d3ed6;
    background-color: #ceddff;
    border-color: #3d3ed6
}

.bg-dark {
    background-color: #060927 !important
}

.custom-pb-2 {
    padding-bottom: 15rem !important
}

.custom-pt-1 {
    padding-top: 10rem !important
}

.shape-1 {
    position: absolute;
    top: -1px;
    width: 100%;
    left: 0;
    right: 0
}

.shape-1.bottom {
    top: inherit;
    bottom: -1px
}

.p-5 {
    padding: 2rem !important
}

.bg-dark .bg-primary-soft {
    background-color: rgb(19 96 239 / .02)
}

.mt-6,
.my-6 {
    margin-top: 2.5rem !important
}

.text-lblue {
    color: #8090b5
}

.me-3,
.mx-3 {
    margin-right: 1rem !important
}

.bg-danger-soft p,
.bg-primary-soft p {
    font-size: 1.1rem
}

.lh-1p2 {
    line-height: 1.2
}

.get-start .get-content {
    background: #1a4dbe;
    border-radius: 10px;
    padding: 40px 55px;
    position: relative
}

.get-start {
    margin-top: 100px;
    margin-bottom: 100px
}

.get-start .get-content .cmn-btn {
    background: #5ac4ff;
    box-shadow: 0 12px 24px rgb(47 65 129 / 10%);
    color: #0a1023
}

.get-start .get-content img {
    position: absolute;
    bottom: -24px;
    right: 0
}

.integration-list-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end
}

.integration-list-wrap a {
    position: relative;
    display: flex;
    margin-right: 16px;
    margin-left: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    width: 65px
}

.integration-list-wrap a img {
    padding: 10px;
    box-shadow: 7px 7px 10px 0 rgb(55 65 81 / 12%)
}

.integration-list-wrap a.integration-1 {
    left: -120px;
    top: 0
}

.integration-list-wrap a.integration-2 {
    top: -21px;
    right: -22px
}

.integration-list-wrap a.integration-3 {
    left: -191px;
    margin-right: 16px;
    margin-left: 16px
}

.integration-list-wrap a.integration-5 {
    left: -150px;
    bottom: -30px
}

.integration-list-wrap a.integration-6 {
    left: 50px;
    bottom: 0
}

.integration-list-wrap a.integration-7 {
    left: 120px;
    top: 0
}

.integration-list-wrap a.integration-8 {
    top: -21px;
    right: 22px
}

.integration-list-wrap a.integration-9 {
    left: 191px
}

.integration-list-wrap a.integration-11 {
    left: 150px;
    bottom: -30px
}

.integration-list-wrap a.integration-12 {
    left: -50px;
    bottom: 0
}

.integration-badge {
    top: 8%;
    right: 8%;
    font-size: 12px;
    letter-spacing: .2px;
    font-family: var(--bs-font-monospace)
}

.connected-app-single {
    transition: .3s
}

.connected-app-single:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 20px 0 rgb(2 19 79 / .09);
    background: var(--bs-white) !important
}

@media (min-width:320px) and (max-width:991px) {
    .integration-list-wrap {
        flex-direction: row
    }

    .integration-list-wrap a {
        position: inherit;
        width: 45px
    }

    .integration-list-wrap a img {
        padding: 10px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .integration-list-wrap a img {
        padding: 0
    }

    .integration-list-wrap a {
        box-shadow: none;
        margin-right: 8px;
        margin-left: 8px
    }
}

.integration-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    justify-content: space-between;
    grid-gap: 25px;
    justify-items: center
}

.integration-list li .single-integration {
    box-shadow: rgb(13 21 55 / .06) 0 5px 50px;
    display: block;
    margin: auto;
    text-align: center;
    background: var(--bs-white);
    padding: 20px;
    border-radius: 6px;
    transition: .3s
}

.integration-list li .single-integration img {
    width: 100%;
    height: auto;
    max-width: 35px;
    max-height: 35px;
    margin: auto
}

.integration-list li .single-integration:hover {
    box-shadow: 0 20px 20px 0 rgb(2 19 79 / .1);
    transform: translateY(-2px)
}

.integration-logo {
    margin-bottom: 30px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / .12)
}

.dm-choose-box,
.dm-choose-box:hover .dm-choose-img-box {
    box-shadow: 0 0 30px 0 rgb(146 146 146 / .15)
}

.integration-icon {
    width: 22px;
    height: 22px
}

.single-category .category-contents .category-para {
    font-size: 16px;
    line-height: 34px;
    color: #fff
}

@media only screen and (max-width:480px) {
    .hero-text {
        padding-top: 170px
    }

    .hero-text h2 {
        font-size: 30px;
        line-height: 40px
    }

    .hero-text p {
        width: 90%;
        margin-left: 0
    }

    .single-process {
        padding: 40px
    }

    .single_feature h2 {
        font-size: 40px;
        line-height: 50px
    }

    .single-category .category-contents .category-title {
        font-size: 22px
    }

    .single-category .category-contents .category-para {
        font-size: 14px;
        line-height: 26px
    }
}

@-webkit-keyframes zoom-fade {

    0%,
    100% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoom-fade {

    0%,
    100% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.landing-shape-03 {
    position: absolute;
    left: 10px;
    -webkit-animation: 2s linear infinite alternate both updown-two;
    animation: 2s linear infinite alternate both updown-two
}

@keyframes updown-two {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes round-circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-moz-keyframes round-circle {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

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

@-o-keyframes round-circle {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes round-circle {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.banner-first-line {
    border-radius: 12px;
    background: #335dc1;
    padding: 2px 14px;
    margin-bottom: 12px;
    font-size: 14px;
}

.success-two {
    padding: 105px 0 120px;
    margin-bottom: 60px;
    background-image: url(../images/about/gradiant-bg-2.jpg)
}

.success-two .aligen-item-center {
    align-items: center;
    margin-top: 38px
}

.success-two .success-head h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 67px;
    padding-bottom: 20px
}

.success-two .success-head h2 span {
    color: #2662fa
}

.success-two .success-head p {
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    padding: 0 275px;
    color: #c6d4dc
}

.success-two .success-item {
    margin-top: 44px;
    text-align: center;
    border: 1px solid #ffffff2c;
    border-radius: 12px;
    padding: 24px 0;
    transition: .5s linear
}

.success-two .success-item:hover {
    background: #2662fa
}

.success-two .success-item .text {
    padding-top: 12px
}

.success-two .success-item .text h2 {
    font-weight: 700;
    font-size: 48px;
    color: #fff
}

.success-two .success-item .text p {
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
    color: #fff
}

.success-two .success-text .vic-img {
    position: absolute;
    top: 98px;
    left: 11px;
    z-index: -1
}

.success-two .success-text h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 67px;
    color: #0b2359
}

.success-two .success-text p {
    font-size: 19px;
    font-weight: 400;
    line-height: 32px;
    padding-top: 32px;
    margin-top: 0;
    color: #000;
    text-align: justify
}

.success-two .success-btm p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding-top: 10px
}

.success-po-img .success-po-img-1 {
    position: absolute;
    bottom: 0;
    left: -375px;
    animation: 5s linear infinite po-1
}

.success-po-img .success-po-img-2 {
    position: absolute;
    top: -700px;
    right: -357px;
    animation: 5s linear infinite po-2
}

.success-img img {
    width: 96%
}

@keyframes po-1 {
    50% {
        transform: translateY(-20px)
    }
}

@keyframes po-2 {
    50% {
        transform: translateY(20px)
    }
}

.p-img .success-img-1 {
    position: absolute;
    top: 30px;
    left: 40px
}

.p-img .success-img-1 img {
    height: 70px;
    animation: 3s infinite zoom-in-zoom-out
}

@keyframes circle {
    0% {
        transform: rotate(0)
    }

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

@keyframes zoom-in-zoom-out {

    0%,
    100% {
        transform: scale(.7, .7)
    }

    50% {
        transform: scale(.8, .8)
    }
}

@media (max-width:768px) {
    .rocket {
        bottom: 20rem;

    }

    .rocket img {
        width: 200px;
        height: 200px;
        object-fit: contain;
    }

    .working-process-area .single-work-process h3 {
        font-size: 16px;
    }

    .faq-section {
        padding: 10vh 0 40px;
    }

    .dm-workflow-row:before {
        content: none;
        display: none
    }

    .sec-title {
        margin-bottom: 30px !important
    }

    .success-two .success-text h2 {
        font-size: 40px;
        margin-bottom: 0;
        margin-top: 40px
    }

    .success-two .success-text p {
        padding-top: 0;
        font-size: 17px;
        line-height: 30px
    }

    .success-two {
        padding: 40px 0;
        margin-bottom: 10px;
        margin-top: 40px
    }

    .success-two .success-text {
        padding: 0 12px
    }

    .zoom-effect-container {
        width: auto !important
    }
}

.mb-39 {
    margin-bottom: 39px !important
}

.zoom-effect-container {
    float: left;
    position: relative;
    width: 640px;
    height: 400px;
    margin: 0 auto;
    overflow: hidden
}

.image-card img {
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 10px
}

.zoom-effect-container:hover .image-card img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.slider-shape-wrap img {
    position: absolute;
    z-index: 0
}

.slider-shape-wrap img:first-child {
    left: 5%;
    top: 7%;
    animation: 25s linear infinite animationFramesOne;
    height: 2%
}

.slider-shape-wrap img:nth-child(2) {
    left: 7%;
    top: 45%;
    animation: 25s linear infinite animationFramesOne
}

.slider-shape-wrap img:nth-child(3) {
    left: 46%;
    bottom: 37%;
    animation: 8s linear infinite ribbonRotate
}

.slider-shape-wrap img:nth-child(4) {
    right: 47%;
    top: 32%;
    animation: 10s linear infinite contactSwimmer
}

.slider-shape-wrap img:nth-child(5) {
    right: 80px;
    top: 30px;
    animation: 25s linear infinite animationFramesOne
}

.slider-shape-wrap img:nth-child(6) {
    right: 12%;
    top: 22%;
    animation: 6s linear infinite alltuchtopdown
}

.bg-contain-verticle img,
.cirle_process,
.featured-projects-content .features-slider-img img {
    animation: 6s linear infinite gotopdown
}

@keyframes animationFramesOne {

    0%,
    100% {
        transform: translate(0, 0) rotate(0)
    }

    20% {
        transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        transform: translate(-40px, 72px) rotate(144deg)
    }
}

@-webkit-keyframes animationFramesOne {

    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }
}

.animationFramesOne {
    -webkit-animation: 12s linear infinite animationFramesOne;
    animation: 12s linear infinite animationFramesOne
}

@keyframes ribbonRotate {

    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25%,
    75% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
}

.ribbonRotate {
    -webkit-animation-name: ribbonRotate;
    animation-name: ribbonRotate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes contactSwimmer {

    0%,
    100% {
        -webkit-transform: translateX(0) translateY(0) rotate(0);
        transform: translateX(0) translateY(0) rotate(0)
    }

    25%,
    75% {
        -webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
        transform: translateX(15px) translateY(20px) rotate(10deg)
    }

    50% {
        -webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
        transform: translateX(60px) translateY(35px) rotate(15deg)
    }
}

.contactSwimmer {
    -webkit-animation-name: contactSwimmer;
    animation-name: contactSwimmer;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@keyframes alltuchtopdown {

    0%,
    100% {
        transform: rotateX(0) translateY(0)
    }

    50% {
        transform: rotateX(0) translateY(-40px)
    }
}

.wwd-img img {
    height: 120px;
    -webkit-animation: 2s linear infinite alternate both updown-1;
    animation: 2s linear infinite alternate both updown-1
}

@keyframes updown-1 {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.mCommerce .boxes li:hover img {
    transform: rotateY(360deg);
    transition: 1s ease-out
}

.web_process_banner {
    padding: 60px;
    margin: 50px 0
}

.pulse {
    animation: 2s infinite pulse-animation
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgb(0 0 0 / .2)
    }

    100% {
        box-shadow: 0 0 0 20px #fff0
    }
}

.align-items-center {
    align-items: center
}

.mob-li-bg1 {
    background: #fff0f0
}

.mob-li-bg2 {
    background: #f6f0ff
}

.mob-li-bg3 {
    background: #e8f9ff
}

.mob-li-bg4 {
    background: #f0f7ff
}

.amin-up-down {
    animation: 1s infinite alternate upDownMob
}

@keyframes upDownMob {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-15px)
    }
}

.deco_item_shape_1 {
    top: 50%;
    left: 30%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 30px 30px;
    width: 455px
}

.deco_item_1 {
    z-index: 1;
    position: relative
}

.w30m50 {
    width: 30%
}

.ite {
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    transition: .5s ease-out
}

.ite:hover {
    border-radius: 50px 0;
    border-left: 0 solid #42207e;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    transition: .5s ease-out
}

.service_listings .service_four_title {
    color: #3f51b5;
    font-size: 1.5rem;
    line-height: 29px
}

.bannerpattern-1 {
    background-image: url(../images/home/3d/banner-bg-shape.png);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.img.main-img2 img {
    position: absolute;
    width: 100%
}

.img.main-img2 .img-body {
    position: relative;
    z-index: 2;
    -webkit-animation: 3s ease-in-out infinite alternate both slide_up_down;
    animation: 3s ease-in-out infinite alternate both slide_up_down
}

.hand-waving {
    width: 20px;
    animation-name: wave-animation;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    transform-origin: 70% 70%
}

@keyframes wave-animation {

    0%,
    100%,
    60% {
        transform: rotate(0)
    }

    10%,
    30% {
        transform: rotate(14deg)
    }

    20% {
        transform: rotate(-8deg)
    }

    40% {
        transform: rotate(-4deg)
    }

    50% {
        transform: rotate(10deg)
    }
}

@keyframes slide_up_down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.img.main-img2 img:first-of-type {
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-animation: 70s linear infinite both rotate-center;
    animation: 70s linear infinite both rotate-center
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.zoom-in-zoom-out {
    margin: 24px;
    width: 50px;
    height: 50px;
    animation: 2s ease-out infinite zoom-in-zoom-out
}

.dm-noti-anime,
.success-anime-icon-1,
.success-anime-icon-2 {
    animation: 2s infinite slidTop
}

@keyframes zoom-in-zoom-out {

    0%,
    100% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.2, 1.2)
    }
}

.sub-title {
    font-size: 23px;
    margin-top: 18px
}

.sub-title span {
    color: #dc3545
}

.dm-tab-content-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 0;
    margin-top: 30px
}

.dm-tab-content-list li {
    padding: 20px;
    background-color: #fff4f4;
    border-radius: 20px;
    font-weight: 600;
    color: #dc3545;
    font-size: 18px;
    box-shadow: 0 0 39px -7px #fff1f1
}

.dm-choose-us-sec {
    padding: 90px 0;
    position: relative;
    background: linear-gradient(45deg, #fff, #fffaf4);
    z-index: 99
}

.dm-noti-anime {
    width: 90px;
    position: absolute;
    top: 30px;
    left: 50px
}

.dm-choose-bg-anime {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.dm-choose-box {
    padding: 40px;
    border-radius: 4px;
    transition: .4s;
    height: 100%
}

.dm-choose-box:hover {
    background-image: linear-gradient(45deg, #fff4f9 0, #f7f3fa 100%)
}

.dm-choose-img-box {
    border-radius: 50%;
    width: 130px;
    margin: auto;
    padding: 15px
}

.success-sec {
    padding: 93px 0;
    position: relative;
    background: linear-gradient(90deg, #edf5ff 0, #ccdff7 100%);
    overflow: unset
}

.success-box::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: url(../images/digital-marketing/success-bg-icon.png) top left/contain no-repeat;
    z-index: -1;
    opacity: .8
}

.success-anime-icon-1 {
    position: absolute;
    top: -20px;
    left: 40px;
    width: 100px;
    z-index: 99
}

.success-anime-icon-2 {
    position: absolute;
    bottom: 20px;
    right: 40px;
    width: 100px
}

.success-box,
.success-one-box {
    padding: 60px 40px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    height: 100%
}

.success-box {
    background-color: #0b2359;
    /* background: url(../images/digital-marketing/success-bg.webp); */
    background-position: left top !important
}

.success-box p {
    color: #fff;
    font-size: 18px
}

.success-one-box {
    background: #fff;
    border: 1px solid rgb(255 255 255 / .1)
}

.success-box-icon {
    position: absolute;
    width: 150px;
    height: 150px;
    bottom: 0;
    right: 0
}

.dm-workflow-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 0;
    gap: 20px;
    position: relative
}

.dm-workflow-row:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background-color: #d9d9d9;
    bottom: 212px;
    left: 0
}

.workflow-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: auto auto 30px;
    padding: 20px;
    background: linear-gradient(90deg, #2667ff 20%, #6c19ef 100%);
    position: relative
}

.workflow-icon:before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    height: 16px;
    width: 16px;
    background: #fff;
    border-radius: 50%;
    animation: 10s linear infinite spinnerRotate;
    margin-left: -8px;
    margin-top: -8px;
    border: 2px solid #2667ff;
    transition: .35s ease-in-out;
    z-index: 99
}

.portfolio-new-design .portfolio-screens,
.portfolio-new-design .portfolio-screens-2,
.portfolio-new-design .portfolio-screens-3 {
    height: 510px;
    margin-left: 0;
    animation: 125s linear infinite slide;
    width: 100%
}

@keyframes spinnerRotate {
    0% {
        -webkit-transform: rotate(0) translateX(47px);
        transform: rotate(0) translate(47px)
    }

    100% {
        -webkit-transform: rotate(360deg) translateX(47px);
        transform: rotate(360deg) translate(47px)
    }
}

.workflow-icon.round {
    background: unset;
    border: 2px solid #e7e7e7
}

.workflow-content h4 {
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 900;
    font-size: 60px;
    line-height: 1;
    color: #fff0;
    -webkit-text-stroke: 1px #dbdbdb;
    background: #fff;
    padding: 0 15px;
    position: relative
}

.workflow-content p {
    min-height: 48px
}

@keyframes slidTop {

    0%,
    100% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(10px)
    }
}

.cta-box {
    border-radius: 20px;
    background: url(../images/digital-marketing/cta-bg.jpg) 0 0/cover;
    padding-right: 30px
}

.cta-content-box h4 {
    font-size: 38px;
    color: #0b2359;
    line-height: 44px
}

.cta-img-box img {
    width: 100%;
    margin-top: -100px
}

.dm-cta-btn {
    padding: 7px 18px;
    background-color: #c82333;
    color: #fff;
    display: inline-block;
    margin-top: 12px
}

.clr-red {
    font-weight: 600;
    color: #c82333
}

.dm-tab .nav-link img {
    width: 50px
}

.portfolio-new-design {
    padding-top: 60px;
    padding-bottom: 60px
}

.portfolio-new-design .portfolio-cards.card-bg-clr-2 {
    background-color: rgb(195 255 0 / 48%)
}

.portfolio-new-design .portfolio-cards.card-bg-clr-1 {
    background-color: rgb(228 18 28 / .5)
}

.portfolio-new-design .portfolio-cards.card-bg-clr-3 {
    background-color: rgb(255 125 84 / .6)
}

.portfolio-new-design .portfolio-cards {
    display: inline-block;
    width: 100%;
    background-color: #ffe3d2;
    margin-bottom: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 30px;
    padding-left: 40px;
    float: left;
    position: relative
}

.portfolio-new-design .portfolio-screens {
    background: url(../images/portfolio/portfolio-mayflower.png) 0 0/cover
}

.portfolio-new-design .portfolio-screens-2 {
    background: url(../images/portfolio/portfolio-hookz.png) 0 0/cover
}

.portfolio-new-design .portfolio-screens-3 {
    background: url(../images/portfolio/portfolio-arman.png) 0 0/cover
}

@keyframes slide {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 4000px
    }
}

.portfolio-new-design .portfolio-global-store {
    display: flex;
    gap: 20px
}

.portfolio-new-design .portfolio-global-store .visit-link {
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid #0b2359;
    border-radius: 10px;
    color: #0b2359;
    transition: color .3s
}

.portfolio-new-design .portfolio-global-store .visit-link:hover {
    background: #0b2359;
    color: #fff;
    border: 2px solid #0b2359
}

.portfolio-new-design .portfolio-global-store .visit-link svg {
    fill: #0b2359;
    transition: .3s
}

.portfolio-new-design .portfolio-global-store .visit-link:hover svg {
    fill: #fff;
    transition: .3s
}

.portfolio-new-design .portfolio-global-store .visit-link img {
    width: 20px
}

.portfolio-new-design .portfolio-title {
    text-align: center;
    padding-bottom: 50px
}

.portfolio-new-design .portfolio-cards .ellipse {
    position: absolute;
    left: 50%;
    bottom: 0;
    background: rgb(255 255 255 / .06);
    border-radius: 50%;
    box-shadow: 0 4px 30px rgb(0 0 0 / .1);
    backdrop-filter: blur(8.9px);
    -webkit-backdrop-filter: blur(8.9px);
    border: 1px solid rgb(255 255 255 / .13);
    transform: translate(-50%, 55%);
    z-index: 0
}

.portfolio-new-design .portfolio-cards .ellipse.item1 {
    width: 200px;
    height: 200px;
    animation: 3s linear infinite ellipse1
}

.portfolio-new-design .portfolio-cards .ellipse.item2 {
    width: 290px;
    height: 290px;
    animation: 3s linear .5s infinite ellipse1
}

.portfolio-new-design .portfolio-cards .ellipse.item3 {
    width: 394px;
    height: 394px;
    animation: 3s linear 1s infinite ellipse1
}

.portfolio-new-design .portfolio-cards .ellipse.item4 {
    width: 496px;
    height: 496px;
    animation: 3s linear 1.5s infinite ellipse1
}

@keyframes ellipse1 {
    0% {
        transform: translate(-50%, 55%) scale(.8);
        opacity: 0
    }

    20% {
        transform: translate(-50%, 55%) scale(.9);
        opacity: 1
    }

    100% {
        transform: translate(-50%, 55%) scale(1);
        opacity: 0
    }
}

.refund-content ul li {
    list-style: disc;
    font-size: 16px;
    line-height: 34px;
}

@media only screen and (max-width:567px) {

    .school-management-page .common-inner-banner .banner-tagline {
        margin: 100px 20px 10px !important;
    }

    .terms-page .common-inner-banner .banner-tagline {
        margin: 100px 20px 10px !important;
    }

    .refund-page .common-inner-banner .banner-tagline {
        margin: 100px 20px 10px !important;
    }

    .privacy-policy-page .common-inner-banner .banner-tagline {
        margin: 100px 20px 10px !important;
    }

    .terms-content h3,
    .terms-content p {
        padding: 10px 14px;
    }

    .refund-content h3,
    .refund-content p {
        padding: 10px 14px;
    }

    .privacy-content-sec h3,
    .privacy-content-sec p {
        padding: 10px 14px;
    }

    .cta-four .inner-container {
        flex-direction: column;
    }

    .footer .lets_talksection .headerdiv {
        margin-top: -100px !important;
    }

    .footer .lets_talksection .headerdiv h2 {
        padding-top: 40px !important;
    }

    .cta-four .block-title__title {
        font-size: 34px;
        line-height: 47px;
    }

    .thm-btn {
        margin-top: 10px;
    }

    .pic-ani {
        display: none;
    }

    .sec-image-item {
        margin-top: 20px;
    }

    .lead-right-image-text {
        text-align: center !important;
    }

    .lead-left-image-text {
        text-align: center;

    }

    .lead-right-image-text {
        text-align: right;
    }
}

@media only screen and (max-width:1200px) {
    .img_banner_section .banner_iner h1 span {
        font-size: 44px;
    }

    .welcome-meter img {
        width: 400px;
    }
}

@media only screen and (max-width:768px) {
    .footer .lets_talksection .headerdiv {
        margin-top: -140px !important;
    }

    .team-sec .image img {
        display: none;
    }

    .portfolio-new-design .portfolio-content-container {
        text-align: center;
        padding-top: 30px
    }

    .portfolio-new-design .portfolio-global-store {
        justify-content: center;
        padding-bottom: 40px
    }

    .portfolio-new-design .portfolio-screens {
        height: 500px
    }
}

.new-clients-logo {
    padding-top: 70px;
    padding-bottom: 30px;
    border: none
}

.new-clients-logo .new-client-logo-details {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    position: relative
}

.new-clients-logo .new-marquee {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 40px 0;
    position: relative
}

.new-clients-logo .new-marquee::after,
.new-clients-logo .new-marquee::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 200px;
    z-index: 2
}

.new-clients-logo .new-marquee::before {
    left: 0;
    background: linear-gradient(90deg, #fff 0, #fff0 100%)
}

.new-clients-logo .new-marquee::after {
    right: 0;
    background: linear-gradient(-90deg, #fff 0, #fff0 100%)
}

.new-clients-logo .new-marquee-content {
    display: inline-flex;
    animation: 18s ease-in-out infinite new-marquee;
    width: 100%
}

.new-clients-logo .new-marquee-content:hover {
    animation-play-state: paused
}

.new-clients-logo .new-marquee-item {
    flex: 0 0 auto;
    padding: 0 40px;
    display: inline-block
}

.new-clients-logo .new-marquee-item img {
    width: 170px;
    height: 80px;
    object-fit: contain;
    transition: filter .3s
}

@keyframes new-marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.new-clients-logo .new-clients-title {
    position: absolute;
    left: 0;
    top: -13px;
    background-color: #fff;
    padding: 0 10px;
    z-index: 3
}

.new-clients-logo .new-clients-title h6,
.new-clients-logo .new-clients-title-2 h6 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #0b2359
}

.new-clients-logo .new-clients-title-2 {
    position: absolute;
    right: 0;
    bottom: -9px;
    background-color: #fff;
    padding: 0 10px;
    z-index: 3
}

@media screen and (max-width:480px) {
    .webinar-area .webinar-content {
        order: 2 !important;
    }

    .webinar-area .webinar-video-image,
    .webinar-video-image-1 {
        display: none;
    }

    .new-clients-logo .new-marquee-content {
        width: 500%
    }
}

.body-inner .common-inner-banner .inner-pattern img {
    position: absolute;
    opacity: .3;
    top: 11%
}

.body-inner .common-inner-banner {
    background: #0b2359 !important;
    padding: 1px
}

.body-inner.header-clr .topbar-transparent,
.crm-development-page .topbar-transparent,
.ecommerce-website-page .topbar-transparent,
.erp-software-development .topbar-transparent,
.erp-software-page .topbar-transparent,
.food-page .topbar-transparent,
.jewellery-page .topbar-transparent {
    background: #051a49 !important
}

.body-inner.header-clr .header-standard {
    background: rgb(20 46 100 / 56%);
    box-shadow: 0 4px 30px rgb(0 0 0 / .1);
    backdrop-filter: blur(.5px);
    -webkit-backdrop-filter: blur(.5px);
    border: 1px solid rgb(35 70 144 / .3)
}

.body-inner .banner-content {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px
}

.body-inner .common-inner-banner .banner-tagline {
    text-align: center;
    margin: 20px
}

.body-inner .common-inner-banner .banner-tagline span {
    font-size: 15px;
    padding: 5px 10px;
    margin: 20px;
    background: rgb(150 199 212 / .56);
    border-radius: 5px;
    box-shadow: 0 4px 30px rgb(0 0 0 / .1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgb(150 199 212 / .3)
}

.body-inner .common-inner-banner .title {
    text-align: center;
    line-height: 1.4;
    color: #fff;
    font-size: 42px
}

.body-inner .common-inner-banner .title span {
    background: linear-gradient(95deg, #60b5f3 .75%, #da0e17 101.34%);
    -webkit-background-clip: text;
    background-clip: text;
    position: relative;
    display: inline-block
}

.body-inner .title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 3px;
    background: linear-gradient(95deg, #60b5f3 .75%, #da0e17 101.34%);
    animation: 2.5s linear infinite forwards grow
}

.common-inner-banner .shape-tri-3 {
    position: absolute;
    right: 0;
    bottom: 25%
}

.common-inner-banner .shape-tri-4 {
    position: absolute;
    left: 0;
    bottom: 0
}

.common-inner-banner .shape-tri-1 {
    position: absolute;
    width: 15px;
    animation: 25s linear infinite animationFramesOne;
    left: 0
}

.common-inner-banner .shape-tri-1 img {
    width: 13px
}

@keyframes grow {
    to {
        width: 100%
    }
}

.common-inner-banner .banner-tagline span img {
    width: 20px;
    padding-bottom: 6px
}

.common-inner-banner .banner-quote {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    margin-top: 20px;
    text-align: center
}

.banner-title2.career-title {
    text-align: center;
    line-height: 1.4 !important;
    font-size: 42px !important
}

@media (max-width:426px) {

    .tw-features-area .column-title,
    .what-we-do h2,
    .seo-features-area .about-text h3,
    .working-process-area h3,
    .service_area h3,
    .content_area h3,
    .industries-area h3 {
        font-size: 32px;
    }

    .footer .lets_talksection .headerdiv h2 {
        padding-top: 0px;
    }

    .hire-deve-sec {
        margin-bottom: 30px !important;
    }

    .single-industries-box {
        font-size: 28px;
    }

    .content_area h3 {
        margin: 20px 0px 15px;
    }

    .top-social {
        padding: 0
    }

    .common-inner-banner .banner-tagline {
        margin: 40px 20px 10px !important
    }

    .common-inner-banner .banner-tagline span {
        font-size: 10px !important;
        text-transform: uppercase;
        margin: 10px 0 !important
    }

    .common-inner-banner .title {
        font-size: 28px !important;
        font-weight: 500;
        margin: 0
    }

    .banner-tagline span img {
        width: 18px !important;
        padding-bottom: 4px !important
    }

    .title span::after {
        height: 2px
    }

    .body-inner .common-inner-banner .inner-pattern img {
        top: -11% !important
    }

    .common-inner-banner .banner-content {
        margin-top: 140px !important
    }

    .cancellation-page .common-inner-banner .banner-content {
        margin-top: 190px !important
    }


    .common-inner-banner .banner-quote {
        font-size: 15px;
        text-align: center;
        margin-top: 16px;
        line-height: 1.5
    }

    .resp-banner {
        height: 426px !important
    }

    .clients-mob-view {
        display: block !important;
        padding: 0
    }
}

@media (max-width:767px) {
    .footer .lets_talksection ul.address li {
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 22px
    }

    .footer .lets_talksection .get_in_touch {
        margin-top: 5px;
        margin-bottom: 20px;
        padding: 30px
    }

    .footer .lets_talksection .get_in_touch .form-group {
        margin-bottom: 15px
    }

    .footer .lets_talksection .get_in_touch .btn {
        width: 100%
    }

    .mCommerce .boxes li {
        padding: 12px
    }

    .common-inner-banner .banner-tagline {
        margin: 20px 0
    }

    .common-inner-banner .banner-content {
        height: fit-content;
        margin-top: 0
    }
}

.justify-center {
    justify-content: center
}

.new-career-section {
    background: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 60px
}

.new-career-section .job-container {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 80px 0 rgb(0 0 0 / .06);
    margin-bottom: 30px;
    border: 1px solid #e3e3e3;
    transition: .3s linear
}

.new-career-section .job-container:hover {
    border: 1px solid #1f2d709e;
    box-shadow: 0 5px 25px 0 rgb(41 128 185 / 32%);
    transition: .3s linear
}

.new-career-section .job-top-box {
    position: relative;
    display: block;
    padding: 20px 40px;
    border-bottom: 1px solid #e5e5e5
}

.new-career-section .job-info ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: 25px
}

.new-career-section .job-info .vacancy-no {
    margin-left: 10px;
    font-size: 17px
}

.new-career-section .job-info .vacancy-no span {
    padding: 3px 7px;
    background: #acb8d54d;
    border-radius: 5px
}

.new-career-section .job-info li span {
    font-weight: 600;
    color: #111
}

.new-career-section .job-bottom-box {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 36px 40px;
    gap: 30px
}

.new-career-section .job-bottom-box .title-container {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    padding: 0
}

.new-career-section .job-bottom-box .skill-container {
    flex: 1.5;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 0
}

.new-career-section .skill-tag {
    display: inline-block;
    padding: 6px 12px;
    background: #acb8d53d;
    border-radius: 15px;
    font-size: 14px;
    margin: 0;
    color: #12326e;
    white-space: nowrap;
    border: none
}

.new-career-section .job-bottom-box .btn-container {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0
}

.new-career-section .job-bottom-box .icon-box {
    margin-right: 20px;
    flex-shrink: 0
}

.new-career-section .job-bottom-box .icon-box-content {
    min-width: 0
}

.new-career-section .job-bottom-box .icon-box-content h4 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 6px;
    word-wrap: break-word;
    text-transform: uppercase
}

.new-career-section .job-bottom-box .btn-job {
    padding: 12px 20px;
    display: inline-flex;
    gap: 7px;
    background: linear-gradient(95deg, #023575 .75%, #da0e17 101.34%);
    border: none;
    margin: 0 !important
}

.new-career-section .job-bottom-box .icon-box {
    display: inline-block;
    left: 30px;
    top: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #acb8d54d;
    border-radius: 10%;
    font-size: 40px
}

.new-career-section .job-bottom-box .job-apply-btn:hover .arrow-up-right {
    transform: rotate(45deg);
    transition: .3s linear
}

.new-career-section .job-bottom-box .arrow-up-right {
    transition: .3s linear
}

.new-career-section .job-top-box .job-info {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new-career-section .resume-mail {
    display: inline-block;
    padding: 3px 30px;
    color: #000;
    border-radius: 30px;
    background: #f1f6f3;
    border: 1px solid #d6ece0
}

.new-career-section .resume-mail p {
    margin-bottom: 0;
    font-size: 18px
}

@media (max-width:1200px) {
    .top-social a {
        margin-left: 16px;
    }

    .blue-love-home .list-addon-home li {
        border: 1px solid #4a4a4a !important;
        background-color: #fff0;
        border-radius: 0;
        margin: 0;
        padding: 20px 15px;
        width: 50% !important
    }

    .blue-love-home .list-addon-home li img {
        object-fit: scale-down;
        object-position: center left;
        width: auto;
        height: 50px;
        margin: auto auto 20px;
        display: block;
        position: static
    }

    .blue-love-home .list-addon-home li h4,
    .blue-love-home .list-addon-home li p {
        text-align: center
    }

    .blue-love-home {
        padding: 50px 15px
    }

    .school-sw {
        height: 350px !important
    }

    .banner-heading-ecom {
        padding: 100px 0 !important
    }

    .about-area .services-info .item {
        height: 324px
    }
}

@media (max-width:991px) {
    .img_banner_section .banner_iner p {
        margin-top: 10px
    }

    .img_banner_section .banner_img,
    .relationship-sec-img figure,
    .relationship-sec-text li:before,
    img.iphone-x-cover {
        display: none
    }

    .img_banner_section {
        min-height: 600px;
        display: flex;
        align-items: center
    }

    .dark_version .section_tittle_content p {
        margin-bottom: 30px
    }

    .service_details.mt_150 {
        margin-top: -50px
    }

    .jewellery-faq .card .card-header .jewellery-faq-title {
        line-height: 26px;
        margin-top: 10px
    }

    .relationship-sec-text h4 {
        font-size: 22px;
        line-height: 1.1;
        text-align: center
    }

    .relationship-sec-text p {
        text-align: center
    }

    .relationship-sec-text li {
        text-align: center;
        padding-left: 0
    }

    .long-neck-arrow {
        font-size: 14px
    }

    .relationship-sec-img img {
        max-width: 200px;
        width: 100%
    }

    .relationship-sec-text {
        padding-bottom: 30px
    }

    .column-title.title-small {
        font-size: 36px
    }

    .about-area .services-info .item {
        margin-top: 50px
    }

    .school-card-sec {
        height: 320px;
    }

    .header-sub-dropdown .dropdown-menu {
        padding-left: 15px;
        display: block !important;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: .7s
    }

    .header-sub-dropdown .dropdown-menu.show {
        height: auto;
        opacity: 1;
        transition: .7s
    }
}

@media (max-width:426px) {
    .single-footer-widget .footer-contact-list .mob-phone {
        display: block !important
    }

    .setup_inner .setup_item .line,
    .single-footer-widget .footer-contact-list .web-phone {
        display: none !important
    }

    .new-career-section .job-top-box .job-info {
        flex-direction: column;
        width: 100%;
        float: none;
        margin-bottom: 0 !important;
        gap: 10px
    }

    .new-career-section .job-bottom-box {
        flex-direction: column
    }

    .new-career-section .job-bottom-box .btn-container {
        justify-content: center !important
    }

    .banner-heading-ecom {
        padding: 220px 0 !important
    }

    .talk-content-area {
        margin: 30px !important
    }

    .setup_inner .setup_item .round {
        display: none
    }

    .setup_inner .setup_content,
    .setup_inner .setup_item.flex-row-reverse .setup_content {
        text-align: center;
        margin-top: 10px
    }
}

.vertical-job-footer .btn-job,
.vertical-job-header .btn-job {
    padding: 12px 20px;
    display: inline-flex;
    background: linear-gradient(95deg, #023575 .75%, #da0e17 101.34%);
    border: none;
    margin: 0 !important;
    color: #fff !important;
    min-width: fit-content !important
}

.gpt-20 {
    gap: 20px 0
}

.g-12 {
    gap: 12px
}

.introduction-content-section {
    width: 90%;
    text-align: center;
    margin: auto
}

.school-school-card-sec-container {
    gap: 20px;
    margin-top: 50px
}

.school-card-sec {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 25px rgb(0 0 0 / .1);
    padding: 40px 20px 20px;
    text-align: center;
    position: relative;
    margin: 50px 20px;
    height: 230px
}

.school-card-icon-sec,
.school-card-icon-wrapper {
    height: 80px;
    display: flex;
    justify-content: center;
    border-radius: 50%
}

.school-card-icon-sec {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    background-color: #fff;
    align-items: center;
    z-index: 2
}

.school-card-icon-wrapper {
    width: 86px;
    align-items: center;
    box-shadow: 0 0 8px rgb(0 0 0 / .1)
}

.school-card-icon-wrapper img {
    width: 60px;
    height: 60px
}

.school-card-icon {
    transition: transform .5s
}

.school-card-sec:hover .school-card-icon {
    transform: translateY(-6px)
}

.school-card-sec:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 32px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid rgb(0 0 0 / .1)
}

.school-card-sec:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 78px;
    height: 46px;
    border-radius: 0 0 40px 40px;
    border-bottom: 1px solid;
    z-index: 1
}

.school-card-sec h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.school-card-sec p {
    font-size: 14px;
    color: #666
}

.header-sub-dropdown ul {
    left: 170px;
    top: 0
}

.header-sub-dropdown a {
    padding-left: 0 !important;
    color: #fff !important;
    cursor: pointer
}

.dropdown-menu li a:focus,
.dropdown-menu li a:hover {
    color: #fc6a2a !important;
    background: 0 0 !important
}

.dropdown-menu.sub-drop-menu {
    padding: 20px 15px;
    z-index: 9999
}

@media screen and (max-width:580px) {
    .header-sub-dropdown ul {
        left: 40px;
        top: 0
    }
}

.hire-deve-sec {
    background-color: #fffcf8;
    padding: 60px 0;
    margin-bottom: 60px
}

.hire-deve-sec .hire-deve-heading h2 {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2
}

.hire-deve-sec .hire-deve-sec-card {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    height: 220px;
    width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    /* cursor: pointer; */
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgb(0 0 0 / .05)
}

.hire-deve-sec .hire-deve-sec-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 10px rgb(0 0 0 / .1)
}

.hire-deve-sec .hire-deve-sec-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 12px
}

.hire-deve-sec .developer-second-card {
    margin-top: 20px !important
}

.hire-deve-sec .hire-icon {
    width: 95px;
    margin: auto !important;
    display: flex
}

@media (max-width:1200px) {
    .webinar-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-top .footer-box {
        padding: 17px 10px 11px;
    }

    .footer-top .footer-box i {
        padding: 2px 18px;
        width: 60px;
        height: 60px;
    }

    .featured-projects-text {
        max-width: unset !important;
        text-align: center;
    }

    .featured-projects-content {
        padding: unset !important;
    }

    .features-slider-img {
        width: 400px;
        margin: auto;
        float: unset !important;
    }

    .portfolio-container .portfolio-img-top {
        width: 91% !important;
    }
}

@media (max-width:568px) {
    .webinar-content {
        margin-top: 20px;
    }

    .webinar-img-item {
        order: 1;
    }

    .webinar-text-item {
        order: 2;
    }

    .body-inner .title span::after {
        position: unset;
    }

    .banner-content-wrapper {
        margin-top: 40px;
        text-align: center;
    }

    .career-page .resp-banner {
        height: 426px !important;
    }

    .owl-carousel.featured-cases-slide.owl-theme .owl-nav>div {
        right: 128px;
    }

    .ts-facts-bg {
        margin-left: 30px !important;
    }

    .banner-first-line {
        margin-top: unset !important;
    }

    .featured-projects-text {
        padding: 20px !important;
    }

    .featured-tab .tab-content {
        padding: 20px 30px !important;
    }

    .ts-facts-bg {
        width: unset !important;
    }
}

@media (max-width:768px) {
    .who-we-contant {
        text-align: center;
    }

    .crm-important .block-img img {
        display: none;
    }

    .crm-important .block-inner {
        margin: unset !important;
    }

    .new-career-section .job-bottom-box {
        padding: 36px 20px !important;
        gap: 10px;
    }

    .footer-top .footer-box {
        padding: 17px 10px 11px;
    }

    .ts-facts-bg {
        width: 180px;
    }

    .companybanner {
        margin: 30px;
    }

    .footer-top .footer-box i {
        padding: 2px 18px;
        width: 60px;
        height: 60px;
    }

    .portfolio-container .portfolio-img-top {
        width: 88% !important;
    }

    .features-slider-img {
        width: 400px;
        margin: auto;
        float: unset !important;
    }

    .banner-first-line {
        margin-top: 100px;
    }


    .featured-projects-text {
        max-width: unset !important;
        text-align: center;
    }

    .featured-projects-content {
        padding: unset !important;
    }
}

.portfolio-container {
    margin-top: 20px;
    border-radius: 15px;
    overflow: hidden;
    transition: transform .3s;
    background-color: #ececee;
    box-shadow: 0 5px 15px rgb(0 0 0 / .05)
}

.portfolio-container:hover .portfolio-image img {
    transform: scale(1.05)
}

.portfolio-container .portfolio-img-top {
    width: 94%;
    height: 300px;
    object-fit: cover;
    margin: 20px;
    overflow: hidden;
    border-radius: 20px
}

.portfolio-container .portfolio-content {
    padding: 20px
}

.portfolio-container .portfolio-title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 15px
}

.portfolio-container .image-anime {
    position: relative;
    overflow: hidden;
    border-radius: 16px
}

.portfolio-container .image-anime::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgb(255 255 255 / .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1
}

.portfolio-container .image-anime:hover:after {
    height: 250%;
    transition: .6s linear;
    background-color: #fff0
}

.portfolio-container .ecom-img {
    background-color: #66339982
}

.portfolio-container .portfolio-image {
    transition: transform .3s;
    position: relative;
    overflow: hidden
}

.portfolio-container .portfolio-image img {
    display: block;
    aspect-ratio: 1/0.77;
    position: relative;
    overflow: hidden;
    transition: .5s ease-out
}

.cancellation-page .header-standard,
.crm-development-page .header-standard,
.ecommerce-website-page .header-standard,
.erp-software-development .header-standard,
.erp-software-page .header-standard,
.food-page .header-standard,
.jewellery-page .header-standard,
.lead-management-page .header-standard,
.privacy-policy-page .header-standard,
.refund-page .header-standard,
.search-engine-optimization .header-standard,
.smo-page .header-standard,
.social-media-marketing-page .header-standard,
.about-us-page .header-standard,
.portfolio-page .header-standard,
.webdesign-page .header-standard,
.career-page .header-standard,
.terms-page .header-standard {
    background: rgb(20 46 100 / 56%);
    backdrop-filter: blur(.5px);
    -webkit-backdrop-filter: blur(.5px);
    border: 1px solid rgb(35 70 144 / .3)
}

.cancellation-page .topbar-transparent,
.lead-management-page .topbar-transparent,
.privacy-policy-page .topbar-transparent,
.refund-page .topbar-transparent,
.search-engine-optimization .topbar-transparent,
.smo-page .topbar-transparent,
.portfolio-page .topbar-transparent,
.header-standard .topbar-transparent,
.career-page .topbar-transparent,
.webdesign-page .topbar-transparent,
.social-media-marketing-page .topbar-transparent,
.jewellery-page .topbar-transparent,
.about-us-page .topbar-transparent,
.terms-page .topbar-transparent {
    background: #051a49 !important;
    color: #fff !important
}

.img-mob-resp {
    height: 90px;
}

.hire-deve-sec-card {
    display: inline-block;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease;
}

.hire-deve-sec-card {
    transition: all 0.4s linear;
}

.hire-deve-sec-card .inner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.hire-deve-sec-card .icon-set {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s linear;
}

.hire-deve-sec-card .icon-set::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: linear-gradient(45deg, #013474, #D70D16);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    opacity: 0.1;
    border: 1px solid rgba(255, 255, 255, 0.3);
    z-index: 0;
}

.hire-deve-sec-card .hire-icon {
    width: 55%;
    height: 55%;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

.hire-deve-sec-card .icon-set span {
    position: absolute;
    background-color: #013474;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    opacity: 0.05;
}

.hire-deve-sec-card .icon-set span:first-child {
    top: 4px;
    left: 8px;
}

.hire-deve-sec-card .icon-set span:nth-child(2) {
    right: 4px;
    bottom: 0;
}

.hire-deve-sec-card .icon-set span:nth-child(3) {
    width: 3px;
    height: 3px;
    background-color: #D70D16;
    left: 7px;
    bottom: 6px;
    opacity: 0.05;
}

.hire-deve-sec-card .icon-set span:nth-child(4) {
    width: 3px;
    height: 3px;
    background-color: #D70D16;
    right: 0;
    top: 10px;
    opacity: 0.05;
}

.hire-deve-sec-card:hover .icon-set span {
    opacity: 1;
    transition: all 0.4s linear;
}

.contact-btn {
    font-weight: 600;
    letter-spacing: .2px;
    background: linear-gradient(95deg, #023575 .75%, #da0e17 101.34%);
    padding: 15px;
    margin: 12px;
    display: inline-block;
    transform: translate(0, 0);
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff !important;
    border: none;
    transition: .5s ease-in
}

.contact-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ad8585;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.contact-btn:hover {
    background: linear-gradient(95deg, #da0e17 .75%, #023575 101.34%);
    color: #fff;
    transition: .5s ease-in
}

.contact-btn span,
.shpdzz {
    position: absolute
}

.contact-btn span:first-child {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    animation: 3s linear infinite animateTop
}

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

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.contact-btn span:nth-child(2) {
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    animation: 3s linear -1s infinite animateRight
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.contact-btn span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    animation: 3s linear infinite animateBottom
}

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

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.contact-btn span:nth-child(4) {
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    animation: 3s linear -1s infinite animateLeft
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.contact-btn span:first-child,
.contact-btn span:nth-child(2),
.contact-btn span:nth-child(3),
.contact-btn span:nth-child(4) {
    background: linear-gradient(to right, rgba(255, 255, 255, .6), #ffffff9c)
}

.home-portfolio-new-design .swiper {
    width: 100%;
    padding: 60px 0;
    position: relative;
}

.home-portfolio-new-design .swiper-slide {
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.home-portfolio-new-design .swiper-slide:hover {
    transform: translateY(-5px);
}

.home-portfolio-new-design .swiper-slide img {
    width: 100%;
    height: 100%;
    /* Image section height */
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* Text content properly below image */
.home-portfolio-new-design .swiper-slide-content {
    flex: 1;
    background: #fbfbfb91;
    padding: 12px 18px 20px 18px;
    display: flex;
    justify-content: space-between;
    color: #000;
}

.home-portfolio-new-design .swiper-slide-content h3 {
    color: #000000;
    font-size: 22px;
    margin: 0 0 5px;
    font-weight: 600;
}

.home-portfolio-new-design .swiper-slide-content p {
    color: #444;
    font-size: 15px;
    margin: 0;
}

.home-portfolio-new-design .swiper-slide-content .portfolio-tech-stack {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    /* position: absolute; */
    right: 15px;
    padding: 2px 6px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.swiper-slide-content .home-portfolio-left-data-adjust {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 5px;
}

.home-portfolio-new-design .swiper-slide .our-portfolio-client-logo {
    width: 70px;
    height: auto;
    border-radius: unset;
}

.home-portfolio-new-design .swiper-slide-content p img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-right: 5px;
}

/* Swiper pagination + nav buttons */
.home-portfolio-new-design .swiper-pagination {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.home-portfolio-new-design .swiper-pagination-bullet-active {
    background: #da0e17 !important;
}

.home-portfolio-new-design .swiper-button-next,
.home-portfolio-new-design .swiper-button-prev {
    width: 40px !important;
    height: 40px !important;
    background: linear-gradient(95deg, #023575 .75%, #da0e17 101.34%);
    border-radius: 50%;
    color: #fff !important;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 4px 15px rgba(254, 93, 18, 0.3);
}

.home-portfolio-new-design .swiper-button-next::after,
.home-portfolio-new-design .swiper-button-prev::after {
    font-size: 18px !important;
    font-weight: bold;
}

.home-new-modal-popup.modal-overlay.common-inner-banner {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(11, 35, 89, 0.4) !important;
    z-index: 9999;
    padding: 20px;
}

.home-new-modal-popup.modal-overlay.open {
    display: flex;
}

/* popup */
.home-new-modal-popup .popup {
    width: 900px;
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    background: #fff;
    display: flex;
    position: relative;
}

/* left panel */
.home-new-modal-popup .popup-left {
    flex: 0 0 35%;
    /* background: #0b2359; */
    background: linear-gradient(149deg, #0b2359 40%, #da0e17);
    color: #fff;
    padding: 30px;
    position: relative;
}

.home-new-modal-popup .popup-left h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.home-new-modal-popup .popup-left p {
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 1.4;
}

.home-new-modal-popup .contact-line {
    display: flex;
    gap: 10px;
    margin: 35px 0;
    font-size: 15px;
    line-height: 1.5;
}

.home-new-modal-popup .contact-line svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    flex-shrink: 0;
}

.home-new-modal-popup .light-circle {
    position: absolute;
    right: -50px;
    bottom: -50px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
}

/* right panel */
.home-new-modal-popup .popup-right {
    flex: 1;
    padding: 30px;
    position: relative;
}

.home-new-modal-popup .close-x {
    position: absolute;
    right: 15px;
    top: 15px;
    border: none;
    background: transparent;
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
    color: #0b2359;
}

.home-new-modal-popup .popup-right h5 {
    font-size: 23px;
    font-weight: bolder;
    margin-bottom: 10px;
}

.home-new-modal-popup .popup-right p {
    font-size: 14px;
    margin-bottom: 20px;
    color: #555;
}

.home-new-modal-popup .form-control {
    margin-bottom: 15px;
}

.home-new-modal-popup select.form-control {
    color: #5a5a5a;
    height: 50px !important;
    font-size: 14px;
}

.home-new-modal-popup .form-control:focus {
    border: 1px solid #0b2359;
}

.home-new-modal-popup .form-control::placeholder {
    font-size: 14px;
}

@media (max-width: 760px) {
    .home-new-modal-popup .popup {
        flex-direction: column;
    }

    .home-new-modal-popup .popup-left {
        width: 100%;
        display: none !important;
    }

    .home-new-modal-popup .light-circle {
        display: none;
    }
}

.company-badges {
    background-size: cover;
    padding: 100px 0;
    position: relative;
    margin-bottom: 50px;
}

.company-badges .badge-box {
    width: 225px;
    height: 125px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto;
    transition: all 0.3s linear;
}

.company-badges .badge-box:hover {
    transform: translateY(-7px);
}

.company-badges .badge-box img {
    max-width: 225px;
    max-height: 100px;
    object-fit: contain;
}

/* Section Counters */
.home-our-innovation {
    padding: 60px 0px;
}

.home-our-innovation .counter-box {
    text-align: center;
}

.home-our-innovation .counter-box h2 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    color: transparent;
    background: linear-gradient(360deg, #0b2359, #da0e17) border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0;
}

.home-our-innovation .counter-box p {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-top: 8px;
}

.home-our-innovation .new-text-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 5px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
}

.home-our-innovation .new-text-btn::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #da0e17;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.home-our-innovation .new-text-btn:hover::after {
    content: "";
    width: 0;
}

.home-our-innovation .our-images-showcase {
    border-top: 2px dotted #e6e6e6;
    width: 100%;
    margin-top: 80px;
    display: flex;
    justify-content: space-around;
    position: relative;
    padding-top: 40px;
}

.home-our-innovation .pinned-image {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -40px;
}

.home-our-innovation .pinned-image .pin {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: auto;
    z-index: 2;
}

.home-our-innovation .pinned-image .photo {
    width: 210px;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    animation: float 4s ease-in-out infinite;
    position: relative;
}

.home-our-innovation .pinned-image::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 48%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: #fff;
    border: 3px solid #000;
    border-radius: 50%;
    z-index: 2;
}

@keyframes float {
    0% {
        transform: translateX(0px) rotate(0deg);
    }

    25% {
        transform: translateX(-5px) rotate(-1deg);
    }

    50% {
        transform: translateX(0px) rotate(1deg);
    }

    75% {
        transform: translateX(5px) rotate(-1deg);
    }

    100% {
        transform: translateX(0px) rotate(0deg);
    }
}

.home-our-innovation .pinned-image:nth-child(2) .photo {
    animation-delay: 0.5s;
}

.home-our-innovation .pinned-image:nth-child(3) .photo {
    animation-delay: 1s;
}

.home-our-innovation .pinned-image:nth-child(4) .photo {
    animation-delay: 1.5s;
}

.tech-stacks.feature_area_bg {
    background-color: #f7f9fd !important;
    padding: 60px 0;
}

.tech-stacks.feature_area .single_feature h2 {
    color: #fff !important;
    font-size: 42px !important;
}

.tech-stacks.feature_area .css-masonry {
    column-count: 10;
    column-gap: 10px;
    background-color: #9ac4c5;
    background: radial-gradient(circle, #9ac4c5 2%, rgba(73, 215, 186, 0) 21%);
}

.tech-stacks.feature_area .tech-card.size-2 {
    padding: 20px 10px;
}

.tech-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 25px;
}

.tech-card .tech-item .tech-name {
    font-size: 16px;
    font-weight: normal;
}

.tech-item {
    position: relative;
    display: flex;
    height: 75px;
    width: 75px;
    background: #fff;
    border-radius: 8px;
    padding: 10px 10px;
    text-align: center;
    box-shadow: 0 0 10px #00000019;
    overflow: hidden;
    transition: .2s all linear;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.tech-item::before {
    content: '';
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    background-color: rgb(11 35 89 / 4%);
    border-radius: 50%;
}

.tech-card {
    text-align: center;
    transition: .2s all linear;
}

.tech-name {
    margin: 10px auto;
    font-size: 15px;
    /* color: #ffff; */
}

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

.tech-card img {
    max-width: 42px;
    transition: .2s all linear;
}

.tech-card:hover img {
    transform: scale(1.05);
}

/* Tab styles */
.home-tech-tabs {
    border-bottom: 1px solid #0b23590f;
    padding: 20px;
}

.tech-tabs .nav-link {
    color: #000000;
    background: #ffffff;
    margin: 0 10px;
    border-radius: 5px;
    padding: 8px 20px;
    border: 0;
    transition: all 0.3s ease;
}

.tech-tabs .nav-link:hover {
    background: #ffffff;
    border: 0;
    transition: all 0.3s ease;
}

.tech-tabs .nav-link.active {
    border: 0;
    background: linear-gradient(95deg, #0b2359, #da0e17);
    color: #ffffff;
    font-weight: 600;
}

/* Grid layout */
.col-md-1 {
    flex: 0 0 10%;
    max-width: 10%;
}

@media (max-width: 992px) {
    .col-md-1 {
        flex: 0 0 20%;
        max-width: 20%;
        /* 5 per row on tablet */
    }
}

@media (max-width: 576px) {
    .col-md-1 {
        flex: 0 0 50%;
        max-width: 50%;
        /* 2 per row on mobile */
    }
}

.tagline {
    width: fit-content;
    padding: 5px 10px 5px 25px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #ba1425;
    position: relative;
}

.faq-section-wd .card-header h2 {
    margin: 0;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    font-size: 17px;
}

.tagline::before {
    content: "";
    width: 15px;
    height: 2px;
    background-color: #ba1425;
    position: absolute;
    bottom: 45%;
    left: 3px;
}

.faq-section-wd .card {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    width: 100%;
}

.faq-section-wd .card-header {
    background: 0 0;
    border: none;
    padding: 15px 10px;
    cursor: pointer;
}

.faq-section-wd .card-header h2 .btn-link {
    font-size: 17px !important;
    color: #000 !important;
    font-weight: 700;
}

.faq-section-wd .card-header h2:after {
    content: "+";
    float: right;
    font-size: 1.5rem;
    font-weight: 300;
    color: #000;
}

.faq-section-wd .card-header.active h2:after {
    content: "−";
    font-size: 1.5rem;
}

.faq-section-wd .card-body {
    border: none !important;
    line-height: 1.6;
    font-size: 16px;
}

.main-testimonial-section {
    padding: 100px 0;
    background-image: linear-gradient(to bottom, #f7f7ff, #f4f4fb, #f8f7fc, #fbfbfe, #ffffff);
    border-radius: 6px;
}

.map-background-position {
    background: url('../images/home/testimonials-bg-map.png') no-repeat center;
    padding: 0 0 40px;
}

.main-testimonial-section .testimonial-card {
    position: relative;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
    padding: 25px;
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease;
}

.main-testimonial-section .testimonial-card svg {
    fill: #F0F0F0;
    position: absolute;
    top: 10%;
    right: 2%;
}

.main-testimonial-section .testimonial-card:hover {
    transform: translateY(-5px);
}

.main-testimonial-section .testimonial-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.main-testimonial-section .testimonial-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover;
}

.main-testimonial-section .testimonial-name {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.main-testimonial-section .testimonial-role {
    font-size: 14px;
    color: #666;
    margin: 0;
}

.main-testimonial-section .testimonial-title {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0;
}

.main-testimonial-section .testimonial-text {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
    flex-grow: 1;
}

.main-testimonial-section .swiper-button-next,
.main-testimonial-section .swiper-button-prev {
    background: #0b2359;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: 0.7s ease;
}

.main-testimonial-swiper:hover .swiper-button-next,
.main-testimonial-swiper:hover .swiper-button-prev {
    opacity: 1;
    transition: 0.6s ease;
}

.main-testimonial-section .swiper-button-next:hover,
.main-testimonial-section .swiper-button-prev:hover {
    background: #fe5d12;
}

.main-testimonial-section .swiper-button-next::after,
.main-testimonial-section .swiper-button-prev::after {
    font-size: 16px;
    font-weight: bold;
}

.main-testimonial-section .swiper-pagination {
    margin-top: 20px;
    text-align: center;
}

.main-testimonial-section .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    margin: 0 5px !important;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.main-testimonial-section .swiper-pagination-bullet-active {
    background: #da0e17 !important;
    transform: scale(1.05);
}

.main-testimonial-section .swiper-wrapper {
    padding-bottom: 70px;
}

.main-testimonial-section .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 5px;
    border-radius: 5px;
}

.home-portfolio-new-design .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 5px;
    border-radius: 5px;
}

.home-portfolio-new-design .swiper-pagination-bullet-active {
    background: #0b2359;
    transform: scale(1.05);
}

.home-our-innovation .our-innnovation-new-image {
    margin-top: 50px;
    height: 350px;
}

.home-our-innovation .our-innnovation-new-image img {
    width: 100%;
    background-position: fixed;
    background-size: cover;
    background-position: center center;
}

.footer-top .footer-box {
    padding: 17px 45px 11px;
    min-height: 120px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: start;
}

@media (max-width: 767px) {
    .footer .lets_talksection .sidebtns .btns {
        width: 100%;
        height: 60px;
        text-align: start;
        margin-bottom: 15px;
    }

    .footer .lets_talksection .sidebtns .btns div {
        padding-left: 0px;
    }

    .footer-links-area {
        text-align: start !important;
    }

    .footer-top .footer-box {
        padding: 17px 25px 11px !important;
    }

    <<<<<<< HEAD <<<<<<< HEAD .banner-section {
        padding: 120px 0;
    }

    =======>>>>>>>a6d48210d37deba2d2c9e76498d63dc67aef6ed4=======.banner-section {
        padding: 120px 0;
    }

    .home-portfolio-new-design .swiper-button-next,
    .home-portfolio-new-design .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
    }

    .home-portfolio-new-design .swiper-button-next::after,
    .home-portfolio-new-design .swiper-button-prev::after {
        font-size: 13px !important;
        font-weight: bold;
    }

    .home-portfolio-new-design .swiper {
        padding: 20px 0 55px;
    }

    .home-new-portfolio {
        margin-bottom: 50px;
    }

    .portfolio-new-design.hide-on-mobile {
        display: none !important;
    }

    .home-new-portfolio.hide-on-desktop {
        display: block !important;
    }

    .home-portfolio-new-design .swiper-slide-content h3 {
        font-size: 17px;
    }
}

.home-new-portfolio.hide-on-desktop {
    display: none;
}

.portfolio-new-design.hide-on-mobile {
    display: block;
    >>>>>>>192b18a9433a50c143e12754df0cd8084c3497ff
}