<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Mobile view */
@media screen and (max-width: 768px) {
	.topbar {display: none;}
	.nav {backdrop-filter: saturate(180%) blur(20px);
		background-color: rgba(255,255,255,.7);}
		#sales .where {margin-top: 5rem;}

		#crm .top-bg {height: auto !important;}
		#crm .phone-2 , .next_row {text-align: center}
		#crm .images1 {margin-top: 30px !important;}

		#customerservice .customerexp {max-width: 100%;}

		#why-bcw .why-choose {text-align: center; margin-top: 1.5rem;}

		#index .home-banner {text-align: center !important;}
		#index .axe-logo 
		.mt-2 {margin-top: 20px;}
}

.topbar .mr-4.d-inline-block, .topbar a{display:none !important;}


/* PC view */
@media screen and (min-width: 768px) {
	.topbar {margin-left: 5px; margin-bottom: 20px;}
	.row {margin: auto;}
	.multi-column {-moz-column-count:2;
					-moz-column-gap: 20px;
					-moz-column-fill:auto;
					-webkit-column-count:2;
					-webkit-column-gap:20px;
					-webkit-column-fill:auto;
					column-count: 2;
					column-gap:20px;
					column-fill:auto;}
	/* .site-header {height: 100px;} */
	.site-header {height: 75px;}
	.headtop {margin-top: -20px;}


	.product-ft {margin-left: 100px;}
	.content-1 {float: left;}
	.card-1 {height: 1290px;}
	.price-1 {margin-top: 288px !important;}
	.price-2 {margin-top: 155px !important;}
	.cta-price {margin-top: 43px !important;}
	.price-3 {margin-top: 330px !important;}
	.price-4 {margin-top: 200px !important;}
	.price-5 {margin-top: 215px !important;}
	.price-6 {margin-top: 190px !important;}
	.price-7 {margin-top: 228px !important}
	.price-8 {margin-top: 230px !important;}
	.cms-1 {margin: auto;}
	.cms-price {margin-top: 140px !important;}
	.copyright {justify-content: center;}
	.address {margin-left: 16px;}

	#crm #phone {float: right;}
	#crm .col-md-6 {flex: 0 0 50%; width: 50%;}
	#crm .top-row {margin-left: -200px;}
	#crm .images1 {margin-top: -50px;}

	#customerservice .customer-expect {margin-left: 150px !important;}

	#why-bcw .logo-md {margin-left: 200px;}
	#why-bcw .unmatched {margin-top: 50px;}
	#why-bcw .why-choose {margin: auto;}
	#why-bcw .why-logo {margin-top: -40px;}

	#index .phone-home {margin-left: 150px;}
	#index .axe-logo {position: absolute; padding-left: 100px; padding-top: 250px;}

	#pricing .center {margin-left: 200px;}
	.btn-price {text-align: center;}
	.btn-price-2 {text-align: center; margin-top: 61px;}

	#pricing .cms-price-1 {margin-top: 100px !important;}

	

}



/* general */
.one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0px 10px; }

  .curve {
  background: #0069eb;
  color: #fff;
  border-radius: 6px;
  border: none;
  font-size: 16px;
  padding: 10px 25px;
  text-decoration: none; }

  .curve-stroke {
  background: none;
  color: #333;
  border: 1px solid #333;
  border-radius: 6px;
  font-size: 16px;
  padding: 10px 40px;
  text-decoration: none; }

#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: #000;}
.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);

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

.collapse2 , .collapse3 , .collapse4 {
  &amp;: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:#0f98de;background: -webkit-linear-gradient(#0f98de, #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: #0f98de; color: #ffffff;}

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

.text-dark {color: #000000 !important;}

.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: #000 !important;}</pre></body></html>