body {
     font-family: var(--whyte);
     font-weight: normal;
     font-style: normal;
     color: var(--text-color);
     font-size: 18px;
     line-height: 32px;
     overflow-x: hidden;
     background: #000;
}
 p{
     color: #B1B1B1;
}
 .wpml-ls-legacy-list-horizontal a{
     color: #ffffff;
}
 .header-navigation .main-menu ul li > a{
     color: var(--color-white);
}
 .header-navigation .main-menu ul > li.has-children > a:before{
     color: var(--color-white);
}
 .header-navigation.sticky{
     background: #000;
}
 #digitx-conainer{
    height: 100vh;
    position: relative;
    padding: 0px;
    margin: 0px;
}
 #digitx-conainer .container{
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: fit-content;
}
 #digitx-conainer .waves{
     position: absolute;
     top: 0px;
}
 .saal-inner__page {
     margin-top: -40px;
     margin-top: 0px;
     position: relative;
}
 .saal-inner__page .container{
     background: none;
     max-width: 1040px;
     padding: 0px;
     border: none;
     border-radius: 0px;
}
 .saal-inner__page .section-title__digixt h2{
     font-weight: 700;
     font-size: 88px;
     line-height: 100px;
     color: #FF9E00;
     padding: 0px;
     margin: 0px;
     font-size: 5.5rem;
}
 .digixt-home-block{
     margin: 0px;
}
 .digixt-home-block .col-lg-2{
     padding: 0px;
}
 .digixt-home-block .col-lg-9{
     padding: 0px;
}
 .digixt-home-block h4{
     font-weight: 700;
     font-size: 32px;
     line-height: 100%;
     color: #FF9E00;
     margin-bottom: 20px;
}
 .img-holder-box1{
     position: absolute;
     right: -200px;
     top: -30px;
}
 .img-holder-box2{
     position: absolute;
     left: 0px;
     bottom: -150px;
}
 .img-holder-box3{
     position: absolute;
     top: 14px;
     left: 230px;
}
 .img-holder-box4{
     position: absolute;
     top: 100px;
     right: 0px;
}
 .img-holder-box5{
     position: absolute;
     left: 10px;
     bottom: -50px;
}
 .saal-inner__page .img-holder-box4 .shape-two{
     top: 0px;
     position: relative;
     max-width: 100%;
     right: 0px;
}
 .image-gradient-container{
     position: relative;
     border-radius: 10px;
}
 .image-gradient-container:after{
     content: "";
     background: linear-gradient(123.2deg, #1FC0DB 0%, rgba(31, 192, 219, 0) 94.57%);
     mix-blend-mode: color;
     opacity: 0.75;
     border-radius: 10px;
     position: absolute;
     top: 0px;
     width: 100%;
     height: 100%;
     display: block;
}
 .image-gradient-container img{
     border-radius: 10px;
}
 .digixt-accordion .accordion>.card{
     background: none;
     border-bottom: 1px solid #969696;
     border-radius: 0px !important;
     padding: 25px 0px;
     margin: 0px;
}
 .digixt-accordion .accordion>.card:first-child{
     padding-top: 0px;
}
 .digixt-accordion .accordion>.card>.card-header{
     background: none;
     border-radius: 0px;
     padding: 0px;
}
 .digixt-accordion .accordion>.card>.card-header a{
     font-weight: 700;
     font-size: 36px;
     line-height: 100%;
     color: #0090D4;
     margin: 0px;
     padding: 0px;
}
 #faq .card .card-header .btn-header-link.collapsed:after {
     background: url(../images/digixt-down-arrow.svg) no-repeat;
}
 #faq .card .card-header .btn-header-link:after{
     background: url(../images/digixt-up-arrow.svg) no-repeat;
}
 .digixt-accordion .accordion .card-body{
     padding: 0px;
     margin-top: 15px;
     padding-left: 4px;
}
 .digixt-accordion .accordion .card-body h4{
     font-weight: 400;
     font-size: 24px;
     line-height: 100%;
     color: #B1B1B1;
     margin-bottom: 10px;
}
 .digixt-accordion .accordion .card-body ul{
     padding-left: 20px;
}
 .digixt-accordion .accordion .card-body ul li{
     font-weight: 350;
     font-size: 16px;
     line-height: 30px;
     color: #B1B1B1;
     list-style: disc;
}
 .saal-divider__three{
     border-top: 1px solid #969696;
     width: 100%;
}
 .service-digixt{
     background: #1C1C1C;
     border-radius: 8px;
     border: none;
     padding: 35px 30px;
     min-height: 340px;
     display: flex;
     flex-direction: column;
}
 .service-digixt .icon {
     margin-bottom: 20px;
}
 .service-digixt .text{
     display: flex;
     flex-direction: column;
     flex: 1;
}
 .service-digixt .text h3.title{
     font-weight: 700;
     font-size: 32px;
     line-height: 32px;
     color: #00B850;
     width: 60%;
}
 .service-digixt .text .text-digixt{
     margin-top: auto;
}
 .service-tab{
     text-align: center;
     min-height: inherit;
     padding: 0px;
}
 .service-tab{
     padding: 30px 20px;
     cursor: pointer;
}
 .service-tab:hover, .service-tab.active{
     background: #FF9E00 !important;
}
 .service-tab .text h3.title{
     width: 100%;
     margin: 0px;
     color: #FF9E00;
     font-weight: 700;
     font-size: 32px;
     line-height: 32px;
}
 .service-tab:hover .text h3.title, .service-tab.active .text h3.title{
     color: #000000;
}
 .section-title .st-one{
     font-weight: 700;
     font-size: 22px;
     line-height: 24px;
     color: #EFEFEF;
}
 .digixt-home__container .col-lg-4{
     margin: 30px 0px;
}
 .digixt-home__container .digixt-home-block h4{
     font-weight: 400;
     font-size: 36px;
     line-height: 36px;
     color: #FF9E00;
}
 .home-news-area{
     mix-blend-mode: normal;
}
 .solution-item .img-holder img{
     height: auto;
}
 .solution-item h4{
     font-weight: 700;
     font-size: 28px;
     line-height: 30px;
    /* or 107% */
     color: #EFEFEF;
}
 .saal_carousel__news2 {
     width: calc(50% + 50vw);
     cursor: all-scroll;
     cursor: url(../images/arrows.svg) 0 0, auto;
     transition: all 0.6s ease-out;
}
 .saal_carousel__item--bottom{
     border: 0.5px solid #969696;
     border-left: none;
     border-right: none;
}
 .saal_carousel__item--pub a {
     background: #0090D4;
     border-radius: 4px;
     color: #fff;
     padding: 5px 15px;
}
 .saal_carousel__item--date{
     color: #fff;
}
 .saal_carousel__item--date img{
     filter: invert(98%) sepia(0%) saturate(7500%) hue-rotate(163deg) brightness(101%) contrast(104%);
}
 .saal_carousel__news2 .slick-list {
     padding: 0 20% 0 0 !important;
}
 div.wpforms-container-full .wpforms-form button[type=submit]{
     background: #0090D4 !important;
     border-radius: 36px;
     color: #000 !important;
     border: none !important;
}
 .footer-widget .widget h4.widget-title{
     font-weight: 700;
     font-size: 20px;
     line-height: 30px;
     color: #B1B1B1;
}
 .footer-widget .widget p{
     font-weight: 350;
     font-size: 14px;
     line-height: 22px;
     color: #B1B1B1;
}
 .footer-widget .widget.footer-nav-widget .widget-nav {
     line-height: 22px;
}
 .footer-widget .widget.footer-nav-widget .widget-nav li a{
     font-style: normal;
     font-weight: 350;
     font-size: 14px;
     line-height: 22px;
     color: #B1B1B1;
}
 #serviceTab li{
     width: 50%;
}
 .tab-pane h2{
     font-weight: 700;
     font-size: 36px;
     line-height: 100%;
     color: #FF9E00;
     padding-bottom: 15px;
}
 .tab-pane p{
     font-weight: 350;
     font-size: 16px;
     line-height: 24px;
     color: #B1B1B1;
}
 .tab-pane h4{
     font-weight: 400;
     font-size: 24px;
     line-height: 100%;
     color: #B1B1B1;
     padding-bottom: 15px;
}
 .tab-pane ul{
     font-weight: 350;
     font-size: 16px;
     line-height: 30px;
     color: #B1B1B1;
     list-style: disc;
     padding-left: 15px;
     padding-bottom: 25px;
}
 .tab-pane a{
     border: 1px solid #FF9E00;
     border-radius: 36px;
     font-weight: 500;
     font-size: 18px;
     line-height: 100%;
    /* identical to box height, or 18px */
     text-align: center;
     color: #FF9E00;
     padding: 20px 30px;
}
 .tab-content{
     padding-left: 70px;
}
 .digixt-inner-content{
     padding-left: 70px;
}
 .digixt-inner-content h4{
     font-weight: 700;
     font-size: 36px;
     line-height: 100%;
     color: #FF9E00;
     margin-bottom: 20px;
}
 .digixt-inner-content ul{
     font-weight: 350;
     font-size: 16px;
     line-height: 30px;
     color: #B1B1B1;
     list-style: disc;
     padding-left: 20px;
}
 .digixt-inner-content ul li{
     border-bottom: 1px solid #969696;
     padding: 15px 0px;
}
 .digixt-inner-content ul li:first-child{
     padding-top: 0px;
}


.digixt-secondary-title h2{
    font-size: 3rem;
    line-height: 3.5rem;
}

/*.digixt-mt200{
    margin-top: 200px;
}*/


.saal_carousel__news2 .slick-list {
    margin: 0 -26px !important;
}

.header-navigation .navbar-toggler span {
    background-color: #fff;
}

 @media(max-width:767px) {
     .header-navigation .navbar-toggler span{
         background-color: #fff;
    }
     .digitx-area {
         height: auto;
         text-align: center;
         padding: 100px 0px;
         margin: 0px;
         padding-bottom: 0px;
    }
     #digitx-conainer{
         height: auto;
         padding: 150px 0px;
    }
     #digitx-conainer .col-lg-7 .text-wrapper.text-center{
         padding: 0px 30px;
         margin: 0px;
    }
     #digitx-conainer .col-lg-7 .text-wrapper{
         margin-bottom: 0px;
    }
     .saal-inner__page.about-area{
         margin-top: 0px !important;
    }
     .saal-inner__page .container{
         padding-left: 15px;
         padding-right: 15px;
         text-align: center;
         border: none !important;
    }
     .saal-inner__page .section-title__digixt h2 {
         font-size: 48px;
         line-height: 50px;
    }
     .digixt-home-block img{
         margin-bottom: 10px;
    }
     .image-gradient-container{
         margin-bottom: 30px;
    }
     .digixt-accordion .accordion>.card>.card-header a{
         text-align: center;
    }
     .digixt-tab-arrow{
         display: none;
    }
     .digixt-tab-menu .row{
         margin: 0px;
         display: block;
         text-align: center;
    }
     #serviceTab li{
         width: auto;
         left: 0px !important;
         top: 0px !important;
         display: inline-block;
    }
     .service-digixt .icon{
         display: none;
    }
     .service-tab{
         padding: 10px;
    }
     .service-tab .text h3.title{
         font-size: 22px;
    }
     .tab-content{
         padding-left: 0px;
         padding-top: 50px;
    }
     .remove-margin, .remove-margin .features-item{
         margin: 0px !important;
    }
     .digixt-tab-container{
         margin-top: 30px;
    }
     .section-title h2{
         text-align: center;
         width: 100% !important;
    }
     .digixt-howwe-container p{
         text-align: center;
    }
     .service-digixt .text h3.title{
         width: 100%;
         text-align: center;
    }
     .service-digixt{
         min-height: auto;
    }
     .digixt-home__container .col-lg-4{
         margin: 10px;
    }
     .digixt-home__container .digixt-home-block h4{
         font-size: 26px;
         line-height: 26px;
    }
/*     .saal_carousel__news2 .slick-list{
         padding: 0px !important;
    }*/
     .footer-widget .col-lg-3{
         left: 0px !important;
    }
     .digixt-inner-content{
         padding-left: 15px;
    }
     .ai-inner-page h2{
         width: 100% !important;
         text-align: center !important;
         font-size: 48px !important;
    }
     .ai-inner-page-boxes .wpb_single_image.vc_align_left{
         text-align: center;
    }

    .digit-imag-wave {
        display: block;
        transform: scale(2);
        bottom: 140px;
    }

    .footer-area .widget ul li {
    border-bottom: 1px solid #525252;
    padding: 5px 0px !important;
}

}
 

/**** NEW CSS **/
 @media only screen and (max-width : 1600px) {
    /* Styles here */
}
 @media only screen and (max-width : 1200px) {
    /* Styles here */
}
 @media only screen and (max-width : 768px) {
    /* Styles here */
}
 @media only screen and (max-width : 320px) {
    /* Styles here */
}
 @media only screen and (max-width : 200px) {
    /* Styles here */
}
 @media screen and (max-width: 400px) {
}
 @media screen and (min-width: 401px) and (max-width: 720px) {
}
 @media (max-width:991px) {
}
 @media (max-width:991px) and (min-width:768px) {
     .header-navigation .navbar-toggler span{
         background-color: #fff;
    }
     .digitx-area {
         height: auto;
         text-align: center;
         padding: 100px 0px;
         margin: 0px;
         padding-bottom: 0px;
    }

     #digitx-conainer .col-lg-7 .text-wrapper.text-center{
         padding: 0px 30px;
         margin: 0px;
    }
     #digitx-conainer .col-lg-7 .text-wrapper{
         margin-bottom: 0px;
    }
     .saal-inner__page.about-area{
         margin-top: 0px !important;
    }
     .saal-inner__page .container{
         padding-left: 15px;
         padding-right: 15px;
         text-align: center;
         border: none !important;
    }
     .saal-inner__page .section-title__digixt h2 {
         font-size: 48px;
         line-height: 50px;
    }
     .digixt-home-block img{
         margin-bottom: 10px;
    }
     .image-gradient-container{
         margin-bottom: 30px;
    }
     .digixt-accordion .accordion>.card>.card-header a{
         text-align: center;
    }
     .digixt-tab-arrow{
         display: none;
    }
     .digixt-tab-menu .row{
         margin: 0px;
         display: block;
         text-align: center;
    }
     #serviceTab li{
         width: auto;
         left: 0px !important;
         top: 0px !important;
         display: inline-block;
    }
     .service-digixt .icon{
         display: none;
    }
     .service-tab{
         padding: 10px;
    }
     .service-tab .text h3.title{
         font-size: 22px;
    }
     .tab-content{
         padding-left: 0px;
         padding-top: 50px;
    }
     .remove-margin, .remove-margin .features-item{
         margin: 0px !important;
    }
     .digixt-tab-container{
         margin-top: 30px;
    }
     .section-title h2{
         text-align: center;
         width: 100% !important;
    }
     .digixt-howwe-container p{
         text-align: center;
    }
     .service-digixt .text h3.title{
         width: 100%;
         text-align: center;
    }
     .service-digixt{
         min-height: auto;
    }
     .digixt-home__container .col-lg-4{
         margin: 10px;
    }
     .digixt-home__container .digixt-home-block h4{
         font-size: 26px;
         line-height: 26px;
    }
     .saal_carousel__news2 .slick-list{
         padding: 0px !important;
    }
     .footer-widget .col-lg-3{
         left: 0px !important;
    }
     .digixt-inner-content{
         padding-left: 15px;
    }
     .ai-inner-page h2{
         width: 100% !important;
         text-align: center !important;
         font-size: 48px !important;
    }

    .footer-widget .col-md-6.col-lg-12{
        -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }

    .digixt-inner-arch .col-md-5,
        .digixt-inner-arch .col-md-7{
 -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }

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

    .saal-inner__page{
        padding-left: 15px;
        padding-right: 15px;
    }

    .digixt-excel-container{
        padding-top: 70px;
    }

    .digixt-home-news{
        padding-top: 70px;
        padding-bottom: 70px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .digixt-contact-contatiner{
        padding-top: 70px;
        padding-bottom: 70px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .digixt-tab-container .row{
        margin: 0px;
    }

        .digixt-inner__page{
        padding-top: 100px;
    }

}
 @media screen and (min-width: 1024px) and (max-width: 1200px) {


    .saal-inner__page{
        padding-left: 15px;
        padding-right: 15px;
    }

    .digixt-excel-container{
        padding-top: 70px;
    }

    .digixt-home-news{
        padding-top: 70px;
        padding-bottom: 70px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .digixt-contact-contatiner{
        padding-top: 70px;
        padding-bottom: 70px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .digixt-tab-container .row{
        margin: 0px;
    }

    .digixt-inner-arch .row{
        margin: 0px;
    }

    .digixt-inner__page{
        padding-top: 100px;
    }


    .digixt-unlock-contaienr{
        padding: 150px 15px;
    }

}
 @media screen and (min-width: 1201px) and (max-width: 1440px) {

}
 @media screen and (min-width: 1441px) and (max-width: 1700px) {

}