.navbar-area .navbar-brand img{max-width: 250px!important;}
.header-hero::before{background:transparent!important}
.header-hero{ height: auto!important; letter-spacing: 2px;}
.header-hero .header-content .header-title{font-size: 32px;}
.header-hero h4{font-size: 20px; font-weight: 100;}
@media (max-width: 767px) { .header-hero {height: auto!important;} }
/* .services-title{background-color:#141414; padding: 5px; text-align: center;}
.services-title a{color: #fff!important; margin-top: 0!important; font-size: 15px!important;}
.single-services:hover{background-color: transparent;}
.single-services{box-shadow:0px 5px 30px 0px rgba(1, 0, 1, 0.195); padding: 0px!important} */
.industries-served img{max-height: 50px;}
.industries-served p{line-height: 20px; font-weight: 100; margin-top: 10px;}
.portal-development{background-color: #141414!important;}
.cust-btn{background-color: #9b9b9b;
    border: 1px solid #9b9b9b;
    padding: 2px 15px;
    line-height: 35px;
color: #fff;}
.cust-btn-white{    background-color: transparent;
    border: 1px solid;
    padding: 2px 15px;
    line-height: 35px;}
.navbar-area.navbar-transparent.sticky{background-color: #141414!important;}
.company-section{background-color: #141414!important;}
.company-section .services-content{ border-bottom: 1px solid #fff; padding-bottom: 20px; padding-top: 20px;}
.copyright p {font-size: 13px!important;}
.back-to-top{background-color: #141414; color: #fff;}
.back-to-top:hover{background-color: #141414; color: #fff;}
.navbar-area.navbar-transparent.sticky .navbar .navbar-nav .nav-item a{ color: #fff; }
.disable-selection {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none;
  }
/* CSS Start */
.cust-header-hero{min-height: 500px!important;}
.cust-header-hero .header-content .header-title{line-height: 40px!important;}
.header-hero::before{background:transparent!important}
@media (max-width: 767px) {
    .header-hero {height: 1200px!important;}
}
.navbar-area .navbar .navbar-nav .nav-item a {text-transform: none!important;font-weight: 400!important;padding: 10px 5px!important;margin-right: 10px;}
.header-hero .header-content{padding-top: 135px;}
@media only screen and (min-width: 991px) {
    .cust-nav-item a {border: 1px solid #fff;transition: all 0.3s ease-out 0s;}
    .cust-nav-item-white a{background-color: #fff;color: #141414!important;}
}
.cust-client .slick-arrow ,.ecoSystem .slick-arrow {position: absolute;top: 50%;margin: -20px 0px 0px 0px;z-index: 10;font-size: 0;width: 30px;height: 30px;}
.cust-client .slick-arrow.slick-prev ,.ecoSystem .slick-arrow.slick-prev {left: 0;background: url("https://img.icons8.com/ios/50/000000/long-arrow-left.png") 0 0 / 100% no-repeat;border: none;}
.cust-client .slick-arrow.slick-prev{left: -30px !important;}
.cust-client .slick-arrow.slick-next , .ecoSystem .slick-arrow.slick-next {right: 0;background: url("https://img.icons8.com/ios/50/000000/long-arrow-right.png") 0 0 / 100% no-repeat;border: none;}
.product-info .slick-arrow.slick-prev{right: 10%;background: url("https://img.icons8.com/ios/50/000000/long-arrow-left.png") 0 0 / 100% no-repeat;border: none;}
.product-info .slick-arrow.slick-next{right: 0;background: url("https://img.icons8.com/ios/50/000000/long-arrow-right.png") 0 0 / 100% no-repeat;border: none;}
.product-info .slick-arrow {position: absolute;bottom: 2%;margin: -20px 0px 0px 0px;z-index: 10;font-size: 0;width: 30px;height: 30px;}
.bg-black{background: #141414;}
.bg-black .about-title, .bg-black .text{color: #fff!important;}
.call-action-3{background: #141414;}
.call-action-content h1{ font-size: 30px; font-weight: 500;}
.call-action-content h1 b{text-decoration: underline;}
.portfolio-menu ul li{padding: 10px;font-weight: 500;}
.testimonial-area, .blog-area{background-color: #141414;}
.single-testimonial{min-height: 390px;}
.testimonial-active-2 .slick-dots li.slick-active button, .testimonial-active .slick-dots li.slick-active button{background-color: #fff!important;}
.client-logo-area, .blog-area{padding-top: 50px;padding-bottom: 50px;}
.call-action-3 .call-action-form .action-btn .main-btn{color: #141414;}
.contact-area{background-color: #fff;}
.cust-social li a{font-size: 10px!important;}
.dropdown-item{color: #141414!important;padding-top: 5px!important;}
.product-info-btn{border:1px solid gray}
.overlay{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;z-index: 999;}
.overlay:target{visibility: visible;opacity: 1;}
.popup{margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;width: 80%;position: relative;transition: all 5s ease-in-out;}
.popup .close{position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;z-index: 999;}
.button{cursor: pointer;transition: all 0.3s ease-out;}
.close{cursor: pointer;}
.footer-area .footer-widget{padding-top: 10px; padding-bottom: 10px;}
.footer-area .footer-copyright{padding-top: 10px;padding-bottom: 10px;}
.footer-area .footer-widget .footer-link{margin-top: 10px;}
.footer-area .footer-widget .footer-link ul li a{font-size: 14px;}
.single-services .services-icon svg{font-size: 34px; color: #38f9d7;}
.single-services:hover .services-icon svg{color: #fff;}
.crm-keypoint i, .crm-keypoint svg{font-size: 34px; color: #fff;}
.single-services:hover .services-title{color: #fff;}
.single-services .services-icon, .single-services .services-content .services-title{text-align: center;}
.services-content .services-title{margin-top: 25px;}
.single-services:hover{background-color: #141414;}
.single-services .services-icon i, .single-services .services-icon svg{color: #141414;}