html {
    scroll-behavior: smooth;
  }

.logo img{
    height:51px;

}
.nav-sticky{
    background-color: whitesmoke;;
}
hr{
    margin-top:0px;
}
.navbar_div{
    
 
}
.navbar a{
    color:#404956;
}
.navbar-nav .active{
    background: #17cc7d;
    border-radius: 25px;
   
}
.navbar-nav .active a{
    color: white !important;
}
#contact{
    margin-top: 80px;
}
.manage_staff{
    margin-left: auto;
    width: 88%;
}
.h1_tag{
    padding-top:10px;
}
.h1_tag p{
    color:#adb3c3;
}
.form-control-light{
    background-color: #f3f7f9!important;
    border-color: #f3f7f9!important;
}
.input_border{
    width: 94%;
    margin-left: -10px;
   
   
}
.input_border .form-control:focus{
    box-shadow:none !important;

}
.input_border input{
    height:44px;
    margin-top:12px;
    padding-left: 40px !important;
    padding-right: 20px !important;
    border-radius: 30px !important;

}


.input_border input::placeholder {
    color:#adb3c3 !important;
    opacity: 1; /* Firefox */
  }
  .input_border button{
    margin-top: 13px;
    background: #3b4956;

    color: white;
    border-radius: 30px;
    width: 100%;
  }
.features .card p{
    font-size: 12px;
    color:gray;
    line-height: 1;
}

.card_heading{
    margin-top: 7px;


}
.box{
    display: flex;
  
}
.team_bg_cl{
    background-color:#f5f6fa ;
}
.team_bg{
    margin: auto;
}
.smart_app{
    background-color:#f5f6fa ;
}
.pricing_sec{
    background-color:#17cc7d ; 
    color: white;
}
.free_trail_btn{
    background-color: white;
    color:#17cc7d ; 
}
.demo_btn{
    color: white;
    background-color: #44525f;
}
.btn_grp{
   
    height: 130px;
  
    display: flex;
    align-items: center;
}
.sms{
    padding-top: 7rem;
    background-image: url(../img/green-bg.png);

    
    
}
@media (min-width: 2500px){
    .sms{
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-position: fixed;
       
    }
    .sms .container-fluid, .team .container-fluid{
        max-width: 1140px !important;
    }

}

.laptop_bg{
    margin-top: auto;
}
.trail_btn{
    padding-right: 18px;
   
    padding-left: 18px;
    color: white;
    background-color:#17cc7d ; 
}
.testimonials img{
    width:97px;
}
.testimonial_p {
    
    margin-top: 13px;;
}
 #mobile_app .container1{
    margin: auto;
    width: 80%;
}
.testimonial_p p {
    font: 100 16px/26px "Poppins", sans-serif !important;
    line-height: 1 !important;;
}
.testimonial_sml,.testimonial_p{
    color:#6d7170;
}
.testimonial_sml{
    margin-top: -11px;;
}
/******* Footer ****/
.footer{
    color: #f3f7f9;
    background-color: #313443;

}
.footer ul li {
    display: inline-block;
    list-style: none;;
    padding-left: 20px;
}
.footer ul li  a{
color: #f3f7f9;
text-decoration: none;
}
.footer ul li .fa {
    padding-right: 8px;;
}
.contact_block p{
    padding-left: 55px;
    padding-top: 25px;
}
.second_footer{
    background-color: #0a0b10;
    color: #f3f7f9;
}
.second_footer ul li {
    display: inline-block;
    list-style: none;;
}
.second_footer ul > li {
    text-indent: -5px;
    margin-right: 6px;;
  }
.second_footer ul >li:not(:first-child):before{
    content: "|";
    text-indent: -5px;
    margin-right: 2px;;
  }
  .second_footer p{
      margin-top: -20px;;
  }
  .second_footer,.footer{
      font-size: 14px;;

  }
 .img-mobile{
    position: absolute;
    top: 0px;
    right: -2px;
    /* position: absolute; */
    /* top: -12px; */
    width: 250px;
    width: 215px !important;
}
.owl-carousel .center img:nth-child(1){
    height:443px;
}

  
.right:focus, .owl-next:focus{
    outline: none !important;
}
button:focus {
    outline: none;
    box-shadow: none;
  }
  #carrousel{
    margin: 10px;
    @media (max-width: 768px){
        margin: 70px 0px 0px 0px;
    }
    @media (max-width: 425px){
        margin: 50px 0px 0px 0px;
    }  
    .title{
      margin-bottom: 10px;
      font-size: 30px;
    }
    .owl-carousel 
    {
        img{
            max-height: 100%;
            max-width: 100%;
            width: auto;
            height: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            height: 300px;
            object-fit: cover;
            @include transition(all 0.2s ease);
            -webkit-box-shadow: 12px 12px 10px -10px rgba(0,0,0,.25);
            -moz-box-shadow: 12px 12px 10px -10px rgba(0,0,0,.25);
            box-shadow: 12px 12px 10px -10px rgba(0,0,0,.25);
        }
        .owl-item{
            height: 300px;
            position: relative;
            transform: scale(0.7);
            -ms-transform: scale(0.7);
            transition: all .2s;
            -webkit-transform: all .2s;
            z-index: 1;
            @media (max-width: 768px){
                height: 270px;
            }
            @media (max-width: 380px){
                height: 200px;
            }
        }
        .owl-stage-outer {
            padding-bottom: 10px;
        }
    }

    .owl-item {
        &.big{
            transform: scale(1);
            -ms-transform: scale(1);
            z-index: 3;
        }
    }

    .owl-item{
        &.medium{
            transform: scale(0.8);
            -ms-transform: scale(0.8);
            z-index: 2;

            &.mdright{
                /*border: solid 1px red;*/
                position: relative;
                left: -30px;
                @media (min-width: 768px){
                    left: 0px;
                }
            }
            &.mdleft{
                /*border: solid 1px blue;*/
                position: relative;
                right: -30px;
                @media (min-width: 768px){
                    right: 0px;
                }
            }
        }
    }

    .owl-item{
        &.smallRight{
            &.active{
                transform: scale(0.7);
                -ms-transform: scale(0.7);
                position: relative;
                left: -30px;
            }
        }
    }
    .owl-item {
        &.smallLeft {
            &.active {
                transform: scale(0.7);
                -ms-transform: scale(0.7);
                position: relative;
                right: -30px;
            }
        }
    }

    .owl-nav{
        position: absolute;
        top: 30%;
        width: 100%;
        .owl-prev{
            position: absolute;
            left: 0px;
            top: 10px;
            background: transparent !important;
            color: #000 !important;
            font-size: 40px !important;
            &:hover{
                color: #adadad !important;
            }
        }
        .owl-next{
            position: absolute;
            right: 0px;
            top: 10px;
            background: transparent !important;
            color: #000 !important;
            font-size: 40px !important;
            &:hover{
                color: #adadad  !important;
            }
        }
    }
}


@media (max-width: 768px){
    .owl-carousel .center img:nth-child(1){
        height:inherit;
    }
    .navbar{
        background: whitesmoke;
    }
    .navbar ul li a {
        padding-left: 21px !important;
    }
    .navbar ul{
        margin-top: 5px !important;

    }
    .input_border {
        margin-left:11px !important;

    }
    .contact_block p {
         padding-left: 0px !important;
    }
    .footer ul {
        padding-inline-start: 11px !important;
    }
    .footer ul li {
        padding-left: 0px !important;
    }


}