@import url('https://fonts.googleapis.com/css2?family=Anton&family=Gugi&family=Lato:wght@100&family=Roboto:wght@100&family=Sofia&display=swap');


:root{
    --primary-color: #073300;
    --light-gray: #2b3032a1;
    --border: #2b303218;
    --text-color: #ff686b;
    --text-gold-Color: #e5ae00;
    --roboto: "Roboto", sans-serif;
    --gugi:"Gugi", cursive;
    --sofia: "Sofia", cursive;
}

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

.text-color{
    color:var(--text-gold-Color);
}

.font-roboto{
    font-family: var(--roboto);
}

.lightblue{
    color: lightblue;
}

/*header*/

header {
    background-color: var(--primary-color);
    font-family: var(--roboto);
    color: var(--text-gold-Color);
}

.header.site-title{
    font-family: var(--roboto);
}

.header-links a{
  font-size: 0.9em;
  text-decoration: none;
  color: white;
}
/*Navigation Menu */

.navbar-nav{
 padding: 0.8em 0em;
}

.navbar-nav.nav-link{
    font-size: 0.9em;
    color: var(--light-gray)!important;
}

.navbar.nav.nav-item.nav-link {
    padding: 0 11.3rem!important;
}

/* Slider one */

.site-slider{
    position: relative;
}

.position-top{
    position: absolute;
    top: 50%;
}

.site-slider .slider-btn.prev ,
.site-slider .slider-btn.next {
    background-color: var(--primary-color);
    padding: 1rem 1.5rem;
    border-radius: 10rem;
    color: white;
    margin: 0 1rem;
    opacity: 0;
    transition: opacity 1s ease;
}

.site-slider.hover .slider-btn.prev,
.site-slider.hover .slider-btn.next{
    opacity: 1;
}

.right-0{
 right: 0;  
}

/* Slick dots */

 .slick-dots {
     display: flex;
     justify-content: center;
     margin: 0;
     padding: 1rem 0;
     list-style-type: none;
     position: absolute;
     bottom: 0;
     right: 50%;
 }

 .slick-dots li {
   margin: 0 0.6rem;  
 }

 .sick-dots button {
     display: block;
     width: 0.5rem;
     height: 0.5rem;
     padding: 0;
     border:none;
     background-color: white;
     text-indent: -99999px;
     border-radius: 100%;
 }

 .slick-dots li slick-active button {
     transform: scale(2.5);
     box-shadow: opx 3px 5px 1pg rgb(0,0,0,205) ;
 }

 /*Second Slider*/

 .site-slider-two {
     position: relative;
     height: 30%;
 }

 .site-slider-teo products{
     height: 25rem;
     position: relative;
     overflow: hidden;
 }

 .site-slider-two products img {
     width: 90%;
     margin: auto;
 }

 .site-btn btn-span{
     padding: 0.8rem 1.9 rem;
     border-radius: 4rem;
     border: 1px solid var(--border);
     background-color: white;
     color: var(--light-gray);
 }

 .slider-two .slick-track .product.hover span {
      background-color: var(--primary-color);
 }

 .team-background {
	background: #dedec8;
	padding: 4em 0;
}
.team {
	color: #5e5e55;
	padding: 0 180px;
}
.team .card-columns {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}
.team .card {
	background:none;
	border: none;
}
.team .card-title {
	font-size: 1.3rem;
	margin-bottom: 0;
	text-transform: uppercase;
}

.about-page-footer {
    background-color: #222;
    color: #ccc;
    padding: 60px 0 30px;
}
.about-footer-copyright {
    color: #666;
    padding: 40px 0;
}

.container-fluid-signin {
    border: 1px solid black;
    color: --text-gold-Color;
   
    padding-top: 50px;
    padding-right: 50%;
    padding-bottom: 250px;
    padding-left: 50%;
}

.container-fluid-form {
    border: 1px solid black;
    width: 1200px;
    color: --text-gold-Color;
   
    padding-top: 50px;
    padding-right: 25%;
    padding-bottom: 250px;
    padding-left: 25%;
}


.btn-primary-signin {
    background-color:  #073300; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
  }