body { 
   font-family: 'Roboto Serif', 'Baloo 2'
    
}
body.hindi {
   font-family: 'Baloo 2', 'Roboto Serif'
    }

footer {
	padding-top: 80px;
	padding-bottom: 40px;
	position: relative;
	margin-top: 16px;
}

.gradient-green-orange {
    background: hsla(99, 48%, 53%, 1);

    background: linear-gradient(135deg, hsla(99, 48%, 53%, 1) 0%, hsl(5deg 79% 55% / 17%) 100%);
    
    background: -moz-linear-gradient(135deg, hsla(99, 48%, 53%, 1) 0%, hsl(5deg 79% 55% / 17%)  100%);
    
    background: -webkit-linear-gradient(135deg, hsla(99, 48%, 53%, 1) 0%, hsl(5deg 79% 55% / 17%) 100%);
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#76C04D", endColorstr="#E74131", GradientType=1 );
}


.gradient-cyan-orange {
     background: hsla(183, 78%, 49%, 1);

    background: linear-gradient(180deg, hsla(183, 78%, 49%, 1) 0%, hsla(5, 79%, 55%, 1) 100%);
    
    background: -moz-linear-gradient(180deg, hsla(183, 78%, 49%, 1) 0%, hsla(5, 79%, 55%, 1) 100%);
    
    background: -webkit-linear-gradient(180deg, hsla(183, 78%, 49%, 1) 0%, hsla(5, 79%, 55%, 1) 100%);
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#1CD4DE", endColorstr="#E74131", GradientType=1 );
}

.gradient-blue-orange {
    background: hsla(240, 76%, 13%, 1);
    
    background: linear-gradient(180deg, hsla(240, 76%, 13%, 1) 0%, hsla(5, 79%, 55%, 1) 100%);
    
    background: -moz-linear-gradient(180deg, hsla(240, 76%, 13%, 1) 0%, hsla(5, 79%, 55%, 1) 100%);
    
    background: -webkit-linear-gradient(180deg, hsla(240, 76%, 13%, 1) 0%, hsla(5, 79%, 55%, 1) 100%);
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#08083C", endColorstr="#E74131", GradientType=1 );
}

.paper-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* z-index: -1; */
    background: url(../images/rip.svg) bottom;
    transform: rotate(180deg);
    background-size: cover;
    bottom: 0;
    background-repeat: no-repeat;
}

.fs-1 {
    font-size: 1rem !important;
}

.fs-2 {
    font-size: 1.25rem !important;
}

.fs-3 {
    font-size: 1.5rem !important;
}
.fs-4 {
    font-size: 1.75rem !important;
}

.fs-5 {
    font-size: 2rem !important;
}

.fs-6 {
    font-size: 2.5rem !important;
}

.fw-bold {
   font-weight: 700!important; 
}

.fw-bolder {
    font-weight: bolder!important;
}

.fw-normal {
    font-weight: 400!important;
}

.fw-light {
        font-weight: 300!important;
}

.fw-lighter {
        font-weight: lighter!important;
}
.fst-italic {
        font-style: italic!important;
}
.fst-normal {
    font-style: normal!important;
}

.lh-1 {
    line-height: 1!important;
}

.lh-sm {
    line-height: 1.25!important;
}

.lh-base {
    line-height: 1.5!important;
}

.lh-lg {
   line-height: 2!important;

}

.logo {
    height: 4rem;
}

.logo-large {
   height: 6.5rem;
}

.cal-banner {
    margin-right: 1rem;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
}

#main {
    min-height: calc(100% - 160px);
    height: 100%;
}

.swiper {
    height: 100%;
    width: 100%;
    height: calc(100% - 160px);
    postition: relative;
}

.swiper-wrapper::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

.parallax-bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 130%;
      height: 100%;
      -webkit-background-size: cover;
      background-size: cover;
      background-position: center;
    }

.swiper-slide .title {
    font-family: Satisfy;
    text-align:center
}


.swiper .card{
    max-width: 50%;
    height: auto;
    min-height: 10rem;
    width: 50%;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #76c04d #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #76c04d;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }
  
  /* ===== Custom card CSS ===== */
 .card-details {
     cursor: pointer;
 }
 .card-details .list-group-item {
  background-color: transparent !important;   
 }
 .card-details.border-info:hover {
  background-color: var(--info);   
 }
 
  .card-details.border-success:hover {
  background-color: var(--green);      
 }
 
  .card-details.border-primary:hover {
     background-color: var(--blue);   
     color: var(--light);
 }