@font-face {
    font-family: 'Urdu';
    src: url('/assets/admin/plugins/fontawesome-6.7.2/webfonts/nafees_web_naskhshipped.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/admin/plugins/webfonts/geist/Geist-Thin.woff2")
      format("woff2");
  font-weight: 100;
  font-style: normal;
}



@font-face {
  font-family: "Geist";
  src: url("/assets/admin/plugins/webfonts/geist/Geist-ExtraLight.woff2")
      format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/admin/plugins/webfonts/geist/Geist-Light.woff2")
      format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/admin/plugins/webfonts/geist/Geist-Regular.woff2")
      format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/admin/plugins/webfonts/geist/Geist-Medium.woff2")
      format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/admin/plugins/webfonts/geist/Geist-SemiBold.woff2")
      format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/admin/plugins/webfonts/geist/Geist-Bold.woff2")
      format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/admin/plugins/webfonts/geist/Geist-ExtraBold.woff2")
      format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/admin/plugins/webfonts/geist/Geist-Black.woff2")
      format("woff2");
  font-weight: 900;
  font-style: normal;
}

/* ✅ Variable font for dynamic weight selection */
@font-face {
  font-family: "Geist Variable";
  src: url("/assets/admin/plugins/webfonts/geist/Geist[wght].woff2")
      format("woff2");
  font-weight: 100 900;
  font-style: normal;
}


/* Apply Geist font */
body {
  font-family: "Geist","Urdu", sans-serif;
}




#navbar .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}

#navbar {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
}
.swiper {
  width: 100%;
  height: calc(100vh - 113px);
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 530px !important;
    /* object-fit: cover; */
}

.swiper-slide {
  width: 60%;
}
.swiper-button-prev,
.swiper-button-next {
  color: #1b4d3e !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  backdrop-filter: blur(10px) !important;
  background: rgb(255 255 255 / 30%) !important;
}
.swiper-pagination-bullet-active {
  background: #1b4d3e !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 1.5rem !important;
  font-weight: bold;
}
.swiper-slide:nth-child(2n) {
  width: 40%;
}

.swiper-slide:nth-child(3n) {
  width: 20%;
}

/* about us section */
.gradient-bg {
    background: linear-gradient(135deg, #6366F1, #8B5CF6);
}
.card-transition {
    transition: 0.3s ease;
}
.animated-button {
  background: linear-gradient(to right, #1b4552 34%, wheat 66%, #d1dbe4 100%);
  background-size: 300% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.animated-button:hover {
  color: wheat;
  box-shadow: wheat 0px 0px 0px 2px, #1b45525a 0px 0px 0px 4px;
  background-position: left bottom;
}


/*new my css*/

.blog-img {
    object-fit: cover;
    width: 100%;
    height: 200px;
    border-radius: 4px;
    padding-bottom: 20px;
}
.evein-img {
    display: block;
}

/*mobile media quries*/

@media only screen and (max-width: 900px) {

  .swiper {
    width: 100%;
    height: auto;

  }
}
@media only screen and (max-width: 600px) {
  #menu .relative{
    position: inherit;
  }
  .swiper-slide img {
    height: 155px !important;
}
.swiper-slide {
   
    height: 155px !important;

}
.swiper {
     height: 155px !important;
}
section.py-30 {
    padding: 30px 0px 0px 0px;
}
#upcoming-events .flex {
        display: block;
    }
    #upcoming-events .event {
        display: flex;
    }
.blog-img {
    width: 100%;
    height: 190px;
    border-radius: 4px;
    object-fit: cover;
    margin-bottom: 20px;
}

#navbar .container {
    text-align: start;
}
.w-fit {
    width: auto;
}
#navbar .container {
    display: block;
}
.nav-set {
    display: flex;
}
.right-0 {
        right: calc(var(--spacing) * 0);
        left: 92px;
        bottom: 0;
    }

  #attachment .flex {
      display: block;
  }
  #tab-nav nav a{
      font-size: 11px;
  } 
  #last-child-right{
      margin-right: 90px;
      margin-top: -53px;
  }
  #last-child-left{
      margin-left: 90px;
      margin-top: -53px;
  }
    
}


#loader img {
    max-width: 12%;
    height: auto;
    margin: auto;
}
#event_detail .active-tab {
    border-color: #3b82f6 !important;
}
#event_detail .event-box {
    background: white;
    box-shadow: 0 3px 25px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    padding: 30px;
    border-radius: 10px;
}
#event_detail .event-box img{
    width: 100%;
}
.mySwiper {
  height:100%
}
.text-danger{
   color:red;
}