.resources-page-header {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%);
	 padding    :    84px 0 89px;
    text-align: center;
}

.resource-categories-zone {
    background:  #fff;
    padding: 67px 0;
    border-bottom: 1px solid #e2e8f0;
}

.categories-grid-layout	{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	 gap:       27px; 

}

.category-card-item {
	 background: #f8fafc;
  -o-transition: all 0.29s ease;
    -webkit-border-radius: 11px;
  padding: 34px 23px;
   border-radius: 11px;
		 text-align: center;
     border: 2px solid #e2e8f0;
    -webkit-transition: all 0.29s ease;
      transition: all 0.29s ease;
}

.category-card-item:hover  {
   border-color: #10b981;
  transform: translateY(-4px);
  box-shadow: 0 13px 31px rgba(16, 185, 129, 0.13); 

}

.category-icon-wrap {

  width: 71px;
          height: 71px;
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  border-radius: 50%;
                    display: flex;
   align-items: center;
    justify-content: center;
  margin     :   0 auto 19px;
}

.category-icon-svg {
    width: 36px;
    height: 36px;
   stroke: #059669;
  fill: none;
    stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin     :round;
}

.category-title-text {
    font-size: 19px;
    font-weight: 700;
	color    :    #1e293b;
	 margin-bottom: 8px;
}

.category-count-text {
	font-size: 14px;
    color: #64748b;
}

.resources-library-section   {
		 padding: 81px 0;
    background: #f8fafc;
	
}

.section-heading-center {
  text-align: center; 
	   max-width     :        680px; 
	  margin: 0 auto 51px;
}

.library-section-title {
	  font-size :       41px;

         font-weight: 700;

  color: #1e293b;

     margin-bottom: 14px; 



}  

.library-section-desc {
    font-size: 17px;
    line-height    :  1.68;
  color: #64748b;
}

.resources-grid-display {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 28px;
	
}

.resource-item-card {
    background: #fff;
        padding: 29px 26px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  transition   :        all 0.31s ease;
}

.resource-item-card:hover {
  box-shadow: 0 14px 37px rgba(0,0,0,0.11);

  transform: translateY(-5px);
}

.resource-icon-area {

  width     :  57px;
    height: 57px;
  background    :  #d1fae5;
	border-radius: 9px;
 display: flex;
    align-items: center;
    justify-content: center;
   margin-bottom: 21px;
}

.resource-type-icon  
  {
  width: 31px;
    height: 31px;
    stroke: #059669;
   fill: none;
   stroke-width: 2.3;
       stroke-linecap    :   round;
   stroke-linejoin: round;
}

.resource-content-zone {
       padding: 0;
     }

.resource-category-label {
		 display: inline-block;
   padding: 4px 13px;
   background     :#ecfdf5;
  color: #059669;
  font-size   :12px;
  font-weight: 700;
   text-transform   :uppercase;
    border-radius  :     14px;
               margin-bottom: 13px;
                    letter-spacing: 0.6px;
}

.resource-item-title {
   font-size: 19px;

  font-weight: 700;

	 color : #1e293b;

         margin-bottom: 11px;

  line-height: 1.37;
}

.resource-item-description {
  font-size: 14px;
    line-height: 1.71;
	color: #64748b;
   margin-bottom   :    19px;
}

.resource-meta-data		{
   gap: 17px;
  padding-top: 14px;
  display: flex;
   border-top: 1px solid #e2e8f0;
    margin-bottom: 21px;
}

.meta-format,
.meta-pages {
  font-size    :     13px;
  color: #64748b;
  font-weight: 600;
}

.resource-download-btn {
	    display: flex;
	   font-size: 14px;
	    transition: all 0.27s ease;
	  gap: 9px;
	                    padding: 11px 24px;
			 color: #fff;
	   align-items: center;
	   width: 100%;
	    cursor: pointer;
	   background: #10b981;
		border-radius: 7px;
	       font-weight: 600;
	  border: none;
	               justify-content  :  center; 
	
     }

.resource-download-btn:hover {

	  background: #059669;
  transform: translateY(-2px);}

.btn-icon-svg{
         width: 18px;
   height: 18px;
                    stroke: #fff;
    fill:none;
    stroke-width: 2.5;
	stroke-linecap: round;
                    stroke-linejoin: round;
}

.resource-access-section {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  padding: 77px 0;


}

.access-content-block {


    text-align: center;
     max-width: 730px;
             margin: 0 auto; 
	
	}

.access-icon-display {


   width     : 87px;
   height: 87px;
  background: rgba(16, 185, 129, 0.17);
                    border-radius: 50%;
   display: flex;
   align-items: center;
    justify-content     :      center;
    margin: 0 auto 27px; 


}

.access-main-icon{
   width: 43px;
   height: 43px;
    stroke: #10b981;
  fill   :       none;
    stroke-width: 2.3;
   stroke-linecap: round;
   stroke-linejoin: round;
}

.access-heading-text {

  font-size: 37px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 17px;
     }

.access-description-text {
    font-size: 17px;
  line-height   :      1.71;
	color: #cbd5e1;
  margin-bottom: 33px;
}

.access-action-btn {
   display: inline-block;
  padding: 16px 41px;
  background   :       #10b981;
  color: #fff;
  font-weight: 600;
  font-size  :    16px;
    border-radius: 7px;
    transition :   all 0.28s ease;
}

.access-action-btn:hover {
    background :    #059669;
  transform: translateY(-2px);
  box-shadow: 0 11px 27px rgba(16, 185, 129, 0.34);
}@media (max-width: 991px) {
    .library-section-title {
        font-size: 34px;
    }

    .resources-grid-display {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 23px;
    }

    .categories-grid-layout {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 21px;
    }
}

@media (max-width: 768px) {
    .resources-page-header {
        padding: 61px 0 67px;
    }

    .library-section-title {
        font-size: 29px;
    }

    .access-heading-text {
        font-size: 27px;
    }

    .resources-grid-display {
        grid-template-columns: 1fr;
    }

    .categories-grid-layout {
        grid-template-columns: 1fr;
    }

    .resource-categories-zone {
        padding: 47px 0;
    }
}