/* ================================================== */


/* Ucam
/* created by designesia

@charset "utf-8";

Table of content:

* body
* header
  * subheader
* navigation
* content
* section
* footer
* sidebar
* contact
* elements
  * border
  * breadcrumb
  * button and link
  * columns
  * counter
  * divider
  * dropcap
  * heading
  * list
  * map
  * page heading
  * pagination
  * preloader
  * progress bar
  * social icons
  * spacer
  * tabs
  * testimonial
* plugins
* media query
*/

/* ================================================== */

@import url('../../../css2');
@import url('../../../css2-1');

/* ================================================== */


/* import fonts icon */


/* ================================================== */

@import url("../fonts/fontawesome4/css/font-awesome.css");
@import url("../fonts/fontawesome6/css/fontawesome.css");
@import url("../fonts/fontawesome6/css/brands.css");
@import url("../fonts/fontawesome6/css/solid.css");
@import url("../fonts/elegant_font/HTML_CSS/style.css");
@import url("../fonts/et-line-font/style.css");
@import url("../fonts/icofont/icofont.min.css");

* {
  --heading-font: "Orbitron", Helvetica, Arial, sans-serif;  
  --heading-font-weight: bold;
  --heading-font-color: #223035;
  --body-font: "Public Sans", Helvetica, Arial, sans-serif;
  --body-font-size: 17px;
  --body-font-color: #404040;
  --body-font-color-dark: rgba(255, 255, 255, .6);
  --border-default: solid 1px rgba(30, 30, 30, 1);
  --bg-color-even: #E8E8E8;
  --bg-color-odd: #F4F4F4;
  --bg-light: #F8F9FA;
  --bg-dark-1: #010A1A;
  --bg-dark-1-rgb: 1, 10, 26;
  --bg-dark-2: #1A2331;
  --bg-dark-3: #283243;
  --bg-grey: #eeeeee;
  --bg-gradient-1: 0deg, rgba(var(--primary-color-rgb), .1) 0%, rgba(var(--secondary-color-rgb), .2) 100%;
  --swiper-theme-color: var(--secondary-color);
  --rounded-1: 0;
  --button-rounded: 0;
  --border-color:#bbbbbb;
  --container-max-width:1240px;
  --mainmenu-font-weight:500;
}

.bg-dark,.bg-dark-1{background-color: var(--bg-dark-1) !important}
.bg-dark-2{background-color: var(--bg-dark-2) !important}
.bg-dark-3{background-color: var(--bg-dark-3) !important}
.bg-grey{background-color: var(--bg-grey) !important}
.bg-gradient-1{
  background: -moz-linear-gradient(var(--bg-gradient-1)) !important;
  background: -webkit-linear-gradient(var(--bg-gradient-1)) !important;
  background: linear-gradient(var(--bg-gradient-1)) !important;
}
.rounded-1{
  border-radius: var(--rounded-1) !important;
  -moz-border-radius: var(--rounded-1) !important;
  -webkit-border-radius: var(--rounded-1) !important;
}

/* ================================================== */


/* body */


/* ================================================== */

html {
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  background: var(--bg-dark-1);
}

body {
  overflow-x: hidden;
  font-family: var(--body-font);
  font-size: var(--body-font-size);
  font-weight: 400;
  color: var(--body-font-color);
  padding: 0;
  line-height: 1.8em;
  word-spacing: 0px;
}

body.dark-scheme {
  color: var(--body-font-color-dark);
  background: var(--bg-dark-1);
}

a,
a:hover {
  color:var(--body-font-color);
  text-decoration: none;
  outline: none;
}

.dark-scheme a,
.dark-scheme a:hover,
.text-light a,
.text-light a:hover {
  color:var(--body-font-color-dark);
  text-decoration: none;
  outline: none;
}


section {
  padding: 100px 0 100px 0;
}

#content.zebra section:nth-child(even) {
  background: #fcfcfc;
}

section:not(.relative) {}

section.no-bg,
#content.no-bg {
  background: none !important;
}

h1,
.h1 {
  font-size: 52px;
  margin-bottom: 20px;
  line-height: 1.35em;
  word-wrap: break-word;
}


h2 {
  margin-top: 0;
  font-size: 38px;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

h3 {
  line-height: 1.5em;
  font-size: 22px;
  margin-bottom: 10px;
}

h4 {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.6em;
}

h5.new:before{
  content:"NEW";
  font-size: 12px;
  padding: 1px 6px 2px 6px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  margin-right: 5px;
  color:#ffffff;
  background: var(--primary-color);
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6 {
  color: #fff;
}