.index .main-nav-container .mobile-menu ul li a,
.index .main-nav-container .header-btn__icon {
  color: #fff !important;
}
.index .main-nav-container.fixed-header .inner {
    background-color: var(--m-color) !important;
}
.h-\[85vh\].relative .items-center {
  align-items: flex-end;
  margin-top: -5%;
}
.catogry h2{
  text-align: center;
}
@media (min-width:768px){
  .catogry .swiper-wrapper{
  justify-content:center;
}
}
.fixedb .w-\[250px\] {
    width: 100%;
}
.fixedb h1{
  width: 100%;
    color: var(--m-color);
}
.fixedb .top-\[5\%\] {
  top: 78%;
  left:0;
}
.fixedb .text-\[var\(--f-color\)\],
.fixedb .text-\[var\(--m-color\)\] {
  color: #fff;
  font-size: 30px !important;
}
.fixedb .border-\[var\(--f-color\)\],
.fixedb .border-\[var\(--m-color\)\]{
  border-color: var(--m-color);
  width:100% !important;
  background:var(--m-color);
}
.media .text-\[var\(--m-color\)\]{
  color: #fff;
}
.lg\:flex-row .max-w-\[80\%\] {
    max-width: 50%;
}
.lg\:flex-row .max-w-\[80\%\] + div{
width:100%;
}
.copyright-text p a:hover{
  color: #fff !important;
}
@media (max-width: 768px){
  .lg\:flex-row .max-w-\[80\%\] {
    max-width: 80%;
}
  .fixedb .top-\[5\%\] {
  top: 77%;
}
  .details-sec .grid {
    height: 100vh !important;
}
  .details-sec .grid > div:first-child {
    grid-row: span 1;
    height: 200px;
}
  .details-sec .grid > div:nth-child(3){
    height: 200px;
  }
  #details-5 {
    margin-top: 0;
    margin-bottom: 0;
  }
 .fixedb .text-\[var\(--f-color\)\],
.fixedb .text-\[var\(--m-color\)\] {
  font-size: 20px !important;
} 
.h-\[85vh\].relative h1{
    margin-top: -40%;
    width: 400px;
    max-width: 100%;
}
.h-\[85vh\] {
    height: 40vh !important;
}
}