.slide-out-div {
            z-index: 999;
            position: fixed !important;
            height: auto !important;
            top: 35% !important;
            left: -3px;
            cursor: pointer;
        }
        .newbox .box{padding: 9px 12px !important;}
        .with-errors{ color:red;}
        /*.custom-list .list-group-item{   
        border: 1px solid #eeeeee;
        position: relative;
        z-index: 1;
        display: block;
        padding: 15px 12px;
        color: #6084a4;
        font-weight: 500;
        border-radius: 3px;
        background-color: #ffffff;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
        margin-bottom: 10px;}*/


        .modal-header{
            padding: 9px 20px; 
            background: #f27135;
            border-bottom: none;
        }
        .Popup-FM .form-group{margin-bottom: 12px;}
        .modal-header .modal-title{color: #fff; font-size: 15px;}
        .modal-footer{padding: 0px; border-top: none;}
        .custom-list .list-group-item:focus{box-shadow: none; outline: 0;}
        .bd-radius{border-radius: 8px;}
        .popup-gallery a {
            width: 100%;
            height: 230px;
        }
        .popup-gallery a img{
            width: 100%;
            height: 230px;
        }
        .index_ser li{color:#484f55;margin-bottom:10px;}
        .section-title1 h1{font-size: 30px;
        margin-bottom: 20px;
        font-weight: 600;}
        .section-title1-cus h1{
          font-size: 28px;
        margin-bottom: 20px;
        font-weight: 500;
        text-align: center;
      }

        /* custom slide style */
        .main-slide {
          display:block;
          /*margin:30px;*/
        }
        .main-slide .single-solutions-box{
            margin: 5px;
        }
        @media (max-width: 500px){
            .main-slide {
              display:block;
              margin:30px;
            }   
        }
        .slick-next:before, .slick-prev:before {
            font-size: 20px;
            line-height: 1;
            opacity: .75;
            color: #3558a9;
        }
        
        /*Privacy Cookies*/
            .cookie-container p {
                line-height: 1.8;
                color: #fff;
                top: 14px;
                position: relative;
            }

            .wrapper {
              padding: 32px;
            }

            .cookie-container {
              position: fixed;
              background-color: rgba(56, 61, 69, 0.95);
              color: #fff;
              padding: 0 32px;
              box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
              height: 110px;
              transition: 400ms;
            }

            .cookie-container.active {
              bottom: 0%;
              z-index: 101;
            }

            .cookie-container a {
              color: black;
            }

            .cookie-btn {
              background: #e84118;
              border: 0;
              color: #f5f6fa;
             padding: 5px 22px;
              font-size: 18px;
              margin-bottom: 16px;
              border-radius: 8px;
              cursor: pointer;
              float: right;
            }
            /*End Cookies*/
        @media (max-width: 576px){
          .cookie-container.active {
              bottom: 10%;
          }
          .cookie-container {
              position: fixed;
              left: 5%;
              right: 5%;
          }
        }
        .top-client{
            /* border: 1px solid #ccd8dc87; */
            width: fit-content;
            height: auto;
        }
    @media only screen and (max-width: 600px) {
  .clients-carousel .owl-item div div {
    padding: 5px 8px 5px 8px;
    margin-top: 10px;
    width: 107px;
    height: 38px;
    /* margin: 3px 2px 11px 10px; */
}
}

#modalOverlay {
    position: fixed;
    /* right: 0%; */
    bottom: 0;
    /* z-index: 1111;
    height: 50%;
    width: 50%; */
    margin: auto;
    z-index: 1111;
    height: 100vh;
    background: #00000061;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modalPopup {
    position: absolute;
    /* right: 10%; */
    /* bottom: 2%; */
    border-radius: 0;
    background: #fff;
    max-width: 480px;
    -webkit-box-shadow: 0 4px 15px 6px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    box-shadow: 0 4px 15px 6px rgb(0 0 0 / 20%);
}
.modalContent {
    padding: 1.8em 1.8em;
}

.desige-form h2{
    font-family: fangsong !important;
}

.buttonStyle{
    border: none;
  background: none;
  font-size: 32px;
  margin-right: -19px;
  margin-top: -12px;
  cursor: pointer;
}
button:focus {
    outline: none;
}
.modalPopup .modalContent .desige-form .float-right{
    margin-top: -13px;
}


.modalPopup {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s normal linear;
            animation-iteration-count: 1;
            transform: scale(1);
}

@keyframes fadein {
    0% { transform: scale(0);}
    10% {transform: scale(0.1); }
    20% {transform: scale(0.2); }
    30% {transform: scale(0.3); }
    40% {transform: scale(0.4); }
    50% {transform: scale(0.5); }
    60% {transform: scale(0.6); }
    70% {transform: scale(0.7); }
    80% {transform: scale(0.8); }
    90% {transform: scale(0.9); }
    100% {transform: scale(1); }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  0% { transform: scale(0);}
  10% {transform: scale(0.1); }
  20% {transform: scale(0.2); }
  30% {transform: scale(0.3); }
  40% {transform: scale(0.4); }
  50% {transform: scale(0.5); }
  60% {transform: scale(0.6); }
  70% {transform: scale(0.7); }
  80% {transform: scale(0.8); }
  90% {transform: scale(0.9); }
  100% {transform: scale(1); }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    0% { transform: scale(0);}
    10% {transform: scale(0.1); }
    20% {transform: scale(0.2); }
    30% {transform: scale(0.3); }
    40% {transform: scale(0.4); }
    50% {transform: scale(0.5); }
    60% {transform: scale(0.6); }
    70% {transform: scale(0.7); }
    80% {transform: scale(0.8); }
    90% {transform: scale(0.9); }
    100% {transform: scale(1); }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    0% { transform: scale(0);}
    10% {transform: scale(0.1); }
    20% {transform: scale(0.2); }
    30% {transform: scale(0.3); }
    40% {transform: scale(0.4); }
    50% {transform: scale(0.5); }
    60% {transform: scale(0.6); }
    70% {transform: scale(0.7); }
    80% {transform: scale(0.8); }
    90% {transform: scale(0.9); }
    100% {transform: scale(1); }
}
 
/* Opera < 12.1 */
@-o-keyframes fadein {
  0% { transform: scale(0);}
  10% {transform: scale(0.1); }
  20% {transform: scale(0.2); }
  30% {transform: scale(0.3); }
  40% {transform: scale(0.4); }
  50% {transform: scale(0.5); }
  60% {transform: scale(0.6); }
  70% {transform: scale(0.7); }
  80% {transform: scale(0.8); }
  90% {transform: scale(0.9); }
  100% {transform: scale(1); }
}
.slider.clients-carousel .slick-slider {
  margin-bottom: 0px !important;
}