.dgrid {
	display:grid; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
	column-gap:30px;
	
	}
	.dgrid2 {
	display:grid; grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
	column-gap:30px;
	     justify-content: center;
	
	}
	@media(max-width:1400px)
	    {
			.dgrid2 {
	display:grid; grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
	column-gap:30px;
	    
	
	}
		}
		@media(max-width:1200px) {
			.dgrid2 {
	display:grid; grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr));
	column-gap:30px;
	    
	
	}
		}
		@media(max-width:992px) {
			.dgrid2 {
	display:grid; grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
	column-gap:30px;
	     
	
	}
		}
		@media(max-width:768px) {
			.dgrid2 {
	display:grid; grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
	column-gap:30px;
	     
	
	}
		}
		@media(max-width:576px) {
			.dgrid2 {
	display:grid; grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr));
	column-gap:10px;
	     
	
	}
		}


.year-card {
    
    min-height: 200px!important;
}
@media(min-width:1400px) {
.gcontainer {
    margin-left: auto!important;
    margin-right: auto!important;
    text-align: center!important;
}
}

/* style2 */
.placement-card {
         border: none;
         border-radius: 25px;
         background: #ffffff;
         box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
         transition: all 0.4s ease;
         overflow: hidden;
         padding: 20px 30px;
             margin-bottom: 30px;
      }

      .placement-card:hover {
         transform: translateY(-10px);
         box-shadow: 0 30px 50px rgba(0, 0, 0, 0.12);
      }

      .icon-box {
         font-size: 14px;
         color: #000;
         font-weight: bold;
         margin-bottom: 20px;
      }

      .placement-number {
         font-size: 30px;
         font-weight: 700;
         color: #b44b08;
         line-height: 1;
      }

      .status-text {
         font-size: 16px;
         color: #7b8a9a;
         letter-spacing: 1px;
      }

      .btn-placement {
         background: #ff8c0014;
         color: #382003;
         padding: 10px 35px;
         border-radius: 50px;
         font-weight: 600;
         transition: 0.3s;
         margin-top: 25px;
      }

      .btn-placement:hover {
         background: #e67e00;
         color: #fff;
      }

      .hstack {
         display: flex;
         justify-content: space-between;
         gap: 10px;
         margin-bottom: 20px;
         border-bottom: 1px #ccc solid;
      }

      .hstack2 {
         display: flex;
         justify-content: space-between !important;
         gap: 10px;
         margin-bottom: 20px;
         border-bottom: 1px #ccc solid;
      }

      .year {
         font-size: 2.4rem;
         font-weight: 800;
         letter-spacing: -1px;
      }

      .year-card {
         border-radius: 18px;
         border: 1px solid #f1f1f1;
      }

      .year-card:hover {
         border: 1px solid #fd7e14;
      }

      .year-card-highlight {
         border: 1px solid #fd7e14;
      }

      .label-small {
         font-size: 14px;
         letter-spacing: 1px;
         font-weight: 600;
      }

      .units {
         font-size: 11px;
         /* letter-spacing: 1px; */
         color: #7b8a9a;
      }

      .bg-orange {
         background-color: #fd7e14;
      }

      .text-orange {
         color: #ff9800;
      }

      .opacity-15 {
         opacity: 15%;
      }

      a {
         text-decoration: none !important;
      }

      .placements-home {
         padding-top: 100px !important;
      }

      @media(max-width:767px) {
         .placements-home {
            padding-top: 24px !important;
         }

      }