/* RESOURCE CENTER */

.resource-center {
     position: relative;
     overflow: hidden;
}

.resource-animal {
     overflow: hidden;
     border-radius: 24px;
}

.resource-animal img {
     transition: 1s;
}

.resource-animal:hover img {
     transform: scale(1.08);
}

.resource-tabs {
     gap: 12px;
}

/* .resource-tabs .nav-link {
     border: none;
     border-radius: 16px;
     padding: 14px 22px;
     transition: .4s;
} */

.resource-tabs .nav-link:hover {
     transform: translateY(-4px);
}

.resource-tabs .nav-link.active {
     background: #2a4173;
}



/* TAB ANIMATION */

.tab-pane {
     animation: fadeUp .5s ease;
}

@keyframes fadeUp {
     from {
          opacity: 0;
          transform: translateY(20px);
     }

     to {
          opacity: 1;
          transform: none;
     }
}

/* PUBLICATION BOOKS */

.book-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
     gap: 40px;
     padding: 20px 0;
}

.book {
     text-decoration: none;
     perspective: 2500px;
}

.book-inner {
     position: relative;
     height: 330px;
     transform-style: preserve-3d;
     transition: 1s ease;
}

.book-front {
     position: absolute;
     inset: 0;
     overflow: hidden;
     border-radius: 8px;
     transform-origin: left;
     transition: 1s;
     box-shadow: 0 25px 50px rgba(0, 0, 0, .25);
}

.book-front img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.book-side {
     position: absolute;
     left: -14px;
     width: 28px;
     height: 100%;
     background: linear-gradient(to right,
               #1f2937,
               #6b7280,
               #1f2937);
     transform: rotateY(-90deg);
}

.book-pages {
     position: absolute;
     right: -10px;
     top: 4px;
     width: 18px;
     height: 97%;
     background: repeating-linear-gradient(to bottom,
               #fff,
               #fff 2px,
               #ececec 3px);
}

.book:hover .book-front {
     transform: rotateY(-145deg);
}

.book:hover .book-inner {
     transform: translateY(-15px) rotateX(8deg);
}

.book-title {
     margin-top: 18px;
     text-align: center;
     font-weight: 600;
     color: #1f2937;
}

/* VIDEO CARDS */

#videosTab .card {
     transition: .5s;
     border-radius: 20px;
}

#videosTab .card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, .12);
}

/* Floating Badge */

.publication-badge {

     position: absolute;
     top: 18px;
     right: 18px;

     background: #fff;

     color: #2a4173;

     padding: 8px 16px;

     border-radius: 40px;

     font-size: 13px;

     font-weight: 700;

     z-index: 10;

     box-shadow: 0 8px 25px rgba(0, 0, 0, .15);

}

/* Overlay Icon */

.overlay-circle {

     width: 85px;
     height: 85px;

     border-radius: 50%;

     background: #fff;

     color: #2a4173;

     display: flex;
     justify-content: center;
     align-items: center;

     margin-bottom: 20px;

     transform: scale(.5);

     transition: .45s;

}

.overlay-circle i {

     font-size: 34px;

}

.library-book:hover .overlay-circle {

     transform: scale(1);

}

/* Meta */

.publication-meta {

     margin-top: 15px;

     color: #8a8a8a;

     font-size: 14px;

}

.publication-meta i {

     color: #2a4173;

     margin-right: 6px;

}

/* Button */

.publication-btn {

     margin-top: 22px;

     height: 52px;

     border-radius: 15px;
/* 
     background: linear-gradient(135deg,
               #2a4173,
               #1ea876); */
     background: #2a4173;

     display: flex;

     align-items: center;

     justify-content: center;

     gap: 12px;

     color: #fff;

     font-weight: 700;

     transition: .4s;

}

.publication-btn i {

     transition: .35s;

}

.library-book:hover .publication-btn {

     transform: translateY(-3px);

}

.library-book:hover .publication-btn i {

     transform: translateX(8px);

}

/* Card Glow */

.library-book {

     overflow: hidden;

}

.library-book::after {

     filter: blur(25px);

}

/* Image */

.library-book-cover {

     overflow: hidden;

}

.library-book-cover img {

     transition: 1s;

}

.library-book:hover img {

     transform: scale(1.12);

}

/* Background */

.library-book {

     background:
          linear-gradient(180deg,
               #fff,
               #fbfbfb);

}

/* PRESENTATION */

#presentationsTab .card {
     transition: .4s;
     border-radius: 20px;
}

#presentationsTab .card:hover {
     transform: translateX(8px);
}

/* ADS */

.nearest-item {
     transition: .4s;
}

.nearest-item:hover {
     transform: translateY(-8px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, .1);
}

/*=========================================
        ADVERTISEMENT 
=========================================*/

.advertisement-scroll {
     display: flex;
     flex-direction: column;
     gap: 22px;
}

/* #advertisementsTab .nearest-item {
     background: #fff;
     border-radius: 22px;
     padding: 28px;
     border-left: 6px solid #2a4173;
     box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
     transition: .35s ease;
     width: 85%;
     margin-left: 58px;
} */
#advertisementsTab .nearest-item {
     width: 100%;
     margin-left: 0;
}

.advertisement-title {
     font-size: 28px;
     font-weight: 700;
     line-height: 1.4;
     word-break: break-word;
}

.nearest-item__description {
     width: 100%;
}

.advertisement-icon {
     width: 110px;
     height: 110px;
     object-fit: contain;
}

@media(max-width:768px) {

     .advertisement-title {
          font-size: 20px;
     }

     .advertisement-btn {
          width: 100%;
          margin-top: 20px;
     }
}

#advertisementsTab .nearest-item:hover {
     transform: translateY(-6px);
     box-shadow: 0 20px 45px rgba(0, 0, 0, .15);
}

rtisement-icon {
     width: 100%;
     height: 100%;
     object-fit: contain;
     transition: .35s;
     /* margin-left: -100px; */
     border-radius: 46px;
}

#advertisementsTab .nearest-item:hover .advertisement-icon {
     transform: scale(1.08) rotate(4deg);
}

.advertisement-title {
     font-size: 24px;
     font-weight: 700;
     color: #1f2937;
     line-height: 1.5;
     margin: 0;
}

.advertisement-date {
     display: inline-block;
     margin-top: 8px;
     color: #6b7280;
     font-size: 15px;
}

.advertisement-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 100px;
     height: 40px;
     border-radius: 14px;
     background: linear-gradient(135deg, #2a4173, #2a4173);
     color: #fff;
     text-decoration: none;
     font-weight: 600;
     transition: .3s;
     margin-right: 16px;
}

.advertisement-btn:hover {
     color: #fff;
     transform: translateY(-3px);
     box-shadow: 0 10px 25px rgba(11, 110, 79, .30);
}

@media (max-width:768px) {

     #advertisementsTab .nearest-item {
          padding: 20px;
     }

     .advertisement-title {
          font-size: 18px;
     }

     .advertisement-icon {
          width: 65px;
          height: 65px;
     }

     .advertisement-btn {
          width: 100%;
          min-width: 100%;
          margin-top: 15px;
     }

     .col-3.text-end {
          text-align: left !important;
     }

}

/* ==========================
   DIGITAL LIBRARY
========================== */

/* .library-shelf {
     display: grid;
     grid-template-columns:
          repeat(auto-fill, minmax(220px, 1fr));
     gap: 35px;
     padding: 20px 0;
} */

.library-book {
     text-decoration: none;
     display: block;
     transition: .5s ease;
}

.library-book-cover {
     position: relative;
     height: 320px;
     overflow: hidden;
     border-radius: 18px;
     background: #fff;
     box-shadow:
          0 20px 40px rgba(0, 0, 0, .08);
}

.library-book-cover img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: 1s ease;
}

/* Scientific Glow */

.library-book-cover::before {
     content: '';
     position: absolute;
     inset: 0;
     background:
          linear-gradient(180deg,
               transparent,
               rgba(11, 110, 79, .75));
     opacity: 0;
     transition: .5s;
     z-index: 2;
}

/* Floating Scan Line */

.library-book-cover::after {
     content: '';
     position: absolute;
     width: 150%;
     height: 4px;
     left: -25%;
     top: -10%;
     background:
          linear-gradient(90deg,
               transparent,
               rgba(255, 255, 255, .9),
               transparent);

     transform: rotate(-20deg);
     transition: 1s;
}

/* Hover */

.library-book:hover {
     transform: translateY(-12px);
}

.library-book:hover img {
     transform: scale(1.08);
}

.library-book:hover .library-book-cover::before {
     opacity: 1;
}

.library-book:hover .library-book-cover::after {
     top: 120%;
}

/* Overlay */

.library-overlay {
     position: absolute;
     inset: 0;
     z-index: 3;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     color: #fff;
     opacity: 0;
     transition: .4s;
}

.library-overlay i {
     font-size: 42px;
     margin-bottom: 12px;
}

.library-book:hover .library-overlay {
     opacity: 1;
}

/* Title */

.library-content {
     padding: 15px 8px;
}

.library-content h6 {
     color: #1f2937;
     font-weight: 700;
     line-height: 1.6;
     text-align: center;
     margin: 0;
}

/* ======================================
   RESOURCE CENTER
====================================== */


/* .resource-center .tab-content {
     min-height: 650px;
} */
/* 
.resource-center .tab-pane {
     display: none;
}

.resource-center .tab-pane.active,
.resource-center .tab-pane.show.active {
     display: block;
} */

/* Videos */

#videosTab {
     max-height: 650px;
     overflow-y: auto;
     overflow-x: hidden;
     padding-right: 8px;
}

/* Presentations */

#presentationsTab {
     max-height: 650px;
     overflow-y: auto;
     overflow-x: hidden;
     padding-right: 8px;
}

/* ===============================
   PUBLICATIONS
================================*/



#publicationsTab::-webkit-scrollbar {
     width: 8px;
}

#publicationsTab::-webkit-scrollbar-thumb {
     background: #2a4173;
     border-radius: 20px;
}

.publication-vertical-scroll {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
     gap: 30px;
}

/* Card */

.publication-vertical-scroll .library-book {
     display: flex;
     align-items: center;
     gap: 30px;
     padding: 22px;
     background: #fff;
     border-radius: 20px;
     border: 1px solid rgba(11, 110, 79, .08);
     box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
     text-decoration: none;
     overflow: hidden;
     position: relative;
     transition: .4s ease;
}

.publication-vertical-scroll .library-book {
     display: block;
     background: #fff;
     border-radius: 22px;
     overflow: hidden;
     padding: 20px;
     transition: .35s;
     box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
     text-decoration: none;
     height: 100%;
     position: relative;
}

.publication-vertical-scroll .library-book:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 45px rgba(0, 0, 0, .15);
}

/* Book Cover */

.publication-vertical-scroll .library-book-cover {
     width: 100%;
     height: 300px;
     border-radius: 16px;
     overflow: hidden;
}

.publication-vertical-scroll .library-book-cover img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: .6s;
}

.publication-vertical-scroll .library-book:hover img {
     transform: scale(1.08);
}

/* Overlay */

.publication-vertical-scroll .library-overlay {
     position: absolute;
     inset: 0;
     background:#2a4173;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     color: #fff;
     opacity: 0;
     transition: .35s;
}

.publication-vertical-scroll .library-book:hover .library-overlay {
     opacity: 1;
}

.publication-vertical-scroll .library-overlay i {
     font-size: 42px;
     margin-bottom: 12px;
}

/* Right Content */

.publication-vertical-scroll .library-content {
     margin-top: 20px;
     text-align: center;
}

.publication-vertical-scroll .library-content h6 {
     font-size: 20px;
     font-weight: 700;
     color: #1d3557;
     min-height: 60px;
}

/* Description */



/* ==========================
   RESOURCE CARD EFFECT
========================== */

#advertisementsTab .nearest-item,
.publication-vertical-scroll .library-book,
#videosTab .card {
     position: relative;
     overflow: hidden;
     background: #fff;
     border-radius: 22px;
     border: 1px solid rgba(11, 110, 79, .08);
     transition: .45s ease;
}

#advertisementsTab .nearest-item::before,
.publication-vertical-scroll .library-book::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(120deg,
               transparent,
               rgba(255, 255, 255, .45),
               transparent);
     transform: translateX(-120%);
     transition: 1s;
}

#advertisementsTab .nearest-item:hover::before,
.publication-vertical-scroll .library-book:hover::before {
     transform: translateX(120%);
}

#advertisementsTab .nearest-item:hover,
.publication-vertical-scroll .library-book:hover,
#videosTab .card:hover {
     transform: translateY(-10px);
     box-shadow: 0 25px 60px rgba(0, 0, 0, .15);
}

.advertisement-btn {
     transition: .35s;
}

.advertisement-btn:hover {
     transform: translateY(-4px) scale(1.05);
}

.advertisement-icon {
     transition: .45s;
}

#advertisementsTab .nearest-item:hover .advertisement-icon {
     transform: scale(1.1) rotate(5deg);
}

.advertisement-title {
     transition: .35s;
}

#advertisementsTab .nearest-item:hover .advertisement-title {
     color: #2a4173;
}




/* Resource Header */
.resource-header {
     max-width: 900px;
     margin: 0 auto 50px;
}

.resource-header .section-badge {
     display: inline-flex;
     margin-bottom: 18px;
}

.resource-title {
     font-size: 56px;
     font-weight: 800;
     color: #1f2d3d;
     margin: 0;
}

/* Resource Tabs */
.resource-tabs {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 18px;
     flex-wrap: wrap;
}

.resource-tabs .nav-item {
     flex: 0 0 auto;
}

.resource-tabs .nav-link {
     min-width: 230px;
     height: 72px;
     display: flex;
     justify-content: center;
     align-items: center;
     border: none;
     border-radius: 16px;
     background: #fff;
     color: #1f2937;
     font-size: 20px;
     font-weight: 600;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
     transition: .35s;
     width: 351px;
}

.resource-tabs .nav-link.active {
     /* background: linear-gradient(135deg, #2a4173, #16875f); */
     color: #fff;
}



@media (max-width:768px) {
     .resource-title {
          font-size: 38px;
     }

     .resource-tabs .nav-link {
          min-width: 180px;
          font-size: 17px;
     }

     .publication-vertical-scroll .library-book {
          flex-direction: column;
          text-align: center;
          gap: 20px;
     }

     /* .publication-vertical-scroll .library-book-cover {
          width: 180px;
          min-width: 180px;
          height: 250px;
     } */

     .publication-vertical-scroll .library-content h6 {
          font-size: 20px;
     }
}

/* Hide scrollbar but keep scrolling */
/*  */

/* Chrome, Edge, Safari */
#videosTab::-webkit-scrollbar,
#presentationsTab::-webkit-scrollbar,
#publicationsTab::-webkit-scrollbar,
#advertisementsTab::-webkit-scrollbar {
     width: 0;
     height: 0;
     display: none;
}