/* Navbar */
.navbar {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-brand {
	padding-left: 20px;
	padding-right: 20px; 
}
.nav-link {
	margin-right: 10px;
	margin-left: 10px;
	font-family: Inter, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans";
	text-transform: uppercase;
}
.navbar .btn-outline-success:hover {
	color: #ffffff;
	background-color: #070B04;
}
.navbar-toggler {
	margin-left: 20px;
	margin-right: 20px; 
	color: #070B04;
}
.bg-body-primary {
	background-color: #ffffff;
}

/* Sections */
.cust-sect {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}

.cust-sect-form {
	padding-top: 8rem !important;
	padding-bottom: 8rem !important;
}

/* Cards */
.card {
	border-radius: 0px;
	border-width: 0px 0px 2px 0px;
	--bs-card-border-color: #070B04;
}

/* Footer */
footer{
	border-style: solid;
	border-color: #070B04;
	border-width: 2px 0px 2px 0px;
}
.social-icon {
	font-size: 24px;
	color: #070B04;
}

/* Input */
input {
	border-color: #000000 !important;
}


/* Buttons */
.btn-outline-success {
	margin-left: 20px;
	margin-right: 20px; 
	padding-left: 20px;
	padding-right: 20px; 
	border-radius: 20px;
}
.btn-outline-success {
    --bs-btn-color: #070B04;
    --bs-btn-border-color: #070B04;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #070B04;
    --bs-btn-hover-border-color: #070B04;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #070B04;
    --bs-btn-active-border-color: #070B04;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #070B04;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #070B04;
    --bs-gradient: none;
}
.cust-lng-but {
	padding: 6px;
	height: 36px;
	width: 36px;
	margin-left: 4px !important;
	margin-right: 4px !important;
}
.cust_active {
	color: #ffffff;
    background-color: rgb(7, 11, 4);
    border-color: rgb(7, 11, 4);
}

/* Headers */
h1, h2, h3, h4, h5 {
	font-family: Inter, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans";
	text-transform: uppercase;
	font-weight: 300;
}
h1, h2 { font-weight: 300;}
h5 { font-weight: 400; }
h1, h2 { font-size: calc(1.6rem + .9vw); }
h5 { font-size: 1.5rem; }

/* Cite */
cite {
	margin-top:  1.5rem;
    margin-bottom: 1.5rem;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
	font-size: calc(1.6rem + .9vw);
	font-weight: 300;
	font-family: Inter, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans";
	text-transform: uppercase;
	font-style: normal;
}

.cust-cite {
	margin-top:  1.5rem;
    margin-bottom: 1.5rem;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
	font-size: calc(1rem + .9vw);
	font-weight: 300;
	font-family: Inter, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans";
	text-transform: none !important;
	font-style: italic !important;
}

/* Paragraphs */
.cust-font-slogan {
	font-size: 1.5rem !important;
	font-style: italic !important;
}

p {
	font-family: Inter, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans";
	text-align: justify;
}

/* Lists */
li {
	padding-bottom: 10px;
}

/* Images */
html[dir="rtl"] .container img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.ltr {
	-moz-transform: scaleX(1) !important;
	-o-transform: scaleX(1) !important;
	-webkit-transform: scaleX(1) !important;
	transform: scaleX(1) !important;
}

.cust-main-img {
	object-fit: cover;
	object-position: right;
}

/* Root */
:root {
	--bs-body-color: #070B04;
}

/* Color */
.cust-bg-col-grad-grey {
	background: linear-gradient(to bottom, #F4F4F4, #F3F4F6);
}

.cust-bg-col-grad-grey-light {
	background: linear-gradient(to bottom, #FAFAFC, #F3F4F6);
}

/* Transfromation */

.cust-rotate-180 {
	transform: rotate(180deg);
}

@media (max-width: 1650px) {
  .hide-on-xl {
    display: none !important; /* Ensures it overrides other styles */
  }
}
