/*IMPORTS*/
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* SCROLLBAR */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    /* border-radius: 10px; */
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #333; 
    /* border-radius: 10px; */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #cccccc; 
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.center-btn {
	width: max-content;
	margin: auto;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.image-slide img {
	width: 100%;
}

.image-slide {
	width: 100%;
	overflow-x: scroll;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
  	/* scroll-padding: 50%; */
}

.image-slide::-webkit-scrollbar {
	display: none;
}

.image-slide table {
	width: 400%;
}

.image-slide table td {
	width: 25%;
	scroll-snap-align: center;
	/*border: 1px solid red;*/
}

.slide-controls span {
	color: #cccccc;
}

.slide-controls .arrow {
	color: #1DABF8;
	font-size: 2.5em;
	transition: 0.3s;
}

.arrow:hover {
	color: #333;
}

.slide-controls .curr-slide {
	color: #49A63B;
	/* color: #1DABF8; */
}

.slide-controls {
	width: max-content;
	margin: auto;
	margin-top: 20px;
}

.arrow {
	font-size: 2em;
	cursor: pointer;
}

.slide-controls span {
	margin: 0 5px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ELEMENTS */
button {
	width: max-content;
	height: 35px;
	border: none;
	outline: none;
	background-color: #333;
	color: white;
	font-weight: bold;
	padding: 0 20px;
}



textarea {
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 5px;
	resize: none;
	text-indent: 5px;
}