.header {padding: 0px 0;
    position: absolute;
    z-index: 1;

}
.show-admin-bar .sticky-bar.stick {
    padding: 0;
}


.item-logo img {
      border-radius: 100%;
    filter: grayscale(100%);
  transition: filter 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.item-logo:hover{
     box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.0);

}


.item-logo:hover img {
    filter: grayscale(0%);  
}
.shape-2 {
    border-radius: 8px;
}
.non{display:none;}

/*.header-top.header-top-green {
display:none;}*/
.bg-img{
     background-image: url('https://smart-guide.co/storage/homepage1/group-5-1.png');
    background-size: cover; /* Adjust as needed */
    background-repeat: no-repeat;
    background-position: center top;
      height: 90vh;

}
.color_black{
  color:black !important;
}
.header-top.header-top-green{
  background-color:#FCD33D;
}
.header-top.header-top-green a {
    color:black !important;

}
.header-top span {
  color:black !important}
.header-top-green .dropdown-currencies .btn {
  color:black}

.text-display-2 {
      font-size: 50px;
    position: relative;
    line-height: 61px;
    text-align: left;}
.btn.btn-pink {
  background-color: #FCD33D;
color:black;

}
.icon-arrow-right-white {
  background-image: url(../imgs/template/icons/fi-sr-arrow-small-right.svg);}

.btn-link-inter{
  border:solid 1px black;
  
  border-radius:4px;
  color:black !important;
      font-family: var(--primary-font),sans-serif;
    font-size: 18px;
    letter-spacing: .45px;
    line-height: 20px;
    padding: 20px 32px;
    transition: .2s;
  font-weight:700;
  transform:translatex(30px)
}

.btn-link-inter:hover{
    background-color: #FCD33D;
       /* background-color: #cba827;*/
}

.btn.btn-pink:hover{
    background-color: #f0c62e;
}

.btn.btn-default {
    background-color: transparent;
    border-radius: 4px;
  border: solid 1px black;}
.btn.btn-default:hover {
      background-color: #FCD33D;
color:black !important;

}

.btn.btn-default:hover.icon-arrow-right {
  background-image: url(../imgs/template/icons/fi-sr-arrow-small-right.svg);}
.socials{
  gap:.8rem;
}
.social_ic{
  width:24px;
    transition:all .2s easy;
  
}
.social_ic:hover{
  transform:scale(1.1);
  transform:translatey(-2px)
}
.header .main-header .header-right .btn {
    font-size: 15px;
    padding:12px 39px 12px 18px;
}
.header-logo a img {
    width: 80%;
}

#background-video {
    pointer-events: none;
  border-radius:4px;
}
/**/

.flex-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 70px;
    padding: 40px 120px;
  
}

.video-container {
    flex: 1;
    border-radius: 10px;
      position: relative; /* Add position property for overlay */

  
}

#background-video {
    width: 100%;
    height: auto;
    filter: sepia(15%) brightness(0.8); /* Apply the filter */

}

.content-container {
    flex: 1;
}

 .banner-hero.banner-4 {
    background-color: #fcd33da6;}



.first {
    margin-bottom: 20px;
}

.first h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.first p {
    font-size: 16px;
    line-height: 1.6;
}

.second {
    display: flex;
  gap:1rem;
}

.number-box {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.number-box p:first-child {
    font-size: 24px;
    font-weight: bold;
}

.number-box p:last-child {
    font-size: 14px;
}
.h2{
    text-align: center;
    font-weight: 700;
    margin: 4rem 0 2rem 0;
    font-size: 2.6rem;
}
.video-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
       height: 97.7%;
    border-radius: 3px;
    opacity: 0.1; /* Adjust overlay opacity */
}
body {
    --highlight-color: #fcd33dc9; 
  font-family:Rubik !important;

::selection {
    background-color: var(--highlight-color); /* Set the background color for selected text */
    color: black; /* Set the text color for selected text */
  }}

.color_black {
  color: #000000c9 !important;}
.col-lg-7 {
   
  transform: translateY(40px);
}

.btn-bd-green-hover:hover{
      border: solid 1px black;
}

.text-nowrap:hover{
  border:0;
}
h3
element.style {
}
.text-heading-2, .text-heading-3 {
    font-family: var(--primary-font),sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}
h3.text-heading-2 {
  font-size: 35px;}

a.btn-default:hover{
border:#FFD69E;

}
.btn.active, .btn.btn-bd-green-hover:hover {
  color:#333 !important;
}

.text-heading-1{
    text-align: center;
    font-weight: 700;
    margin: 4rem 0 2rem 0;
    font-size: 2.6rem;
}
/*.img-responsive {
    max-width: 121%;
}*/


.product-item-2 .product-info .box-prices .price-regular {
display:none;
}
.product-item-2 .product-info .cart-form {
    margin-left: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn.btn-cart {
    width: 7rem;
  color: black;
      background-image: url('');
    padding: 5px 15px 5px 15px;
}
.nav-breadcrumbs {

  display: none;}
.mt-90 {
  margin-top:40px !important;
}
.readMore{
cursor:pointer;
opacity:0.8;
}
#des{
padding:.3rem 1rem;
  opacity:0.8;
    font-size: .75rem;

}
.grid-category-2 .category-info-bottom {
    border-bottom: 1px solid #e4e7ec;
    padding-bottom: 0px;
  border-top:0;
  padding-top:0;
}
.btn.btn-black {
  display: none;}
.list-category-homepage7 .col-xl-6 {
  height: 35rem;}
.p_img{
  border-radius:4px;}
.shop-bottom-banner{
  display:none;
}
.banner-hero {
      padding: 113px 145px 34px;
}
.tag-1 {
    background: #FFEEB0 !important;
    color: #333333b5 !important;
  font-weight: 600;}


.banner-3 .container .text-center{
  text-align:left !important;}


.card-grid-style-5 {
    filter: invert(0.1);
}

.card-grid-style-5:hover {
    filter: invert(0);
}
.header-top.header-top-green {
  display: none;}
.banner-hero.banner-4 {
  background-color:white;
}
.bg-img {
  height:100vh}
.col-lg-7 {
    transform: translateY(135px);
}
.content-container {
    transform: translateY(-15px);
}
.icon-wave {
    position: relative;
    transform: translateY(-123px);
}