.app-host a, .app-host a > *, a, a:focus, a:hover {
    text-decoration: none
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened, .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed {
    display: none;
}

.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
    display: block !important;
}

div#aplpreloader, div#appseo-preloader, div#crm-preloader, div#host-preloader, div#pm-preloader, div#saas-preloader, div#seo-2-preloader, div#soft-m-preloader, div#str-preloader {
    z-index: 99999;
    overflow: visible
}

.app-osaas-seo-block.style-two .inner-box .text, .elementor-accordion {
    text-align: left
}

.elementor-accordion .elementor-accordion-item + .elementor-accordion-item {
    border-top: none
}

.elementor-accordion .elementor-tab-title {
    margin: 0;
    padding: 15px 20px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    outline: 0
}

.i-blue {
    color: #3b81b4
}

.elementor-toc__list-item::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0 !important;
    text-align: start !important;
    text-align-last: start !important
}

.elementor-2191 .elementor-element.elementor-element-e0da064 {
    --divider-border-style: solid;
    --divider-color: #558DC5;
    --divider-border-width: 2px
}

elementor-toc__list-item-text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

a {
    cursor: pointer
}

.topapp-main ul, li {
    list-style: none;
    padding: 0;
    margin: 0
}

.social-icon-one li.facebook a:hover {
    background-color: #16599b;
    color: #fff
}

.social-icon-one li.twitter a {
    color: #03a9f4
}

.social-icon-one li.twitter:hover a {
    background-color: #03a9f4;
    color: #fff
}

.social-icon-one li.dribbble a {
    color: #ea4c89
}

.social-icon-one li.dribbble a:hover {
    color: #fff;
    background-color: #ea4c89
}

.social-icon-one li.behance a {
    color: #0067ff
}

.social-icon-one li.behance a:hover {
    color: #fff;
    background-color: #0067ff
}

.topapp-sec-title .title {
    position: relative;
    font-size: 18px;
    color: #373a5b;
    font-weight: 500;
    z-index: 1;
    margin-left: 12px;
    margin-bottom: 12px;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: capitalize;
    font-family: roboto, sans-serif
}

.topapp-sec-title .title:before {
    position: absolute;
    content: "";
    left: -13px;
    top: -7px;
    width: 35px;
    height: 35px;
    z-index: -1;
    border-radius: 50px;
    display: inline-block;
    background-image: -ms-linear-gradient(left, #0084fd 0, #6cd8ff 100%);
    background-image: -moz-linear-gradient(left, #0084fd 0, #6cd8ff 100%);
    background-image: -o-linear-gradient(left, #0084fd 0, #6cd8ff 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0084fd), color-stop(100, #6cd8ff));
    background-image: -webkit-linear-gradient(left, #0084fd 0, #6cd8ff 100%);
    background-image: linear-gradient(to right, #0084fd 0, #6cd8ff 100%)
}

.app-osaas-news-block-six .inner-box .content h2 a, .topapp-sec-title .title span {
    position: relative;
    color: #fff
}

.topapp-sec-title .text {
    position: relative;
    font-size: 16px;
    line-height: 1.9em;
    color: #373a5b;
    margin-top: 10px
}

.agency-cta .btn, .agency-services .agency-services-grids > div:nth-child(2) h3, .agency-services .agency-services-grids > div:nth-child(2) p, .agency-services .grid:hover h3, .agency-services .grid:hover p, .app-osaas-feature-block-six .inner-box:hover .icon, .app-osaas-feature-block-six .inner-box:hover .text, .app-osaas-feature-block-six .inner-box:hover h4 a, .app-osaas-feature-block-six.active .inner-box .icon, .app-osaas-feature-block-six.active .inner-box .text, .app-osaas-feature-block-six.active .inner-box h4 a, .app-osaas-feature-block-two .inner-box:hover .arrow, .app-osaas-feature-block-two .inner-box:hover .text, .app-osaas-main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover, .app-osaas-platform-section-two .sec-title.light .title, .app-osaas-service-block .inner-box:hover .text, .app-osaas-service-block .inner-box:hover h4 a, .app-osaas-styled-pagination li.active a, .app-team-grids .grid .details .post, .app-team-grids .grid .details a, .app-team-grids .grid .details h3, .elementor-blockquote--align-center .elementor-blockquote footer, .elementor-blockquote--align-center .elementor-blockquote__author, .host-app-achivement-section .client-wrapper .btn a, .host-app-domain-section .domain-sidebar .btn a, .host-app-joining-section .btn a, .host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .amount, .host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .amount, .host-app-process-section .process-wrapper .process-content .btn a, .hosting-price-section .hosting-carousel .carousel-wrapper:hover .price, .hosting-price-section .hosting-carousel .carousel-wrapper:hover .price sub, .main-menu .navigation > li > ul > li.dropdown:hover > a:after, .main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after, .package-section .btn a, .package-section .package-wrapper:hover .amount, .price-block .inner-box:hover .upper-box .title, .sec-title.light .text, .sec-title.light h1, .sec-title.style-six.light .title, .sec-title.style-three.light .title, .topapp-sec-title.light .title, .topapp-sec-title.light h2 {
    color: #fff
}

.topapp-sec-title.style-two .title:before, .topapp-sec-title.style-two h2 span:before {
    background-image: -ms-linear-gradient(left, #31c551 0, #77e34b 100%);
    background-image: -moz-linear-gradient(left, #31c551 0, #77e34b 100%);
    background-image: -o-linear-gradient(left, #31c551 0, #77e34b 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #31c551), color-stop(100, #77e34b));
    background-image: -webkit-linear-gradient(left, #31c551 0, #77e34b 100%);
    background-image: linear-gradient(to right, #31c551 0, #77e34b 100%)
}

.topapp-sec-title.style-three .title:before, .topapp-sec-title.style-three h2 span:before {
    background-image: -ms-linear-gradient(left, #9426d5 0, #e642dc 100%);
    background-image: -moz-linear-gradient(left, #9426d5 0, #e642dc 100%);
    background-image: -o-linear-gradient(left, #9426d5 0, #e642dc 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9426d5), color-stop(100, #e642dc));
    background-image: -webkit-linear-gradient(left, #9426d5 0, #e642dc 100%);
    background-image: linear-gradient(to right, #9426d5 0, #e642dc 100%)
}

.topapp-sec-title.style-four .title:before, .topapp-sec-title.style-four h2 span:before {
    background-image: -ms-linear-gradient(left, #f24548 0, #fb8383 100%);
    background-image: -moz-linear-gradient(left, #f24548 0, #fb8383 100%);
    background-image: -o-linear-gradient(left, #f24548 0, #fb8383 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f24548), color-stop(100, #fb8383));
    background-image: -webkit-linear-gradient(left, #f24548 0, #fb8383 100%);
    background-image: linear-gradient(to right, #f24548 0, #fb8383 100%)
}

.app-osaas-main-header .main-box .logo-box .logo img, .main-header .main-box .logo-box .logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.sticky-header .main-menu .navigation > li > a {
    padding: 19px 0 !important;
    color: #fff !important
}

.blog-detail .inner-box .lower-content .post-meta li:last-child:before, .main-header.fixed-header .main-menu .navigation > li > a:before, .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul, .sticky-header .main-menu .navigation > li > a:after {
    display: none
}

.agency-blog-grids .grid, .agency-cta .container, .app-block .inner-box, .app-block .inner-box .content-column .inner-column, .app-block .inner-box .image-column .image, .app-block .inner-box .image-column .inner-column, .app-documentation-section > .container > .row, .app-landing-faq .content, .app-landing-features .content, .app-osaas-about-app-osaas-software-section .content-column .inner-column, .app-osaas-about-app-osaas-software-section .images-column .images, .app-osaas-about-section .image-column .image img, .app-osaas-about-section .image-column .inner-column, .app-osaas-banner-section .image-column .image, .app-osaas-banner-section .image-column .inner-column, .app-osaas-banner-section-two .image-column .inner-column, .app-osaas-choose-section .content-column .list, .app-osaas-cta-section .title-column .inner-column, .app-osaas-demo-section .image-column .image, .app-osaas-demo-section .image-column .inner-column, .app-osaas-engineer-block .inner-box .content, .app-osaas-fact-counter-three .column .inner .content, .app-osaas-fact-counter-two .column .inner .content, .app-osaas-featured-section-four .content-column .inner-column, .app-osaas-featured-section-four .image-column .image, .app-osaas-intro-section .video-column .inner-column, .app-osaas-intro-section-two .content-column .inner-column, .app-osaas-journey-section .video-column .inner-column, .app-osaas-journey-section .video-column .inner-column .image, .app-osaas-main-menu .navigation > li > .app-osaas-main-menu .navigation > li:hover > .app-osaas-main-menu .navigation > li > .app-osaas-main-menu .navigation > .app-osaas-main-menu .navigation > li .mega-menu-bar > ul, .app-osaas-news-block-five .inner-box, .app-osaas-news-block-four .inner-box .lower-content, .app-osaas-partners-section .image-column .inner-column, .app-osaas-partners-section .image-column .inner-column .image, .app-osaas-process-block-four .inner-box, .app-osaas-process-block-four .inner-box .image-column .image, .app-osaas-process-block-three .inner-box, .app-osaas-process-block-three .inner-box .image-column .image, .app-osaas-process-block-two .inner-box, .app-osaas-process-block-two .inner-box .image-column .image, .app-osaas-seo-block .inner-box, .app-osaas-seo-section .column .inner-column, .app-osaas-service-page-section .content-column .inner-column, .app-osaas-skill-section .images-column .image, .app-osaas-software-section .blocks-column .inner-column, .app-osaas-testimonial-block .inner-box, .app-osaas-updates-section .info-column .info-block .email, .app-osaas-updates-section .info-column .info-block .phone, .app-osaas-updates-section .info-column .inner-column, .app-osaas-updates-section .subscribe-column .inner-column, .banner-section .carousel-column .inner-column, .blog-detail .inner-box .lower-content .post-meta li span, .featured-section .blocks-column .inner-column, .featured-section .content-column .inner-column, .header-style-2 .navigation > .container, .header-style-3 .navigation > .container, .hero-s1 .container, .main-header .header-upper .logo-box .logo, .news-block .inner-box, .news-block .inner-box .image, .news-block .inner-box .lower-content .post-meta, .news-block-two .inner-box .image-column .inner-column, .platform-tab-content .inner-content .icon-outer .icon-box .icon, .product-landing-faq .content, .product-landing-hero > .container, .site-header .navigation > .container, .steps-section .blocks-column .inner-column, .team-block .inner-box .image a, .testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators li .image, .topapp-screenshot-slider .row.appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow, .topapp-screenshot-slider .swiper-slider-area .container {
    position: relative
}

.main-menu .navigation > li {
    position: relative;
    float: left;
    margin-right: 30px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

#app-host-preloader .app-host-preloader-inner > span:nth-child(3n+3), .app-osaas-main-menu .navigation > li:last-child, .app-osaas-news-block .inner-box .post-meta li:last-child, .app-osaas-news-block-three .inner-box .post-meta li:last-child, .app-osaas-software-section .content-column .languages li:last-child, .blog-single-page .tag-share .share li:last-child, .main-menu .navigation > li:last-child {
    margin-right: 0
}

.main-menu .navigation > li > a {
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 30px;
    text-transform: capitalize;
    letter-spacing: 0;
    opacity: 1;
    font-weight: 600;
    padding: 39px 0;
    font-size: 16px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    font-family: poppins, sans-serif
}

.main-menu .navigation > li > a:before {
    position: absolute;
    content: "";
    left: 6px;
    bottom: 36px;
    width: 0;
    height: 4px;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    background-image: -ms-linear-gradient(left, #ff4449 0, #ff757a 100%);
    background-image: -moz-linear-gradient(left, #ff4449 0, #ff757a 100%);
    background-image: -o-linear-gradient(left, #ff4449 0, #ff757a 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff4449), color-stop(100, #ff757a));
    background-image: -webkit-linear-gradient(left, #ff4449 0, #ff757a 100%);
    background-image: linear-gradient(to right, #ff4449 0, #ff757a 100%)
}

.agency-blog-grids .grid:hover:before, .app-osaas-feature-block-two .inner-box:hover::before, .elementor-1810 .elementor-element.elementor-element-0a02dfb .elementor-divider-separator, .elementor-1810 .elementor-element.elementor-element-499ff36 .elementor-divider-separator, .elementor-1810 .elementor-element.elementor-element-530fd7d .elementor-divider-separator, .elementor-1810 .elementor-element.elementor-element-566b193 .elementor-divider-separator, .elementor-1810 .elementor-element.elementor-element-b3344b5 .elementor-divider-separator, .elementor-widget.elementor-list-item-link-full_width a, .main-menu .navigation > li.current > a::before, .main-menu .navigation > li:hover > a::before, .product-landing-latest-features .grid:hover:after {
    width: 100%
}

.main-menu .navigation > li > ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 230px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.main-menu .navigation > li > ul:before {
    position: absolute;
    content: "";
    left: 0;
    top: -30px;
    width: 100%;
    height: 30px;
    display: block
}

.app-osaas-main-menu .navigation > li > ul.from-right, .app-osaas-main-menu .navigation > li > ul > li > ul.from-right, .main-menu .navigation > li > ul.from-right, .main-menu .navigation > li > ul > li > ul.from-right {
    left: auto;
    right: 0
}

.main-menu .navigation > li > ul > li, .main-menu .navigation > li > ul > li > ul > li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f4f2f2
}

.app-osaas-clients-section.style-two, .main-menu .navigation > li > ul > li:last-child, .main-menu .navigation > li > ul > li > ul > li:last-child, .mobile-menu .navigation li > ul > li:last-child {
    border-bottom: 0
}

.main-menu .navigation > li > ul > li > a, .main-menu .navigation > li > ul > li > ul > li > a {
    position: relative;
    display: block;
    padding: 12px 18px;
    line-height: 24px;
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    color: #222;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.main-menu .navigation > li > ul > li:hover > a, .main-menu .navigation > li > ul > li > ul > li:hover > a {
    color: #fff;
    padding-left: 30px;
    background: #ff4e53
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
    font-family: fontawesome;
    content: "\f105";
    position: absolute;
    right: 15px;
    top: 14px;
    width: 10px;
    height: 20px;
    display: block;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 5
}

.main-menu .navigation > li > ul > li > ul {
    position: absolute;
    left: 100%;
    top: 100%;
    width: 230px;
    z-index: 100;
    display: none;
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
    font-family: fontawesome;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 11px;
    width: 10px;
    height: 20px;
    display: block;
    color: #272727;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 5
}

.app-osaas-main-menu .navigation > li.dropdown:hover > ul, .app-osaas-main-menu .navigation > li > ul > li > ul > li.dropdown:hover > ul, .main-menu .navigation > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    border-top: 0 !important;
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.app-osaas-main-menu .navigation li > ul > li.dropdown:hover > ul, .main-menu .navigation li > ul > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .5s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.main-header.fixed-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    background-color: #000
}

.main-header.fixed-header .main-menu .navigation > li > a {
    padding: 26px 0
}

.banner-section .content-column .inner-column {
    position: relative;
    padding-top: 100px;
    padding-left: 0;
    padding-bottom: 0
}

.banner-section .content-column .text {
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 40px;
    font-weight: 400
}

.banner-section .content-column .address {
    position: relative;
    color: #fff;
    font-size: 15px;
    line-height: 1.8em;
    margin-bottom: 40px;
    font-weight: 400
}

.app-osaas-mobile-menu .navigation li > ul > li:first-child, .mobile-menu .navigation li > ul > li:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.mobile-menu .navigation li > a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 20px;
    font-size: 15px;
    color: #404040;
    text-transform: capitalize
}

.mobile-menu .navigation li.current > a, .mobile-menu .navigation li:hover > a {
    color: #f34a4d
}

.featured-section .content-column .text, .main-footer .logo-widget .logo {
    position: relative;
    margin-bottom: 20px
}

.featured-section .content-column .text p {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.9em;
    margin-bottom: 25px
}

.agency-funfact .content, .app-documentation-section .content-part > .box:last-child, .app-osaas-accordion-box .block .content p:last-child, .app-tem-members .app-team-grids > .col:last-child, .appseo-testimonial-content .slick-dotted.slick-slider, .blog-grids > .grid:last-child, .blog-sidebar .widget:last-child, .blog-single-page .blog-with-sidebar .comments ol > li:last-child, .blog-single-page .blog-with-sidebar .comments ol > li > ol > li:last-child, .cv-funfact .content, .featured-section .content-column .text p:last-child, .osaas-footer-rcp .news-widget .post:last-child, .p-landing-how-its-work-section .content > .col > .box:nth-child(3), .progress-bar-s1 .skill:last-child, .support-section .tab-content .account-section .account-wrapper .form-section .support-form .form-group .btn {
    margin-bottom: 0
}

.featured-block .inner-box {
    position: relative;
    text-align: center;
    padding: 50px 21px 35px;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .2)
}

.featured-block .inner-box .icon-box .icon {
    position: relative;
    color: #fff;
    z-index: 1;
    font-size: 32px
}

.featured-block .inner-box h3 {
    position: relative;
    color: #373a5b;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 20px
}

.featured-block .inner-box .text {
    position: relative;
    color: #373a5b;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8em;
    margin-top: 18px
}

.app-block .inner-box .image-column .image img, .app-osaas-journey-section .video-column .inner-column .image img, .app-osaas-process-block-four .inner-box .image-column .image img, .app-osaas-process-block-three .inner-box .image-column .image img, .app-osaas-process-block-two .inner-box .image-column .image img, .app-osaas-service-detail-section .image img, .blog-detail .inner-box .image img, .news-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.app-block .inner-box .content-column .icon {
    position: relative;
    color: #fff;
    font-size: 36px;
    z-index: 1
}

.app-block .inner-box .content-column .text, .counter-section .content-column .text {
    font-size: 16px;
    font-weight: 400;
    margin-top: 22px;
    position: relative;
    color: #373a5b;
    line-height: 1.8em;
    margin-bottom: 25px
}

.ct-dot-animated.top-slider {
    height: calc(100% + 330px);
    height: -webkit-calc(100% + 330px);
    margin-top: -330px
}

@keyframes dotAnimatedBottomToTop1 {
    0%, 100% {
        bottom: 14%
    }
    50% {
        bottom: 100%
    }
}

@keyframes dotAnimatedBottomToTop2 {
    0% {
        bottom: 64%
    }
    50% {
        bottom: 0
    }
    100% {
        bottom: 100%
    }
}

@keyframes dotAnimatedBottomToTop3 {
    0%, 100% {
        bottom: 5%
    }
    50% {
        bottom: 100%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0%, 100% {
        bottom: 78%
    }
    50% {
        bottom: 0
    }
}

@keyframes dotAnimatedBottomToTop5 {
    0%, 100% {
        bottom: 46%
    }
    50% {
        bottom: 0
    }
}

@keyframes dotAnimatedBottomToTop6 {
    0%, 100% {
        bottom: 27%
    }
    50% {
        bottom: 100%
    }
}

.counter-section .content-column .inner-column {
    position: relative;
    padding-top: 120px
}

.counter-section .content-column .text {
    max-width: 440px
}

.counter-section .flower-image .image {
    position: relative;
    width: 331px;
    height: 272px
}

.fact-counter .column:nth-child(2) {
    top: 95px
}

.fact-counter .column:nth-child(4) {
    margin-top: 95px
}

.fact-counter .column .inner {
    padding: 35px 32px 38px;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 0 0 55px rgba(0, 0, 0, .1)
}

.fact-counter .column .inner .content .icon {
    position: relative;
    width: 48px;
    height: 48px;
    color: #0184fd;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #def
}

.fact-counter .column:nth-child(2) .inner .content .icon {
    color: #31bb56;
    background-color: #d5fcdb
}

.fact-counter .column:nth-child(3) .inner .content .icon {
    color: #f24548;
    background-color: #fbdddd
}

.fact-counter .column:nth-child(4) .inner .content .icon {
    color: #9426d5;
    background-color: #fcd9fa
}

.topapp-screenshot-slider .swiper-slide.swiper-slide-active {
    border-radius: 50px;
    background-size: 100% 97%
}

.topapp-screenshot-slider .swiper-slide.swiper-slide-next {
    -webkit-box-shadow: 30px 0 20px rgba(0, 0, 0, .18);
    box-shadow: 30px 0 20px rgba(0, 0, 0, .18)
}

.topapp-screenshot-slider .swiper-slide.swiper-slide-prev {
    -webkit-box-shadow: -30px 0 20px rgba(0, 0, 0, .18);
    box-shadow: -30px 0 20px rgba(0, 0, 0, .18)
}


.topapp-screenshot-slider .row.appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {
    height: 658px
}

.bubbles-wrapper .bubble.top-initial:first-child {
    top: 0
}

.bubbles-wrapper .bubble.top-initial:nth-child(2), .bubbles-wrapper .bubble.top-initial:nth-child(7) {
    top: 10%
}

.bubbles-wrapper .bubble.top-initial:nth-child(3) {
    top: 8%
}

.bubbles-wrapper .bubble.top-initial:nth-child(14), .bubbles-wrapper .bubble.top-initial:nth-child(4) {
    top: 6%
}

.bubbles-wrapper .bubble.top-initial:nth-child(5) {
    top: 50%
}

.bubbles-wrapper .bubble.top-initial:nth-child(6) {
    top: 70%
}

.bubbles-wrapper .bubble.top-initial:nth-child(8) {
    top: 5%
}

.bubbles-wrapper .bubble.top-initial:nth-child(9) {
    top: 51%
}

.bubbles-wrapper .bubble.top-initial:nth-child(10), .bubbles-wrapper .bubble.top-initial:nth-child(16) {
    top: 45%
}

.bubbles-wrapper .bubble.top-initial:nth-child(11) {
    top: 95%
}

.bubbles-wrapper .bubble.top-initial:nth-child(12) {
    top: 92%
}

.bubbles-wrapper .bubble.top-initial:nth-child(13), .bubbles-wrapper .bubble.top-initial:nth-child(15) {
    top: 78%
}

@media (min-width: 992px) {
    .bubbles-wrapper .bubble:first-child {
        -webkit-animation: 15.8s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 15.8s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(2) {
        -webkit-animation: 21.7s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 21.7s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(3) {
        -webkit-animation: 28.8s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 28.8s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(15), .bubbles-wrapper .bubble:nth-child(4) {
        -webkit-animation: 19.8s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 19.8s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(5) {
        -webkit-animation: 19.5s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 19.5s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(6) {
        -webkit-animation: 22.7s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 22.7s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(7) {
        -webkit-animation: 27.5s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 27.5s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(8) {
        -webkit-animation: 23s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 23s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(9) {
        -webkit-animation: 19.4s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 19.4s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(10) {
        -webkit-animation: 18.2s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 18.2s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(11) {
        -webkit-animation: 16.4s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 16.4s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(12) {
        -webkit-animation: 17.8s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 17.8s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(13) {
        -webkit-animation: 19.2s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 19.2s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(14) {
        -webkit-animation: 12.2s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 12.2s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }

    .bubbles-wrapper .bubble:nth-child(16) {
        -webkit-animation: 20.6s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v;
        animation: 20.6s linear infinite bubble-v, 2s ease-in-out infinite alternate shake-v
    }
}

@media (min-width: 768px) {
    .integration-bubbles .bubble {
        bottom: 0 !important
    }

    @-webkit-keyframes floating {
        from, to {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0)
        }
        65% {
            -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px)
        }
    }@keyframes floating {
         from, to {
             -webkit-transform: translate(0, 0);
             transform: translate(0, 0)
         }
         65% {
             -webkit-transform: translate(0, 10px);
             transform: translate(0, 10px)
         }
     }.floating {
          -webkit-animation: 4s ease-in-out infinite floating;
          animation: 4s ease-in-out infinite floating;
          -webkit-filter: none;
          filter: none
      }

    @-webkit-keyframes fade-out {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }@keyframes fade-out {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0
         }
     }@-webkit-keyframes bubble-v {
          0% {
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }
          100% {
              -webkit-transform: translateY(-640px);
              transform: translateY(-640px)
          }
      }@keyframes bubble-v {
           0% {
               -webkit-transform: translateY(0);
               transform: translateY(0)
           }
           100% {
               -webkit-transform: translateY(-640px);
               transform: translateY(-640px)
           }
       }@-webkit-keyframes bubble-v-left {
            0% {
                margin-bottom: 0;
                opacity: .1
            }
            20% {
                opacity: 1
            }
            100% {
                margin-bottom: 640px;
                opacity: 1;
                left: 0
            }
        }@keyframes bubble-v-left {
             0% {
                 margin-bottom: 0;
                 opacity: .1
             }
             20% {
                 opacity: 1
             }
             100% {
                 margin-bottom: 640px;
                 opacity: 1;
                 left: 0
             }
         }@-webkit-keyframes bubble-v-right {
              0% {
                  margin-bottom: 0;
                  opacity: .1
              }
              20% {
                  opacity: 1
              }
              100% {
                  margin-bottom: 640px;
                  opacity: 1;
                  left: 100%
              }
          }@keyframes bubble-v-right {
               0% {
                   margin-bottom: 0;
                   opacity: .1
               }
               20% {
                   opacity: 1
               }
               100% {
                   margin-bottom: 640px;
                   opacity: 1;
                   left: 100%
               }
           }@-webkit-keyframes shake-v {
                0% {
                    margin-left: 0
                }
                100% {
                    margin-left: 20px
                }
            }@keyframes shake-v {
                 0% {
                     margin-left: 0
                 }
                 100% {
                     margin-left: 20px
                 }
             }button:focus {
                  outline: 0
              }

    .btn {
        -webkit-transition: .3s;
        transition: .3s;
        text-decoration: none;
        letter-spacing: 1.45px;
        font-weight: 400;
        padding: .5rem 1.25rem;
        font-size: .75rem;
        line-height: 1.5;
        border-radius: .25rem;
        white-space: normal;
        text-align: left
    }
}

a.badge-contrast.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.pricing-tabs .tabs-content .tab {
    position: relative;
    display: none;
    transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transform: translateY(60px)
}

.pricing-tabs .tabs-content .tab .content .guarantee .circle {
    position: relative;
    width: 18px;
    height: 18px;
    top: 3px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 50px;
    border: 2px solid #2bb852
}

.pricing-tabs .tabs-content .tab .content .guarantee .circle:before {
    position: absolute;
    content: "";
    left: 5px;
    top: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background-color: #2bb852
}

.pricing-tabs .tabs-content .tab.active-tab {
    display: block;
    transform: translateY(0)
}

.pricing-tabs .tab-buttons .boll .round.boll-right {
    transform: translateX(45px)
}

.faq-section .inner-container .question strong, .pricing-tabs .tab-buttons .tab-btn.active-btn {
    color: #373a5b
}

.price-block .inner-box {
    position: relative;
    text-align: center;
    border-radius: 7px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, .2)
}

.price-block .inner-box:before {
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background-color: #9127d3;
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s
}

.agency-projects .agnecy-projects-slider .center .grid, .agency-services .agency-services-grids > .agency-services .grid:hover:before, .agency-services .agency-services-grids > div:nth-child(2) .grid:before, .agency-services .grid:hover .animated-svg-icon-s4, .app-osaas-cources-tabs .tab-btns .tab-btn.active-btn::before, .app-osaas-engineer-block .inner-box .owl-dots .owl-dot.active, .app-osaas-main-header.light-version .app-osaas-main-menu .navigation > li.current > a, .app-osaas-main-header.light-version .app-osaas-main-menu .navigation > li:hover > a, .app-osaas-main-menu .navigation > li.current > a, .app-osaas-main-menu .navigation > li:hover > a, .app-osaas-platform-section .platform-tabs .tab-btns .tab-btn.active-btn::before, .app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn.active-btn, .app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn.active-btn::after, .app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn.active-btn::before, .app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn.active-btn, .app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn.active-btn::before, .app-screenshot .owl-stage-outer .active img, .app-team-grids .grid:hover .details:after, .appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi.slick-current.slick-center span, .cyb-testimonial-slider .owl-item.active, .demo-section li.filtr-active:after, .header-style-three .app-osaas-main-menu .navigation > li.current::after, .header-style-three .app-osaas-main-menu .navigation > li:hover::after, .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active, .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .next.left, .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .prev.right, .it-up-blog-slide .owl-dots .owl-dot.active:before, .it-up-blog-slide .owl-item.active, .it-up-testimonial-slider-wrap .owl-dots .owl-dot.active:before, .it-up-testimonial-slider-wrap .owl-item.active, .price-block .inner-box:hover::before, .review-slide-area.owl-carousel .owl-stage-outer .owl-item.active, .str-feature-section .str-feature-content .owl-stage-outer .owl-item.active, .web-app-banner-section .no-js .cd-words-wrapper b.is-visible, .web-app-testimonial-section .web-app-testimonial-slider-wrap .owl-item.active,

100
%
{
    opacity: 1
}
.price-block .inner-box .upper-box .title {
    position: relative;
    color: #373a5b;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 10px;
    text-transform: uppercase;
    transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    font-family: poppins, sans-serif
}

.faq-section .inner-container .question {
    position: relative;
    text-align: center;
    color: #606272;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
    font-family: poppins, sans-serif
}

.faq-section .inner-container .question a {
    position: relative;
    color: #606272;
    text-decoration: underline
}

.faq-section .faq-column .text {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 12px
}

.faq-section .faq-column .text a {
    position: relative;
    color: #373a5b;
    text-decoration: underline
}

.blog-section .topapp-sec-title .text {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.9em;
    margin-top: 60px
}

.news-block .inner-box .lower-content {
    position: relative;
    padding-top: 25px
}

.news-block .inner-box .lower-content .post-meta li, .news-block-two .inner-box .content-column .post-meta li {
    position: relative;
    color: #777a91;
    font-size: 14px;
    margin-right: 12px;
    display: inline-block;
    font-family: poppins, sans-serif
}

.news-block .inner-box .lower-content .post-meta li .icon, .news-block-two .inner-box .content-column .post-meta li .icon {
    position: relative;
    margin-right: 7px;
    color: #777a91
}

.news-block .inner-box .lower-content h3 {
    position: relative;
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 700;
    margin-top: 12px;
    font-family: poppins, sans-serif
}

.news-block .inner-box .lower-content h3 a {
    position: relative;
    color: #373a5b;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.news-block .inner-box .lower-content h3 a:hover {
    color: #0385fc
}

.news-block .inner-box .lower-content .text {
    position: relative;
    font-size: 16px;
    color: #373a5b;
    line-height: 1.8em;
    font-weight: 400;
    margin-top: 12px
}

.team-section .team-carousel .owl-item.center .team-block .image img {
    max-width: 100%;
    margin: 0 auto
}

.team-section .team-carousel .owl-item.center .team-block .team-block .inner-box .lower-content h3 {
    font-size: 24px
}

.team-section .team-carousel .owl-item.center .team-block .inner-box .lower-content {
    padding-top: 30px
}

.app-osaas-fact-counter-three .column .inner, .app-osaas-fact-counter-two .column .inner, .app-osaas-feature-block-five .inner-box, .app-osaas-updates-section .info-column .info-block .inner-box, .fact-counter .column .inner, .page-title .content, .team-block .inner-box, .work-block .inner-box {
    position: relative;
    text-align: center
}

.app-osaas-gallery-block .overlay-inner .link .icon, .app-osaas-platform-section .platform-tabs .tabs-content .image, .team-block .inner-box .image {
    position: relative;
    z-index: 1
}

.team-block .inner-box .image:after, .team-block .inner-box .image:before {
    z-index: -1;
    display: none;
    border-radius: 0
}

.team-block .inner-box .image img {
    position: relative;
    top: 2px;
    left: 5px
}

.team-block .inner-box .image:before {
    position: absolute;
    content: "";
    left: -8px;
    right: 0;
    bottom: 0;
    width: 360px;
    height: 360px;
    margin: 0 auto;
    z-index: -1;
    background-image: -ms-linear-gradient(left, #9426d5 0, #e642dc 100%);
    background-image: -moz-linear-gradient(left, #9426d5 0, #e642dc 100%);
    background-image: -o-linear-gradient(left, #9426d5 0, #e642dc 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9426d5), color-stop(100, #e642dc));
    background-image: -webkit-linear-gradient(left, #9426d5 0, #e642dc 100%);
    background-image: linear-gradient(to right, #9426d5 0, #e642dc 100%)
}

.team-block.style-two .inner-box .image:before {
    background: url(../img/topapp/background/team-bg-1.png) no-repeat
}

.team-block.style-three .inner-box .image:before {
    background-image: -ms-linear-gradient(left, #0084fd 0, #62d0ff 100%);
    background-image: -moz-linear-gradient(left, #0084fd 0, #62d0ff 100%);
    background-image: -o-linear-gradient(left, #0084fd 0, #62d0ff 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0084fd), color-stop(100, #62d0ff));
    background-image: -webkit-linear-gradient(left, #0084fd 0, #62d0ff 100%);
    background-image: linear-gradient(to right, #0084fd 0, #62d0ff 100%)
}

.team-block .inner-box .image:after {
    position: absolute;
    content: "";
    z-index: -1;
    width: 295px;
    height: 295px;
    margin: -110px auto 0 -152px;
    background-color: #eff3ff
}

.team-block .inner-box .lower-content {
    position: relative;
    padding-top: 60px
}

.team-block .inner-box .lower-content h3 {
    position: relative;
    color: #373a5b;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em
}

.contact-section .info-column .inner-column {
    position: relative;
    padding: 120px 0 110px
}

.contact-section .info-column .info-list li .icon {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    font-size: 36px;
    line-height: 1em;
    background: -webkit-gradient(linear, left top, right top, from(#2bb852), color-stop(98%, #6ede4c), to(#6ede4c));
    background: linear-gradient(to right, #2bb852 0, #6ede4c 98%, #6ede4c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.contact-section .info-column .info-list li:nth-child(2) .icon, .topapp-main .contact-section .info-column .info-list li:nth-child(2) .icon i {
    background: -webkit-gradient(linear, left top, right top, from(#9828d5), color-stop(98%, #de3fdb), to(#de3fdb));
    background: linear-gradient(to right, #9828d5 0, #de3fdb 98%, #de3fdb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.contact-section .info-column .info-list li:nth-child(3) .icon, .topapp-main .contact-section .info-column .info-list li:nth-child(3) .icon i {
    background: -webkit-gradient(linear, left top, right top, from(#0084fd), color-stop(98%, #69d6ff), to(#69d6ff));
    background: linear-gradient(to right, #0084fd 0, #69d6ff 98%, #69d6ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@-webkit-keyframes banner-animate {
    0%, 100% {
        -webkit-transform: translateX(-1 e3px);
        transform: translateX(-1 e3px)
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@keyframes banner-animate {
    0%, 100% {
        -webkit-transform: translateX(-1 e3px);
        transform: translateX(-1 e3px)
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

.subscribe-section .email {
    position: relative;
    color: #373a5b;
    font-size: 14px;
    max-width: 760px;
    margin: 12px auto 0;
    font-family: poppins, sans-serif
}

.main-footer .logo-widget .text {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 25px
}

.main-footer .email-widget .text {
    position: relative;
    color: #373a5b;
    font-size: 14px;
    margin-bottom: 18px;
    font-family: poppins, sans-serif
}

.app-documentation-section .content-part .box, .app-osaas-sidebar-page-container .content-side, .elementor-widget:not(:last-child), .sidebar-page-container .content-side, ul.children {
    margin-bottom: 40px
}

.blog-cat li.active a, .popular-posts .post a:hover {
    color: #369efd
}

.popular-posts .post, .popular-posts > ul > li {
    position: relative;
    font-size: 14px;
    color: #666;
    min-height: 100px;
    padding-left: 90px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e2e2e7
}

.popular-posts .post:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    min-height: auto
}

.popular-posts .post .text {
    position: relative;
    top: 0;
    font-size: 16px;
    margin: 0 0 3px;
    font-weight: 600;
    color: #373a5b;
    line-height: 1.5em;
    text-transform: capitalize;
    font-family: poppins, sans-serif
}

.popular-posts .post .text a {
    color: #373a5b;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.news-block-two .inner-box {
    position: relative;
    border-radius: 9px;
    overflow: hidden;
    box-shadow: 0 0 35px rgba(0, 0, 0, .15)
}

.news-block-two .inner-box .image-column .image {
    position: relative;
    overflow: hidden;
    background-color: #000
}

.news-block-two .inner-box .image-column .image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.news-block-two .inner-box:hover .image-column .image img {
    transform: scale(1.04, 1.04);
    opacity: .7
}

.news-block-two .inner-box .content-column .inner-column {
    position: relative;
    border: 1px solid #efefef;
    border-left: 0;
    border-bottom: 0;
    padding-top: 22px;
    padding-right: 30px
}

.news-block-two .inner-box .content-column .post-meta {
    position: relative;
    margin-top: 10px
}

.news-block-two .inner-box .content-column .text {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 12px;
    margin-bottom: 8px
}

.news-block-two .inner-box .content-column .read-more .fa {
    position: absolute;
    left: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.news-block-two .inner-box .content-column .read-more:hover .fa {
    left: 100%
}

.styled-pagination li.active a {
    color: #fff;
    background-color: #0787fc
}

.styled-pagination li.next a, .styled-pagination li.prev a {
    font-size: 10px;
    color: #fff;
    background-color: #0787fc
}

.blog-detail .inner-box .lower-content {
    position: relative;
    padding: 25px
}

.blog-detail .inner-box .lower-content .post-meta {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececf0
}

.blog-detail .inner-box .lower-content .post-meta:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    width: 50px;
    height: 3px;
    background-image: -ms-linear-gradient(left, #0586fc 0, #65b5ff 100%);
    background-image: -moz-linear-gradient(left, #0586fc 0, #65b5ff 100%);
    background-image: -o-linear-gradient(left, #0586fc 0, #65b5ff 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0586fc), color-stop(100, #65b5ff));
    background-image: -webkit-linear-gradient(left, #0586fc 0, #65b5ff 100%);
    background-image: linear-gradient(to right, #0586fc 0, #65b5ff 100%)
}

.blog-detail .inner-box .lower-content .post-meta li {
    position: relative;
    color: #9b9b9b;
    font-size: 14px;
    padding-right: 15px;
    margin-right: 12px;
    font-weight: 500;
    display: inline-block;
    font-family: poppins, sans-serif
}

.blog-detail .inner-box .lower-content .post-meta li:before {
    position: absolute;
    right: -2px;
    top: 0;
    content: "/";
    color: #9b9b9b
}

.blog-detail .inner-box .lower-content .post-meta li:last-child {
    margin-right: 0;
    padding-right: 0
}

.app-osaas-customize-block .inner-box .image, .blog-detail .inner-box .lower-content .text {
    position: relative;
    margin-top: 25px
}

.blog-detail .inner-box .lower-content .text p {
    position: relative;
    color: #000;
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 22px;
    font-family: Poppins, Arial, sans-serif !important
}

.blog-detail .inner-box .lower-content .text p span {
    text-decoration: underline
}

.blog-detail .inner-box .lower-content h4 {
    position: relative;
    font-weight: 700;
    color: #373a5b;
    line-height: 1.5em;
    margin-bottom: 15px
}

.blog-detail .inner-box .lower-content strong {
    position: relative;
    font-weight: 700;
    color: #373a5b;
    font-size: 16px;
    display: block;
    line-height: 1.5em;
    margin-bottom: 15px
}

.app-osaas-banner-section-five .image-column .inner-column, .app-osaas-fact-counter-three .column, .app-osaas-fact-counter-two .column, .blog-detail .inner-box .lower-content .images-column .image, .fact-counter .column {
    position: relative;
    margin-bottom: 30px
}

.blog-detail .post-share-options .social-links li.twitter a {
    background-color: #55acee
}

.blog-detail .post-share-options .social-links li.google-plus a {
    background-color: #dd4b39
}

.blog-detail .post-share-options .social-links li.dribble a {
    background-color: #cd339a
}

.sidebar-page-container .comments-area .comment-box .text {
    color: #383838;
    font-size: 15px;
    margin-top: 16px;
    line-height: 1.8em;
    margin-bottom: 0;
    font-family: poppins, sans-serif
}

.app-osaas-instagram-widget .row, .comment-form .row {
    margin: 0 -7px
}

.contact-form input.error, .contact-form select.error, .contact-form textarea.error, .default-form input.error, .default-form select.error, .default-form textarea.error {
    border-color: red !important
}

.contact-form label.error, .default-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: red;
    font-weight: 500
}

.banner-section .carousel-column .inner-column .slides-box .mobile-small-image.visible {
    opacity: 1;
    right: -150px;
    visibility: visible
}

.banner-section .carousel-column .inner-column .slides-box .heart-image-icon.visible-heart {
    opacity: 1;
    top: 50px;
    visibility: visible
}

.banner-section .carousel-column .inner-column .slides-box .plus-small-image.visible-plus {
    opacity: 1;
    right: -8px;
    visibility: visible
}

.banner-section .carousel-column .inner-column .slides-box .image {
    border-radius: 18px;
    overflow: hidden
}

.banner-section .carousel-column .inner-column .pager-box .inner-box:before {
    position: absolute;
    content: "";
    left: -65px;
    right: 0;
    bottom: 20px;
    width: 374px;
    height: 377px;
    background: url(../img/topapp/background/pattern-1.png) no-repeat
}

.banner-section .carousel-column .inner-column .pager-box .pager.one {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
    background-color: #f3454a;
    box-shadow: 0 5px 10px rgba(243, 69, 74, .35);
    position: relative;
    left: 0;
    bottom: 0;
    margin: 0;
    display: inline-block
}

.banner-section .carousel-column .inner-column .pager-box .pager.one:hover {
    background-color: #d74246
}

.banner-section .carousel-column .inner-column .pager-box .pager.two {
    width: 72px;
    height: 72px;
    font-size: 36px;
    line-height: 72px;
    text-align: center;
    border-radius: 50px;
    background-color: #71bbff;
    position: relative;
    left: 0;
    margin: 0;
    bottom: 0;
    display: inline-block
}

.banner-section .carousel-column .inner-column .pager-box .pager.two:hover {
    background-color: #65a9e7
}

.banner-section .carousel-column .inner-column .pager-box .pager.three {
    width: 86px;
    height: 86px;
    font-size: 48px;
    line-height: 86px;
    text-align: center;
    border-radius: 50px;
    background-color: #b0f48b;
    position: relative;
    bottom: 0;
    left: 0;
    margin: 0;
    display: inline-block
}

.banner-section .carousel-column .inner-column .pager-box .pager.three:hover {
    background-color: #97cf78
}

.testimonials-thumbs-carousel .carousel-indicators li .image:before {
    position: absolute;
    content: "";
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    z-index: -1;
    border-radius: 50px;
    border: 10px solid rgba(209, 214, 220, .8)
}

.testimonial-block .inner-box {
    padding-left: 140px;
    padding-top: 65px
}

.steps-section .carousel-column .carousel-inner .content img {
    position: relative;
    border-radius: 25px
}

.steps-section .blocks-column .inner-column .carousel-indicators li .icon {
    position: absolute;
    left: 45px;
    top: 0;
    font-size: 44px;
    width: 75px;
    height: 70px;
    font-weight: 400;
    border-radius: 8px;
    text-align: center;
    line-height: 70px;
    display: inline-block;
    z-index: 1;
    text-indent: inherit;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    box-shadow: 0 10px 15px rgba(0, 132, 253, .15)
}

.steps-section .blocks-column .inner-column .carousel-indicators li .icon i {
    position: relative;
    z-index: 2;
    font-weight: 500;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    background: -webkit-gradient(linear, left top, right top, from(#0084fd), color-stop(98%, #41b7fe), to(#41b7fe));
    background: linear-gradient(to right, #0084fd 0, #41b7fe 98%, #41b7fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2) .icon {
    box-shadow: 0 10px 15px rgba(147, 39, 213, .15)
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2) .icon i {
    background: -webkit-gradient(linear, left top, right top, from(#9426d5), color-stop(98%, #eb44dc), to(#eb44dc));
    background: linear-gradient(to right, #9426d5 0, #eb44dc 98%, #eb44dc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3) .icon {
    box-shadow: 0 10px 15px rgba(242, 66, 69, .15)
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3) .icon i {
    background: -webkit-gradient(linear, left top, right top, from(#f24245), color-stop(98%, #fc8b8b), to(#fc8b8b));
    background: linear-gradient(to right, #f24245 0, #fc8b8b 98%, #fc8b8b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.steps-section .blocks-column .inner-column .carousel-indicators li .number {
    position: absolute;
    left: 0;
    top: 0;
    color: #daddf1;
    font-size: 72px;
    font-weight: 700;
    border-radius: 8px;
    text-align: center;
    line-height: 1em;
    display: inline-block;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    font-family: poppins, sans-serif
}

.steps-section .blocks-column .inner-column .carousel-indicators li:first-child.active .icon, .steps-section .blocks-column .inner-column .carousel-indicators li:first-child:hover .icon {
    background-image: -ms-linear-gradient(left, #0084fd 0, #45b9fe 100%);
    background-image: -moz-linear-gradient(left, #0084fd 0, #45b9fe 100%);
    background-image: -o-linear-gradient(left, #0084fd 0, #45b9fe 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0084fd), color-stop(100, #45b9fe));
    background-image: -webkit-linear-gradient(left, #0084fd 0, #45b9fe 100%);
    background-image: linear-gradient(to right, #0084fd 0, #45b9fe 100%)
}

.steps-section .blocks-column .inner-column .carousel-indicators li:first-child.active .icon i, .steps-section .blocks-column .inner-column .carousel-indicators li:first-child:hover .icon i {
    color: #fff;
    -webkit-text-fill-color: inherit
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2).active .icon, .steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2):hover .icon {
    background-image: -ms-linear-gradient(left, #9326d5 0, #ec44dd 100%);
    background-image: -moz-linear-gradient(left, #9326d5 0, #ec44dd 100%);
    background-image: -o-linear-gradient(left, #9326d5 0, #ec44dd 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9326d5), color-stop(100, #ec44dd));
    background-image: -webkit-linear-gradient(left, #9326d5 0, #ec44dd 100%);
    background-image: linear-gradient(to right, #9326d5 0, #ec44dd 100%)
}

.sec-title.style-four.light .title, .steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2).active .icon i, .steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2):hover .icon i, .steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3).active .icon i, .steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3):hover .icon i {
    color: #fff;
    -webkit-text-fill-color: inherit
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3).active .icon, .steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3):hover .icon {
    background-image: -ms-linear-gradient(left, #f24346 0, #fc8b8b 100%);
    background-image: -moz-linear-gradient(left, #f24346 0, #fc8b8b 100%);
    background-image: -o-linear-gradient(left, #f24346 0, #fc8b8b 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f24346), color-stop(100, #fc8b8b));
    background-image: -webkit-linear-gradient(left, #f24346 0, #fc8b8b 100%);
    background-image: linear-gradient(to right, #f24346 0, #fc8b8b 100%)
}

.galaxy .post-thumbnail img {
    max-width: 100%;
    height: auto
}

.galaxy .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.galaxy .mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.appseo-banner-section .cd-headline.rotate-3 b, .galaxy .mfp-with-zoom.mfp-removing.mfp-bg, .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.left, .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.right, .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .item, .web-app-banner-section .cd-headline.push b {
    opacity: 0
}

.agency-services .grid .icon i, .app-documentation-section .box .icon i, .app-landing-features .feature .icon i, .how-app-works .box .icon i {
    font-size: 55px;
    background: -webkit-linear-gradient(#44d8c1, #5581f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.dynamic-counter .start-count .icon i {
    font-size: 42px;
    background: -webkit-linear-gradient(#44d8c1, #5581f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.agency-services .grid .icon svg, .app-landing-features .feature .icon svg, .how-app-works .box .icon svg {
    width: 100%;
    height: 60px
}

#contact-form label.error, #contact-form2 label.error {
    color: red;
    font-size: .875rem;
    font-weight: 400;
    margin: 5px 0 0
}

#contact-form #error, #contact-form #success, #contact-form2 #error, #contact-form2 #success {
    width: 100%;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    text-align: center;
    display: none
}

#contact-form #success, #contact-form2 #success {
    background-color: #009a00;
    border-left: 5px solid green;
    margin-bottom: 5px
}

#contact-form #error, #contact-form2 #error {
    background-color: #ff1a1a;
    border-left: 5px solid red
}

.galaxy .form input, .galaxy .form select, .galaxy .form textarea {
    border-color: #bfbfbf;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #595959
}

.galaxy .form input:focus, .galaxy .form select:focus, .galaxy .form textarea:focus {
    border-color: #30d4ba;
    -webkit-box-shadow: 0 0 5px 0 #5addc8;
    -moz-box-shadow: 0 0 5px 0 #5addc8;
    -o-box-shadow: 0 0 5px 0 #5addc8;
    -ms-box-shadow: 0 0 5px 0 #5addc8;
    box-shadow: 0 0 5px 0 #5addc8
}

.galaxy .form ::-webkit-input-placeholder {
    font-style: italic;
    color: #595959
}

.galaxy .form :-moz-placeholder {
    font-style: italic;
    color: #595959
}

.galaxy .form ::-moz-placeholder {
    font-style: italic;
    color: #595959
}

.galaxy .form :-ms-input-placeholder {
    font-style: italic;
    color: #595959
}

.galaxy .form select {
    font-style: italic;
    background: url(../img/galaxy/select-icon.png) right center no-repeat;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer
}

.galaxy .form select::-ms-expand {
    display: none
}

.galaxy .page-title > .container {
    position: relative;
    height: 480px;
    z-index: 100
}

.galaxy .page-title .title-box .breadcrumb > li + li:before {
    content: "\f105";
    font-family: "font awesome\ 5 free";
    color: #fff;
    padding: 0 5px;
    font-weight: 600
}

@-webkit-keyframes fstBox {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
        border-radius: 0
    }
    60% {
        -webkit-transform: translate(-30px, -20px) rotate(-180deg);
        transform: translate(-30px, -20px) rotate(-180deg);
        border-radius: 50%
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-360deg);
        transform: translate(0, 0) rotate(-360deg);
        border-radius: 0
    }
}

@keyframes fstBox {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
        border-radius: 0
    }
    60% {
        -webkit-transform: translate(-30px, -20px) rotate(-180deg);
        transform: translate(-30px, -20px) rotate(-180deg);
        border-radius: 50%
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-360deg);
        transform: translate(0, 0) rotate(-360deg);
        border-radius: 0
    }
}

@-webkit-keyframes secBox {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
        border-radius: 0
    }
    60% {
        -webkit-transform: translate(30px, -20px) rotate(-180deg);
        transform: translate(30px, -20px) rotate(-180deg);
        border-radius: 50%
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-360deg);
        transform: translate(0, 0) rotate(-360deg);
        border-radius: 0
    }
}

@keyframes secBox {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
        border-radius: 0
    }
    60% {
        -webkit-transform: translate(30px, -20px) rotate(-180deg);
        transform: translate(30px, -20px) rotate(-180deg);
        border-radius: 50%
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-360deg);
        transform: translate(0, 0) rotate(-360deg);
        border-radius: 0
    }
}

@-webkit-keyframes trdBox {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
        border-radius: 0
    }
    60% {
        -webkit-transform: translate(-30px, 20px) rotate(-180deg);
        transform: translate(-30px, 20px) rotate(-180deg);
        border-radius: 50%
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-360deg);
        transform: translate(0, 0) rotate(-360deg);
        border-radius: 0
    }
}

@keyframes trdBox {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
        border-radius: 0
    }
    60% {
        -webkit-transform: translate(-30px, 20px) rotate(-180deg);
        transform: translate(-30px, 20px) rotate(-180deg);
        border-radius: 50%
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-360deg);
        transform: translate(0, 0) rotate(-360deg);
        border-radius: 0
    }
}

@-webkit-keyframes frtBox {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
        border-radius: 0
    }
    60% {
        -webkit-transform: translate(30px, 20px) rotate(-180deg);
        transform: translate(30px, 20px) rotate(-180deg);
        border-radius: 50%
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-360deg);
        transform: translate(0, 0) rotate(-360deg);
        border-radius: 0
    }
}

@keyframes frtBox {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
        border-radius: 0
    }
    60% {
        -webkit-transform: translate(30px, 20px) rotate(-180deg);
        transform: translate(30px, 20px) rotate(-180deg);
        border-radius: 50%
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-360deg);
        transform: translate(0, 0) rotate(-360deg);
        border-radius: 0
    }
}

.app-team-grids .grid {
    text-align: center;
    position: relative;
    overflow: hidden
}

.app-team-grids .grid .details {
    width: 100%;
    padding-bottom: 10px;
    position: absolute;
    left: 0;
    bottom: -70px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s
}

.app-team-grids .grid .details:after {
    content: "";
    background: url(../img/galaxy/app-landing/team/shadow.png) center center/cover no-repeat local;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s
}

.app-team-grids .grid:hover .details {
    bottom: 0
}

.app-team-grids .grid .details h3 {
    font-family: arimo, sans-serif;
    font-size: 1.5rem;
    margin: 0 0 .25em
}

@media (max-width: 1199px) {
    .animated-svg-icon-s1, .animated-svg-icon-s2, .animated-svg-icon-s3, .animated-svg-icon-s4 {
        height: 50px
    }

    .app-btn-s1 {
        height: 40px;
        line-height: 40px;
        padding: 0 25px
    }

    .agency-btn-s1 {
        height: 40px;
        line-height: 40px;
        padding: 0 50px 0 20px;
        font-size: .9375rem
    }

    .agency-btn-s1 span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        right: 5px
    }

    .agency-btn-s2, .product-landing-btn {
        height: 40px;
        line-height: 40px;
        padding: 0 35px
    }

    .product-landing-btn-s2 {
        width: 140px;
        height: 40px;
        line-height: 40px
    }

    .product-landing-btn-s2:before {
        width: 136px;
        height: 36px
    }

    .app-team-grids .grid .details h3 {
        font-size: 1.125rem
    }

    .app-pricing-grids .pricing-header .package {
        font-size: 1.25rem
    }
}

.app-team-grids .grid .details .post {
    font-size: .875rem;
    display: block
}

@media (max-width: 991px) {
    .galaxy {
        font-size: .9375rem
    }

    .animated-svg-icon-s3, .animated-svg-icon-s4 {
        height: 40px
    }

    .galaxy .section-title, .product-landing-section-title {
        margin-bottom: 40px
    }

    .galaxy .section-title h2, .product-landing-section-title h2 {
        font-size: 2rem
    }

    .product-landing-section-title .sub-title {
        font-size: 1.0625rem
    }

    .galaxy .page-title > .container {
        height: 320px
    }

    .galaxy .page-title .title-box ol li {
        font-size: 1rem
    }

    .app-team-grids .grid .details .post {
        font-size: .75rem
    }

    .app-team-grids .grid .social-links li {
        margin-right: 15px
    }
}

@media (max-width: 767px) {
    .galaxy {
        font-size: .875rem
    }

    .section-padding {
        padding: 70px 0 80px
    }

    .animated-svg-icon-s1, .animated-svg-icon-s2 {
        height: 40px
    }

    .animated-svg-icon-s6 {
        height: 45px
    }

    #contact-form #error, #contact-form #success, #contact-form2 #error, #contact-form2 #success {
        font-size: 15px
    }

    .galaxy .section-title h2, .product-landing-section-title h2 {
        font-size: 1.5625rem;
        line-height: 1.2em;
        padding-bottom: 15px
    }

    .agency-btn-s2, .product-landing-btn {
        height: 36px;
        line-height: 36px;
        padding: 0 25px
    }

    .product-landing-btn-s2 {
        width: 120px;
        height: 36px;
        line-height: 36px
    }

    .product-landing-btn-s2:before {
        width: 116px;
        height: 32px
    }

    .galaxy .page-title .title-box ol li {
        font-size: .9375rem
    }

    .app-pricing-grids {
        margin: 0 -15px
    }
}

.app-pricing-grids .grid {
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 0 15px
}

@media (max-width: 991px) {
    .app-pricing-grids .grid {
        width: 50%;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .app-pricing-grids .grid {
        padding: 0 7.5px;
        margin-bottom: 15px
    }

    .app-pricing-grids .grid-inner {
        padding: 35px 15px
    }
}

.app-pricing-grids .pricing-header .price {
    font-size: 3.75rem;
    color: #333;
    margin: .5em 0 10px;
    display: inline-block;
    position: relative
}

.app-pricing-grids .pricing-header .price span {
    font-size: 1.5rem;
    position: absolute;
    left: -25px;
    top: 10px
}

.app-pricing-grids > .app-pricing-grids > .app-accordion .panel-default > .app-accordion .panel-default >

@media (max-width: 1199px),.app-pricing-grids > .app-pricing-grids > .grid:nth-child(2) .grid-inner span, .app-pricing-grids > .grid:nth-child(2) .grid-inner h3 {
    font-size: 1.125rem
}

    .app-accordion .panel-default > .app-accordion .panel-default > .app-accordion .panel-default > .panel-heading + .panel-collapse >

    @media (max-width: 1199px) {
        font-size:

    1rem
    }.progress-bar-s1 .progress > span {
         font-size: .875rem;
         color: #848484;
         padding: 2px 6px;
         text-align: center;
         position: absolute;
         right: 20px;
         top: -32px;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         -o-border-radius: 3px;
         -ms-border-radius: 3px;
         border-radius: 3px
     }

    .agency-project-grids .grid h3 {
        font-size: 1.375rem;
        font-weight: 400;
        color: #333;
        margin: 0 0 .5em
    }

    .agency-project-grids .grid .view {
        font-size: .875rem;
        font-weight: 400;
        color: #4273f0;
        text-decoration: underline
    }

    .agency-project-grids .grid .view i {
        font-size: .875rem;
        display: inline-block;
        padding-left: 10px
    }

    .agency-blog-grids .grid:after {
        content: "";
        background-color: #e8e6e6;
        width: 100%;
        height: 6px;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .agency-blog-grids .grid:before {
        content: "";
        background-color: #30d4ba;
        background: -webkit-linear-gradient(left, #30d4ba, #4273f0);
        background: -moz-linear-gradient(left, #30d4ba, #4273f0);
        background: -o-linear-gradient(left, #30d4ba, #4273f0);
        background: -ms-linear-gradient(left, #30d4ba, #4273f0);
        background: -webkit-gradient(linear, left top, right top, from(#30d4ba), to(#4273f0));
        background: linear-gradient(left, #30d4ba, #4273f0);
        width: 0;
        height: 6px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 10;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        transition: .3s
    }

    .agency-blog-grids .entry-footer .more {
        font-family: montserrat, sans-serif;
        font-size: .875rem;
        font-weight: 400;
        color: #333;
        text-transform: capitalize;
        float: left
    }

    .agency-blog-grids .entry-footer .more:hover {
        color: #30d4ba !important
    }

    .dots-style1 .owl-controls .owl-dots .active span {
        background: #4273f0;
        background: -webkit-linear-gradient(left, #30d4ba, #4273f0);
        background: -moz-linear-gradient(left, #30d4ba, #4273f0);
        background: -o-linear-gradient(left, #30d4ba, #4273f0);
        background: -ms-linear-gradient(left, #30d4ba, #4273f0);
        background: -webkit-gradient(linear, left top, right top, from(#30d4ba), to(#4273f0));
        background: linear-gradient(left, #30d4ba, #4273f0);
        -webkit-box-shadow: 0 0 0 4px rgba(48, 212, 186, .5);
        -moz-box-shadow: 0 0 0 4px rgba(48, 212, 186, .5);
        -o-box-shadow: 0 0 0 4px rgba(48, 212, 186, .5);
        -ms-box-shadow: 0 0 0 4px rgba(48, 212, 186, .5);
        box-shadow: 0 0 0 4px rgba(48, 212, 186, .5)
    }

    .cv-portfolio-grids .grid {
        width: 33.33%;
        float: left;
        padding: 0 7.5px 15px;
        overflow: hidden
    }

    .cv-portfolio-grids .grid i {
        width: 65px;
        height: 65px;
        line-height: 65px;
        color: #fff;
        text-align: center;
        border: 2px solid #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        opacity: 0;
        z-index: 99;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: .05s;
        -moz-transition: .05s;
        -o-transition: .05s;
        -ms-transition: .05s;
        transition: .05s
    }

    .cv-portfolio-grids .grid i:before {
        font-size: 1.25rem
    }

    .cv-portfolio-grids .grid a {
        display: block;
        z-index: 10
    }

    .cv-portfolio-grids .grid img {
        width: 100%;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s;
        transition: .5s
    }

    .cv-portfolio-grids .grid:hover img {
        -webkit-transform: scale(1.1, 1.1);
        -transform: scale(1.1, 1.1)
    }

    .product-grids .grid {
        background-color: #fff;
        text-align: center;
        padding: 60px 25px
    }

    .blog-sidebar .gallery figure.gallery-item img, img {
        max-width: 100%
    }

    .product-grids .grid h3 {
        font-size: 1.25rem;
        margin: 0 0 .55em
    }

    .product-grids .price {
        font-family: montserrat, sans-serif;
        font-weight: 700;
        display: block;
        color: #30d4ba;
        margin-bottom: 25px;
        padding-top: 7px
    }

    .blog-sidebar .widget {
        margin-bottom: 75px
    }

    .blog-sidebar .archive-widget ul li > a, .blog-sidebar .category-widget ul li > a {
        padding: 13px 0
    }

    .blog-sidebar ul li > a {
        color: #404040;
        position: relative
    }

    .blog-sidebar .recent-post-widget .details h4 a:hover, .blog-sidebar ul li > a:hover, .blog-single-page .tag-share .share li a:hover {
        color: #30d4ba
    }

    .blog-sidebar .recent-post-widget .details > span {
        font-size: 12px;
        color: #666;
        text-transform: uppercase
    }

    .blog-sidebar .recent-post-widget .details h4 {
        font-size: 16px;
        margin: .5em 0;
        text-transform: capitalize
    }

    .app-landing-pricing .switcher-wrapper .tablist .active, .blog-sidebar .recent-post-widget .details h4 a, .it-up-service-tab-btn .nav-tabs .nav-link.active {
        color: #000
    }

    .blog-sidebar .gallery figure.gallery-item {
        width: 33.33%;
        float: left;
        padding: 0 8px 8px 0;
        margin: 0
    }

    .pagination-wrapper .pg-pagination .current {
        background-color: #30d4ba;
        color: #000
    }

    .site-header #navbar > ul > li > a {
        font-family: montserrat, sans-serif;
        font-size: .6875rem;
        color: #848484;
        text-transform: uppercase
    }

    .site-header #navbar > ul > .current-menu-item > a, .site-header #navbar > ul > li > a:focus, .site-header #navbar > ul > li > a:hover {
        text-decoration: none;
        color: #4273f0
    }

    .blog-single-page .tag-share > div:first-child, .galaxy .site-header .lang-social > div, .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-feature-item2.pm-content-left {
        float: left
    }

    .galaxy .site-header .lang {
        padding: 0 25px;
        position: relative;
        height: 90px
    }

    .galaxy .site-header .lang:before {
        content: "";
        background-color: #e4e4e4;
        width: 1px;
        height: 11px;
        position: absolute;
        left: 8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .app-screenshot .app-screenshot-slider-outer .mockup .top, .galaxy .site-header .lang ul {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        left: 50%
    }

    .galaxy .site-header .lang > a {
        height: 90px;
        line-height: 90px;
        display: block
    }

    .galaxy .site-header .lang ul {
        background-color: #fff;
        width: 100px;
        position: absolute;
        top: 110%;
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        transition: .3s
    }

    .galaxy .site-header .lang ul > li {
        border-bottom: 1px solid #e6e6e6
    }

    .galaxy .site-header .lang ul > li a {
        font-size: .6875rem;
        color: #666;
        display: block;
        padding: 5px 10px;
        text-transform: uppercase
    }

    .cv-portfolio .sorting-filters ul li .current, .galaxy .site-header .lang ul > li a:hover {
        color: #4273f0
    }

    .galaxy .site-header .lang ul > li img {
        display: inline-block;
        max-width: 20px;
        margin-right: 5px
    }

    .galaxy .site-header .lang ul > li:last-child {
        border: 0;
        margin: 0
    }

    .galaxy .site-header .lang:hover > ul {
        opacity: 1;
        visibility: visible;
        top: 100%
    }

    .side-menu-inner .logo {
        text-align: center;
        margin-bottom: 40px
    }

    .app-host .inline-block, .appl .inline-block, .blog-single-page .blog-with-sidebar .comments .article .author-meta > div, .blog-single-page .tag-share > div, .homePageThree .host-app-slider-section .content-box .price, .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option, .side-menu-inner .logo img {
        display: inline-block
    }

    .product-landing-pg-header .lang ul {
        -webkit-box-shadow: 0 0 2px 0 #d9d9d9;
        box-shadow: 0 0 2px 0 #d9d9d9
    }

    .hero .container {
        height: 100%;
        display: table
    }

    .hero .container .row {
        display: table-cell;
        vertical-align: middle
    }

    @-webkit-keyframes overlayAnimation {
        from {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }@keyframes overlayAnimation {
         from {
             opacity: 1
         }
         to {
             opacity: 0
         }
     }@media screen and (min-width: 1200px) {
    .hero-s2 .hero-info h1 {
        padding-right: 45px
    }

    .how-app-works .product-landing-section-title p, .how-app-works .section-title p {
        padding: 0 20px
    }
}@media screen and (min-width: 992px) {
    .header-style-2 nav.sticky .container, .header-style-3 nav.sticky .container {
        padding-bottom: 25px
    }

    .site-header #navbar > ul > li > a {
        padding: 35px 15px
    }

    .site-header .navbar-header .open-btn {
        display: none
    }

    .header-style-1 .navigation #navbar {
        margin-right: 145px
    }

    .header-style-2 .navigation-holder, .header-style-3 .navigation-holder {
        margin-right: 100px
    }

    .header-style-2 #navbar > ul > li > a, .header-style-3 #navbar > ul > li > a {
        color: #fff
    }

    .header-style-3 nav.original .navigation-holder {
        opacity: 0;
        visibility: hidden
    }

    .product-landing-pg-header #navbar > ul > li > a {
        position: relative
    }

    .product-landing-pg-header #navbar > ul > li > a:before {
        content: "";
        background-color: #4273f0;
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 0;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s
    }

    .product-landing-pg-header #navbar > ul > .current-menu-item > a:before {
        opacity: 1
    }

    .hero-s2 .hero-info h1 {
        padding-right: 105px
    }

    .app-landing-features .left-col .feature:last-child, .app-landing-features .right-col .feature:last-child {
        margin-bottom: 0;
        border: 0;
        padding-bottom: 0
    }
}@media (max-width: 1199px) {
    .app-pricing-grids .pricing-header .price, .hero-s1 .hero-info h1, .hero-s2 .hero-info h1 {
        font-size: 2.8125rem
    }

    .agency-blog-grids .grid:after, .agency-blog-grids .grid:before {
        height: 4px
    }

    .agency-blog-grids .entry-details {
        padding: 30px 15px
    }

    .agency-blog-grids .entry-details h3 a, .hero-s1 .hero-info h4, .hero-s2 .hero-info h4 {
        font-size: 1.25rem
    }

    .agency-blog-grids .entry-details p {
        font-size: .9375rem
    }

    .cv-portfolio-grids .grid i {
        width: 55px;
        height: 55px;
        line-height: 55px
    }

    .hero-s1 .hero-phone {
        width: 350px;
        height: 312px
    }

    .hero-s2 {
        min-height: 600px
    }

    .home-cv .hero {
        height: 800px
    }

    .home-cv .hero .personal-pic {
        width: 180px;
        height: 180px;
        margin: 50px auto 0
    }
}@media (max-width: 991px) {
    .app-pricing-grids .pricing-header .price span {
        font-size: 1.125rem;
        position: absolute;
        left: -15px;
        top: 8px
    }

    .app-pricing-grids .pricing-header .price {
        font-size: 2.375rem
    }

    .progress-bar-s1 .progress {
        height: 12px
    }

    .progress-bar-s1 .progress > span {
        padding: 0 6px
    }

    .agency-project-grids .grid h3 {
        font-size: 1.125rem
    }

    .cv-portfolio-grids .grid i {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .cv-portfolio-grids .grid i:before {
        font-size: .875rem
    }

    .blog-sidebar .widget {
        margin-bottom: 60px
    }

    .site-header .navbar-header {
        margin-top: -7px
    }

    .site-header #navbar > ul > li a {
        display: block;
        font-size: .75rem
    }

    .site-header .container {
        width: 100%
    }

    .site-header #navbar ul li.current a {
        color: #30d4ba
    }

    .site-header #navbar > ul > li {
        border-bottom: 1px solid #ccc
    }

    .site-header #navbar > ul > li > a {
        padding: 10px 15px 10px 35px
    }

    .galaxy .site-header .lang-social, .hero-s1 .hero-phone, .side-menu-inner, .site-header .navbar-collapse.collapse {
        display: none
    }

    .site-header .navbar-collapse.collapse.in, .site-header .navbar-header .collapse {
        display: block
    }

    .site-header .navbar-nav > li {
        float: none
    }

    .header-style-1 .navigation {
        padding: 7px 0 14px
    }

    .header-style-2 .navigation, .header-style-3 .navigation {
        padding: 5px 10px 10px
    }

    .header-style-3 {
        position: fixed;
        background-color: #30d4ba;
        padding: 5px 0
    }

    .hero {
        height: 500px
    }

    .hero-s2 {
        min-height: 500px
    }

    .home-cv .hero {
        height: 700px;
        margin-top: 68px
    }
}@media (max-width: 767px) {
    .app-pricing-grids .pricing-header .price span {
        font-size: 1rem;
        position: absolute;
        left: -15px;
        top: 5px
    }

    .app-pricing-grids .pricing-header .price {
        font-size: 1.875rem;
        margin-bottom: 0
    }

    .app-accordion .panel-default > .panel-heading a:after {
        display: none
    }

    .agency-blog-grids .entry-details h3 a, .product-grids .grid h3 {
        font-size: 1.125rem
    }

    .agency-blog-grids .entry-footer .comments, .agency-blog-grids .entry-footer .more {
        font-size: .75rem
    }

    .dots-style1 .owl-controls .owl-dots .owl-dot span {
        width: 9px;
        height: 9px;
        margin: 0 9px 0 0
    }

    .dots-style1 .owl-controls .owl-dots .active span {
        -webkit-box-shadow: 0 0 0 3px rgba(48, 212, 186, .5);
        -moz-box-shadow: 0 0 0 3px rgba(48, 212, 186, .5);
        -o-box-shadow: 0 0 0 3px rgba(48, 212, 186, .5);
        -ms-box-shadow: 0 0 0 3px rgba(48, 212, 186, .5);
        box-shadow: 0 0 0 3px rgba(48, 212, 186, .5)
    }

    .cv-portfolio-grids .grid {
        padding: 0 5px 10px
    }

    .cv-portfolio-grids .grid i {
        width: 35px;
        height: 35px;
        line-height: 35px;
        border: 1px solid #fff
    }

    .product-grids .grid {
        padding: 35px 15px
    }

    .product-grids .img-holder {
        margin-bottom: 30px
    }

    .product-grids .img-holder img {
        max-width: 170px
    }

    .blog-sidebar h3 {
        font-size: 17px
    }

    .blog-sidebar .recent-post-widget .details {
        width: 100%;
        float: none
    }

    .blog-sidebar .recent-post-widget .details h4 {
        font-size: 14px;
        padding-top: 10px
    }

    .blog-sidebar .gallery figure.gallery-item img {
        width: 100%
    }

    .hero-s1 .hero-info .btns a:first-child, .pagination-wrapper .pg-pagination li {
        margin-right: 5px
    }

    .pagination-wrapper .pg-pagination li a {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .site-header .navbar-header .navbar-brand {
        font-size: 24px
    }

    .hero {
        height: 400px
    }

    .hero .hero-info, .hero-s1 .hero-info {
        padding: 0
    }

    .hero-s1 .hero-info h4, .hero-s2 .hero-info h4 {
        font-size: 1.0625rem
    }

    .hero-s1 .hero-info h1, .hero-s2 .hero-info h1 {
        font-size: 2rem
    }

    .hero-s1 .hero-info .btns a i {
        font-size: .9375rem
    }

    .hero-s1 .hero-info .btns a {
        height: 40px;
        line-height: 40px;
        font-size: .75rem;
        padding: 0 15px;
        border: 1px solid #fff
    }

    .home-cv .hero {
        height: 500px
    }
}.home-cv .hero .container {
     padding: 0 15px;
     text-align: center;
     position: relative;
     z-index: 10
 }

    @media (max-width: 991px) {
        .home-cv .hero .personal-pic {
            width: 150px;
            height: 150px;
            margin: 50px auto 0
        }
    }@media (max-width: 767px) {
    .home-cv .hero .personal-pic {
        width: 100px;
        height: 100px;
        margin: 50px auto 0
    }
}@media (max-width: 1199px) {
    .home-cv .hero h2 {
        font-size: 2.8125rem
    }

    .home-cv .hero h1, .home-cv .hero h1 span {
        font-size: 3.75rem
    }
}@media (max-width: 991px) {
    .home-cv .hero h2 {
        font-size: 2.5rem
    }
}@media (max-width: 767px) {
    .home-cv .hero h2 {
        font-size: 1.875rem
    }
}@media (max-width: 991px) {
    .home-cv .hero h1, .home-cv .hero h1 span {
        font-size: 3.4375rem
    }
}@media (max-width: 767px) {
    .home-cv .hero h1, .home-cv .hero h1 span {
        font-size: 2.5rem
    }
}@media (max-width: 1199px) {
    .home-cv .hero .typed-cursor {
        font-size: 3.75rem
    }

    .home-cv .hero .social-links {
        margin-top: 30px
    }

    .home-cv .hero .social-links li a {
        font-size: 15px
    }
}@media (max-width: 400px) {
    .home-cv .hero {
        height: 450px
    }

    .home-cv .hero .personal-pic {
        width: 80px;
        height: 80px;
        margin: 40px auto 0
    }

    .home-cv .hero h2 {
        font-size: 1.5625rem
    }

    .home-cv .hero h1, .home-cv .hero h1 span {
        font-size: 1.875rem
    }

    .home-cv .hero .social-links {
        margin-top: 20px
    }
}.product-landing-hero .title {
     font-size: 3.75rem;
     font-weight: 700;
     color: #333;
     line-height: 1.2em;
     margin: 0 0 .1em;
     text-transform: capitalize
 }

    .product-landing-hero .title span {
        color: #4273f0;
        font-weight: 200;
        text-transform: uppercase
    }

    .product-landing-hero .title + p {
        font-size: 1.125rem;
        padding-right: 125px
    }

    @-webkit-keyframes newtextanimation {
        0% {
            color: fd1d19
        }
        50% {
            color: #00de4e
        }
    }@keyframes newtextanimation {
         0% {
             color: fd1d19
         }
         50% {
             color: #00de4e
         }
     }.product-landing-hero .product-info .price {
          font-size: 1.5rem
      }

    @media (max-width: 1199px) {
        .product-landing-hero {
            height: 650px
        }

        .product-landing-hero .title {
            font-size: 2.8125rem
        }

        .product-landing-hero .title + p {
            padding-right: 30px
        }

        .galaxy .site-footer {
            padding: 40px 0
        }
    }@media (max-width: 991px) {
    .home-cv .hero .typed-cursor {
        font-size: 3.4375rem
    }

    .home-cv .hero .social-links li {
        margin-right: 25px
    }

    .product-landing-hero {
        height: 550px
    }

    .product-landing-hero .title {
        font-size: 2.5rem
    }

    .product-landing-hero .title + p {
        font-size: 1rem;
        padding-right: 0
    }

    .product-landing-hero .product-info {
        margin-bottom: 25px
    }

    .product-landing-hero .product-info h5 {
        font-size: 1rem
    }

    .product-landing-hero .product-info .price {
        font-size: 1.25rem
    }

    .galaxy .site-footer .social-links li {
        width: 28px
    }

    .product-landing-footer {
        padding: 80px 0
    }

    .product-landing-footer > .container > .row > .col {
        min-height: 254px
    }

    .product-landing-footer .newsletter-widget .flickr-photo ul {
        padding-right: 0;
        margin: 20px 0 0
    }
}.product-landing-footer .widget h3 {
     font-size: 1.375rem;
     font-weight: 200;
     color: #fff;
     padding-bottom: 8px;
     margin: 0 0 1em;
     position: relative
 }

    .product-landing-footer .widget h3:after {
        content: "";
        background-color: #30d4ba;
        width: 28px;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .agency-contact-section .contact-block .contact-form .form > div, .app-contact-section .contact-block .contact-form .form > div, .product-landing-footer .about-widget .logo {
        margin-bottom: 20px
    }

    .product-landing-footer figure.gallery-item {
        display: inline-block;
        margin-right: 10px
    }

    .product-landing-footer .newsletter-widget form .btn {
        background-color: #30d4ba;
        background: -webkit-linear-gradient(left, #30d4ba, #4273f0);
        background: -moz-linear-gradient(left, #30d4ba, #4273f0);
        background: -o-linear-gradient(left, #30d4ba, #4273f0);
        background: -ms-linear-gradient(left, #30d4ba, #4273f0);
        background: -webkit-gradient(linear, left top, right top, from(#30d4ba), to(#4273f0));
        background: linear-gradient(left, #30d4ba, #4273f0);
        color: #fff;
        padding: 7px 20px;
        border: 0;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px
    }

    .product-landing-footer .newsletter-widget form .btn:hover {
        background-color: #24ad97
    }

    .agency-latest-features .grids .grid, .app-landing-latest-features .grids .grid, .product-landing-latest-features .grids .grid {
        width: 25%;
        float: left;
        text-align: center
    }

    .agency-latest-features .grid img, .app-landing-latest-features .grid img, .product-landing-latest-features .grid img {
        display: inline-block;
        max-width: 100%
    }

    .app-landing-features .feature {
        margin-bottom: 40px;
        padding: 0 0 25px 100px;
        border-bottom: 1px solid #e0e0e0;
        position: relative
    }

    .app-landing-features .feature .icon, .how-app-works .box .icon {
        width: 60px;
        position: absolute;
        left: 0;
        top: 0
    }

    .app-documentation-section .box h3, .app-landing-features .feature .details h3 {
        font-size: 1.125rem;
        margin: 0 0 .7em
    }

    .agency-services .grid p, .app-documentation-section .box p, .app-landing-features .feature .details p, .app-osaas-service-page-section .content-column .row, .elementor-1810 .elementor-element.elementor-element-ac14655 > .elementor-widget-container {
        margin: 0
    }

    .agency-funfact .content, .app-landing-funfact .content, .cv-funfact .content {
        margin-bottom: 100px
    }

    .app-documentation-section .box .icon {
        width: 65px;
        margin-bottom: 20px
    }

    .how-app-works .content {
        padding-top: 150px;
        position: relative
    }

    @media screen and (min-width: 992px) {
        .how-app-works .left-col {
            padding-right: 45px
        }

        .how-app-works .right-col {
            padding-left: 45px
        }
    }.how-app-works .box {
         padding: 0 0 125px 90px;
         position: relative
     }

    @media (max-width: 1199px) {
        .app-landing-features .feature {
            padding: 0 0 25px 85px
        }

        .app-documentation-section .box .icon, .app-landing-features .feature .icon, .how-app-works .box .icon {
            width: 50px
        }

        .app-landing-features .feature .details p, .how-app-works .box .work-details p {
            font-size: .875rem
        }

        .app-landing-cta, .product-landing-cta {
            padding: 100px 0
        }

        .app-landing-cta h2, .product-landing-cta h2 {
            font-size: 2.8125rem
        }

        .how-app-works .content {
            padding-top: 125px
        }

        .how-app-works .middle-col {
            width: 350px;
            height: 350px
        }

        .how-app-works .middle-col .dot-1 {
            left: 35px
        }

        .how-app-works .middle-col .dot-2 {
            right: 35px
        }

        .how-app-works .middle-col .dot-3 {
            left: 0
        }

        .how-app-works .middle-col .dot-4 {
            right: 0
        }

        .how-app-works .box {
            padding: 0 0 45px 70px
        }

        .agency-contact-section .contact-block .contact-form .submit-btn .app-btn-s1, .app-contact-section .contact-block .contact-form .submit-btn .app-btn-s1 {
            height: 40px;
            line-height: 40px;
            padding: 0 35px
        }
    }@-webkit-keyframes dotAnimation {
         from {
             -webkit-transform: scale(.5, .5);
             transform: scale(.5, .5)
         }
         to {
             -webkit-transform: scale(1, 1);
             transform: scale(1, 1)
         }
     }@keyframes dotAnimation {
          from {
              -webkit-transform: scale(.5, .5);
              transform: scale(.5, .5)
          }
          to {
              -webkit-transform: scale(1, 1);
              transform: scale(1, 1)
          }
      }.app-screenshot .app-screenshot-slider-outer .mockup .top {
           background: url(../img/galaxy/app-landing/screenshot-slider/iphone-top-part.png) center center/cover no-repeat local;
           width: 317px;
           height: 76px;
           position: absolute;
           top: -76px;
           transform: translateX(-50%)
       }

    .app-screenshot .app-screenshot-slider-outer .mockup .left {
        background: url(../img/galaxy/app-landing/screenshot-slider/iphone-left-part.png) center center/cover no-repeat local;
        width: 19px;
        height: 570px;
        position: absolute;
        left: -25px;
        bottom: -80px;
        z-index: 20
    }

    .app-screenshot .app-screenshot-slider-outer .mockup .right {
        background: url(../img/galaxy/app-landing/screenshot-slider/iphone-right-part.png) center center/cover no-repeat local;
        width: 18px;
        height: 570px;
        position: absolute;
        right: -27px;
        bottom: -80px;
        z-index: 20
    }

    .app-screenshot .app-screenshot-slider-outer .mockup .bottom {
        background: url(../img/galaxy/app-landing/screenshot-slider/iphone-bottom-part.png) center center/cover no-repeat local;
        width: 280px;
        height: 76px;
        position: absolute;
        left: -6px;
        bottom: -87px;
        z-index: 20
    }

    @media (max-width: 550px) {
        .app-pricing-grids {
            margin: 0
        }

        .app-pricing-grids .grid {
            width: 100%;
            padding: 0
        }

        .app-tem-members .app-team-grids > .col, .app-tem-members .app-team-grids > .col img {
            width: 100%
        }
    }.app-landing-pricing .switch {
         width: 60px;
         height: 30px;
         position: absolute;
         left: 50%;
         top: 0;
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         transform: translateX(-50%)
     }

    @media (max-width: 991px) {
        .agency-latest-features .grid img, .app-landing-latest-features .grid img, .product-landing-latest-features .grid img {
            max-width: 80%
        }

        .app-landing-features {
            padding-bottom: 75px
        }

        .app-landing-features .feature {
            margin-bottom: 30px
        }

        .app-landing-features .right-col .feature:last-child {
            margin-bottom: 0;
            border-bottom: 0
        }

        .app-documentation-section .box h3, .app-landing-features .feature .details h3, .app-landing-pricing .switcher-wrapper .tablist span, .how-app-works .box .work-details h3 {
            font-size: 1rem
        }

        .app-landing-cta, .product-landing-cta {
            padding: 70px 0
        }

        .app-landing-cta h2, .product-landing-cta h2 {
            font-size: 1.875rem
        }

        .app-landing-cta .video-play, .product-landing-cta .video-play {
            width: 45px;
            height: 45px;
            line-height: 45px;
            font-size: 1.25rem
        }

        .agency-funfact h3, .app-landing-funfact h3, .cv-funfact h3 {
            font-size: 2.375rem
        }

        .agency-funfact p, .app-landing-funfact p, .cv-funfact p {
            font-size: 1.125rem
        }

        .agency-funfact .content, .app-landing-funfact .content, .cv-funfact .content {
            margin-bottom: 60px
        }

        .app-documentation-section .img-part, .app-landing-faq .app-faq-tab, .how-app-works .app-mobile, .how-app-works .middle-col {
            display: none
        }

        .app-documentation-section .content-part {
            padding: 80px 15px 70px
        }

        .how-app-works .content {
            padding-top: 0
        }

        .how-app-works .box .icon {
            width: 40px
        }

        .how-app-works .right-col .box:last-child {
            padding-bottom: 0
        }

        .app-landing-pricing .switcher-wrapper {
            margin-bottom: 40px
        }

        .app-landing-pricing .switcher-wrapper .tablist span:first-child {
            margin-right: 90px
        }

        .app-landing-pricing .switch {
            height: 26px
        }

        .app-landing-pricing .slider:before {
            width: 22px;
            height: 22px
        }

        .app-landing-pricing .slide-off:before {
            -webkit-transform: translateX(34px);
            -moz-transform: translateX(34px);
            -o-transform: translateX(34px);
            -ms-transform: translateX(34px);
            transform: translateX(34px)
        }

        .app-landing-testimonials .app-landing-testimonials-slider .owl-controls {
            margin-top: 20px
        }

        .app-social-media-section .social-links li a {
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.375rem
        }
    }@media (max-width: 767px) {
    .home-cv .hero .typed-cursor {
        font-size: 2.5rem
    }

    .product-landing-hero {
        height: 450px
    }

    .product-landing-hero .title {
        font-size: 1.875rem
    }

    .product-landing-hero .title + p {
        font-size: .9375rem
    }

    .agency-funfact .mobile-holder, .app-landing-funfact .mobile-holder, .app-screenshot .app-screenshot-slider-outer .mockup, .cv-funfact .mobile-holder, .product-landing-hero .hero-watch {
        display: none
    }

    .galaxy .site-footer .footer-logo-wrapper {
        text-align: center;
        margin-bottom: 20px
    }

    .galaxy .site-footer .social-links-wrapper {
        text-align: center
    }

    .product-landing-footer {
        padding: 70px 0
    }

    .product-landing-footer .widget h3 {
        font-size: 1.125rem
    }

    .product-landing-footer .about-widget .logo {
        margin-bottom: 10px
    }

    .product-landing-footer .newsletter-widget {
        max-width: 320px
    }

    .product-landing-footer .newsletter-widget form .footer-subscribe {
        width: 65%
    }

    .product-landing-footer .newsletter-widget form .footer-sub-btn {
        width: 32%
    }

    .product-landing-footer .newsletter-widget form .btn {
        width: 100%;
        font-size: 12px;
        padding: 10px 15px
    }

    .product-landing-footer .newsletter-widget .flickr-photo {
        max-width: 290px
    }

    .app-landing-features {
        padding-bottom: 60px
    }

    .app-landing-features .feature {
        padding: 0 0 20px 65px;
        margin-bottom: 20px
    }

    .app-documentation-section .box .icon, .app-landing-features .feature .icon {
        width: 40px
    }

    .app-landing-cta, .product-landing-cta {
        background: #30d4ba !important;
        padding: 50px 0
    }

    .app-landing-cta h2, .product-landing-cta h2 {
        font-size: 1.5625rem
    }

    .agency-funfact, .app-landing-funfact, .cv-funfact {
        padding: 60px 0 35px
    }

    .agency-funfact h3, .app-landing-funfact h3, .cv-funfact h3 {
        font-size: 1.75rem
    }

    .agency-funfact p, .app-landing-funfact p, .cv-funfact p {
        font-size: .875rem
    }

    .agency-funfact .content, .app-landing-funfact .content, .cv-funfact .content {
        margin-bottom: 0
    }

    .agency-funfact .content > .col, .app-landing-funfact .content > .col, .cv-funfact .content > .col {
        margin-bottom: 25px
    }

    .app-documentation-section .content-part {
        padding: 70px 15px 60px
    }

    .how-app-works .box {
        padding: 0 0 30px 65px
    }

    .app-screenshot {
        padding-bottom: 100px
    }

    .app-screenshot .app-screenshot-slider-outer {
        margin-top: 0
    }

    .app-screenshot .owl-carousel .owl-stage-outer {
        overflow: hidden !important
    }

    .app-tem-members .app-team-grids > .col {
        margin-bottom: 30px
    }

    .app-landing-testimonials .client-info img {
        max-width: 80px;
        padding: 5px
    }

    .app-social-media-section .social-links li a {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 1.125rem
    }

    .agency-contact-section, .app-contact-section {
        margin: 0
    }

    .agency-contact-section .contact-block, .app-contact-section .contact-block {
        padding: 40px 15px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}.agency-contact-section .contact-block .contact-info li .icon, .app-contact-section .contact-block .contact-info li .icon {
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     position: absolute;
     left: 0
 }

    .agency-contact-section .contact-block .contact-form .form ::-webkit-input-placeholder, .app-contact-section .contact-block .contact-form .form ::-webkit-input-placeholder {
        font-style: normal;
        color: #8c8c8c
    }

    .agency-contact-section .contact-block .contact-form .form :-moz-placeholder, .app-contact-section .contact-block .contact-form .form :-moz-placeholder {
        font-style: normal;
        color: #8c8c8c
    }

    .agency-contact-section .contact-block .contact-form .form ::-moz-placeholder, .app-contact-section .contact-block .contact-form .form ::-moz-placeholder {
        font-style: normal;
        color: #8c8c8c
    }

    .agency-contact-section .contact-block .contact-form .form :-ms-input-placeholder, .app-contact-section .contact-block .contact-form .form :-ms-input-placeholder {
        font-style: normal;
        color: #8c8c8c
    }

    .agency-latest-features .grid, .product-landing-latest-features .grid {
        min-height: 140px;
        line-height: 140px;
        padding: 40px 0;
        position: relative
    }

    @media (max-width: 1199px) {
        .agency-latest-features .grid, .product-landing-latest-features .grid {
            min-height: 100px;
            line-height: 100px;
            padding: 30px 0
        }

        .agency-business-solution-skill .progress-bar-s1 {
            padding: 0
        }
    }@media (max-width: 991px) {
    .agency-contact-section .contact-block, .app-contact-section .contact-block {
        padding: 40px 45px
    }

    .agency-contact-section .contact-block h2, .app-contact-section .contact-block h2 {
        font-size: 1.5625rem
    }

    .agency-contact-section .contact-block .contact-info, .app-contact-section .contact-block .contact-info {
        padding-right: 0
    }

    .agency-contact-section .contact-block .contact-form, .app-contact-section .contact-block .contact-form {
        padding-left: 30px
    }

    .agency-contact-section .contact-block .contact-form input, .agency-contact-section .contact-block .contact-form select, .agency-contact-section .contact-block .contact-form textarea, .app-contact-section .contact-block .contact-form input, .app-contact-section .contact-block .contact-form select, .app-contact-section .contact-block .contact-form textarea {
        height: 40px
    }

    .agency-contact-section .contact-block .contact-form .form > div, .app-contact-section .contact-block .contact-form .form > div {
        margin-bottom: 10px
    }

    .agency-latest-features .grid, .product-landing-latest-features .grid {
        min-height: 80px;
        line-height: 80px;
        padding: 20px 0
    }

    .agency-services .agency-services-grids > div:first-child .grid:after {
        bottom: auto;
        top: 0
    }
}.product-landing-latest-features .grid:after {
     content: "";
     background-color: #4273f0;
     width: 0;
     height: 3px;
     position: absolute;
     left: 0;
     bottom: -3px;
     z-index: 10;
     -webkit-transition: .3s;
     -moz-transition: .3s;
     -o-transition: .3s;
     -ms-transition: .3s;
     transition: .3s
 }

    @media (max-width: 500px) {
        .cv-portfolio-grids .grid, .cv-portfolio-grids .width2 {
            width: 50%
        }

        .agency-latest-features, .app-landing-latest-features, .product-landing-latest-features {
            padding-bottom: 15px
        }

        .agency-latest-features .grids .grid, .app-landing-latest-features .grids .grid, .product-landing-latest-features .grids .grid {
            width: 50%;
            height: 50px;
            line-height: 50px;
            margin-bottom: 25px
        }

        .agency-latest-features, .product-landing-latest-features {
            padding-bottom: 25px
        }

        .agency-latest-features .grid, .product-landing-latest-features .grid {
            min-height: auto;
            line-height: none
        }

        .agency-latest-features .grid:after, .product-landing-latest-features .grid:after {
            display: none
        }
    }.agency-latest-features .grid img, .product-landing-latest-features .grid img {
         -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
         -webkit-transition: .3s;
         -moz-transition: .3s;
         -o-transition: .3s;
         -ms-transition: .3s;
         transition: .3s
     }

    .agency-latest-features .grid:hover img, .product-landing-latest-features .grid:hover img {
        -webkit-filter: none;
        filter: none
    }

    .agency-services .grid {
        padding: 50px 20px;
        position: relative
    }

    .agency-services .grid:before {
        content: "";
        background: -webkit-linear-gradient(left, #30d4ba, #4273f0);
        background: -moz-linear-gradient(left, #30d4ba, #4273f0);
        background: -o-linear-gradient(left, #30d4ba, #4273f0);
        background: -ms-linear-gradient(left, #30d4ba, #4273f0);
        background: -webkit-gradient(linear, left top, right top, from(#30d4ba), to(#4273f0));
        background: linear-gradient(left, #30d4ba, #4273f0);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        transition: .3s
    }

    .agency-services .grid:after {
        content: "";
        background: -webkit-linear-gradient(left, #30d4ba, #4273f0);
        background: -moz-linear-gradient(left, #30d4ba, #4273f0);
        background: -o-linear-gradient(left, #30d4ba, #4273f0);
        background: -ms-linear-gradient(left, #30d4ba, #4273f0);
        background: -webkit-gradient(linear, left top, right top, from(#30d4ba), to(#4273f0));
        background: linear-gradient(left, #30d4ba, #4273f0);
        width: 100%;
        height: 6px;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .agency-services .grid .icon {
        margin-bottom: 15px
    }

    .agency-services .grid h3 {
        font-size: 1.5rem;
        color: #333;
        margin: 0 0 .66em
    }

    .agency-services .grid .icon, .agency-services .grid h3, .agency-services .grid p {
        position: relative;
        z-index: 10;
        -webkit-transition: .1s;
        -moz-transition: .1s;
        -o-transition: .1s;
        -ms-transition: .1s;
        transition: .1s
    }

    @media screen and (min-width: 1200px) {
        .how-app-works .left-col {
            padding-right: 55px
        }

        .how-app-works .right-col {
            padding-left: 45px
        }

        .agency-contact-section .contact-block h2 {
            padding: 0 200px 0 0
        }

        .agency-cta .col {
            padding: 0 55px
        }
    }.agency-funfact .icon, .cv-funfact .icon {
         min-height: 48px;
         margin-bottom: 15px
     }

    .agency-projects .agnecy-projects-slider .grid {
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        transition: .3s
    }

    @media screen and (min-width: 768px) {
        .agency-projects .agnecy-projects-slider .grid {
            opacity: .5
        }

        .agency-projects .agnecy-projects-slider .owl-controls .owl-prev {
            margin-right: 20px
        }
    }.product-landing-testimonials .agency-testimonial-slider .box {
         border: 2px solid #a1c1f4;
         padding: 55px 60px 30px;
         margin: 48px 20px 20px;
         -webkit-box-shadow: 0 0 20px 0 #b3b3b3;
         -moz-box-shadow: 0 0 20px 0 #b3b3b3;
         -o-box-shadow: 0 0 20px 0 #b3b3b3;
         -ms-box-shadow: 0 0 20px 0 #b3b3b3;
         box-shadow: 0 0 20px 0 #b3b3b3;
         position: relative
     }

    .cv-funfact .container {
        position: relative;
        z-index: 10
    }

    .product-landing-services .container {
        position: relative;
        padding: 50px 15px 150px
    }

    .p-landing-how-its-work-section .box .icon i, .product-landing-services .services .icon i {
        font-size: 42px;
        color: #4273f0
    }

    .product-landing-services .services .icon svg {
        width: 100%;
        height: 58px
    }

    .product-landing-services .services .icon {
        min-height: 80px
    }

    .product-landing-services .services .grid {
        width: 33.33%;
        float: left;
        text-align: center
    }

    @media screen and (min-width: 992px) {
        .how-app-works .left-col .box:last-child, .how-app-works .right-col .box:last-child {
            padding-bottom: 0
        }

        .agency-testimonials .agency-testimonial-slider .owl-controls, .product-landing-testimonials .agency-testimonial-slider .owl-controls {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            z-index: 10
        }

        .about-me .left-col {
            padding-right: 55px
        }

        .product-landing-cta:before {
            content: "";
            background-color: rgba(0, 0, 0, .8);
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -o-transition: 1s;
            -ms-transition: 1s;
            transition: 1s
        }

        .product-landing-cta .container {
            margin-top: 200px;
            -webkit-transition: 3s;
            -moz-transition: 3s;
            -o-transition: 3s;
            -ms-transition: 3s;
            transition: 3s
        }

        .product-landing-cta .video-play, .product-landing-cta h2 {
            opacity: 0
        }
    }.active-cta-text .container {
         margin-top: 150px
     }

    .p-landing-how-its-work-section .content {
        position: relative;
        margin-top: 155px
    }

    .p-landing-how-its-work-section .content > .col {
        padding-left: 160px
    }

    .p-landing-how-its-work-section .content > .col > .box:nth-child(2) .icon {
        top: -12px
    }

    .p-landing-how-its-work-section .content > .col > .box:nth-child(2) .icon .line {
        width: 85px;
        top: 25px;
        left: -88px
    }

    .p-landing-how-its-work-section .content > .col > .box:nth-child(3) .icon {
        top: -10px
    }

    .p-landing-how-its-work-section .content > .col > .box:nth-child(3) .icon .line {
        top: 18px
    }

    .p-landing-how-its-work-section .box {
        padding: 0 75px;
        position: relative;
        margin-bottom: 50px
    }

    .p-landing-how-its-work-section .box .icon {
        width: 80px;
        position: absolute;
        left: 0;
        top: 0
    }

    .p-landing-how-its-work-section .box .line {
        width: 120px;
        border-bottom: 2px dotted #959595;
        height: 2px;
        position: absolute;
        left: -130px;
        top: 15px
    }

    .product-section .product-grids > .col {
        margin-bottom: 30px
    }

    @media (max-width: 600px) {
        .product-landing-footer > .container > .row > .col {
            width: 100%;
            min-height: auto;
            margin-bottom: 50px
        }

        .product-landing-footer > .container > .row > .col:last-child {
            margin-bottom: 0
        }

        .product-section .product-grids > .col {
            width: 100%
        }
    }@media screen and (min-width: 767px) {
    .app-landing-faq .product-landing-section-title h2, .app-landing-faq .section-title h2, .product-landing-faq .product-landing-section-title h2 {
        padding-right: 200px
    }
}.blog-single-content .post .gallery-post .gallery > div:last-child {
     width: 39%;
     float: right
 }

    .blog-single-page .tag-share > div > span {
        color: #000;
        display: inline-block;
        padding-right: 10px;
        position: relative;
        top: -10px
    }

    .blog-single-page .tag-share > div:last-child {
        float: right
    }

    .blog-single-page .tag-share .share {
        overflow: hidden;
        display: inline-block
    }

    .blog-single-page .tag-share .share li {
        float: left;
        margin-right: 15px
    }

    .blog-single-page .tag-share .tag .active a {
        background: red;
        background: -webkit-linear-gradient(left, #30d4ba, #4273f0);
        background: -moz-linear-gradient(left, #30d4ba, #4273f0);
        background: -o-linear-gradient(left, #30d4ba, #4273f0);
        background: -ms-linear-gradient(left, #30d4ba, #4273f0);
        background: -webkit-gradient(linear, left top, right top, from(#30d4ba), to(#4273f0));
        background: linear-gradient(left, #30d4ba, #4273f0);
        color: #fff
    }

    .blog-single-page .tag-share .share li a {
        font-size: 20px;
        color: #4273f0
    }

    .app-block .inner-box .content-column .inner-column, .app-block .inner-box .image-column .inner-column, .blog-single-page .blog-with-sidebar .comments > ol, .steps-section .blocks-column .inner-column {
        padding-left: 0
    }

    .blog-single-page .blog-with-sidebar .comments ol > li {
        margin-bottom: 35px
    }

    .blog-single-page .blog-with-sidebar .comments ol > li > ol {
        margin-left: 28px;
        margin-top: 35px;
        padding: 0
    }

    .blog-single-page .blog-with-sidebar .comments ol > li > ol > li {
        background-color: #fafafa;
        padding: 30px;
        margin-bottom: 35px
    }

    .blog-single-page .blog-with-sidebar .comments .article, .elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container {
        overflow: hidden
    }

    .blog-single-page .blog-with-sidebar .comments .article h4 {
        font-size: 16px;
        margin: 0;
        text-transform: capitalize
    }

    .blog-single-page .blog-with-sidebar .comments .article p {
        font-size: 15px;
        margin-bottom: 5px
    }

    .blog-single-page .blog-with-sidebar .comments .article .author-meta > div:last-child {
        font-size: 13px;
        color: gray;
        padding-left: 5px
    }

    .blog-single-page .blog-with-sidebar .comments .article .details {
        width: 84%;
        float: left
    }

    .blog-single-page .blog-with-sidebar .comment-respond form > div, .sec-title.style-three {
        margin-bottom: 50px
    }

    .blog-grids .grid {
        margin-bottom: 80px
    }

    @media (max-width: 1199px) {
        .agency-business-solution-skill .images-holder-col-wrapper {
            display: none
        }

        .agency-services .grid:after {
            height: 4px
        }

        .agency-services .grid h3 {
            font-size: 1.25rem
        }

        .agency-services .grid p {
            font-size: .9375rem
        }

        .menu-after-slider ul li {
            padding: 0 20px
        }

        .menu-after-slider ul li a {
            padding: 14px 0
        }

        .menu-after-slider ul li a i {
            font-size: .75rem;
            width: 30px;
            height: 30px;
            line-height: 30px
        }

        .product-landing-services .container {
            padding: 50px 15px 0
        }

        .product-landing-services .services-watch {
            width: 420px;
            height: 437px
        }

        .p-landing-how-its-work-section .content {
            margin-top: 100px
        }

        .p-landing-how-its-work-section .content > .col {
            padding-left: 135px
        }

        .p-landing-how-its-work-section .box {
            padding: 0 0 0 75px
        }

        .p-landing-how-its-work-section .left-watches {
            top: -65px;
            left: -10px
        }

        .blog-single-page .tag-share > div {
            display: block
        }

        .blog-single-page .tag-share > div:first-child, .blog-single-page .tag-share > div:last-child {
            float: none
        }

        .blog-grids .entry-title h3 {
            font-size: 1.5625rem
        }

        .news-section .single-news .widget .widget-social {
            float: none !important
        }
    }.blog-grids .entry-meta ul > li + li, .main-header .outer-box .option-box > li {
         margin-left: 15px
     }

    .blog-grids .entry-meta ul > li + li:before {
        content: "/";
        position: absolute;
        left: -8px;
        top: 0
    }

    .appilo-main .widget {
        position: relative;
        margin-bottom: 45px
    }

    .appilo-main .widget ul li {
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
        margin-top: 10px;
        color: #7d7d7d;
        font-size: 15px;
        font-weight: 500;
        position: relative;
        list-style: none
    }

    .appilo-main .widget ul li a {
        color: #7d7d7d;
        font-size: 15px;
        font-weight: 500;
        position: relative;
        width: 87%;
        -webkit-transition: .4s;
        transition: .4s
    }

    .appilo-main .post-date {
        color: #929191;
        font-size: 16px;
        line-height: 1em;
        display: inline-block
    }

    .pagination li span.current {
        border-color: #cd339a;
        color: #fff;
        background: #cd339a
    }

    .contact-form-19 span.contact-submit-19 input, span.contact-submit-19 input {
        background-image: -webkit-linear-gradient(left, #9752fe 0, #16dafa 100%);
        cursor: pointer
    }

    .appilo-main .pagination > li:first-child > a, .appilo-main .pagination > li:last-child > a, .pagination > li:first-child > span, .pagination > li:last-child > span {
        border-radius: 50% !important;
        padding-top: 4px
    }

    .aligncenter, .appilo-main .aligncenter, div.aligncenter {
        display: block;
        margin: 5px auto
    }

    .appilo-main a img.aligncenter, a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .appilo-main-testimonial #testimonials-slider-pager a.pager-item {
        max-width: 70px;
        max-height: 70px
    }

    .features-style-one .feature-style-content > i:before {
        font-size: 45px
    }

    .how-app-work-section .single-how-app-work .icon-box .inner i:before {
        font-size: 44px;
        margin-left: 5px
    }

    .pricing-section .single-pricing ul.list-item li i {
        color: #12ce32
    }

    .lower-content table, tbody, td, tfoot, th, tr {
        border: 1px solid #ccc;
        padding: 1%
    }

    .lower-content .text address {
        font-style: italic
    }

    .lower-content .text ul li {
        list-style: initial
    }

    .lower-content .text ol li ol, .lower-content .text ol li ol li ol, .lower-content .text ul li ul, .lower-content .text ul li ul li ul {
        padding-left: 15px
    }

    .lower-content .text ol li {
        list-style: circle
    }

    .lower-content .text dl dd {
        padding-left: 20px
    }

    .news-block-two .inner-box .content-column .inner-column {
        padding-bottom: 20px
    }

    .popular-posts .wp-post-image {
        left: 0;
        top: 0;
        width: 65px !important;
        height: 65px !important;
        overflow: hidden;
        border-radius: 50%
    }

    .popular-posts .rpwwt-post-title {
        background: 0 0 !important;
        position: relative;
        top: 0;
        font-size: 16px;
        margin: 0 0 3px;
        font-weight: 600;
        color: #373a5b;
        line-height: 1.5em;
        text-transform: capitalize;
        font-family: poppins, sans-serif
    }

    .popular-posts ul li a {
        padding: 1% !important
    }

    .popular-posts ul li a:before {
        content: none !important
    }

    .styled-pagination li .current {
        position: relative;
        width: 40px;
        height: 40px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 42px;
        text-align: center;
        display: inline-block;
        background-color: #1a90fd;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    @media only screen and (min-width: 1224px) {
        .topapp-main .dropdown-toggle::after {
            content: none !important
        }
    }@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .appilo-footer .subscribe-section .wpcf7-submit {
        margin-top: 25px
    }

    .topapp-main .dropdown-menu {
        position: relative !important;
        width: 100%;
        padding-left: 7px;
        border-bottom: 2px solid #ccc;
        float: none
    }
}.topapp-main .contact-section .info-column .info-list li .icon i {
     position: absolute;
     content: '';
     left: 0;
     top: 7px;
     font-size: 36px;
     line-height: 1em;
     background: -webkit-gradient(linear, left top, right top, from(#2bb852), color-stop(98%, #6ede4c), to(#6ede4c));
     background: linear-gradient(to right, #2bb852 0, #6ede4c 98%, #6ede4c 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent
 }

    a.home-read-more {
        font-size: 15px;
        line-height: 35px;
        color: #373a5b;
        font-weight: 700;
        font-family: poppins, sans-serif
    }

    a.home-read-more:hover {
        color: #1b8cfc
    }

    .topapp-main img.error-bg {
        padding: 8% 0 0 4%
    }

    @media (max-width: 1190px) {
        .appilo-menu {
            padding: 0 15px
        }
    }@media (max-width: 1030px) {
    .home-page-one .navbar-nav li {
        display: inline-block
    }
}@media (max-width: 1024px) {
    .home-page-one .header-navigation {
        margin-bottom: 0
    }

    .home-page-one .navbar-collapse.collapse.in {
        display: block !important;
        height: auto !important;
        max-height: 70vh
    }

    .home-page-one .navbar-collapse.in {
        overflow-y: auto
    }

    .home-page-one .header-navigation.navbar .nav {
        width: 100%;
        text-align: left
    }

    .home-page-one .header-navigation.navbar .nav > li {
        display: block;
        padding: 0 !important;
        width: 100%;
        float: none
    }

    .home-page-one .header-navigation.navbar .nav > li + li {
        margin-left: 0;
        padding: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .1);
        display: block;
        float: none
    }

    .home-page-one .header-navigation.navbar .right-box.nav {
        width: 100%;
        margin: 0
    }

    .home-page-one .header-navigation.navbar .right-box.nav > li > a {
        border: 0 !important
    }

    .home-page-one .header-navigation.navbar .nav > li.show-mobile, .home-page-one .header-navigation.navbar .nav > li > a:after, .home-page-one .header-navigation.navbar .navbar-nav > li > .sub-menu, .home-page-one .header-navigation.navbar .navbar-nav > li > .sub-menu > li > .home-page-one .header-navigation.navbar .navbar-nav > li > .sub-menu > li > a::after {
        display: none
    }

    .home-page-one .header-navigation.navbar .nav.navigation-box + .nav {
        border-top: 1px dashed #282828
    }

    .home-page-one .header-navigation.navbar .nav > li > a, .home-page-one .header-navigation.navbar .right-box.nav > li > a {
        display: block;
        color: #fff;
        padding: 16px 0 16px 20px !important;
        transition: background .4s;
        text-transform: capitalize
    }

    .home-page-one .header .stricky-fixed.header-navigation.navbar .nav > li {
        padding: 0 !important
    }

    .home-page-one .header .header-navigation.navbar .nav > li + li {
        margin-left: 0
    }

    .footer-bottom .container, .home-page-one .header-navigation .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .home-page-one .header-navigation ul.navigation-box > li.current > a, .home-page-one .header-navigation ul.navigation-box > li > ul.sub-menu > li > .home-page-one .header-navigation ul.navigation-box > li > ul.sub-menu > li > .home-page-one .header-navigation ul.navigation-box > li:hover > a {
        background: #190a32;
        color: #fff
    }

    .home-page-one .navbar-nav .nav-link.active {
        color: #fff !important
    }

    .appilo-main img {
        max-width: 100%
    }

    .banner-static .banner-moc-box > img {
        max-width: none;
        left: 50%
    }

    .fun-fact .separator {
        margin-top: 40px;
        margin-bottom: 0
    }

    .how-app-work-section .download-btn i.fab {
        left: 25px
    }

    .how-app-work-section .container img.circled-img {
        left: -60px
    }
}@media (max-width: 991px) {
    .agency-cta {
        padding: 80px 0
    }

    .agency-cta h2 {
        font-size: 1.875rem
    }

    .agency-cta p {
        font-size: 1rem
    }

    .agency-funfact .icon, .cv-funfact .icon {
        min-height: 38px;
        margin-bottom: 5px
    }

    .agency-funfact .icon img, .cv-funfact .icon img {
        max-width: 35px
    }

    .agency-projects .agnecy-projects-slider .owl-controls, .agency-testimonials .agency-testimonial-slider .owl-controls, .product-landing-testimonials .agency-testimonial-slider .owl-controls {
        margin-top: 35px
    }

    .agency-testimonials .agency-testimonial-slider .box, .product-landing-testimonials .agency-testimonial-slider .box {
        border: 2px solid #a1c1f4;
        padding: 35px 20px 20px;
        margin: 35px 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .agency-testimonials .client-pic, .product-landing-testimonials .client-pic {
        top: -35px
    }

    .agency-testimonials .client-pic img, .product-landing-testimonials .client-pic img {
        max-width: 70px;
        padding: 4px;
        border: 1px solid #30d4ba
    }

    .agency-testimonials .client-info h5 + span, .agency-testimonials .rating i, .product-landing-testimonials .client-info h5 + span, .product-landing-testimonials .rating i {
        font-size: .8125rem
    }

    .agency-testimonials .client-info, .product-landing-testimonials .client-info {
        padding-top: 10px
    }

    .agency-testimonials .client-info h5, .product-landing-testimonials .client-info h5 {
        font-size: .875rem
    }

    .agency-testimonials .agency-testimonial-slider .owl-controls .owl-nav, .home-page-one .collapse:not(.show), .product-landing-testimonials .agency-testimonial-slider .owl-controls .owl-nav {
        display: none !important
    }

    .agency-team, .cv-partners {
        padding-top: 0
    }

    .menu-after-slider, .p-landing-how-its-work-section .box .line, .p-landing-how-its-work-section .left-watches, .product-landing-services .services-watch {
        display: none
    }

    .about-me .progress-bar-s1 {
        margin-top: 40px
    }

    .product-landing-services .container {
        padding: 0 15px
    }

    .product-landing-cta {
        background-color: #30d4ba;
        height: auto;
        background-image: none
    }

    .p-landing-how-its-work-section .content {
        margin-top: 0
    }

    .p-landing-how-its-work-section .content > .col {
        padding-left: 15px
    }

    .blog-single-page .blog-sidebar {
        margin-top: 100px
    }

    .home-page-one .navbar-nav {
        width: 100%
    }

    .news-section .news-right-bar {
        margin: 0 !important
    }
}@media (max-width: 920px) {
    .banner-static .banner-moc-box > img {
        left: 0;
        margin-top: 40px
    }

    .fun-fact .separator {
        margin-bottom: 50px
    }
}@media (max-width: 850px) {
    .banner-static .banner-content p {
        color: #190a32
    }
}@media (max-width: 870px) {
    .how-app-work-section .download-btn.active {
        margin-bottom: 20px
    }
}@media (max-width: 768px) {
    .appilo-main .sec-title {
        margin-bottom: 50px
    }

    .separator.mb115, .separator.mb135 {
        margin-bottom: 80px
    }

    .features-style-one + .separator.mt135, .how-app-work-section + .separator.mt135, .separator.mt135 {
        margin-top: 80px
    }

    .banner-static .banner-moc-box > img {
        left: -100px;
        float: none !important;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .how-app-work-section .container img.circled-img {
        left: 50%;
        transform: translateX(-50%);
        top: 0
    }

    .features-style-one .feature-style-content.pl40 {
        padding-left: 0;
        padding-top: 0 !important
    }

    .swiper-slide.swiper-slide-active {
        background-size: 100% auto;
        background-repeat: no-repeat;
        border-radius: 0
    }

    .testimonials-style-one .container > img.testi-thumb {
        display: none
    }

    .testimonials-style-one .title h3 {
        text-align: center;
        margin-bottom: 50px;
        padding-left: 0
    }

    .testimonials-style-one .container {
        padding: 0
    }
}@media (max-width: 767px) {
    .agency-contact-section .contact-block, .app-contact-section .contact-block {
        padding: 40px 15px
    }

    .agency-contact-section .contact-block h2, .app-contact-section .contact-block h2, .blog-grids .entry-title h3 {
        font-size: 1.25rem
    }

    .agency-contact-section .contact-block .contact-form, .agency-contact-section .contact-block .contact-info, .app-contact-section .contact-block .contact-form, .app-contact-section .contact-block .contact-info, .blog-single-page .blog-with-sidebar .comments .article .details {
        width: 100%;
        float: none
    }

    .agency-contact-section .contact-block .contact-form, .app-contact-section .contact-block .contact-form {
        padding-left: 0;
        margin-top: 50px
    }

    .agency-contact-section .contact-block .view-map a, .app-contact-section .contact-block .view-map a {
        font-size: .875rem
    }

    .agency-business-solution-skill .progress-bar-s1 {
        margin-top: 25px
    }

    .agency-services .grid {
        padding: 40px 10px
    }

    .agency-services .grid h3 {
        font-size: 1.0625rem
    }

    .agency-cta h2 {
        font-size: 1.625rem
    }

    .agency-projects {
        padding: 55px 0 60px
    }

    .agency-projects .agnecy-projects-slider .owl-controls {
        margin-top: 20px
    }

    .cv-funfact {
        padding-bottom: 35px
    }

    .cv-portfolio .sorting-filters {
        margin-bottom: 20px
    }

    .cv-portfolio .sorting-filters ul li {
        margin-right: 10px
    }

    .cv-partners {
        padding-bottom: 0
    }

    .cv-partners img {
        max-width: 95%
    }

    .cv-partners .content > .col {
        margin-bottom: 40px
    }

    .product-landing-services .services .icon {
        min-height: 50px
    }

    .blog-grids .tag span a, .product-landing-services .services h3 {
        font-size: .75rem
    }

    .how-app-work-section .download-btn.active, .p-landing-how-its-work-section .product-landing-section-title {
        margin-bottom: 0
    }

    .p-landing-how-its-work-section .box {
        padding: 0 0 0 65px;
        margin-bottom: 35px
    }

    .p-landing-how-its-work-section .box .icon {
        width: 60px
    }

    .p-landing-how-its-work-section .box .icon img {
        max-width: 40px
    }

    .p-landing-how-its-work-section .dtails h3 {
        font-size: 1rem
    }

    .product-section {
        padding-bottom: 50px
    }

    .blog-single-page .blog-with-sidebar .comments {
        padding: 40px 25px 0
    }

    .blog-single-page .blog-with-sidebar .comments ol > li > ol {
        margin: 30px 0 0
    }

    .blog-single-page .blog-with-sidebar .comments ol > li > ol > li {
        padding: 20px
    }

    .blog-single-page .blog-with-sidebar .comments .article .replay a, .blog-single-page .blog-with-sidebar .comments .article h4, .blog-single-page .blog-with-sidebar .comments .article p {
        font-size: 14px
    }

    .blog-single-page .blog-with-sidebar .comments .article .author-pic {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }

    .blog-single-page .blog-with-sidebar .comment-respond form .theme-btn {
        font-size: 14px;
        padding: 10px 35px
    }

    .blog-single-page .blog-sidebar {
        margin-top: 80px
    }

    .blog-grids .grid {
        margin-bottom: 55px
    }

    .blog-grids .entry-meta ul li {
        font-size: .8125rem
    }

    .blog-grids .entry-details {
        margin-top: 15px
    }

    .news-section .single-news .widget .widget-tag ul li {
        margin-bottom: 10px
    }
}@media only screen and (min-width: 767px) and (max-width: 1366px) {
    .how-app-work-section .how-app-work-content-wrap {
        padding-left: 0
    }
}@media (max-width: 736px) {
    .banner-static .banner-moc-box > img {
        max-width: 100%;
        left: 0
    }

    .pricing-section .single-pricing.popular {
        top: 0;
        margin-top: 50px
    }

    .pricing-section ul.switch-toggler-list {
        margin-bottom: 0
    }
}@media (max-width: 667px) {
    .appilo-sec-title p br {
        display: none
    }
}@media (max-width: 568px) {
    .single-testimonial .img-box {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .app-secreenshots + .separator.mb115, .testimonials-style-one .title h3 {
        margin-bottom: 20px
    }
}@media (max-width: 414px) {
    .how-app-work-section .download-btn.active {
        margin-right: 0;
        margin-bottom: 30px
    }

    .fun-fact .separator {
        margin-top: 20px;
        margin-bottom: 30px
    }
}@media (max-width: 397px) {
    .banner-static .banner-content h3 br {
        display: none
    }
}@media (max-width: 320px) {
    .banner-static .banner-content .appilo-thm-btn {
        margin-left: 0 !important;
        margin-bottom: 20px
    }

    .pricing-section .single-pricing ul.list-item {
        margin-top: 20px
    }
}@media (max-width: 1007px) {
    .banner-static .banner-content p {
        color: #190a32
    }
}@media only screen and (max-width: 1800px) and (min-width: 1600px) {
    .banner-section .patern-layer-one {
        background-position: left top !important
    }
}@media only screen and (min-width: 1450px) {
    .banner-section .content-column .video-box {
        right: -20px;
        bottom: 50px
    }
}@media only screen and (min-width: 1550px) {
    .banner-section .patern-layer-one {
        background-position: left top;
        width: 70%;
        background-size: contain
    }
}@media only screen and (min-width: 1980px) {
    .banner-section .patern-layer-one {
        background-position: left top
    }
}.featured-section .blocks-column .inner-column {
     padding: 0
 }

    .featured-block.style-four {
        transform: translateX(0) rotate(0)
    }

    .featured-block .inner-box {
        padding-left: 25px;
        padding-right: 25px
    }

    .team-block .inner-box .image:before {
        top: 0
    }

    .team-block .inner-box .image:after {
        left: 25px;
        top: 25px;
        right: 25px;
        bottom: 10px
    }

    .contact-section .info-column .inner-column {
        padding-top: 120px
    }

    .banner-section .carousel-column .inner-column .pager-box .inner-box {
        text-align: center
    }

    @media only screen and (max-width: 1023px) {
        .main-header .main-box .logo-box {
            position: relative;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            text-align: left
        }

        .main-menu .navigation > li > a {
            font-size: 14px
        }

        .main-menu .navigation > li {
            margin-right: 25px
        }

        .banner-section .carousel-column .inner-column:before, .blog-section .topapp-sec-title .text br, .team-block .inner-box .image::before {
            display: none
        }

        .banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.one, .banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.three, .banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.two {
            position: relative;
            left: 0;
            bottom: auto;
            margin: 0 15px;
            display: inline-block
        }

        .contact-section .info-column .inner-column, .counter-section .content-column .inner-column {
            padding-top: 0
        }

        .fact-counter .column:nth-child(2) {
            top: 0
        }

        .fact-counter .column:nth-child(4) {
            margin-top: 0
        }

        .testimonials-section .slider-outer .slides-column .inner-box {
            margin-left: 0
        }

        .blog-section .topapp-sec-title .text {
            margin-top: 30px
        }

        .news-block-two .inner-box .content-column .inner-column {
            padding: 30px
        }
    }@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .main-footer .topapp-footer-bottom .float-left {
        float: none !important
    }
}.app-host .container, .app-medi .container, .appilo-saas .container, .appseo-home .container, .crm-home .container, .pm-home .container, .seo-2-home .container, .soft-m-home .container, .web-app-home .container {
     max-width: 1200px
 }

    .footer_widget .menu {
        margin: 0;
        padding: 0;
        max-width: 205px
    }

    .footer_widget .menu li {
        list-style: none;
        display: inline-block;
        font-size: 14px;
        color: #383838;
        margin-right: 10px;
        margin-bottom: 10px;
        position: relative
    }

    div#saas-preloader {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../img/saas/pre.svg) center center no-repeat #fff
    }

    @-webkit-keyframes line_animation {
        0% {
            top: 0;
            opacity: 1
        }
        50% {
            top: 50%
        }
        100% {
            top: 100%;
            opacity: 1
        }
    }@keyframes line_animation {
         0% {
             top: 0;
             opacity: 1
         }
         50% {
             top: 50%
         }
         100% {
             top: 100%;
             opacity: 1
         }
     }@-webkit-keyframes scroll2 {
          0% {
              opacity: 1;
              bottom: 0
          }
          50% {
              bottom: 50%
          }
          100% {
              bottom: 100%;
              opacity: 1
          }
      }@keyframes scroll2 {
           0% {
               opacity: 1;
               bottom: 0
           }
           50% {
               bottom: 50%
           }
           100% {
               bottom: 100%;
               opacity: 1
           }
       }@keyframes slide {
            from {
                background-position: 0 0
            }
            to {
                background-position: 1920px 0
            }
        }@-webkit-keyframes slide {
             from {
                 background-position: 0 0
             }
             to {
                 background-position: 1920px 0
             }
         }.saas-main-navigation .dropdown > .saas-main-navigation .dropdown > .saas-main-navigation .dropdown > .saas-main-navigation .dropdown > .mobile_menu .saas-main-navigation .dropdown > #featured_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
              margin: 0 auto;
              height: 30px;
              max-width: 570px
          }

    .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto
    }

    .mCustomScrollBox.mCSB_vertical_horizontal {
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom
    }

    .mCustomScrollBox.mCSB_horizontal {
        -ms-touch-action: pan-y pinch-zoom;
        touch-action: pan-y pinch-zoom
    }

    .str-testimonial_indicator .active, .testimonial_indicator .active {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }

    .footer_widget .menu li:before {
        height: 1px;
        content: '';
        position: absolute;
        width: 0;
        right: 0;
        left: auto;
        bottom: 0;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        background-image: -webkit-linear-gradient(334deg, #20fdee 0, #0478e9 100%);
        background-image: -o-linear-gradient(334deg, #20fdee 0, #0478e9 100%);
        background-image: linear-gradient(116deg, #20fdee 0, #0478e9 100%)
    }

    .appl-header-section .navbar-nav > li > a:hover:before, .footer_widget .menu li:hover:before {
        width: 100%;
        right: auto;
        left: 0
    }

    .footer_widget figure.gallery-item {
        float: left;
        width: 75px;
        height: 75px;
        margin-right: 10px;
        margin-bottom: 7px;
        position: relative;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .footer_widget figure.gallery-item:before {
        position: absolute;
        top: 0;
        content: '';
        height: 100%;
        width: 100%;
        opacity: 0;
        background-color: #000;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .footer_widget figure.gallery-item:hover:before {
        opacity: .7
    }

70%,to {
        opacity: 0
    }

    @media screen and (max-width: 1140px) {
        .compare_section {
            overflow: hidden;
            padding-bottom: 30px
        }
    }@media screen and (max-width: 420px) {
    .banner_text p {
        font-size: 18px
    }
}div#appseo-preloader {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: url(../img/appilo-seo/pre.svg) center center no-repeat #fff
 }

    @keyframes borderpls {
        0% {
            -webkit-box-shadow: 0 0 0 0 #f7d4c0;
            box-shadow: 0 0 0 0 #f7d4c0
        }
        70% {
            -webkit-box-shadow: 0 0 0 10px #f7d4c0;
            box-shadow: 0 0 0 10px #f7d4c0;
            opacity: 0
        }
        to {
            -webkit-box-shadow: 0 0 0 0 #f7d4c0;
            box-shadow: 0 0 0 0 #f7d4c0;
            opacity: 0
        }
    }@-webkit-keyframes borderpls {
         0% {
             -webkit-box-shadow: 0 0 0 0 currentColor;
             box-shadow: 0 0 0 0 currentColor
         }
         70% {
             -webkit-box-shadow: 0 0 0 10px currentColor;
             box-shadow: 0 0 0 10px currentColor;
             opacity: 0
         }
         to {
             -webkit-box-shadow: 0 0 0 0 currentColor;
             box-shadow: 0 0 0 0 currentColor;
             opacity: 0
         }
     }@-webkit-keyframes appseoupdown {
          0%, 100% {
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }
      }@keyframes appseoupdown {
           0% {
               -webkit-transform: translateY(-10px);
               transform: translateY(-10px)
           }
           100% {
               -webkit-transform: translateY(10px);
               transform: translateY(10px)
           }
       }@-webkit-keyframes videoup {
            70% {
                -webkit-box-shadow: 0 0 0 30px transparent;
                box-shadow: 0 0 0 30px transparent
            }
            100% {
                -webkit-box-shadow: 0 0 0 0 transparent;
                box-shadow: 0 0 0 0 transparent
            }
        }@keyframes videoup {
             70% {
                 -webkit-box-shadow: 0 0 0 30px transparent;
                 box-shadow: 0 0 0 30px transparent
             }
             100% {
                 -webkit-box-shadow: 0 0 0 0 transparent;
                 box-shadow: 0 0 0 0 transparent
             }
         }@-webkit-keyframes animateBubble {
              0% {
                  margin-top: 20%
              }
              100% {
                  margin-top: -30%
              }
          }@-moz-keyframes animateBubble {
               0% {
                   margin-top: 20%
               }
               100% {
                   margin-top: -30%
               }
           }@keyframes animateBubble {
                0% {
                    margin-top: 20%
                }
                100% {
                    margin-top: -30%
                }
            }@-webkit-keyframes sideWays {
                 0% {
                     margin-left: 0
                 }
                 100% {
                     margin-left: 25px
                 }
             }@-moz-keyframes sideWays {
                  0% {
                      margin-left: 0
                  }
                  100% {
                      margin-left: 25px
                  }
              }@keyframes sideWays {
                   0% {
                       margin-left: 0
                   }
                   100% {
                       margin-left: 25px
                   }
               }@-webkit-keyframes flying {
                    0%, 100% {
                        -webkit-transform: translate(2px, 2px);
                        transform: translate(2px, 2px)
                    }
                    50% {
                        -webkit-transform: translate(-2px, -2px);
                        transform: translate(-2px, -2px)
                    }
                }@keyframes flying {
                     0%, 100% {
                         -webkit-transform: translate(2px, 2px);
                         transform: translate(2px, 2px)
                     }
                     50% {
                         -webkit-transform: translate(-2px, -2px);
                         transform: translate(-2px, -2px)
                     }
                 }@-webkit-keyframes fadeFromLeft {
                      0% {
                          opacity: 0;
                          -webkit-transform: translateX(-20px);
                          transform: translateX(-20px)
                      }
                      100% {
                          opacity: 1;
                          -webkit-transform: translateX(0);
                          transform: translateX(0)
                      }
                  }@keyframes fadeFromLeft {
                       0% {
                           opacity: 0;
                           -webkit-transform: translateX(-20px);
                           -ms-transform: translateX(-20px);
                           transform: translateX(-20px)
                       }
                       100% {
                           opacity: 1;
                           -webkit-transform: translateX(0);
                           -ms-transform: translateX(0);
                           transform: translateX(0)
                       }
                   }@-webkit-keyframes fadeFromRight {
                        0% {
                            opacity: 0;
                            -webkit-transform: translateX(20px);
                            transform: translateX(20px)
                        }
                        100% {
                            opacity: 1;
                            -webkit-transform: translateX(0);
                            transform: translateX(0)
                        }
                    }@keyframes fadeFromRight {
                         0% {
                             opacity: 0;
                             -webkit-transform: translateX(20px);
                             -ms-transform: translateX(20px);
                             transform: translateX(20px)
                         }
                         100% {
                             opacity: 1;
                             -webkit-transform: translateX(0);
                             -ms-transform: translateX(0);
                             transform: translateX(0)
                         }
                     }@-webkit-keyframes fadeFromUp {
                          0% {
                              opacity: 0;
                              -webkit-transform: translateY(20px);
                              transform: translateY(20px)
                          }
                          100% {
                              opacity: 1;
                              -webkit-transform: translateY(0);
                              transform: translateY(0)
                          }
                      }@keyframes fadeFromUp {
                           0% {
                               opacity: 0;
                               -webkit-transform: translateY(20px);
                               -ms-transform: translateY(20px);
                               transform: translateY(20px)
                           }
                           100% {
                               opacity: 1;
                               -webkit-transform: translateY(0);
                               -ms-transform: translateY(0);
                               transform: translateY(0)
                           }
                       }@-webkit-keyframes cd-rotate-3-in {
                            0% {
                                -webkit-transform: rotateY(180deg)
                            }
                            100% {
                                -webkit-transform: rotateY(0)
                            }
                        }@-moz-keyframes cd-rotate-3-in {
                             0% {
                                 -moz-transform: rotateY(180deg)
                             }
                             100% {
                                 -moz-transform: rotateY(0)
                             }
                         }@keyframes cd-rotate-3-in {
                              0% {
                                  -webkit-transform: rotateY(180deg);
                                  -moz-transform: rotateY(180deg);
                                  -ms-transform: rotateY(180deg);
                                  -o-transform: rotateY(180deg);
                                  transform: rotateY(180deg)
                              }
                              100% {
                                  -webkit-transform: rotateY(0);
                                  -moz-transform: rotateY(0);
                                  -ms-transform: rotateY(0);
                                  -o-transform: rotateY(0);
                                  transform: rotateY(0)
                              }
                          }@-webkit-keyframes cd-rotate-3-out {
                               0% {
                                   -webkit-transform: rotateY(0)
                               }
                               100% {
                                   -webkit-transform: rotateY(-180deg)
                               }
                           }@-moz-keyframes cd-rotate-3-out {
                                0% {
                                    -moz-transform: rotateY(0)
                                }
                                100% {
                                    -moz-transform: rotateY(-180deg)
                                }
                            }@keyframes cd-rotate-3-out {
                                 0% {
                                     -webkit-transform: rotateY(0);
                                     -moz-transform: rotateY(0);
                                     -ms-transform: rotateY(0);
                                     -o-transform: rotateY(0);
                                     transform: rotateY(0)
                                 }
                                 100% {
                                     -webkit-transform: rotateY(-180deg);
                                     -moz-transform: rotateY(-180deg);
                                     -ms-transform: rotateY(-180deg);
                                     -o-transform: rotateY(-180deg);
                                     transform: rotateY(-180deg)
                                 }
                             }.appseo-banner-section .cd-headline.rotate-3 i {
                                  display: inline-block;
                                  -webkit-transform: rotateY(180deg);
                                  -moz-transform: rotateY(180deg);
                                  -ms-transform: rotateY(180deg);
                                  -o-transform: rotateY(180deg);
                                  transform: rotateY(180deg);
                                  -webkit-backface-visibility: hidden;
                                  backface-visibility: hidden;
                                  font-style: normal;
                                  font-weight: 700
                              }

    .appseo-banner-section .is-visible .cd-headline.rotate-3 i {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }

    .appseo-banner-section .cd-headline.rotate-3 i.in {
        -webkit-animation: .6s forwards cd-rotate-3-in;
        -moz-animation: .6s forwards cd-rotate-3-in;
        animation: .6s forwards cd-rotate-3-in
    }

    .appseo-banner-section .cd-headline.rotate-3 i.out {
        -webkit-animation: .6s forwards cd-rotate-3-out;
        -moz-animation: .6s forwards cd-rotate-3-out;
        animation: .6s forwards cd-rotate-3-out
    }

    .appseo-banner-section .no-csstransitions .cd-headline.rotate-3 i {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 0
    }

    .appseo-pricing-section .appseo-pricing-inner-box.popular-appseo {
        position: relative;
        top: 0
    }

    .appseo-footer-widget .menu li a:hover, .appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi.slick-current.slick-center h3 {
        color: #ff8533
    }

    .appseo-footer-widget .menu li {
        padding-left: 30px;
        position: relative;
        margin-bottom: 5px
    }

    .appseo-footer-widget .menu li:after, .appseo-footer-widget .menu li:before {
        left: 0;
        top: 10px;
        width: 7px;
        content: '';
        height: 7px;
        position: absolute;
        border-radius: 100%;
        background-color: #ff8533
    }

    .appseo-footer-widget .menu li:after {
        left: 10px
    }

    .appseo-footer-widget .menu li a {
        color: #c9c9c9;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

70% {
    -webkit-box-shadow: 0 0 0 30px #082680;
    box-shadow: 0 0 0 30px #082680;
    -webkit-box-shadow: 0 0 0 30px currentColor;
    box-shadow: 0 0 0 30px currentColor
}to {
     -webkit-box-shadow: 0 0 0 0 currentColor;
     box-shadow: 0 0 0 0 currentColor
 }

70% {
    -webkit-box-shadow: 0 0 0 10px #082680;
    box-shadow: 0 0 0 10px #082680
}to {
     -webkit-box-shadow: 0 0 0 0 #082680;
     box-shadow: 0 0 0 0 #082680
 }

100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0)
}div#str-preloader {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: url(../img/app-startup/pre.svg) center center no-repeat #fff
 }

    @-moz-keyframes zooming {
        0%, 100% {
            -moz-transform: scale(1, 1);
            transform: scale(1, 1)
        }
        50% {
            -moz-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05)
        }
    }@-webkit-keyframes zooming {
         0%, 100% {
             -webkit-transform: scale(1, 1);
             transform: scale(1, 1)
         }
         50% {
             -webkit-transform: scale(1.05, 1.05);
             transform: scale(1.05, 1.05)
         }
     }@keyframes zooming {
          0%, 100% {
              -moz-transform: scale(1, 1);
              -ms-transform: scale(1, 1);
              -webkit-transform: scale(1, 1);
              transform: scale(1, 1)
          }
          50% {
              -moz-transform: scale(1.05, 1.05);
              -ms-transform: scale(1.05, 1.05);
              -webkit-transform: scale(1.05, 1.05);
              transform: scale(1.05, 1.05)
          }
      }.str-section-title.str-title-left h2:before {
           right: auto
       }

    .str-about-section .str-about-content .str-progress-area .barfiller .tip {
        left: 0;
        z-index: 2;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        padding: 2px 4px;
        background: #333;
        margin-top: -30px;
        position: absolute;
        font-family: poppins
    }

    .str-about-section .str-about-content .str-progress-area .barfiller .tip:after {
        left: 9px;
        z-index: 9;
        content: "";
        bottom: -4px;
        border: solid;
        display: block;
        position: absolute;
        border-width: 6px 6px 0;
        border-color: rgba(0, 0, 0, .8) transparent
    }

    @-webkit-keyframes rotate-anim {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }@keyframes rotate-anim {
         0% {
             -webkit-transform: rotate(0);
             transform: rotate(0)
         }
         100% {
             -webkit-transform: rotate(360deg);
             transform: rotate(360deg)
         }
     }
    .app-host .host-app-header-section .collapse:not(.show), .app-osaas-accordion-box .block .acc-content.current, .app-osaas-cources-tabs .tabs-content .tab.active-tab, .app-osaas-platform-app-osaas-intro-section .platform-tabs .tabs-content .tab.active-tab, .app-osaas-platform-section .platform-tabs .tabs-content .tab.active-tab, .app-osaas-testimonial-section .clients-tabs .tabs-content .tab.active-tab, .app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .tab.active-tab, .elementor-accordion .elementor-tab-content.elementor-active, .elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed, .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened, .str-blog-section .str-blog-area .owl-dots .owl-dot.active:after, .str-testimonial_indicator-dot .carousel-indicators2 li.active:after, .web-app-pricing-plan-item .web-app-pricing-plan-tab-btn .nav {
        display: block
    }

    .str-home figure.gallery-item {
        float: left;
        margin: 5px
    }

    div#aplpreloader {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../img/appilo-landing/pre.svg) center center no-repeat #f1f1f1
    }

    @-webkit-keyframes updown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(-10px)
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(100px)
        }
    }@keyframes updown {
         0% {
             -webkit-transform: translateY(0);
             transform: translateY(-10px)
         }
         100% {
             -webkit-transform: translateY(0);
             transform: translateY(100px)
         }
     }@-webkit-keyframes zoominout {
          0%, 100% {
              -webkit-transform: scale(1);
              transform: scale(1)
          }
          50% {
              -webkit-transform: scale(1.2);
              transform: scale(1.2)
          }
      }@keyframes zoominout {
           0%, 100% {
               -webkit-transform: scale(1);
               transform: scale(1)
           }
           50% {
               -webkit-transform: scale(1.2);
               transform: scale(1.2)
           }
       }@-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }@keyframes spin {
             0% {
                 -webkit-transform: rotate(0);
                 transform: rotate(0)
             }
             100% {
                 -webkit-transform: rotate(360deg);
                 transform: rotate(360deg)
             }
         }@keyframes animationFramesOne {
              0%, 100% {
                  -webkit-transform: translate(0, 0) rotate(0);
                  transform: translate(0, 0) rotate(0)
              }
              20% {
                  -webkit-transform: translate(73px, -1px) rotate(36deg);
                  transform: translate(73px, -1px) rotate(36deg)
              }
              40% {
                  -webkit-transform: translate(111px, 72px) rotate(72deg);
                  transform: translate(111px, 72px) rotate(72deg)
              }
              60% {
                  -webkit-transform: translate(93px, 122px) rotate(108deg);
                  transform: translate(93px, 122px) rotate(108deg)
              }
              80% {
                  -webkit-transform: translate(-70px, 72px) rotate(124deg);
                  transform: translate(-70px, 72px) rotate(124deg)
              }
          }@-webkit-keyframes animationFramesOne {
               0%, 100% {
                   -webkit-transform: translate(0, 0) rotate(0)
               }
               20% {
                   -webkit-transform: translate(73px, -1px) rotate(36deg)
               }
               40% {
                   -webkit-transform: translate(111px, 72px) rotate(72deg)
               }
               60% {
                   -webkit-transform: translate(83px, 122px) rotate(108deg)
               }
               80% {
                   -webkit-transform: translate(-40px, 72px) rotate(124deg)
               }
           }@keyframes animationFramesTwo {
                0%, 100% {
                    -webkit-transform: translate(0, 0) rotate(0) scale(1);
                    transform: translate(0, 0) rotate(0) scale(1)
                }
                20% {
                    -webkit-transform: translate(73px, -1px) rotate(36deg) scale(.9);
                    transform: translate(73px, -1px) rotate(36deg) scale(.9)
                }
                40% {
                    -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
                    transform: translate(141px, 72px) rotate(72deg) scale(1)
                }
                60% {
                    -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
                    transform: translate(83px, 122px) rotate(108deg) scale(1.2)
                }
                80% {
                    -webkit-transform: translate(-40px, 72px) rotate(104deg) scale(1.1);
                    transform: translate(-40px, 72px) rotate(104deg) scale(1.1)
                }
            }@-webkit-keyframes animationFramesTwo {
                 0%, 100% {
                     -webkit-transform: translate(0, 0) rotate(0) scale(1)
                 }
                 20% {
                     -webkit-transform: translate(73px, -1px) rotate(36deg) scale(.9)
                 }
                 40% {
                     -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1)
                 }
                 60% {
                     -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2)
                 }
                 80% {
                     -webkit-transform: translate(-40px, 72px) rotate(104deg) scale(1.1)
                 }
             }@keyframes animationFramesThree {
                  0% {
                      -webkit-transform: translate(165px, -179px);
                      transform: translate(165px, -179px)
                  }
                  100% {
                      -webkit-transform: translate(-346px, 617px);
                      transform: translate(-346px, 617px)
                  }
              }@-webkit-keyframes animationFramesThree {
                   0% {
                       -webkit-transform: translate(165px, -179px)
                   }
                   100% {
                       -webkit-transform: translate(-346px, 617px)
                   }
               }@keyframes animationFramesFour {
                    0% {
                        -webkit-transform: translate(-300px, 151px) rotate(0);
                        transform: translate(-300px, 151px) rotate(0)
                    }
                    100% {
                        -webkit-transform: translate(251px, -200px) rotate(180deg);
                        transform: translate(251px, -200px) rotate(180deg)
                    }
                }@-webkit-keyframes animationFramesFour {
                     0% {
                         -webkit-transform: translate(-300px, 151px) rotate(0)
                     }
                     100% {
                         -webkit-transform: translate(251px, -200px) rotate(180deg)
                     }
                 }@keyframes animationFramesFive {
                      0% {
                          -webkit-transform: translate(61px, -99px) rotate(0);
                          transform: translate(61px, -99px) rotate(0)
                      }
                      21% {
                          -webkit-transform: translate(4px, -190px) rotate(38deg);
                          transform: translate(4px, -190px) rotate(38deg)
                      }
                      41% {
                          -webkit-transform: translate(-139px, -200px) rotate(74deg);
                          transform: translate(-139px, -200px) rotate(74deg)
                      }
                      60% {
                          -webkit-transform: translate(-263px, -164px) rotate(108deg);
                          transform: translate(-263px, -164px) rotate(108deg)
                      }
                      80% {
                          -webkit-transform: translate(-195px, -49px) rotate(144deg);
                          transform: translate(-195px, -49px) rotate(144deg)
                      }
                      100% {
                          -webkit-transform: translate(-1px, 0) rotate(180deg);
                          transform: translate(-1px, 0) rotate(180deg)
                      }
                  }@-webkit-keyframes animationFramesFive {
                       0% {
                           -webkit-transform: translate(61px, -99px) rotate(0)
                       }
                       21% {
                           -webkit-transform: translate(4px, -190px) rotate(38deg)
                       }
                       41% {
                           -webkit-transform: translate(-139px, -200px) rotate(74deg)
                       }
                       60% {
                           -webkit-transform: translate(-263px, -164px) rotate(108deg)
                       }
                       80% {
                           -webkit-transform: translate(-195px, -49px) rotate(144deg)
                       }
                       100% {
                           -webkit-transform: translate(-1px, 0) rotate(180deg)
                       }
                   }@-webkit-keyframes animationFramesSix {
                        0% {
                            -webkit-transform: translate(31px, -45px) rotate(0);
                            transform: translate(31px, -45px) rotate(0)
                        }
                        21% {
                            -webkit-transform: translate(4px, -80px) rotate(19deg);
                            transform: translate(4px, -80px) rotate(19deg)
                        }
                        41% {
                            -webkit-transform: translate(-70px, -100px) rotate(36deg);
                            transform: translate(-70px, -100px) rotate(36deg)
                        }
                        60% {
                            -webkit-transform: translate(-133px, -84px) rotate(54deg);
                            transform: translate(-133px, -84px) rotate(54deg)
                        }
                        80% {
                            -webkit-transform: translate(-98px, -24px) rotate(72deg);
                            transform: translate(-98px, -24px) rotate(72deg)
                        }
                        100% {
                            -webkit-transform: translate(-1px, 0) rotate(180deg);
                            transform: translate(-1px, 0) rotate(180deg)
                        }
                    }@keyframes animationFramesSix {
                         0% {
                             -webkit-transform: translate(31px, -45px) rotate(0);
                             transform: translate(31px, -45px) rotate(0)
                         }
                         21% {
                             -webkit-transform: translate(4px, -80px) rotate(19deg);
                             transform: translate(4px, -80px) rotate(19deg)
                         }
                         41% {
                             -webkit-transform: translate(-70px, -100px) rotate(36deg);
                             transform: translate(-70px, -100px) rotate(36deg)
                         }
                         60% {
                             -webkit-transform: translate(-133px, -84px) rotate(54deg);
                             transform: translate(-133px, -84px) rotate(54deg)
                         }
                         80% {
                             -webkit-transform: translate(-98px, -24px) rotate(72deg);
                             transform: translate(-98px, -24px) rotate(72deg)
                         }
                         100% {
                             -webkit-transform: translate(-1px, 0) rotate(180deg);
                             transform: translate(-1px, 0) rotate(180deg)
                         }
                     }@keyframes pulse-border {
                          0% {
                              -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                              transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                              opacity: 1
                          }
                          100% {
                              -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                              transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                              opacity: 0
                          }
                      }@-webkit-keyframes color-change {
                           0%, 100% {
                               color: #723cbe
                           }
                           50% {
                               color: #f002a1
                           }
                       }@keyframes color-change {
                            0%, 100% {
                                color: #723cbe
                            }
                            50% {
                                color: #f002a1
                            }
                        }@-webkit-keyframes pulse-border {
                             0% {
                                 -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                                 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                                 opacity: 1
                             }
                             100% {
                                 -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                                 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                                 opacity: 0
                             }
                         }@keyframes pulse-border {
                              0% {
                                  -webkit-transform: scale(1);
                                  transform: scale(1);
                                  opacity: .3
                              }
                              100% {
                                  -webkit-transform: scale(1.6);
                                  transform: scale(1.6);
                                  opacity: 0
                              }
                          }.appl-header-section .main-navigation .dropdown:after, .tmx-mega-menu > a:after {
                               top: 0;
                               color: #fff;
                               right: -15px;
                               content: "+";
                               font-weight: 900;
                               position: absolute;
                               -webkit-transition: .3s ease-in-out;
                               -o-transition: .3s ease-in-out;
                               transition: .3s ease-in-out;
                               font-family: "font awesome 5 free"
                           }

    .appl-header-section .navbar-nav > li {
        margin: 0 25px
    }

    .appl-header-section .navbar-nav > li > a:before {
        right: 0;
        left: auto;
        content: "";
        height: 3px;
        width: 0;
        bottom: 5px;
        position: absolute;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        background: -o-linear-gradient(60deg, #6b3fc0 0, #f400a1 100%);
        background: linear-gradient(30deg, #6b3fc0 0, #f400a1 100%)
    }

    .demo-section .container {
        max-width: 1665px
    }

    .demo-section li.filtr-active {
        color: #fff;
        border-radius: 43px;
        -webkit-box-shadow: 0 8px 8px 0 rgba(0, 132, 255, .25);
        box-shadow: 0 8px 8px 0 rgba(0, 132, 255, .25)
    }

    .app-osaas-counter-section-two .app-osaas-fact-counter-two .column:last-child .inner:before, .app-osaas-fact-counter-three .column:last-child .inner .content:before, .app-osaas-main-footer.style-five::before, .app-osaas-main-footer.style-four::before, .app-osaas-main-footer.style-three:before, .app-osaas-main-footer.style-two::before, .app-osaas-mobile-menu .navigation li > ul, .app-osaas-mobile-menu .navigation li > ul > li > ul, .app_btn.demo-coming-soon, .appilo-language-elements .language > a:after, .elementor-widget-table-of-contents.elementor-toc--collapsed .elementor-toc__toggle-button--collapse, .elementor-widget-table-of-contents:not(.elementor-toc--collapsed) .elementor-toc__toggle-button--expand, .host-app-service-section .service-wrapper .nav-tabs li .nav-link.active::before, .sticky-header .app-osaas-main-menu .navigation > li > a:after {
        display: none
    }

    .demo-image.demo-coming-soon {
        filter: blur(3px)
    }

    .review-slide-area.owl-carousel .owl-dots .owl-dot.active {
        background-color: #46f252
    }

    #offcanvas-menu.toggled {
        transform: translateX(0)
    }

    .menu-toggle.sticky {
        position: fixed;
        width: 100%;
        top: 0;
        right: 0;
        text-align: right;
        padding: 10px 10px 10px 0;
        border-radius: 0
    }

    .menu-toggle.sticky::before {
        content: "";
        position: absolute;
        width: 130px;
        height: 30px;
        left: 0;
        right: 0;
        display: none;
        top: 50%;
        margin: -15px auto 0;
        background: url(../images/logo-m.png) no-repeat
    }

    #offcanvas-menu .menu-wrapper li a.active {
        color: #ff9600
    }

    @media (max-width: 991px) and (min-width: 768px) {
        .menu-toggle {
            display: block
        }
    }.app-host a, .app-host a > * {
         outline: 0;
         cursor: pointer
     }

    div#host-preloader {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../img/cloud-hosting/pre.svg) center center no-repeat #fff
    }

    .app-host .btn {
        font-family: roboto, sans-serif;
        font-size: 20px;
        line-height: 26px;
        font-weight: 700
    }

    .app-host .btn.active, .app-host .btn:active {
        box-shadow: none
    }

    .app-host .btn.active.focus, .app-host .btn.active:focus, .app-host .btn.focus, .app-host .btn:active.focus, .app-host .btn:active:focus, .app-host .btn:focus {
        outline: 0
    }

    .app-host .btn-primary.active.focus, .app-host .btn-primary.active:focus, .app-host .btn-primary.active:hover, .app-host .btn-primary.focus, .app-host .btn-primary:active.focus, .app-host .btn-primary:active:focus, .app-host .btn-primary:active:hover, .app-host .btn-primary:focus, .app-host .open > .app-host .btn-primary.active, .app-host .open > .dropdown-toggle.btn-primary.focus, .app-host .open > .dropdown-toggle.btn-primary:focus {
        background-color: #3575d3;
        box-shadow: 0 5px #3265b0
    }

    .app-host .nav, .it-up-service-tab-btn .nav {
        display: inherit
    }

    select:-webkit-autofill, textarea:-webkit-autofill {
        background-color: transparent;
        background-image: none;
        color: #fff
    }

    .app-host .bottom-nevigation .pagination li.active > a {
        color: #fff;
        background-color: #3575d3;
        border-color: #3575d3
    }

    #testimonial-carousel-two .owl-dots .owl-dot.active, .app-host .bottom-nevigation .pagination li.active > a:active, .app-host .bottom-nevigation .pagination li.active > a:focus, .app-host .bottom-nevigation .pagination li.active > a:hover, .host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .header, .host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .header, .hosting-price-section .hosting-carousel .owl-dots .owl-dot.active span, .offer-section .offer-carousel .owl-dots .owl-dot.active span {
        background-color: #3575d3
    }

    .i-red {
        color: #a40000
    }

    .app-host .bottom-nevigation .pagination > li > a:focus, .app-host .bottom-nevigation .pagination > li > a:hover, .app-host .bottom-nevigation .pagination > li > span:focus, .app-host .bottom-nevigation .pagination > li > span:hover, .host-app-service-section .service-wrapper .nav-tabs li .nav-link.active a, .smm-home.dark-version .nav-tabs .nav-link.active {
        background-color: transparent
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .app-host .header-title {
            padding: 250px 0 50px
        }

        .host-app-header-section .top-bar .header-left-bar .contact-wrapper li {
            font-size: 15px
        }
    }.app-host .header-title .app-host .title {
         font-size: 48px;
         font-weight: 700;
         line-height: 42px;
         color: #fff;
         margin-bottom: 0
     }

    @media only screen and (max-width: 991px) {
        .app-host .ch-section-padding {
            padding: 100px 0
        }

        .app-host .header-title {
            padding: 140px 0 50px
        }

        .app-host .header-title .app-host .title {
            font-size: 35px;
            line-height: 35px
        }

        .host-app-header-section {
            display: inline-block
        }
    }@media (min-width: 480px) and (max-width: 767px) {
    .app-host h1 {
        font-size: 40px
    }

    .app-host h2 {
        font-size: 30px;
        line-height: 35px
    }

    .app-host .header-title .app-host .title {
        font-size: 30px;
        line-height: 30px
    }
}.host-app-header-section .top-bar .header-right-bar .access li #search-modeal.active {
     visibility: visible;
     opacity: 1;
     transform: translateY(0);
     z-index: 1000
 }

    @media (min-width: 1500px) and (max-width: 1800px) {
        .host-app-header-section .navbar::before {
            width: 460px
        }
    }@media (min-width: 1200px) and (max-width: 1499px) {
    .host-app-header-section .navbar::before {
        width: 360px
    }
}.host-app-header-section .navbar.sticky {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     background-color: #fff;
     box-shadow: 0 0 20px 0 rgba(64, 64, 64, .16);
     padding: 0;
     z-index: 998
 }

    .host-app-header-section .navbar .navbar-collapse .navbar-nav li.active a {
        color: #f5800d;
        background-color: transparent
    }

    .host-app-header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li.active a {
        color: #f5800d !important
    }

    @media (min-width: 1500px) and (max-width: 2100px) {
        .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu {
            width: 1 e3px;
            left: -500px
        }
    }.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content {
         padding-top: 5px
     }

    .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content h4 {
        font-size: 17px;
        text-transform: capitalize;
        color: #f5800d;
        margin-bottom: 5px
    }

    .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content .message, .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content .number {
        font-size: 14px;
        line-height: 20px;
        text-transform: capitalize;
        display: block;
        color: #676767
    }

    @media only screen and (max-width: 1499px) {
        .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu {
            padding: 20px;
            left: -344px
        }

        .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li:first-child {
            display: none
        }

        .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li {
            margin: 0 10px
        }

        .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li:first-child {
            display: inherit
        }.

    }.data-center-section .data-center-carousel .center-wrapper .link:hover, .homePageThree .host-app-header-section .navbar .navbar-collapse .navbar-nav li.active a, .host-app-domain-section .domain-sidebar .btn:hover a, .host-app-footer-section .footer-container .footer-wrapper .menu li a:hover, .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li.active a, .host-app-joining-section .btn:hover a, .news-section .news-left-bar .news-wrapper
    .wrapper-content .link a:hover, .news-section .single-news .news-wrapper .wrapper-content .link a:hover, .team-section .team-wrapper:hover .wrapper-contant h3 > a {
             color: #f5800d
         }

    .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .item {
        transition-property: opacity
    }

    .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.left, .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.right, .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .next {
        left: 0;
        transform: translate3d(0, 0, 0)
    }

    .package-section .package-wrapper .amount {
        font-family: dosis, sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 36px;
        color: #1b232f;
        margin-bottom: 60px;
        transition: .5s
    }

    .package-section .package-wrapper .amount sub {
        font-size: 24px;
        vertical-align: top
    }

    .package-section .btn {
        background-color: #f5800d;
        margin-top: 90px;
        font-weight: 500;
        padding: 12px 43px;
        box-shadow: 0 5px #c76708
    }

    .account-section .account-wrapper .form-section .support-form .form-group .btn:hover, .host-app-achivement-section .client-wrapper .btn:hover, .hosting-section .hosting-wrapper .btn:hover, .map-section .form-section .support-form .form-group .btn:hover, .package-section .btn:hover {
        box-shadow: 0 3px #c76708
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn.active.focus, .host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn:focus, .host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn.active.focus, .host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn:focus, .host-app-process-section .process-wrapper .process-content .btn.active.focus, .host-app-process-section .process-wrapper .process-content .btn:focus, .package-section .btn.active.focus, .package-section .btn.active:hover, .package-section .btn:focus {
        top: 2px;
        background-color: #f5800d;
        box-shadow: 0 3px #c76708
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn.active, .host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn.active, .host-app-process-section .process-wrapper .process-content .btn.active, .package-section .btn.active {
        top: 0;
        background-color: #f5800d;
        box-shadow: 0 5px #c76708
    }

    .mission-section .mission-wrapper .nav-tabs li.active > a {
        color: #fff;
        background-color: #f5800d;
        border-radius: 8px
    }

    .host-app-priceing-section .priceing-option .nav-tabs li.active a, .host-app-service-section .service-wrapper .nav-tabs li .nav-link.active:hover, .mission-section .mission-wrapper .nav-tabs li.active > a:hover {
        background-color: #f5800d
    }

    .mission-section .mission-wrapper .nav-tabs li.active > a, .mission-section .mission-wrapper .nav-tabs li.active > a:focus, .mission-section .mission-wrapper .nav-tabs li.active > a:hover {
        border: 0
    }

    .team-section .team-wrapper .wrapper-contant .position {
        font-size: 16px;
        font-weight: 600;
        line-height: 25px;
        color: #616872;
        padding-bottom: 12px;
        border-bottom: 1px solid #b7b3a5;
        margin-bottom: 20px
    }

    .host-app-joining-section .btn {
        font-size: 18px;
        font-weight: 500;
        background-color: #1b232f;
        padding: 9px 29px
    }

    .host-app-joining-section .btn i {
        color: #f5800d;
        margin-right: 5px
    }

    @media only screen and (max-width: 600px) {
        .host-app-joining-section {
            text-align: center
        }

        .host-app-joining-section h2 {
            display: block
        }

        .host-app-joining-section .btn {
            float: none !important;
            margin-top: 10px
        }
    }@media (min-width: 768px) and (max-width: 991px) {
    .host-app-header-section .top-bar .header-left-bar .contact-wrapper li {
        font-size: 15px
    }

    .host-app-header-section .navbar.sticky {
        margin-top: -88px
    }

    .host-app-domain-section .domain-wrapper h3, .host-app-searching-section .searching-wrapper h3 {
        font-size: 30px;
        line-height: 35px
    }
}@media (min-width: 991px) and (max-width: 1199px) {
    .host-app-domain-section .domain-wrapper .domain-bar {
        margin-top: 25px
    }
}@media (min-width: 1200px) and (max-width: 1399px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        width: 55%
    }

    .host-app-searching-section .searching-wrapper {
        margin-right: 140px
    }
}@media (min-width: 992px) and (max-width: 1199px) {
    .host-app-header-section .navbar::before {
        width: 260px
    }

    .host-app-header-section .navbar .navbar-collapse .navbar-nav {
        margin-right: 40px
    }

    .host-app-header-section .navbar .navbar-collapse .navbar-nav li {
        margin-right: 25px
    }

    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        width: 65%;
        padding: 15px 20px
    }
}@media only screen and (max-width: 991px) {
    .host-app-header-section .navbar .navbar-collapse .navbar-nav {
        float: none !important;
        display: inline-block
    }

    .host-app-slider-section {
        margin-top: 0
    }

    .call-to-action .action-wrapper h3, .host-app-joining-section h2, .team-section .team-wrapper .wrapper-contant h3 a, .team-section .team-wrapper .wrapper-contant ul li i {
        font-size: 25px
    }

    .package-section .package-wrapper {
        padding-top: 70px
    }

    .package-section .package-wrapper .amount {
        font-size: 35px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .package-section .btn {
        font-size: 18px;
        padding: 10px 35px;
        margin-top: 60px
    }

    .mission-section {
        padding: 50px 0 70px
    }

    .mission-section .mission-wrapper .mission-content {
        padding-top: 30px
    }

    .mission-section .mission-wrapper .mission-content h3 {
        font-size: 40px;
        margin-bottom: 20px
    }

    .mission-section .mission-wrapper .mission-content p {
        margin-bottom: 20px
    }

    .team-section .section-title h2 {
        font-size: 40px
    }

    .team-section .team-wrapper {
        margin-bottom: 40px
    }

    .team-section .team-wrapper .wrapper-contant h3 {
        margin: 10px 0 5px
    }

    .team-section .team-wrapper .wrapper-contant .position {
        margin-bottom: 10px
    }

    .host-app-domain-section .domain-wrapper {
        margin: 0 0 40px
    }

    .host-app-domain-section .domain-wrapper .domain-bar {
        margin-top: 25px
    }

    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        padding: 15px 30px
    }
}@media only screen and (max-width: 767px) {
    .main-menu .navigation > li.has-mega-menu, .mobile-menu .navigation li.has-mega-menu {
        display: none
    }

    .main-menu .navigation > li.has-mega-menu {
        position: relative !important
    }

    .main-menu .navbar-collapse.in {
        padding: 0;
        border: 0;
        margin: 0 0 15px;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none
    }

    .main-menu .navbar-collapse > .main-menu .navbar-collapse > .navigation > li {
        margin: 0 !important;
        float: none !important;
        padding: 0 !important;
        width: 100%
    }

    .main-menu .navbar-collapse > .navigation > li:first-child, .main-menu .navigation > li > a, .main-menu .navigation > li > ul:before {
        border: 0
    }

    .main-menu .navbar-collapse > .navigation > li > a {
        border: 0 !important
    }

    .main-menu .navigation li.dropdown > a:after, .main-menu .navigation > li.dropdown > a:before, .main-menu .navigation > li > ul > li > a::before, .main-menu .navigation > li > ul > li > ul > li > a::before {
        color: #fff !important;
        right: 15px;
        font-size: 16px;
        display: none !important
    }

    .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
        position: relative;
        border: 0;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        padding: 0;
        outline: 0;
        width: 100%;
        background: #2c2c2c;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important
    }

    .main-menu .navbar-collapse > .navigation > li, .main-menu .navbar-collapse > .navigation > li > ul > li, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
        border-top: 1px solid #fff !important;
        border-bottom: 0;
        opacity: 1 !important;
        top: 0 !important;
        left: 0 !important;
        visibility: visible !important
    }

    .main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
        padding: 10px !important;
        line-height: 22px;
        color: #fff;
        background: #2c2c2c;
        text-align: left
    }

    .main-menu .navbar-collapse > .navigation > li > a:active, .main-menu .navbar-collapse > .navigation > li > a:focus, .main-menu .navbar-collapse > .navigation > li > a:hover {
        background: #cc8809
    }

    .main-menu .navbar-collapse > .navigation > li.current-menu-item > a, .main-menu .navbar-collapse > .navigation > li.current > a, .main-menu .navbar-collapse > .navigation > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a {
        background: #2c2c2c;
        color: #fff !important
    }

    .main-header .header-upper .outer-box, .main-menu .navbar-collapse > .main-header .top-left, .main-menu .navbar-collapse > .navigation li.dropdown:after, .main-menu .navigation > li > ul:before, .main-slider .owl-nav {
        display: none !important
    }

    .main-header .outer-box .option-box > li {
        margin-left: 0;
        margin-right: 20px
    }

    .page-title .content h1 {
        font-size: 38px
    }

    .mCSB_inside > .fact-counter .column .inner .content {
        text-align: center
    }

    .topapp-screenshot-slider .swiper-slide.swiper-slide-active {
        border-radius: 0
    }

    .app-host .ch-section-padding {
        padding: 70px 0
    }

    .host-app-header-section .top-bar .header-left-bar .contact-wrapper li {
        font-size: 15px
    }

    .host-app-slider-section .medium-text .big-text {
        font-size: 18px;
        line-height: 30px;
        font-weight: 400
    }

    .call-to-action {
        padding-bottom: 40px
    }

    .call-to-action .action-wrapper h3 {
        margin: 15px 0 10px
    }

    .call-to-action .action-wrapper {
        margin-bottom: 50px
    }

    .package-section .package-wrapper {
        width: 50%;
        margin: 0 auto 30px
    }

    .package-section .btn {
        font-size: 16px;
        padding: 8px 30px;
        margin-top: 20px
    }

    .mission-section {
        padding: 35px 0 60px
    }

    .mission-section .mission-wrapper .nav-tabs li a {
        font-size: 18px;
        padding: 10px 40px
    }

    .mission-section .mission-wrapper .mission-content h3 {
        font-size: 35px
    }

    .team-section .section-title h2 {
        font-size: 35px;
        margin-bottom: 15px
    }

    .team-section .team-wrapper img {
        height: auto
    }

    .host-app-joining-section h2 {
        font-size: 22px
    }

    .host-app-joining-section .btn {
        font-size: 16px;
        padding: 6px 22px
    }

    .host-app-domain-section .domain-wrapper h3 {
        font-size: 25px;
        line-height: 30px
    }

    .host-app-domain-section .domain-wrapper .domain-bar {
        margin-top: 10px
    }

    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        width: 50%;
        font-size: 16px;
        padding: 10px 15px
    }
}@media only screen and (max-width: 479px) {
    .main-header .search-box-outer .dropdown-menu {
        top: 44px
    }

    .banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.one, .banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.three, .banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.two {
        margin: 0 5px
    }

    .topapp-main .steps-section .steps-tabs .tab-btns .tab-btn .number {
        position: relative;
        left: 0;
        display: block;
        text-align: left;
        margin-bottom: 10px
    }

    .topapp-main .steps-section .steps-tabs .tab-btns .tab-btn .icon {
        position: relative
    }

    .blog-single .inner-box .lower-content blockquote {
        padding-left: 30px;
        padding-right: 30px
    }

    .app-host h1 {
        font-size: 34px
    }

    .app-host .header-title .app-host .title, .app-host h2 {
        font-size: 25px;
        line-height: 30px
    }

    .app-host h3 {
        font-size: 20px
    }

    .app-host .bottom-nevigation .pagination li a {
        width: 30px;
        height: 30px;
        line-height: 15px;
        font-size: 12px;
        margin: 0 2px 5px
    }

    .app-host .header-title {
        padding: 120px 0 30px
    }

    .call-to-action .action-wrapper h3 {
        font-size: 22px
    }

    .call-to-action .action-wrapper {
        margin-bottom: 35px
    }

    .package-section .package-wrapper {
        width: 100%;
        padding: 50px 0 20px;
        margin-bottom: 20px
    }

    .package-section .package-wrapper .amount {
        margin-bottom: 10px
    }

    .package-section .btn {
        font-size: 14px;
        padding: 6px 25px
    }

    .mission-section {
        padding: 50px 0 40px
    }

    .mission-section .mission-wrapper .nav-tabs {
        margin-top: 30px
    }

    .mission-section .mission-wrapper .nav-tabs li > a {
        font-size: 15px;
        padding: 6px 35px
    }

    .mission-section .mission-wrapper .mission-content {
        padding-top: 25px
    }

    .mission-section .mission-wrapper .mission-content h3 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .team-section .section-title {
        margin-bottom: 30px
    }

    .team-section .section-title h2 {
        font-size: 30px
    }

    .team-section .team-wrapper {
        margin-bottom: 40px
    }

    .team-section .team-wrapper .wrapper-contant h3 a {
        font-size: 18px
    }

    .team-section .team-wrapper .wrapper-contant h3 {
        margin: 15px 0 0
    }

    .team-section .team-wrapper .wrapper-contant .position {
        font-size: 16px;
        padding-bottom: 10px
    }

    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        width: auto;
        padding: 8px 15px
    }
}.host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {
     font-size: 18px;
     font-weight: 500;
     color: #596777;
     background-color: #d0d3d8;
     border: 0;
     padding: 21.5px 25px 21px;
     margin: -3px 0 0 -3px;
     border-radius: 0
 }

    @media only screen and (max-width: 1199px) {
        .host-app-domain-section .domain-sidebar {
            margin-left: 0
        }
    }.host-app-domain-section .domain-sidebar .btn {
         width: 100%;
         font-size: 18px;
         font-weight: 500;
         background-color: #e74c3c;
         border-radius: 8px;
         padding: 8px 0
     }

    @media (min-width: 991px) and (max-width: 1199px) {
        .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {
            padding: 15px 20px 16px;
            margin: -3px 0 0 -5px
        }

        .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {
            padding: 15px 35px
        }

        .host-app-domain-section .domain-wrapper .package {
            margin: 10px 0 15px
        }

        .host-app-searching-section .searching-wrapper {
            margin-right: 100px
        }

        .host-app-searching-section .searching-wrapper .search-bar {
            margin-top: 25px
        }
    }@media (min-width: 1200px) and (max-width: 1399px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        width: 55%
    }

    .host-app-searching-section .caption .caption-two {
        right: 2%
    }
}@media (min-width: 992px) and (max-width: 1199px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        width: 50%;
        padding: 15px 20px
    }

    .host-app-searching-section .caption .caption-two {
        right: 2%
    }
}@media only screen and (max-width: 991px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {
        padding: 14.5px 25px 16px;
        margin: -3px 0 0 -5px
    }

    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {
        padding: 15px 56px
    }

    .host-app-domain-section .domain-wrapper .package {
        margin: 8px 0 10px;
        display: inherit
    }

    .host-app-domain-section .domain-sidebar .btn {
        width: auto;
        padding: 8px 40px
    }

    .host-app-searching-section {
        padding: 90px 0 80px
    }

    .host-app-searching-section .searching-wrapper {
        margin-right: 0
    }

    .host-app-searching-section .searching-wrapper .search-bar {
        margin-top: 25px
    }

    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        padding: 15px 30px
    }
}@media only screen and (max-width: 767px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {
        font-size: 16px;
        padding: 8.5px 25px 12px
    }

    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {
        font-size: 16px;
        padding: 10px 30px
    }

    .host-app-searching-section {
        padding: 65px 0 45px
    }

    .host-app-searching-section .searching-wrapper h3 {
        font-size: 25px;
        line-height: 30px
    }

    .host-app-searching-section .searching-wrapper .search-bar {
        margin-top: 10px
    }

    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        width: 50%;
        font-size: 16px;
        padding: 10px 15px
    }
}@media only screen and (max-width: 479px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {
        padding: 5.5px 25px 11px;
        border-radius: 0 5px 5px 0
    }

    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {
        font-size: 14px;
        padding: 7px 22px;
        display: block;
        margin-top: 5px;
        border-radius: 5px
    }

    .host-app-domain-section .domain-sidebar h4 {
        font-size: 20px;
        line-height: 25px
    }

    .host-app-domain-section .domain-sidebar .btn {
        font-size: 16px;
        padding: 6px 30px
    }

    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        width: auto;
        padding: 8px 15px
    }
}.homePageThree .host-app-domain-section .domain-wrapper .option, .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option {
     display: inline-block;
     background-color: #bfcadb
 }

    .homePageThree .host-app-domain-section .domain-wrapper .option .btn, .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {
        font-size: 18px;
        font-weight: 500;
        color: #596777;
        border: 0;
        padding: 21.5px 25px 21px;
        margin: -3px 0 0 -3px;
        border-radius: 0
    }

    @media (min-width: 991px) and (max-width: 1199px) {
        .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {
            padding: 15px 20px 16px;
            margin: -3px 0 0 -5px
        }

        .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {
            padding: 15px 35px
        }

        .host-app-searching-section .searching-wrapper .package {
            margin: 10px 0 15px
        }
    }@media only screen and (max-width: 991px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {
        padding: 14.5px 25px 16px;
        margin: -3px 0 0 -5px
    }

    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {
        padding: 15px 56px
    }
}@media only screen and (max-width: 767px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {
        font-size: 16px;
        padding: 8.5px 25px 12px
    }

    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {
        font-size: 16px;
        padding: 10px 30px
    }
}@media (min-width: 1200px) and (max-width: 1650px) {
    .host-app-searching-section .caption .caption-one {
        top: 20%
    }
}@media (min-width: 1400px) and (max-width: 1650px) {
    .host-app-searching-section .caption .caption-two {
        right: 2%
    }
}.host-app-priceing-section .priceing-option .nav-tabs li.active::before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: -30px;
     width: 20px;
     height: 30px;
     margin: 0 auto;
     border-top: 10px solid #f5800d;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent
 }

    @media only screen and (max-width: 479px) {
        .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {
            padding: 5.5px 25px 11px;
            border-radius: 0 5px 5px 0
        }

        .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {
            font-size: 14px;
            padding: 7px 22px;
            display: block;
            margin-top: 5px;
            border-radius: 5px
        }

        .host-app-priceing-section .priceing-option .nav-tabs li {
            font-size: 12px
        }

        .host-app-priceing-section .priceing-option .nav-tabs li a {
            padding: 8px 30px
        }
    }@media only screen and (max-width: 399px) {
    .host-app-priceing-section .priceing-option .nav-tabs li a {
        padding: 8px 20px
    }
}.host-app-priceing-section .first-priceing-table .priceing-wrapper.first-wrapper {
     margin-left: 0
 }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper.first-wrapper .header {
        border-radius: 15px 0 0
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .header {
        position: relative;
        border-radius: 15px 15px 0 0;
        z-index: 1
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .option, .host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .option {
        color: #201940;
        background-color: #ecf8ff
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn, .host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn, .host-app-service-section .service-wrapper .nav-tabs li .nav-link.active {
        background-color: #f5800d;
        box-shadow: 0 5px #c76708
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn::before, .host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn::before {
        background-color: #c76708
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn:hover, .host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn:hover, .host-app-process-section .process-wrapper .process-content .btn:hover, .optimized-section .content-wrapper .btn:hover {
        background-color: #f5800d;
        box-shadow: 0 3px #c76708
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .header {
        background-color: #fff;
        padding: 0 0 8px;
        border-radius: 15px 0 0
    }

    .host-app-priceing-section .priceing-wrapper .header i {
        margin-top: -40px;
        font-size: 70px;
        color: #fff;
        background: #3575d3;
        padding: 20px;
        border-radius: 50%
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .header img {
        margin-top: -40px
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .option {
        font-family: roboto, sans-serif;
        font-size: 17px;
        line-height: 30px;
        font-weight: 500;
        text-transform: uppercase;
        border-radius: 25px;
        color: #fff;
        background-color: #3575d3;
        letter-spacing: 1.5px;
        padding: 5px 25px
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {
        font-family: dosis, sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 95px;
        color: #1b232f;
        letter-spacing: 1.5px
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sub {
        vertical-align: super;
        font-size: 55%;
        margin-right: 4px
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li {
        font-family: roboto, sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 60px;
        color: #201940;
        text-transform: uppercase
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(4), .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(5) {
        color: #c3c3c3
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li i, .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li i {
        padding-right: 5px
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li.success:before {
        color: #2ecc71;
        content: "\f00c";
        font-family: "font awesome 5 free";
        font-weight: 900;
        padding-right: 7px
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .btn {
        font-size: 20px;
        font-weight: 500;
        margin-top: 68px;
        padding: 15px 68px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .header {
        padding: 32px 0 13px;
        background-color: #eaf0f3;
        border-radius: 10px 10px 0 0
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .option {
        font-size: 20px;
        line-height: 55px;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #fff;
        background-color: #3575d3;
        border-radius: 25px;
        padding: 3px 30px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {
        font-family: dosis, sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 60px;
        color: #333
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sub {
        vertical-align: super;
        font-size: 55%;
        top: 2px;
        padding-left: 5px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sub span {
        position: absolute;
        left: 7px;
        top: 35px;
        font-size: 14px;
        font-weight: 400
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sup {
        font-size: 40%;
        vertical-align: super
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature {
        padding: 20px 0 30px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li {
        font-family: dosis, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 60px;
        color: #201940;
        text-transform: uppercase
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(4), .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(5) {
        color: #c4c4c4
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li .success > i {
        color: #2ecc71
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li .danger > i {
        color: #e74c3c
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .btn {
        padding: 12px 65px;
        margin-top: 38px
    }

    @media only screen and (max-width: 991px) {
        .host-app-searching-section .searching-wrapper .package {
            margin: 8px 0 10px;
            display: inherit
        }

        .host-app-priceing-section .first-priceing-table .priceing-wrapper.first-wrapper .header, .host-app-priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .header, .host-app-priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .priceing-content {
            border-radius: 0
        }

        .host-app-priceing-section .first-priceing-table .priceing-wrapper .header {
            position: relative;
            z-index: 1;
            border-radius: 0
        }

        .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content {
            border-radius: 0;
            box-shadow: 0 0 15px 5px #e0e0e0
        }

        .host-app-priceing-section .first-priceing-table .no-padding {
            padding-left: 15px !important;
            padding-right: 15px !important
        }

        .host-app-priceing-section .second-priceing-table .priceing-wrapper {
            margin-bottom: 50px
        }

        .host-app-priceing-section .second-priceing-table h4 {
            margin: 0
        }

        .host-app-video-section {
            padding: 150px 0
        }

        .host-app-process-section .process-wrapper .process-content h3 {
            font-size: 30px;
            line-height: 35px;
            padding-top: 15px;
            margin-bottom: 20px
        }
    }.host-app-process-section .process-wrapper .process-content .btn {
         font-size: 18px;
         font-weight: 500;
         padding: 10px 29px;
         margin: 22px 0 0;
         background-color: #f5800d;
         box-shadow: 0 5px #c76708
     }

    .host-app-process-section .process-wrapper .process-content .btn.first-btn {
        margin-bottom: 115px
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .host-app-counting-section .counting-pusher .counting-wrapper .count-description {
            font-size: 45px
        }

        .host-app-information-section .information-wrapper {
            padding: 30px 20px 50px
        }
    }@media (min-width: 768px) and (max-width: 1199px) {
    .host-app-counting-section .counting-pusher .counting-wrapper p {
        font-size: 20px
    }
}.host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper .title {
     font-size: 18px;
     font-weight: 500;
     color: #fff
 }

    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper .position {
        font-size: 14px;
        line-height: 10px;
        display: block;
        color: #fff
    }

    .host-app-achivement-section .client-wrapper .btn {
        font-size: 20px;
        background-color: #f5800d;
        box-shadow: 0 5px #c76708;
        padding: 14px 40px
    }

    .host-app-information-section .information-wrapper .link {
        font-size: 24px;
        line-height: 27px;
        color: #3575d3;
        letter-spacing: .3px;
        transition: .5s
    }

    .host-app-information-section .information-wrapper .link i {
        padding-left: 5px
    }

    .host-app-information-section .information-wrapper .link:hover {
        letter-spacing: 1px;
        color: #f5800d
    }

    .host-app-information-section .owl-dots .owl-dot.active {
        width: 50px;
        background: #3575d3
    }

    .host-app-service-section .tab-content {
        margin: 0 auto;
        max-width: 945px
    }

    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper .detail {
        flex: 1;
        column-count: 2
    }

    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper .detail li {
        line-height: 30px
    }

    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper .detail li:before {
        font-size: 18px;
        line-height: 25px;
        color: #596777;
        margin-right: 5px;
        content: "\f105";
        font-family: "font awesome 5 free";
        font-weight: 900
    }

    .host-app-review-section .review-carousel .review-wrapper .position {
        font-size: 16px;
        font-weight: 300;
        font-style: italic;
        color: #fff;
        display: block
    }

    .host-app-review-section .review-carousel .owl-dots .owl-dot.active {
        background: #3575d3
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .host-app-service-section .service-wrapper .nav-tabs li {
            padding: 10px 20px
        }

        .host-app-faq-section {
            padding: 80px 0 50px
        }

        .host-app-faq-section .faq-wrapper h3 {
            font-size: 38px
        }

        .host-app-subscribe-section .caption {
            left: 0
        }
    }@media (min-width: 768px) and (max-width: 991px) {
    .host-app-counting-section .counting-pusher .counting-wrapper .count-description {
        font-size: 40px;
        margin: 15px 0 5px
    }

    .host-app-faq-section .faq-wrapper h3 {
        font-size: 30px;
        margin-bottom: 5px
    }
}.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a.collapsed {
     color: #333;
     background-color: #fff
 }

    .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a.collapsed::before {
        content: "";
        color: #333
    }

    @media (min-width: 1500px) and (max-width: 1750px) {
        .host-app-faq-section .caption img {
            width: 600px
        }
    }@media (min-width: 1200px) and (max-width: 1499px) {
    .host-app-faq-section .caption img {
        width: 500px
    }
}.host-app-artical-section .artical-wrapper .artical-content .link {
     font-size: 16px;
     font-weight: 600;
     line-height: 38px;
     text-transform: uppercase;
     color: #fff;
     background-color: #3575d3;
     padding: 6px 30px
 }

    @media only screen and (max-width: 991px) {
        .host-app-process-section .process-wrapper .process-content .btn.first-btn {
            margin-bottom: 50px
        }

        .host-app-process-section .process-wrapper .process-content .btn {
            margin: 15px 0 0
        }

        .host-app-process-section .process-wrapper {
            text-align: center
        }

        .host-app-counting-section {
            padding: 100px 0 80px
        }

        .host-app-testimonial-section #testimonial-carousel-two {
            padding-bottom: 55px
        }

        .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper {
            padding: 48px 20px 32px
        }

        .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper h3 {
            font-size: 30px;
            margin-bottom: 15px
        }

        .host-app-achivement-section .client-wrapper .client-logo li {
            margin: 10px
        }

        .host-app-achivement-section .client-wrapper p {
            font-size: 18px;
            line-height: 30px
        }

        .host-app-achivement-section .client-wrapper .btn {
            padding: 8px 20px;
            font-size: 15px
        }

        .host-app-information-section .information-wrapper {
            margin-bottom: 30px
        }

        .host-app-information-section .information-wrapper h3 {
            font-size: 25px;
            padding: 0;
            margin-bottom: 5px
        }

        .host-app-information-section .information-wrapper p {
            margin-bottom: 20px
        }

        .host-app-information-section .information-wrapper .link {
            font-size: 20px
        }

        .host-app-review-section .review-carousel .review-wrapper, .host-app-service-section .section-title {
            margin-bottom: 40px
        }

        .host-app-service-section .service-wrapper .nav-tabs li {
            font-size: 20px;
            padding: 8px 30px
        }

        .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content {
            padding: 40px 20px 25px
        }

        .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper h3 {
            font-size: 25px;
            line-height: 25px;
            margin-bottom: 5px
        }

        .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .small-text {
            font-size: 18px;
            line-height: 20px
        }

        .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .bold-text {
            font-size: 20px;
            line-height: 25px
        }

        .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content p {
            line-height: 25px
        }

        .host-app-faq-section {
            background: #f3f6f8
        }

        .host-app-artical-section .artical-wrapper .artical-content h3 {
            margin: 8px 0 25px
        }

        .account-section .account-wrapper .form-section .support-form {
            padding: 0 50px;
            margin-top: 10px
        }
    }.host-app-artical-section .artical-wrapper .artical-content .text {
         color: #999
     }

    @keyframes cloud-animation {
        from {
            background-position: 0 0
        }
        to {
            background-position: 100% 0
        }
    }@keyframes cloud-animation-two {
         from {
             background-position: 100% 0
         }
         to {
             background-position: 0 0
         }
     }@media only screen and (max-width: 767px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {
        font-size: 40px;
        line-height: 70px
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .btn {
        padding: 10px 60px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li {
        line-height: 40px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .btn {
        font-size: 16px;
        padding: 8px 50px;
        margin-top: 0
    }

    .host-app-priceing-section .second-priceing-table h4 {
        margin: -15px 0 0;
        font-size: 18px
    }

    .host-app-video-section .video-wrapper .video-content i {
        width: 90px;
        height: 90px;
        line-height: 90px;
        font-size: 25px
    }

    .host-app-counting-section {
        padding: 70px 0 15px
    }

    .host-app-counting-section .counting-pusher {
        display: block
    }

    .host-app-counting-section .counting-pusher .counting-wrapper {
        margin-bottom: 50px
    }

    .host-app-counting-section .counting-pusher .counting-wrapper .count-description {
        font-size: 40px;
        margin: 5px 0
    }

    .host-app-counting-section .counting-pusher .counting-wrapper p, .host-app-review-section .review-carousel .review-wrapper h3 {
        font-size: 20px
    }

    .host-app-testimonial-section #testimonial-carousel-two {
        padding-bottom: 40px
    }

    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper {
        margin: 50px 0 0;
        padding: 48px 40px 32px
    }

    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper .carousel-image {
        left: 0;
        right: 0;
        text-align: center
    }

    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper h3 {
        font-size: 25px;
        margin-bottom: 10px
    }

    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper p {
        margin-bottom: 15px
    }

    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper .title {
        font-size: 16px
    }

    .host-app-achivement-section .client-wrapper .client-logo li {
        margin: 0 10px
    }

    .host-app-achivement-section .client-wrapper .client-logo li img {
        width: 130px
    }

    .host-app-achivement-section .client-wrapper p {
        font-size: 16px;
        line-height: 27px;
        margin: 15px 0 30px
    }

    .host-app-information-section .section-title {
        margin-bottom: 40px
    }

    .host-app-information-section .owl-dots {
        margin-top: 20px !important
    }

    .host-app-service-section .service-wrapper .nav-tabs li {
        font-size: 14px;
        padding: 5px 8px
    }

    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content {
        padding: 20px
    }

    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper {
        margin-top: 15px
    }

    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content p {
        margin-top: 10px
    }

    .host-app-faq-section .faq-wrapper h3 {
        font-size: 25px;
        margin-bottom: 5px
    }

    .host-app-faq-section .faq-wrapper #promote-accordion {
        margin: 30px 0 0
    }

    .host-app-artical-section .artical-wrapper .artical-content h3 {
        font-size: 25px;
        line-height: 30px;
        margin: 8px 0 20px
    }

    .host-app-subscribe-section {
        padding: 65px 0 70px
    }

    .host-app-subscribe-section::after, .host-app-subscribe-section::before {
        display: none
    }

    .host-app-subscribe-section .subscribe-wrapper .small-text {
        line-height: 30px
    }

    .host-app-subscribe-section .subscribe-wrapper h3 {
        font-size: 30px;
        margin-bottom: 25px
    }
}@media only screen and (max-width: 400px) {
    .host-app-subscribe-section .subscribe-wrapper .small-text {
        font-size: 16px;
        line-height: 27px
    }
}.account-section .account-wrapper .form-section .support-form .form-group .text, .map-section .form-section .support-form .form-group .text {
     font-size: 16px;
     color: #fff
 }

    .account-section .account-wrapper .form-section .support-form .form-group .btn {
        font-weight: 700;
        padding: 12px 40px;
        margin: 35px 0 90px;
        background-color: #f5800d;
        box-shadow: 0 5px #c76708
    }

    @media only screen and (max-width: 991px) {
        .account-section .account-wrapper .form-section .support-form .form-group {
            margin-bottom: 15px
        }

        .account-section .account-wrapper .form-section .support-form .form-group .btn {
            font-size: 18px;
            padding: 10px 30px
        }

        .hosting-section .hosting-wrapper .section-box {
            padding-bottom: 15px;
            margin-top: 15px
        }

        .hosting-section .hosting-wrapper .section-box .header-text {
            font-size: 20px
        }

        .hosting-section .hosting-wrapper .section-box li {
            padding: 20px 27px 20px 30px
        }
    }@media (min-width: 480px) and (max-width: 767px) {
    .host-app-process-section .process-wrapper .process-content h3 {
        font-size: 25px;
        line-height: 30px;
        padding-top: 0
    }

    .hosting-section .hosting-wrapper .section-box li {
        padding: 15px 25px
    }
}.hosting-section .hosting-wrapper .section-box li .text {
     font-family: dosis, sans-serif;
     font-size: 20px;
     font-weight: 600;
     color: #6d7073
 }

    .hosting-section .hosting-wrapper .btn {
        display: block;
        margin: auto auto 85px;
        padding: 12px 28px;
        background-color: #f5800d;
        box-shadow: 0 5px #c76708
    }

    .server-space-section .server-space-container .text {
        margin-top: 55px
    }

    .server-space-section .server-space-container .text li {
        font-size: 24px;
        line-height: 48px;
        color: #fff
    }

    .server-space-section .server-space-container .text li i {
        font-size: 15px;
        color: #f5800d;
        margin-right: 5px
    }

    .option-section .option-tab .nav-tabs li.active a {
        border: 0;
        background-color: transparent
    }

    .option-section .option-tab .nav-tabs li.active a::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 25px;
        height: 20px;
        margin: 0 auto;
        border-bottom: 10px solid #fff;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent
    }

    @media only screen and (max-width: 991px) {
        .hosting-section .hosting-wrapper .btn {
            font-size: 18px;
            padding: 10px 20px
        }

        .hosting-section .hosting-wrapper .no-padding {
            padding-right: 30px !important;
            padding-left: 30px !important
        }

        .server-space-section .section-title h2 {
            font-size: 35px
        }

        .server-space-section .section-title {
            margin-bottom: 40px
        }

        .server-space-section .server-space-container .server-space-wrapper h3 {
            font-size: 30px;
            line-height: 55px;
            margin: 0 0 20px
        }

        .server-space-section .server-space-container .text {
            margin-top: 45px
        }

        .server-space-section .server-space-container .text li {
            font-size: 20px;
            line-height: 35px
        }

        .server-space-section .server-space-container .text li i {
            font-size: 12px
        }

        .performance-section .wrapper-content h3 {
            font-size: 35px;
            margin-bottom: 15px
        }

        .performance-section .wrapper-content .video-content {
            font-size: 20px
        }

        .performance-section .wrapper-content .video-content i {
            font-size: 18px
        }

        .option-section .option-tab .nav-tabs li a {
            padding: 20px 60px
        }
    }.option-section .option-tab .tab-content {
         margin: 85px 0 55px
     }

    @media (min-width: 992px) and (max-width: 1199px) {
        .host-app-subscribe-section .subscribe-wrapper .subscribeSearchBar {
            width: 62%
        }

        .option-section .option-tab .tab-content .content-wrapper h4 {
            font-size: 22px
        }

        .support-section .tab-content .faq-wrapper h3 {
            font-size: 38px
        }
    }.hosting-price-section .hosting-carousel .carousel-wrapper .price {
         font-family: dosis, sans-serif;
         font-size: 30px;
         font-weight: 600;
         color: #f5800d;
         transition: .5s
     }

    .hosting-price-section .hosting-carousel .carousel-wrapper .price sub {
        font-size: 18px;
        color: #1b232f;
        bottom: 2px;
        transition: .5s
    }

    @media (min-width: 1300px) and (max-width: 1500px) {
        .optimized-section .content-wrapper {
            padding-left: 20%
        }

        .optimized-section .caption {
            padding-left: 50px
        }
    }@media (min-width: 992px) and (max-width: 1299px) {
    .optimized-section .content-wrapper {
        padding-left: 10%
    }
}.optimized-section .content-wrapper .btn {
     background-color: #f5800d;
     box-shadow: none;
     margin-top: 32px;
     padding: 10px 28px;
     box-shadow: 0 5px #c76708
 }

    @media (min-width: 992px) and (max-width: 1350px) {
        .optimized-section .caption {
            height: 500px;
            padding-left: 20px
        }
    }.support-section .nav-tabs li.active a {
         color: #fff;
         border: 0;
         background-color: #265eaf
     }

    .support-section .nav-tabs li.active a:hover {
        background-color: #265eaf
    }

    @media only screen and (max-width: 991px) {
        .option-section .option-tab .tab-content {
            margin: 60px 0 55px
        }

        .option-section .option-tab .tab-content .content-wrapper h4 {
            display: block;
            font-size: 20px;
            line-height: 25px;
            margin: 10px 0 5px
        }

        .optimized-section {
            min-height: auto
        }

        .optimized-section .content-wrapper {
            padding: 80px 15px 60px;
            text-align: center
        }

        .optimized-section .content-wrapper h3 {
            font-size: 35px;
            line-height: 40px;
            margin-bottom: 15px
        }

        .optimized-section .content-wrapper .btn {
            font-size: 18px;
            padding: 8px 25px;
            margin-top: 18px
        }

        .optimized-section .caption {
            text-align: center;
            padding-left: 0
        }

        .support-section .nav-tabs li {
            font-size: 20px
        }

        .support-section .nav-tabs li a {
            padding: 20px 30px
        }
    }@media (min-width: 600px) and (max-width: 767px) {
    .option-section .option-tab .nav-tabs li a {
        padding: 20px 30px
    }

    .support-section .nav-tabs li a {
        padding: 20px
    }
}@media (min-width: 480px) and (max-width: 599px) {
    .option-section .option-tab .nav-tabs li a {
        padding: 15px 20px
    }

    .support-section .nav-tabs li a {
        padding: 15px 10px
    }
}.support-section .tab-content {
     margin-bottom: 120px
 }

    .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a.collapsed {
        color: #3575d3;
        background-color: #fff;
        box-shadow: 0 0 10px #d0d0d0;
        margin-bottom: 12px
    }

    .support-section .tab-content .account-section .account-wrapper .form-section .support-form .form-group .text {
        color: #565656
    }

    .support-section .tab-content .support-content .number {
        letter-spacing: -.9px
    }

    .map-section .form-section .support-form .form-group .btn {
        font-weight: 700;
        padding: 12px 65px;
        margin: 18px 0 60px;
        background-color: #f5800d;
        box-shadow: 0 5px #c76708
    }

    .data-center-section .data-center-carousel .center-wrapper .link {
        font-size: 18px;
        font-weight: 500;
        color: #3575d3
    }

    .data-center-section .data-center-carousel .owl-dots .owl-dot.active span {
        width: 50px;
        height: 10px;
        background-color: #f5800d;
        margin-bottom: 7px
    }

    .contact-section .contact-wrapper .contact {
        font-size: 18px;
        line-height: 30px;
        color: #5a6778
    }

    .offer-section .offer-carousel .carousel-wrapper .price {
        font-family: dosis, sans-serif;
        font-size: 30px;
        font-weight: 600;
        line-height: 27px;
        color: #f5800d
    }

    .offer-section .offer-carousel .carousel-wrapper .price small {
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 27px;
        color: #616d80
    }

    .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature {
        position: relative;
        font-size: 13px;
        color: #fff;
        padding: 2px 5px;
        margin-left: 10px
    }

    .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature::before {
        content: "";
        position: absolute;
        left: -5px;
        top: 50%;
        width: 5px;
        height: 10px;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent
    }

    .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.red {
        background-color: #f6744d
    }

    .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.red::before {
        border-right: 5px solid #f6744d
    }

    .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.green {
        background-color: #65b84d
    }

    .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.green::before {
        border-right: 5px solid #65b84d
    }

    .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.yellow {
        background-color: #edae37
    }

    .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.yellow::before {
        border-right: 5px solid #edae37
    }

    .news-section .news-left-bar .news-wrapper .wrapper-content .title, .news-section .single-news .news-wrapper .wrapper-content .title {
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        background-color: #f5800d;
        padding: 4px 8px
    }

    .news-section .news-left-bar .news-wrapper .wrapper-content .post, .news-section .single-news .news-wrapper .wrapper-content .post {
        font-size: 14px;
        line-height: 27px;
        text-transform: uppercase;
        color: #999
    }

    .news-section .news-left-bar .news-wrapper .wrapper-content .link, .news-section .single-news .news-wrapper .wrapper-content .link {
        font-size: 16px
    }

    .news-section .news-left-bar .news-wrapper .wrapper-content .link a, .news-section .single-news .news-wrapper .wrapper-content .link a {
        color: #666
    }

    .news-section .news-left-bar .news-wrapper .wrapper-content .link a i, .news-section .single-news .news-wrapper .wrapper-content .link a i {
        margin-left: 5px;
        vertical-align: middle
    }

    .news-section .news-right-bar .widget-post ul li .post-desk .date {
        font-size: 12px;
        font-weight: 700;
        color: #999
    }

    .news-section .news-right-bar .widget-photo-gram .instagram .image {
        background-image: 100%;
        background-position: center center;
        width: 73px;
        height: 73px;
        margin: 2px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        transition: 1s
    }

    .news-section .news-right-bar .widget-photo-gram .instagram .image:hover {
        background-image: 110%
    }

    .news-section .single-news .widget {
        margin: 25px 32px 17px 40px
    }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body .time {
        font-size: 14px;
        line-height: 10px;
        color: #a9a9a9;
        letter-spacing: -1px;
        vertical-align: text-top
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .support-section .tab-content .faq-wrapper h3 {
            font-size: 30px;
            margin-bottom: 5px
        }

        .host-app-footer-section .footer-container {
            padding: 100px 0 30px
        }

        .host-app-footer-section .footer-container .footer-wrapper {
            min-height: 390px
        }

        .host-app-footer-section .footer-container .footer-wrapper.last-wrapper {
            min-height: 235px
        }
    }@media only screen and (max-width: 550px) {
    .support-section .tab-content .chat-content .left-bar img, .support-section .tab-content .chat-content .right-bar img {
        float: none !important;
        display: block;
        padding-bottom: 20px;
        margin: 0 auto
    }

    .host-app-footer-section .footer-container .footer-wrapper .footer-logo img {
        max-width: 100%
    }
}@media only screen and (max-width: 991px) {
    .support-section .tab-content {
        margin-bottom: 70px
    }

    .find-support-section h2 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .find-support-section .search-bar .subscribeForm .subscribeSearchBar {
        margin-top: 30px
    }

    .map-section #googleMap, .map-section #googleMap-Two {
        height: 550px
    }

    .map-section .form-section .support-form {
        padding: 0 50px;
        margin-top: 30px
    }

    .map-section .form-section .support-form .form-group {
        margin-bottom: 15px
    }

    .map-section .form-section .support-form .form-group .btn {
        font-size: 18px;
        padding: 10px 30px
    }

    .contact-section .section-title, .host-app-footer-section .footer-container .footer-wrapper, .news-section .news-right-bar .widget-post ul li {
        margin-bottom: 50px
    }

    .contact-section .contact-wrapper h4 {
        font-size: 25px;
        line-height: 35px;
        margin: 15px 0 10px
    }

    .contact-section .contact-wrapper .contact {
        font-size: 16px;
        line-height: 27px
    }

    .news-section .news-left-bar {
        margin-right: 0;
        margin-bottom: 100px
    }

    .news-section .news-left-bar .news-wrapper {
        margin-bottom: 30px
    }

    .news-section .news-right-bar .widget-post {
        margin-bottom: 80px
    }

    .news-section .single-news {
        margin-bottom: 100px
    }

    .news-section .single-news .news-wrapper .wrapper-content {
        padding: 32px 32px 20px
    }

    .host-app-footer-section .footer-container .footer-wrapper h3 {
        margin-bottom: 35px
    }
}.host-app-footer-section .footer-container .footer-wrapper .menu li a {
     font-size: 18px;
     line-height: 50px;
     color: #fff;
     letter-spacing: .5px
 }

    @media only screen and (max-width: 767px) {
        .host-app-subscribe-section .subscribe-wrapper .subscribeSearchBar {
            width: 60%;
            padding: 10px 25px
        }

        .host-app-subscribe-section .subscribe-wrapper .subscribeBtn {
            padding: 8px 42px
        }

        .account-section {
            padding: 140px 0 100px
        }

        .account-section .account-wrapper {
            padding-bottom: 40px
        }

        .account-section .account-wrapper .section-top h2 {
            font-size: 30px;
            line-height: 35px;
            margin-top: 25px
        }

        .account-section .account-wrapper .form-section .support-form, .map-section .form-section .support-form {
            padding: 0 30px
        }

        .account-section .account-wrapper .form-section .support-form .form-group label, .map-section .form-section .support-form .form-group label {
            font-size: 16px;
            font-weight: 400;
            line-height: 30px;
            margin-bottom: 0
        }

        .account-section .account-wrapper .form-section .support-form .form-group input.form-control, .map-section .form-section .support-form .form-group input.form-control {
            padding: 18px 12px;
            font-size: 15px
        }

        .account-section .account-wrapper .form-section .support-form .form-group .text, .map-section .form-section .support-form .form-group .text {
            font-size: 14px
        }

        .account-section .account-wrapper .form-section .support-form .form-group .btn, .map-section .form-section .support-form .form-group .btn {
            font-size: 16px;
            font-weight: 400;
            padding: 8px 25px;
            margin: 30px 0 40px
        }

        .hosting-section {
            padding-top: 110px !important
        }

        .hosting-section .hosting-wrapper .section-top .top-icon img {
            width: 80px;
            margin-top: -40px
        }

        .hosting-section .hosting-wrapper .section-top h2, .news-section .single-news .news-wrapper .wrapper-content h3 {
            font-size: 25px;
            line-height: 30px
        }

        .hosting-section .hosting-wrapper .section-box .header-text {
            font-size: 18px;
            line-height: 30px;
            padding: 8px 35px
        }

        .hosting-section .hosting-wrapper .section-box li .text, .option-section .option-tab .nav-tabs li, .performance-section .wrapper-content .video-content, .support-section .nav-tabs li {
            font-size: 18px
        }

        .hosting-section .hosting-wrapper .btn {
            font-size: 16px;
            padding: 6px 18px;
            margin: 15px auto 70px;
            float: none !important
        }

        .server-space-section .section-title h2 {
            font-size: 25px
        }

        .server-space-section .section-title, .server-space-section .server-space-container .server-space-wrapper {
            margin-bottom: 20px
        }

        .server-space-section .server-space-container .text {
            margin-top: 15px
        }

        .server-space-section .server-space-container .text li {
            font-size: 18px;
            line-height: 30px
        }

        .server-space-section .server-space-container .text li i {
            font-size: 8px;
            vertical-align: middle
        }

        .performance-section {
            padding: 80px 0 85px
        }

        .performance-section .wrapper-content h3 {
            font-size: 30px;
            line-height: 30px;
            margin-bottom: 10px
        }

        .performance-section .wrapper-content .video-content i {
            font-size: 16px
        }

        .option-section .option-tab .tab-content {
            margin: 45px 0 40px
        }

        .option-section .option-tab .tab-content .content-wrapper {
            margin-bottom: 35px
        }

        .optimized-section .content-wrapper h3 {
            line-height: 35px;
            margin-bottom: 15px;
            font-size: 25px
        }

        .optimized-section .content-wrapper p {
            font-size: 14px;
            line-height: 24px
        }

        .optimized-section .content-wrapper .btn {
            font-size: 15px;
            padding: 5px 22px;
            margin-top: 18px
        }

        .support-section .tab-content .faq-wrapper h3 {
            font-size: 25px;
            margin-bottom: 5px
        }

        .support-section .tab-content .faq-wrapper #promote-accordion {
            margin: 30px 0 0
        }

        .support-section .tab-content .support-content {
            font-size: 30px;
            line-height: 35px;
            display: block;
            text-align: center
        }

        .support-section .tab-content .support-caption {
            float: none !important;
            text-align: center
        }

        .find-support-section p {
            font-size: 16px;
            line-height: 27px
        }

        .find-support-section .search-bar .subscribeForm .subscribeSearchBar, .offer-section .offer-carousel .owl-dots {
            margin-top: 20px
        }

        .map-section {
            padding-bottom: 100px
        }

        .map-section #googleMap, .map-section #googleMap-Two {
            height: 480px
        }

        .data-center-section .data-center-carousel {
            margin-top: 25px
        }

        .data-center-section .data-center-carousel .center-wrapper {
            padding: 40px 25px
        }

        .data-center-section .data-center-carousel .center-wrapper h3 {
            font-size: 25px;
            line-height: 35px;
            margin: 20px 0 10px
        }

        .data-center-section .data-center-carousel .owl-dots {
            margin-top: 40px !important
        }

        .contact-section .contact-wrapper {
            margin-bottom: 30px
        }

        .domain-list-section .list-container .table-bordered thead tr th {
            font-size: 14px;
            font-weight: 400;
            padding: 8px 5px
        }

        .news-section .news-left-bar {
            margin-bottom: 50px
        }

        .news-section .news-left-bar .news-wrapper {
            margin-bottom: 10px
        }

        .news-section .news-left-bar .news-wrapper .wrapper-content {
            padding: 32px 0 26px
        }

        .news-section .news-left-bar .news-wrapper .wrapper-content .title {
            font-size: 12px
        }

        .news-section .news-left-bar .news-wrapper .wrapper-content h3 {
            font-size: 20px;
            line-height: 25px
        }

        .news-section .news-left-bar .pagination {
            margin: 0
        }

        .news-section .news-right-bar .widget-archive, .news-section .news-right-bar .widget-category {
            margin: 30px 0
        }

        .news-section .news-right-bar .widget-archive h4, .news-section .news-right-bar .widget-category h4 {
            font-size: 20px;
            margin-bottom: 10px
        }

        .news-section .news-right-bar .widget-post {
            margin-bottom: 55px
        }

        .news-section .news-right-bar .widget-photo-gram h4, .news-section .news-right-bar .widget-post h4, .news-section .news-right-bar .widget-tag h4 {
            font-size: 20px;
            margin-bottom: 20px
        }

        .news-section .news-right-bar .widget-photo-gram {
            margin-top: 50px
        }

        .news-section .single-news {
            margin-bottom: 70px
        }

        .news-section .single-news .section-bottom .comments-wrapper h3 {
            padding-top: 20px;
            margin-bottom: 30px
        }

        .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn {
            padding: 5px 40px;
            margin-top: 0;
            font-size: 16px
        }

        .host-app-footer-section .footer-container {
            padding: 70px 0 30px
        }

        .host-app-footer-section .footer-container .footer-wrapper {
            margin: 0 0 40px
        }

        .host-app-footer-section .footer-container .footer-wrapper p {
            font-size: 16px;
            line-height: 30px;
            margin: 20px 0 30px
        }

        .host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 10px
        }

        .host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li span {
            margin-left: 30px
        }

        .host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li i {
            font-size: 20px
        }

        .host-app-footer-section .footer-container .footer-wrapper h3 {
            font-size: 25px;
            margin-bottom: 15px
        }

        .host-app-footer-section .footer-container .footer-wrapper .menu li a {
            font-size: 16px;
            line-height: 25px
        }

        .host-app-footer-section .copy-right {
            text-align: center
        }
    }.homePageTwo .host-app-header-section .navbar .navbar-collapse .navbar-nav li.active {
         background-color: #141b24
     }

    @media (max-width: 1199px) and (min-width: 992px) {
        .homePageTwo .host-app-header-section .navbar .navbar-collapse .navbar-nav {
            margin-right: 10px
        }
    }.homePageTwo .host-app-header-section .feature {
         position: absolute;
         width: 100%;
         top: 148px;
         z-index: 99
     }

    .homePageThree .host-app-header-section .navbar.sticky {
        position: fixed
    }

    @media only screen and (max-width: 380px) {
        .homePageThree .host-app-slider-section .content-box {
            display: none
        }
    }@media (min-width: 600px) and (max-width: 899px) {
    .homePageThree .host-app-slider-section .content-box {
        width: 450px;
        padding: 20px 30px 30px
    }
}@media (min-width: 500px) and (max-width: 767px) {
    .homePageThree .host-app-domain-section .domain-wrapper .package li {
        margin-right: 20px
    }
}@media only screen and (max-width: 499px) {
    .homePageThree .host-app-domain-section .domain-wrapper .package li {
        margin-right: 10px
    }
}@media (min-width: 767px) and (max-width: 991px) {
    .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .domainSearchBar {
        width: 65%;
        padding: 13px 40px
    }
}.homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .option .btn {
     background-color: transparent;
     border: 2px solid #3575d3;
     padding: 19.5px 25px 19px;
     border-left: 0
 }

    @media (min-width: 767px) and (max-width: 1199px) {
        .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .option .btn {
            padding: 13.5px 25px 13px
        }
    }@media (min-width: 1200px) and (max-width: 1399px) {
    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        width: 55%
    }
}@media (min-width: 992px) and (max-width: 1199px) {
    .host-app-footer-section .footer-container .footer-wrapper .footer-logo img {
        width: 100%
    }

    .homePageTwo .host-app-slider-section .link-button .btn-primary {
        font-size: 16px;
        padding: 8px 20px
    }

    .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .domainSearchBar {
        padding: 13px 40px
    }

    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        width: 50%;
        padding: 15px 20px
    }
}@media only screen and (max-width: 991px) {
    .host-app-footer-section .footer-container .footer-wrapper .menu li a {
        line-height: 35px
    }

    .host-app-footer-section .copy-right {
        padding: 25px 0
    }

    .host-app-footer-section .copy-right p {
        font-size: 16px
    }

    .host-app-footer-section .copy-right .social-icon li {
        margin: 0 8px
    }

    .homePageTwo .host-app-slider-section .medium-text .big-text, .host-app-footer-section .copy-right .social-icon li a i {
        font-size: 20px
    }

    .homePageTwo .host-app-slider-section .link-button .btn-primary {
        font-size: 14px;
        padding: 6px 15px
    }

    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        padding: 15px 30px
    }
}@media only screen and (max-width: 767px) {
    .host-app-footer-section .copy-right p {
        font-size: 14px;
        float: none
    }

    .host-app-footer-section .copy-right .social-icon li a i {
        font-size: 15px
    }

    .host-app-footer-section .copy-right .social-icon {
        text-align: center
    }

    .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .domainSearchBar {
        width: 55%;
        padding: 8px 15px
    }

    .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .option .btn {
        padding: 6.5px 25px 10px
    }

    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        width: 50%;
        font-size: 16px;
        padding: 10px 15px
    }
}@media only screen and (max-width: 479px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li {
        line-height: 30px;
        font-size: 16px
    }

    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .btn {
        font-size: 14px;
        margin-top: 40px;
        padding: 5px 40px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head {
        padding: 8px 0 20px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .option {
        font-size: 16px;
        padding: 3px 22px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {
        font-size: 40px;
        line-height: 20px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li {
        font-size: 16px;
        line-height: 35px
    }

    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .btn {
        font-size: 14px;
        padding: 3px 30px;
        margin-top: 0
    }

    .host-app-video-section {
        padding: 120px 0
    }

    .host-app-video-section .video-wrapper .video-content i {
        width: 70px;
        height: 70px;
        line-height: 70px
    }

    .host-app-process-section .process-wrapper .process-content h3 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px
    }

    .host-app-process-section .process-wrapper .process-content .btn {
        font-size: 16px;
        margin: 10px 0 0;
        padding: 8px 25px
    }

    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper {
        padding: 48px 20px 32px
    }

    .host-app-achivement-section .client-wrapper .client-logo li img {
        width: 100px
    }

    .host-app-information-section .information-wrapper {
        padding: 30px 10px 50px
    }

    .host-app-information-section .information-wrapper h3 {
        line-height: 30px;
        margin-bottom: 20px
    }

    .host-app-service-section .section-title {
        margin-bottom: 25px
    }

    .host-app-service-section .service-wrapper .nav-tabs li {
        display: inline-block;
        font-size: 16px;
        padding: 5px 12px 10px;
        margin: 5px 0 4px
    }

    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content {
        margin-top: 25px
    }

    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper {
        display: inherit
    }

    .host-app-review-section .review-carousel .review-wrapper {
        margin-bottom: 20px;
        padding: 0 20px 60px
    }

    .host-app-review-section .review-carousel .review-wrapper .caption img {
        width: 80px
    }

    .host-app-faq-section .faq-wrapper h3, .support-section .tab-content .faq-wrapper h3 {
        font-size: 23px;
        line-height: 30px
    }

    .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading, .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading {
        line-height: 25px
    }

    .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a::before {
        top: 10px
    }

    .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a, .hosting-section .hosting-wrapper .section-box li .text, .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a {
        font-size: 16px
    }

    .host-app-artical-section .artical-wrapper .artical-content, .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body, .hosting-section .hosting-wrapper .section-box li, .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body {
        padding: 15px
    }

    .host-app-artical-section .artical-wrapper .artical-content .text, .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body p, .news-section .news-left-bar .news-wrapper .wrapper-content p, .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body p {
        font-size: 14px
    }

    .host-app-artical-section .artical-wrapper .artical-content .link {
        font-size: 12px;
        padding: 6px 20px
    }

    .host-app-artical-section .artical-wrapper .artical-content h3 {
        font-size: 20px;
        line-height: 25px;
        margin: 8px 0 15px
    }

    .host-app-subscribe-section .subscribe-wrapper h3 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 20px
    }

    .host-app-subscribe-section .subscribe-wrapper .subscribeSearchBar {
        padding: 6px 15px
    }

    .host-app-subscribe-section .subscribe-wrapper .subscribeBtn {
        font-size: 16px;
        padding: 4px 25px
    }

    .account-section {
        padding: 110px 0 90px
    }

    .account-section .account-wrapper .section-top .top-icon img {
        width: 70px;
        margin-top: -35px
    }

    .account-section .account-wrapper .section-top h2 {
        margin-top: 15px;
        font-size: 25px
    }

    .account-section .account-wrapper .form-section .support-form, .map-section .form-section .support-form {
        padding: 0 20px
    }

    .account-section .account-wrapper .form-section .support-form .form-group .btn, .map-section .form-section .support-form .form-group .btn {
        font-size: 14px;
        padding: 6px 20px;
        margin: 20px 0 10px
    }

    .hosting-section .hosting-wrapper .section-box .header-text {
        font-size: 15px;
        display: block;
        line-height: 30px;
        text-align: center
    }

    .hosting-section .hosting-wrapper .section-box li .sub-icon a i {
        font-size: 18px;
        padding: 0 2px
    }

    .hosting-section .hosting-wrapper .btn {
        font-size: 12px;
        margin: 10px auto 50px
    }

    .server-space-section .server-space-container .server-space-wrapper h3 {
        font-size: 25px;
        line-height: 50px;
        margin: 0 0 20px
    }

    .server-space-section .server-space-container .server-space-wrapper .content-list li {
        font-size: 15px;
        margin-bottom: 10px
    }

    .server-space-section .server-space-container .text li {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 12px
    }

    .performance-section .wrapper-content h3 {
        font-size: 25px;
        line-height: 30px
    }

    .option-section .option-tab .tab-content .content-wrapper h4 {
        font-size: 18px
    }

    .option-section .option-tab .tab-content .content-wrapper p {
        font-size: 14px;
        line-height: 24px
    }

    .hosting-price-section .hosting-carousel .carousel-wrapper {
        padding: 25px 20px
    }

    .hosting-price-section .hosting-carousel .carousel-wrapper h3 {
        font-size: 30px;
        margin: 15px 0 10px
    }

    .hosting-price-section .hosting-carousel .owl-dots {
        margin-top: 40px !important
    }

    .optimized-section .content-wrapper {
        padding-top: 70px
    }

    .optimized-section .content-wrapper .btn {
        font-size: 12px;
        padding: 5px 22px;
        margin-top: 12px
    }

    .support-section .nav-tabs li {
        display: block;
        border-bottom: 1px solid #2860b2;
        border-right: 0
    }

    .support-section .nav-tabs li a {
        padding: 10px 30px
    }

    .find-support-section .search-bar .subscribeForm .subscribeSearchBar {
        width: 100%;
        padding: 6px 15px 10px;
        display: block;
        margin-bottom: 5px
    }

    .find-support-section .search-bar .subscribeForm .subscribeBtn {
        padding: 4px 22px
    }

    .map-section {
        padding-bottom: 70px
    }

    .map-section #googleMap, .map-section #googleMap-Two {
        height: 400px
    }

    .contact-section .section-title, .news-section .single-news .section-bottom .comments-wrapper h3 {
        margin-bottom: 40px
    }

    .news-section .news-left-bar .news-wrapper .wrapper-content {
        padding: 25px 0
    }

    .news-section .news-right-bar .widget-archive h4, .news-section .news-right-bar .widget-category h4 {
        margin: 0 0 10px
    }

    .news-section .news-right-bar .widget-archive ul li, .news-section .news-right-bar .widget-category ul li {
        font-size: 14px;
        line-height: 30px
    }

    .news-section .news-right-bar .widget-photo-gram {
        margin-top: 30px
    }

    .news-section .single-news .news-wrapper .wrapper-content {
        padding: 32px 15px 10px
    }

    .news-section .single-news .news-wrapper .wrapper-content h3 {
        font-size: 20px;
        line-height: 25px
    }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .first-comment {
        margin: 0 15px
    }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {
        padding: 30px 15px
    }

    .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form {
        padding: 0
    }

    .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form .form-horizontal .form-group {
        margin: 0 0 30px
    }

    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        width: auto;
        padding: 8px 15px
    }
}@media (min-width: 991px) and (max-width: 1199px) {
    .host-app-searching-section .caption .caption-one {
        top: 20%;
        right: -35%
    }

    .host-app-faq-section .caption img {
        width: 400px
    }

    .homePageThree .host-app-domain-section .domain-wrapper .option .btn {
        padding: 15px 20px 16px;
        margin: -3px 0 0 -5px
    }

    .homePageThree .host-app-domain-section .domain-wrapper .subscribeBtn {
        padding: 15px 35px
    }
}.host-app-service-section .service-wrapper .nav-tabs li .feature {
     position: absolute;
     top: -8px;
     right: 15px;
     font-size: 14px;
     line-height: 15px;
     text-transform: uppercase;
     background-color: #f6461d;
     padding: 2px 8px;
     border-radius: 5px 0
 }

    .support-box #open-box-two.btn {
        box-shadow: 0 5px #3575d3
    }

    .support-box #open-box-two.btn:focus, .support-box #open-box-two.btn:hover {
        top: auto
    }

    @media only screen and (max-width: 350px) {
        .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a, .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a {
            padding-right: 60px
        }

        .hosting-section .hosting-wrapper .section-top h2 {
            line-height: 30px;
            margin-top: 25px
        }

        .hosting-section .hosting-wrapper .section-box li .sub-icon {
            float: none !important;
            display: block
        }

        .support-box .mail-box {
            width: 200px
        }
    }.support-box .mail-box.active {
         visibility: visible;
         opacity: 1;
         z-index: 1000;
         transform: scale(1)
     }

    #app-host-preloader .app-host-preloader-inner > span:first-child, #app-host-preloader .app-host-preloader-inner > span:nth-child(7) {
        animation-delay: .1s
    }

    #app-host-preloader .app-host-preloader-inner > span:nth-child(2), #app-host-preloader .app-host-preloader-inner > span:nth-child(8) {
        background-color: #3575d3;
        animation-delay: .2s
    }

    #app-host-preloader .app-host-preloader-inner > span:nth-child(3), #app-host-preloader .app-host-preloader-inner > span:nth-child(9) {
        animation-delay: .3s
    }

    #app-host-preloader .app-host-preloader-inner > span:nth-child(4) {
        background-color: #3575d3;
        animation-delay: .4s
    }

    #app-host-preloader .app-host-preloader-inner > span:nth-child(5) {
        animation-delay: .5s
    }

    #app-host-preloader .app-host-preloader-inner > span:nth-child(6) {
        background-color: #3575d3;
        animation-delay: .6s
    }

    @media only screen and (max-width: 991px) {
        .homePageThree .host-app-domain-section .domain-wrapper .option .btn {
            padding: 14.5px 25px 16px;
            margin: -3px 0 0 -5px
        }

        .homePageThree .host-app-domain-section .domain-wrapper .subscribeBtn {
            padding: 15px 56px
        }

        .host-app-service-section .service-wrapper .nav-tabs {
            display: flex
        }

        .host-app-service-section .service-wrapper .nav-tabs li:last-child {
            margin: 0 0 20px
        }

        .host-app-service-section .service-wrapper .nav-tabs li {
            font-size: 17px;
            flex: 1;
            padding: 8px 15px;
            margin-right: 8px
        }

        .share-host-page .host-app-priceing-section {
            padding-top: 100px
        }

        .single-news-page .news-section .single-news {
            margin-bottom: 0
        }

        .app-host .host-app-header-section .navbar .navbar-collapse, .app-host .host-app-header-section .top-bar, .homePageTwo .host-app-header-section .feature {
            display: none
        }

        .menu-toggle.sticky {
            top: 11px
        }
    }@media only screen and (max-width: 480px) {
    .option-section .option-tab .nav-tabs li {
        display: block;
        border-bottom: 1px solid #fff
    }

    .host-app-header-section .navbar .navbar-header .navbar-brand img {
        width: 150px
    }
}div#pm-preloader {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: url(../img/hrm/pre.svg) center center no-repeat #f1f2f3
 }

    .header-type-one .container, .header-type-two .container {
        max-width: 1450px
    }

    .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img.pm-content-left {
        left: auto;
        right: -85px
    }

    div#crm-preloader, div#seo-2-preloader {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../img/crm/pre.svg) center center no-repeat #f1f2f3
    }

    @keyframes UpdownMoving {
        0% {
            transform: translateY(-10px)
        }
        100% {
            transform: translateY(10px)
        }
    }.crm-faq-ques-ans .crm-faq-header button.collapsed {
         color: #2647c8;
         background-color: #f6f8ff
     }

    .crm-faq-ques-ans .crm-faq-header button.collapsed:after {
        top: 20px;
        content: "\f067"
    }

    .crm-main-header.crm-sticky-menu {
        padding-top: 15px
    }

    div#app-medi-preloader, div#smm-preloader, div#web-app-preloader {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99999;
        width: 100%;
        height: 100%;
        overflow: visible;
        background: url(../img/pre.svg) center center no-repeat #f1f2f3
    }

    .smm-team-innerbox .smm-team-img.social-show:before {
        content: "-"
    }

    .smm-case-tab .nav-gallery li.active {
        color: #ff5722
    }

    .smm-case-tab .nav-gallery li.active:after {
        opacity: 1;
        bottom: -10px
    }

    .elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator > .elementor-widget-divider--element-align-left .elementor-divider-separator:before, .elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator > .elementor-widget-divider--element-align-right .elementor-divider-separator:after, .osaas-testi-center-img .text:before, .osaas-testi-left-img .text:before, .smm-case-innerbox.smm-filter-overlay-control:before {
        content: none
    }

    .smm-testimonial-wrapper .owl-dots .owl-dot.active {
        background-color: #ff5722
    }

    .smm-mobile_menu .smm-mobile-main-navigation .dropdown > .smm-mobile_menu .dropdown .dropdown-btn.toggle-open, .soft-m-mobile_menu .soft-m-mobile-main-navigation .dropdown > .soft-m-mobile_menu .dropdown .dropdown-btn.toggle-open {
        transform: rotate(90deg)
    }

    .smm-home .rpwwt-post-title {
        color: #fff;
        line-height: 1.5;
        font-size: 14px;
        font-weight: 600
    }

    .smm-home .rpwwt-widget li a {
        margin-bottom: 5px !important
    }

    .smm-home .rpwwt-widget ul li {
        margin-bottom: 5px
    }

    .smm-home.dark-version {
        color: #d8d8d8
    }

    div#soft-m-preloader {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../img/software/pre.svg) center center no-repeat #f1f2f3
    }

    .soft-m-banner-section .container, .soft-m-main-header .container {
        max-width: 1390px
    }

    strong.soft-f-process {
        background-color: #0257c8;
        padding: 3px 5px;
        border-radius: 100%
    }

    .elementor-icon.elementor-divider__element {
        box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04)
    }

    @media screen and (max-width: 5200px) {
        .soft-m-newslatter-section:after {
            display: none
        }
    }@media screen and (max-width: 2000px) {
    .soft-m-newslatter-section:after {
        display: block
    }
}@media screen and (max-width: 1300px) {
    .soft-m-platform-screen li:nth-child(3) {
        right: 0;
        top: 120px;
        z-index: -1;
        position: absolute
    }
}@media screen and (max-width: 570px) {
    .soft-m-footer-section .soft-m-footer-menu-widget {
        width: 100%
    }
}.cyb-testimonial-slider .owl-dots .owl-dot.active {
     width: 140px;
     background-color: #ff2c9c
 }

    .em-testimonial-slider .owl-dots .owl-dot.active {
        background-color: #01e07b;
        transform: scale(1.3)
    }

    .em-pricing-plan-item.em-popular-price {
        top: -30px;
        padding: 70px 0 85px;
        position: relative;
        background-color: #fff;
        box-shadow: 0 9px 63px 0 rgba(0, 0, 0, .15)
    }

    .web-app-banner-section .cd-headline.push b.is-visible {
        opacity: 1;
        animation: .6s push-in
    }

    .web-app-banner-section .cd-headline.push b.is-hidden {
        animation: .6s push-out
    }

    @keyframes push-in {
        0% {
            opacity: 0;
            transform: translateX(-100%)
        }
        60% {
            opacity: 1;
            transform: translateX(10%)
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }@keyframes push-out {
         0% {
             opacity: 1;
             transform: translateX(0)
         }
         60% {
             opacity: 0;
             transform: translateX(110%)
         }
         100% {
             opacity: 0;
             transform: translateX(100%)
         }
     }@keyframes web-app-floating {
          from {
              transform: rotate(0) translate(-10px) rotate(0)
          }
          to {
              transform: rotate(360deg) translate(-10px) rotate(-360deg)
          }
      }.web-app-about-text-img.web-app-about-left-img {
           margin-bottom: 90px
       }

    .web-app-testimonial-section .web-app-testimonial-slider-wrap .owl-dots .owl-dot.active {
        background-color: #22d38c
    }

    .web-app-pricing-plan-item .web-app-pricing-plan-tab-btn .nav-tabs .nav-link.active {
        padding: 0;
        border: 0;
        border-radius: 0
    }

    .web-app-pricing-plan-item .web-app-pricing-plan-tab-btn li a.active {
        color: #fff;
        background-color: #fc5a84
    }

    @media screen and (max-width: 1024px) {
        .seo-2-main-menu-item .seo-2-main-navigation li, .smm-main-header .smm-main-navigation li {
            margin: 0 15px
        }

        .smm-main-header {
            padding: 20px 0
        }

        .soft-m-banner-content h1 {
            font-size: 75px
        }

        .cyb-banner-feature-innerbox .cyb-banner-feature-icon-text .cyb-banner-feature-text h3 {
            font-size: 20px
        }

        .web-app-feature-innerbox {
            padding: 0
        }
    }@media screen and (max-width: 580px) {
    .banner_screen {
        max-width: 385px
    }

    .web-app-banner-text {
        padding-top: 180px
    }
}@media screen and (max-width: 480px) {
    .banner_screen {
        display: none
    }

    .app-host .btn-link, .app-host .btn-primary {
        font-size: 16px;
        padding: 8px 25px
    }

    .smm-banner-section .smm-banner-text-content h1 {
        font-size: 30px;
        padding: 20px 0
    }

    .soft-m-banner-content h1 {
        font-size: 45px
    }

    .em-video-testimonial-section {
        padding: 60px 0 30px
    }

    .web-app-banner-text h1 {
        font-size: 40px
    }

    .web-app-about-text-img.web-app-about-left-img {
        margin-bottom: 40px
    }
}100% {
    transform: translateY(10px);
    transform: translatey(0);
    transform: translateX(140px)
}50% {
    transform: translatey(-20px);
    transform: translateX(60px)
}.seo-2-footer-widget .rpwwt-widget ul li img {
     height: 80px;
     width: 100px;
     overflow: hidden;
     margin-right: 20px
 }

    .seo-2-footer-widget .rpwwt-widget ul li {
        margin: 0 0 .5em
    }

    .seo-2-footer-widget .rpwwt-post-title {
        color: #003a6c;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.625
    }

    @media screen and (max-width: 850px) {
        .web-app-main-menu-item .web-app-main-navigation li {
            margin: 0 12px
        }

        .seo-2-banner-content .seo-2-banner-text h1 {
            font-size: 60px
        }

        .medi-app-header-top {
            padding: 6px 15px 8px
        }
    }@media screen and (max-width: 680px) {
    .smm-footer-section .smm-footer-menu-widget {
        width: 100%;
        margin-bottom: 30px
    }

    .cyb-testimonial-slider .owl-dots .owl-dot, .cyb-testimonial-slider .owl-dots .owl-dot.active {
        width: 40px
    }

    .seo-2-banner-content .seo-2-banner-text h1 {
        font-size: 50px
    }
}@media screen and (max-width: 480px) {
    .seo-2-banner-content .seo-2-banner-text h1 {
        font-size: 32px
    }
}@keyframes toLeftFromRight {
     49% {
         transform: translateX(-100%)
     }
     50% {
         opacity: 0;
         transform: translateX(100%)
     }
     51% {
         opacity: 1
     }
 }@keyframes fadeFromLeft {
      0% {
          opacity: 0;
          transform: translateX(-20px)
      }
      100% {
          opacity: 1;
          transform: translateX(0)
      }
  }@keyframes fadeFromRight {
       0% {
           opacity: 0;
           transform: translateX(20px)
       }
       100% {
           opacity: 1;
           transform: translateX(0)
       }
   }@keyframes fadeFromUp {
        0% {
            opacity: 0;
            transform: translateY(20px)
        }
        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }[data-background] {
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center center
     }

    @keyframes zooming {
        0%, 100% {
            transform: scale(1, 1)
        }
        50% {
            transform: scale(1.05, 1.05)
        }
    }.medi-app-side-btn .shopping-cart.cart-show {
         top: 80px;
         opacity: 1;
         z-index: 9;
         visibility: visible
     }

40% {
    transform: translateY(-10px)
}60% {
    transform: translateY(-5px)
}.app-medi-footer-widget .menu li {
     width: 50%;
     float: left;
     margin-bottom: 15px
 }

    .app-medi-footer-widget .menu li a {
        font-size: 15px;
        color: #b2c1cc
    }

    @media screen and (max-width: 1690px) {
        .medi-app-main-navigation li a {
            padding: 35px 15px 33px
        }
    }@media screen and (max-width: 1280px) {
    .medi-app-main-menu-wrap .site-brand-logo {
        width: 170px;
        height: 75px;
        background-color: #fff
    }

    .medi-app-side-btn .shopping-cart.cart-show {
        top: 65px
    }

    .app-res-slider-text {
        margin: 0 auto;
        text-align: center
    }
}@media screen and (max-width: 850px) {
    .medi-app-banner-text h1 {
        font-size: 60px
    }
}@media screen and (max-width: 650px) {
    .medi-app-header-top .medi-app-header-top-contact {
        display: none
    }
}@media screen and (max-width: 480px) {
    .medi-app-banner-text h1 {
        font-size: 45px
    }

    .medi-app-side-btn .shopping-cart.cart-show {
        top: 60px
    }

    .app-res-slider-text {
        padding: 180px 0
    }
}@media screen and (max-width: 380px) {
    .banner_text h1 {
        font-size: 32px
    }

    .web-app-banner-text h1 {
        font-size: 35px
    }

    .seo-2-banner-content .seo-2-banner-text h1 {
        font-size: 30px
    }

    .medi-app-banner-text h1 {
        font-size: 40px
    }
}.app-res-main-navigation > li > a {
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     padding-bottom: 30px
 }

    .appilo-sticky.app-res-sticky-menu {
        top: 0;
        width: 100%;
        z-index: 20 !important;
        position: fixed !important;
        padding: 10px 0;
        background-color: #010101;
        animation-duration: .7s;
        animation-fill-mode: both;
        animation-name: fadeInDown;
        animation-timing-function: ease;
        transition: .3s ease-in-out;
        box-shadow: 0 0 18px 1px rgb(0 0 0/10%)
    }

    .app-res-mobile_menu .app-res-mobile-main-navigation .dropdown > .app-res-slider-area .owl-item.active span {
        opacity: 1;
        transform: scaleY(1);
        transition-delay: 0.3s
    }

    .app-res-slider-area .owl-item.active h1 {
        opacity: 1;
        transform: scaleY(1);
        transition-delay: 0.6s
    }

    @media screen and (max-width: 1110px) {
        .app-res-btn {
            width: 160px
        }
    }@media screen and (max-width: 320px) {
    .app-res-menu-item .app-res-btn, .seo-2-main-menu-item .seo-2-header-btn, .soft-m-main-header .soft-m-header-btn {
        display: none
    }

    .web-app-banner-text h1 {
        font-size: 30px
    }

    .medi-app-side-btn .shopping-cart {
        width: 310px
    }
}a, a:focus, a:hover {
     color: inherit
 }

    @keyframes IT_animation_1 {
        0%, 100%, 50% {
            transform: translateX(0)
        }
        25% {
            transform: translateX(-40px)
        }
        75% {
            transform: translateX(40px)
        }
    }@keyframes IT_animation_2 {
         0%, 100%, 50% {
             transform: translateY(0)
         }
         25% {
             transform: translateY(-40px)
         }
         75% {
             transform: translateY(40px)
         }
     }@keyframes IT_animation_3 {
          0% {
              transform: rotate(0)
          }
          100% {
              transform: rotate(360deg)
          }
      }@keyframes IT_animation_4 {
           0% {
               transform: translate(-300px, 151px) rotate(0)
           }
           100% {
               transform: translate(251px, -200px) rotate(180deg)
           }
       }@keyframes IT_animation_5 {
            0%, 100% {
                transform: translate(0, 0) rotate(0)
            }
            20% {
                transform: translate(73px, -1px) rotate(36deg)
            }
            40% {
                transform: translate(111px, 72px) rotate(72deg)
            }
            60% {
                transform: translate(93px, 122px) rotate(108deg)
            }
            80% {
                transform: translate(-70px, 72px) rotate(124deg)
            }
        }.it-up-service-shape.deco1 {
             top: 30%;
             left: 10%;
             animation: 20s linear infinite alternate IT_animation_4
         }

    .it-up-service-shape.deco2 {
        left: 25%;
        top: 185px;
        animation: 12s linear infinite alternate IT_animation_5
    }

    .it-up-service-shape.deco3 {
        top: 135px;
        right: 10%;
        animation: 12s linear infinite alternate IT_animation_4
    }

    .it-up-service-shape.deco4 {
        top: 50%;
        right: 12%;
        animation: 18s linear infinite alternate IT_animation_5
    }

    .it-up-service-shape.deco5 {
        bottom: 20%;
        right: 8%;
        animation: 15s linear infinite alternate IT_animation_4
    }

    .it-up-service-tab-btn .nav-tabs .nav-link.active:before {
        height: 40px;
        background-color: #fff
    }

    @keyframes rotate-anim {
        0% {
            transform: rotate(0)
        }
        100% {
            transform: rotate(360deg)
        }
    }@keyframes icon-bounce {
         0%, 100%, 20%, 50%, 80% {
             transform: translateY(0)
         }
         40% {
             transform: translateY(-10px)
         }
         60% {
             transform: translateY(-5px)
         }
     }@media screen and (max-width: 6000px) {
    .it-up-footer-section:before {
        display: none
    }
}@media screen and (max-width: 1950px) {
    .it-up-footer-section:before {
        display: block
    }
}@media screen and (max-width: 1440px) {
    .web-app-testimonial-section .web-app-testimonial-side-img {
        right: -20%
    }

    .app-res-slider-area .owl-nav .owl-next, .app-res-slider-area .owl-nav .owl-prev {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .it-up-banner-section .it-up-banner-deco3 {
        left: 3%
    }
}@media screen and (max-width: 1199px) {
    .soft-m-main-header .soft-m-main-navigation li {
        margin: 0 15px
    }

    .web-app-testimonial-section .web-app-testimonial-side-img {
        right: -25%
    }

    .seo-2-portfolio-content .owl-nav {
        left: -485px
    }

    .medi-app-main-navigation {
        display: none
    }

    .it-up-banner-section .it-up-banner-deco3 {
        top: 50px
    }
}@media screen and (max-width: 1040px) {
    .it-up-banner-text {
        max-width: 470px
    }
}@media screen and (max-width: 1024px) {
    .app-medi-banner-cta-icon-text:before {
        display: none
    }

    .app-res-feature-innerbox {
        padding: 36px 20px
    }

    .it-up-main-navigation li {
        margin-left: 40px
    }
}@media screen and (max-width: 991px) {
    .site-header .navbar-nav .dropdown-menu {
        position: static
    }

    .banner_shape2, .banner_shape3 {
        width: 100px
    }

    .seo-2-main-menu-item .seo-2-main-navigation, .smm-main-menu-item {
        display: none
    }

    .soft-m-banner-section {
        padding: 235px 0 160px
    }

    .cyb-banner-feature-innerbox {
        margin-bottom: 30px
    }

    .web-app-banner-vector {
        top: 0;
        max-width: 570px
    }

    .app-medi-process-text, .app-medi-testimonial-text, .app-res-about-img, .medi-app-about-img-wrap, .medi-app-about-text-wrap {
        margin: 0 auto;
        max-width: 570px
    }

    .it-up-brand-logo {
        width: 130px;
        padding-top: 5px
    }
}@media screen and (max-width: 767px) {
    .sign_up_btn {
        top: -38px
    }

    .smm-case-innerbox {
        margin: 0 auto 30px;
        max-width: 370px
    }

    .web-app-main-menu-item .web-app-main-navigation {
        display: none
    }

    .seo-2-banner-section .seo-2-banner-vector {
        position: static
    }

    .it-up-service-tab-text {
        max-width: 100%;
        float: none !important
    }
}@media screen and (max-width: 480px) {
    .it-up-banner-text h1 {
        font-size: 40px;
        padding-bottom: 15px
    }
}p {
     margin-top: 0;
     margin-bottom: 0
 }

    .job_li.elementor-widget.elementor-widget-text-editor ul li::before {
        content: "•";
        color: red;
        display: inline-block;
        width: 1em;
        margin-left: -1em
    }

    span.contact-submit-19 input {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        font-family: Poppins
    }

    @media only screen and (max-width: 360px) {
        .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar, .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar, .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
            width: 50%
        }

        .abc-form {
            width: auto;
            border-radius: 50px;
            height: 60px;
            border: 0;
            padding-left: 20px;
            background: #fff;
            box-shadow: 0 5px 42px 0 rgb(0 0 0/10%);
            margin: 0 auto
        }
    }.agency-testimonials .agency-testimonial-single .box {
         border: 2px solid #a1c1f4;
         padding: 55px 60px 30px;
         margin-top: 48px;
         -webkit-box-shadow: 0 0 20px 0 #b3b3b3;
         -moz-box-shadow: 0 0 20px 0 #b3b3b3;
         -o-box-shadow: 0 0 20px 0 #b3b3b3;
         -ms-box-shadow: 0 0 20px 0 #b3b3b3;
         box-shadow: 0 0 20px 0 #b3b3b3;
         position: relative
     }

    @media (max-width: 991px) {
        .agency-testimonials .agency-testimonial-single .box.box {
            border: 2px solid #a1c1f4;
            padding: 35px 20px 20px;
            margin: 35px 0 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .agency-testimonials .client-pic {
            top: -35px
        }

        .agency-testimonials .client-pic img img {
            max-width: 70px;
            padding: 4px;
            border: 1px solid #30d4ba
        }

        .agency-testimonials .client-info h5 + span h5 + span, .agency-testimonials .rating i {
            font-size: .8125rem
        }

        .agency-testimonials .client-info {
            padding-top: 10px
        }

        .agency-testimonials .client-info h5 h5 {
            font-size: .875rem
        }
    }.js-inview-animation .elementor-image.now-in-view {
         opacity: 1;
         transition: .9s;
         -moz-transition: .9s;
         -webkit-transition: .9s;
         -ms-transition: .9s;
         -o-transition: .9s
     }

    @media screen and (width: 1024px) {
        .app-res-main-navigation {
            display: none
        }
    }img {
         display: inline-block;
         height: auto
     }

    .sec-title .title {
        position: relative;
        color: #ff5f63;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 15px;
        letter-spacing: 1px;
        text-transform: capitalize
    }

    .sec-title .text {
        position: relative;
        font-size: 16px;
        line-height: 1.8em;
        color: #666;
        margin-top: 20px
    }

    .sec-title.centered {
        text-align: center !important
    }

    .sec-title.style-two .title {
        color: #fc3549;
        background: linear-gradient(to right, #fc3549 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .sec-title.style-two h1 {
        font-size: 60px;
        font-weight: 600;
        font-family: Poppins, sans-serif
    }

    .app-osaas-team-block .inner-box h2 a:hover, .sec-title.style-three .title {
        color: #32c788
    }

    .sec-title.style-three h1 {
        font-size: 60px
    }

    .sec-title.style-three .text {
        position: relative;
        color: #19274d;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.6em;
        padding-left: 25px;
        margin-top: 15px;
        border-left: 4px solid #32c788
    }

    .sec-title.style-four .title {
        background: -webkit-linear-gradient(45deg, #0c4094, #1c72c4 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .sec-title.style-four h1 {
        font-weight: 500;
        font-size: 60px
    }

    .sec-title.style-four .text {
        margin-top: 0;
        color: #19274d;
        font-size: 24px;
        line-height: 1.6em
    }

    .header-style-three.fixed-header .app-osaas-main-menu .navigation > .header-style-four .app-osaas-main-menu .navigation > li > a, .sec-title.style-five .title {
        color: #19274d
    }

    .sec-title.style-five h1 {
        font-size: 60px;
        padding-bottom: 12px;
        font-family: Poppins
    }

    .sec-title.style-five .text {
        margin-top: 0;
        color: #19274d;
        font-size: 18px;
        line-height: 1.7em
    }

    .app-osaas-about-app-osaas-software-section .content-column .text span, .app-osaas-about-section .content-column .text span, .app-osaas-accordion-box .block .content .text span, .sec-title.style-five .text span, .sec-title.style-six .text span {
        font-weight: 600
    }

    .sec-title.style-six h1 {
        font-size: 60px;
        font-weight: 600;
        padding-bottom: 12px;
        font-family: Poppins, sans-serif
    }

    .sec-title.style-six .text {
        color: #19274d;
        line-height: 1.9em
    }

    .header-top .brand-column .text {
        position: relative;
        color: #19274d;
        font-size: 14px;
        padding: 9px 0
    }

    .header-top .brand-column .text span {
        position: relative;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        padding: 4px 12px;
        margin-right: 10px;
        border-radius: 50px;
        text-transform: uppercase;
        background-image: -ms-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -moz-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -o-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fa464a), color-stop(100, #ff7a43));
        background-image: -webkit-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-main-header.fixed-header .header-upper .logo-box .logo, .sticky-header .logo {
        padding: 8px 0
    }

    .sticky-header .app-osaas-main-menu .navigation > li > a {
        padding: 23px 0 !important;
        color: #fff !important
    }

    .app-osaas-main-header .header-upper .logo-box .logo {
        position: relative;
        padding: 40px 0 20px;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-main-menu .navigation > li {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0 18px;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-main-menu .navigation > li > a {
        position: relative;
        display: block;
        color: #fff;
        text-align: center;
        line-height: 30px;
        text-transform: capitalize;
        letter-spacing: 0;
        opacity: 1;
        font-weight: 700;
        padding: 50px 0 20px;
        font-size: 16px;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        font-family: Roboto, sans-serif
    }

    .app-osaas-main-menu .navigation > li.current > a, .app-osaas-main-menu .navigation > li:hover > a, .app-osaas-news-block .inner-box h5 a:hover {
        color: #ff5f63
    }

    .app-osaas-main-menu .navigation > li > ul {
        position: absolute;
        left: 0;
        top: 100%;
        width: 210px;
        z-index: 100;
        display: none;
        opacity: 0;
        text-align: left;
        visibility: hidden;
        transition: .9s;
        -moz-transition: .9s;
        -webkit-transition: .9s;
        -ms-transition: .9s;
        -o-transition: .9s;
        padding: 0;
        background-color: #1e1e1e;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }

    .app-osaas-main-menu .navigation > li > ul > li, .app-osaas-main-menu .navigation > li > ul > li > ul > li, .app-osaas-main-menu .navigation > li > ul > li > ul > li > ul > li {
        position: relative;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .app-osaas-main-menu .navigation > li > ul > li:last-child, .app-osaas-main-menu .navigation > li > ul > li > ul > li:last-child, .app-osaas-mobile-menu .navigation li > ul > li:last-child, .appilo-language-elements .language .dropdown-menu > li:last-child {
        border-bottom: none
    }

    .app-osaas-main-menu .navigation > li > ul > li > a, .app-osaas-main-menu .navigation > li > ul > li > ul > li > a, .app-osaas-main-menu .navigation > li > ul > li > ul > li > ul > li > a {
        position: relative;
        padding: 10px 18px;
        display: block;
        line-height: 20px;
        font-weight: 400;
        font-size: 12px;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 1px;
        text-transform: uppercase;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-main-menu .navigation > li > ul > li:hover > a, .app-osaas-main-menu .navigation > li > ul > li > ul > li:hover > a {
        color: #fff;
        padding-left: 30px;
        background: #3246d3
    }

    .app-osaas-main-menu .navigation > li > ul > li.dropdown > a:after {
        font-family: FontAwesome;
        content: "\f105";
        position: absolute;
        right: 15px;
        top: 10px;
        width: 10px;
        height: 20px;
        display: block;
        color: #fff;
        line-height: 20px;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        z-index: 5;
        opacity: .4;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-main-menu .navigation > li > ul > li.dropdown:hover > a:after, .app-osaas-main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
        color: #fff;
        opacity: 1
    }

    .app-osaas-main-menu .navigation > li > ul > li > ul {
        position: absolute;
        left: 100%;
        top: 100%;
        width: 210px;
        z-index: 100;
        display: none;
        text-align: left;
        transition: .9s;
        -moz-transition: .9s;
        -webkit-transition: .9s;
        -ms-transition: .9s;
        -o-transition: .9s;
        padding: 0;
        background-color: #1e1e1e;
        -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
        -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
        -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
        -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
        box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)
    }

    .app-osaas-main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
        font-family: FontAwesome;
        content: "\f105";
        position: absolute;
        right: 10px;
        top: 10px;
        width: 10px;
        height: 20px;
        display: block;
        color: #fff;
        line-height: 20px;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        z-index: 5;
        opacity: .5;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-main-menu .navbar-collapse > .app-osaas-main-menu .navigation > li > ul > li > ul > li > ul {
        position: absolute;
        left: 100%;
        top: 100%;
        width: 210px;
        z-index: 100;
        display: none;
        opacity: 0;
        text-align: left;
        visibility: hidden;
        transition: .9s;
        -moz-transition: .9s;
        -webkit-transition: .9s;
        -ms-transition: .9s;
        -o-transition: .9s;
        padding: 0;
        background-color: #1e1e1e;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }

    .app-osaas-main-menu .navigation > li > ul > li > ul > li > ul > li > a:hover {
        background-color: #3246d3;
        color: #fff
    }

    .app-osaas-main-header.fixed-header .app-osaas-main-menu .navigation > li > a {
        padding: 20px 0
    }

    .appilo-language-elements .language > a {
        display: inline-block;
        border: 0;
        padding: 0;
        font-weight: 400;
        font-size: 12px;
        line-height: 1em;
        border-radius: 0;
        color: rgba(255, 255, 255, .5);
        text-transform: uppercase
    }

    .appilo-language-elements .language > a:focus {
        box-shadow: inherit
    }

    .appilo-language-elements .language .dropdown-menu > li {
        padding-right: 0 !important;
        margin: 0 !important;
        float: none;
        display: block !important;
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .appilo-language-elements .language .dropdown-menu > li > a {
        padding: 12px 16px !important;
        font-weight: 400;
        font-size: 12px;
        line-height: 1em;
        border-radius: 0;
        color: rgba(255, 255, 255, .9);
        text-transform: uppercase;
        display: block;
        text-align: left;
        letter-spacing: 1px;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

    .appilo-language-elements .language .dropdown-menu > li > a > .appilo-language-elements .language .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: #3246d3
    }

    .chevron {
        position: absolute;
        width: 28px;
        height: 8px;
        opacity: 0;
        transform: scale3d(.5, .5, .5);
        animation: 3s ease-out infinite move
    }

    .chevron:first-child {
        animation: 3s ease-out 1s infinite move
    }

    .chevron:nth-child(2) {
        animation: 3s ease-out 2s infinite move
    }

    .chevron:after, .chevron:before {
        content: ' ';
        position: absolute;
        top: 0;
        height: 100%;
        width: 51%;
        background: #fff
    }

    .chevron:before {
        left: 0;
        transform: skew(0deg, 30deg)
    }

    .chevron:after {
        right: 0;
        width: 50%;
        transform: skew(0deg, -30deg)
    }

    @keyframes move {
        25% {
            opacity: 1
        }
        33% {
            opacity: 1;
            transform: translateY(30px)
        }
        67% {
            opacity: 1;
            transform: translateY(40px)
        }
        100% {
            opacity: 0;
            transform: translateY(55px) scale3d(.5, .5, .5)
        }
    }@keyframes pulse {
         to {
             opacity: 1
         }
     }.app-osaas-banner-section .image-layer.now-in-view {
          right: 0;
          opacity: 1
      }

    .app-osaas-banner-section .content-column .inner-column {
        position: relative;
        padding-top: 250px
    }

    .app-osaas-banner-section .content-column .title {
        position: relative;
        color: #a5aec5;
        font-size: 18px;
        line-height: 1.8em;
        margin-bottom: 20px;
        font-weight: 500
    }

    .app-osaas-banner-section .content-column .text, .app-osaas-banner-section-two .content-column .text {
        position: relative;
        color: #a5aec5;
        font-size: 18px;
        line-height: 1.8em;
        margin-bottom: 35px;
        font-weight: 500
    }

    .app-osaas-banner-section .image-column .image img {
        position: relative;
        max-width: inherit;
        width: auto;
        opacity: 0;
        margin-left: 250px;
        transition: .9s;
        -moz-transition: .9s;
        -webkit-transition: .9s;
        -ms-transition: .9s;
        -o-transition: .9s
    }

    .app-osaas-mobile-menu .navigation li > a, .search-popup .close-search.style-two {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-banner-section .image-column .image.now-in-view img, .app-osaas-banner-section-two .image-column .image.now-in-view img {
        margin-left: 0;
        opacity: 1;
        -webkit-transition-delay: .5s;
        -moz-transition-delay: .5s;
        -ms-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s
    }

    .app-osaas-mobile-menu .navigation li > a {
        position: relative;
        display: block;
        line-height: 24px;
        padding: 14px 20px;
        font-size: 15px;
        color: #404040;
        font-weight: 600;
        text-transform: uppercase;
        transition: .5s
    }

    .app-osaas-mobile-menu .navigation li.current > a, .app-osaas-mobile-menu .navigation li:hover > a {
        color: #3246d3
    }

    .app-osaas-mobile-menu.yellow-theme .navigation li.current > a, .app-osaas-mobile-menu.yellow-theme .navigation li:hover > a {
        color: #feec42
    }

    .app-osaas-main-menu .navigation > li.has-mega-menu {
        position: static
    }

    .app-osaas-main-menu .navigation > li .mega-menu-bar .column > ul > li {
        position: relative;
        width: 100%;
        margin-bottom: 15px;
        text-transform: capitalize;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-main-menu .navigation > li .mega-menu-bar .column {
        position: relative;
        margin-bottom: 10px
    }

    .app-osaas-main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child {
        border: none
    }

    .app-osaas-main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
        position: relative;
        display: block;
        padding: 0;
        line-height: 20px;
        font-weight: 400;
        font-size: 12px;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 1px;
        text-transform: uppercase;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .header-style-five .header-upper .logo-box .logo, .header-style-two .header-upper .logo-box .logo {
        padding: 27px 0 28px
    }

    .header-style-five .app-osaas-main-menu .navigation > li > a, .header-style-two .app-osaas-main-menu .navigation > li > a {
        padding: 37px 0 38px;
        color: #19274d
    }

    .header-style-two .app-osaas-main-menu .navigation > li > ul > li:hover > a, .header-style-two .app-osaas-main-menu .navigation > li > ul > li > ul > li:hover > a, .header-style-two .header-upper .language .dropdown-menu > li > a:hover {
        background-color: #fa464a
    }

    .header-style-three .header-upper .logo-box .logo {
        padding: 38px 0 37px
    }

    .header-style-three .app-osaas-main-menu .navigation > .header-style-three .app-osaas-main-menu .navigation > li.dropdown > a {
        padding-right: 18px !important
    }

    .header-style-three .app-osaas-main-menu .navigation > li > a {
        padding: 50px 0;
        color: #19274d
    }

    .app-osaas-team-section .owl-dots .owl-dot.active, .header-style-three .app-osaas-main-menu .navigation > li > ul > li:hover > a, .header-style-three .app-osaas-main-menu .navigation > li > ul > li > ul > li:hover > a, .header-style-three .header-upper .language .dropdown-menu > li > a:hover {
        background-color: #32c788
    }

    .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left, .header-style-four .app-osaas-main-menu .navigation.left-nav {
        float: left;
        text-align: left
    }

    .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right, .header-style-four .app-osaas-main-menu .navigation.right-nav {
        float: right;
        text-align: right
    }

    .search-popup .close-search.style-two {
        position: absolute;
        right: 25px;
        left: auto;
        color: #fff;
        width: auto;
        height: auto;
        top: 25px;
        margin: 0;
        border: none;
        background: 0 0 !important;
        box-shadow: none !important;
        transition: .5s
    }

    .search-popup .close-search.style-two span {
        font-size: 20px;
        color: #fff
    }

    .app-osaas-feature-block .inner-box {
        position: relative;
        padding: 50px 30px;
        border-radius: 5px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }

    .app-osaas-feature-block .inner-box h2 {
        position: relative;
        line-height: 1.3em;
        font-weight: 700;
        margin-top: 32px
    }

    .app-osaas-feature-block .inner-box h2 a, .app-osaas-product-block .inner-box h5 a {
        position: relative;
        color: #19274d
    }

    .app-osaas-feature-block .inner-box h2 span {
        position: relative;
        font-weight: 400;
        display: block
    }

    .app-osaas-feature-block .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 16px;
        line-height: 1.8em;
        margin-top: 18px
    }

    .app-osaas-feature-block .inner-box:hover {
        background-color: #fff;
        box-shadow: 0 0 20px rgba(50, 70, 211, .07)
    }

    .app-osaas-framework-section .platform-icons .ios .icon, .app-osaas-framework-section .platform-icons .java .icon, .app-osaas-framework-section .platform-icons .python .icon, .app-osaas-framework-section .platform-icons .window .icon, .app-osaas-framework-section .platform-icons .wordpress .icon {
        position: relative;
        color: #3246d3;
        margin-right: 5px;
        font-weight: 400
    }

    .app-osaas-framework-section .platform-icons .window {
        position: absolute;
        right: -20%;
        top: 50%;
        font-size: 18px;
        color: #19274d;
        padding: 16px 28px;
        border-radius: 4px;
        font-weight: 700;
        background-color: #fff;
        box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
    }

    .app-osaas-platform-app-osaas-intro-section .buttons-column .inner-column {
        position: relative;
        padding-right: 50px;
        padding-top: 115px
    }

    .app-osaas-platform-app-osaas-intro-section .content-column .inner-column {
        position: relative;
        margin-left: -25px
    }

    .app-osaas-platform-app-osaas-intro-section .platform-tabs .tabs-content .tab {
        position: relative;
        display: none;
        margin-bottom: 40px
    }

    .platform-tab-content .inner-content .text {
        position: relative;
        color: #19274d;
        font-size: 18px;
        line-height: 1.7em
    }

    .platform-tab-content .inner-content .text span {
        position: relative;
        font-weight: 700
    }

    .app-osaas-price-section .trial-column .inner-column {
        position: relative;
        padding: 50px 45px;
        margin-top: 100px;
        background-size: cover
    }

    .app-osaas-price-section .trial-column .inner-column:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(50, 70, 211, .9)
    }

    .app-osaas-price-section .trial-column .inner-column .icon {
        position: relative;
        color: #fff;
        font-size: 60px;
        line-height: 1em
    }

    .app-osaas-price-section .trial-column .inner-column h2 {
        position: relative;
        color: #fff;
        font-weight: 700;
        margin-top: 20px
    }

    .app-osaas-price-section .trial-column .inner-column h2 span {
        position: relative;
        font-weight: 400
    }

    .app-osaas-price-section .trial-column .inner-column .title {
        position: relative;
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        margin-top: 2px
    }

    .app-osaas-price-section .trial-column .inner-column .text {
        position: relative;
        color: #fff;
        font-weight: 400;
        font-size: 18px;
        margin-top: 22px;
        line-height: 1.8em
    }

    .app-osaas-price-section .price-column .inner-column {
        position: relative;
        padding: 60px 90px;
        background-color: #fff
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .title-box .icon {
        position: absolute;
        left: 0;
        top: 0;
        color: #3246d3;
        line-height: 1em;
        font-size: 78px
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .title-box .title-inner .title {
        position: relative;
        color: #19274d;
        font-size: 16px;
        line-height: 1.3em;
        margin-top: 12px
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .price {
        position: absolute;
        right: 0;
        top: 0;
        color: #ff5f63;
        font-size: 80px;
        font-weight: 700;
        line-height: 1em;
        letter-spacing: -1px
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .price sub {
        position: relative;
        color: #19274d;
        font-weight: 700;
        font-size: 16px
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .text {
        position: relative;
        color: #19274d;
        font-size: 24px;
        line-height: 1.5em;
        margin-top: 25px
    }

    .app-osaas-price-section.style-two {
        background-color: #f5fbff
    }

    .app-osaas-price-section.style-two .trial-column .inner-column:before {
        opacity: .9;
        background-color: inherit;
        background-image: -ms-linear-gradient(left, #0c4094 0, #1c74c6 100%);
        background-image: -moz-linear-gradient(left, #0c4094 0, #1c74c6 100%);
        background-image: -o-linear-gradient(left, #0c4094 0, #1c74c6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0c4094), color-stop(100, #1c74c6));
        background-image: -webkit-linear-gradient(left, #0c4094 0, #1c74c6 100%);
        background-image: linear-gradient(to right, #0c4094 0, #1c74c6 100%)
    }

    .app-osaas-main-footer.style-two, .app-osaas-price-section.style-three .trial-column .inner-column:before {
        background-image: -ms-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -moz-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -o-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fa464a), color-stop(100, #ff7a43));
        background-image: -webkit-linear-gradient(left, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-price-section.style-two .price-column .inner-column .upper-box .price, .app-osaas-price-section.style-two .price-column .inner-column .upper-box .price sub, .app-osaas-price-section.style-two .price-column .inner-column .upper-box .price sup, .app-osaas-price-section.style-two .price-column .inner-column .upper-box .title-box .icon {
        background: -webkit-linear-gradient(-45deg, #0c4094, #1c74c6 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-price-section.style-three {
        background-color: #fff
    }

    .app-osaas-price-section.style-three .price-column .inner-column {
        box-shadow: 0 0 15px rgba(0, 0, 0, .1)
    }

    .app-osaas-price-section.style-three .trial-column .inner-column:before {
        opacity: .9;
        background-color: inherit;
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-price-section.style-three .price-column .inner-column .upper-box .price, .app-osaas-price-section.style-three .price-column .inner-column .upper-box .price sub, .app-osaas-price-section.style-three .price-column .inner-column .upper-box .price sup, .app-osaas-price-section.style-three .price-column .inner-column .upper-box .title-box .icon {
        background: -webkit-linear-gradient(-45deg, #fa484a, #fe7344 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-counter-section .fact-counter .column:nth-child(2), .app-osaas-counter-section .fact-counter .column:nth-child(3) {
        margin-top: 70px
    }

    .fact-counter .column .inner .content {
        position: relative;
        width: 180px;
        text-align: center;
        padding: 45px 10px;
        border-radius: 5px;
        display: inline-block;
        background-color: #fff
    }

    .app-osaas-counter-section.style-two {
        background-color: inherit
    }

    .app-osaas-counter-section.style-two:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background-image: -ms-linear-gradient(left, #fa454a 0, #ff7a43 100%);
        background-image: -moz-linear-gradient(left, #fa454a 0, #ff7a43 100%);
        background-image: -o-linear-gradient(left, #fa454a 0, #ff7a43 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fa454a), color-stop(100, #ff7a43));
        background-image: -webkit-linear-gradient(left, #fa454a 0, #ff7a43 100%);
        background-image: linear-gradient(to right, #fa454a 0, #ff7a43 100%)
    }

    .app-osaas-partners-section .image-column .inner-column .image img {
        position: relative;
        width: 100%;
        display: block;
        border-radius: 8px
    }

    .app-osaas-partners-section .content-column .inner-column {
        position: relative;
        padding-left: 60px;
        padding-top: 35px
    }

    .app-osaas-news-block .inner-box {
        position: relative;
        padding: 40px 30px;
        border-radius: 4px;
        background-color: #0a1533
    }

    .app-osaas-news-block .inner-box .category {
        position: relative;
        color: #fff;
        font-size: 14px;
        padding: 6px 18px;
        border-radius: 5px;
        font-weight: 700;
        display: inline-block;
        background-color: #3246d3
    }

    .app-osaas-news-block .inner-box h5 {
        position: relative;
        line-height: 1.6em;
        font-weight: 700;
        margin-top: 25px
    }

    .app-osaas-news-block .inner-box h5 a {
        position: relative;
        color: #fff;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

    .app-osaas-news-block .inner-box .text {
        position: relative;
        color: #9aa6c8;
        font-size: 14px;
        line-height: 1.9em;
        margin-top: 18px
    }

    .app-osaas-news-block .inner-box .post-meta {
        position: relative;
        padding-top: 18px;
        margin-top: 22px;
        border-top: 1px solid rgba(255, 255, 255, .08)
    }

    .app-osaas-news-block .inner-box .post-meta li {
        position: relative;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        margin-right: 6px;
        display: inline-block
    }

    .app-osaas-news-block .inner-box .post-meta li .icon {
        position: relative;
        margin-right: 10px;
        color: #ff5f63;
        font-weight: 300
    }

    .app-osaas-main-footer .quote-btn .icon {
        font-weight: 400;
        margin-right: 8px
    }

    .app-osaas-main-footer.style-two {
        padding-top: 110px;
        padding-bottom: 100px;
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-main-footer .download-options ul li.download {
        position: relative;
        color: #19274d;
        font-size: 20px;
        font-weight: 700
    }

    .app-osaas-main-footer.style-three {
        padding-top: 80px;
        background-color: #fcfdff
    }

    .app-osaas-main-footer.style-four {
        padding-top: 170px;
        background-color: #19274d
    }

    .app-osaas-main-footer.style-five {
        padding-top: 100px;
        background-color: #19274d
    }

    .app-osaas-banner-section-two .content-column .inner-column {
        position: relative;
        padding-top: 130px
    }

    .app-osaas-banner-section-two .content-column .title {
        position: relative;
        color: #fc3549;
        font-size: 18px;
        line-height: 1.8em;
        margin-bottom: 15px;
        font-weight: 500
    }

    .app-osaas-banner-section-two .image-column .inner-column:before {
        position: absolute;
        content: '';
        left: 280px;
        top: 90px;
        width: 200%;
        bottom: 0;
        background-color: #ffe9e9
    }

    .app-osaas-banner-section-two .image-column .image {
        position: relative;
        margin-left: 120px;
        margin-right: -190px
    }

    .app-osaas-banner-section-two .image-column .image img {
        position: relative;
        transition: .9s;
        -moz-transition: .9s;
        -webkit-transition: .9s;
        -ms-transition: .9s;
        -o-transition: .9s
    }

    .app-osaas-banner-section-two .image-column .counter-boxed .app-osaas-count-box .sign, .app-osaas-business-block .inner-box .content .app-osaas-count-box .sign, .app-osaas-facilities-section .content-column .counter-boxed .app-osaas-count-box .sign {
        font-size: 20px
    }

    .app-osaas-banner-section-two .authors-box .banner-author-box .box-inner .author {
        position: relative;
        color: #19274d;
        font-size: 18px;
        font-weight: 600;
        margin-top: 12px
    }

    .app-osaas-banner-section-two .authors-box .banner-author-box .box-inner .author span {
        position: relative;
        color: #fc3549;
        font-size: 14px;
        font-weight: 700
    }

    .app-osaas-about-app-osaas-software-section .images-column .images .image, .app-osaas-about-section .image-column .image, .app-osaas-about-section-two .image-column .image {
        position: relative;
        display: inline-block
    }

    .app-osaas-about-section .image-column .image-content ul li .icon {
        position: absolute;
        left: 0;
        top: 0;
        color: #fa474a;
        line-height: 1em;
        font-size: 40px;
        font-weight: 500;
        background: linear-gradient(to top, #fa474a 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-about-section .content-column .inner-column {
        position: relative;
        padding-left: 40px;
        padding-top: 80px
    }

    .app-osaas-about-app-osaas-software-section .content-column .text, .app-osaas-about-section .content-column .text {
        position: relative;
        color: #19274d;
        font-size: 18px;
        line-height: 1.8em;
        margin-bottom: 40px
    }

    .app-osaas-seo-section .left-column .inner-column:before {
        position: absolute;
        content: '';
        right: -20px;
        top: 50px;
        width: 2px;
        bottom: -40px;
        background-color: #eacece
    }

    .app-osaas-seo-section .left-column .inner-column {
        position: relative;
        padding-right: 50px
    }

    .app-osaas-seo-section .right-column .inner-column {
        position: relative;
        padding-left: 50px
    }

    .app-osaas-seo-block .inner-box .upper-box .icon-box .icon {
        position: relative;
        color: #fa474a;
        line-height: 1em;
        background: linear-gradient(to top, #fa474a 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-seo-block .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 24px;
        line-height: 1.5em;
        margin-top: 32px;
        text-align: right;
        margin-bottom: 30px
    }

    .app-osaas-about-app-osaas-software-section .content-column .row, .app-osaas-process-block-four .inner-box .content-column .row {
        margin: 0 -2px
    }

    .number-block .block-inner .number {
        position: relative;
        font-size: 80px;
        font-weight: 600;
        line-height: 1em;
        color: #fc3549;
        font-family: Poppins, sans-serif;
        background: linear-gradient(to right, #fc3549 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-about-app-osaas-software-section .images-column .inner-column {
        position: relative;
        margin-right: -550px
    }

    .app-osaas-about-app-osaas-software-section .images-column .images .image:first-child {
        top: 100px
    }

    .app-osaas-about-app-osaas-software-section .images-column .images .image:last-child {
        margin-left: -120px
    }

    .app-osaas-agency-section .agents-images .agent.now-in-view {
        left: 15%;
        top: 2%;
        opacity: 1
    }

    .app-osaas-agency-section .agents-images .agent-1.now-in-view {
        left: 10%;
        top: 85%;
        opacity: 1
    }

    .app-osaas-agency-section .agents-images .agent-2.now-in-view {
        left: 75%;
        top: 25%;
        opacity: 1
    }

    .app-osaas-agency-section .agents-images .agent-3.now-in-view {
        left: 84%;
        top: 85%;
        opacity: 1
    }

    .app-osaas-agency-section .agents-images .agent-4.now-in-view {
        left: 90%;
        top: 55%;
        opacity: 1
    }

    .app-osaas-agency-section .sec-title .title, .app-osaas-feature-block-two .inner-box:hover .upper-box .icon {
        color: #fff;
        background: 0 0;
        -webkit-text-fill-color: inherit
    }

    @-webkit-keyframes ripple {
        70% {
            box-shadow: 0 0 0 70px transparent
        }
        100% {
            box-shadow: 0 0 0 0 transparent
        }
    }@keyframes ripple {
         70% {
             box-shadow: 0 0 0 70px transparent
         }
         100% {
             box-shadow: 0 0 0 0 transparent
         }
     }.app-osaas-intro-section .content-column .inner-column {
          position: relative;
          padding-top: 35px;
          padding-left: 30px
      }

    .app-osaas-intro-section .content-column .app-options .app-block .icon {
        position: relative;
        font-size: 36px;
        color: #fa474a;
        line-height: 1em
    }

    .app-osaas-featured-section-two.style-two {
        padding-top: 110px
    }

    .app-osaas-feature-block-two .inner-box {
        position: relative;
        padding: 28px 34px;
        border-radius: 7px;
        border: 2px solid #fff1f1;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }

    .app-osaas-feature-block-two .inner-box .upper-box .icon {
        position: absolute;
        left: 0;
        top: 1px;
        font-size: 24px;
        color: #fa474a;
        line-height: 1em;
        background: linear-gradient(to top, #fa474a 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }

    .app-osaas-feature-block-two .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 16px;
        margin-top: 12px;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }

    .app-osaas-feature-block-two .inner-box .arrow {
        position: absolute;
        right: 0;
        top: 2px;
        color: #c4cee9;
        font-size: 20px;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }

    .app-osaas-feature-block-two .inner-box:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        height: 100%;
        width: 0%;
        border-radius: 7px;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        background-image: -ms-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -moz-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -o-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fa464a), color-stop(100, #ff7a43));
        background-image: -webkit-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-price-box .box-inner .price, .app-osaas-price-box-two .box-inner .content .price {
        position: relative;
        font-weight: 600;
        font-size: 80px;
        color: #fc3549;
        line-height: 1em;
        background: linear-gradient(to right, #fc3549 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: Poppins, sans-serif
    }

    .app-osaas-accordion-box .block .icon-outer .icon, .app-osaas-pricing-section .version-column .inner-column {
        background-image: -ms-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -moz-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -o-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fa464a), color-stop(100, #ff7a43));
        background-image: -webkit-linear-gradient(left, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-price-box .box-inner .price sub, .app-osaas-price-box-two .box-inner .content .price sub {
        position: relative;
        font-size: 24px;
        color: #fc3549;
        line-height: 1em;
        font-family: Poppins, sans-serif;
        background: linear-gradient(to right, #fc3549 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-price-box-two .box-inner .content {
        position: relative;
        padding-top: 12px;
        padding-left: 160px
    }

    .app-osaas-price-box-two .box-inner .content .text {
        position: relative;
        color: #19274d;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.9em
    }

    .app-osaas-price-box-two .box-inner .content .text span {
        font-weight: 500
    }

    .app-osaas-pricing-section .version-column .inner-column {
        position: relative;
        border-radius: 15px;
        padding: 70px 70px 0;
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-pricing-section .version-column .days {
        position: relative;
        font-size: 20px;
        color: #fff;
        font-weight: 400;
        line-height: 1.3em;
        text-align: center;
        margin-top: 6px;
        margin-bottom: 25px
    }

    .app-osaas-pricing-section .version-column .days span {
        font-weight: 700
    }

    .app-osaas-news-block-two .inner-box {
        position: relative;
        text-align: center;
        padding-top: 26px
    }

    .app-osaas-news-block-two .inner-box .image {
        position: relative;
        overflow: hidden;
        background-color: #fa474a
    }

    .app-osaas-news-block-four .inner-box .image img, .app-osaas-news-block-two .inner-box .image img {
        position: relative;
        width: 100%;
        display: block;
        transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-news-block-four .inner-box:hover .image img, .app-osaas-news-block-two .inner-box:hover .image img {
        opacity: .5;
        transform: scale(1.05, 1.05)
    }

    .app-osaas-news-block-two .inner-box .lower-content {
        position: relative;
        padding-top: 35px
    }

    .app-osaas-news-block-two .inner-box .lower-content h2 {
        position: relative;
        font-weight: 600;
        line-height: 1.1em;
        margin-top: 4px;
        font-family: Poppins, sans-serif
    }

    .app-osaas-news-block-two .inner-box .lower-content h2 a {
        position: relative;
        color: #19274d;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }

    .app-osaas-news-block-two .inner-box .lower-content h2 a:hover, .app-osaas-sidebar .popular-posts .post a:hover {
        color: #fa474a
    }

    .app-osaas-banner-section-three .content-column .inner-column {
        position: relative;
        margin-left: -70px;
        padding-top: 195px
    }

    .app-osaas-banner-section-three .content-column .text {
        position: relative;
        color: #19274d;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.6em;
        padding-left: 25px;
        margin-top: 28px;
        margin-bottom: 28px;
        border-left: 4px solid #32c788
    }

    .app-osaas-banner-section-three .content-column .users-box .icon, .app-osaas-feature-block-eight .inner-box .upper-box .icon, .app-osaas-feature-block-four .inner-box .upper-box .icon, .app-osaas-feature-block-three .inner-box .content .icon {
        position: absolute;
        left: 0;
        top: 0
    }

    .app-osaas-banner-section-three .content-column .users-box .box-inner .active {
        position: relative;
        color: #19274d;
        font-size: 14px
    }

    .app-osaas-banner-section-three .image-column .inner-column {
        position: relative;
        margin-left: -70px;
        margin-right: -40px
    }

    .app-osaas-banner-section-three .image-column .image {
        position: relative;
        margin-top: -130px;
        z-index: 1
    }

    .app-osaas-platform-section .platform-tabs .tab-btns .tab-btn .icon {
        position: relative;
        width: 80px;
        height: 80px;
        color: #32c788;
        font-size: 30px;
        line-height: 80px;
        text-align: center;
        margin: 0 10px 20px;
        border-radius: 50%;
        display: inline-block;
        background-color: #fff;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }

    .app-osaas-platform-section .platform-tabs .tab-btns .tab-btn.active-btn .icon, .app-osaas-platform-section .platform-tabs .tab-btns .tab-btn:hover .icon, .app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn.active-btn .icon, .app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn:hover .icon {
        color: #fff;
        background-color: #32c788
    }

    .app-osaas-cources-tabs .tabs-content .tab, .app-osaas-platform-section .platform-tabs .tabs-content .tab, .app-osaas-testimonial-section .clients-tabs .tabs-content .tab, .app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .tab {
        position: relative;
        display: none
    }

    .app-osaas-contact-info-section .info-column .inner-column, .app-osaas-journey-section .content-column .inner-column, .app-osaas-process-block-three .inner-box .image-column .inner-column {
        position: relative;
        padding-left: 40px
    }

    .app-osaas-journey-section .content-column .title {
        position: relative;
        color: #19274d;
        font-size: 18px;
        font-weight: 700
    }

    .app-osaas-journey-section .content-column .text {
        position: relative;
        color: #19274d;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.6em;
        padding-left: 25px;
        margin-top: 28px;
        margin-bottom: 34px;
        border-left: 4px solid #32c788
    }

    .app-osaas-facilities-section .content-column .inner-column {
        position: relative;
        margin-right: -20px
    }

    .app-osaas-service-block .inner-box {
        position: relative;
        text-align: center;
        border-radius: 8px;
        overflow: hidden;
        padding: 50px 40px 65px;
        background-color: #fff;
        box-shadow: 0 10px 10px rgba(50, 199, 136, .1)
    }

    .app-osaas-service-block .inner-box:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        border-top: 5px solid #32c788;
        background-color: #19274d;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transform: scale(.5, 1)
    }

    .app-osaas-feature-block-six .inner-box:hover::before, .app-osaas-feature-block-six.active .inner-box:before, .app-osaas-service-block .inner-box:hover::before, .app-osaas-team-block .inner-box:hover::before, .app-osaas-team-block-two .inner-box:hover::before {
        opacity: 1;
        transform: scale(1, 1)
    }

    .app-osaas-service-block .inner-box h4 {
        position: relative;
        font-weight: 700;
        line-height: 1.3em;
        margin-bottom: 18px
    }

    .app-osaas-service-block .inner-box h4 a, .app-osaas-team-block .inner-box h2 a, .app-osaas-team-block-two .inner-box h2 a {
        position: relative;
        color: #19274d;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-service-block .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 16px;
        line-height: 1.9em;
        margin-bottom: 30px;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-team-block .inner-box, .app-osaas-team-block-two .inner-box {
        position: relative;
        padding: 35px;
        border: 2px solid #f2f3f6
    }

    .app-osaas-team-block .inner-box:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: -2px;
        right: 0;
        height: 3px;
        opacity: 0;
        transform: scale(.5, 1);
        background-color: #32c788;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-team-block .inner-box .content, .app-osaas-team-block-two .inner-box .content {
        position: relative;
        overflow: hidden
    }

    .app-osaas-team-block .inner-box .image, .app-osaas-team-block-two .inner-box .image {
        position: relative;
        width: 145px;
        height: 145px;
        margin: 0 auto 25px;
        border-radius: 50%;
        overflow: hidden
    }

    .app-osaas-team-block .inner-box h2 {
        position: relative;
        font-weight: 700;
        line-height: 1.1em;
        font-family: Roboto, sans-serif;
        width: 80%
    }

    .app-osaas-team-block .inner-box .content .social-outer-box .plus {
        position: relative;
        right: 0;
        bottom: 0;
        width: 50px;
        z-index: 1;
        height: 50px;
        color: #fff;
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        border-radius: 5px;
        display: inline-block;
        background-color: #32c788
    }

    .app-osaas-team-block .inner-box .content .social-outer-box .social-boxed .social-box li.facebook a:hover {
        color: #fff;
        border-color: #4064ad;
        background-color: #4064ad
    }

    .app-osaas-team-block .inner-box .content .social-outer-box .social-boxed .social-box li.twitter a:hover {
        color: #fff;
        border-color: #2d88ff;
        background-color: #2d88ff
    }

    .app-osaas-team-block .inner-box .content .social-outer-box .social-boxed .social-box li.behance a:hover {
        color: #fff;
        border-color: #0055f8;
        background-color: #0055f8
    }

    .app-osaas-testimonial-section .text {
        position: relative;
        color: #19274d;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.5em;
        padding-left: 28px;
        margin-top: 15px
    }

    .app-osaas-testimonial-section .text:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 4px;
        height: 60px;
        background-color: #32c788
    }

    @media only screen and (max-width: 990px) {
        .osaas-testi-left-img .osaas-clnt-img {
            position: relative;
            left: 0
        }
    }@media only screen and (width: 1024px) {
    .osaas-testi-left-img .osaas-clnt-img {
        position: relative;
        left: 0
    }
}.osaas-testi-center-img .text, .osaas-testi-left-img .text {
     padding-left: 0;
     padding-top: 45px
 }

    .app-osaas-testimonial-section .blocks-column .inner-column {
        position: relative;
        padding-left: 100px
    }

    .app-osaas-category-block .inner-box {
        position: relative;
        display: block;
        text-align: center;
        padding: 45px 15px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
    }

    .app-osaas-category-block .inner-box .icon {
        position: relative;
        color: #32c788;
        font-size: 50px
    }

    .app-osaas-category-block .inner-box h6 {
        position: relative;
        color: #19274d;
        font-weight: 700;
        margin-top: 5px;
        text-transform: uppercase
    }

    .app-osaas-news-block-six .inner-box .content, .app-osaas-product-block .inner-box {
        position: relative;
        padding-left: 110px
    }

    .app-osaas-product-block .inner-box h5 {
        position: relative;
        color: #19274d;
        font-weight: 700;
        line-height: 1.3em
    }

    .app-osaas-product-block .inner-box .text {
        position: relative;
        color: #19274d;
        font-weight: 400;
        line-height: 1.8em;
        margin-top: 8px;
        font-size: 16px;
        margin-bottom: 10px
    }

    .app-osaas-banner-section-four .content-box .title, .app-osaas-software-section .content-column .title {
        position: relative;
        color: #19274d;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.3em
    }

    .app-osaas-feature-block-three .inner-box {
        position: relative;
        padding: 25px 35px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
    }

    .app-osaas-feature-block-three .inner-box .content {
        position: relative;
        padding-left: 62px
    }

    .app-osaas-feature-block-three .inner-box .content .arrow {
        position: absolute;
        right: 0;
        top: 25px;
        font-size: 22px;
        color: #e4e8f2;
        line-height: 1em
    }

    .app-osaas-feature-block-three .inner-box .content h4 {
        position: relative;
        color: #19274d;
        font-weight: 500;
        font-family: Roboto, sans-serif
    }

    .app-osaas-feature-block-three .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 16px;
        margin-top: 6px
    }

    .app-osaas-featured-section-four .image-column .inner-column {
        position: relative;
        margin-left: -40px;
        padding-right: 30px
    }

    .app-osaas-feature-block-eight .inner-box, .app-osaas-feature-block-four .inner-box {
        position: relative;
        padding: 35px 28px;
        overflow: hidden;
        box-shadow: 0 10px 40px #fafcfe
    }

    .app-osaas-feature-block-four .inner-box .number {
        position: absolute;
        right: -25px;
        bottom: -20px;
        color: #fafcfe;
        font-weight: 700;
        font-size: 140px;
        line-height: 1em
    }

    .app-osaas-feature-block-eight .inner-box .text, .app-osaas-feature-block-four .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 16px;
        line-height: 1.8em;
        margin-top: 28px;
        z-index: 1
    }

    .app-osaas-choose-section .content-column .inner-column {
        position: relative;
        padding-top: 50px
    }

    .app-osaas-choose-section .content-column .list li {
        position: relative;
        padding-left: 50px;
        margin-bottom: 20px;
        color: #19274d;
        font-size: 20px;
        line-height: 1.6em
    }

    .app-osaas-choose-section .content-column .list li:before {
        position: absolute;
        content: "\f1da";
        left: 0;
        top: 4px;
        color: #104da0;
        display: inline-block;
        font-family: Flaticon;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

    .app-osaas-choose-section .content-column .list li span, .app-osaas-process-block-four .inner-box .content-column .text span, .app-osaas-process-block-three .inner-box .content-column .text span, .app-osaas-process-block-two .inner-box .content-column .text span, .app-osaas-software-section .content-column .inner-column .text span {
        position: relative;
        font-weight: 600
    }

    .app-osaas-choose-section .carousel-column .inner-column {
        position: relative;
        margin-right: -50px
    }

    .app-osaas-choose-section .carousel-column .owl-dots .owl-dot.active {
        background-color: #104da1
    }

    .app-osaas-process-section .carousel-column .inner-column {
        position: relative;
        margin-right: 40px;
        padding: 75px 50px 70px
    }

    .app-osaas-process-section .carousel-column .inner-column:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: 0;
        bottom: -40px;
        background-color: #fff
    }

    .app-osaas-testimonial-block .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.5em
    }

    .app-osaas-process-section .content-column .inner-column {
        position: relative;
        padding: 110px 0 80px
    }

    .app-osaas-business-block .inner-box .content, .app-osaas-process-block .inner-box {
        position: relative;
        padding-left: 90px
    }

    .app-osaas-process-block .inner-box .arrow {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 22px;
        color: #e4e8f2;
        line-height: 1em
    }

    .app-osaas-process-block .inner-box .number {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 60px;
        font-weight: 500;
        line-height: 1em;
        background: -webkit-linear-gradient(-45deg, #fff, #0e8bff 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-process-block .inner-box h4 {
        position: relative;
        color: #19274d;
        font-weight: 700;
        line-height: 1.3em;
        font-family: Roboto, sans-serif
    }

    .app-osaas-process-block .inner-box .text {
        position: relative;
        color: #19274d;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.9em;
        margin-top: 10px
    }

    .app-osaas-process-block:nth-child(2) .inner-box .number {
        background: -webkit-linear-gradient(-45deg, #fff, #fea147 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-process-block:nth-child(3) .inner-box .number {
        background: -webkit-linear-gradient(-45deg, #fff, #fe8f8f 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-counter-section-two .app-osaas-fact-counter-two .column .inner:before {
        position: absolute;
        content: '';
        right: -20px;
        top: 10px;
        bottom: 10px;
        width: 1px;
        background-color: rgba(255, 255, 255, .1)
    }

    .app-osaas-fact-counter-two .column .inner .content .plus {
        position: relative;
        width: 50px;
        height: 50px;
        color: #fff;
        line-height: 46px;
        text-align: center;
        margin-top: 25px;
        border-radius: 50px;
        display: inline-block;
        border: 2px solid rgba(255, 255, 255, .1)
    }

    .app-osaas-cta-section .inner-container.margin-top {
        margin-top: -150px
    }

    .app-osaas-cta-section .button-column .inner-column {
        position: relative;
        text-align: right;
        padding-top: 55px
    }

    .app-osaas-featured-section-five .tab-column .inner-column {
        position: relative;
        padding: 40px;
        border-radius: 12px;
        margin-right: 30px;
        background-color: #19274d
    }

    .app-osaas-cources-tabs .tab-btns .tab-btn.active-btn {
        opacity: 1;
        color: #fff
    }

    .app-osaas-cources-tabs .tabs-content .code-text .title {
        position: relative;
        color: #df4bff
    }

    .app-osaas-featured-section-five .content-column .inner-column, .app-osaas-process-block-four .inner-box .content-column .inner-column, .app-osaas-process-block-two .inner-box .content-column .inner-column {
        position: relative;
        padding-top: 30px
    }

    .app-osaas-news-block-three .inner-box {
        position: relative;
        padding: 40px 30px;
        border-radius: 0;
        border: 2px solid #e1f3ff;
        background-color: #fff
    }

    .app-osaas-news-block-three .inner-box .category {
        position: relative;
        color: #fff;
        font-size: 14px;
        padding: 6px 18px;
        border-radius: 50px;
        font-weight: 700;
        display: inline-block;
        background-image: -ms-linear-gradient(left, #0c4094 0, #1c74c6 100%);
        background-image: -moz-linear-gradient(left, #0c4094 0, #1c74c6 100%);
        background-image: -o-linear-gradient(left, #0c4094 0, #1c74c6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0c4094), color-stop(100, #1c74c6));
        background-image: -webkit-linear-gradient(left, #0c4094 0, #1c74c6 100%);
        background-image: linear-gradient(to right, #0c4094 0, #1c74c6 100%)
    }

    .app-osaas-news-block-three .inner-box h5 {
        position: relative;
        line-height: 1.5em;
        font-weight: 500;
        margin-top: 25px
    }

    .app-osaas-feature-block-five .inner-box h2 a, .app-osaas-feature-block-six .inner-box h4 a, .app-osaas-news-block-four .inner-box .lower-content h4 a, .app-osaas-news-block-three .inner-box h5 a {
        position: relative;
        color: #19274d;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

    .app-osaas-news-block-three .inner-box h5 a:hover {
        color: #1c74c6
    }

    .app-osaas-news-block-three .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 15px;
        line-height: 1.8em;
        margin-top: 18px
    }

    .app-osaas-news-block-three .inner-box .post-meta {
        position: relative;
        padding-top: 18px;
        margin-top: 5px;
        border-top: 1px solid rgba(255, 255, 255, .08)
    }

    .app-osaas-news-block-three .inner-box .post-meta li {
        position: relative;
        font-size: 14px;
        font-weight: 700;
        margin-right: 4px;
        display: inline-block;
        background: -webkit-linear-gradient(45deg, #0c4094, #1c72c4 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-news-block-three .inner-box .post-meta li .icon {
        position: relative;
        margin-right: 10px;
        font-weight: 300;
        background: -webkit-linear-gradient(45deg, #0c4094, #1c72c4 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-contact-info-section .inner-container.margin-bottom {
        margin-bottom: -80px;
        z-index: 1
    }

    .app-osaas-contact-info-section .info-column .icon {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        font-size: 20px
    }

    .app-osaas-contact-info-section .info-column .title {
        position: relative;
        color: #fff;
        font-size: 16px;
        font-weight: 700
    }

    .app-osaas-banner-section-five .content-column .inner-column {
        position: relative;
        padding-top: 65px
    }

    .app-osaas-banner-section-five .content-column .title {
        position: relative;
        color: #19274d;
        font-size: 18px;
        font-weight: 500
    }

    .app-osaas-banner-section-five .image-column .image {
        position: relative;
        z-index: 2
    }

    .app-osaas-banner-section-five .image-column .image img, .app-osaas-demo-section .image-column .image img {
        position: relative;
        max-width: inherit
    }

    .app-osaas-customize-block .inner-box {
        position: relative;
        padding: 40px 30px;
        border-radius: 15px;
        text-align: center;
        background-color: #f4f9ff
    }

    .app-osaas-customize-block .inner-box .title {
        position: relative;
        color: #1374f6;
        font-size: 14px;
        font-weight: 700
    }

    .app-osaas-customize-block .inner-box h4 {
        position: relative;
        color: #19274d;
        font-weight: 700;
        line-height: 1.3em;
        margin-top: 10px
    }

    .app-osaas-engineer-block .inner-box {
        position: relative;
        padding: 50px 30px;
        text-align: center
    }

    .app-osaas-engineer-block .inner-box .check {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 40px;
        height: 40px;
        color: #fff;
        line-height: 40px;
        border-radius: 50px;
        display: inline-block;
        background-color: #ff8c8c;
        box-shadow: 0 10px 10px rgba(255, 140, 140, .2)
    }

    .app-osaas-engineer-block .inner-box .content .image {
        position: relative;
        width: 140px;
        height: 140px;
        margin: 0 auto;
        border-radius: 50%;
        border: 10px solid #fff
    }

    .app-osaas-engineer-block .inner-box .content .image:before {
        position: absolute;
        content: '';
        left: -10px;
        top: -10px;
        right: -10px;
        bottom: -10px;
        z-index: 1;
        background: url(../img/combine/circle-layer.png) no-repeat
    }

    .app-osaas-engineer-block .inner-box .content .name {
        position: relative;
        color: #19274d;
        font-size: 24px;
        font-weight: 700;
        margin-top: 10px;
        font-family: Poppins
    }

    .app-osaas-business-block .inner-box {
        position: relative;
        border-radius: 15px;
        padding: 45px 30px 45px 40px;
        background-color: #5fcda9
    }

    .app-osaas-business-block .inner-box .content .title {
        position: relative;
        color: #fff;
        font-size: 14px;
        font-weight: 700
    }

    .app-osaas-business-block .inner-box .content h4 {
        position: relative;
        color: #fff;
        font-weight: 700;
        line-height: 1.3em;
        margin-top: 8px;
        font-family: Poppins
    }

    .app-osaas-business-block .inner-box .content .image {
        position: absolute;
        right: 0;
        top: -25px
    }

    .app-osaas-software-section .content-column .inner-column {
        position: relative;
        padding-left: 40px;
        padding-top: 58px
    }

    .app-osaas-software-section .content-column .languages {
        position: relative;
        padding: 28px 0;
        margin-top: 32px;
        margin-bottom: 32px;
        border-top: 2px solid #e8eeff;
        border-bottom: 2px solid #e8eeff
    }

    .app-osaas-software-section .content-column .languages li {
        position: relative;
        color: #19274d;
        font-size: 18px;
        font-weight: 700;
        margin-right: 45px;
        display: inline-block
    }

    .app-osaas-software-section .content-column .languages li .icon {
        position: relative;
        color: #3246d3;
        font-weight: 400;
        margin-right: 7px
    }

    .app-osaas-software-section .content-column .inner-column .text {
        position: relative;
        margin-top: 32px;
        color: #19274d;
        font-size: 18px;
        line-height: 1.8em
    }

    .app-osaas-feature-block-five .inner-box h2 {
        position: relative;
        line-height: 1.3em;
        margin-top: 30px;
        margin-bottom: 15px;
        font-family: Poppins
    }

    .app-osaas-feature-block-five .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 16px;
        line-height: 1.8em;
        margin-top: 12px;
        padding: 0 35px;
        margin-bottom: 15px
    }

    .app-osaas-feature-block-five .inner-box h2 a:hover, .app-osaas-news-block-four .inner-box .lower-content h4 a:hover {
        color: #1374f6
    }

    .app-osaas-fact-counter-three .column .inner .content:before {
        position: absolute;
        content: '';
        right: -20px;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: rgba(255, 255, 255, .2)
    }

    .app-osaas-feature-block-six .inner-box {
        position: relative;
        padding: 45px 40px;
        box-shadow: 0 10px 20px rgba(19, 116, 246, .1)
    }

    .app-osaas-feature-block-six .inner-box:before {
        position: absolute;
        content: '';
        left: -30px;
        top: 0;
        right: -30px;
        bottom: 0;
        opacity: 0;
        transform: scale(.5, 1);
        background-color: #1374f6;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

    .app-osaas-feature-block-six .inner-box .content {
        position: relative;
        padding-left: 70px
    }

    .app-osaas-feature-block-six .inner-box .icon {
        position: absolute;
        left: 0;
        top: 8px;
        color: #1374f6;
        font-size: 44px;
        line-height: 1em;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

    .app-osaas-feature-block-six .inner-box h4 {
        position: relative;
        font-family: Poppins
    }

    .app-osaas-feature-block-six .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 16px;
        line-height: 1.9em;
        margin-top: 8px;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

    .app-osaas-demo-section .content-column .inner-column {
        position: relative;
        padding-top: 110px
    }

    .app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn.active-btn .icon, .app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn:hover .icon {
        color: #fff;
        background-color: #1374f6
    }

    .app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .text {
        position: relative;
        color: #19274d;
        font-size: 60px;
        line-height: 1.1em;
        max-width: 850px;
        margin: 30px auto 0;
        font-family: Poppins
    }

    .app-osaas-news-block-four .inner-box {
        position: relative;
        padding: 18px;
        border-radius: 8px;
        border: 2px solid #f6f6ff
    }

    .app-osaas-news-block-four .inner-box .image {
        position: relative;
        overflow: hidden;
        border-radius: 8px;
        background-color: #1374f6
    }

    .app-osaas-news-block-four .inner-box .image .post-date {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 1;
        width: 65px;
        height: 65px;
        color: #1374f6;
        font-size: 24px;
        font-weight: 700;
        padding-top: 5px;
        text-align: center;
        border-radius: 50px;
        display: inline-block;
        background-color: #fff
    }

    .app-osaas-news-block-four .inner-box .image .post-date span {
        font-size: 12px;
        color: #19274d;
        display: block;
        text-transform: capitalize
    }

    .app-osaas-news-block-four .inner-box .lower-content h4 {
        position: relative;
        font-size: 22px;
        line-height: 1.5em;
        margin-top: 20px;
        font-weight: 700;
        padding: 0 8px
    }

    .app-osaas-news-block-four .inner-box .lower-content .text {
        position: relative;
        color: #19274d;
        font-size: 16px;
        line-height: 1.8em;
        margin-top: 12px;
        padding: 0 8px;
        margin-bottom: 15px
    }

    .footer-style-two .logo-widget .logo {
        position: relative;
        margin-bottom: 15px
    }

    .footer-style-two .logo-widget .text {
        position: relative;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8em;
        margin-bottom: 25px
    }

    .osaas-footer-rcp .news-widget .post {
        position: relative;
        min-height: 70px;
        padding-left: 90px;
        margin-bottom: 20px
    }

    .osaas-footer-rcp .news-widget .post h6 {
        position: relative;
        color: #fff;
        line-height: 1.3em;
        padding-top: 1px;
        font-weight: 700;
        font-family: Poppins
    }

    .osaas-footer-rcp .news-widget .post h6 a {
        color: #fff;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .osaas-footer-rcp .news-widget .post .post-info li .icon {
        position: relative;
        margin-right: 6px;
        font-weight: 400
    }

    .app-osaas-page-title .images-outer .image.one {
        position: absolute;
        left: 5%;
        top: 40px
    }

    .app-osaas-page-title .images-outer .image.two {
        position: absolute;
        left: 25%;
        bottom: 0
    }

    .app-osaas-page-title .images-outer .image.three {
        position: absolute;
        left: 62%;
        top: 60px
    }

    .app-osaas-page-title .images-outer .image.four {
        position: absolute;
        left: 68%;
        bottom: 5%
    }

    .app-osaas-page-title .images-outer .image.five {
        position: absolute;
        right: 2%;
        top: 32%
    }

    .app-osaas-service-block-two .inner-box {
        position: relative;
        text-align: center;
        padding: 20px;
        border: 2px solid #e9efff;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .app-osaas-service-block-two .inner-box:hover {
        border-color: #fa464a
    }

    .app-osaas-service-block-two .inner-box .content {
        position: relative;
        padding-top: 50px;
        padding-bottom: 30px
    }

    .app-osaas-service-block-two .inner-box .content:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-image: -ms-linear-gradient(top, #f9fbff 0, #fff 100%);
        background-image: -moz-linear-gradient(top, #f9fbff 0, #fff 100%);
        background-image: -o-linear-gradient(top, #f9fbff 0, #fff 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9fbff), color-stop(100, #fff));
        background-image: -webkit-linear-gradient(top, #f9fbff 0, #fff 100%);
        background-image: linear-gradient(to bottom, #f9fbff 0, #fff 100%)
    }

    .app-osaas-service-block-two .inner-box .icon-outer .icon-box .icon {
        position: relative;
        color: #fa474a;
        font-size: 48px;
        background: linear-gradient(to top, #fa474a 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-services-section .app-osaas-service-block-two:first-child .inner-box .icon-outer .icon-box .icon {
        padding-left: 10px
    }

    .app-osaas-service-block-two .inner-box h2 {
        position: relative;
        font-weight: 600;
        line-height: 1.2em;
        margin-top: 35px;
        font-family: Poppins, sans-serif
    }

    .app-osaas-service-block-three .inner-box .lower-content h4 a, .app-osaas-service-block-two .inner-box h2 a, .work-block .inner-box h3 a {
        position: relative;
        color: #19274d;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .app-osaas-service-block-two .inner-box h2 a:hover {
        color: #f75251
    }

    .app-osaas-service-block-two .inner-box .text {
        position: relative;
        font-weight: 400;
        line-height: 1.9em;
        margin-top: 15px;
        color: #19274d;
        font-size: 16px;
        padding: 0 25px;
        margin-bottom: 20px
    }

    .app-osaas-about-section-two .image-column .inner-column {
        position: relative;
        padding-right: 25px
    }

    .app-osaas-about-section-two .image-column .image img {
        position: relative;
        border-radius: 30px
    }

    .app-osaas-about-section-two .content-column .inner-column {
        position: relative;
        padding-top: 55px;
        padding-left: 20px;
        padding-right: 60px
    }

    .app-osaas-intro-section-two .content-column .sec-title .text {
        margin-top: 15px
    }

    .app-osaas-intro-section-two .image-column .inner-column {
        position: relative;
        padding-top: 55px
    }

    .app-osaas-team-block-two .inner-box:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: -2px;
        right: 0;
        height: 3px;
        opacity: 0;
        transform: scale(.5, 1);
        background-color: #fa484b;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-team-block-two .inner-box h2 {
        position: relative;
        font-weight: 700;
        line-height: 1.1em;
        font-family: Roboto, sans-serif
    }

    .app-osaas-team-block-two .inner-box h2 a:hover {
        color: #fa484b
    }

    .app-osaas-team-block-two .inner-box .content .social-outer-box .plus {
        position: relative;
        right: 0;
        bottom: 0;
        width: 50px;
        z-index: 1;
        height: 50px;
        color: #fff;
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        border-radius: 50px;
        display: inline-block;
        background-image: -ms-linear-gradient(left, #fa454a 0, #ff7a43 100%);
        background-image: -moz-linear-gradient(left, #fa454a 0, #ff7a43 100%);
        background-image: -o-linear-gradient(left, #fa454a 0, #ff7a43 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fa454a), color-stop(100, #ff7a43));
        background-image: -webkit-linear-gradient(left, #fa454a 0, #ff7a43 100%);
        background-image: linear-gradient(to right, #fa454a 0, #ff7a43 100%)
    }

    .app-osaas-feature-block-seven .inner-box {
        position: relative;
        padding: 45px 30px;
        border-radius: 5px;
        background-color: #fff
    }

    .app-osaas-feature-block-seven .inner-box .number {
        position: absolute;
        right: -10px;
        top: -16px;
        color: #f9f8ff;
        font-size: 120px;
        line-height: 1em;
        font-weight: 600;
        font-family: Poppins, sans-serif
    }

    .app-osaas-feature-block-seven .inner-box .icon-box .icon {
        position: relative;
        color: #fa474a;
        line-height: 1em;
        font-size: 30px;
        background: linear-gradient(to top, #fa474a 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-feature-block-seven .inner-box h5 {
        position: relative;
        color: #19274d;
        font-weight: 600;
        line-height: 1.3em;
        margin-top: 18px;
        font-family: Poppins, sans-serif
    }

    .app-osaas-feature-block-seven .inner-box .text {
        position: relative;
        color: #19274d;
        font-weight: 400;
        line-height: 1.8em;
        margin-top: 12px
    }

    .app-osaas-skill-section .content-column .inner-column {
        position: relative;
        padding-right: 60px
    }

    .app-osaas-skill-section .images-column .inner-column {
        position: relative;
        padding-right: 20px;
        padding-left: 50px;
        padding-top: 90px
    }

    .app-osaas-skill-section .images-column .image:before {
        position: absolute;
        content: '';
        left: -30px;
        bottom: -30px;
        width: 0;
        height: 0;
        border-bottom: 150px solid #fa4a49;
        border-right: 150px solid transparent
    }

    .app-osaas-skill-section .images-column .image img {
        position: relative;
        display: block
    }

    .app-osaas-accordion-box .block, .app-osaas-error-section .image {
        position: relative;
        margin-bottom: 0
    }

    .app-osaas-accordion-box .block .icon-outer .icon {
        position: absolute;
        right: 0;
        width: 36px;
        height: 36px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 36px;
        border-radius: 50%;
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-accordion-box .block .content, .work-block .inner-box .icon-box .check {
        background-image: -ms-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -moz-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -o-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fa464a), color-stop(100, #ff7a43));
        background-image: -webkit-linear-gradient(left, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-accordion-box .block .content {
        position: relative;
        font-size: 16px;
        color: #fff;
        line-height: 1.8em;
        padding: 35px 35px 30px 30px;
        box-shadow: 0 0 10px rgba(250, 70, 74, .2);
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-accordion-box .block .content .text {
        line-height: 1.9em;
        font-size: 16px;
        color: #fff;
        font-weight: 400
    }

    .app-osaas-updates-section .subscribe-column .title {
        position: relative;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3em
    }

    .app-osaas-updates-section .info-column .info-block .inner-box .icon-box .icon {
        position: relative;
        font-size: 44px;
        background: -webkit-linear-gradient(-45deg, #fa484a, #fe7344 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-updates-section .info-column .info-block .email a, .app-osaas-updates-section .info-column .info-block .phone a {
        position: relative;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        margin-bottom: 8px;
        display: block
    }

    .app-osaas-process-block-four .inner-box .image-column .inner-column, .app-osaas-process-block-two .inner-box .image-column .inner-column {
        position: relative;
        padding-right: 40px
    }

    .app-osaas-process-block-four .inner-box .content-column .text, .app-osaas-process-block-two .inner-box .content-column .text {
        position: relative;
        color: #19274d;
        font-weight: 400;
        line-height: 1.8em;
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .app-osaas-process-block-three .inner-box .content-column .inner-column {
        position: relative;
        padding-top: 30px;
        padding-right: 30px
    }

    .app-osaas-process-block-three .inner-box .content-column .text {
        position: relative;
        color: #19274d;
        font-weight: 400;
        line-height: 1.8em;
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 50px
    }

    .app-osaas-process-block-three .inner-box .content-column .app-options .app-block .icon {
        position: relative;
        font-size: 36px;
        color: #1b1fc2;
        line-height: 1em;
        background: -webkit-linear-gradient(-45deg, #1b1fc2, #44c6f5 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .number-block-two .block-inner .icon {
        position: absolute;
        right: 0;
        top: 0
    }

    .number-block-two .block-inner .number {
        position: relative;
        font-size: 80px;
        font-weight: 600;
        line-height: 1em;
        color: #37ca6f;
        font-family: Poppins, sans-serif;
        background: linear-gradient(to right, #37ca6f 0, #67d734 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .work-block .inner-box .icon-box .check {
        position: absolute;
        right: -20px;
        top: -20px;
        width: 40px;
        height: 40px;
        color: #fff;
        line-height: 40px;
        display: inline-block;
        box-shadow: 0 10px 10px rgba(252, 93, 71, .1);
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .work-block .inner-box .icon-box .icon {
        position: relative;
        width: 120px;
        height: 120px;
        color: #fa474a;
        line-height: 120px;
        font-size: 66px;
        background: -webkit-linear-gradient(-45deg, #fa474a, #ff7943 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block
    }

    .work-block .inner-box h3 {
        position: relative;
        color: #19274d;
        font-weight: 600;
        margin-bottom: 12px;
        font-family: Poppins, sans-serif
    }

    .work-block .inner-box h3 a:hover {
        color: #fb4b49
    }

    .work-block .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 18px;
        line-height: 1.8em;
        padding: 0 25px;
        margin-bottom: 28px
    }

    .work-block .inner-box .arrow {
        position: relative;
        width: 50px;
        height: 50px;
        color: #ff7644;
        font-size: 18px;
        line-height: 50px;
        border-radius: 50%;
        display: inline-block;
        background-color: #fff;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .work-block .inner-box:hover .arrow {
        color: #fff;
        background-color: #fb4b49
    }

    .app-osaas-service-page-section .video-column .inner-column {
        position: relative;
        padding-top: 75px;
        padding-right: 40px
    }

    .app-osaas-feature-block-eight .inner-box .number {
        position: absolute;
        right: -10px;
        bottom: -20px;
        color: #fafcfe;
        font-weight: 700;
        font-size: 140px;
        line-height: 1em
    }

    .app-osaas-service-block-three .inner-box {
        position: relative;
        text-align: center;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .app-osaas-service-block-three .inner-box .image {
        position: relative;
        background-color: #fa464a
    }

    .app-osaas-service-block-three .inner-box .image img {
        position: relative;
        width: 100%;
        display: block;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .app-osaas-news-block-five .inner-box:hover .image img, .app-osaas-service-block-three .inner-box:hover .image img {
        opacity: .5
    }

    .app-osaas-service-block-three .inner-box .lower-content {
        position: relative;
        margin-left: 20px;
        margin-right: 20px;
        padding: 30px 15px;
        margin-top: -60px;
        background-color: #fff;
        box-shadow: 0 0 15px rgba(250, 83, 86, .1)
    }

    .app-osaas-service-block-three .inner-box .lower-content:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 4px;
        bottom: 0;
        transform: scale(1, .32);
        background-color: #fd6246;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .app-osaas-service-block-three .inner-box .lower-content:after {
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        width: 4px;
        bottom: 0;
        transform: scale(1, .32);
        background-color: #fd6246;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .app-osaas-service-block-three .inner-box:hover .lower-content:after, .app-osaas-service-block-three .inner-box:hover .lower-content:before {
        transform: scale(1, .7)
    }

    .app-osaas-service-block-three .inner-box .lower-content h4 {
        position: relative;
        font-weight: 600;
        line-height: 1.3em
    }

    .app-osaas-service-block-three .inner-box .lower-content h4 a:hover {
        color: #fa484a
    }

    .app-osaas-service-block-three .inner-box .lower-content .text {
        position: relative;
        font-weight: 400;
        color: #19274d;
        font-size: 16px;
        line-height: 1.6em;
        margin-top: 8px
    }

    .app-osaas-service-detail-section .image {
        position: relative;
        margin-bottom: 50px
    }

    .app-osaas-service-detail-section .service-info-boxed .arrow {
        position: absolute;
        right: -25px;
        top: 50%;
        width: 55px;
        height: 55px;
        color: #fa454a;
        font-size: 24px;
        line-height: 55px;
        margin-top: -28px;
        text-align: center;
        border-radius: 50px;
        display: inline-block;
        background-color: #fff;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        box-shadow: 0 0 10px rgba(250, 70, 74, .15)
    }

    .app-osaas-service-detail-section .service-info-boxed .arrow:hover {
        background-color: #fa474a;
        color: #fff
    }

    .app-osaas-service-detail-section .service-info-boxed .text {
        position: relative;
        color: #fff;
        font-size: 16px;
        margin-top: 8px;
        line-height: 1.6em
    }

    .app-osaas-service-detail-section .new-posts .title, .blog-detail .inner-box .new-posts .title {
        position: relative;
        color: #fc3549;
        font-size: 16px;
        font-weight: 700;
        background: linear-gradient(to right, #fc3549 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-gallery-block .inner-box {
        position: relative;
        width: 100%
    }

    .app-osaas-gallery-block .overlay-inner .content {
        position: relative;
        display: table-cell;
        vertical-align: middle
    }

    .app-osaas-gallery-block .overlay-inner .link {
        position: relative;
        width: 50px;
        height: 50px;
        font-size: 20px;
        color: #fb4b49;
        line-height: 50px;
        margin: 0 3px;
        font-weight: 600;
        text-align: center;
        border-radius: 50px;
        display: inline-block;
        background-color: #fff;
        transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .app-osaas-gallery-block .overlay-inner .link:hover {
        box-shadow: inset 0 0 10px rgba(0, 0, 0, .9)
    }

    .app-osaas-contact-page-section .info-column .inner-column {
        position: relative;
        padding-right: 70px
    }

    .app-osaas-contact-page-section .info-column .sec-title .text {
        margin-top: 5px
    }

    .app-osaas-contact-page-section .info-column .contact-info li .icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 10px 10px rgba(28, 158, 225, .1)
    }

    .app-osaas-contact-page-section .form-column .inner-column {
        position: relative;
        padding: 60px;
        box-shadow: 0 10px 22px rgba(250, 71, 74, .05)
    }

    .contact-form .form-group .icon {
        position: absolute;
        right: 20px;
        top: 22px;
        color: #fa4a49;
        font-size: 16px;
        line-height: 1em;
        font-weight: 400
    }

    .app-osaas-about-widget .text {
        position: relative;
        color: #19274d;
        font-weight: 400;
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.9em
    }

    .app-osaas-sidebar .popular-posts .post {
        position: relative;
        font-size: 14px;
        color: #666;
        padding-top: 6px;
        padding-left: 100px;
        min-height: 110px;
        margin-bottom: 28px;
        border-bottom: 1px solid #e1e6ff
    }

    .app-osaas-sidebar .popular-posts .post:last-child {
        min-height: auto;
        border: none;
        margin-bottom: 0
    }

    .app-osaas-instagram-widget .post-thumb .overlay-box .fa, .app-osaas-sidebar .popular-posts .post .post-thumb .overlay-box .fa {
        top: 50%;
        position: relative;
        margin-top: -12px;
        display: block
    }

    .app-osaas-sidebar .popular-posts .post .text {
        position: relative;
        top: -4px;
        font-size: 16px;
        margin: 0;
        font-weight: 600;
        color: #19274d;
        line-height: 1.6em;
        text-transform: capitalize;
        font-family: Poppins, sans-serif
    }

    .app-osaas-sidebar .popular-posts .post .text a {
        color: #19274d;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .tweet-block .block-inner .icon {
        position: absolute;
        left: 0;
        top: 5px;
        font-size: 20px;
        color: #fa474a;
        line-height: 1em;
        background: linear-gradient(to top, #fa474a 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-news-block-five .inner-box .lower-content .category, .app-osaas-news-block-six .inner-box, .blog-detail .inner-box .category, .blog-detail .inner-box blockquote {
        background-image: -ms-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -moz-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -o-linear-gradient(left, #fa464a 0, #ff7a43 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fa464a), color-stop(100, #ff7a43));
        background-image: -webkit-linear-gradient(left, #fa464a 0, #ff7a43 100%)
    }

    .tweet-block .block-inner .text {
        position: relative;
        color: #19274d;
        font-size: 14px;
        line-height: 2em
    }

    .app-osaas-add-widget .image img {
        width: 100%;
        display: block
    }

    .app-osaas-news-block-five .inner-box .image {
        position: relative;
        overflow: hidden;
        background-color: #fa484a
    }

    .app-osaas-news-block-five .inner-box .image img {
        position: relative;
        width: 100%;
        display: block;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .app-osaas-news-block-five .inner-box .image .overlay-box .icon {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 80px;
        height: 80px;
        color: #fff;
        margin-left: -40px;
        text-align: center;
        border-radius: 50%;
        line-height: 80px;
        display: inline-block;
        padding-left: 4px;
        font-size: 18px;
        margin-top: -40px;
        background-color: #ff5b2e
    }

    .app-osaas-news-block-five .inner-box .lower-content {
        position: relative;
        padding: 50px 50px 40px;
        border: 2px solid #ededed;
        border-top: 0
    }

    .app-osaas-news-block-five.style-two .inner-box .lower-content {
        border-top: 2px solid #ededed
    }

    .app-osaas-news-block-five .inner-box .lower-content .category, .blog-detail .inner-box .category {
        position: relative;
        color: #fff;
        padding: 5px 28px;
        font-weight: 500;
        border-radius: 50px;
        display: inline-block;
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-news-block-five .inner-box .lower-content h2 {
        position: relative;
        font-size: 34px;
        line-height: 1.3em;
        font-weight: 600;
        margin-top: 25px;
        font-family: Poppins, sans-serif
    }

    .app-osaas-news-block-five .inner-box .lower-content h2 a {
        position: relative;
        color: #19274d;
        transition: .3s;
        -webkit-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s
    }

    .app-osaas-news-block-five .inner-box .lower-content h2 a:hover {
        color: #fa4a49
    }

    .app-osaas-news-block-five .inner-box .lower-content .post-meta, .app-osaas-news-block-six .inner-box .content .post-meta {
        position: relative;
        margin-top: 22px
    }

    .app-osaas-news-block-five .inner-box .lower-content .post-meta li {
        position: relative;
        margin-right: 12px;
        font-weight: 400;
        display: inline-block;
        color: #fc3549;
        font-size: 14px;
        padding-left: 22px;
        background: linear-gradient(to right, #fc3549 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-news-block-five .inner-box .lower-content .post-meta li .icon, .blog-detail .inner-box .post-meta li .icon, .related-block .inner-block .block-lower-content .post-date .icon {
        position: absolute;
        left: 0;
        top: 4px;
        color: #fa474a;
        line-height: 1em;
        background: linear-gradient(to top, #fa474a 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .app-osaas-news-block-five .inner-box .lower-content .text {
        position: relative;
        color: #19274d;
        font-size: 16px;
        line-height: 1.8em;
        margin-top: 20px;
        margin-bottom: 25px
    }

    .app-osaas-news-block-five .inner-box .lower-content .read-more .arrow {
        position: relative;
        margin-right: 4px
    }

    .app-osaas-news-block-six .inner-box {
        position: relative;
        padding: 50px;
        box-shadow: 0 10px 15px rgba(250, 70, 74, .15);
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .app-osaas-news-block-six .inner-box:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: url(../images/background/pattern-5.png)
    }

    .app-osaas-news-block-six .inner-box .content h2 {
        position: relative;
        line-height: 1.3em;
        font-weight: 600;
        font-size: 34px;
        font-family: Poppins, sans-serif
    }

    .app-osaas-news-block-six .inner-box .content .post-meta li {
        position: relative;
        margin-right: 12px;
        font-weight: 400;
        display: inline-block;
        color: #fff;
        font-size: 14px;
        padding-left: 22px
    }

    .app-osaas-news-block-six .inner-box .content .post-meta li .icon {
        position: absolute;
        left: 0;
        top: 4px;
        color: #fff;
        line-height: 1em
    }

    .app-osaas-news-block-five.style-three .inner-box .lower-content {
        border: none;
        background-color: #fff9f9
    }

    .app-osaas-styled-pagination li.active a:before {
        transform: scale(1, 1)
    }

    .blog-detail {
        position: relative;
        margin-bottom: 40px
    }

    .blog-detail .inner-box {
        position: relative;
        padding: 50px 50px 55px
    }

    .blog-detail .inner-box .post-meta {
        position: relative;
        margin-top: 22px;
        margin-bottom: 20px
    }

    .blog-detail .inner-box .post-meta li, .related-block .inner-block .block-lower-content .post-date {
        position: relative;
        margin-right: 12px;
        font-weight: 500;
        display: inline-block;
        color: #fc3549;
        font-size: 14px;
        padding-left: 22px;
        background: linear-gradient(to right, #fc3549 0, #ff7a43 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .blog-detail .inner-box p {
        position: relative;
        color: #19274d;
        font-size: 16px;
        line-height: 1.7em;
        margin-bottom: 25px
    }

    .blog-detail .inner-box .image {
        position: relative;
        margin-top: 35px;
        margin-bottom: 30px
    }

    .blog-detail .inner-box .text {
        position: relative;
        color: #19274d;
        font-size: 16px;
        line-height: 1.7em;
        margin-top: 20px;
        margin-bottom: 25px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ededed
    }

    .blog-detail .inner-box blockquote {
        position: relative;
        padding: 50px 40px;
        border-radius: 10px;
        text-align: center;
        margin-bottom: 30px;
        box-shadow: 0 10px 15px rgba(250, 70, 74, .15);
        background-image: linear-gradient(to right, #fa464a 0, #ff7a43 100%)
    }

    .blog-detail .inner-box blockquote .title {
        position: relative;
        color: #fff;
        font-size: 14px
    }

    .blog-detail .post-share-options .post-title {
        position: relative;
        color: #19274d;
        font-size: 20px;
        line-height: 25px;
        font-weight: 600;
        display: block;
        margin-bottom: 20px;
        font-family: Poppins, sans-serif
    }

    .app-btn a:before, .elementor-toc__heading-anchor {
        position: absolute
    }

    .elementor-1810 .elementor-element.elementor-element-fa8adb9, .elementor-2191 .elementor-element.elementor-element-59cad1a {
        --item-text-hover-decoration: underline
    }

    .elementor-toc__body {
        padding: 20px
    }

    .elementor-widget-table-of-contents .elementor-widget-container {
        min-height: var(--box-min-height);
        border: var(--box-border-width, 1px) solid var(--box-border-color, #a4afb7);
        border-radius: var(--box-border-radius, 3px);
        background-color: var(--box-background-color);
        -webkit-transition: min-height .4s;
        -o-transition: min-height .4s;
        transition: min-height .4s;
        overflow: hidden
    }

    .elementor-widget-container-blue {
        padding: 4% 2% 3% !important;
        background-color: #3873e1 !important;
        border-style: double !important;
        border-width: 0 0 0 5px !important;
        border-color: #000 !important
    }

    .elementor-blockquote--skin-quotation, .elementor-blockquote > p, .elementor-widget-container-blue > p {
        color: #fff !important
    }

    .d-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .app-btn a {
        width: 330px;
        height: 55px;
        font-family: "Source Sans Pro", Sans-serif;
        font-size: 1.1em;
        z-index: 1;
        color: #fff;
        overflow: hidden;
        position: relative;
        border-radius: 5px;
        display: inline-block;
        background-image: linear-gradient(160deg, #4b3eff 0, #22b1ff 99%) !important
    }

    .app-btn a:hover:before {
        -webkit-transform: scale(10);
        transform: scale(10);
        background-color: rgba(255, 255, 255, .08)
    }

    .app-btn a:before {
        width: 100px;
        height: 100%;
        content: "";
        top: 0;
        right: -70px;
        z-index: -1;
        border-radius: 30px;
        background-color: #3848ee;
        -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1) !important;
        transition: .3s cubic-bezier(.24, .74, .58, 1) !important
    }

    .fa-arrow-right:before {
        content: "\f061"
    }

    .blog-detail .inner-box .lower-content blockquote {
        background-color: #f1f7fd;
        padding: 30px 35px;
        margin-top: 30px;
        margin-bottom: 30px;
        border-left: 4px solid #2c99fd
    }

    .elementor-2116 .elementor-element.elementor-element-107875f .elementor-blockquote:before {
        color: #fff;
        font-size: calc(1px * 100)
    }

    .elementor-blockquote--skin-quotation .elementor-blockquote:before {
        content: "“";
        font-size: 100px;
        color: #e6e9ec;
        font-family: Times New Roman, Times, serif;
        font-weight: 900;
        line-height: 1;
        display: block;
        height: .6em
    }

    .elementor-1810 .elementor-element.elementor-element-1eb0dde > .elementor-widget-container, .tinder-unmatch-elementor-widget-blue-container {
        margin: 0 0 2%;
        padding: 3% 1% 1%;
        background-color: #afc3ff;
        border-radius: 15px
    }

    .elementor-1810 .elementor-element.elementor-element-1e6c818 > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-2306b98 > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-8d37cd4 > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-a91cfa4 > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-af11d1e > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-cac2f02 > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-dae92bc > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-e594381 > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-f244a38 > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-fe8d85f > .elementor-widget-container, .elementor-widget-container-icon {
        padding: 4% 0 2%;
        border: 2px solid #009bc5;
        border-radius: 21px
    }

    .elementor-container elementor-column-gap-default, .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1140px
    }

    .elementor-grid {
        display: grid;
        grid-column-gap: var(--grid-column-gap);
        grid-row-gap: var(--grid-row-gap)
    }

    h1.entry-title {
        display: var(--page-title-display)
    }

    .elementor-1810 .elementor-element.elementor-element-2cd34e2, .elementor-1810 .elementor-element.elementor-element-427d52b, .elementor-1810 .elementor-element.elementor-element-75b8688, .elementor-1810 .elementor-element.elementor-element-7ad0f63, .elementor-1810 .elementor-element.elementor-element-8a66a36, .elementor-1810 .elementor-element.elementor-element-99d7267, .elementor-1810 .elementor-element.elementor-element-e2b4853, .elementor-1810 .elementor-element.elementor-element-fdc949e {
        font-family: Roboto, Sans-serif;
        font-size: 1.1em
    }

    .elementor-1810 .elementor-element.elementor-element-1e6c818, .elementor-1810 .elementor-element.elementor-element-2306b98, .elementor-1810 .elementor-element.elementor-element-8d37cd4, .elementor-1810 .elementor-element.elementor-element-a91cfa4, .elementor-1810 .elementor-element.elementor-element-af11d1e, .elementor-1810 .elementor-element.elementor-element-cac2f02, .elementor-1810 .elementor-element.elementor-element-dae92bc, .elementor-1810 .elementor-element.elementor-element-e594381, .elementor-1810 .elementor-element.elementor-element-f244a38, .elementor-1810 .elementor-element.elementor-element-fe8d85f {
        text-align: center;
        color: #000
    }

    .elementor-toc__body .elementor-toc__list-item-text:hover, .elementor-toc__list-item-text:hover {
        color: var(--item-text-hover-color);
        -webkit-text-decoration: var(--item-text-hover-decoration);
        text-decoration: var(--item-text-hover-decoration)
    }

    .elementor-1810 .elementor-element.elementor-element-0a02dfb, .elementor-1810 .elementor-element.elementor-element-499ff36, .elementor-1810 .elementor-element.elementor-element-530fd7d, .elementor-1810 .elementor-element.elementor-element-566b193, .elementor-1810 .elementor-element.elementor-element-b3344b5 {
        --divider-border-style: solid;
        --divider-color: #E1E1E1;
        --divider-border-width: 1px
    }

    .elementor-1810 .elementor-element.elementor-element-0a02dfb .elementor-divider, .elementor-1810 .elementor-element.elementor-element-499ff36 .elementor-divider, .elementor-1810 .elementor-element.elementor-element-530fd7d .elementor-divider, .elementor-1810 .elementor-element.elementor-element-566b193 .elementor-divider, .elementor-1810 .elementor-element.elementor-element-b3344b5 .elementor-divider {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .elementor-1810 .elementor-element.elementor-element-0a02dfb > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-499ff36 > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-530fd7d > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-566b193 > .elementor-widget-container, .elementor-1810 .elementor-element.elementor-element-b3344b5 > .elementor-widget-container {
        margin: 3% 0
    }

    .elementor-1810 .elementor-element.elementor-element-dc7feb6 .elementor-posts-container .elementor-post__thumbnail {
        padding-bottom: calc(.66 * 100%)
    }

    .elementor-1810 .elementor-element.elementor-element-dc7feb6:after {
        content: "0.66"
    }

    .elementor-1810 .elementor-element.elementor-element-dc7feb6 .elementor-post__meta-data span + span:before {
        content: "•"
    }

    .elementor-1810 .elementor-element.elementor-element-dc7feb6 {
        --grid-column-gap: 30px;
        --grid-row-gap: 35px
    }

    .elementor-1810 .elementor-element.elementor-element-dc7feb6 .elementor-post__text {
        margin-top: 20px
    }

    .elementor-toc__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: var(--box-padding, 20px);
        background-color: var(--header-background-color);
        border-bottom: var(--separator-width, 1px) solid var(--box-border-color, #a4afb7)
    }

    .elementor-toc__toggle-button {
        cursor: pointer;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .elementor-toc__toggle-button i {
        color: var(--toggle-button-color)
    }

    .elementor-toc__toggle-button svg {
        height: 1em;
        width: 1em;
        fill: var(--toggle-button-color)
    }

    .elementor-toc__spinner.e-font-icon-svg {
        height: 1em;
        width: 1em
    }

    .elementor-toc__body {
        padding: var(--box-padding, 20px);
        max-height: var(--toc-body-max-height);
        overflow-y: auto
    }

    .elementor-toc__body::-webkit-scrollbar {
        width: 7px
    }

    .elementor-toc__body::-webkit-scrollbar-thumb {
        background-color: #c2cbd2;
        border-radius: 10px
    }

    .elementor-toc__list-wrapper {
        list-style: none;
        padding: 0
    }

    .elementor-toc__list-item {
        margin-bottom: .5em
    }

    .elementor-toc__list-item.elementor-item-active {
        font-weight: 700
    }

    .elementor-toc__list-item .elementor-toc__list-wrapper {
        margin-top: .5em;
        margin-left: var(--nested-list-indent, 1em)
    }

    .elementor-toc__list-item-text.elementor-item-active {
        color: var(--item-text-active-color);
        -webkit-text-decoration: var(--item-text-active-decoration);
        text-decoration: var(--item-text-active-decoration)
    }

    .elementor-toc__list-item-text-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .elementor-toc__list-item-text-wrapper i, .elementor-toc__list-item-text-wrapper:before {
        margin-right: 8px;
        color: var(--marker-color)
    }

    .elementor-toc__list-item-text-wrapper svg {
        margin-right: 8px;
        fill: var(--marker-color);
        height: var(--marker-size, .5em);
        width: var(--marker-size, .5em)
    }

    .elementor-toc__list-item-text-wrapper i {
        font-size: var(--marker-size, .5em)
    }

    .elementor-toc__list-item-text-wrapper:before {
        font-size: var(--marker-size, 1em)
    }

    .elementor-toc--content-ellipsis .elementor-toc__list-item-text {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .elementor-toc__list-item-text {
        text-decoration: revert !important;
    }

    .elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened, .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed, .elementor-toc__list-items--collapsible > .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-wrapper {
        display: none
    }

    .elementor-toc__body .elementor-toc__list-item-text {
        color: var(--item-text-color);
        -webkit-text-decoration: var(--item-text-decoration);
        text-decoration: var(--item-text-decoration)
    }

    .elementor-toc__body .elementor-toc__list-item-text.elementor-item-active {
        color: var(--item-text-active-color);
        -webkit-text-decoration: var(--item-text-active-decoration);
        text-decoration: var(--item-text-active-decoration)
    }

    ol.elementor-toc__list-wrapper {
        counter-reset: item
    }

    ol.elementor-toc__list-wrapper .elementor-toc__list-item {
        counter-increment: item
    }

    ol.elementor-toc__list-wrapper .elementor-toc__list-item-text-wrapper:before {
        content: counters(item, ".") ". "
    }


    @media only screen and (max-width: -1px) {
        .elementor-toc--minimized-on-mobile_extra .elementor-toc__body {
            display: none
        }
    }.where-to-meet-women-elementor-widget-blue-container {
         padding: 3% 3% 2%;
         background-color: #7bb4ed
     }

    .i-grean {
        color: #109901
    }

    @media only screen and (max-width: 1024px) {
        .host-app-subscribe-section .caption {
            left: -145px
        }

        .elementor-toc--minimized-on-tablet .elementor-toc__body {
            display: none
        }
    }.app-osaas-sidebar-page-container .comments-area .comment-box .osaas-theme-btn .icon {
         margin-right: 6px
     }

    .comment-form .form-group .icon {
        position: absolute;
        right: 20px;
        top: 22px;
        color: #fa4a49;
        font-size: 16px;
        line-height: 1em;
        font-weight: 800
    }

    @media only screen and (max-width: 1400px) {
        .app-osaas-main-footer:before {
            left: 0
        }
    }
    @media only screen and (max-width: 1140px) {
    .app-osaas-main-header, .main-header {
        margin: 0 !important
    }

    .app-osaas-platform-app-osaas-intro-section .content-column .inner-column, .main-menu .navigation > li {
        margin-left: 0
    }

    .banner-section .content {
        width: 100%;
        max-width: 100%;
        text-align: center
    }

    .app-osaas-main-menu .navigation > li {
        margin-left: 0;
        margin-right: 25px
    }

    .app-osaas-tracking-section .image-column .image {
        margin-top: 0
    }

    .app-osaas-about-section-two .image-column .inner-column, .app-osaas-contact-page-section .info-column .inner-column, .app-osaas-platform-app-osaas-intro-section .buttons-column .inner-column, .app-osaas-process-block-four .inner-box .image-column .inner-column, .app-osaas-process-block-two .inner-box .image-column .inner-column, .app-osaas-skill-section .content-column .inner-column {
        padding-right: 0
    }

    .app-osaas-price-section .price-column .inner-column {
        padding: 50px 40px
    }

    .app-osaas-price-section .trial-column .inner-column {
        padding: 50px 35px
    }

    .app-osaas-banner-section-two .image-column .image {
        margin-right: -50px;
        margin-left: 50px
    }

    .app-osaas-about-section .content-column .inner-column, .app-osaas-about-section-two .content-column .inner-column, .app-osaas-feature-block-five .inner-box .text, .app-osaas-intro-section .content-column .inner-column, .app-osaas-partners-section .content-column .inner-column, .app-osaas-process-block-four .inner-box .content-column .inner-column, .app-osaas-process-block-three .inner-box .content-column .inner-column, .app-osaas-service-page-section .video-column .inner-column, .app-osaas-software-section .content-column .inner-column, .work-block .inner-box .text {
        padding: 0
    }

    .app-osaas-about-app-osaas-software-section .images-column .images .image:last-child, .app-osaas-banner-section-three .content-column .text br, .app-osaas-feature-block-two .inner-box .arrow, .app-osaas-journey-section .content-column .text br {
        display: none
    }

    .app-osaas-pricing-section .version-column .inner-column {
        padding: 40px 40px 0
    }

    h2 {
        font-size: 24px
    }

    .app-osaas-banner-section-three .content-column .inner-column {
        margin-left: 0;
        padding-top: 120px
    }

    .app-osaas-banner-section-three .image-column .inner-column, .app-osaas-choose-section .carousel-column .inner-column, .app-osaas-featured-section-five .tab-column .inner-column {
        margin-right: 0
    }

    .app-osaas-facilities-section .blocks-column .inner-column, .app-osaas-journey-section .content-column .inner-column, .app-osaas-process-block-three .inner-box .image-column .inner-column, .app-osaas-testimonial-section .blocks-column .inner-column {
        padding-left: 0
    }

    .app-osaas-service-block .inner-box {
        padding-left: 15px;
        padding-right: 15px
    }

    .app-osaas-software-section .content-column .languages li {
        margin-right: 25px
    }

    .app-osaas-news-block-five .inner-box .lower-content {
        padding: 30px
    }

    .blog-detail .inner-box {
        padding: 20px 20px 25px
    }
}
    @media only screen and (min-width: 768px) {
    .app-osaas-main-menu .navigation > li > ul, .app-osaas-main-menu .navigation > li > ul > li > ul, .app-osaas-main-menu .navigation > li > ul > li > ul > li > ul, .app-osaas-main-menu .navigation > li > ul > li > ul > li > ul > li > ul, .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0
    }

    .elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
        width: 100%
    }
}@media only screen and (max-width: 1023px) {
    .app-osaas-main-header .sticky-header .pull-right {
        width: 100%
    }

    .app-osaas-main-header.fixed-header {
        background-color: #222;
        position: relative
    }

    .app-osaas-main-menu .navigation > li > a {
        font-size: 14px
    }

    .app-osaas-main-menu .navigation > li, .header-style-four .app-osaas-main-menu .navigation > li:last-child {
        margin-right: 18px
    }

    .app-osaas-main-header.fixed-header .app-osaas-main-menu .navigation > li > a, .app-osaas-main-menu .navigation > li > a {
        padding: 0 0 20px
    }

    .app-osaas-main-menu .navigation > li > .app-osaas-main-menu .navigation > .app-osaas-main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
        letter-spacing: 0
    }

    .app-osaas-main-header .header-upper .logo-box .logo, .app-osaas-main-header.fixed-header .header-upper .logo-box .logo {
        padding: 20px 0
    }

    .app-osaas-banner-section .content-column .title {
        color: #fff
    }

    .app-osaas-banner-section .image-column .image, .app-osaas-seo-section .left-column .inner-column::before {
        display: none
    }

    .app-osaas-banner-section .content-column .inner-column {
        padding: 70px 0 200px
    }

    .header-style-two .app-osaas-main-menu .navigation > li > a, .header-style-two.fixed-header .app-osaas-main-menu .navigation > li > a {
        padding: 15px 0
    }

    .app-osaas-seo-section .left-column .inner-column {
        padding-right: 0
    }

    .app-osaas-seo-section .right-column .inner-column {
        padding-left: 0
    }

    .app-osaas-about-app-osaas-software-section .images-column .images, .app-osaas-seo-block .inner-box, .app-osaas-seo-block .inner-box .text, .app-osaas-seo-block.style-two .inner-box .text {
        text-align: center
    }

    .app-osaas-about-app-osaas-software-section .images-column .inner-column, .app-osaas-testimonial-section .carousel-column .inner-column {
        margin-right: 0
    }

    .app-osaas-banner-section-two .image-column .image {
        margin: 0
    }

    .app-osaas-about-app-osaas-software-section .images-column .images .image:first-child {
        top: 0
    }

    .header-style-five .app-osaas-main-menu .navigation > li > a, .header-style-five.fixed-header .app-osaas-main-menu .navigation > li > a, .header-style-three .app-osaas-main-menu .navigation > li > a, .header-style-three.fixed-header .app-osaas-main-menu .navigation > li > a {
        padding: 12px 0 15px
    }

    .header-style-three .app-osaas-main-menu .navigation > li.dropdown::after, .header-style-three.fixed-header .app-osaas-main-menu .navigation > li.dropdown::after {
        top: 16px
    }

    .app-osaas-banner-section-three .image-column .inner-column {
        margin-left: 0
    }

    .app-osaas-banner-section-three .image-column .image, .app-osaas-counter-section .fact-counter .column:nth-child(2), .app-osaas-counter-section .fact-counter .column:nth-child(3), .app-osaas-price-section .trial-column .inner-column {
        margin-top: 0
    }

    .app-osaas-facilities-section .content-column .inner-column {
        margin-right: 0;
        z-index: 1
    }

    .header-style-four.fixed-header {
        background-color: #fff
    }

    .app-osaas-banner-section-five .content-column .inner-column, .app-osaas-platform-app-osaas-intro-section .buttons-column .inner-column {
        padding-top: 0
    }

    .app-osaas-demo-section .image-column .image img {
        max-width: 100%;
        margin-top: 40px
    }

    .app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .text {
        font-size: 40px;
        line-height: 1.3em
    }

    .app-osaas-about-section-two .image-column .image, .app-osaas-about-section-two .image-column .image img, .app-osaas-intro-section-two .image-column .image img {
        width: 100%;
        display: block
    }
}
    @media only screen and (max-width: 767px) {
    .homePageThree .host-app-domain-section .domain-wrapper .option .btn {
        font-size: 16px;
        padding: 8.5px 25px 12px
    }

    .homePageThree .host-app-domain-section .domain-wrapper .subscribeBtn {
        font-size: 16px;
        padding: 10px 30px
    }

    .host-app-service-section .service-wrapper .nav-tabs li .feature {
        font-size: 10px;
        top: -14px
    }

    .host-app-service-section .service-wrapper .nav-tabs li {
        font-size: 14px;
        padding: 6px 10px;
        margin-right: 5px;
        text-align: center
    }

    .share-host-page .host-app-priceing-section {
        padding-top: 70px
    }

    .support-box #open-box-two {
        font-size: 11px;
        padding: 4px 18px 0
    }

    .app-osaas-counter-section-two .app-osaas-fact-counter-two .column .inner:before, .app-osaas-fact-counter-three .column .inner .content::before, .elementor-toc--minimized-on-mobile .elementor-toc__body, .mCSB_inside > .app-osaas-mobile-menu .navigation li.has-mega-menu h4, .sec-title .text br {
        display: none
    }

    .app-osaas-main-menu .navigation > li.has-mega-menu {
        position: relative !important
    }

    .app-osaas-cta-section .button-column .inner-column, .app-osaas-main-header.header-style-one {
        padding-top: 0
    }

    .app-osaas-news-block-five .inner-box .lower-content h2 {
        font-size: 28px
    }

    .app-osaas-main-menu .navbar-collapse.in {
        padding: 0;
        border: none;
        margin: 0 0 15px;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none
    }

    .app-osaas-main-menu .navbar-collapse > .app-osaas-main-menu .navbar-collapse > .navigation > li {
        margin: 0 !important;
        float: none !important;
        padding: 0 !important;
        width: 100%
    }

    .app-osaas-main-menu .navbar-collapse > .navigation > li:first-child, .app-osaas-main-menu .navigation > li > a, .app-osaas-main-menu .navigation > li > ul:before {
        border: none
    }

    .app-osaas-main-menu .navbar-collapse > .navigation > li > a {
        border: none !important
    }

    .app-osaas-main-menu .navigation li.dropdown > a:after, .app-osaas-main-menu .navigation > li.dropdown > a:before, .app-osaas-main-menu .navigation > li > ul > li > a::before, .app-osaas-main-menu .navigation > li > ul > li > ul > li > a::before {
        color: #fff !important;
        right: 15px;
        font-size: 16px;
        display: none !important
    }

    .app-osaas-main-menu .navbar-collapse > .navigation > li > ul, .app-osaas-main-menu .navbar-collapse > .navigation > li > ul > li > ul {
        position: relative;
        border: none;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        padding: 0;
        outline: 0;
        width: 100%;
        background: #2c2c2c;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important
    }

    .app-osaas-main-menu .navbar-collapse > .navigation > li, .app-osaas-main-menu .navbar-collapse > .navigation > li > ul > li, .app-osaas-main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
        border-top: 1px solid #fff !important;
        border-bottom: none;
        opacity: 1 !important;
        top: 0 !important;
        left: 0 !important;
        visibility: visible !important
    }

    .app-osaas-main-menu .navbar-collapse > .navigation > li > a, .app-osaas-main-menu .navbar-collapse > .navigation > li > ul > li > a, .app-osaas-main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
        padding: 10px !important;
        line-height: 22px;
        color: #fff;
        background: #2c2c2c;
        text-align: left
    }

    .app-osaas-main-menu .navbar-collapse > .navigation > li > a:active, .app-osaas-main-menu .navbar-collapse > .navigation > li > a:focus, .app-osaas-main-menu .navbar-collapse > .navigation > li > a:hover {
        background: #cc8809
    }

    .app-osaas-main-menu .navbar-collapse > .navigation > li.current-menu-item > a, .app-osaas-main-menu .navbar-collapse > .navigation > li.current > a, .app-osaas-main-menu .navbar-collapse > .navigation > li:hover > a, .app-osaas-main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .app-osaas-main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a {
        background: #2c2c2c;
        color: #fff !important
    }

    .app-osaas-main-menu .navbar-collapse > .app-osaas-main-menu .navbar-collapse > .navigation li.dropdown:after, .app-osaas-main-menu .navigation > li > ul:before {
        display: none !important
    }

    .app-osaas-agency-section .agents-images, .app-osaas-banner-section .content-column .text br, .app-osaas-mobile-menu .navigation li.has-mega-menu > .app-osaas-product-block .inner-box {
        padding-left: 0;
        text-align: center
    }

    .sec-title.style-four .text {
        font-size: 18px
    }

    .app-osaas-process-section .carousel-column .inner-column {
        margin-right: 0
    }

    .app-osaas-cta-section .title-column .inner-column {
        text-align: center
    }

    .app-osaas-banner-section-five .image-column .image img, .app-osaas-tracking-section .image-column .image img {
        max-width: 100%
    }

    .app-osaas-price-section .trial-column .inner-column {
        margin-top: 0
    }

    .app-osaas-service-detail-section .service-info-boxed .text {
        margin-bottom: 15px
    }

    .app-osaas-news-block-six .inner-box .content {
        padding-left: 0
    }

    .partners-tabs .tabs-content .text {
        font-size: 38px
    }
}@media only screen and (max-width: 599px) {
    .app-osaas-journey-section .content-column .text, .blog-detail .inner-box .lower-content blockquote .quote-text {
        font-size: 16px
    }

    .news-block-two .inner-box .content-column .inner-column {
        padding: 30px 15px
    }

    .topapp-main .steps-section .blocks-column .inner-column .carousel-indicators li .number {
        position: relative;
        display: block;
        text-align: left;
        margin-bottom: 12px
    }

    .topapp-main .steps-section .blocks-column .inner-column .carousel-indicators li .icon {
        position: relative;
        left: 0;
        margin-bottom: 12px
    }

    .app-osaas-choose-section .content-column .list li br, .app-osaas-process-block .inner-box .text br, .banner-section .content-column .text br {
        display: none
    }

    .testimonials-section .pager-column .inner-box {
        background-size: contain
    }

    .topapp-screenshot-slider .swiper-slide.swiper-slide-active {
        background-position: center center
    }

    .contact-section .info-column .inner-column {
        padding-bottom: 70px
    }

    .news-block .inner-box .lower-content h3 {
        font-size: 20px;
        line-height: 1.6em
    }

    .app-osaas-price-box-two .box-inner .content, .testimonial-block .inner-box {
        padding: 0
    }

    .homePageThree .host-app-slider-section .content-box {
        width: 250px;
        padding: 20px 15px 15px;
        margin-left: 20px
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .text, .app-osaas-seo-block .inner-box .text, .app-osaas-testimonial-block .inner-box .text, h3 {
        font-size: 20px
    }

    .app-osaas-news-block-six .inner-box .content h2 {
        font-size: 26px
    }

    .app-osaas-news-block-five .inner-box .lower-content h2 {
        font-size: 22px
    }

    .app-osaas-contact-page-section .form-column .inner-column, .app-osaas-news-block-six .inner-box {
        padding: 25px
    }

    .app-osaas-price-box-two .box-inner .content .text {
        text-align: center
    }

    .app-osaas-pricing-section .version-column .inner-column {
        padding: 20px 20px 0
    }

    .app-osaas-banner-section-three .content-column .text, .app-osaas-testimonial-section .carousel-column .text {
        font-size: 18px
    }

    .app-osaas-process-section .carousel-column .inner-column {
        padding: 30px
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .price {
        position: relative;
        margin-top: 20px
    }

    .sec-title.style-five h1 {
        font-size: 36px
    }

    .app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .text, .partners-tabs .tabs-content .text {
        font-size: 30px
    }

    .blog-detail .post-share-options .post-title.text-right {
        text-align: left !important
    }

    .blog-detail .inner-box blockquote {
        padding: 25px 20px
    }
}@media only screen and (max-width: 479px) {
    .homePageThree .host-app-domain-section .domain-wrapper .option .btn {
        padding: 5.5px 25px 11px;
        border-radius: 0 5px 5px 0
    }

    .homePageThree .host-app-domain-section .domain-wrapper .subscribeBtn {
        font-size: 14px;
        padding: 7px 22px;
        display: block;
        margin-top: 5px;
        border-radius: 5px
    }

    .host-app-service-section .service-wrapper .nav-tabs {
        display: inherit
    }

    .host-app-service-section .service-wrapper .nav-tabs li:last-child {
        margin: 0 0 5px
    }

    .app-osaas-business-block .inner-box .content .image, .app-osaas-price-section .trial-column .inner-column .text br, .host-app-service-section .service-wrapper .nav-tabs li .feature {
        display: none
    }

    .host-app-service-section .service-wrapper .nav-tabs li {
        display: inline-block;
        margin-bottom: 5px
    }

    .app-osaas-featured-section-five .tab-column .inner-column, .app-osaas-news-block-five .inner-box .lower-content, .app-osaas-service-block-two .inner-box, .app-osaas-team-block-two .inner-box, .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content {
        padding: 15px
    }

    .sec-title h1 {
        font-size: 28px
    }

    .partners-tabs .tabs-content .text, h2 {
        font-size: 24px
    }

    h5 {
        font-size: 18px
    }

    .app-osaas-feature-block-two .inner-box .upper-box .icon {
        position: relative;
        top: 0;
        margin-bottom: 20px
    }

    .app-osaas-feature-block-six .inner-box .content, .app-osaas-feature-block-three .inner-box .content, .app-osaas-process-block .inner-box {
        padding-left: 0
    }

    .app-osaas-choose-section .content-column .list li {
        font-size: 16px
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .title-box .icon, .app-osaas-process-block .inner-box .number {
        position: relative;
        margin-bottom: 20px
    }

    .app-osaas-price-section .price-column .inner-column {
        padding: 25px 20px
    }

    .app-osaas-business-block .inner-box, .app-osaas-feature-block-six .inner-box {
        padding: 25px
    }

    .app-osaas-feature-block-six .inner-box .icon {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 20px
    }

    .app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .text {
        font-size: 26px
    }
}.icon-gradient .elementor-icon-wrapper .elementor-icon i {
     -webkit-background-clip: text;
     -moz-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent
 }

    .icon-gradient .elementor-icon-wrapper .elementor-icon i:before {
        position: initial
    }

    .contact-form-19 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
        width: 100%;
        height: 50px;
        padding-left: 20px;
        border-radius: 5px;
        margin-bottom: 15px;
        border: 2px solid #e8e8e8
    }

    .contact-form-19 span.contact-submit-19 input {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        font-family: Poppins;
        width: 100%;
        height: 54px;
        border-radius: 7px;
        margin-top: 20px
    }

    /*! elementor - v3.5.6 - 28-02-2022 */
    .elementor-widget-divider {
        --divider-border-style: none;
        --divider-border-width: 1px;
        --divider-color: #2c2c2c;
        --divider-icon-size: 20px;
        --divider-element-spacing: 10px;
        --divider-pattern-height: 24px;
        --divider-pattern-size: 20px;
        --divider-pattern-url: none;
        --divider-pattern-repeat: repeat-x
    }

    .elementor-widget .elementor-icon-list-icon, .elementor-widget-divider .elementor-divider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .elementor-widget-divider .elementor-icon {
        font-size: var(--divider-icon-size)
    }

    .elementor-widget-divider .elementor-divider-separator {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        direction: ltr;
        border-top: 1px solid #4a71a557 !important;
        width: 100%
    }

    .elementor-widget-divider--view-line_icon .elementor-divider-separator, .elementor-widget-divider--view-line_text .elementor-divider-separator {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .elementor-widget-divider--view-line_icon .elementor-divider-separator:after, .elementor-widget-divider--view-line_icon .elementor-divider-separator:before, .elementor-widget-divider--view-line_text .elementor-divider-separator:after, .elementor-widget-divider--view-line_text .elementor-divider-separator:before {
        display: block;
        content: "";
        border-bottom: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color)
    }

    .elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator, .elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after, .elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before, .elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator {
        width: 100%;
        min-height: var(--divider-pattern-height);
        -webkit-mask-size: var(--divider-pattern-size) 100%;
        mask-size: var(--divider-pattern-size) 100%;
        -webkit-mask-repeat: var(--divider-pattern-repeat);
        mask-repeat: var(--divider-pattern-repeat);
        background-color: var(--divider-color);
        -webkit-mask-image: var(--divider-pattern-url);
        mask-image: var(--divider-pattern-url)
    }

    .elementor-heading-title {
        padding: 0;
        margin: 0;
        line-height: 1
    }

    .elementor-widget-heading .elementor-heading-title[class*=elementor-size-] > a {
        color: inherit;
        font-size: inherit;
        line-height: inherit
    }

    .elementor-widget-heading .elementor-heading-title.elementor-size-small {
        font-size: 15px
    }

    .elementor-widget-heading .elementor-heading-title.elementor-size-medium {
        font-size: 19px
    }

    .elementor-widget-heading .elementor-heading-title.elementor-size-large {
        font-size: 29px
    }

    .elementor-widget-heading .elementor-heading-title.elementor-size-xl {
        font-size: 39px
    }

    .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
        font-size: 59px
    }

    .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
        margin-right: 8px;
        margin-left: 8px
    }

    .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after {
        width: auto;
        left: auto;
        position: relative;
        height: 100%;
        border-top: 0;
        border-bottom: 0;
        border-right: 0;
        border-left-width: 1px;
        border-style: solid;
        right: -8px
    }

    .elementor-widget .elementor-icon-list-items {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .elementor-widget .elementor-icon-list-item {
        margin: 0;
        padding: 0;
        position: relative
    }

    .elementor-widget .elementor-icon-list-item:after {
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: inherit
    }

    .elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text {
        -ms-flex-item-align: center;
        align-self: center;
        padding-left: 5px
    }

    .elementor-widget .elementor-icon-list-icon svg {
        width: var(--e-icon-list-icon-size, 1em);
        height: var(--e-icon-list-icon-size, 1em)
    }

    .elementor-widget .elementor-icon-list-icon i {
        width: 1.25em;
        font-size: var(--e-icon-list-icon-size)
    }

    .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon {
        text-align: var(--e-icon-list-icon-align)
    }

    .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
        margin: var(--e-icon-list-icon-margin, 0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)
    }

    .elementor-widget.elementor-align-center .elementor-icon-list-item, .elementor-widget.elementor-align-center .elementor-icon-list-item a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-widget.elementor-align-center .elementor-icon-list-item:after {
        margin: auto
    }

    .elementor-widget.elementor-align-left .elementor-icon-list-item, .elementor-widget.elementor-align-left .elementor-icon-list-item a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left
    }

    .elementor-widget.elementor-align-right .elementor-icon-list-item, .elementor-widget.elementor-align-right .elementor-icon-list-item a {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right
    }

    .elementor-widget.elementor-align-right .elementor-icon-list-items {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-widget:not(.elementor-align-right) .elementor-icon-list-item:after {
        left: 0
    }

    .elementor-widget:not(.elementor-align-left) .elementor-icon-list-item:after {
        right: 0
    }

    .elementor-divider {
        padding-top: 50px;
        padding-bottom: 50px
    }

    @media (max-width: 1024px) {
        .elementor-section.elementor-section-boxed > .elementor-container {
            max-width: 1024px
        }

        .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a, .elementor-widget.elementor-tablet-align-center .elementor-icon-list-items {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after {
            margin: auto
        }

        .elementor-widget.elementor-tablet-align-left .elementor-icon-list-items {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item a {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            text-align: left
        }

        .elementor-widget.elementor-tablet-align-right .elementor-icon-list-items {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item a {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            text-align: right
        }

        .elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item:after {
            left: 0
        }

        .elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item:after {
            right: 0
        }
    }@media (max-width: 767px) {
    .news-section .single-news .widget .widget-social ul li {
        margin-bottom: 15px
    }

    .news-section .single-news .widget .widget-social ul li a {
        font-size: 12px
    }

    .news-section .single-news .section-bottom .comments-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {
        margin-left: 0;
        margin-bottom: 40px
    }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body {
        display: block;
        padding-top: 15px;
        width: auto
    }

    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 767px
    }

    .elementor-1810 .elementor-element.elementor-element-dc7feb6 .elementor-posts-container .elementor-post__thumbnail {
        padding-bottom: calc(.5 * 100%)
    }

    .elementor-1810 .elementor-element.elementor-element-dc7feb6:after {
        content: "0.5"
    }

    .elementor-toc--minimized-on-mobile .elementor-toc__body {
        display: none
    }

    .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a, .elementor-widget.elementor-mobile-align-center .elementor-icon-list-items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after {
        margin: auto
    }

    .elementor-widget.elementor-mobile-align-left .elementor-icon-list-items {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left
    }

    .elementor-widget.elementor-mobile-align-right .elementor-icon-list-items {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item a {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right
    }

    .elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item:after {
        left: 0
    }

    .elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item:after {
        right: 0
    }

    .elementor-widget-image {
        text-align: center
    }

    .elementor-widget-image a {
        display: inline-block
    }

    .elementor-widget-image a img[src$=".svg"] {
        width: 48px
    }

    .elementor-widget-image img {
        vertical-align: middle;
        display: inline-block
    }

    .elementor-accordion {
        text-align: left
    }

    .elementor-accordion .elementor-accordion-item {
        border: 1px solid #d4d4d4
    }

    .elementor-accordion .elementor-accordion-item + .elementor-accordion-item {
        border-top: none
    }

    .elementor-accordion .elementor-tab-title {
        margin: 0;
        padding: 15px 20px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
        outline: 0
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none
    }
}.elementor-2289 .elementor-element.elementor-element-74f48d7 .elementor-accordion-item {
     border-width: 1px
 }

    .elementor-accordion .elementor-accordion-item {
        border: 1px solid #d4d4d4 !important
    }

    .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
        display: inline-block;
        width: 1.5em
    }

    .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
        width: 1em;
        height: 1em
    }

    .elementor-accordion .elementor-tab-content {
        display: none;
        padding: 15px 20px;
        border-top: 1px solid #d4d4d4
    }

    @media (max-width: 767px) {
        .elementor-accordion .elementor-tab-title {
            padding: 12px 15px
        }

        .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
            width: 1.2em
        }

        .elementor-accordion .elementor-tab-content {
            padding: 7px 15px
        }
    }