@import "common-includes/functions";
@import "common-includes/variables";
@import "common-includes/mixins";
/*Top Banner section*/
// @import "rtl/index_rtl";
body {
	background-color: #f3f3f3;
}

// Main Slider Start
.main-slider-content{
  .slick-dots{
  	padding-top: 15px;
  	text-align: center;
  	button {
  		display: none;
  	}
  	li {
  		width: 16px;
  		height: 16px;
  		border-radius: 50%;
  		background: $gray-800;
  		border: 2px solid $gray-800;
  		margin-right: 10px; 
  		display: inline-block;  
  		cursor: pointer;
	    @include transition(all 0.3s ease-in);
      @include media-breakpoint-down(xs) { width: 10px; height: 10px; }
  		&:last-child { 
  			margin-right: 0;
  		} 

  		&.slick-active{
  			background: transparent;
  			border: 2px solid $secondary;
  			width: 16px;
  			height: 16px;
        @include media-breakpoint-down(xs) { width: 10px; height: 10px; }
  		}
  	}
  }
}

