/* Mobile view */
@media screen and (max-width: 768px) {
	.top-logo , .footer-logo {width: 105px;}
	.navbar-collapse {background: #023047;}
	.dart {max-width: 370px;}
	.walk {max-width: 370px;}
	.xsmb-5 {margin-bottom: 5%;}
	.crm-banner {width: 100%;}
	.ly-btn {padding: 10px 58px !important;}
	}
	
	
	
	/* PC view */
	@media screen and (min-width: 768px) {
	.top-logo , .footer-logo {width: 105px;}
	.dart {width: 350px; margin-top: 150px;}
	.walk {width: 400px;}
	.crm-banner {width: 650px; position: absolute;}
	}
	



/* general */

#index .startbutton {margin-bottom:30px; margin-left: -35px;}
#index .unmatched {margin-top: 10%;}
#index .client-logo {width: 130px; margin-left: 30%; margin-bottom: -100px;}
#index .col-md-4 {float: left; width: 25%; padding: 10px;}
#index #categories img{max-height:250px; padding:20px 0;}

#crm .hover {color: #535353;}
#crm .hover:hover {color: #fff;}
#crm .customerservice {padding: 5rem 0;}
#crm .cmssoftware {margin-bottom: 100px;}

#marketing .marketing-3 {margin-top: -100px;}

#sales .sales-2 {margin-top: -15%;}
#sales .box {  	width:auto; padding: 20px;
  				background-color: #fff;
  				box-shadow: 0px 10px 10px 5px #c9e5de;
  				border-radius: .5rem}
#sales .list {line-height: 30px;}

#customerservice .today {line-height: 30px;}

.social {margin-left: -40px;}
a.text-dark:focus, a.text-dark:hover {
    color: #14446c !important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {background-color: rgba(1, 164, 121, 0.04); color: #c8eef6;}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {background: #8ac53e; color: #ffffff;}
.nav {backdrop-filter:none;}
.top-bg {background-repeat: no-repeat !important; background-size: cover !important;}
.tick {width: 20px; height: 20px;}
.border-top {border-top: none !important;}

/* collapsing features */

.fade {
  @include transition($transition-fade);

  &:not(.show) {
    opacity: 0;
  }
}

.collapse2 , .collapse3 , .collapse4 {
  &:not(.show) {
    display: none;
  }
}

.collapsing  {
  height: 0;
  overflow: hidden;
  @include transition($transition-collapse);
}

/* custom */

.footerbg {padding-bottom: 2rem !important;}

.sm a{
	display: inline-block;
	font-size: 30px;
	transition: .4s linear;
	position: relative;
	line-height: 40px;

}
.sm a::before, .sm a::after {
	content: '';
	position: absolute; 
	transition: .4s linear;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;}

.sm a:hover {transform: scale(1.5);}

.dropdown-item:focus, .dropdown-item:hover {
    background: #14446c;
    color: #ffffff;}

/* pricing */

/* text gradient */ 
.text-blue {color:#023047;background: -webkit-linear-gradient(#023047, #0375bc);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-green {color:#76d51b;background:-webkit-linear-gradient(#76d51b, #5ead10);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* button */
.btn1, .btn2{font-weight: bold;font-size: medium; color: #fff; border: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: transparent;}
.btn_primary{background-image: url('../images/blue-button.png');}
.btn_secondary{ background-image: url('../images/green-button.png');}
.btn1{margin-top:20px; height: 60px; min-width: 200px;}
.btn2{margin-top:20px; height: 60px; min-width: 200px;}
.log , .signup {margin-top: -3rem; text-align: center; color: #fff;}
.log-btn , .sign-btn {padding: 10px; margin-top: -20px;}
.btn-bottom {background-repeat: no-repeat; background-position: center center; background-color: transparent;height: 70px; min-width: 150px;}
.getstarted {font-weight: bolder; font-size: medium; color: #fff; font-size: 20px; width: auto; text-align: center; justify-content: center; margin-top: -65px; padding-bottom: 3rem;}

/* accordion */
.accordion .card .card-header a[aria-expanded="true"]:before {background: #023047; color: #ffffff;}

/* ht preloader */
.loader span {color:#fff; animation-delay: calc((var(--n) - 10) * 0.5s);}



.submit-btn1 {margin-top:20px; height: 50px; min-width: 160px;}
.submit-btn-primary { background-image: url('../images/green-button.png');}
.submit-btn1 {font-weight: bold;font-size: medium; color: #fff; border: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: transparent;}

/* border */
#pricing .border-1 {border-style: solid !important; border-radius: 2rem !important; border-color: #c8eef6 !important;}
.navbar-light .navbar-nav .nav-link {color: #c8eef6;}
.navbar-nav .nav-item.dropdown .dropdown-menu {box-shadow: 0 0.5rem 1rem #c8eef6 !important; -webkit-box-shadow : 0 0.5rem 1rem #c8eef6 !important}
.top-bg {position: relative; margin-top: -100px; padding: 10rem 0; background-repeat: no-repeat; background-attachment: fixed !important; min-height: 500px;}
#header-wrap.fixed-header {background: #023047 !important;}
#header-wrap {z-index: 1;}
.text-lb {color: #c8eef6;}
.text-db {color: #023047;}
.text-ly {color: #faebd1;}
.text-dy {color: #edae49 !important;}
section {padding: 3rem 0;}
p {font-size: 1.2rem; color: #023047;}
.ly-btn {background: #faebd1; padding: 10px 50px; font-size: 1.2rem; font-weight: bold; color: #edae49; display: inline-block; margin-top: 20px;}
.lb-btn {background: #c0cbd1; padding: 10px 50px; font-size: 1.2rem; font-weight: bold; color: #023047; display: inline-block; margin-top: 20px; border: none;}
a:hover {color: #000;}
ul {padding-left: 1rem;}
h5 , p , li, h1, h2, h3 {color: #023047;}
li.breadcrumb-item a {color: #fff;}
.breadcrumb {background: transparent;}
.card {border: none;}
.mid-img {width: 350px;}
.accordion .card-header a:before {font-size: 1rem;}
.bg-grey {background-color: #e8ecec;}
.card {height: 100%;}
.form-control {border: 1px solid;}