/* Header styles */
header {
  background-color: #fff;
  padding: 10px;
  color: #000;
}

/* Logo styles */
.logo {
  max-width: 150px;
}


.gallery-slider{
  position: relative;
   width: 620px; */
  padding: 0 60px;
   height: 345px; */

  .swiper {
    &-container {
      width: 100%;
      height: 100%;
    }
    &-slide {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;

      &__bg-image{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
      }
    }

    &-button-next,
    &-button-prev{
      margin-top: -26px;
    }

    &-button-next{
      right: 0;
    }
    &-button-prev{
      left: 0;
    }
  }
}



// slider oklari
.swiper{
	&-pagination{
		width: 100%;
		font-size: 0;
		bottom: 0;
		&-bullet{
			width: 6px;
			height: 4px;
			background-color: blue;
			border-radius: 0;
			opacity: 1;
			&-active{
				background-color: blue;
			}
		}
	}

	&-button-next,
	&-button-prev{
		z-index: 1;
		width: 36px;
		height: 52px;
		background-color: blue;
		background-size: 10px auto;
		background-position: center center;
		border: 1px solid #f00;
		box-shadow: 0 1px 3px 0 blue;
		transition: border-color 0.3s;

		&.-dark{
			background-color: #fff;
			border: solid 1px blue;
			box-shadow: 0 1px 1px 0 blue;
			&:hover{
				border-color: blue;
			}
		}

		&:hover{
			border-color: blue;
		}
	}
	
}