@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);

/*for always open casestudy section content */
.tatva-faq-section .faq-listing .faq-inner .faq-detail{
    display: block !important;
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: fit-content !important;
}
/* =============== */

.loader-wrapper{
    z-index: 9999999;
}
.tatva-faq-section .faq-listing .faq-inner .faq-title h3{
    padding-right: 30px;
}
@media only screen and (max-width: 767px) {

    .tatva-faq-section .faq-listing .faq-inner .faq-title h3{
        font-size: 16px !important;
    }
}
.ph-heading-title h1,.ph-heading-title h2 {
    text-align:center;
    text-transform:capitalize;
}

.glide__slide,.glide__slide a,.glide__slides--dragging {
    user-select:none;
}
.axil-blog .content .inner h5.title a,.box .content a,.button,.button:hover,.cta,.footer ul li a,.footer__network--link:hover {
    text-decoration:none;
}
.auto-container {
    position:static!important;
    max-width:1200px!important;
    padding:0 15px!important;
    margin:0 auto!important
}
::selection {
    background: #0004ffaf !important;
    -webkit-background-clip: text;
    background-clip: text;
    color: #fff !important;
    -webkit-text-fill-color: transparent; /* for Safari */
}
::-webkit-selection {
    background:#0004ffaf!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    -webkit-background-clip:text
}
img {
    max-width:100%;
    height:auto
}
a {
    text-decoration:none!important
}
.whyUs_sec {
    padding:60px 0 0;
    margin:0
}
.ph-process-sec {
    padding-top:70px
}
.ph-our-innovative-sec {
    background-size:cover;
    padding:60px 0 100px
}
.section-title-wrapper h2 {
    font-size:40px
}
.section-title-wrapper h2 span,.text-gradient,.text-gradient-box span,h1 span {
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
    text-transform:capitalize
}
.form__group,.section-title-wrapper h2,.section-title-wrapper p {
    margin-bottom:24px
}
.ph-heading-title {
    width:100%;
    text-align:center;
    color:#213e6f
}
.case-block-two .inner-box .image-box img,.contact-section .image-box img,.dia-mobile_menu_content .dia-mobile-main-navigation,.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.ph-heading-title div {
    width:100%
}
.ph-heading-title h2 {
    line-height:45px;
    color:#213e6f;
    font-weight:900
}
.ph-heading-title h1 {
    color:#213e6f;
    line-height:35px!important
}
.porttext {
    font-size:52px
}
.ph-heading-title .h5,.ph-heading-title h5 {
    margin-bottom:10px;
    font-weight:400;
    color:#213e6f
}
.ph-heading-title .h1,.ph-heading-title h1 {
    font-weight:600;
    color:var(--ph-black-color)
}
@media screen and (max-width:1599px) {
    .section-title-wrapper h2 {
        margin-bottom:22px;
        font-size:46px
    }
}
@media screen and (max-width:1399px) {
    .section-title-wrapper h2 {
        margin-bottom:22px;
        font-size:38px
    }
}
@media screen and (max-width:1199px) {
    .section-title-wrapper h2 {
        margin-bottom:22px;
        font-size:36px
    }
    .porttext {
        font-size:40px!important
    }
    .appseo-mission-vector {
        right:-35%
    }
    .appseo-mission-area-section .appseo-mission-vector {
        right:0
    }
}
@media screen and (max-width:991px) {
    .section-title-wrapper h2 {
        margin-bottom:22px;
        font-size:34px
    }
    .porttext {
        font-size:31px
    }
}
@media only screen and (max-width:760px) {
    .whyUs_sec {
        padding:40px 0 0 !important;
        margin:0
    }
    .ph-heading-title h1,.ph-heading-title h2 {
        line-height:35px
    }
    .section-title-wrapper h2 {
        margin-bottom:40px;
        font-size:25px;
    }
    .porttext {
        font-size:25px!important;
    }
    .elementor-element-7977ab1 {
        width:100%
    }
}
@media screen and (min-width:300px) and (max-width:575px) {
    .ph-heading-title {
        margin-bottom:10px
    }
    .section-title-wrapper h2 {
        font-size:24px;
        line-height:normal
    }
}
.dia-home,.dia-section-title span {
    font-size:16px
}
.socials.inline-inside.socials-colored.sot-social {
    position:fixed!important;
    bottom:10px;
    left:0;
    z-index:999999;
    display:block;
    width:50px;
    margin-top:-50px
}
.socials.inline-inside.socials-colored.sot-social a {
    background:#fff;
    width:42px;
    height:42px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:5px;
    border-radius:50%;
    float:left;
    box-shadow:inset 0 -2px 0 0 #5a5a5a
}
.socials.inline-inside.socials-colored.sot-social a img {
    width:22px;
    height:22px
}
.dia-home .container,.elementor-element.elementor-element-10365dd6>.elementor-container {
    max-width:1200px
}
.dia-banner-section .banner-side-img.banner-img2 img {
    height:98%;
    width:auto
}
.dia-home {
    margin:0;
    padding:0;
    color:#213e6e;
    overflow-x:hidden;
    line-height:1.667;
    font-family:Roboto;
    -moz-osx-font-smoothing:antialiased;
    -webkit-font-smoothing:antialiased
}
.dia-section-title h2 {
    color:#282350;
    font-size:40px;
    font-weight:700;
    padding-top:5px;
    line-height:1.375
}
.dia-banner-section .dia-banner-content .dia-banner-tag,.dia-section-title span {
    font-weight:700;
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.cd-headline span,.slide-logo .logo-heading h4 span {
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
    -webkit-text-fill-color:transparent
}
.dia-exp-section .dio-exp-text-area .dia-exp-btn,.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button,.dia-port-more a,.dia-service-section .dia-service-btn .dia-service-more {
    z-index:1;
    overflow:hidden;
    position:relative
}
.dia-exp-section .dio-exp-text-area .dia-exp-btn:before,.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button:before,.dia-port-more a:before,.dia-service-section .dia-service-btn .dia-service-more:before {
    background:0 0!important;
    left:0;
    width:100%;
    content:"";
    z-index:-1;
    height:100%;
    bottom:-100%;
    position:absolute;
    -webkit-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out
}
.dia-exp-section .dio-exp-text-area .dia-exp-btn:hover:before,.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button:hover:before,.dia-port-more a:hover:before,.dia-service-section .dia-service-btn .dia-service-more:hover:before,.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom:0
}
.dia-banner-section {
    padding-bottom:50px;
    height:auto
}
.dia-banner-section .banner-side-img {
    opacity:0;
    right:0;
    top:-10px;
    z-index:-1
}
.dia-banner-section .banner-side-img.banner-img1 {
    opacity:0;
    right:-300px;
    -webkit-transition:1.2s;
    -o-transition:1.2s;
    transition:1.2s
}
.dia-banner-section .banner-side-img.banner-img2 {
    top:19%;
    right:2%!important;
    width:45%;
    height:500px;
    padding:5px 0;
    opacity:0;
    -webkit-transition:1.5s;
    -o-transition:1.5s;
    transition:1.5s
}
.dia-banner-section .banner-side-img.banner-img1.view-on {
    right:0;
    top:10%;
    opacity:1;
    -webkit-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    transition-delay:0.2s
}
.dia-banner-section .banner-side-img.banner-img2.view-on {
    right:0;
    opacity:1;
    -webkit-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s
}
.dia-banner-section .dia-banner-content {
    max-width:100%;
    padding:150px 0 100px
}
.dia-banner-section .dia-banner-content .dia-banner-tag,.dia-testimonial-section .carousel-inner .dia-testimonial_meta p {
    font-size:18px
}
.dia-banner-section .dia-banner-content h1,.dia-banner-section .dia-banner-content h2 {
    height:280px;
    font-size:51px;
    font-weight:700;
    font-family:poppins;
    line-height:1.4;
    padding:15px 0 25px
}
.dia-banner-btn a:hover,.dia-banner-section .dia-banner-content h1,.dia-banner-section .dia-banner-content h2,.dia-banner-section .dia-banner-content p,.industries-section .content-box .btn-box a,.industries-section .inner-box .btn-box a i,.industries-section .inner-box .icon-box i,.industries-section .inner-box h4,.industries-section .inner-box h4 a,.industries-section .inner-box span,.industries-section .sec-title p,.sec-title.light h2 {
    color:#213e6e!important
}
.dia-banner-section .dia-banner-content p {
    font-size:22px
}
.dia-banner-section .dia-banner-content .dia-banner-btn {
    margin-top:65px
}

.dia-banner-btn .overlay-box {
    width:65px;
    height:65px;
    display: flex ;
    justify-content: center ;
    align-items: center ;
    margin-right: 25px;
    border-radius:100%;
    -webkit-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    /* background:#fb3912; */
    border: 4px dotted #fb3912;
}


.dia-banner-btn .dia-play-btn i,.dia-portfolio-slide-area .owl-nav .owl-next:hover,.dia-portfolio-slide-area .owl-nav .owl-prev:hover {
    color:#213e6e;
    /* color:#fff; */
}
.dia-banner-btn .dia-play-btn:hover {
    /* background-image:none;
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d) */
}
.dia-banner-btn .dia-abt-btn {
    color:#213e6e;
    height:65px;
    width:240px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius:40px;
    font-family:Poppins;
    /* border:1px solid #fb3912; */
    background-color: #fb3912;
    transition:.5s
}
.dia-banner-btn .dia-abt-btn:hover a{
    color: #fff !important;
}
.dia-banner-btn a {
    width:100%;
    display:block;
    text-decoration:none;
    /* color:#213e6f; */
    color:#fff;
    font-size:15px;
    font-weight: 500;
}
.dia-banner-section .cd-headline.clip span,.it-nw-service-innerbox .it-nw-service-inner-text p,.s2-faq_section .s2_faq_content .s2_faq {
    padding-bottom:10px
}
.cd-headline span {
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
    text-transform:capitalize!important
}
.dia-banner-section .cd-headline.clip .cd-words-wrapper {
    display:inline-block;
    position:relative;
    text-align:left;
    vertical-align:top
}
.dia-banner-section .cd-headline.clip .cd-words-wrapper::after {
    content:"";
    top:10px;
    right:0;
    width:2px;
    height:65px;
    position:absolute;
    background-color:#282350
}
.dia-banner-section .cd-headline.clip b,.dia-banner-section .no-js .cd-words-wrapper b {
    opacity:0
}
#featured_scroll .mCSB_scrollTools,.axil-blog.active .content .content-wrap::before,.carousel-item.active,.dia-banner-section .cd-headline.clip b.is-visible,.industries-section .inner-box:hover .pattern-layer,.info-section .inner-container .info-inner .info-box:hover .hidden-icon,.soft-m-feature-inner:hover .soft-m-feature-icon:after,.soft-m-feature-inner:hover .soft-m-feature-text .soft-f-more,.str-feature-section .str-feature-content .owl-stage-outer .owl-item.active {
    opacity:1
}
.dia-banner-section .cd-words-wrapper {
    display:inline-block;
    position:relative;
    text-align:left
}
.dia-banner-section .cd-words-wrapper b {
    display:inline-block;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    white-space:nowrap
}
.dia-banner-section .cd-words-wrapper b.is-visible {
    opacity:1;
    position:relative
}
.banner-side-shape1,.banner-side-shape2 {
    bottom:100px
}
.banner-shape1 {
    left:50%;
    bottom:15%;
    z-index:1;
    -webkit-animation-name:spin;
    animation-name:spin;
    -webkit-animation-duration:15s;
    animation-duration:15s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
.banner-shape2 {
    top:26%;
    left:10%
}
.slider h1 {
    text-align:left!important
}
@keyframes IT_animation_1 {
    0%,100%,50% {
        transform:translateX(0)
    }
    25% {
        transform:translateX(-40px)
    }
    75% {
        transform:translateX(40px)
    }
}
@keyframes spin {
    0% {
        transform:rotate(0)
    }
    100% {
        transform:rotate(360deg)
    }
}
@media screen and (min-width:3000px) {
    .dia-banner-section .banner-side-img.banner-img2 {
        right:4%!important
    }
}
@media screen and (min-width:1367px) and (max-width:1700px) {
    .dia-banner-section .banner-side-img.banner-img1,.dia-banner-section .banner-side-img.banner-img2 {
        right:-450px
    }
    .dia-banner-section .banner-side-img.banner-img1.view-on,.dia-banner-section .banner-side-img.banner-img2.view-on {
        right:-200px
    }
    .banner-side-shape1,.banner-side-shape2 {
        left:-110px
    }
}
@media screen and (max-width:1440px) {
    .dia-banner-section .banner-side-img.banner-img1,.dia-banner-section .banner-side-img.banner-img2 {
        right:-600px
    }
    .dia-banner-section .banner-side-img.banner-img1.view-on,.dia-banner-section .banner-side-img.banner-img2.view-on {
        right:-250px
    }
    .banner-shape2 {
        left:20px
    }
    .banner-side-shape1,.banner-side-shape2 {
        left:-135px;
        bottom:100px
    }
}
@media screen and (max-width:1400px) {
    .banner-side-shape1,.banner-side-shape2 {
        left:-145px;
        bottom:100px
    }
}
@media screen and (max-width:1375px) {
    .banner-side-shape1,.banner-side-shape2 {
        left:-190px;
        bottom:100px
    }
}
@media screen and (max-width:1070px) {
    .dia-banner-section .banner-side-img.banner-img1.view-on,.dia-banner-section .banner-side-img.banner-img2.view-on {
        right:20px!important;
        top:0!important;
        opacity:1!important;
        height:100%;
        box-sizing:border-box;
        overflow:hidden;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .dia-banner-section .dia-banner-content h1,.dia-banner-section .dia-banner-content h2 {
        font-size:42px;
        text-align:left
    }
    .slider-content {
        width:40%!important
    }
    .slider h1 {
        color:#213e6e;
        font-size:40px;
        text-align:left
    }
    .dia-banner-section .banner-side-img.banner-img2 {
        text-align:center!important
    }
    .dia-banner-section .banner-side-img.banner-img2 img {
        width:100%!important;
        height:auto!important
    }
    .dia-banner-section .dia-banner-content {
        padding:0
    }
    .dia-banner-section .banner-side-img.banner-img1,.dia-banner-section .banner-side-img.banner-img2 {
        right:-800px
    }
    .saas_two_service_section .service_content_box {
        height:auto!important;
        padding:20px 10px!important
    }
}
@media screen and (max-width:991px) {
    .socials.inline-inside.socials-colored.sot-social a {
        background:#fff;
        width:38px;
        height:38px;
        display:flex;
        justify-content:center;
        align-items:center;
        margin-bottom:5px;
        border-radius:50%;
        float:left;
        box-shadow:inset 0 -2px 0 0 #5a5a5a
    }
    .socials.inline-inside.socials-colored.sot-social a img {
        width:20px!important;
        height:20px!important
    }
    .dia-banner-section .dia-banner-content .dia-banner-btn {
        margin-top:40px;
        -webkit-box-pack:left;
        -ms-flex-pack:center;
        justify-content:left
    }
    .dia-banner-section .dia-banner-content h1,.dia-banner-section .dia-banner-content h2 {
        height:auto;
        font-size:35px
    }
    .dia-banner-section {
        height:660px!important;
        margin-bottom:50px
    }
    .dia-banner-section .dia-banner-content {
        max-width:100%;
        text-align:center;
        padding:0
    }
    .banner-shape1,.dia-about-content .dia-about-img .ab-shape1,.dia-about-content .dia-about-img .ab-shape2,.dia-banner-section .banner-side-img,.dia-exp-section .dia-exp-img .ab-shape1,.dia-exp-section .dia-exp-img .ab-shape2,.banner-shape2 {
        display:none
    }
}
@media screen and (max-width:760px) {
    .slider-pagination {
        bottom:30px!important
    }
    .slider-content {
        width:100%!important;
        margin-top:650px
    }
    .slider h1,.slider h2 {
        color:#213e6e;
        font-size:25px
    }
    .dia-banner-section .dia-banner-content .dia-banner-btn {
        -webkit-box-pack:left;
        -ms-flex-pack:center;
        justify-content:left;
        margin-bottom:40px;
        margin-top:30px
    }
    .dia-banner-section .banner-side-img.banner-img2 {
        top:0;
        right:0!important;
        width:95%;
        height:400px;
        padding:5px 0;
        opacity:.7!important
    }
    .dia-banner-section .dia-banner-content h1,.dia-banner-section .dia-banner-content h2 {
        height:auto!important;
        font-size:40px
    }
    .dia-banner-section .banner-side-img.banner-img2 img {
        height:auto!important;
        width:90%!important
    }
    .dia-banner-section {
        padding-bottom:30px!important;
        margin-bottom:20px!important;
        height:1130px!important
    }
    .dia-banner-section .banner-side-img.banner-img1.view-on,.dia-banner-section .banner-side-img.banner-img2.view-on {
        right:0;
        top:150px!important;
        display:flex;
        align-items:start;
        justify-content:center
    }
}
@media screen and (max-width:580px) {
    .slider-content {
        margin-top:30px!important;
        height:0;
        position:absolute;
        top:56%;
        width:100%!important;
        padding-left:0
    }
    .dia-banner-section {
        margin-bottom:20px!important;
        height:100vh!important;
        padding-bottom:30px!important
    }
    .dia-banner-section .banner-side-img.banner-img2 img {
        width:85%!important;
        height:auto!important
    }
    .dia-banner-section .banner-side-img.banner-img2 {
        margin-top:60px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button {
        width:120px!important
    }
    .dia-banner-section .banner-side-img.banner-img1.view-on,.dia-banner-section .banner-side-img.banner-img2.view-on {
        top:70px!important
    }
    #services,.ax-section-gap,.dia-fun-fact-section,.industries-section {
        padding:25px 0
    }
    .dia-banner-section .dia-banner-content .dia-banner-btn {
        -webkit-box-pack:left;
        -ms-flex-pack:left;
        justify-content:left;
        margin-top:20px
    }
    .dia-banner-section .dia-banner-content {
        max-width:100%;
        text-align:left
    }
    .dia-banner-section .banner-side-img {
        display:block
    }
    .dia-banner-section .dia-banner-content h1,.dia-banner-section .dia-banner-content h2 {
        font-size:25px
    }
    .dia-banner-section .cd-headline.clip .cd-words-wrapper::after {
        height:35px
    }
    .dia-banner-section .dia-banner-content p {
        font-size:20px
    }
}
.dia-newslatter-section {
    overflow:hidden;
    z-index:1;
    width:100%;
    height:auto;
    background-color:#fff;
    background-image:url("joinourteam.webp");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    margin:50px 0 80px
}
.dia-newslatter-section .newslatter-shape {
    z-index:-1
}
.dia-newslatter-section .n-shape1 {
    top:0;
    left:0
}
.dia-newslatter-section .n-shape4 {
    left:10%;
    bottom:30px
}
.dia-newslatter-section .n-shape5 {
    top:50%;
    right:12%
}
.dia-newslatter-section .n-shape2 {
    top:10px;
    left:14%
}
.dia-newslatter-section .n-shape3 {
    top:45px;
    right:13%
}
.dia-newslatter-section .n-shape6 {
    right:30px;
    bottom:-80px
}
.dia-newslatter-section .dia-newslatter-content {
    margin:25px 0;
    border-radius:30px;
    padding:90px 55px;
    box-shadow:0 0 30px 0 rgba(84,12,151,.2);
    background:rgba(255,255,255,.043);
    backdrop-filter:blur(5px);
    border:1px solid #fb3912
}
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-text h3 {
    color:#ffff!important;
    font-size:40px;
    font-weight:700;
    padding-bottom:12px
}
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-text p {
    font-size:17px;
    color:#fff
}
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form {
    margin-top:10px;
}
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input {
    width:100%;
    border:none;
    height:52px;
    max-width:330px;
    padding-left:20px;
    border-radius:5px;
    background-color:#fff
}
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button {
    top:0;
    right:-10px;
    position:absolute
}
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button {
    color:#fff;
    height:52px;
    width:140px;
    border:none;
    font-weight:700;
    border-radius:5px;
    font-family:Poppins;
    background-color:#fcbc0a
}
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button:before {
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d)!important
}
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox {
    margin-top:15px
}
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox input {
    height:inherit;
    width:inherit;
    padding-left:0;
    margin-right:5px;
    max-width:inherit
}
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox label {
    font-size:14px;
    margin-bottom:0
}
@media screen and (max-width:991px) {
    .dia-newslatter-section .dia-newslatter-content {
        margin:25px 0;
        border-radius:30px;
        padding:40px 35px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-text h3 {
        font-size:38px;
        padding-bottom:20px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-text p {
        font-size:15px;
        padding-bottom:20px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form {
        padding-left:0;
        margin-top:20px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input {
        max-width:100%
    }
}
@media screen and (max-width:380px) {
    .dia-banner-section .dia-banner-content h1,.dia-banner-section .dia-banner-content h2 {
        font-size:25px;
        padding:10px 0 15px
    }
    .dia-banner-section .cd-headline.clip .cd-words-wrapper::after {
        height:25px
    }
    .dia-banner-section .dia-banner-content p {
        font-size:18px
    }
    .slider-content {
        margin-top:30px!important;
        height:0;
        position:absolute;
        top:53%
    }
    .slider-pagination {
        bottom:20px!important
    }
    .dia-banner-section {
        height:100vh!important
    }
    .dia-banner-section .banner-side-img.banner-img1.view-on,.dia-banner-section .banner-side-img.banner-img2.view-on {
        top:50px!important
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button {
        width:100px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input {
        padding-left:10px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input::-webkit-input-placeholder {
        font-size:14px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input:-ms-input-placeholder {
        font-size:14px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input::-ms-input-placeholder {
        font-size:14px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input::placeholder {
        font-size:14px
    }
}
@media screen and (max-width:320px) {
    .dia-banner-section .dia-banner-content h1,.dia-banner-section .dia-banner-content h2 {
        font-size:25px
    }
    .slider-content {
        margin-top:40px!important;
        height:0;
        position:absolute;
        top:46%
    }
    .saas_two_banner_section {
        padding-top:140px;
        padding-bottom:10px!important;
        margin-bottom:30px!important;
        height:auto!important
    }
    .dia-banner-section {
        height:720px!important
    }
    .dia-banner-section .banner-side-img.banner-img1.view-on,.dia-banner-section .banner-side-img.banner-img2.view-on {
        top:30px!important
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox label {
        font-size:12px
    }
}
.dia-portfolio-img-text {
    -webkit-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.dia-portfolio-img-text .dia-portfolio-img {
    overflow:hidden;
    position:relative;
    height:510px!important
}
.dia-portfolio-img-text .dia-portfolio-img img {
    height:510px!important;
    filter:brightness(.5);
    -webkit-transition:1s ease-in-out;
    -o-transition:1s ease-in-out;
    transition:1s ease-in-out
}
.dia-portfolio-img-text .dia-portfolio-text {
    display:flex;
    justify-content:center;
    align-items:center;
    height:80px;
    margin-top:15px
}
.dia-portfolio-img-text .dia-portfolio-text h3 {
    color:#282350;
    font-size:20px;
    display:inline-block;
    font-weight:700;
    position:relative;
    padding-bottom:12px
}
.dia-portfolio-img-text .dia-portfolio-text h3 a {
    color:#282350
}
.dia-portfolio-img-text .dia-portfolio-text h3:before {
    left:0;
    right:0;
    width:0%;
    content:"";
    bottom:8px;
    height:2px;
    margin:0 auto;
    position:absolute;
    background-color:#282350;
    -webkit-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.dia-portfolio-img-text .dia-portfolio-text span {
    display:block;
    font-weight:700
}
.dia-portfolio-slide-area {
    margin:45px 0 20px
}
.dia-portfolio-slide-area .owl-stage-outer {
    padding-bottom:30px;
    padding-top:15px
}
.dia-portfolio-slide-area .owl-nav .owl-next,.dia-portfolio-slide-area .owl-nav .owl-prev {
    top:42%;
    z-index:1;
    width:60px;
    height:60px;
    cursor:pointer;
    line-height:60px;
    position:absolute;
    text-align:center;
    border-radius:100%;
    background-color:#fff;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    -webkit-box-shadow:0 0 22px 0 rgba(0,0,0,.28);
    box-shadow:0 0 22px 0 rgba(0,0,0,.28)
}
.dia-portfolio-slide-area .owl-nav .owl-next:before,.dia-portfolio-slide-area .owl-nav .owl-prev:before {
    top:0;
    left:0;
    height:100%;
    width:100%;
    content:"";
    z-index:-1;
    position:absolute;
    border-radius:100%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    background:linear-gradient(to right,#fcbb0a80,#fb39127a,#ca279c93)
}
.dia-main-header .dropdown .dropdown-menu li a:hover:after,.dia-portfolio-slide-area .owl-nav .owl-next:hover:before,.dia-portfolio-slide-area .owl-nav .owl-prev:hover:before,.dia-testimonial_indicator-dot .carousel-indicators2 li.active:after,.str-feature-box:hover .str-hover-icon {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.dia-portfolio-slide-area .owl-nav .owl-prev {
    left:21px
}
.dia-portfolio-slide-area .owl-nav .owl-next {
    right:21px
}
@media only screen and (max-width: 1399px) {
    .dia-portfolio-img-text .dia-portfolio-img img {
        height:420px!important;
        filter:brightness(.5);
        -webkit-transition:1s ease-in-out;
        -o-transition:1s ease-in-out;
        transition:1s ease-in-out
    }
    .dia-portfolio-img-text .dia-portfolio-img {
        overflow:hidden;
        position:relative;
        height:420px!important
    }
}
@media screen and (max-width:676px) {
    .dia-portfolio-img-text .dia-portfolio-img,.dia-portfolio-img-text .dia-portfolio-img img {
        height:450px!important
    }
    .dia-portfolio-img-text {
        margin-inline:5px!important
    }
}
.dia-fun-fact-section .dia-fun-fact-title {
    margin:0 auto;
    max-width:945px
}
.dia-fun-fact-section .dia-fun-fact-title h2 {
    color:#282350;
    font-size:36px;
    font-weight:700;
    line-height:1.528
}
.dia-fun-fact-section .dia-fun-fact-counter {
    padding-top:0
}
.dia-fun-fact-section .dia-fun-fact-counter .col-lg-4:first-child .dia-fun-fact-item .fun-fact-tag {
    color:#fcbc0a
}
.dia-fun-fact-section .dia-fun-fact-counter .col-lg-4:nth-child(2) .dia-fun-fact-item .fun-fact-tag,.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .scroller-no {
    color:#fb3912
}
.dia-fun-fact-section .dia-fun-fact-counter .col-lg-4:nth-child(3) .dia-fun-fact-item .fun-fact-tag {
    color:#ca279d
}
.dia-fun-fact-section .dia-fun-fact-item span {
    font-weight:700;
    font-family:Poppins
}
.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number {
    line-height:1;
    padding:2px 0;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3 {
    color:#282350;
    font-size:90px;
    font-weight:500
}
.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span {
    color:#282350;
    font-size:90px;
    line-height:1.2;
    font-weight:500;
    font-family:Poppins
}
.dia-fun-fact-section .dia-fun-fact-item p {
    margin:0 auto;
    max-width:325px
}
.containet {
    grid-template-columns:repeat(auto-fill ,minmax(20%,1fr));
    grid-template-rows:auto
}
.containet .box {
    box-sizing:border-box;
    height:290px;
    width:100%;
    margin-bottom:5px;
    background:#fff;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.containet .tape,.containet .tape:after {
    height:100%;
    position:absolute;
    overflow:hidden
}
.containet .box:before {
    box-sizing:border-box;
    content:'';
    position:absolute;
    top:-2px;
    left:9px;
    bottom:-2px;
    right:8px;
    background:#fff;
    transform:skew(3deg,3deg);
    z-index:-1
}
.containet .box:first-child:before {
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d);
    height:296px;
    transition:.5s ease-in-out
}
.container .box:first-child:hover:before {
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d);
    height:0%
}
.containet .tape {
    top:0;
    left:0;
    width:100%;
    background:rgba(255,255,0,0)
}
.containet .tape:after {
    content:'';
    top:0;
    left:0;
    width:50%;
    margin-left:25%;
    background:rgba(0,0,0,.1);
    pointer-events:none;
    transform:skew(41deg);
    transition:.25s
}
.box:hover .tape:after {
    width:100%;
    margin-left:0;
    transform:skew(0)
}
.box .content h2 {
    position:absolute;
    top:-30px;
    right:20px;
    margin:0;
    padding:0;
    font-size:10em;
    color:rgba(255,255,255,.05);
    transition:.25s
}
.box:hover .content h2 {
    top:-50px;
    color:rgba(255,255,255,.15)
}
.box .content h3 {
    margin:0 0 10px;
    padding:0;
    font-size:24px;
    font-weight:700
}
.box .content p {
    margin:0;
    padding:0;
    color:#dedede;
    font-size:16px
}
.box .content a {
    position:relative;
    margin:20px 0 0;
    padding:10px 20px;
    border:1px solid #fff;
    color:#fff;
    display:inline-block;
    transition:.5s;
    visibility:hidden;
    transform:translateY(10px);
    opacity:0
}
.box:hover .content a {
    visibility:visible;
    opacity:1;
    transform:translateY(0)
}
.box .content a:hover {
    background:rgba(255,255,255,.95);
    color:#222
}
@media screen and (max-width:1070px) {
    .containet .box:first-child:before {
        background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
        height:297px;
        transition:.5s ease-in-out
    }
    .containet .box {
        height:292px
    }
}
@media screen and (max-width:991px) {
    .containet .box:first-child:before {
        height:375px!important
    }
    .containet .box {
        height:370px!important;
        margin-bottom:50px
    }
    .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number {
        padding:14px 0
    }
    .dia-fun-fact-section .dia-fun-fact-item p {
        margin-inline:7px;
        font-size:15px
    }
    .ax-section-gap,.dia-fun-fact-section,.industries-section {
        padding:50px 30px!important
    }
    .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3,.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span {
        font-size:62px!important
    }
}
@media only screen and (max-width:760px) {
    .dia-newslatter-section {
        margin:30px 0 50px
    }
    .ax-section-gap,.dia-fun-fact-section,.industries-section {
        padding:50px 0!important
    }
    .containet {
        margin-inline:15px!important
    }
}
@media screen and (max-width:580px) {
    .ax-section-gap,.dia-fun-fact-section,.industries-section {
        padding:50px 0!important
    }
    #services,.ax-section-gap,.dia-fun-fact-section,.industries-section {
        padding:25px 0
    }
}
@media screen and (max-width:480px) {
    .dia-banner-btn .overlay-box {
        width:50px;
        height:50px;
        margin-right:10px
    }
    .dia-banner-btn .overlay-box i{
        font-size: 11px;
    }
    .dia-banner-btn .dia-abt-btn {
        height:50px;
        width:100%;
        display:flex!important;
        justify-content:center;
        align-items:center
    }
    .dia-banner-btn .dia-abt-btn a {
        font-size:10px;
        font-weight: 400;
    }
    .dia-banner-section .dia-banner-content h1,.dia-banner-section .dia-banner-content h2 {
        font-size:25px
    }
    .dia-banner-section .dia-banner-content {
        padding:5px 10px 50px 0
    }
    .dia-banner-section {
        padding-bottom:50px
    }
    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-text h3 {
        font-size:28px
    }
    .dia-newslatter-section .dia-newslatter-content {
        padding:45px 25px;
        border:1px solid #fb3912
    }
    .dia-fun-fact-section {
        padding-bottom:10px
    }
    .dia-fun-fact-section .dia-fun-fact-title h2 {
        font-size:30px
    }
    .dia-fun-fact-section .dia-fun-fact-counter {
        padding-top:30px
    }
    .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number {
        padding:5px 0
    }
    .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3,.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span {
        font-size:45px
    }
}
.feature__btn {
    order:3;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:-15px
}
.feature__btn a {
    border-color:#fb3912;
    padding:20px 35px;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px
}
.thm-btn {
    font-size:15px;
    padding:15px 24px;
    z-index:1;
    text-align:center;
    color:#fff;
    display:inline-block;
    line-height:1.3;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    overflow:hidden;
    position:relative;
    font-weight:600;
    text-transform:capitalize;
    border:1px solid transparent;
    box-shadow:0 13px 14px 3px rgba(95,45,237,.05)
}
.thm-btn:hover {
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d);
    background-position:left;
    background-repeat:no-repeat;
    background-blend-mode:darken
}
.thm-btn i {
    position:absolute;
    top:50%;
    right:30px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#fff;
    font-size:13px;
    transition:.3s
}
.thm-btn:hover i {
    right:28px
}
.thm-btn:hover .btn-wrap span:first-child {
    -webkit-transform:translateY(-150%);
    -ms-transform:translateY(-150%);
    transform:translateY(-150%)
}
.thm-btn:hover .btn-wrap span:nth-child(2) {
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.thm-btn .btn-wrap {
    position:relative;
    overflow:hidden;
    display:block
}
.thm-btn .btn-wrap span {
    color:#fff;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.thm-btn .btn-wrap span:first-child {
    display:block;
    position:relative
}
.thm-btn .btn-wrap span:nth-child(2) {
    position:absolute;
    top:100%;
    display:block
}
.thm-btn__transparent {
    background-color:transparent;
    border:1px solid rgba(95,122,163,.15);
    box-shadow:none
}
.info-section.alternate-2 .inner-container .info-inner .info-box .box h4,.info-section.alternate-2 .inner-container .info-inner .info-box .text p,.info-section.alternate-2 .inner-container .info-inner .info-box .text p a,.thm-btn__transparent .btn-wrap span {
    color:#213e6f
}
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .eg-how-work-icon i,.featured_content .featured_icon_text:hover .featured_text h3,.featured_content .featured_icon_text:hover .featured_text p,.footer p,.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover,.saas_two_banner_section .s2-banner_content .banner_btn a:hover,.saas_two_feature_section .s2-feature_text .saas_btn:hover,.soft-m-language select:hover,.str-feature-section .str-feature-icon-text:hover h3,.str-feature-section .str-feature-icon-text:hover li,.str-feature-section .str-feature-icon-text:hover li:before,.thm-btn__transparent:hover .btn-wrap span {
    color:#fff
}
@media only screen and (max-width: 1199px) {
    .feature__btn a {
        padding:15px 31px!important
    }
}
.odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default,.odometer.odometer-theme-default .odometer-digit {
    display:inline-block;
    vertical-align:middle;
    position:relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display:inline-block;
    vertical-align:middle;
    visibility:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align:left;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon,.tab-content.is-active {
    display:block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display:block;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display:block;
    transform:translateZ(0);
    -webkit-transform:translateZ(0)
}
.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute,.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position:absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition:-webkit-transform 2s;
    -moz-transition:-moz-transform 2s;
    -ms-transition:-ms-transform 2s;
    -o-transition:-o-transform 2s;
    transition:transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition:-webkit-transform 2s;
    -moz-transition:-moz-transform 2s;
    -ms-transition:-ms-transform 2s;
    -o-transition:-o-transform 2s;
    transition:transform 2s;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
    font-family:"Helvetica Neue",sans-serif;
    line-height:1.1em
}
.soft-m-language:after,.soft-m-subs:after {
    font-family:"font awesome 5 free";
    font-weight:900
}
.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value,.service_text_box {
    text-align:center
}
.slide-logo {
    padding:39px 0;
    text-align:center
}
.dia-home section,.glide__track,.slide-logo .dis-flex {
    overflow:hidden
}
.slide-logo .logo-heading {
    position:relative;
    width:100%;
    margin:0 0 25px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    flex-basis:100%;
    justify-content:center
}
.slide-logo .logo-heading h4 {
    color:rgba(65,65,65,.9);
    font-size:18px;
    margin:0 35px;
    background:#fff;
    position:relative;
    font-weight:400
}
.slide-logo .logo-heading h4 span {
    margin:0 35px;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
    font-weight:700
}
.slide-logo .logo-heading strong {
    color:#016be3;
    font-weight:500
}
.slide-logo .logo-heading:before {
    width:100%;
    content:"";
    height:.197px;
    background:rgba(5,22,77,.4);
    position:absolute;
    top:13px;
    left:0;
    right:0;
    margin:0 auto
}
.slide-logo .logo-section {
    width:100%;
    margin:0 auto;
    padding:0 0 25px
}
.it-nw-service-innerbox:hover .it-nw-service-inner-icon:after,.slide-logo .logo-section .glide__slide,.soft-m-feature-inner:hover .soft-m-feature-box:after {
    height:100%
}
.slide-logo .logo-section .glide__slide picture {
    margin:30px 0;
    display:flex;
    align-items:center;
    justify-content:center
}
.glide {
    position:relative;
    width:100%;
    box-sizing:border-box
}
.glide * {
    box-sizing:inherit
}
.glide__slides {
    position:relative;
    width:100%;
    list-style:none;
    backface-visibility:hidden;
    transform-style:preserve-3d;
    touch-action:pan-Y;
    overflow:hidden;
    padding:0;
    white-space:nowrap;
    display:flex;
    flex-wrap:nowrap;
    will-change:transform
}
.glide__slide {
    width:100%;
    height:100%;
    flex-shrink:0;
    white-space:initial;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    display:flex;
    justify-content:space-around
}
.steps-section .blocks-column .inner-column .carousel-indicators li:last-child::before,.tab-content {
    display:none
}
.glide__slide a {
    user-select: none;
    -webkit-user-drag: none; /* Only for WebKit-based browsers */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.glide__arrows,.glide__bullets {
    -webkit-touch-callout:none;
    user-select:none
}
.glide--rtl {
    direction:rtl
}
.tabs-wrapper {
    max-width:1170px;
    margin:auto;
    background:#fff;
    border-radius:12px;
    box-shadow:0 0 25px 0 rgba(119,4,227,.2);
    overflow:hidden
}
.tabs-wrapper.horizontal-tabs .tabs-header {
    display:flex;
    flex-wrap:wrap;
    border-bottom:1px solid #eee;
    background:#f0f3f7
}
.tabs-wrapper.horizontal-tabs .tab-link {
    flex:1 1 14.28%;
    text-align:center;
    padding:15px 10px;
    cursor:pointer;
    font-weight:500;
    border:none;
    background:0 0;
    transition:.3s;
    color:#213e6f
}
.tabs-wrapper.vertical-tabs {
    display:flex;
    flex-direction:row
}
.tabs-wrapper.vertical-tabs .tabs-header {
    padding:10px 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:400px;
    border-right:1px solid #eee;
    background:#f0f2f7
}
.tabs-wrapper.vertical-tabs .tab-link {
    text-align:left;
    font-size:18px;
    padding:15px 30px;
    font-weight:500;
    cursor:pointer;
    background:0 0;
    border:none;
    width:100%;
    transition:.3s
}
.tab-link.is-active,.tab-link:hover {
    background:#fff;
    color:#fb3912;
    border-bottom:2px solid #fb3912
}
.tabs-wrapper.vertical-tabs .tab-link.is-active {
    border-bottom:none;
    border-left:4px solid #fb3912
}
.tab-contents {
    padding:30px 20px;
    flex:1
}
.tab-content {
    animation:.4s fadeIn
}
@keyframes fadeIn {
    from {
        transform:translateY(10px);
        opacity:0
    }
    to {
        transform:translateY(0);
        opacity:1
    }
}
.icons-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
    gap:20px;
    margin-top:20px
}
.icons-grid img{
    max-width:150px;
    display:block;
    margin:auto;
}
@media (max-width:768px) {
    .tabs-wrapper.vertical-tabs {
        flex-direction:column
    }
    .tabs-wrapper.vertical-tabs .tabs-header {
        flex-direction:row;
        justify-content: flex-start;
        width:100%;
        overflow-x:auto
    }
    .tabs-wrapper.vertical-tabs .tab-link {
        flex:1;
        white-space:nowrap
    }
    .tab-link {
        font-size:14px;
        padding:12px
    }
}
@media (max-width:480px) {
    .tab-link {
        flex:1 1 100%
    }
}
.appseo-mission-area-section {
    margin:auto;
    padding:50px 0;
    position:relative;
    z-index:1
}
.appseo-mission-area-section:after {
    top:-30%;
    right:-55%;
    content:'';
    width:100%;
    height:100%;
    z-index:-1;
    position:absolute;
    background-repeat:no-repeat
}
.appseo-mission-area-section .appseo-mission-vector {
    width:49%;
    box-sizing:border-box;
    overflow:hidden;
    right:0;
    top:200px;
    position:absolute
}
.appseo-mission-area-text {
    overflow:hidden;
    box-sizing:border-box;
    height: 100%;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.appseo-mission-area-text .appseo-section-title2 {
    padding-bottom:85px
}
.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content {
    width:50%;
    margin-bottom:40px;
    height:115px;
    display:inline-block
}
.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-item-icon {
    z-index:1;
    top:20px;
    float:left;
    width:150px;
    height:112px;
    position:relative
}
.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-item-icon i {
    font-size:50px;
    color:#fff
}
.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-item-icon:before {
    top:-20px;
    left:0;
    content:'';
    z-index:-1;
    width:130px;
    height:130px;
    position:absolute;
    background-repeat:no-repeat;
    background-image:url(ms3.webp)
}
.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content:nth-child(2) .appseo-mission-item-icon:before,.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content:nth-child(3) .appseo-mission-item-icon:before {
    background-image:url(ms3.webp)
}
.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-area-text h3 {
    color:#213e6e;
    font-size:19px;
    font-weight:700;
}
@media screen and (max-width:1045px) {
    .appseo-mission-area-section .appseo-mission-vector {
        right:0
    }
}
.appseo-service-section,.pm-process-section,.soft-m-feature-process-section {
    padding:100px 0
}
.appseo-service-content,.saas_two_service_section .service_content {
    padding-top:40px
}
.appseo-service-content .appseo-service-icon-text {
    z-index:1;
    overflow:hidden;
    padding:55px 40px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    -webkit-box-shadow:0 0 35px 0 rgba(164,177,235,.13);
    box-shadow:0 0 35px 0 rgba(164,177,235,.13)
}
.appseo-service-content .appseo-service-icon-text .appseo-service-icon {
    width:142px;
    height:142px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 auto 42px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-shadow:1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    box-shadow:1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    background:#fcbc0a
}
.appseo-service-content .appseo-service-icon-text .appseo-service-icon i {
    font-size:70px;
    color:#fff
}
.appseo-service-content .appseo-service-icon-text .appseo-service-icon:after,.appseo-service-content .appseo-service-icon-text .appseo-service-icon:before {
    top:15px;
    left:-25px;
    z-index:-1;
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    background-repeat:no-repeat
}
.appseo-service-content .appseo-service-icon-text .appseo-service-icon:after {
    top:0;
    left:auto;
    right:-45px
}
.appseo-service-content .appseo-service-icon-text .appseo-service-text h3 {
    color:#213e6e;
    font-size:22px;
    font-weight:700;
    padding-bottom:12px
}
.appseo-service-content .appseo-service-icon-text .appseo-service-text p {
    color:#415e8d;
    line-height:1.75
}
.appseo-service-content .appseo-service-icon-text:before {
    top:-135px;
    right:-120px;
    z-index:-1;
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    background-repeat:no-repeat;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    background-image:url(../../s-shape1.webp)
}
.appseo-service-content .appseo-service-box {
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    background-color:#fff
}
.appseo-service-content .appseo-service-box:after {
    left:0;
    right:0;
    content:'';
    height:8px;
    bottom:-4px;
    width:240px;
    margin:0 auto;
    position:absolute;
    border-radius:30px;
    background-color:#fcbc0a;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.appseo-service-content .appseo-service-box:hover {
    -webkit-transform:translateY(40px);
    -ms-transform:translateY(40px);
    transform:translateY(40px)
}
.appseo-service-content .appseo-service-box:hover:after {
    width:270px
}
.appseo-service-content .appseo-service-box:hover .appseo-service-icon-text:before {
    top:-145px;
    right:-130px
}
.appseo-service-content .col-lg-4:nth-child(2) .appseo-service-box .appseo-service-icon,.appseo-service-content .col-lg-4:nth-child(2) .appseo-service-box:after {
    background-color:#fb3912
}
.appseo-service-content .col-lg-4:nth-child(3) .appseo-service-box .appseo-service-icon,.appseo-service-content .col-lg-4:nth-child(3) .appseo-service-box:after {
    background-color:#ca279d
}
@media screen and (max-width:1199px) {
    .appseo-service-content .appseo-service-icon-text {
        z-index:1;
        overflow:hidden;
        padding:55px 35px
    }
}
@media screen and (max-width:1099px) {
    .appseo-service-content .appseo-service-icon-text {
        z-index:1;
        overflow:hidden;
        height:auto!important;
        padding:55px 25px
    }
}
@media screen and (max-width:360px) {
    .appseo-service-content .appseo-service-icon-text {
        padding:55px 30px
    }
}
.featured_service_section .section_title {
    padding-bottom:55px
}
.featured_service_section .section_title h2 {
    margin:0 auto;
    max-width:380px
}
.featured_content li {
    float:left;
    list-style:none;
    padding-bottom:20px
}
.featured_content .featured_icon_text {
    z-index:1;
    width:285px;
    height:450px;
    padding:40px 10px 0;
    margin:0 auto;
    overflow:hidden;
    border-radius:15px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.featured_content .featured_icon_text:before {
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    content:'';
    height:100%;
    position:absolute;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)
}
.featured_content .featured_icon_text .featured_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width:110px;
    height:110px;
    margin:0 auto 25px;
    line-height:110px;
    border-radius:100%;
    -webkit-box-shadow:0 14px 18px 0 rgba(1,105,228,.25);
    box-shadow:0 14px 18px 0 rgba(1,105,228,.25);
    background:linear-gradient(128deg,#fcbc0a,#fb3912,#ca279d)
}
.featured_content .featured_icon_text .featured_icon i {
    color:#fff;
    font-size:50px;
    padding-top:30px
}
.featured_content .featured_icon_text .featured_icon svg {
    fill:#fff;
    width:50px;
    height:85px;
    padding-top:30px
}
.featured_content .featured_icon_text .featured_icon:before {
    position:absolute;
    content:'';
    width:0;
    height:0;
    left:40px;
    top:25px;
    right:0;
    -webkit-box-shadow:0 0 25px 25px rgba(255,255,255,.75);
    box-shadow:0 0 25px 25px rgba(255,255,255,.75);
    border-radius:50%
}
.featured_content .featured_icon_text .featured_text {
    padding:0 20px;
    margin-bottom:30px
}
.featured_content .featured_icon_text .featured_text h3 {
    color:#161616;
    font-size:20px;
    font-weight:600;
    padding-bottom:20px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.featured_content .featured_icon_text .featured_text p {
    line-height:1.625;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.featured_content .featured_icon_text .feature_btn {
    opacity:0;
    visibility:hidden;
    margin-right:25px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.featured_content .featured_icon_text .feature_btn a {
    color:#30f7ee;
    font-size:15px;
    font-weight:700;
    font-family:poppins;
    position:relative
}
.featured_content .featured_icon_text .feature_btn a:after {
    font-weight:900;
    content:"\f061";
    position:absolute;
    right:-20px;
    font-family:'font awesome 5 free'
}
.featured_content .featured_icon_text:hover {
    -webkit-box-shadow:0 14px 18px 0 rgba(1,105,228,.25);
    box-shadow:0 14px 18px 0 rgba(1,105,228,.25)
}
.dia-main-header .dropdown:hover .dropdown-menu,.dia-mobile_menu .dia-mobile-main-navigation .dropdown>.dropdown-menu,.featured_content .featured_icon_text:hover .feature_btn,.featured_content .featured_icon_text:hover:before,.soft-m-sidebar-inner.wide_side_on .side_overlay {
    opacity:1;
    visibility:visible
}
#featured_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    margin:0 auto;
    height:30px;
    max-width:570px
}
#featured_scroll .mCSB_scrollTools .mCSB_draggerRail {
    height:20px;
    background-color:#ececec
}
#featured_scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height:20px;
    -webkit-box-shadow:0 6px 18px -5px rgba(2,8,38,.35);
    box-shadow:0 6px 18px -5px rgba(2,8,38,.35);
    background-color:#fb3912
}
.mCustomScrollbar,.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action,.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
    -ms-touch-action:auto;
    touch-action:auto
}
.mCustomScrollBox {
    -ms-touch-action:pan-x pinch-zoom;
    touch-action:pan-x pinch-zoom
}
.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;
    height: fit-content;
}
@media screen and (max-width:500px) {
    .featured_content .featured_icon_text {
        width:300px
    }
}
.soft-m-language {
    float:left;
    position:relative
}
.soft-m-language:after {
    top:9px;
    right:15px;
    color:#fff;
    font-size:12px;
    content:"";
    position:absolute
}
.soft-m-language select {
    color:#fff;
    font-size:14px;
    font-weight:700;
    padding:7px 28px 7px 20px;
    border-radius:30px;
    border:1px solid #33a5e4;
    background-color:transparent;
    appearance:none;
    -webkit-appearance:none
}
.soft-m-language option {
    background-color:#102465
}
.soft-m-banner-section {
    z-index:1;
    padding:270px 0 200px
}
.soft-m-banner-section .container {
    max-width:1390px
}
.soft-m-banner-content {
    z-index:2;
    max-width:680px;
    position:relative
}
.soft-m-banner-content span {
    color:#fff;
    font-size:18px;
    font-weight:500
}
.soft-m-banner-content h1 {
    color:#fff;
    line-height:1;
    font-size:100px;
    font-weight:600;
    padding-top:20px
}
.q_contact a,.soft-m-banner-subscribe-form .soft-m-moto,.soft-m-feature-section .soft-m-feature-content {
    padding-top:10px
}
.soft-m-banner-subscribe-form {
    margin-top:18px
}
.soft-m-banner-subscribe-form button {
    color:#fff;
    float:left;
    height:60px;
    width:200px;
    border:0;
    font-weight:700;
    margin-right:20px;
    border-radius:30px;
    background-color:#102465;
    transition:.3s ease-in-out
}
.soft-m-banner-subscribe-form button:hover {
    background-color:#000
}
.soft-m-moto span {
    display:block;
    font-size:14px;
    font-weight:700;
    color:#fff
}
.eight-service-section .eight-service-slide a:first-child,.soft-m-subs {
    margin-bottom:15px
}
.soft-m-subs input {
    width:100%;
    height:60px;
    border:0;
    max-width:550px;
    padding-left:75px;
    border-radius:40px;
    background-color:#fff
}
.soft-m-subs input::placeholder {
    color:#b9bfd5
}
.soft-m-subs:after {
    top:18px;
    left:40px;
    color:#009fe7;
    content:"ïƒ ";
    position:absolute
}
.ax-section-gap,.dia-fun-fact-section,.faq_sec,.feature-eight-section,.featured_service_section,.industries-section,.soft-m-feature-section,.solution_sec,.tecnologi_sec {
    padding:50px 0
}
.soft-m-feature-inner {
    padding-left:40px;
    margin-bottom:40px;
    transition:.3s ease-in-out
}
.soft-m-feature-inner .soft-m-inner-icon {
    left:0;
    top:30px;
    z-index:1;
    position:absolute;
    transition:.3s ease-in-out;
    filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .1))
}
.soft-m-feature-inner .soft-m-feature-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width:85px;
    height:95px;
    line-height:100px;
    background-color:#fff;
    position:relative;
    z-index:1;
    -webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
    clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)
}
.soft-m-feature-inner .soft-m-feature-icon:after {
    top:0;
    left:0;
    z-index:-1;
    content:"";
    width:100%;
    opacity:0;
    height:100%;
    position:absolute;
    transition:.3s ease-in-out
}
strong.soft-f-process {
    background-color:#fb3912;
    padding:10px;
    border-radius:100%;
    color:#fff
}
.elementor-icon.elementor-divider__element {
    box-shadow:0 16px 32px 0 rgba(0,0,0,.04)
}
.soft-m-feature-inner .soft-m-feature-icon i {
    font-size:26px;
    transition:.3s ease-in-out;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone
}
.soft-m-feature-inner .soft-m-feature-box {
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    height:350px;
    border:2px solid #f1f1f1;
    padding:35px 40px 5px 70px;
    transition:.3s ease-in-out
}
.soft-m-feature-inner .soft-m-feature-box:after {
    top:0;
    left:0;
    bottom:0;
    content:"";
    width:3px;
    height:0;
    position:absolute;
    transition:.3s ease-in-out;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)
}
.soft-m-feature-inner .soft-m-feature-box .soft-m-feature-text h3 {
    color:#102465;
    font-size:20px;
    font-weight:600;
    padding-bottom:10px
}
.soft-m-feature-inner .soft-m-feature-box .soft-m-feature-text h3 span {
    color:#fff;
    font-size:10px;
    padding:1px 5px;
    background-color:#00a8ff
}
.soft-m-feature-inner .soft-m-feature-box .soft-m-feature-text p {
    color:#6c8493;
    padding-bottom:10px
}
.soft-m-feature-inner .soft-m-feature-box .soft-m-feature-text .soft-f-more {
    bottom:20px;
    font-size:14px;
    opacity:0;
    font-weight:700;
    position:absolute;
    transition:.3s ease-in-out;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone
}
.footer-about p a,.footer-partner p a,.footer-service p a,.project-two-column .case-block-two .inner-box .lower-content .box p,.soft-m-feature-inner:hover {
    margin-bottom:10px
}
.soft-m-feature-inner:hover .soft-m-inner-icon {
    top:50%;
    transform:translateY(-50%)
}
.soft-m-feature-inner:hover .soft-m-feature-box {
    padding:35px 40px 60px 70px;
    box-shadow:0 8px 16px 0 rgba(15,42,107,.06)
}
.case-block-two .inner-box .lower-content .box h4 a:hover,.soft-m-feature-inner:hover .soft-m-feature-icon i {
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone
}
@media only screen and (max-width:1200px) {
    .soft-m-feature-inner .soft-m-feature-box {
        height:auto!important
    }
}
.pm-process-section .pm-process-wrapper {
    padding-top:50px;
    display:flex;
    justify-content:center
}
.pm-process-section .pm-process-line {
    z-index:-1;
    top:50%;
    left:0;
    right:0;
    text-align:center;
    transform:translateY(-50%)
}
.pm-process-icon-text {
    margin:0 30px;
    display:inline-block
}
.pm-process-icon-text .pm-process-icon {
    width:160px;
    height:160px;
    line-height:160px;
    border-radius:100%;
    margin-bottom:35px;
    background-color:#fff;
    box-shadow:0 30px 60px 0 rgba(0,51,120,.04)
}
.pm-process-icon-text .pm-process-icon span {
    right:0;
    bottom:0;
    color:#fff;
    width:50px;
    height:50px;
    font-weight:600;
    line-height:50px;
    text-align:center;
    position:absolute;
    border-radius:100%;
    font-family:poppins;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)
}
.pm-process-icon-text .pm-process-icon i {
    font-size:65px;
    color:#0960d3;
    line-height:172px
}
.pm-process-icon-text .pm-process-text h3 {
    color:#003378;
    font-size:18px;
    font-weight:600
}
@media screen and (max-width:1250px) {
    .pm-process-section .pm-process-wrapper {
        display:flow
    }
}
.heading h2 {
    position:relative;
    margin-bottom:40px;
    color:#282350!important
}
.heading p {
    width:90%;
    margin:auto;
    font-size:18px;
    color:#414141;
    line-height:29px
}
.heading h2::after {
    content:"";
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
    width:80px;
    height:2px;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:-20px
}
.saas-classic-section-header span {
    font-weight:300
}
.client-img-section .left-box {
    padding-left:60px;
    flex-basis:45%
}
.client-img-section {
    background-color:#f0f2f7;
    margin:50px 0;
    padding:80px 0
}
.client-img-section .left-box .heading h5 {
    color:#016be3;
    text-transform:uppercase;
    font-size:14px;
    font-weight:500;
    margin:0 0 10px
}
.client-img-section .left-box .heading h2:after {
    right:auto;
    bottom:-20px
}
.client-img-section .left-box .heading p {
    width:100%;
    margin:0 0 20px;
    font-size:16px
}
.client-img-section .left-box .heading ul {
    margin-top:30px
}
.client-img-section .left-box .heading ul li {
    margin:0 0 8px;
    position:relative;
    padding-left:22px
}
.client-img-section .left-box .heading ul li::before {
    content:"";
    width:15px;
    height:14px;
    position:absolute;
    top:6px;
    left:0
}
.client-img-section .left-box .heading ul li:last-child {
    margin:0
}
.client-img-section .right-box {
    flex-basis:55%
}
.client-img-section .right-box .client-section {
    display:flex;
    width:100%;
    flex-direction:column;
    gap:20px
}
.client-img-section .right-box .client-section .client-row {
    position:relative;
    overflow:hidden;
    height:80px
}
.client-img-section .right-box .award-sc .award-wrap .award-row ul,.client-img-section .right-box .client-section .client-row .client-stack ul {
    display:flex;
    min-width:150%;
    justify-content:space-around;
    column-gap:15px;
    position:absolute
}
.client-img-section .right-box .client-section .client-row .client-stack ul li {
    height:80px;
    min-width:170px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    border:1.376px solid rgba(221,221,221,.83);
    background:#fff
}
.client-img-section .right-box .client-section .client-row .client-stack ul li img {
    vertical-align:middle;
    height:auto;
}
.client-img-section .right-box .client-section .client-row .client-stack ul li:hover {
    color:#ffb81d
}
.client-img-section .right-box .client-section .client-row .hover:hover {
    color:red
}
.client-img-section .right-box .award-sc .award-wrap {
    position:relative;
    overflow:hidden;
    height:95px;
    margin:25px 0 0
}
.client-img-section .right-box .award-sc .award-wrap h5 {
    font-size:15px;
    color:#0a1747;
    font-weight:500
}
.client-img-section .right-box .award-sc .award-wrap .award-row ul li {
    height:90px;
    min-width:170px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    border:1.376px solid rgba(221,221,221,.83);
    background:#fff
}
.client-img-section .right-box .award-sc .award-wrap .award-row ul li .aw-icon {
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center
}
.client-img-section .right-box .award-sc .award-wrap .award-row ul li .aw-icon img {
    vertical-align:middle
}
.client-img-section .right-box .award-sc .award-wrap .award-row ul li:hover {
    background:#fff;
    cursor:default;
    border-color:#016be3
}
@keyframes slide_to_left {
    0% {
        transform:translateX(0)
    }
    to {
        transform:translateX(-50%)
    }
}
@keyframes slide_to_right {
    0% {
        transform:translateX(-50%)
    }
    to {
        transform:translateX(0)
    }
}
.award-animate-slide-to-left {
    animation:15s linear infinite slide_to_left
}
.award-animate-slide-to-right {
    animation:15s linear infinite slide_to_right
}
.hover\:pause:hover {
    animation-play-state:paused
}
.dis-flex {
    display:flex;
    flex-wrap:wrap
}
@media screen and (min-width:915px) and (max-width:1023px) {
    .dis-flex {
        flex-direction:column;
        justify-content:center
    }
}
.str-feature-section {
    padding:50px 0 70px;
    height:auto
}
.str-feature-section .str-feature-icon-text {
    height:500px;
    z-index:1;
    overflow:hidden;
    padding:40px 0;
    position:relative;
    border-radius:11px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    -webkit-box-shadow:0 11px 54px 0 rgba(13,0,30,.2);
    box-shadow:0 11px 54px 0 rgba(13,0,30,.2)
}
.str-feature-icon-text:hover .str-feature-text h3 {
    color: #fff !important;
}
.str-feature-section .str-feature-icon-text .str-feature-icon {
    width:125px;
    height:125px;
    display:flex;
    margin:0 auto 18px;
    line-height:125px;
    border-radius:100%;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    background-image:-webkit-linear-gradient(325deg,#efe7f9 0,#eaedfc 49%,#e5f3fe 100%);
    background-image:-o-linear-gradient(325deg,#efe7f9 0,#eaedfc 49%,#e5f3fe 100%);
    background-image:linear-gradient(125deg,#efe7f9 0,#eaedfc 49%,#e5f3fe 100%)
}
.str-feature-section .str-feature-icon-text .str-feature-icon img {
    width:55px;
    margin:auto;
    text-align:center
}
.str-feature-section .str-feature-icon-text .str-feature-icon i {
    font-size:55px;
    margin:auto;
    text-align:center
}
.str-feature-section .str-feature-icon-text .str-feature-text h3 {
    color:#010101;
    font-size:22px;
    font-weight:700;
    position:relative;
    padding-bottom:35px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}

.str-feature-section .str-feature-icon-text .str-feature-text h3:before {
    left:0;
    right:0;
    content:'';
    width:10px;
    bottom:15px;
    height:10px;
    margin:0 auto;
    position:absolute;
    border-radius:100%;
    background-color:#fb3912
}
.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list {
    text-align:center;
    padding:10px;
    padding-inline:30px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list li {
    margin-bottom:3px;
    position:relative;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.str-feature-section .str-feature-icon-text:after,.str-feature-section .str-feature-icon-text:before {
    opacity:0;
    width:400px;
    content:'';
    height:360px;
    position:absolute;
    background-repeat:no-repeat;
    -webkit-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out
}
.str-feature-section .str-feature-icon-text:after {
    bottom: 1px;
    left:-130px;
    z-index:1;
    background-image:url(../../fs1.webp);
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.str-feature-section .str-feature-icon-text:before {
    z-index:2;
    bottom:-70px;
    left:-120px;
    background-image:url(../../fs2.webp)
}
.str-feature-section .str-feature-icon-text:hover {
    background-color:#010004
}
.elementor-element.elementor-element-6f9e319d:not(.elementor-motion-effects-element-type-background),.elementor-element.elementor-element-6f9e319d>.elementor-motion-effects-container>.elementor-motion-effects-layer,.elementor-widget-wrap>.elementor-element,.str-feature-section .str-feature-icon-text:hover .str-feature-icon,.str-feature-section .str-feature-icon-text:hover h3:before {
    background-color:#fff
}
.str-feature-section .str-feature-icon-text:hover:after {
    opacity:1;
    left:-90px
}
.str-feature-section .str-feature-icon-text:hover:before {
    left:-95px;
    opacity:1
}
.it-nw-service-section .it-nw-btn,.str-feature-section .str-feature-content {
    margin-top:50px
}
.str-feature-section .str-feature-content .owl-nav .owl-next,.str-feature-section .str-feature-content .owl-nav .owl-prev {
    top:50%;
    width:40px;
    height:40px;
    font-size:18px;
    cursor:pointer;
    line-height:40px;
    position:absolute;
    text-align:center;
    border-radius:100%;
    background-color:#bfdafa;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.str-feature-section .str-feature-content .owl-nav .owl-next:hover,.str-feature-section .str-feature-content .owl-nav .owl-prev:hover {
    color:#fff;
    background-color:#6e24c8
}
.str-feature-section .str-feature-content .owl-nav .owl-prev {
    left:-20px
}
.str-feature-section .str-feature-content .owl-nav .owl-next {
    right:-20px
}
.str-feature-section .str-feature-content .owl-stage-outer {
    overflow:visible
}
.str-feature-section .str-feature-content .owl-stage-outer .owl-item {
    opacity:0;
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s
}
.str-feature-section .str-feature-content .owl-stage-outer:first-child .owl-item .str-feature-text h3:before {
    background-color:#2786f1
}
.str-feature-section .str-feature-content .owl-stage-outer:nth-child(2) .owl-item .str-feature-text h3:before {
    background-color:#6e27ca
}
.str-feature-section .str-feature-content .owl-stage-outer:nth-child(3) .owl-item .str-feature-text h3:before {
    background-color:#43d3e8
}
.str-feature-section .str-feature-content .owl-stage-outer:nth-child(4) .owl-item .str-feature-text h3:before {
    background-color:#00b17f
}
.str-feature-box {
    position:relative;
    height:500px
}
.str-feature-box .str-hover-icon {
    top:2%;
    right:2%;
    z-index:3;
    width:55px;
    color:#fff;
    height:55px;
    line-height:50px;
    position:absolute;
    border-radius:100%;
    border:3px solid #fff;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)
}
@media screen and (max-width:1070px) {
    .str-feature-section .str-feature-icon-text {
        margin:20px 0;
        height:auto
    }
    .str-feature-box .str-hover-icon {
        top:5%;
        right:2%
    }
    .str-feature-box {
        height:auto
    }
}
.appeight-headline h1,.appeight-headline h2,.appeight-headline h3,.appeight-headline h4,.appeight-headline h5,.appeight-headline h6,.saas2-headline h1,.saas2-headline h2,.saas2-headline h3,.saas2-headline h4,.saas2-headline h5,.saas2-headline h6 {
    margin:0;
    font-family:Poppins
}
.integration_section .integration_text .feature_tag,.saas_two_banner_section .s2-banner_content .s2-tilte_tag,.saas_two_feature_section .s2-feature_text .feature_tag,.saas_two_section_title .title_tag {
    color:#951fb3;
    font-size:18px;
    font-weight:500;
    padding:3px 30px;
    border-radius:8px;
    display:inline-block;
    background-color:#ede0f4
}
.integration_section .integration_text h2,.saas_two_about_section .s2-about_text_icon .s2-about_text h3,.saas_two_banner_section .s2-banner_content h1,.saas_two_feature_section .s2-feature_text h2,.saas_two_section_title h2,.saas_two_team_section .s2-team_img_text .s2_name_info h3 {
    font-weight:900;
    color:#213e6f
}
.integration_section .integration_text h2 span,.saas_two_about_section .s2-about_text_icon .s2-about_text h3 span,.saas_two_banner_section .s2-banner_content h1 span,.saas_two_feature_section .s2-feature_text h2 span,.saas_two_section_title h2 span,.saas_two_team_section .s2-team_img_text .s2_name_info h3 span {
    font-weight:300;
    color:#213e6f
}
.integration_section .integration_text a:after,.s2-pricing_section .s2-pricing_item .s2-pricing_btn a i,.saas_btn:before,.saas_two_about_section .s2-about_text_icon .s2-about_text a:after,.saas_two_banner_section .s2-banner_content .banner_btn a i,.saas_two_feature_section .s2-feature_text .saas_btn a:before,.service_read_more a:after {
    background:-webkit-linear-gradient(135deg,#6b2c94 32%,#fc01fd 100%);
    background:-o-linear-gradient(135deg,#6b2c94 32%,#fc01fd 100%);
    background:linear-gradient(-45deg,#6b2c94 32%,#fc01fd 100%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a,.saas_two_banner_section .s2-banner_content .banner_btn a,.saas_two_feature_section .s2-feature_text .saas_btn {
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    position:relative;
    overflow:hidden;
    border-radius:50px;
    display:inline-block
}
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:before,.saas_two_banner_section .s2-banner_content .banner_btn a:before,.saas_two_feature_section .s2-feature_text .saas_btn:before {
    position:absolute;
    content:"";
    width:0;
    height:0;
    top:45px;
    right:15px;
    -webkit-box-shadow:0 0 25px 25px rgba(213,8,217,.9);
    box-shadow:0 0 30px 31px rgba(213,8,217,.9);
    border-radius:50%;
    z-index:-1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:after,.saas_two_banner_section .s2-banner_content .banner_btn a:after,.saas_two_feature_section .s2-feature_text .saas_btn:after {
    height:100%;
    width:100%;
    position:absolute;
    content:"";
    top:-100%;
    right:0;
    z-index:-2;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    background-color:#6c2b95
}
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover i,.saas_two_banner_section .s2-banner_content .banner_btn a:hover i,.saas_two_feature_section .s2-feature_text .saas_btn:hover a:before,.saas_two_feature_section .s2-feature_text .saas_btn:hover i {
    background:0 0;
    -webkit-text-fill-color:inherit
}
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover:before,.saas_two_banner_section .s2-banner_content .banner_btn a:hover:before,.saas_two_feature_section .s2-feature_text .saas_btn:hover:before {
    opacity:1;
    right:25px;
    visibility:visible
}
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover:after,.saas_two_banner_section .s2-banner_content .banner_btn a:hover:after,.saas_two_feature_section .s2-feature_text .saas_btn:hover:after {
    top:0
}
.saas_two_banner_section .s2-banner_content h1 span,.saas_two_banner_section .s2-banner_content h2 span {
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
    text-transform:capitalize!important;
    font-weight:700
}
.saas_two_banner_section .s2-banner_content .feature__btn {
    display:block!important
}

.saas_two_banner_section {
    background-color:#fff;
    padding:160px 0px 10px 0px;
    height:auto;
}
.saas_two_banner_section:before {
    right:0;
    width:80%;
    content:"";
    top:-10px;
    height:115%;
    position:absolute;
    background-repeat:no-repeat
}
.saas_two_banner_section .s2-banner_content {
    text-align:left;
    position:relative;
    z-index:1;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-evenly;
    max-width:50%
}
.saas_two_banner_section .s2-banner_content .s2-tilte_tag {
    padding:5px 30px
}
.saas_two_banner_section .s2-banner_content h1,.saas_two_banner_section .s2-banner_content h2 {
    font-size:48px;
    /* font-size:51px; */
    text-transform:capitalize;
    padding:18px 0 20px;
    font-weight:700;
    line-height: normal;
}
.saas_two_banner_section .s2-banner_area .banner_mockup {
    width:50%;
    display:flex;
    justify-content:end;
    align-items:center;
    top:0;
    right:0;
    position:absolute;
    z-index:1
}
.banner_mockup {
    height:100%;
    width:100%;
    display:flex;
    justify-content:end;
    align-items:center;
    padding-bottom:5px
}
.banner_mockup img {
    z-index:1;
    height:99%;
    width:100%
}
.saas_two_banner_section .s2-banner_content p {
    font-size:18px;
    padding-bottom:20px
}
.saas_two_banner_section .s2-banner_content .banner_btn a {
    height:50px;
    width:175px;
    text-align:center;
    line-height:45px;
    border-radius:50px;
    margin-right:20px;
    font-weight:700;
    color:#010101;
    font-family:Poppins;
    display:inline-block;
    z-index:1;
    border:2px solid #6c2b95
}
.saas_two_banner_section .s2-banner_content .banner_btn a i {
    font-size:20px;
    margin-right:8px
}
.saas_two_banner_section .s2-banner_content .banner_btn span {
    color:#6a6a6a;
    display:block;
    font-size:14px;
    margin-top:5px;
    margin-left:10px
}
.saas_two_banner_section .s2-banner_shape1 {
    left:-400px;
    top:85px;
    height:616px;
    width:616px;
    border-radius:50%;
    background:linear-gradient(to left,#fcbb0a16,#fb391250,#ca279c45)
}
.saas_two_banner_section .s2-banner_shape1 img,.saas_two_banner_section .s2-banner_shape2 img,.saas_two_banner_section .s2-banner_shape3 img {
    display:none!important;
    visibility:hidden;
    opacity:0
}
.saas_two_banner_section .s2-banner_shape2 {
    top:-300px;
    right:-300px;
    -webkit-animation:3s ease-in-out infinite floatY;
    animation:3s ease-in-out infinite floatY;
    height:614px;
    width:614px;
    border-radius:50%;
    background:linear-gradient(to right,#fcbb0a5a,#fb3912c7,#ca279cce)
}
.saas_two_banner_section .s2-banner_shape3 {
    top:-490px;
    right:30%;
    -webkit-transform:translateX(80%);
    -ms-transform:translateX(80%);
    transform:translateX(80%);
    -webkit-animation:10s ease-in-out infinite floatX;
    animation:10s ease-in-out infinite floatX;
    height:614px;
    width:614px;
    border-radius:50%;
    background:linear-gradient(to right,#fcbb0a3a 35%,#fb391236 70%,#ca279c30)
}
@keyframes floatY {
    0%,100% {
        transform:translateY(0)
    }
    50% {
        transform:translateY(-20px)
    }
}
.floating {
    animation:10s ease-in-out infinite floatY
}
@keyframes floatX {
    0%,100% {
        transform:translateX(0)
    }
    50% {
        transform:translateX(50px)
    }
}
.floating-x {
    animation:10s ease-in-out infinite floatX
}

@media screen and (min-width:1600px) {
    .masthead__overview--heading,.saas_two_banner_section .s2-banner_content h1,.saas_two_banner_section .s2-banner_content h2 {
        /* font-size:51px!important */
        font-size:48px!important
    }
}
@media screen and (min-width:1400px) {
    .saas_two_banner_section {
        height:670px;
    }
}
@media screen and (max-width:1300px) {
    .saas_two_banner_section {
        height: auto !important;
        padding-bottom: 30px !important;
    }
}
@media screen and (max-width:1200px){
    .saas_two_banner_section .s2-banner_content h1,.saas_two_banner_section .s2-banner_content h2 {
        font-size:41px;
    }
}

@media screen and (max-width:1110px) {
    .saas_two_banner_section .s2-banner_area .banner_mockup {
        max-width:630px;
        top:30px
    }
    .saas_two_banner_section .s2-banner_content h1,.saas_two_banner_section .s2-banner_content h2 {
        font-size:35px !important;
    }
}
@media screen and (max-width:1015px) {
    .saas_two_banner_section .s2-banner_area .banner_mockup {
        max-width:630px;
        top:30px
    }
}
@media screen and (max-width:992px) {
    .appseo-mission-area-section .appseo-mission-vector,.header__button a.thm-btn,.search {
        display:none
    }
    .feature__btn {
        order:3;
        display:none
    }
    .appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content {
        width:100%
    }
    .appseo-service-content .appseo-service-box {
        margin:0 auto 60px;
        max-width:370px;
        background-color:#fff
    }
    .appseo-service-content .appseo-service-icon-text {
        height:auto!important
    }
    .saas_two_banner_section .container .row {
        flex-direction:column-reverse!important
    }
    .saas_two_banner_section:before {
        width:100%;
        top:0;
        height:100vh
    }
    .saas_two_banner_section {
        padding-bottom:0;
        z-index:1;
        height:auto !important;
    }
    .dia-banner-btn,.saas_two_banner_section .s2-banner_content h1,.saas_two_banner_section .s2-banner_content h2 {
        padding:30px 0
    }
    .saas_two_banner_section .s2-banner_shape1 {
        z-index:-1
    }
    .saas_two_banner_section .s2-banner_content {
        margin:0 auto 0 10px;
        text-align:left;
        padding-bottom:30px;
        max-width:100%!important;
    }
    .saas_two_banner_section .s2-banner_shape3 {
        top:60px;
        display:none
    }
    .saas_two_banner_section .s2-banner_area .banner_mockup {
        position:static!important;
        max-width:100%!important;
        height:100%!important;
        width:100%!important;
        display:flex;
        justify-content:center
    }
    .saas_two_feature_section .s2-feature_right {
        padding-left:0
    }
}
@media screen and (max-width:768px){
.saas_two_banner_section .s2-banner_content h1,.saas_two_banner_section .s2-banner_content h2 {
        font-size:32px !important;
    }
}
@media screen and (max-width:480px) {
    .saas_two_banner_section {
        padding-top:140px;
        margin-bottom:20px;
        height:100vh
    }
    .saas_two_banner_section .s2-banner_content h1,.saas_two_banner_section .s2-banner_content h2 {
        font-size:26px !important;
    }
    .saas_two_banner_section .s2-banner_content .banner_btn a {
        height:40px;
        width:140px;
        margin-right:10px;
        line-height:36px
    }
    .saas_two_banner_section .s2-banner_content .banner_btn a i {
        font-size:16px;
        margin-right:5px
    }
    .saas_two_banner_section .s2-banner_content {
        padding-bottom:10px
    }
    .saas_two_banner_section .s2-banner_content p {
        font-size:15px;
        padding-bottom:10px
    }
}
.saas_two_feature_section .s2-feature_text {
    max-width:520px;
    padding:40px 0 0 50px
}
.saas_two_feature_section .s2-feature_text h2 {
    font-size:40px;
    line-height:1.25;
    padding:15px 0
}
.saas_two_feature_section .s2-feature_text p {
    padding-bottom:43px
}
.saas_two_feature_section .s2-feature_text .saas_btn a {
    padding:10px 25px;
    font-size:15px;
    font-weight:700;
    border-radius:30px;
    display:inline-block;
    border:2px solid #6c2b95
}
.saas_two_feature_section .s2-feature_text .saas_btn a:before {
    content:"\f46d";
    font-weight:900;
    left:0;
    font-size:20px;
    margin-right:8px;
    font-family:"Font Awesome 5 Free"
}
.saas_two_feature_section .s2-feature_right .s2-feature_list {
    margin-bottom:10px;
    padding:22px 32px 20px;
    border-radius:10px;
    display:inline-flex;
    -webkit-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.s2-feature_icon-main {
    display:flex;
    justify-content:center;
    align-items:center
}
.s2-feature_icon {
    display:flex;
    align-items:center;
    justify-content:center
}
.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon {
    width:95px;
    float:left;
    height:95px;
    border-radius:100%;
    line-height:105px;
    margin-right:30px
}
.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon:after {
    left:0;
    right:0;
    top:5px;
    width:90%;
    height:90%;
    content:"";
    margin:0 auto;
    position:absolute;
    border:5px solid #fff;
    border-radius:100%
}
.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon i {
    font-size:30px
}
.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box {
    max-width:310px;
    display:inline-block;
    text-align:start
}
.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box h3 {
    color:#213e6f;
    font-size:22px;
    font-weight:700;
    padding-bottom:15px
}
.saas_two_feature_section .s2-feature_right .s2-feature_list:hover {
    margin-right:30px;
    -webkit-box-shadow:0 3px 13px 0 rgba(0,0,0,.13);
    box-shadow:0 3px 13px 0 rgba(0,0,0,.13)
}
#content_block_09 .content-box,.axil-blog,.dia-main-header .dropdown,.dia-mobile_menu .dropdown,.elementor-section,.info-section,.process-content ul,.relative-position,.saas_two_feature_section .s2-feature_right .s2-grean,.saas_two_feature_section .s2-feature_right .s2-pink,.saas_two_feature_section .s2-feature_right .s2-purple,.steps-section,.steps-section .blocks-column,.steps-section .carousel-column {
    position:relative
}
.saas_two_feature_section .s2-feature_right .s2-grean {
    margin-top:20px
}
.saas_two_feature_section .s2-feature_right .s2-grean:before,.saas_two_feature_section .s2-feature_right .s2-pink:before,.saas_two_feature_section .s2-feature_right .s2-purple:before {
    position:absolute;
    content:"";
    height:0;
    width:5px;
    left:0;
    top:50%;
    border-radius:50px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.saas_two_feature_section .s2-feature_right .s2-grean:hover:before,.saas_two_feature_section .s2-feature_right .s2-pink:hover:before,.saas_two_feature_section .s2-feature_right .s2-purple:hover:before {
    height:60px
}
.saas_two_feature_section .s2-feature_right .s2-feature_list:first-child .s2-feature_icon,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2) .s2-feature_icon,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3) .s2-feature_icon,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(4) .s2-feature_icon,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(5) .s2-feature_icon,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(6) .s2-feature_icon {
    position:relative;
    background:linear-gradient(to right,#fcbb0a7b,#fb391278,#ca279c6a)
}
.saas_two_feature_section .s2-feature_right .s2-feature_list:first-child .s2-feature_icon i,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2) .s2-feature_icon i,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3) .s2-feature_icon i,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(4) .s2-feature_icon i,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(5) .s2-feature_icon i {
    background:linear-gradient(to right,#fcbb0a7b,#fb391278,#ca279c6a);
    background-clip:text;
    color:transparent
}
.saas_two_feature_section .s2-feature_right .s2-feature_list:first-child:before,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2):before,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3):before,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(4):before,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(5):before,.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(6):before {
    background:linear-gradient(to right,#fcbb0a7b,#fb391278,#ca279c6a)
}
.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(6) .s2-feature_icon i {
    background:linear-gradient(to right,#c80dc8,#5f5fde,#03ecec);
    background-clip:text;
    color:transparent
}
@media screen and (max-width:1120px) {
    .saas_two_feature_section .s2-feature_right {
        padding-left:0
    }
    .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon {
        margin-right:10px
    }
}
@media screen and (max-width:1015px) {
    .saas_two_feature_section .s2-feature_right .s2-feature_list {
        padding:22px 20px 20px
    }
}
.saas_two_service_section {
    padding:40px 0
}
.saas_two_service_section .service_content_box {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:300px;
    border-radius:10px;
    margin-bottom:50px;
    padding:10px 5px;
    z-index:1;
    background-color:#fff;
    -webkit-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    -webkit-box-shadow:0 20px 81px 0 rgba(8,0,20,.14);
    box-shadow:0 20px 81px 0 rgba(8,0,20,.14)
}
.saas_two_service_section .service_content_box:before {
    content:"";
    width:100%;
    top:0;
    left:0;
    height:100%;
    z-index:-3;
    border-radius:15px;
    position:absolute;
    -webkit-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d)
}
.saas_two_service_section .service_content_box:after {
    content:"";
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-3;
    border-radius:10px;
    background:#fff
}
.saas_two_service_section .service_content_box:hover {
    -webkit-transform:translate(-7px,-7px);
    -ms-transform:translate(-7px,-7px);
    transform:translate(-7px,-7px);
    -webkit-box-shadow:0 20px 81px 0 rgba(8,0,20,.3);
    box-shadow:0 20px 81px 0 rgba(8,0,20,.3)
}
.saas_two_service_section .service_content_box:hover:before {
    -webkit-transform:translate(7px,7px);
    -ms-transform:translate(7px,7px);
    transform:translate(7px,7px)
}
.saas_two_service_section .service_content_box:hover .service_text_box h3,.saas_two_service_section .service_content_box:hover .service_text_box p,.saas_two_service_section .service_content_box:hover:after {
    transition:.5s ease-in-out
}
.saas_two_service_section .service_content_box .service_icon_box {
    width:60px;
    margin-bottom:18px;
    margin-inline:30px
}
.saas_two_service_section .service_content_box .service_icon_box .upper_icon svg {
    height:48px;
    width:48px;
    fill:#30347b
}
.saas_two_service_section .service_content_box .service_icon_box .upper_icon i {
    font-size:48px;
    color:#30347b
}
.industries-section .inner-box .icon-box img,.saas_two_service_section .service_content_box .service_icon_box .upper_icon img {
    height:100%;
    width:100%
}
.saas_two_service_section .service_content_box .service_icon_box .lower_icon {
    position:absolute;
    top:10px;
    z-index:-1;
    right:0
}
.saas_two_service_section .service_content_box .service_icon_box .lower_icon svg {
    width:45px;
    height:45px;
    fill:#c4a2fc
}
.saas_two_service_section .service_content_box .service_icon_box .lower_icon i {
    font-size:45px;
    color:#c4a2fc;
    margin-top:8px
}
.saas_two_service_section .service_content_box .service_text_box h3 {
    color:#213e6f;
    font-size:22px;
    font-weight:700;
    padding-bottom:15px;
    padding-inline:5px
}
.saas_two_service_section .service_content_box .service_text_box p {
    line-height:1.5;
    color:#213e6f;
    padding-inline:15px
}
.s2-faq_section,.thx-it-service-item-list .thx-it-service-icon-text {
    z-index:1
}
button:focus {
    cursor:pointer!important;
    outline:0!important
}
.s2-faq_section .s2_faq_content button {
    border:none;
    color:#213e6f;
    font-size:18px;
    font-weight:700;
    font-family:Poppins;
    padding:0 25px 20px 0;
    position:relative;
    width:70%;
    text-align:left;
    background-color:transparent;
    border-bottom:1px solid #00000033
}
.s2-faq_section .s2_faq_content button:after {
    top:0;
    right:3px;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d) left center no-repeat;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
    font-size:18px;
    border-radius:50%;
    content:"\f056";
    font-weight:900;
    position:absolute;
    justify-content:center;
    font-family:"Font Awesome 5 Free"
}
.s2-faq_section .s2_faq_content .collapsed:after {
    content:"\f055"
}
.s2-faq_section .s2_faq_content .s2_faq .s2_faq-body {
    padding-bottom:30px;
    padding-top:12px;
    padding-inline:30px;
    text-align:left;
    width:70%;
    margin:0 auto;
    color:#213e6f;
    line-height:1.625
}
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .eg-how-work-icon i,.ei-service-icon-text:hover .ei-service-icon i {
    display:block;
    background:-moz-linear-gradient(left,#fff 0,#fff 100%);
    background:-webkit-gradient(left top,right top,color-stop(0,#fff),color-stop(100%,#fff));
    background:-webkit-linear-gradient(left,#fff 0,#fff 100%);
    background:-o-linear-gradient(left,#fff 0,#fff 100%);
    background:-ms-linear-gradient(left,#fff 0,#fff 100%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon:after,.ei-service-icon-text .ei-service-icon:after {
    position:absolute;
    content:"";
    height:100%;
    top:0;
    left:0;
    opacity:0;
    width:100%;
    z-index:-1;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    -webkit-transform:scale(.5);
    -ms-transform:scale(.5);
    transform:scale(.5);
    border-radius:100%;
    background:linear-gradient(to right,#fcbc0a85,#fb391282,#ca279d8a)
}
.eg-how-work-section .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.eg-how-work-section .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity:0;
    opacity:1;
    filter: opacity(1);
}
.eg-how-work-section {
    padding:50px 0;
    overflow:visible!important
}
.eg-how-work-section .how-work-bg-shape {
    width:100%;
    text-align:center;
    top:-10px;
    z-index:-1
}
.eg-how-work-section .eight-section-title {
    padding-bottom:18px
}
.eg-how-work-section .eight-section-title .eg-title-tag {
    margin-left:55px;
    font-size:14px
}
.eg-how-work-section .mCustomScrollBox,.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left:0
}
.eg-how-work-section .how-work-scroller {
    height:500px
}
.eg-how-work-section .eg-how-work-content {
    padding:0 10px 0 170px
}
.eg-how-work-section .ei-how-work-content-item {
    padding-left:50px
}
.eg-how-work-section .ei-how-work-content-item .mCSB_draggerContainer {
    max-height:500px
}
.eg-how-work-section .ei-how-work-content-item .mCSB_scrollTools .mCSB_draggerRail {
    width:13px;
    background-color:#e8e9f3
}
.eg-how-work-section .ei-how-work-content-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width:13px;
    background-color:#fb3912
}
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text {
    width:98%!important;
    margin-bottom:25px;
    background-color:#fff;
    padding:20px 50px 30px 20px;
    -webkit-box-shadow:0 8px 9px 0 rgba(7,7,56,.15);
    box-shadow:0 8px 9px 0 rgba(7,7,56,.15)
}
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    height:65px;
    width:65px;
    z-index:1;
    overflow:hidden;
    line-height:65px;
    margin-right:35px;
    position:relative;
    border-radius:100%;
    background-color:#f1f2fa;
    -webkit-box-shadow:0 13px 24px 0 rgba(43,1,68,.17);
    box-shadow:0 13px 24px 0 rgba(43,1,68,.17)
}
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon i {
    font-size:30px;
    font-weight:500
}
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon .far {
    line-height:65px
}
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text h3 {
    color:#000;
    font-size:22px;
    font-weight:700;
    padding-bottom:13px;
    font-family:Poppins
}
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .scroller-no {
    left:-122px;
    bottom:5px;
    z-index:-1;
    color:#dad2df;
    line-height:1;
    font-size:123px;
    font-weight:700;
    position:absolute;
    font-family:"Playfair Display";
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .eg-how-work-icon:after,.ei-service-icon-text:hover .ei-service-icon:after {
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.eg-how-work-section .how-work-mockup {
    padding-left:60px
}
.eg-how-work-section .how-work-mockup img {
    max-height:530px
}
.eg-how-work-section .how-work-mockup .hw-shape1 {
    top:-70px;
    right:120px;
    z-index:-1
}
.eg-how-work-section .how-work-mockup .hw-shape2 {
    left:30px;
    z-index:-1;
    bottom:-15px
}
@media screen and (max-width:760px) {
    .ei-service-icon-text .ei-service-text p {
        width:100%!important;
        text-align:center
    }
    .ei-service-icon-text .ei-service-text h3 {
        padding-top:15px;
        font-size:18px!important;
        text-align:center
    }
    .icon {
        border:none!important
    }
    .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .scroller-no {
        display:none
    }
    .eg-how-work-section .eg-how-work-content {
        padding:0 0 0 20px
    }
    .eg-how-work-section .ei-how-work-content-item {
        padding-left:0!important
    }
    .mCSB_inside>.mCSB_container {
        margin-right:10px!important
    }
    .feature-eight-section {
        padding:50px 0
    }
}
@media screen and (max-width:420px) {
    .dia-fun-fact-section .dia-fun-fact-title h2 {
        font-size:28px
    }
    .dia-fun-fact-section {
        margin-bottom:0
    }
    .appseo-mission-area-section {
        padding:60px 0
    }
    .appseo-mission-area-text .appseo-section-title2 {
        padding-bottom:40px
    }
    .saas_two_service_section .service_content {
        padding-top:40px
    }
    .s2-faq_section .s2_faq_content {
        padding-top:0
    }
    .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon {
        margin-right:0;
        margin-bottom:15px;
        float:none!important
    }
    .eg-how-work-section .ei-how-work-content-item {
        padding-left:30px
    }
    .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text h3 {
        font-size:20px
    }
    .eg-how-work-section {
        padding-bottom:30px
    }
    .eg-how-work-section .how-work-mockup {
        padding-left:0
    }
}
@media screen and (max-width:380px) {
    .appseo-mission-area-text p {
        font-size:15px;
        overflow:hidden
    }
    .appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-area-text h3 {
        font-size:16px
    }
    .saas_two_banner_section .s2-banner_content h1,.saas_two_banner_section .s2-banner_content h2 {
        font-size:22px !important;
    }
    .eg-how-work-section .mCustomScrollBox {
        left:0
    }
}
@media screen and (max-width:320px) {
    .saas_two_banner_section .s2-banner_content h1,.saas_two_banner_section .s2-banner_content h2 {
        font-size:18px !important;
    }
    .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text h3 {
        font-size:16px
    }
    .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .scroller-no {
        display:none
    }
    .eg-how-work-section .eg-how-work-content {
        padding-left:5px
    }
}
.steps-section .patern-layer-one {
    position:absolute;
    content:"";
    left:0;
    top:5%;
    bottom:0;
    width:34%;
    height:90%;
    background-size:cover;
    background-position:right top;
    background-repeat:no-repeat
}
.steps-section .patern-layer-two {
    position:absolute;
    content:"";
    right:0;
    top:0;
    width:331px;
    height:624px;
    background-position:right top;
    background-repeat:no-repeat
}
.steps-section .patern-layer-three {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    width:623px;
    height:824px;
    background-position:right bottom;
    background-repeat:no-repeat
}
.steps-section .carousel-column .carousel-inner {
    position:relative;
    width:321px;
    height:658px;
    margin:-20px auto 0 200px;
    padding:18px 19px 17px;
    background-repeat:no-repeat
}
.steps-section .carousel-column .carousel-inner:before {
    position:absolute;
    content:"";
    left:0;
    top:17px;
    right:0;
    height:22px;
    z-index:1
}
.steps-section .carousel-column .carousel-inner .slides {
    position:relative;
    overflow:hidden
}
.steps-section .carousel-column .carousel-inner .content img {
    position:relative;
    border-radius:25px
}
.steps-section .blocks-column .inner-column {
    position:relative;
    padding-left:30px
}
.steps-section .blocks-column .inner-column .carousel-indicators {
    position:relative;
    margin:0;
    display:block;
    overflow:hidden
}
.steps-section .blocks-column .inner-column .carousel-indicators li {
    position:relative;
    display:block;
    width:auto;
    height:auto;
    margin-right:0;
    font-size:16px;
    color:#373a5b;
    font-weight:400;
    cursor:pointer;
    padding-left:170px;
    line-height:1.8em;
    margin-bottom:45px;
    background:0 0;
    text-indent:inherit;
    transition:.5s
}
.steps-section .blocks-column .inner-column .carousel-indicators li:before {
    position:absolute;
    content:"";
    left:85px;
    top:0;
    width:1px;
    height:150%;
    background-color:#dce0fe
}
.steps-section .blocks-column .inner-column .carousel-indicators li strong {
    color:#373a5b;
    display:block;
    font-size:20px;
    margin-bottom:12px
}
.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%);
    background-clip:text;
    -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%);
    background-clip:text;
    -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%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.steps-section .blocks-column .inner-column .carousel-indicators li .number {
    width:100%;
    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:linear-gradient(to right,#fcbc0a85,#fb391282,#ca279d8a)
}
.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,.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:linear-gradient(to right,#fcbc0a85,#fb391282,#ca279d8a)
}
.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
}
@media only screen and (max-width:1140px) {
    .steps-section .steps-tabs .tabs-content {
        margin-left:80px
    }
    .steps-section .blocks-column .inner-column {
        padding-left:0
    }
    .steps-section .carousel-column .carousel-inner {
        margin-left:120px
    }
}
@media only screen and (max-width:1023px) {
    .banner-section .carousel-column .inner-column:before,.banner-section .patern-layer-one,.featured-section .blocks-column .inner-column .cloud-icon,.pricing-tabs .tabs-content .patern-layer-four,.pricing-tabs .tabs-content .patern-layer-three,.steps-section .patern-layer-one {
        display:none
    }
    .topapp-main .steps-section .steps-tabs .tabs-content {
        margin:0 auto
    }
    .app-block.style-two .inner-box .content-column,.steps-section .btns-column {
        order:2
    }
    .app-block.style-two .inner-box .image-column,.topapp-main .steps-section .content-column {
        order:1
    }
    .topapp-main .steps-section .carousel-column .carousel-inner {
        margin:0 auto 40px
    }
    .contact-section .info-column .info-list li:last-child,.topapp-main .steps-section .blocks-column .inner-column .carousel-indicators li:last-child {
        margin-bottom:0
    }
}
@media only screen and (max-width:997px) {
    .patern-layer-one-2 {
        display:none
    }
    .steps-section .blocks-column .inner-column .carousel-indicators li .icon{
        left: 10px;
    }
    .steps-section .blocks-column .inner-column .carousel-indicators li:before{
        left: 50px;
    }
    .steps-section .blocks-column .inner-column .carousel-indicators li{
        padding-left: 115px;
    }
}
@media only screen and (max-width:599px) {
    .faq_sec,.featured_service_section,.solution_sec,.steps-section,.tecnologi_sec {
        padding:30px 0
    }
    .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
    }
    .topapp-main .steps-section .blocks-column .inner-column .carousel-indicators li {
        padding-left:0
    }

}
@media only screen and (max-width:479px) {
    .slide-logo {
        display:block;
        padding:30px 0
    }
    .slide-logo .logo-heading {
        margin:0 0 20px;
        justify-content:center
    }
    .slide-logo .logo-heading h4 {
        font-size:21px;
        margin:0 20px
    }
    .slide-logo .logo-heading:before {
        width:100%;
        content:"";
        height:.197px;
        background:rgba(5,22,77,.4);
        position:absolute;
        top:14px;
        left:0;
        right:0;
        margin:0 auto
    }
    .slide-logo .logo-heading h4 span {
        margin:0 10px;
        font-weight:500
    }
    .banner-section .content-column h1 br,.slide-logo .logo-heading:after,.topapp-main .steps-section .steps-tabs .tab-btns .tab-btn::before {
        display:none
    }
    .slide-logo .logo-section {
        width:100%;
        margin:0 auto
    }
    .slide-logo .logo-section .glide__slide {
        height:auto
    }
    .banner-section .carousel-column .inner-column .mobile-tabs .tabs-content,.topapp-main .steps-section .carousel-column .carousel-inner,.topapp-main .steps-section .steps-tabs .tabs-content {
        transform:scale(.9,.9);
        margin-left:-15px
    }
    .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,.topapp-main .steps-section .steps-tabs .tab-btns .tab-btn {
        padding-left:0
    }
    .topapp-main .steps-section .steps-tabs .tab-btns .tab-btn .icon {
        position:relative
    }
}
.ei-service-icon-text .ei-service-icon {
    width:108px;
    height:108px;
    margin-left:60px;
    position:relative;
    line-height:108px;
    border-radius:100%;
    overflow:hidden;
    z-index:1;
    background-color:#fff;
    -webkit-box-shadow:0 16px 20px 0 rgba(43,1,68,.11);
    box-shadow:0 16px 20px 0 rgba(43,1,68,.11);
    display:flex
}
.eight-service-section:after,.eight-service-section:before {
    z-index:-2;
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    content:""
}
.ei-service-icon-text .ei-service-icon .icon .number {
    width:100%;
    position:absolute;
    left:0;
    top:0;
    color:#daddf1;
    font-size:72px;
    font-weight:700;
    border-radius:8px;
    text-align:center;
    display:inline-block;
    -webkit-transition:.6s;
    -moz-transition:.6s;
    -ms-transition:.6s;
    -o-transition:.6s;
    transition:.6s;
    font-family:poppins,sans-serif
}
.ei-service-icon-text .ei-service-text h3 {
    font-size:24px;
    font-weight:700;
    font-family:Poppins;
    padding-bottom:16px;
    color:#213e6f
}
.ei-service-icon-text .ei-service-text {
    max-width:100%;
    padding:20px 0
}
.ei-service-icon-text .ei-service-text p {
    color:#5e5e5e;
    overflow:hidden;
    line-height:1.647
}
.ei-service-icon-text .ei-service-icon i {
    font-size:55px;
    margin:auto
}
.eight-service-section {
    z-index:1;
    background-color:#eceef6;
    padding:100px 0
}
.eight-service-section:before {
    left:0;
    top:0;
    height:100%;
    width:50%;
    background-position:50% 50%;
    background-image:url(../../s-shape2.webp)
}
.eight-service-section:after {
    top:-5px;
    right:0;
    height:640px;
    width:780px;
    background-image:url(monitorring-and-logging.webp);
    display:none
}
.eight-service-section .s-shape-bg1 {
    left:-95px;
    bottom:-15px;
    position:absolute;
    z-index:-1
}
.eight-service-section .s-shape-bg2 {
    position:absolute;
    top:50%;
    left:0;
    right:0;
    z-index:-2;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.eight-service-slide {
    padding-right:70px!important
}
.eight-service-section .eight-service-slide {
    width:60%;
    float:left;
    position:relative;
    z-index:1
}
.eight-service-section .eight-service-slide a {
    cursor:pointer;
    display:flex;
    flex-direction:row-reverse;
    justify-content:end;
    align-items:center!important
}
.eight-service-section .eight-service-slide a:nth-child(2) {
    margin-bottom:10px;
    -webkit-transform:translateX(-10px);
    -ms-transform:translateX(-10px);
    transform:translateX(-10px)
}
.eight-service-section .eight-service-slide a:nth-child(3) {
    -webkit-transform:translateX(90px);
    -ms-transform:translateX(90px);
    transform:translateX(90px)
}
.eight-service-section .eight-service-text {
    width:40%;
    float:right;
    padding:75px 0 0 20px
}
.eight-service-section .eight-service-text:before {
    content:"";
    top:-293px;
    z-index:-1;
    left:-125px;
    width:900px;
    height:900px;
    position:absolute;
    -webkit-animation:10s linear infinite spining;
    animation:10s linear infinite spining;
    border-bottom-right-radius:50%;
    border-bottom-left-radius:50%;
    background:linear-gradient(to right,#f50909f0,#fb8f0c,#fb9e0bd4)
}
.eight-service-section .eight-service-text h2 {
    color:#fff;
    font-size:40px;
    font-weight:700
}
@media screen and (max-width:1440px) {
    .dia-newslatter-section .n-shape4 {
        left:10px
    }
    .appseo-mission-area-section .appseo-mission-vector {
        right:0
    }
    .eight-service-section .eight-service-slide {
        width:60%
    }
    .eight-service-section .eight-service-text {
        width:40%;
        padding:30px 0 0;
        text-align:center
    }
    .eight-service-section .eight-service-text h2 {
        max-width:100%;
        padding-inline:20px;
        margin-top:50px
    }
}
@media screen and (max-width:991px) {
    .eg-how-work-section .how-work-mockup,.ei-service-icon-text .ei-service-text {
        text-align:center
    }
    .eg-how-work-section .how-work-mockup .hw-shape1,.eg-how-work-section .how-work-mockup .hw-shape2,.eight-service-section .eight-service-text:before,.eight-service-section .s-shape-bg2,.eight-service-section:after,.eight-service-section:before {
        display:none
    }
    .appeight-headline {
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center
    }
    .eight-service-section .eight-service-slide,.eight-service-section .eight-service-text {
        width:100%!important
    }
    .eight-service-section .eight-service-slide a:nth-child(3) {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    .eight-service-section .eight-service-slide .ei-service-slide-btn {
        max-width:100%
    }
    .eight-service-section .eight-service-text h2 {
        margin:0 auto;
        color:#213e6e!important;
        max-width:90%;
        padding-top:30px;
        text-align:center
    }
    .feature-eight-section .eight-feature-box {
        margin-bottom:50px
    }
}
@media screen and (max-width:767px) {
    .appseo-service-section {
        padding:50px 0
    }
    .pm-process-section .pm-process-wrapper {
        padding-top:50px;
        display:block;
        justify-content:center
    }
    .pm-process-icon-text {
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        margin:0
    }
    .saas_two_feature_section .s2-feature_right .s2-feature_list,.saas_two_feature_section .s2-feature_right .s2-feature_list:hover {
        margin-right:0
    }
    .saas_two_feature_section {
        padding:0 0 25px
    }
    .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon {
        margin:0 auto 0 10px;
        float:none
    }
    .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box {
        width:100%;
        max-width:100%;
        text-align:left;
        padding:0 30px
    }
    .saas_two_feature_section .s2-feature_right .s2-feature_list {
        padding:22px 0 20px;
        width:100%
    }
    .saas_two_service_section {
        padding:20px 0
    }
    .saas_two_service_section .service_content_box {
        max-width:400px;
        padding:30px 0;
        margin:0 auto 50px
    }
    .saas_two_service_section .service_content_box .service_text_box h3 {
        font-size:20px;
        line-height:normal
    }
    .s2-faq_section .s2_faq_content button {
        width:100%
    }
    .s2-faq_section .s2_faq_content .s2_faq .s2_faq-body {
        width:100%;
        margin:10px 0 0;
        padding:0 0 30px 10px
    }
    .eight-service-section {
        padding:70px 0
    }
    .appeight-headline {
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center
    }
    .ei-service-icon-text .ei-service-icon {
        margin-left:0
    }
    .eight-service-slide {
        padding-right:0!important
    }
    .ei-service-icon-text .ei-service-text {
        max-width:100%;
        padding-inline:20px
    }
    .eight-service-section .eight-service-slide a:nth-child(3) {
        -webkit-transform:translateX(0)!important;
        -ms-transform:translateX(0)!important;
        transform:translateX(0)!important
    }
}
@media screen and (max-width:420px) {
    .eight-service-section {
        padding:65px 0
    }
    .eight-service-section .eight-service-slide a:first-child {
        margin-bottom:30px
    }
    .eight-service-section .eight-service-slide a:nth-child(2) {
        margin-bottom:30px;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    .eight-service-section .eight-service-text {
        padding-top:40px
    }
    .eight-service-section .eight-service-text h2 {
        font-size:22px;
        line-height:normal
    }
    .ei-service-icon-text .ei-service-icon {
        height:80px;
        width:80px;
        line-height:80px;
        display:flex
    }
    .ei-service-icon-text .ei-service-icon i {
        font-size:35px;
        margin:auto
    }
}
.feature-eight-section .ei-feature-shape {
    width:100%;
    text-align:center;
    top:150px;
    z-index:-1!important;
    position:absolute
}
.feature-eight-section .eight-section-title {
    max-width:500px;
    position:relative
}
.feature-eight-section .eight-section-title h2 {
    margin:0 auto;
    max-width:375px
}
.feature-eight-section .eight-feature-box {
    height:435px;
    border-radius:20px;
    padding:40px 30px 53px;
    background-color:#e9ebf7;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.feature-eight-section .eight-feature-box .feature-icon8 {
    width:98px;
    padding:20px;
    z-index:1;
    height:98px;
    margin:0 auto 34px;
    line-height:98px;
    border-radius:25px;
    background-color:#fff;
    -webkit-box-shadow:-.707px .707px 10px 0 rgba(43,1,68,.1);
    box-shadow:-.707px .707px 10px 0 rgba(43,1,68,.1);
    display:flex
}
.feature-eight-section .eight-feature-box .feature-icon8:after,.feature-eight-section .eight-feature-box .feature-icon8:before {
    content:"";
    z-index:-2;
    border-radius:30%;
    mix-blend-mode:multiply;
    height:110px;
    opacity:0;
    left:0;
    top:0;
    width:110px;
    position:absolute;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.feature-eight-section .eight-feature-box .feature-icon8:before {
    -webkit-animation:1.8s linear infinite rotate;
    animation:1.8s linear infinite rotate;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)
}
.feature-eight-section .eight-feature-box .feature-icon8:after {
    animation:1.2s linear infinite reverse rotate;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)
}
.feature-eight-section .eight-feature-box .feature-icon8 i {
    font-size:50px;
    margin:auto
}
.feature-eight-section .eight-feature-box .feature-icon8 .ei-icon-bg {
    height:100%;
    width:100%;
    position:absolute;
    background-color:#fff;
    top:0;
    left:0;
    z-index:-1;
    border-radius:25px
}
.feature-eight-section .eight-feature-box .ei-feature-more {
    color:#fff!important;
    position:absolute;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
    width:50px;
    height:50px;
    border-radius:100%;
    line-height:50px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    left:0;
    right:0;
    opacity:0;
    visibility:hidden;
    bottom:0;
    margin:0 auto
}
.feature-eight-section .eight-feature-box .feature-text8 h3 {
    font-size:22px;
    font-weight:700;
    padding-bottom:13px
}
.feature-eight-section .eight-feature-box .feature-text8 p {
    line-height:1.5
}
.feature-eight-section .eight-feature-box:hover {
    background-color:#fff;
    -webkit-box-shadow:0 25px 38px 0 rgba(43,1,68,.17);
    box-shadow:0 25px 38px 0 rgba(43,1,68,.17)
}
.feature-eight-section .eight-feature-box:hover .feature-icon8:after,.feature-eight-section .eight-feature-box:hover .feature-icon8:before {
    display:block;
    opacity:1
}
.feature-eight-section .eight-feature-box:hover .ei-feature-more {
    opacity:1;
    bottom:-25px;
    visibility:visible
}
.elementor-section .elementor-container {
    display:flex;
    margin-right:auto;
    margin-left:auto;
    position:relative
}
.elementor-section.elementor-section-stretched {
    padding:0;
    position:relative;
    width:100%
}
.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap,.elementor-section.elementor-section-items-top>.elementor-container {
    align-items:flex-start
}
.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap,.elementor-section.elementor-section-items-middle>.elementor-container {
    align-items:center
}
.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap,.elementor-section.elementor-section-items-bottom>.elementor-container {
    align-items:flex-end
}
.elementor-column {
    position:relative;
    min-height:1px;
    display:flex
}
.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed {
    position:fixed
}
@media screen and (min-width:768px) {
    .elementor-section.elementor-section-height-full {
        height:100vh
    }
    .elementor-section.elementor-section-height-full>.elementor-container {
        height:100%
    }
    .elementor-column.elementor-col-10,.elementor-column[data-col="10"] {
        width:10%
    }
    .elementor-column.elementor-col-11,.elementor-column[data-col="11"] {
        width:11.111%
    }
    .elementor-column.elementor-col-12,.elementor-column[data-col="12"] {
        width:12.5%
    }
    .elementor-column.elementor-col-14,.elementor-column[data-col="14"] {
        width:14.285%
    }
    .elementor-column.elementor-col-16,.elementor-column[data-col="16"] {
        width:16.666%
    }
    .elementor-column.elementor-col-20,.elementor-column[data-col="20"] {
        width:20%
    }
    .elementor-column.elementor-col-25,.elementor-column[data-col="25"] {
        width:25%
    }
    .elementor-column.elementor-col-30,.elementor-column[data-col="30"] {
        width:30%
    }
    .elementor-column.elementor-col-33,.elementor-column[data-col="33"] {
        width:33.333%
    }
    .elementor-column.elementor-col-40,.elementor-column[data-col="40"] {
        width:40%
    }
    .elementor-column.elementor-col-100,.elementor-column.elementor-col-50,.elementor-column[data-col="100"],.elementor-column[data-col="50"] {
        width:100%
    }
    .elementor-column.elementor-col-60,.elementor-column[data-col="60"] {
        width:60%
    }
    .elementor-column.elementor-col-66,.elementor-column[data-col="66"] {
        width:66.666%
    }
    .elementor-column.elementor-col-70,.elementor-column[data-col="70"] {
        width:70%
    }
    .elementor-column.elementor-col-75,.elementor-column[data-col="75"] {
        width:75%
    }
    .elementor-column.elementor-col-80,.elementor-column[data-col="80"] {
        width:80%
    }
    .elementor-column.elementor-col-83,.elementor-column[data-col="83"] {
        width:83.333%
    }
    .elementor-column.elementor-col-90,.elementor-column[data-col="90"] {
        width:90%
    }
}
.thx-it-service-section {
    padding:70px 0
}
.thx-it-service-item-list {
    padding-top:50px
}
.thx-it-service-item-list .thx-it-service-icon {
    width:70px;
    height:70px;
    margin:0 auto;
    line-height:70px;
    border-radius:100%;
    background-color:#fff;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    -webkit-box-shadow:0 8px 16px 0 rgba(255,91,46,.04);
    box-shadow:0 8px 16px 0 rgba(255,91,46,.04)
}
.droppaaa,.thx-it-service-item-list .thx-it-service-text:before {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.thx-it-service-item-list .thx-it-service-icon i {
    font-size:32px;
    color:#ff5b2e
}
.thx-it-service-item-list .thx-it-service-item-no {
    left:0;
    right:0;
    top:-35px;
    z-index:-1;
    line-height:1;
    background:linear-gradient(to right,#fcbb0a7b,#fb391278,#ca279c6a);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
    font-size:120px;
    font-weight:700;
    -webkit-animation:1s infinite alternate mover;
    animation:1s infinite alternate mover
}
.thx-it-service-item-list .thx-it-service-text {
    margin:0 auto;
    padding-top:110px;
    max-width:220px
}
.thx-it-service-item-list .thx-it-service-text:before {
    top:85px;
    left:0;
    right:0;
    height:3px;
    content:'';
    width:35px;
    margin:0 auto;
    position:absolute;
    background-color:#fb391284;
    transition:.3s ease-in-out
}
.thx-it-service-item-list .thx-it-service-text h3 {
    font-size:22px;
    font-weight:600;
    line-height:1.364;
    padding-bottom:13px
}
.thx-it-service-item-list .thx-it-service-text p {
    line-height:1.875;
    padding-bottom:13px
}
.thx-it-service-item-list .thx-it-service-more a {
    font-size:20px
}
.thx-it-service-item-list .thx-it-service-icon-text:hover .thx-it-service-icon {
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1)
}
.thx-it-service-item-list .thx-it-service-icon-text:hover .thx-it-service-text:before {
    width:75px
}
.thx-it-service-item-list .thx-it-service-icon-text:hover .thx-it-service-more a {
    color:#ff5b2e
}
.thx-it-service-cta {
    padding:25px;
    background-color:#fff1f1
}
.thx-it-service-cta p {
    font-size:18px;
    font-weight:600;
    font-family:Nunito
}
.thx-it-service-cta p a {
    color:#ff5b2e;
    text-decoration:underline
}
.it-nw-banner-btn .it-nw-banner-video a i,.it-nw-feature-innerbox .it-nw-feature-inner-icon i,.it-nw-fun-fact-innerbox .it-nw-fun-fact-icon i,.it-nw-service-innerbox .it-nw-service-inner-icon i,.it-nw-why-choose-feature-list .it-nw-why-choose-feature-icon i {
    background:-webkit-gradient(linear,left top,left bottom,from(#7f31ff),to(#4279f1));
    background:linear-gradient(to bottom,#7f31ff 0,#4279f1 100%);
    -webkit-background-clip:text;
    -moz-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent
}
.it-nw-about-cta .it-nw-ab-cta-icon,.it-nw-feature-innerbox .it-nw-feature-inner-icon:after,.it-nw-fooer-widget-area .widget-title:after,.it-nw-service-innerbox .it-nw-service-inner-icon:after,.it-nw-team-innerbox .it-nw-team-text .it-nw-tm-link a {
    background:linear-gradient(to right,#fcbb0a6f,#fb391276,#ca279c8b)
}
.it-nw-service-section {
    background-color:#f5f6f9;
    padding:120px 0 100px
}
.it-nw-service-section .it-nw-section-title {
    padding-top:20px
}
.it-nw-service-section .it-nw-btn a {
    margin:0 auto
}
.it-nw-service-section .it-nw-service-sh1 {
    left:0;
    bottom:0
}
.it-nw-service-section .it-nw-service-sh2 {
    right:0;
    bottom:0
}
.it-nw-service-innerbox {
    height:350px;
    background-color:#fff;
    padding:55px 10px 25px;
    -webkit-box-shadow:0 5px 35px 0 rgba(0,27,175,.05);
    box-shadow:0 5px 35px 0 rgba(0,27,175,.05);
    -webkit-transition:.5s;
    transition:.5s;
    margin:20px 0
}
.it-nw-service-innerbox .it-nw-service-inner-icon {
    top:-30px;
    z-index:1;
    width:60px;
    height:60px;
    overflow:hidden;
    position:absolute;
    border-radius:10px 0 10px 10px;
    background-color:#fff;
    -webkit-box-shadow:0 5px 35px 0 rgba(0,27,175,.15);
    box-shadow:0 5px 35px 0 rgba(0,27,175,.15)
}
.it-nw-service-innerbox .it-nw-service-inner-icon:after {
    top:0;
    right:0;
    content:"";
    width:100%;
    z-index:-1;
    height:0%;
    position:absolute;
    -webkit-transition:.5s;
    transition:.5s
}
.it-nw-service-innerbox .it-nw-service-inner-icon i {
    font-size:35px;
    line-height:1
}
.it-nw-service-innerbox .it-nw-service-inner-text h3 {
    font-size:20px;
    font-weight:900;
    color:#00133e
}
.it-nw-service-innerbox .it-nw-service-inner-text a {
    color:#000;
    font-size:15px;
    font-weight:600;
    font-family:Poppins
}
.it-nw-service-innerbox .it-nw-service-inner-text a i {
    -webkit-transition:.3s;
    transition:.3s
}
.it-nw-service-innerbox .it-nw-service-inner-text a:hover {
    color:#4c6df3
}
.footer ul li:hover,.it-nw-service-innerbox .it-nw-service-inner-text a:hover i {
    margin-left:5px
}
.it-nw-service-innerbox:hover {
    -webkit-box-shadow:0 20px 40px 0 rgba(0,27,175,.1);
    box-shadow:0 20px 40px 0 rgba(0,27,175,.1)
}
.col-lg-4,.s2-feature_list {
    box-shadow:none!important;
    text-shadow:none!important;
    opacity:0
}
.elementor-element.elementor-element-1374f645,.elementor-element.elementor-element-37afce46,.elementor-element.elementor-element-429dba80,.elementor-element.elementor-element-4afd7d28,.elementor-element.elementor-element-5a0080f7,.elementor-element.elementor-element-6f9e319d,.elementor-element.elementor-element-7d4c17b5 {
    box-shadow:0 0 30px 0 rgba(.9999999999999973,43.99999999999994,117.99999999999999,.08);
    transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;
    padding:30px 40px 45px
}
.it-nw-service-innerbox:hover .it-nw-service-inner-icon i {
    background:-webkit-gradient(linear,left top,left bottom,from(white),to(white));
    background:linear-gradient(to bottom,#fff 0,#fff 100%);
    -webkit-background-clip:text;
    -moz-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent
}
@media screen and (max-width:1200px) {
    .feature-eight-section .eight-feature-box {
        height:auto
    }
    .it-nw-service-innerbox {
        height:auto!important
    }
}
.elementor-element.elementor-element-10365dd6:not(.elementor-motion-effects-element-type-background),.elementor-element.elementor-element-10365dd6>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color:#f7fafb
}
.elementor-widget-heading .elementor-heading-title {
    color:#213e6f!important;
    font-family:Poppins,Sans-serif!important;
    font-weight:700!important;
    line-height:40px!important
}
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width:1140px
}
.elementor-column.elementor-col-33,.elementor-column[data-col="33"] {
    width:33.333%
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding:10px 10px 50px
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap,.main-add,.main-add-2,.partners {
    display:flex
}
.elementor-element.elementor-element-58e89aee>.elementor-element-populated {
    margin:50px 10px 0 0;
    --e-column-margin-right:10px;
    --e-column-margin-left:0px
}
.elementor-widget-wrap {
    position:relative;
    width:100%;
    flex-wrap:wrap;
    align-content:center
}
.elementor-widget-wrap>.elementor-element {
    width:100%;
    text-align:center
}
.elementor-element.elementor-element-1374f645,.elementor-element.elementor-element-429dba80 {
    margin-top:30px;
    margin-bottom:30px
}
.elementor-element,.elementor-element.elementor-element-37afce46,.elementor-element.elementor-element-37afce46>.elementor-background-overlay,.elementor-element.elementor-element-7d4c17b5,.elementor-element.elementor-element-7d4c17b5>.elementor-background-overlay,.elementor-element>.elementor-background-overlay {
    border-radius:10px
}
.elementor-element.elementor-element-5a0080f7 {
    margin-top:30px;
    margin-bottom:0
}
.elementor-element.elementor-element-11d138b>.elementor-widget-container,.elementor-element.elementor-element-1aff607f>.elementor-widget-container,.elementor-element.elementor-element-43d212fa>.elementor-widget-container,.elementor-element.elementor-element-4b888ff3>.elementor-widget-container,.elementor-element.elementor-element-70057b14>.elementor-widget-container,.elementor-element.elementor-element-71f245fe>.elementor-widget-container {
    padding:14px 17px;
    background-color:#fff;
    border-radius:50px;
    box-shadow:0 0 10px 0 rgba(4.000000000000009,21.000000000000053,58.99999999999999,.1);
    margin-bottom:10px
}
.elementor-element img {
    width:44px;
    height:51px
}
@media screen and (max-width:1024px) {
    .elementor-section .elementor-container {
        flex-wrap:wrap
    }
    .elementor-column.elementor-col-33,.elementor-column[data-col="33"] {
        width:50%
    }
    .elementor-widget-wrap>.elementor-element {
        padding:20px 10px
    }
    .elementor-container {
        max-width:100%
    }
    .dotted_img {
        display:none
    }
}
.s2-feature_list {
    animation:1s ease-in-out .2s forwards fadeFromUp
}
@keyframes fadeFromUp {
    from {
        opacity:0;
        transform:translateY(30px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.col-lg-4 {
    animation:1s ease-in-out forwards fadeFromUp
}
.header {
    position:relative;
    text-align:center;
    background:0 0;
    color:#fff;
    padding:0;
    rotate:180deg
}
.logo {
    width:50px;
    fill:white;
    padding-right:15px;
    display:inline-block;
    vertical-align:middle
}
.inner-header {
    height:65vh;
    width:100%;
    margin:0;
    padding:0
}
.flex {
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center
}
.waves {
    position:relative;
    width:100%;
    height:15vh;
    margin-bottom:-10px;
    min-height:100px;
    max-height:150px
}
.parallax>use {
    animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever
}
.parallax>use:first-child {
    animation-delay:-2s;
    animation-duration:7s
}
.parallax>use:nth-child(2) {
    animation-delay:-3s;
    animation-duration:10s
}
.parallax>use:nth-child(3) {
    animation-delay:-4s;
    animation-duration:13s
}
.parallax>use:nth-child(4) {
    animation-delay:-5s;
    animation-duration:20s
}
@keyframes move-forever {
    0% {
        transform:translate3d(-90px,0,0)
    }
    100% {
        transform:translate3d(85px,0,0)
    }
}
@media screen and (max-width:768px) {
    .elementor-column.elementor-col-33,.elementor-column[data-col="33"] {
        width:100%
    }
    .elementor-element.elementor-element img {
        width:44px;
        height:51px
    }
    .elementor-widget-wrap>.elementor-element {
        padding:15px 5px
    }
    .elementor-element img {
        width:100%;
        max-width:150px;
        height:auto
    }
    .waves {
        height:40px;
        min-height:40px
    }
}
.mCustomScrollbar {
    -ms-touch-action:none;
    touch-action:none
}
.mCustomScrollBox {
    position:relative;
    overflow:hidden;
    height:100%;
    max-width:100%;
    outline:0;
    direction:ltr
}
.mCSB_container {
    overflow:hidden;
    width:auto;
    height:fit-content;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,.mCSB_inside>.mCSB_container {
    margin-right:0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container,.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right:0;
    margin-left:30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left:0
}
.mCSB_scrollTools {
    position:absolute;
    width:16px;
    height:auto;
    left:auto;
    top:0;
    right:0;
    bottom:0;
    opacity:.75;
    filter: opacity(0.75);
}
.mCSB_outside+.mCSB_scrollTools {
    right:-26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right:auto;
    left:0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left:-26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin:20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
    width:2px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px
}
.mCSB_scrollTools .mCSB_dragger {
    cursor:pointer;
    width:100%;
    height:30px;
    z-index:1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position:relative;
    width:4px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
    text-align:center
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width:12px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width:8px
}
.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp {
    display:block;
    position:absolute;
    height:20px;
    width:100%;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right:0;
    margin-bottom:18px;
    margin-top:7px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height:100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden,.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden,.process-content li p {
    margin-bottom:0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width:auto;
    height:16px;
    top:auto;
    right:0;
    bottom:0;
    left:0
}
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom:-26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin:0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width:100%;
    height:2px;
    margin:7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width:30px;
    height:100%;
    left:0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width:100%;
    height:4px;
    margin:8px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height:12px;
    margin:2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height:8px;
    margin:4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display:block;
    position:absolute;
    width:20px;
    height:100%;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right:0
}
.mCSB_container_wrapper {
    position:absolute;
    height:auto;
    width:auto;
    overflow:hidden;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin-right:30px;
    margin-bottom:30px
}
.mCSB_container_wrapper>.mCSB_container {
    padding-right:30px;
    padding-bottom:30px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom:20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right:20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left:20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right:0;
    margin-left:0
}
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition:opacity .2s ease-in-out,background-color .2s ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity:0;
    filter: opacity(0);
}
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity:1;
    filter: opacity(1);
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color:rgba(0,0,0,.4);
    filter: opacity(1);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:rgba(255,255,255,.75);
    filter: opacity(1);
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color:rgba(255,255,255,.85);
    filter: opacity(1);
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color:rgba(255,255,255,.9);
    filter: opacity(1);
}
.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp {
    background-image:url(mCSB_buttons.html);
    background-repeat:no-repeat;
    opacity:.4;
    filter: opacity(1);
}
.mCSB_scrollTools .mCSB_buttonUp {
    background-position:0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
    bottom:0;
    background-position:0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
    background-position:0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity:.75;

}
.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: 1;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color:rgba(0,0,0,.15)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:rgba(0,0,0,.75)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color:rgba(0,0,0,.85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color:rgba(0,0,0,.9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp,.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position:-80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown,.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position:-80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft,.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:-80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight,.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position:-80px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width:4px;
    background-color:rgba(255,255,255,.1);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width:4px;
    background-color:rgba(255,255,255,.75);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width:100%;
    height:4px;
    margin:6px auto
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color:rgba(255,255,255,.85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color:rgba(255,255,255,.9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position:-32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position:-32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:-40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position:-40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color:rgba(0,0,0,.1);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:rgba(0,0,0,.75);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position:-112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position:-112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:-120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position:-120px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width:4px;
    background-color:rgba(255,255,255,.1);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width:6px;
    background-color:rgba(255,255,255,.75);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width:100%;
    height:4px;
    margin:6px 0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width:100%;
    height:6px;
    margin:5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position:-16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position:-16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:-20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position:-20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color:rgba(0,0,0,.1);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:rgba(0,0,0,.75);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position:-96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position:-96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:-100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position:-100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color:rgba(255,255,255,.1)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width:2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width:100%;
    height:2px;
    margin:7px auto
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color:rgba(255,255,255,.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height:14px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width:14px;
    margin:0 1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width:14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height:14px;
    margin:1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width:16px;
    height:16px;
    margin:-1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width:4px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height:16px;
    width:16px;
    margin:0 -1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height:4px;
    margin:6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position:0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position:0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position:0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position:-80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position:-80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:-80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position:-80px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color:transparent;
    background-position:center
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
/* Optional: only include filter lines if supporting IE8- */

}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height:4px;
    margin:6px 0;
    background-repeat:repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position:-16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position:-16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:-20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position:-20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");

}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position:-96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position:-96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:-100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position:-100px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools.mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
/* Modern syntax */
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

/* Optional vendor prefixes for older WebKit and Firefox */
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height:70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width:70px
}
.mCS-3d-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools {
    opacity:1;
    filter: opacity(.3);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width:8px;
    background-color:rgba(0,0,0,.2);
    box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color:#555
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width:100%;
    height:8px;
    margin:4px 0;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width:100%;
    height:8px;
    margin:4px auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp,.mCS-3d.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position:-32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown,.mCS-3d.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position:-32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft,.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:-40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight,.mCS-3d.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position:-40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color:rgba(0,0,0,.1);
    box-shadow:inset 1px 0 1px rgba(0,0,0,.1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position:-112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position:-112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position:-120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position:-120px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px
}
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right:1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom:1px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    box-shadow:inset 1px 0 0 rgba(255,255,255,.4);
    width:12px;
    margin:2px;
    position:absolute;
    height:auto;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
    height:12px;
    width:auto
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color:rgba(0,0,0,.05);
    box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color:transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow:inset 0 0 14px rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color:#777
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right:0;
    margin:12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom:0;
    margin:0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left:0;
    right:auto
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height:50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width:50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:rgba(255,255,255,.2);

}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color:rgba(255,255,255,.5);

}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:rgba(0,0,0,.2);

}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color:rgba(0,0,0,.5);

}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width:6px;
    background-color:rgba(0,0,0,.2)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width:6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width:100%;
    height:6px;
    margin:5px 0
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height:12px;
    margin:2px 0
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color:rgba(0,0,0,.1)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width:12px;
    background-color:rgba(0,0,0,.2)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width:6px;
    margin:3px 5px;
    position:absolute;
    height:auto;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height:6px;
    margin:5px 3px;
    position:absolute;
    width:auto;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width:100%;
    height:12px;
    margin:2px 0
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color:transparent;
    border:1px solid rgba(255,255,255,.2);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color:rgba(0,0,0,.2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color:rgba(255,255,255,.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color:rgba(0,0,0,.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:rgba(255,255,255,.75)
}
.row>[class*=col] {
    padding-left:15px;
    padding-right:15px
}
.axil-blog .content .inner h5.title:hover {
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    transition:.5s;
    cursor:pointer
}
.axil-blog .content {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    width:360px;
    z-index:2
}
.axil-blog .content .content-wrap {
    padding:40px 30px;
    transition:.4s;
    position:relative;
    z-index:2
}
.axil-blog .content .content-wrap::after {
    background:#fff;
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    z-index:-1;
    box-shadow:0 0 1px transparent
}
.axil-blog .content .content-wrap::before {
    width:92%;
    height:92%;
    left:-20px;
    bottom:-20px;
    content:"";
    position:absolute;
    z-index:-1;
    transform-style:preserve-3d;
    transform:rotateY(-10deg);
    filter:blur(50px);
    opacity:0;
    transition:.3s
}
.axil-blog .content .inner span.category {
    display:inline-block;
    height:26px;
    font-size:15px;
    color:#f6f5fa;
    padding:0 10px;
    line-height:26px;
    margin-bottom:20px
}
.axil-blog .content .inner h5.title {
    margin-bottom:20px;
    color:#282350;
    font-weight:600
}
.axil-blog .content .inner h5.title a {
    color:#282350!important
}
.axil-blog .thumbnail {
    text-align:right
}
.axil-blog .thumbnail .image {
    width:100%;
    display:flex;
    justify-content:right;
    align-items:center
}
.axil-blog .thumbnail .image img {
    width:410px
}
.axil-blog.active .content .content-wrap,.footer-about,.footer-partner,.footer-service {
    padding-left:40px
}

.axil-blog.active .content .content-wrap::after {
    transform:perspective(300px) rotateY(-5deg)
}
.axil-blog .content .content-wrap::after {
    content: '';
    display: block;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    /* Aapka existing style ke hisaab se size, position set hona chahiye */
}
.axil-blog:hover .content .content-wrap::after {
    transform: perspective(300px) rotateY(0deg);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}


@media only screen and (min-width:768px) and (max-width:991px) {
    .axil-blog {
        display:flex;
        flex-direction:column-reverse;
        width:100%!important
    }
    .axil-blog .content {
        position:static;
        top:auto;
        transform:inherit;
        width:100%
    }
    .axil-blog .thumbnail .image img {
        width:100%
    }
    .axil-blog.active .content .content-wrap {
        padding-left:0
    }
    .axil-blog.active .content .content-wrap::after {
        transform:perspective(0) rotateY(0)
    }
}
@media only screen and (max-width:767px) {
    .appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-item-icon {
        z-index:1;
        top:20px;
        float:left;
        width:150px;
        height:112px;
        margin-left:30px;
        position:relative
    }
    .axil-blog .content .inner{
        padding-inline: 5px;
    }

    .axil-blog {
        display:flex;
        flex-direction:column-reverse;
        width:100%!important
    }
    .axil-blog .content {
        position:static;
        top:auto;
        transform:inherit;
        width:100%
    }
    .axil-blog .content .content-wrap {
        padding:25px 20px
    }
    .axil-blog .content .content-wrap::before {
        display:none
    }
    .axil-blog .content .inner span.category {
        margin-bottom:15px
    }
    .axil-blog .content .inner h5.title {
        margin-bottom:8px
    }
    .axil-blog .thumbnail .image img {
        width:100%
    }
    .axil-blog.active .content .content-wrap {
        padding-left:0;
        padding-right:0
    }
    .axil-blog.active .content .content-wrap::after {
        transform:perspective(0) rotateY(0)
    }
}
.axil-blog:hover .content .inner h5.title a {
    color:#702fff
}
.footer {
    position:relative;
    background-color:transparent;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    color:#fff!important;
    padding-top:0;
    padding-bottom:20px;
    margin-top:10px
}
.footer ul li {
    color:#fff;
    margin-bottom:10px;
    transition:.3s;
    font-size:15px
}
.footer ul li a {
    color:#fff
}
.footer::before {
    content:'';
    position:absolute;
    background:#540c97;
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d);
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:.9
}
.footer__container {
    position:relative;
    z-index:2
}
.footer__main {
    margin-top:0!important
}
.footer__backtotop {
    position:absolute;
    background-color:#540c97;
    width:80px;
    height:80px;
    border:10px solid #fff;
    border-radius:50%;
    color:#fff;
    top:-107px;
    right:0;
    transition:.3s ease-in-out
}
.industries-section .inner-box:hover .btn-box a,.partner-icon {
    background:#fff
}
.footer__backtotop:hover {
    background-color:#06b178
}
.button:focus,.footer__backtotop:focus {
    outline:0
}
.footer__quickContact {
    position:relative;
    margin-bottom:32px
}
.footer__quickContact::after {
    content:'';
    position:absolute;
    background-color:#ffde71;
    width:94%;
    height:20px;
    border-radius:0 0 20px 20px;
    left:50%;
    bottom:-20px;
    transform:translateX(-50%)
}
.button::before,.masthead::after,.masthead::before {
    position:absolute;
    left:0;
    content:''
}
.footer__quickContact--body {
    position:relative;
    overflow:hidden;
    background-color:#fff;
    border-radius:20px;
    padding:64px 32px 32px;
    margin-top:-200px;
    color:#11001c;
    box-shadow:0 0 80px 0 rgba(84,12,151,.2)
}
.footer__quickContact--body::before {
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    border:40px solid #22ba87;
    border-radius:50%;
    right:-104px;
    bottom:-82px
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .footer__quickContact--body::before {
        border:38px solid #22ba87;
        width:220px;
        height:220px
    }
}
@media screen and (max-width:991px) {
    .thx-it-service-item-list .thx-it-service-icon-text {
        margin-bottom:40px
    }
    .footer {
        margin-top:20px
    }
    .footer__main {
        padding-left:15px;
        margin-top:30px!important
    }
    .footer__backtotop {
        display:none
    }
    .footer__quickContact {
        margin-bottom:64px
    }
    .footer__quickContact::after {
        width:90%
    }
    .footer__quickContact--body {
        margin-top:-150px;
        padding:54px 24px 24px
    }
    .footer__quickContact--body::before {
        border:35px solid #22ba87;
        width:220px;
        height:220px
    }
}
.footer__quickContact--heading {
    position:relative;
    margin-bottom:32px;
    padding-left:52px;
    z-index:2
}
.footer__quickContact--heading::before {
    content:'';
    position:absolute;
    width:100px;
    height:100px;
    border:18px solid #ffde71;
    border-radius:50%;
    left:0;
    bottom:0
}
@media screen and (max-width:991px) {
    .footer__quickContact--heading {
        margin-bottom:24px
    }
    .footer__quickContact--heading::before {
        width:85px;
        height:85px;
        border:16px solid #ffde71;
        bottom:0;
        left:0
    }
}
.footer__quickContact--heading-title {
    position:relative;
    margin-bottom:4px;
    z-index:2
}
.footer__quickContact--heading-subtitle {
    position:relative;
    margin-bottom:0;
    z-index:2
}
.button span,.footer__quickContact--form {
    position:relative;
    z-index:2
}
.footer__contact--column {
    margin-top:64px
}
.icon__circle {
    margin-right:5px
}
.footer__contact--title {
    margin-bottom:12px
}
.footer__bottom {
    display:flex;
    align-items:center;
    margin-top:64px;
    padding-top:40px;
    border-top:1px solid #fff
}
.footer__copyright a {
    color:#06b178
}
.footer__network--link {
    color:#fff;
    margin-left:5px
}
.footer__network--link:hover {
    color:#06b178
}
.main-add-2 {
    padding-top:20px;
    margin-top:10px;
    border-top:1px solid #ffffff52
}
.icon__circle2 {
    text-align:center;
    width:100%
}
.partner-icon {
    border-radius:11px;
    padding:5px;
    margin-bottom:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:10px
}
.button,.button::before {
    background-color:#11001c;
    transition:.3s ease-in-out
}
.footer-partner {
    padding-left:0
}
.footer-about {
    padding-left:52px!important;
    padding-right:0!important
}
.footer-adress {
    padding-right:15px;
    flex-basis:50%;
    box-sizing:border-box
}
.footer-logo {
    align-items: flex-start;
    flex-basis:50%
}
.footer-logo a img {
    height:60px;
    width:auto
}
.UK {
    padding-right:30px;
    flex-basis:50%
}
.q_contact a {
    display:inline-flex;
    align-items:center
}
.q_contact a i {
    margin-right:15px
}
.footer-about p a:hover,.footer-partner p a:hover,.footer-service p a:hover {
    padding-left:8px
}
.footer__copyright {
    text-align:right;
    flex-basis:50%
}
.footer-col-5 {
    padding-right:30px!important
}
@media screen and (max-width:991px) {
    .footer__contact--column {
        margin-top:32px
    }
    .footer__contact--column .icon__circle,.footer__contact--title {
        margin-bottom:6px
    }
    .footer__bottom {
        border-top:1px solid #fff;
        margin-top:32px;
        padding-top:32px
    }
    .footer__copyright {
        display:block;
        width:100%;
        text-align:right
    }
    .footer__network {
        text-align:right;
        display:block;
        width:100%
    }
}
.footer-about,.footer-logo,.footer-partner,.footer-service {
    text-align:left
}
.footer-ad-logo {
    display:flex;
    justify-content:start;
    align-items:center
}
.footer-logo {
    display:block!important
}
.icon__circle2 a img {
    height:auto
}
@media only screen and (max-width:991px) {
    .client-img-section .left-box {
        flex-basis:100%;
        padding-left:0;
        padding-top:50px
    }
    .client-img-section .left-box .heading h2,.client-img-section .left-box .heading p {
        text-align:center
    }
    .client-img-section .left-box .heading h2:after {
        right:0
    }
    .client-img-section .left-box ul {
        margin-top:20px
    }
    .client-img-section .right-box {
        flex-basis:100%;
        margin:40px 0 0
    }
    .icon__circle2 {
        text-align:center;
        width:100%
    }
    .footer-logo a img {
        height:50px
    }
}
@media only screen and (max-width:760px) {
    .soft-m-feature-inner {
        padding-left:41px
    }
    .footer-about {
        padding-left:15px!important
    }
    .footer-logo a img {
        height:40px
    }
    .main-add {
        display:block
    }
    .UK {
        margin-top:30px
    }
}
.demo__heading--title,.masthead__form--heading-title,h1 {
    font-weight:700;
    font-size:55px;
    line-height:66px
}
.pricing__card--price-currency,.section__heading--title,h2 {
    font-weight:700;
    font-size:44px;
    line-height:52.8px
}
@media screen and (max-width:991px) {
    .demo__heading--title,.masthead__form--heading-title,h1 {
        font-size:44px;
        line-height:52.8px
    }
    .pricing__card--price-currency,.section__heading--title,h2 {
        font-size:35px;
        line-height:42px
    }
}
.accordions__title,.clients__heading,.masthead__form--heading-subtitle,.section__heading--label,h5 {
    font-weight:700;
    font-size:24px;
    line-height:28.8px
}
.cta__content,.footer__quickContact--heading-subtitle,.form__label,h6 {
    font-weight:700;
    font-size:18px;
    line-height:28.8px
}
@keyframes pulse {
    0%,100% {
        transform:scale(.95)
    }
    70% {
        transform:scale(1)
    }
}
@keyframes shimmy {
    0% {
        transform:translate(50px,0)
    }
    100% {
        transform:translate(0,50px)
    }
}
@keyframes rocketUp {
    0% {
        transform:translate(-50%,40px)
    }
    100% {
        transform:translate(-50%,-25px)
    }
}
.button {
    position:relative;
    font-size:16px;
    line-height:24px;
    font-weight:700;
    padding:11px 36px;
    border-radius:60px;
    border:3px solid #11001c;
    overflow:hidden;
    vertical-align:middle;
    display:inline-block;
    color:#fff;
    cursor:pointer
}
.button::before {
    width:100%;
    height:100%;
    top:0;
    border-radius:60px
}
.button:hover {
    background-color:transparent;
    color:#11001c
}
.button__green,.button__purple,.button__purple::before {
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)
}
.button:hover::before {
    left:100%
}
.button__block {
    display:block;
    width:100%;
    text-align:center
}
.button__sm {
    font-size:14px;
    line-height:21px;
    padding:7px 26px
}
.button__lg {
    font-size:18px;
    line-height:27px;
    padding:17px 46px
}
.button__green,.button__purple {
    border:1px solid #fff
}
.button__purple:hover {
    color:#c80dc8;
    background-color:transparent
}
.button__green::before {
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)
}
.button__green:hover {
    background-color:transparent;
    color:#fff!important
}
.button__yellow,.button__yellow::before {
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)
}
.button__yellow {
    border-color:#ffc300;
    color:#11001c
}
.button__yellow:hover {
    color:#ffc300;
    background-color:transparent
}
.button__play {
    background-color:transparent;
    border:none;
    color:#11001c;
    padding:0;
    line-height:0;
    overflow:visible
}
.button__play--screen {
    color:#fff
}
#services br,.btn-style-four:before,.button__play::before,.dia-main-header .dropdown .dropdown-menu li a:before,.dia-mobile_menu .dia-mobile-main-navigation .navbar-nav li a:after,.process-content ul li:last-child:after,.process-content ul li:last-child:before {
    display:none
}
.button__play span {
    transition:.3s ease-in-out;
    top:-25px;
    right:0;
    color:#213e6f
}
.button__play span.button__play--icon {
    top:0;
    right:0
}
#services .service_card:hover .card_overlay p,#services .service_card:hover .cta,.button__play:hover,.dia-main-header .dia-main-navigation li a:hover,.dia-scrollup i,.industries-section .inner-box h4,.industries-section .inner-box h4 a {
    color:#fff
}
.button__play:hover span {
    right:-10px
}
.button__play:hover span.button__play--icon {
    right:0;
    transform:scale(1);
    animation:2s pulse
}
.button__play--icon {
    position:relative;
    background:0 0;
    color:#540c97;
    display:inline-block;
    text-align:center;
    width:64px;
    height:64px;
    border-radius:50%;
    margin-right:8px;
    transform:scale(1);
    animation:2s infinite pulse
}
.button__play--icon::after,.masthead,.masthead::before {
    background-color:transparent;
    background-repeat:no-repeat
}
.button__play--icon::after {
    content:'';
    background-position:18px center;
    display:block;
    background-size:34px 34px;
    width:64px;
    height:64px
}
.form__base {
    display:block;
    width:100%;
    padding:14px 24px;
    border:1px solid #b0aab3;
    border-radius:10px;
    box-shadow:inset 0 0 10px 0 rgba(84,12,151,.1);
    color:#11001c
}
.form__base::-ms-input-placeholder {
    color:#958e9a
}
.form__base:-ms-input-placeholder {
    color:#958e9a
}
.form__base::placeholder {
    color:#958e9a
}
.form__base:focus {
    outline:0;
    border:1px solid #540c97;
    box-shadow:0 0 0 1px #540c97
}
.form__base.error:focus {
    border:1px solid #f94b15;
    box-shadow:0 0 0 1px #f94b15
}
.form__lg {
    padding:20px 30px
}
.form__sm {
    padding:10px 18px
}
.form__label {
    display:block;
    margin-bottom:24px
}
.form__label--inline {
    display:inline-block
}
.form .error {
    color:#f94b15;
    margin-top:12px
}
.masthead {
    position:relative;
    background-size:cover;
    background-position:0 0;
    margin-bottom:20px;
    padding-bottom:50px
}
.masthead__overview--heading {
    font-weight:900
}
.masthead::before {
    background-size:cover;
    background-position:bottom center;
    width:100%;
    height:100%;
    top:0
}
.masthead::after {
    background-color:#fff;
    width:100%;
    height:2px;
    bottom:-1px
}
.masthead__paper-plane,.masthead__rocket,.masthead__rocket::after {
    background-color:transparent;
    background-position:0 0;
    background-repeat:no-repeat
}
.masthead__container {
    position:relative;
    padding-top:148px;
    padding-bottom:0;
    z-index:2;
    color:#fff
}
.masthead__rocket {
    position:absolute;
    background-size:308px 118px;
    width:308px;
    height:118px;
    left:26px;
    bottom:110px
}
.masthead__rocket::after {
    content:'';
    position:absolute;
    background-size:140px 252px;
    width:140px;
    height:252px;
    top:-240px;
    right:-115px;
    animation:1.5s infinite alternate shimmy
}
.masthead__paper-plane {
    position:absolute;
    background-size:327px 218.47px;
    width:327px;
    height:218.47px;
    left:42px;
    bottom:180px
}
.masthead__overview {
    position:relative;
    margin-top:64px;
    z-index:4
}
@media screen and (max-width:991px) {
    .accordions__title,.clients__heading,.masthead__form--heading-subtitle,.section__heading--label,h5 {
        font-size:18px;
        line-height:28.8px
    }
    .cta__content,.footer__quickContact--heading-subtitle,.form__label,h6 {
        font-size:16px;
        line-height:25.6px
    }
    .button {
        font-size:14px;
        line-height:21px;
        padding:7px 26px
    }
    .button__sm {
        font-size:12px;
        line-height:18px;
        padding:4px 20px
    }
    .button__lg {
        font-size:16px;
        line-height:24px;
        padding:11px 36px
    }
    .form__base {
        padding:10px 18px;
        font-size:14px;
        line-height:22.4px
    }
    .form__lg {
        padding:14px 24px;
        font-size:16px;
        line-height:25.6px
    }
    .form__group,.form__label {
        margin-bottom:12px
    }
    .masthead {
        min-height:0;
        margin-bottom:32px;
        padding-top:50px
    }
    .masthead::before {
        background-position:bottom left
    }
    .masthead__container {
        padding-top:64px;
        padding-bottom:0
    }
    .masthead__paper-plane,.masthead__rocket {
        display:none
    }
    .masthead__overview {
        margin-top:32px;
        margin-bottom:32px;
        padding-right:0
    }
    .masthead__overview--heading {
        margin-bottom:32px;
        font-weight:700;
        font-size:25px
    }
    .text-medium {
        font-size:15px
    }
    .masthead__overview--heading span {
        background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
        -webkit-background-clip:text;
        background-clip:text;
        -webkit-text-fill-color:transparent;
        color:transparent;
        box-decoration-break:clone;
        -webkit-box-decoration-break:clone;
        font-weight:700
    }
    .masthead__overview--desc {
        margin-bottom:16px
    }
    .masthead__overview--action {
        margin-top:32px
    }
    .masthead__form {
        margin-top:16px
    }
}
.masthead__overview--desc {
    margin-bottom:32px
}
.masthead__overview--action-inline {
    margin-left:-8px;
    margin-right:-8px
}
.masthead__form {
    position:relative;
    padding-left:0;
    z-index:2
}
.masthead__form::after {
    content:'';
    position:absolute;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
    display:block;
    width:85%;
    height:30px;
    bottom:-30px;
    left:50%;
    transform:translateX(-50%);
    border-radius:0 0 40px 40px;
    box-shadow:0 0 80px 0 rgba(84,12,151,.2)
}
@media screen and (min-width:1400px) {
    .masthead__rocket {
        left:94px;
        bottom:110px
    }
    .masthead__rocket::after {
        top:-240px;
        right:-115px
    }
    .masthead__paper-plane {
        left:74px;
        bottom:210px
    }
    .masthead__form::after {
        margin-left:16px
    }
    .masthead__form {
        padding-left:32px
    }
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .masthead__rocket {
        left:6px;
        bottom:70px
    }
    .masthead__rocket::after {
        background-size:110px 198px;
        width:110px;
        height:198px;
        top:-190px;
        right:-90px
    }
    .masthead__paper-plane {
        left:6px;
        bottom:0
    }
    .masthead__form::after {
        margin-left:12px;
        bottom:-25px;
        height:25px
    }
    .masthead__form {
        padding-left:24px
    }
}
.masthead__form--wrapper {
    border-radius:40px;
    box-shadow:0 0 80px 0 rgba(84,12,151,.2)
}
.masthead__form--body {
    position:relative;
    background-color:#fff;
    border-radius:40px;
    padding:84px 64px 74px;
    color:#11001c;
    overflow:hidden
}
.masthead__form--body::before {
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    border:40px solid #ca279d;
    border-radius:50%;
    right:-54px;
    bottom:-62px
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .masthead__form--body {
        padding:64px 32px
    }
    .masthead__form--body::before {
        border:35px solid #ca279d;
        width:220px;
        height:220px
    }
}
@media screen and (max-width:991px) {
    .masthead__form {
        margin-bottom:32px
    }
    .masthead__form--body {
        padding:32px
    }
    .masthead__form--body::before {
        border:35px solid #ca279d;
        width:220px;
        height:220px
    }
}
.masthead__form--heading {
    position:relative;
    text-align:center;
    margin-bottom:42px
}
.masthead__form--heading::before {
    content:'';
    position:absolute;
    width:120px;
    height:120px;
    border:20px solid #fcbc0a;
    border-radius:50%;
    left:0;
    bottom:20px
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .masthead__form--heading {
        margin-bottom:32px
    }
    .masthead__form--heading::before {
        border:18px solid #ffde71;
        width:100px;
        height:100px;
        bottom:10px
    }
    .masthead__form--heading-title {
        font-size:44px;
        line-height:52.8px
    }
}
@media screen and (max-width:991px) {
    .masthead__form--heading {
        padding-left:0;
        margin-bottom:24px
    }
    .masthead__form--heading::before {
        border:18px solid #ffde71;
        width:110px;
        height:110px;
        bottom:14px;
        left:-60px
    }
}
.masthead__form--heading-title {
    position:relative;
    margin-bottom:4px;
    z-index:2
}
.masthead__form--heading-subtitle {
    position:relative;
    margin-bottom:0;
    z-index:2
}
.masthead__form--main {
    position:relative;
    z-index:2
}
.masthead__form--group {
    margin-bottom:34px
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .masthead__form--heading-subtitle {
        font-size:18px;
        line-height:21.6px
    }
    .masthead__form--group {
        margin-bottom:24px
    }
}
@media screen and (max-width:991px) {
    .masthead__form--group {
        margin-bottom:24px
    }
}
.masthead__form--action {
    margin-top:49px;
    margin-bottom:0
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .masthead__form--action {
        margin-top:32px
    }
}
.industries-section {
    position:relative;
    padding:50px 0;
    color:#213e6e!important
}
.industries-section .pattern-layer .pattern-1 {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center
}
.industries-section .pattern-layer .pattern-2 {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:463px;
    background-size:cover;
    background-repeat:repeat-x;
    animation:100s linear infinite slide;
    -webkit-animation:100s linear infinite slide
}
.industries-section .inner-box {
    height:270px;
    position:relative;
    display:block;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    padding:35px 30px 30px;
    border-radius:3px;
    transition:.5s
}
.cta,.cta::before {
    height:37px;
    overflow:hidden!important
}
.industries-section .inner-box:hover {
    box-shadow:0 20px 30px rgba(87,16,109,.4)
}
.industries-section .inner-box:before {
    position:absolute;
    content:'';
    width:100%;
    height:0%;
    left:0;
    bottom:0;
    border-radius:5px;
    transition:.5s
}
.industries-section .inner-box:hover:before,.info-section .inner-container .info-inner .info-column:hover:before {
    height:100%;
    top:0
}
.industries-section .inner-box .pattern-layer {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:137px;
    background-repeat:no-repeat;
    opacity:.05;
    transition:.5s
}
.industries-section .inner-box span {
    position:relative;
    display:block;
    font-size:12px;
    line-height:20px;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:14px
}
.industries-section .inner-box h4 {
    text-align:left;
    line-height:28px;
    margin-bottom:70px;
    font-weight:700;
}
.industries-section .inner-box h4 a{
    position: relative;
    z-index: 10;
}
.industries-section .inner-box .btn-box {
    position:absolute;
    right:20px;
    bottom:60px
}
.industries-section .inner-box .btn-box a {
    position:relative;
    display:inline-block;
    width:55px;
    height:55px;
    line-height:55px;
    text-align:center;
    border-radius:50%;
    font-size:24px;
    color:#fff;
    background:rgba(255,255,255,.05)
}
.industries-section .inner-box .icon-box {
    position:relative;
    display:inline-block;
    font-size:60px;
    height:60px;
    width:60px;
    line-height:60px;
    color:rgba(255,255,255,.6);
    margin:0;
    transition:.5s
}
.industries-section .content-box .btn-box a {
    color:#fff;
    font-weight:600
}
.industries-section .content-box {
    position:relative;
    margin-bottom:30px
}
.industries-section .sec-title {
    margin-bottom:42px
}
#services {
    padding:50px 0;
    position:relative;
    z-index:2;
    overflow-x:hidden
}
#services h2 {
    color:#213e6e;
    font-weight:500;
    font-size:50px
}
#services .service_card .card_overlay h3 {
    font-size:40px;
    display:inline-block;
    position:relative;
    padding-bottom:12px;
    font-weight:700;
    line-height:1.2;
    color:#fff
}
#services .services-first-box {
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:start;
    padding-bottom:50px
}
#services .services-first-box p {
    color:#213e6e;
    margin-bottom:15px;
    font-size:20px
}
#services .services-first-box .cta::before {
    background:#f5dec5
}
#services .services-first-box .cta span {
    color:#f58f29
}
#services .services-first-box .cta svg g [stroke] {
    stroke:#121212
}
#services .service_card {
    padding:0;
    position:relative;
    display:block;
    width:100%;
    margin-bottom:30px;
    border-radius:20px;
    background-color:#232e35;
    box-shadow:0 0 87.12px .88px rgba(52,52,52,.07)
}
#services .service_card .img_icon {
    position:relative;
    border-radius:20px;
    filter:brightness(.5)
}
#services .service_card .img_icon img {
    width:100%;
    border-radius:2px;
    background:linear-gradient(0deg,#000 0,rgba(0,0,0,.95) 10%,rgba(35,46,53,.4) 70%)
}
#services .service_card .card_overlay {
    position:absolute;
    height:100%;
    bottom:0;
    display:block;
    padding:30px;
    z-index:99;
    width:100%;
    overflow:hidden
}
#services .service_card .card_overlay h3 span {
    color:#fff;
    display:block
}
#services .service_card .card_overlay .cta {
    color:#bbb
}
#services .service_card .card_overlay p {
    height:135px;
    color:#ddd;
    font-size:18px;
    border-bottom:1px solid rgba(202,208,215,.349);
    margin-bottom:15px;
    padding-bottom:30px;
    font-weight:400;
    transition:.3s
}
#services .service_card::after {
    content:"";
    background:#000;
    background:linear-gradient(0deg,#000 0,rgba(0,0,0,.95) 10%,rgba(35,46,53,.4) 70%);
    border-radius:20px;
    transition:.2s;
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
    height:130%;
    bottom:0;
    overflow:hidden
}
#services .service_card:hover .cta:before {
    width:37px;
    background:#4b433a;
    right:140px
}
#services .service_card:hover .cta svg {
    transform:translateX(0);
    fill:#fff
}
#services .service_card:hover .cta svg g [stroke] {
    stroke:#fff
}
.cta {
    display:flex;
    flex-direction:row;
    justify-content:left;
    align-items:center;
    position:relative;
    transition:.2s;
    color:#657077;
    text-align:left;
    font-size:20px;
    font-weight:400;
    width:auto;
    line-height:37px;
    margin-right:auto
}
.cta::before {
    content:"";
    position:absolute;
    top:0;
    right:140px;
    display:block;
    border-radius:28px;
    background:#213e6e73;
    width:37px;
    -webkit-transition:.3s;
    transition:.3s
}
.cta span {
    position:relative;
    font-size:24px;
    line-height:18px;
    font-weight:500;
    text-transform:capitalize;
    vertical-align:middle;
    margin-right:0
}
.cta svg {
    position:relative;
    top:0;
    width:27px;
    margin-left:7px;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke:#5a6871;
    stroke-width:2;
    transition:.3s
}
.cta:hover:before {
    width:37px;
    background:#4b433a;
    right:160px!important
}
.cta:hover svg {
    transform:translateX(0)
}
.title-arrow svg {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    width:60px;
    left:0;
    position:relative;
    top:16px
}
.title-arrow {
    position:relative;
    margin-top:10px;
    margin-bottom:20px
}
.title-arrow.right-side svg {
    transform:rotate(90deg)
}
.title-arrow::before {
    content:"";
    width:70px;
    height:70px;
    background-color:#213e6e3d;
    position:absolute;
    border-radius:50px;
    top:10px;
    left:20px
}
.dia-main-header-content .dia-default-menu,.dia-scrollup {
    background-color:#ff6700
}
.title-arrow svg path {
    stroke:#25507c
}
@media screen and (max-width:1100px) {
    .feature__btn {
        padding:0
    }
    .feature__btn a {
        padding:15px 35px !important;
    }
    .thm-btn {
        font-size:14px
    }
    .search i {
        font-size:22px;
        font-weight:500;
        color:#213e6f
    }
    #services .service_card .card_overlay h3 {
        font-size:35px
    }
    #services .service_card .card_overlay p {
        font-size:16px;
        padding-bottom:10px
    }
}
@media screen and (max-width:991px) {
    .masthead__form--action {
        margin-top:32px
    }
    #services .service_card .card_overlay {
        padding:20px
    }
    #services .service_card .card_overlay h3 {
        font-size:40px;
        margin-bottom:50px
    }
    #services .services-first-box p {
        font-size:18px;
        padding-bottom:40px
    }
    h2 {
        font-size:6vw
    }
    #services .services-first-box {
        height:100%;
        margin-bottom:30px
    }
}
@media screen and (max-width:767px) {
    .masthead__overview--action-inline {
        margin-left:0;
        margin-right:0
    }
    .masthead__overview--action-inline .button {
        margin:0 0 24px;
        display:block;
        text-align:center;
        width:100%
    }
    .masthead__overview--action-inline .button+.button {
        margin:0
    }
    .masthead__overview--action-inline .button__play {
        display:inline-block;
        width:auto;
        text-align:left
    }
    #services::before {
        width:600px;
        height:600px
    }
    #services .service_card .card_overlay h3 {
        font-size:30px;
        margin-bottom:10px!important
    }
    #services .service_card .card_overlay p {
        font-size:15px!important;
        margin-bottom:5px
    }
    .cta span {
        font-size:18px
    }
    #services h2 {
        font-size:30px
    }
    h2 {
        font-size:7vw;
        margin-bottom:10px
    }
    p {
        font-size:16px
    }
    #services .services-first-box {
        height:auto;
        margin-bottom:10px;
        position:relative;
        padding-bottom:0
    }
    .title-arrow svg {
        width:30px;
        top:0
    }
    .title-arrow:before {
        width:40px!important;
        height:40px!important;
        left:10px!important;
        top:-5px
    }
}
@media screen and (max-width:575px) {
    #services::before {
        right:-70vh
    }
    h2 {
        font-size:10vw
    }
    #services .service_card .card_overlay h3 {
        font-size:40px;
        margin-bottom:30px!important
    }
    #services .service_card .card_overlay p {
        font-size:16px!important;
        margin-bottom:30px
    }
    .cta span {
        font-size:25px
    }
    #services .service_card .card_overlay {
        display:flex;
        flex-direction:column;
        justify-content:center
    }
}
.search i,.search svg {
    font-size:24px;
    color:#213e6f;
    font-weight:500
}
.dia-home .ul-li ul,.dia-home .ul-li-block ul {
    margin:0;
    padding:0
}
.dia-home .ul-li ul li {
    cursor:pointer!important;
    padding:10px 0;
    list-style:none;
    display:inline-block
}
.dia-home .ul-li-block ul li {
    list-style:none;
    display:block
}
.dia-scrollup {
    width:55px;
    right:20px;
    z-index:5;
    height:55px;
    bottom:20px;
    display:none;
    position:fixed;
    border-radius:100%;
    line-height:55px
}
.droppp {
    margin:10px 0 25px;
    padding:1px 20px;
    width:300px
}
.search {
    margin-right:10px;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center
}
.search i {
    font-family:font-awesome
}
.droppaaa a,.fw-bold {
    font-weight:700!important
}
.droppaaa {
    color:#000!important;
    width:100%;
    text-align:center;
    display:block;
    padding:5px 0 15px;
    position:relative;
    transition:.3s ease-in-out;
    pointer-events: none;
}
.droppaaa a {
    color:#000!important;
    font-size:16px!important
}
.dia-main-header {
    z-index:555;
    width:100%;
    position:absolute;
    top:0
}
.dia-main-header .dia-logo a img {
    height:55px;
    width:auto
}
.dia-main-header .dropdown:after {
    top:13px;
    right:-18px;
    content:"\f107";
    font-family:'Font Awesome 5 Free';
    font-size:15px;
    font-weight:800;
    color:#f1f2f3;
    position:absolute;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.dropdown-menu {
    transform:translate(-26.5%,0)!important
}
.dia-main-header .dropdown .dropdown-menu {
    box-sizing:border-box!important;
    width:250px;
    top:60px!important;
    opacity:0;
    z-index:99999;
    margin:3px;
    padding:10px 15px;
    height:auto;
    border:none;
    display:block;
    border-radius:6px;
    overflow:hidden;
    visibility:hidden;
    position:absolute;
    left:0;
    background-color:#fff;
    -webkit-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    -webkit-box-shadow:0 5px 10px 0 rgba(83,82,82,.6);
    box-shadow:0 5px 10px 0 rgba(83,82,82,.6)
}
.dia-main-header .dropdown .dropdown-menu li {
    padding:0;
    width:100%;
    margin-left:0!important;
    border-bottom:1px solid #e5e5e5
}
.dia-main-header .dropdown .dropdown-menu li a {
    width:100%;
    color:#000;
    border-color:#0059ff;
    display:block;
    font-size:16px;
    padding:7px 3px;
    position:relative;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.dia-main-header .dropdown .dropdown-menu a h5 {
    margin:15px 0 20px;
    color:#0059ff;
    font-size:18px;
    font-weight:700
}
.dia-main-header .dropdown .dropdown-menu a h5:hover {
    color:#000;
    background:#fff
}
.dia-main-header .dropdown .dropdown-menu li a:hover {
    background-color:#ffe9e5;
    color:#213e6f;
    padding-left:13px
}
.dia-main-header .dropdown .dropdown-menu li:last-child {
    border-bottom:none
}
.dia-main-header .navbar-nav {
    display:inherit
}
.dia-main-header .dia-main-navigation {
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d);
    background-position:left;
    background-repeat:no-repeat;
    background-blend-mode:darken;
    padding:7px 5px 7px 0;
    margin:0
}
.dia-main-header .dia-main-navigation li {
    margin:0 30px
}
.dia-main-header .dia-main-navigation li a {
    color:#f1f2f3;
    position:relative;
    font-family:Raleway,sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:17px
}
.dia-main-header .dia-main-navigation li a:before {
    content:"";
    left:0;
    right:0;
    bottom:42px;
    height:4px;
    width:0%;
    margin:0 auto;
    position:absolute;
    -webkit-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    background-image:-webkit-linear-gradient(9deg,#f60 0,#ff9903 75%,#ffcb05 100%);
    background-image:-o-linear-gradient(9deg,#f60 0,#ff9903 75%,#ffcb05 100%);
    background-image:linear-gradient(81deg,#f60 0,#ff9903 75%,#ffcb05 100%)
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.dia-sticky-menu {
    top:20px;
    position:fixed;
    -webkit-animation-duration:.7s;
    animation-duration:.7s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.dia-main-header.dia-sticky-menu {
    top:0;
    z-index:101;
    -webkit-box-shadow:0 0 20px -10px rgba(0,0,0,.8);
    box-shadow:0 0 20px -10px rgba(0,0,0,.8);
    background-color:#fff;
    padding-top:0
}
.dia-main-header.dia-sticky-menu .dropdown:hover .dropdown-menu {
    top:52px
}
.dia-mobile_menu_content {
    top:0;
    bottom:0;
    right:-350px;
    height:100vh;
    z-index:101;
    position:fixed;
    width:310px;
    overflow-y:scroll;
    background-color:#fff;
    padding:40px 0;
    -webkit-box-shadow:0 3px 5px rgba(100,100,100,.19);
    box-shadow:0 3px 5px rgba(100,100,100,.19);
    -webkit-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
}
.dia-mobile_menu_content .navbar-nav .dropdown-menu {
    position:static!important;
    -webkit-transform:none!important;
    -ms-transform:none!important;
    transform:none!important
}

.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav li {
    width:100%;
    display:block;
    border-bottom:1px solid #dcdcdc
}
.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav li:first-child {
    border-top:1px solid #dcdcdc
}
.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav li a {
    color:#000;
    padding:10px 30px;
    width:100%;
    display:block;
    font-size:14px;
    font-weight:400;
    text-transform:capitalize
}
.dia-mobile_menu_content .m-brand-logo {
    margin:0 auto 30px
}
.dia-mobile_menu_content .m-brand-logo a img {
    width:auto;
    height:40px
}
.dia-mobile_menu_wrap.mobile_menu_on .dia-mobile_menu_content {
    z-index:9999999;
    right:0;
}
.mobile_menu_overlay {
    top:0;
    width:100%;
    position:fixed;
    z-index:100;
    right:0;
    height:120vh;
    opacity:0;
    visibility:hidden;
    background-color:rgba(0,0,0,.9);
}
.mobile_menu_overlay_on {
    overflow:hidden;
    z-index:9999999999
}
.dia-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity:1;
    display:none;
    z-index:9999999999;
    visibility:visible;
    background:0 0
}
.dia-mobile_menu_button {
    position:absolute;
    display:none;
    right:5px;
    cursor:pointer;
    line-height:40px;
    color:#f83;
    text-align:center;
    font-size:30px;
    top:-54px;
    z-index:5
}
.btn-style-four,.case-block-two .inner-box .lower-content .box h4 a {
    color:#1d165c!important
}
.dia-mobile_menu_button i {
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone
}


.dia-mobile_menu .dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav .dropdown-menu {
    height: auto !important;
    border:none;
    display:none;
    box-shadow:none;
    padding:5px 0;
    border-top:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    -webkit-box-shadow:0 5px 10px 0 rgba(83,82,82,.1);
    box-shadow:0 5px 10px 0 rgba(83,82,82,.1);
    transform: translateY(-10px);
    transition: all 0.2s ease-in-out;

}

.dia-mobile_menu .dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border:none;
    padding:10px 20px;
    line-height:1
}
.dia-mobile_menu .dropdown .dropdown-btn {
    position:absolute;
    top:16px;
    right:0;
    height:30px;
    padding:5px 30px;
}
.dia-mobile_menu .dropdown .dropdown-btn:before {
    content:"";
    position:absolute;
    height:100%;
    width:1px;
    top:0;
    left:0;
    background-color:#dcdcdc;
}
.dia-mobile_menu .dia-mobile_menu_close {
    color:#ff6626;
    cursor:pointer;
    top:15px;
    left:15px;
    font-size:25px;
    position:absolute
}

.dia-main-header-content {
    height:80px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-radius:30px;
    background:0 0!important
}
.dia-main-header .dropdown .dropdown-menu li {
    border:none!important
}
.dia-main-header .dropdown .dropdown-menu li img {
    height:75px;
    width:100%
}
@media screen and (max-width:1300px) {
    .banner-side-shape1,.banner-side-shape2,.dia-testimonial-section .tst-side-shape,.banner-shape2 {
        display:none!important
    }
}
@media screen and (max-width:1280px) {
    .banner-shape2 {
        z-index:-1
    }
    .dia-banner-btn a {
        font-size:15px;
        font-weight:600
    }
    .dia-main-header .dia-logo a img {
        height:55px
    }

}
@media screen and (max-width:1199px) {
    .dia-main-header .dia-main-navigation li {
        margin:0 28px
    }
}
@media screen and (max-width:1150px) {
    .dia-main-header .dia-main-navigation li {
        margin:0 26px!important
    }
}
@media screen and (max-width:1100px) {
    .dia-main-header .dia-main-navigation li {
        margin:0 23px!important
    }
    .droppp {
        width:225px!important
    }
    .dropdown-menu {
        transform:translate(-25%,0)!important
    }
}
@media screen and (max-width:1090px) {
    .dia-main-header .dia-logo a img {
        height:45px
    }
    .dia-main-header .dia-main-navigation li {
        margin:0 22px
    }
    .dia-main-header .dia-main-navigation li a {
        font-size:15px
    }
    .search svg {
        font-size:22px
    }
    .dia-main-header .dropdown:after {
        top:13px;
        font-size:14px;
        right:-18px
    }
    .dia-main-header .dia-main-navigation {
        padding:0px
    }
    .dia-main-header-content {
        height:72px
    }
    .dia-main-header .dropdown .dropdown-menu {
        height:500px!important
    }
}
.dia-main-header .dia-logo {
    margin-top:0
}
@media only screen and (max-width:991px) {
    .dia-main-header .dia-logo a img {
        height:45px
    }
    .dia-mobile_menu_content {
        right:-52%;
        width:50%
    }
    .dia-sticky-menu {
        padding:0
    }
    .dia-mobile_menu_button {
        display:block
    }
    .dia-main-navigation {
        display:none
    }
    .dia-main-header .dropdown .dropdown-menu {
        width:100%!important
    }
}
@media screen and (max-width:580px) {
    .it-nw-service-innerbox-first {
        margin-top:70px
    }
    .it-nw-service-innerbox {
        height:auto!important;
        margin:40px 0
    }
    .footer__bottom {
        display:block
    }
    .footer-logo {
        margin-bottom:20px
    }
    .footer-logo,.footer__copyright {
        text-align:center;
        font-size:16px!important
    }
    .footer-ad-logo {
        display:flex;
        justify-content:left;
        align-items:center
    }
    .footer-about,.footer-partner,.footer-service {
        margin-top:30px!important;
        padding-left:10px!important
    }
    .dia-main-header {
        padding-top:0
    }
    .dia-mobile_menu_content {
        right:-82%;
        width:80%
    }
}
.dia-testimonial-section {
    overflow:visible!important;
    padding:130px 0 110px
}
.dia-testimonial-section .tst-side-shape {
    right:0;
    top:-80px
}
.dia-testimonial-section .dia-section-title {
    margin:0 auto;
    max-width:500px
}
.dia-testimonial-section .dia-testimonial_slider-area {
    margin:55px auto 0;
    max-width:725px;
    background-color:#fff;
    -webkit-box-shadow:-1.046px 11.954px 22px 0 rgba(0,0,0,.08);
    box-shadow:-1.046px 11.954px 22px 0 rgba(0,0,0,.08)
}
.dia-testimonial-section .dia-testimonial_slider-area:after {
    top:-50px;
    left:25px;
    font-size:60px;
    content:"\f10e";
    font-weight:900;
    position:absolute;
    color:rgba(203,203,226,.75);
    font-family:"Font Awesome 5 Free"
}
.dia-testimonial-section .dia-testimonial_slider-area .test-shape1 {
    top:-100px;
    z-index:-1;
    left:-175px
}
.dia-testimonial-section .dia-testimonial_slider-area .test-shape2 {
    z-index:-1;
    right:-175px;
    bottom:-100px
}
.dia-testimonial-section .carousel-inner .carousel-item {
    padding:50px 20px 50px 50px;
    height:470px
}
.dia-testimonial-section .carousel-inner .dia-testimonial_rating li {
    color:#ffba00
}
.dia-testimonial-section .carousel-inner .dia-testimonial_text {
    margin:18px 0 28px;
    font-size:16px;
    line-height:1.636
}
.dia-testimonial-section .carousel-inner .dia-testimonial_meta h4 {
    color:#282350;
    font-size:32px;
    font-weight:700;
    padding-bottom:3px
}
.dia-testimonial-section .carousel-indicators {
    top:70px;
    margin:0;
    left:auto;
    right:-45px;
    display:inherit;
    z-index:1
}
.dia-testimonial-section .carousel-indicators li img {
    border-radius:100%
}
.dia-testimonial_indicator-dot .carousel-indicators2 {
    top:40%;
    right:45px;
    left:-35px;
    bottom:25px;
    padding-left:0;
    margin-bottom:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    text-align:center
}
.dia-testimonial_indicator-dot .carousel-indicators2 li {
    width:15px;
    height:15px;
    display:block;
    cursor:pointer;
    position:relative;
    border-radius:100%;
    margin-bottom:12px;
    background-color:#fff;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.dia-testimonial_indicator-dot .carousel-indicators2 li:after {
    top:3px;
    left:3px;
    content:"";
    width:60%;
    height:60%;
    border-radius:100%;
    position:absolute;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    background:-webkit-linear-gradient(9deg,#f60 0,#ff9903 75%,#ffcb05 100%);
    background:-o-linear-gradient(9deg,#f60 0,#ff9903 75%,#ffcb05 100%);
    background:linear-gradient(81deg,#f60 0,#ff9903 75%,#ffcb05 100%)
}
.dia-testimonial_indicator-dot .carousel-indicators2 li.active {
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
@media screen and (max-width:480px) {
    .s2-faq_section .s2_faq_content button {
        padding-right:25px
    }
    .s2-faq_section {
        padding:0
    }
    .eg-how-work-section .how-work-mockup .hw-shape1,.eg-how-work-section .how-work-mockup .hw-shape2,.ei-faq-section .fq-shape-style3,.ei-faq-section .fq-shape-style4 {
        display:none
    }
    .ei-service-icon-text .ei-service-icon {
        margin-bottom:20px;
        display:flex
    }
    .eight-service-section .eight-service-text h2 {
        width:100%;
        margin:0;
        padding:0
    }
    .elementor-element,.elementor-widget-wrap>.elementor-element {
        padding:0px
    }
    .dia-testimonial-section {
        padding:45px 0 60px
    }
    .dia-testimonial-section .carousel-inner .carousel-item {
        padding:50px 30px 60px
    }
    .dia-testimonial-section .carousel-inner .dia-testimonial_text {
        font-size:18px
    }
    .dia-testimonial-section .carousel-inner .dia-testimonial_meta h4 {
        font-size:26px
    }
    .dia-testimonial-section .dia-testimonial_slider-area:after {
        top:-15px;
        font-size:40px
    }
}
.carousel-item {
    opacity:0;
    transition:opacity 1s ease-in-out
}
.fade-in {
    animation:1s ease-in-out fadeIn
}
.carousel-indicators2 li {
    /* pointer-events:none!important */
}
#content_block_09 .content-box #contact-forms {
    position:relative;
    display:block;
    background:#fff;
    padding:56px 40px 20px;
    border-radius:5px;
    box-shadow:0 0 50px rgba(2,13,49,.2)
}
#content_block_09 .content-box #contact-forms:before {
    position:absolute;
    content:'';
    background:#fff;
    width:100%;
    height:calc(100% - 40px);
    left:20px;
    top:20px;
    z-index:-1;
    border-radius:5px
}
#content_block_09 .content-box #contact-forms .form-group {
    position:relative;
    margin-bottom:26px
}
#content_block_09 .content-box #contact-forms .form-group label {
    position:relative;
    display:block;
    font-size:16px;
    font-family:'Josefin Sans',sans-serif;
    color:#1d165c;
    font-weight:600;
    margin-bottom:13px
}
#content_block_09 .content-box #contact-forms .form-group label i {
    font-size:14px;
    color:#7f7f7f;
    margin-right:10px
}
#content_block_09 .content-box #contact-forms .form-group option:focus,#content_block_09 .content-box #contact-forms .form-group option:hover {
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)!important
}
#content_block_09 .content-box #contact-forms .form-group input[type=email],#content_block_09 .content-box #contact-forms .form-group input[type=text],#content_block_09 .content-box #contact-forms .form-group select,#content_block_09 .content-box #contact-forms .form-group textarea {
    position:relative;
    width:100%;
    height:55px!important;
    border:1px solid #e5e5e5;
    border-radius:3px;
    padding:10px 20px;
    font-size:16px;
    font-style:italic;
    transition:.5s;
    color:#020d31
}
#content_block_09 .content-box #contact-forms .form-group textarea {
    display:block;
    height:47px;
    resize:none;
    margin-bottom:4px
}
#content_block_09 .content-box #contact-forms .form-group button {
    color:#fff!important;
    display:block;
    width:100%;
    height:55px!important;
    border:none
}
.contact-section .image-box {
    position:relative;
    display:block;
    margin:15% -30% 0 20%
}
.info-section .inner-container {
    position:relative;
    width:100%
}
.info-section .inner-container .info-inner {
    position:absolute;
    width:100%;
    left:0;
    top:-105px;
    right:0;
    z-index:1;
    margin:0 15px;
    border-radius:10px;
    overflow:hidden
}

.info-section .inner-container .info-inner .info-column {
    position:relative;
    padding:0;
    background:#fff
}
.info-section .inner-container .info-inner .info-column:before {
    position:absolute;
    content:'';
    background:rgba(255,255,255,.05);
    width:100%;
    height:0%;
    left:0;
    bottom:0;
    right:0;
    transition:.5s
}
.info-section .inner-container .info-inner .info-box {
    position:relative;
    padding:35px 30px 30px 40px;
    height:100%
}
.info-section .inner-container .info-inner .info-box .hidden-icon {
    position:absolute;
    right:30px;
    bottom:10px;
    font-size:120px;
    line-height:120px;
    background:linear-gradient(to right,#fcbb0aaf,#fb391298,#ca279c9d);
    background-clip:text;
    color:transparent;
    transform:rotate(-45deg);
    opacity:.1;
    -webkit-transition-delay:.3s;
    transition-delay:.3s;
    -webkit-transition-timing-function:ease-in-out;
    transition-timing-function:ease-in-out;
    -webkit-transition-duration:.6s;
    transition-duration:.6s
}
.info-section .inner-container .info-inner .info-box .box {
    position:relative;
    padding-left:73px;
    margin-bottom:18px
}
.info-section .inner-container .info-inner .info-box .box .icon-box {
    position:absolute;
    left:0;
    top:5px;
    font-size:45px;
    line-height:45px;
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone
}
.info-section .inner-container .info-inner .info-box .box h4 {
    color:#1d165c;
    font-weight:500
}
.info-section .inner-container .info-inner .info-box .box span {
    position:relative;
    display:block;
    font-size:12px;
    line-height:20px;
    color:#666;
    text-transform:uppercase
}
.info-section .inner-container .info-inner .info-box .text p,.info-section .inner-container .info-inner .info-box .text p a {
    color:#1d165c
}
.info-section .inner-container .info-inner .info-box .text p a:hover {
    text-decoration:underline;
    background-image:linear-gradient(to right,#0b6dc9b2,#b734e6a7,#f43e109f);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone
}
.info-section.alternate-2 {
    position:relative;
    padding:50px 0
}
.info-section.alternate-2 .inner-container .info-inner {
    position:relative;
    top:0;
    border-radius:5px;
    box-shadow:0 0 30px rgba(0,0,0,.1)
}
.info-section.alternate-2 .inner-container .info-inner .info-box .box span {
    color:#666
}
.info-section.alternate-2 .inner-container .info-inner .info-box .hidden-icon {
    background:linear-gradient(to right,#fcbb0a86,#fb391280,#ca279c7f);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone
}
.info-section.alternate-2 .inner-container .info-inner .info-column {
    background:#fff;
    overflow:hidden;
    transition:.5s
}
.info-section.alternate-2 .inner-container .info-inner .info-column:hover {
    box-shadow:0 0 30px rgba(0,0,0,.1);
    z-index:1
}
.contact-section.alternate-2 {
    position:relative;
    padding-bottom:50px
}
.contact-section .pattern-layer {
    position:absolute;
    left:0;
    top:-225px;
    right:0;
    width:100%;
    height:940px;
    background-size:cover;
    background-repeat:no-repeat;
    z-index:-1
}
#content_block_09 .form-group .theme-btn.style-one {
    padding:12px 30px
}
.cicd_section {
    padding:30px 0
}
table {
    width:100%;
    border-collapse:collapse
}
.cicd_contain {
    height:100%;
    overflow:hidden
}
.cicd_contain_inner {
    height:33.33%;
    display:flex;
    justify-content:start;
    align-items:center;
    overflow:hidden
}
.cicd_contain_inner .elementor-divider {
    height:100%;
    display:flex;
    justify-content:start;
    align-items:end;
    margin-bottom:15px
}
.cicd_contain_inner .elementor-widget-container {
    height:100%;
    display:flex;
    justify-content:start;
    align-items:center
}
.cicd_contain_inner .elementor-widget-container h2 {
    font-weight:800
}
.cicd_contain_inner p {
    height:100%;
    display:flex;
    justify-content:start;
    align-items:start;
    margin-bottom:0
}
.cicd_proccess_img {
    padding:30px 10px
}
.cicd_proccess_img img {
    width:100%;
    height:100%
}
.cicd_contain_right {
    justify-content:end;
    align-items:end;
    text-align:end
}
@media only screen and (max-width:760px) {
    .dia-banner-btn .dia-play-btn {
        z-index:1
    }
    .dia-main-header .dropdown .dropdown-menu li a:hover {
        background:#fff
    }
    .dia-main-header .dia-logo a img {
        height:45px
    }
    .dia-mobile_menu .dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav .dropdown-menu {
        border-top:0;
        box-shadow:none;
    }
    .dia-testimonial-section .carousel-inner .carousel-item {
        height:auto
    }
    .cicd_contain_inner,.cicd_contain_right {
        justify-content:center!important;
        align-items:center!important;
        text-align:center!important;
        height:auto!important;
        padding-top:20px!important
    }
    table {
        display:block;
        overflow-x:auto;
        white-space:nowrap
    }
    table,tbody,td,th,thead,tr {
        width:100%;
        display:block;
    }
}
.common-space {
    margin-top:50px;
    padding:50px 0;
    background-color:#f0f2f7
}
.custom-ai-sol-wrapper {
    margin:0 100px;
    padding:50px 40px 20px;
    position:relative;
    z-index:5;
    border-radius:32px;
    background-color:#fff
}
.process-content li {
    padding-left:88px;
    padding-bottom:32px;
    position:relative
}
.process-content ul li:after,.process-content ul li:before {
    content:"";
    position:absolute;
    left:20px;
    top:0;
    width:2px;
    height:100%;
    background-color:var(--border-color-gray5)
}
.process-content ul li:after {
    max-height:0;
    transition:1.5s;
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d)
}
.process-content li .count,.process-content li .count-hover {
    text-align:center;
    background-color:#fff;
    color:#fff;
    -webkit-text-stroke:1px var(--border-color-gray5)
}
.gradient-border:hover:after,.process-content li .count-hover {
    background:linear-gradient(to right,#fcbc0a ,#fb3912 ,#ca279d)
}
.process-content li .count-hover {
    letter-spacing:1px;
    padding-inline:2px;
    z-index:50;
    overflow:hidden;
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-stroke:3px transparent;
    color:#fff;
    max-height:0;
    transition:max-height 6s
}

.process-content li .anime-box {
    left:0;
    top:0;
    position:absolute;
    width:100%;
    background-color:#fff;
    z-index:-1
}
.animate-count-box {
    position:absolute;
    left:0;
    top:0;
    width:46px;
    height:39px
}

.animate-count-box h4 {
    font-weight:700
}
.h6,h6 {
    font-size:20px!important
}
.h6:hover,h6 {
    cursor:pointer;
    color:#000
}
.process-content li.animate-count-hover .anime-box {
    z-index:5
}
.process-content li:after {
    max-height:0
}
.process-content li.animate-count-hover .count-hover {
    max-height:300px
}
.process-content li.animate-line:after {
    max-height:100%
}
@media screen and (max-width:991px) {
    .dia-testimonial-section .carousel-indicators,.dia-testimonial-section .dia-testimonial_slider-area .test-shape1,.dia-testimonial-section .dia-testimonial_slider-area .test-shape2 {
        display:none
    }
    .dia-testimonial-section {
        overflow:hidden
    }
    .dia-testimonial_indicator-dot .carousel-indicators2 {
        display:flex;
        justify-content:center;
        width:100%;
        top:110%;
        margin-inline:5px;
        left:0;
        padding-left:0;
        margin-bottom:0;
        position:absolute;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    .dia-testimonial_indicator-dot .carousel-indicators2 li {
        background-color:#282350;
        margin-inline:5px
    }
    .custom-ai-sol-wrapper {
        margin:0 50px
    }
}
@media screen and (max-width:760px) {
    .custom-ai-sol-wrapper {
        margin:0;
        padding:50px 10px 20px
    }
    .process-content li {
        padding-left:60px;
        padding-bottom:50px
    }
    .process-content li p {
        font-size:15px
    }
}
.gradient-border-2:hover:after,.gradient-border-3:hover:after,.gradient-border:hover:after,.gradient-border-4:hover:after {
    top:calc(-1 * var(--borderWidth));
    left:calc(-1 * var(--borderWidth));
    height:calc(100% + var(--borderWidth) * 2);
    width:calc(100% + var(--borderWidth) * 2);
    animation:.5s alternate forwards open;
    content:''
}
.gradient-border,.gradient-border-2,.gradient-border-4 {
    --borderWidth: 4px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}
.gradient-border,.gradient-border-2,.gradient-border-3,.gradient-border-4 {
    position:relative;
    background: #fff;
}
.gradient-border {
    border-radius:var(--borderWidth);
    transition:.3s;
    border:1px solid #16dce8
}
.gradient-border:hover:after {
    position:absolute;
    border-radius:calc(2 * var(--borderWidth));
    z-index:-1;
    background-size:300% 300%;
    border-radius:45px;
    -webkit-border-radius:45px;
    -moz-border-radius:45px;
    -ms-border-radius:45px;
    -o-border-radius:45px
}

@keyframes open {
    0% {
        width:0;
        height:0
    }
    50% {
        width:button-width/2;
        height:0
    }
    100% {
        width:button-width/2;
        height:button-height
    }
}
@keyframes openB {
    0% {
        width:0
    }
    100% {
        width:button-width/2
    }
}
.gradient-border-2 {
    border-radius:var(--borderWidth);
    transition:.3s;
    border:1px solid #fb3912
}
.gradient-border-2:hover:after {
    position:absolute;
    background:linear-gradient(#fcbc0a ,#fb3912 ,#ca279d 100%);
    border-radius:calc(2 * var(--borderWidth));
    z-index:-1;
    background-size:300% 300%;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px
}
.gradient-border-3 {
    --borderWidth:5px;
    border-radius:var(--borderWidth);
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    border:1px solid #fb3912
}
.gradient-border-3:hover:after {
    position:absolute;
    background:linear-gradient(145deg,#fcbc0a,#fb3912,#ca279d);
    border-radius:calc(2 * var(--borderWidth));
    z-index:-1;
    background-size:300% 300%;
    border-radius:5px
}
.gradient-border-4{
    border-radius:var(--borderWidth);
    transition:.3s;
    border:1px solid #fb3912
}
.gradient-border-4:hover:after {
     position:absolute;
    background:linear-gradient(#fcbc0a ,#fb3912 ,#ca279d 100%);
    border-radius:calc(2 * var(--borderWidth));
    z-index:-2;
    background-size:300% 300%;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px
}


.project-two-column {
    position:relative;
    padding:130px 0 80px
}
.project-page .case-block-two {
    margin-bottom:43px
}
.project-page .case-block-two .inner-box .lower-content .box h3 {
    font-size:24px;
    line-height:32px
}
.project-two-column .case-block-two .inner-box .lower-content {
    padding-top:29px
}
.project-three-column {
    position:relative;
    padding:5px 0 130px
}
.case-studies .case-block-two {
    margin-bottom:40px
}
.case-studies {
    padding:140px 0 130px
}
.case-studies .pagination-wrapper {
    position:relative;
    display:block;
    margin-top:20px
}
h4 a {
    font-size:21px
}
.case-block-two .inner-box .image-box,.case-block-two .inner-box .image-box img {
    width:100%;
    border-radius:10px 10px 0 0!important
}
.case-style-two {
    position:relative;
    padding:125px 0;
    background:#fff
}
.case-style-two .top-inner {
    position:relative;
    margin-bottom:40px
}
.case-style-two .top-inner .btn-box {
    position:relative;
    margin-top:60px
}
.case-style-two .top-inner .btn-box .theme-btn {
    padding:11px 38px
}
.case-block-two .inner-box {
    position:relative;
    display:block;
    background:#f4f4f4!important;
    border-radius:10px!important
}
.case-block-two .inner-box .image-box {
    position:relative;
    display:block;
    overflow:hidden
}
.case-block-two .inner-box .image-box .link {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1
}
.case-block-two .inner-box .image-box .link a {
    position:relative;
    display:inline-block;
    font-size:35px;
    line-height:35px;
    color:#fff;
    transform:scale(0,0)
}
.case-block-two .inner-box:hover .image-box .link a,.case-block-two .inner-box:hover .image-box .overlay-layer {
    transform:scale(1,1)
}
.case-block-two .inner-box .image-box .overlay-layer {
    position:absolute;
    left:0;
    top:0;
    right:0;
    width:100%;
    height:100%;
    transform:scale(0,0);
    transition:.5s;
    border-radius:0!important;
    background:linear-gradient(to right,#fcbb0a9e,#fb39129e,#ca279c94)!important
}
.case-block-two .inner-box .lower-content {
    position:relative;
    padding:15px!important
}
.case-block-two .inner-box .lower-content .box {
    position:relative;
    text-align:left
}
.case-block-two .inner-box .lower-content .box .icon-box {
    position:absolute;
    left:0;
    top:8px;
    font-size:50px;
    line-height:50px;
    color:#d0d0d0
}
.case-block-two .inner-box .lower-content .box p {
    margin-top:15px;
    position:relative;
    font-size:15px;
    line-height:26px;
    margin-bottom:15px
}
.case-style-two .owl-dots {
    position:relative;
    display:block;
    text-align:center;
    margin-top:33px
}
.case-style-two .owl-theme .owl-dots .owl-dot span {
    position:relative;
    display:inline-block;
    width:10px;
    height:10px;
    background:#aeaeae;
    border-radius:50%;
    cursor:pointer;
    margin:0 8px;
    transition:.5s
}
.case-style-two .owl-theme .owl-dots .owl-dot span:before {
    position:absolute;
    content:'';
    background:#fff;
    width:6px;
    height:6px;
    border-radius:50%;
    left:2px;
    top:2px;
    transition:.5s
}
.pimg {
    height:260px!important;
    padding:0
}
.link {
    text-align:center!important
}
.btn-style-four {
    margin-top:5px!important;
    font-weight:600;
    margin-bottom:10px!important;
    padding:10px 20px 10px 21px!important;
    border-radius:25px!important;
    background-color:transparent!important
}
.btn-style-four:hover {
    background:linear-gradient(to right,#fcbc0a,#fb3912,#ca279d)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:transparent!important;
    box-decoration-break:clone!important;
    -webkit-box-decoration-break:clone!important;
    box-shadow:rgba(99,99,99,.2) 0 2px 8px 0!important
}

.info-section .inner-container .info-inner:hover .hidden-icon {
    opacity: 1;
    transform: scale(1.1) rotate(-20deg);
}

.dia-next_prev-buttons {
    position: absolute;
    bottom: -70px;
    left: 0;
}
.dia-next_prev-buttons i.fas {
    position: relative;
    z-index: 1000;
}
/*.dia-next_prev-buttons button {*/
/*    height: 50px;*/
/*    width: 50px;*/
/*    background: #ffffff;*/
/*    color: #00133e;*/
/*    border: 2px solid #00133e;*/
/*    cursor: pointer;*/
/*    border-radius: 50px;*/
/*    margin-right: 20px;*/
/*}*/

/*.dia-next_prev-buttons button:hover {*/
/*    background: linear-gradient(81deg, rgb(255, 102, 0) 0px, rgb(255, 153, 3) 75%, rgb(255, 203, 5) 100%);;*/
/*}*/