:root {
    --main-bg-color : #3f3b3b;
    --dark-bg-color: #808080;
    --main-text-color : #ffffff;
    --second-text-color : #f78605;
    --second-bg-color : #f78605;
	--second-bg-dark-color:#f76605;
	--new-bg-color: #1685ec;

	--background-color: #2e2b2b; /* Background color for the entire website, including individual sections */
	--default-color: #ffffff; /* Default color used for the majority of the text content across the entire website */

}

/* Smooth scroll */
:root {
	scroll-behavior: smooth;
}  

/* body { */
	/* color: var(--default-color); */
	/* color: grey; */
  	/* background-color: var(--background-color); */
/* } */

.primary-text {
    color: var(--main-text-color);
}

.secondary-text {
    color: var(--second-text-color);
}

.primary-bg {
    background-color: var(--main-bg-color);
}

.secondary-bg {
    background-color: var(--second-bg-color);
    color: var(--main-text-color);
}

.hero{
	height: 90vh;
	/* background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); */
	/* background: var(--main-bg-color); */
	/* background: var(--new-bg-color); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 15px;
}

.hero-text{
  text-align: left;
  top: 10%;
  left: 5%;
  color: var(--main-text-color);
  position: relative;
}

.hero-about-text {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--main-text-color);
}

.hero-buttons {
	padding: 15px;
}

.hero-buttons button {
	padding: 20px;
	margin: 5px;
	font-weight: 600;
}

.btn-theme {
	padding: 7px;
	/* background-color: var(--second-bg-color); */
	/* color: var(--main-text-color);  */
	background-color: var(--default-color);
	color: var(--new-bg-color); 
	border-radius: 30px;
	border: none;
	transition: 0.2s ease-in-out;
}

.btn-theme:hover {
	/* background-color: var(--second-bg-dark-color); */
	border: 1px solid var(--default-color);
}

.hero-buttons button:last-child {
	border-radius: 30px;
	border: 1px solid var(--default-color);
}

ul.no-bullets {
	list-style: none;
}

.dark-background {
	background-color: var(--dark-bg-color);
	color: var(--main-text-color);
}

/* .ft-background{
	color: white;
} */

.business-partner {
	background-color: var(--new-bg-color);
	color: var(--main-text-color);
	padding: 30px;
	font-size: 1.5rem;
	border-radius: 15px;
}

.business-partner button {
	background-color: var(--default-color);
	color: var(--new-bg-color);
	padding: 15px;
	border-radius: 30px;
	font-weight: 500;
	font-size: 1rem;
	border: none;
	transition: 0.3s ease-in-out;
}

.business-partner button:hover {
	background-color: var(--new-bg-color);
	color: var(--default-color);
	border: 1px solid white;
}

.dropzone {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    transition: border-color 0.3s;
    background-color: #f9f9f9;
  }

.dropzone:hover {
    border-color: #007bff;
  }

.preview-img {
    max-width: 100px;
    border-radius: 8px;
    margin-top: 10px;
 }

/* Media Print */
@media print {
    body * {
      visibility: hidden;
    }
    .print-area, .print-area * {
      visibility: visible;
    }
    .print-area {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
    }
    .btn, .pagination, .input-group {
      display: none !important;
    }
}