:root {
    --accent: #ff4a17 !important;
    --primary-font: Poppins, sans-serif;
    --secondary-font: Open Sans, sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700&display=swap');
body{font-family: 'Raleway', sans-serif;     background: linear-gradient(45deg, black, #021821) !important;   }
.cs-sticky_header_active {
    background-color: #0000005e !important;
    top: 0;
    backdrop-filter: blur(15px);
}

.cs-text_btn {
  
    font-weight: 700 !important;
    background: linear-gradient(45deg, #ffc01dba, #9d750078)!important;
    padding: 15px 20px;
    border-radius: 50px;
}

.cs-moving_text_wrap {
    -webkit-text-stroke: 2px #ffe8a2a8 !  important;}
    
    .cs-iconbox_3_list .cs-hover_tab.active .cs-iconbox_icon {
    background-color: #cd996d !important;
    border-color: transparent !important;}
    
.cs-nav_list li a {

    text-transform: none !important;
    font-size: 21px !important;
    font-weight: 600 !important;
}
    .cs-image_layer.cs-style1 .cs-image_layer_in:after {
    background-color: #4b4226 !important; }
    .cs-accent_bg, .cs-accent_bg_hover:hover {
    background-color: transparent;
}

.cs-portfolio.cs-style1.cs-type2 .cs-portfolio_hover {
    background: none !important;
}
.cs-hero.cs-style1 {
 
    background-size: cover !important;
}.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  &:target {
    outline: none;
    display: block;
  }
}
#videoModal {
  border-radius: 0;
  width: 870px;
  margin: auto;
  .modal-body {
    height: 489px;
    padding: 0;
    max-height: none;
    overflow: hidden;
    margin-top: 180px;
  }
}