/* ===============================
   Global Styles
=================================*/
body {
  font-family: "Roboto", sans-serif;
  background: #0b1a4a;
  margin: 0;
  padding: 0;
  color: #000;
  line-height: 1.7;
}

/* ===============================
   Wrapper & Container
=================================*/
.diary-wrapper {
  padding: 60px 40px;
  background: linear-gradient(135deg, #0b1a4a 0%, #132d6b 100%);
  display: flex;
  justify-content: center;
}

.diary-container {
  width: 100%;
  max-width: 1400px;
  background: #ffffff;
  border-radius: 15px;
  padding: 50px 60px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.25);
}

/* ===============================
   Title
=================================*/
.diary-title h2 {
  font-size: 34px;
  font-weight: 800;
  color: #1a3d7c;
  margin-bottom: 20px;
  border-left: 6px solid #ff9800;
  padding-left: 12px;
}

/* ===============================
   Project Grid (same as above)
=================================*/
.project-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 30px;
  margin-top: 30px;
}

.project-card {
  background: #f9fbff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.12);
  transition: all .3s ease;
  display: flex;
  flex-direction: column;
}

.project-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.20);
}

.project-thumb {
  width: 100%;
  height: 180px;
  background: #dfe6ff;
  background-size: cover;
  background-position: center;
}

.project-content {
  padding: 20px 22px;
}

.project-title {
  font-size: 20px;
  font-weight: 700;
  color: #1a3d7c;
  margin-bottom: 8px;
}

.project-meta {
  font-size: 14px;
  color: #444;
  margin-bottom: 10px;
}

.project-meta span {
  display: inline-block;
  margin-right: 12px;
  background: #eef3ff;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 600;
  color: #1a3d7c;
}

.project-desc {
  font-size: 15px;
  color: #333;
  text-align: justify;
  margin-bottom: 10px;
}
/* ===============================
   Thumbnail Images
================================= */

.project-thumb-autoo {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/autoo.png);
}

.project-thumb-kwa1 {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/kwa1.png);
}
.project-thumb-palms {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/palms.png);
}

.project-thumb-IRRIGG {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/IRRIGG.png);
}

.project-thumb-micro2 {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/micro2.png);
}



.project-thumb-LANDUSE {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/LANDUSE.png);
}

.project-thumb-Land_Degradation {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/Land_Degradation.png);
}
.project-thumb-acciden {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/acciden.png);
}

.project-thumb-cloud {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/cloud.png);
}

.project-thumb-flood {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/flood.png);
}








.project-thumb-odr {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/odr.png);
}

.project-thumb-waste {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/waste.png);
}
.project-thumb-iwmp {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/iwmp.png);
}

.project-thumb-acciden {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/acciden.png);
}

.project-thumb-well1113 {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/well1113.png);
}



.project-thumb-school {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/school.png);
}

.project-thumb-agri23 {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/agri23.png);
}
.project-thumb-kottayam_gis {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/kottayam_gis.png);
}

.project-thumb-riverbankerosion {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/riverbankerosion.png);
}

.project-thumb-wayanadu_gis {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/wayanadu_gis.png);
}


.project-thumb-cropdamage {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/cropdamage.png);
}

.project-thumb-gistrain {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/gistrain.png);
}
.project-thumb-kochii {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/kochii.png);
}

.project-thumb-asset1 {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/asset1.png);
}

.project-thumb-plastic {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/plastic.png);
}


.project-thumb-envtqlty {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/envtqlty.png);
}

.project-thumb-ksdii {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/ksdii.png);
}
.project-thumb-crz22 {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/crz22.png);
}

.project-thumb-floodd {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/floodd.png);
}

.project-thumb-pollutioncity1 {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/pollutioncity1.png);
}

.project-thumb-atlas {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/atlas.png);
}

.project-thumb-smartroad {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/smartroad.png);
}
.project-thumb-egov {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/egov.png);
}

.project-thumb-transport {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/transport.png);
}

.project-thumb-solid {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/solid.png);
}





.project-thumb-crop {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/crop.png);
}

.project-thumb-disaster {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/disaster.png);
}
.project-thumb-landslide {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/landslide.png);
}

.project-thumb-indus_pollution {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/indus_pollution.png);
}

.project-thumb-floodwarning {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/floodwarning.png);
}








.project-thumb-urban {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/urban.png);
}



.project-thumb-d {
  background-image: url(https://ksrec.kerala.gov.in/website/assets/newdashboard/images/kerala1.png);
}