@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap');

  body {
  	font-size: 16px;
  	color: #212121;
  	font-family: 'Roboto', sans-serif;
  	background-color: #f3f7f6;

  }

  header {
  	background-color: #fff;
  	padding: 20px 0;
  }

  header .phones a {
  	font-size: 16px;
  	color: #212121;
  	text-decoration: none;
  	font-weight: 600;
  	transition: all 0.3s ease;
  }

  header .btn {
  	padding: 15px 35px;
  }

  header .phones a:hover {
  	color: #7156a7;
  }


  .homepage-slides {
  	position: relative;
  	overflow: hidden;
  }

  .homepage-slides .single-slide-item {
  	background-color: #ddd;
  	width: 100%;
  	height: 515px;
  	display: table;
  	align-items: center;
  	position: relative;
  	z-index: 1;
  }

  .homepage-slides .single-slide-item .image-layer {
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	width: 100%;
  	height: 100%;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: cover;
  }

  @media (max-width: 767px) {
  	.homepage-slides .single-slide-item .image-layer {
  		background-position: right;
  	}
  }

  .btn {
  	font-weight: 500;
  }

  .homepage-slides .single-slide-item h1 {
  	color: #fff;
  	font-size: 50px;
  	line-height: 55px;
  	margin: -30px 0 0px;
  	position: relative;
  }

  @media (max-width: 767px) {
  	.homepage-slides .single-slide-item h1 {
  		font-size: 25px;
  		line-height: 30px;
  	}
  }

  .homepage-slides .single-slide-item p {
  	color: #fff;
  	font-size: 30px;
  	line-height: 35px;
  	position: relative;
  }

  .homepage-slides .single-slide-item .main-btn,
  .homepage-slides .single-slide-item .bordered-btn,
  .homepage-slides .single-slide-item .theme-btn-two {
  	margin-top: 40px;
  }

  .hero-area-content {
  	display: table-cell;
  	vertical-align: middle;
  }

  .hero-area-content h6 {
  	font-size: 14px;
  	color: #fff;
  	letter-spacing: 1px;
  }

  #home-1.homepage-slides .owl-nav button.owl-prev,
  #home-1.homepage-slides .owl-nav button.owl-next {
  	width: 70px;
  	height: 70px;
  	font-size: 20px;
  	font-weight: 100;
  	line-height: 16px;
  	position: absolute;
  	left: 0;
  	top: 50%;
  	margin-top: -25px;
  	background: transparent;
  	border: 2px solid;
  	color: rgba(200, 157, 102, 0.5490196078);
  	visibility: hidden;
  	opacity: 0;
  	-webkit-transition: all 0.3s ease-out 0s;
  	transition: all 0.3s ease-out 0s;
  }

  #home-1.homepage-slides .owl-nav button.owl-next {
  	left: auto;
  	right: 0;
  }

  #home-1.homepage-slides:hover .owl-nav button.owl-prev,
  #home-1.homepage-slides:hover .owl-nav button.owl-next {
  	visibility: visible;
  	opacity: 0.3;
  }

  #home-1.homepage-slides .owl-nav button.owl-prev:hover,
  #home-1.homepage-slides .owl-nav button.owl-next:hover {
  	background: #7156a7;
  	color: #fff;
  	border-color: #7156a7;
  	opacity: 1;
  }

  .homepage-slides .owl-nav button.owl-prev,
  .homepage-slides .owl-nav button.owl-next {
  	width: 80px;
  	height: 80px;
  	border: 1px solid #eee;
  	border-left: none;
  	font-size: 30px;
  	font-weight: 100;
  	line-height: 16px;
  	position: absolute;
  	right: 80px;
  	bottom: 0;
  	margin-top: -25px;
  	background: #fff;
  	color: #7156a7;
  	visibility: visible;
  	opacity: 1;
  	-webkit-transition: all 0.3s ease-out 0s;
  	transition: all 0.3s ease-out 0s;
  }

  .homepage-slides .owl-nav button.owl-next {
  	left: auto;
  	right: 0px;
  }

  .homepage-slides .owl-nav button.owl-prev:hover,
  .homepage-slides .owl-nav button.owl-next:hover {
  	background: #7156a7;
  	color: #fff;
  	border-color: #7156a7;
  }

  .section-about {
  	margin: -100px 0 3rem;
  	position: relative;
  	z-index: 20;
  }

  .section-about .bg {
  	background-color: #fff;
  }

  footer {
  	background: #7156a7;
  	color: #fff;
  	padding: 15px 0;
  }

  .window-list {
  	max-width: 800px;
  	margin: 3rem auto;
  	background-color: #fff;
  	height: 400px;
  	overflow-y: auto;
  }

  .window-list::-webkit-scrollbar {
  	width: 4px
  }

  .window-list::-webkit-scrollbar-track {
  	background: hsla(0, 0%, 100%, 0)
  }

  .window-list::-webkit-scrollbar-thumb {
  	background: #ccc;
  	border-radius: 2px;
  	-webkit-transition: background .3s ease;
  	transition: background .3s ease
  }

  .window-list ul {
  	margin: 0px;
  	padding: 0px;
  }

  .window-list ul li {
  	padding: 10px 20px;
  	color: #767676;
  	border-bottom: 1px solid #eee;
  	cursor: pointer;
  	transition: all .3s ease;
  }

  .window-list ul li:hover {
  	background-color: #7156a7;
  	color: #fff;
  }

  @media screen and (max-width: 767px) {

  	body {
  		font-size: 14px;
  	}

  	header img {
  		height: 32px;
  	}

  	header .phones a {
  		font-size: 14px;
  	}

  	.homepage-slides .single-slide-item p {
  		color: #fff;
  		font-size: 16px;
  		line-height: 35px;
  		position: relative;
  	}

  	.homepage-slides .single-slide-item {
  		height: 315px;
  	}
  }