/*Global*/

/* Apply font-family to all text elements */

body, h1, h2, h3, h4, h5, h6, p, span, a, div, li {
	font-family: 'DIN Pro' !important;
	color: #fff;
}

body{
	background: #4D4D4D;
}

main{
	background-repeat: no-repeat !important;
	background-size: cover !important;
	position: relative;
}

main:after {
	content: '';
	position: absolute;
	height: 25%;
	width: 55%;
	right: 0;
	bottom: 0;
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
	opacity: 0.1;
	background: linear-gradient(210deg, rgba(255, 255, 255, 0) 50%, rgba(255, 0, 0, 1) 100%);
}


/* Font line-height classes */

.is-invalid {
  border-color: #dc3545 !important;
}

.is-invalid::placeholder {
  color: #dc3545 !important;
}

.alert {
  margin-top: 20px;
}

#next_button.sub {
  background: #dc3545 !important;
}


.lh-0 {
	line-height: .8 !important;
}


/* Font weight classes */


.font-medium {
	font-weight: 500 !important;
}

.font-bold {
	font-family: 'DIN Pro Cond' !important;
	font-weight: 900;
}


/* Theme fonts color classes */

.text-primary{
	color: rgb(255 255 255 / 65%) !important;
	font-size: 110px;
}

.text-secondary{
	color: #FF4F4F !important;
	font-size: 110px;
}

.text-white{
	color: #ffffff !important;
}


/*Global*/

/*Header*/

.logo-text{
	font-family: 'Bison' !important;
	font-weight: bold;
	font-style: normal;
	-webkit-text-stroke: 1px #fff;
	color: transparent;
}

.logo{
	filter: drop-shadow(0px 10px 30px #fff);
}

/*Header*/

/*Hero Section*/

input::placeholder , textarea::placeholder {
	color: #fff !important;
}

input, textarea{
	background: transparent !important;
	padding: .8rem 1rem !important;
	border-radius: 0 !important;
	resize: none !important;
	color: #fff !important;
}

button{
	background: #4D4D4D !important;
	border: 0 !important;
	border-radius: 0 !important;
	text-decoration: unset !important;
	color: #fff !important;
}

button:not(:disabled) {
	background: #BF070A !important;
	border: 0 !important;
	border-radius: 0 !important;
	text-decoration: unset !important;
	color: #fff !important;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: none;
	cursor: pointer;
	padding: 15px 15px !important;
	transform: scale(1) !important;
	margin-bottom: -8px;
	background: #4D4D4D !important;
	border-color: #4D4D4D;	
}

input[type="checkbox"]:checked {

	accent-color: red; 
	background: #BF070A !important;
}

input[type="checkbox"]:checked::before {
	content: "✔";
	color: white;
	position: absolute;
	left: 7px;
	top: 0px;
	font-size: 20px;
}

button.sub {
	background: #dc3545 !important;
}

.col-left:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	right: 0;
	bottom: 0;
	clip-path: polygon(10% 0%, 85% 0%, 70% 100%, 0% 100%);
	background: linear-gradient(70deg, rgba(255, 255, 255, 0) 50%, rgba(255, 0, 0, 1) 100%);
	opacity: 0.7;
}

.col-right {
	z-index: 1;
}

.col-md-6 h1, .col-md-6 p {
	position: relative;
	z-index: 1;
}

/*Hero Section*/


/*Responsive*/


@media(max-width:767px){

	main section , main header , main footer{
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

	.text-secondary , .text-primary{
		font-size: 60px
	}

	.col-left:before{
		clip-path: polygon(10% 0%, 100% 0%, 55% 100%, 0% 100%);
		background: linear-gradient(70deg, rgba(255, 255, 255, 0) 50%, rgba(255, 0, 0, 1) 100%);
	}

	main:after{
	    clip-path: polygon(0% 0%, 82% 100%, 100% 100%, 0% 100%);
	    right: unset;
	}

	.footer p , .logo-text{
		text-align: center;
	}

}
/* Custom modal content styles */
.custom-modal-content {
  background-color: #fff !important;  /* Ensure the background is white */
  color: #000 !important;  /* Set text color to black */
  font-family: 'DIN Pro', sans-serif !important;  /* Set font family */
}

/* Modal header styles */
.custom-modal-header {
  border-bottom: 1px solid #dee2e6 !important;  /* Optional: Add a border to the bottom of the header */
  font-family: 'DIN Pro', sans-serif !important;  /* Set font family */
}

/* Modal title styles */
.custom-modal-header .modal-title {
  color: #000 !important;  /* Ensure the header text is black */
}

/* Close button styles */
.custom-btn-close {
  background: none !important;
  border: none !important;
  font-size: 1.5rem !important;
  color: #000 !important;  /* Ensure the close button color is black */
  opacity: 1 !important;
}

/* Modal body text color */
.custom-modal-body p {
  color: #000 !important;  /* Set the modal body text color to black */
  font-family: 'DIN Pro', sans-serif !important;  /* Set font family */
}

/* Modal footer styles */
.custom-modal-footer {
  border-top: 1px solid #dee2e6 !important;  /* Optional: Add a border to the top of the footer */
  color: #000 !important;  /* Ensure the footer text is black */
  font-family: 'DIN Pro', sans-serif !important;  /* Set font family */
}