@font-face {
  font-family: 'Poppins';
  src: url('../../plugins/Poppins/poppins-v5-latin-regular.ttf') format('truetype');
  font-weight: 400;
}




:root {
  --primary: #f7b626;
  --secondary: #f2f2f2;
  --tertiary: #333333;

  --primary-hover: #c68b08;

  --font-family: 'Poppins', sans-serif;
}

*{
	font-family: var(--font-family);
}

h1, h2, h3, h4, h5 {
    font-weight: 900 !important; /* Bold */
}
h1 {
    font-size: clamp(2.25rem, 1.7308rem + 2.3077vw, 3.75rem);
    line-height: clamp(2.5rem, 2.0673rem + 1.9231vw, 3.75rem);;
}

h2 {
    font-size: clamp(2.25rem, 1.9904rem + 1.1538vw, 3rem);
    line-height: clamp(2.5rem, 2.3269rem + 0.7692vw, 3rem);
}

h3 {
    font-size: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    line-height: clamp(2.25rem, 2.25rem + 0vw, 2.25rem);
}

h4 {
    font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    line-height: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
}

h5 {
    font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    line-height: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
}

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

.border-yellow{
	border-color: var(--primary) !important;
}
/*BUTTON AREA*/
button{
	padding: 0.375rem 0.75rem;
	border-radius: 5px;
	line-height: 1.5;
	font-weight: 400;
	font-size: 1rem;
}
.color-white{
	
}
.color-black{
	color: var(--primary) !important;
}
.btn-green{
	background-color: #29fd0d;
	color: var(--secondary);
	border: 1px solid #29fd0d;
}
.btn-green:hover{
	background-color: #0bd723;
	border: 1px solid #0bd723;
}

.btn-yellow{
	background-color: var(--primary);
	color: var(--tertiary);
	border: 1px solid var(--primary);
}
.btn-yellow:hover{
	background-color: var(--primary-hover);
	color: var(--secondary);
	border: 1px solid var(--primary-hover);
}

.landing-page-menu{
	background-color: var(--primary);
}
.landing-page-menu .nav-link{
	color: var(--secondary) !important;
}
.landing-page-menu .signup{
	display: block;
    padding: 0.5rem 0.8rem;
    color: var(--tertiary);
    text-decoration: none;
    background: var(--secondary);
    border-radius: 4px;
    font-weight: 600;
}

.landing-page-menu .menu-bars{
	border: none;
	background: transparent;
	font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
}



.landing-page-wrapper{
	min-height: calc(100vh - 86px);
}
.landing-page-wrapper .landing-form{
	border: 2px solid var(--primary);
	border-radius: 8px;
	box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
    .container {
        max-width: 100%;
    }
}












/*==========For md reponsive ==========*/
@media (max-width: 1348px) {
	.loader-container{
	  top: 70px;
	  left: 0;
	}
	table{
		height: auto;
	}
	table thead{
		display: none;
	}

	table, table tbody, table tr, table td{
		display: block;
		width: 100%;
	}

	table tr{
		margin-bottom: 15px;
	}
	table tbody tr td {
		display: flex;
		justify-content: space-between;
		text-align: right;
		padding-left: 50%;
		position: relative;
		border: 1px solid #dee2e6 !important;

	}
	table td:before{
		content: attr(data-label);
		width: 50%;
		padding-left: 15px;
		font-weight: 600;
		font-size: 14px;
		text-align: left;
	}
}