/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 *
 *= require_tree .
 *= require_self
 */

 @import "bootstrap";

 @font-face {
    font-family: 'Themify';
    src: url("/assets/themify-10a0179e.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('<%= asset_path "/fonts/futura-med-webfont.woff2" %>') format('woff2');
}
.topbar {
    height: 200px;
    width: 100%;
}

.logo_preview{
padding-left: 25%;
}

.hide {
  visibility: hidden
}

.marquee {
width: 450px;
line-height: 50px;
background-color: red;
color: white;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}

.marquee p {
display: inline-block;
padding-left: 100%;
animation: marquee 15s linear infinite;
}

@keyframes marquee {
0%   { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}


.home1-slider {
  width: 100%;
  height: 60vh; /* Adjust this value for your desired height */
  position: relative;
  overflow: hidden;
}

.home1-slider .swiper-wrapper,
.home1-slider .swiper-slide {
  width: 100%;
  height: 100%;
}

.home1-slide-item .home1-slide1-content,
.home1-slide-item .home1-slide2-content,
.home1-slide-item .home1-slide3-content {
  width: 100%;
  height: 100%;
  position: relative;
}

.home1-slide-item img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

 .home1-slider {
    height: 40vh;
 }
 
html {
    scroll-behavior: smooth;
}

#about-us-section {
    scroll-margin-top: 100px; /* Adjust this value based on your header height */
}