.resourcesHeroBanner-res {
	  min-height: 440px;
  background-size: cover;
   background-position: center;
	 display:     flex;
          align-items: center;
    justify-content: center;
    position   :  relative;
	 padding: 103px 23px;


}

.resourcesHeroBanner-res:before {

  content: "";
  position: absolute;
  top: 0;
	left: 0;
   right: 0;
  bottom: 0;
  background: rgba(31,52,89,0.79); 
	}

.heroInnerContent   {

                    position: relative;
  z-index   : 2;
  text-align: center;
  max-width     :      820px;


}

.resourcesMainTitle {
  font-size: 51px;
    font-weight: 800;
  color: #ffffff;
    margin-bottom: 18px;
}

.resourcesSubtitle {
  font-size :   20px;
               color: #e8f1f8;
               line-height: 1.66;
}

.resourcesIntroSection-res     {
	 padding: 79px 0 54px;
     background   :       #f9fafb;
}

.introContentZone {
   max-width   : 880px;
  text-align: center;
   margin:    0 auto;
}

.introMainHeading {
   font-size:     37px;
    font-weight: 700;
   color: #1a202c;
    margin-bottom: 19px;
}

.introDescText {
	font-size: 17px;
   color: #4a5568;
   line-height: 1.78;
}

.resourcesCategoriesArea-res {
        padding: 67px 0 94px;
       background: #ffffff;}

.categoryBlock {
  margin-bottom: 74px;
}

.categoryBlock:last-child {
    margin-bottom: 0;
}

.categoryMainHeading  
  {
  margin-bottom: 41px;
      font-weight: 700;
	padding-bottom: 17px;
                    color: #1a202c;
	 font-size: 34px;
   border-bottom   :   3px solid #2b6cb0;
	
}

.resourcesItemsGrid {
	  display: grid;
  grid-template-columns: repeat(3, 1fr);
 gap: 36px;


}

.resourceItemCard {
	    background   :  #f7fafc;
   padding :  39px 32px;
    border-radius: 11px;
               -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
    border: 2px solid #e2e8f0;
  transition: all 0.31s;
   display   :       flex;
  flex-direction: column; 
}

.resourceItemCard:hover {
   border-color: #2b6cb0;
  box-shadow: 0 12px 34px rgba(43,108,176,0.17);
  transform: translateY(-6px);
}

.highlightedCard  {
  background: linear-gradient(135deg, #ebf8ff 0%, #ffffff 100%);
  border-color   :      #2b6cb0;
}

.resourceIconZone {
	  width: 69px;
      height: 69px;
     background: linear-gradient(135deg, #2b6cb0 0%, #4299e1 100%);
       border-radius: 50%;
       display: flex;
      align-items    :     center;
      justify-content: center;
      margin-bottom: 24px;

}

.resourceIconSvg {
      width: 34px;
    height: 34px;
   stroke: #ffffff;
  fill:       none;
   stroke-width: 2.3;
	}

.resourceItemTitle {
   font-size: 21px; 
		 font-weight: 700; 
	         color: #1a202c; 
	   margin-bottom: 15px;
}



.resourceItemDesc {
  flex-grow: 1;
    font-size :   15px;
   line-height     :     1.71;
    margin-bottom: 22px;
  color: #4a5568;
}

.resourceFeaturesList {
  padding: 0;
    margin: 0 0 26px 0;
    list-style: none;
}

/* Minified version */

	/* Third-party styles */
.resourceFeaturesList li


{
    position: relative;
  padding-left: 24px;
   margin-bottom: 9px;
   font-size  : 14px;
    color: #4a5568; 

}

.resourceFeaturesList li:before {
    position :      absolute;
     color    :        #2b6cb0;
  content: "→";
  font-weight    :     700;
	left: 0;
}

.resourceDownloadBtn {

	    -o-transition: all 0.29s;
    padding: 13px;
    transition: all 0.29s;
       -moz-transition: all 0.29s;
    -moz-border-radius: 27px;
    font-size: 16px;
  color  :      #ffffff;
 border  :       none;
  font-weight: 600;
  border-radius: 27px;
    -webkit-border-radius: 27px;
       width :   100%;
      cursor: pointer;
  background: #2b6cb0;
	}  

.resourceDownloadBtn:hover {
   background: #1e4a7a;

	  transform: translateY(-2px);

	  box-shadow: 0 6px 19px rgba(43,108,176,0.38);
}

.downloadModalOverlay {
	display: none;
     position: fixed;
	top: 0;
   left: 0;
    right: 0;
   bottom: 0;
  background: rgba(0,0,0,0.67);
  z-index    :    9999;
    align-items: center;
  justify-content: center;
   padding: 23px;
}

.downloadModalOverlay.active {
   display: flex;
}

.modalContentBox {
          background: #ffffff;
	max-width: 540px;
   width  :    100%;
  border-radius: 13px;
	 position: relative;
	 animation: modalSlideIn 0.34s ease;
}
@keyframes modalSlideIn {
    from {
        opacity:0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform:translateY(0);
    }
}.modalCloseBtn {
   position: absolute;
   	 top: 17px;
     right: 17px;
       background: none;
       border: none;
       font-size: 34px;
       color: #4a5568;
       cursor    :        pointer;
      line-height: 1;
   	transition: color 0.26s;
}


.modalCloseBtn:hover {


       color: #2b6cb0;
     }

.modalInner {

       padding: 47px 42px; 

}

.modalHeading 
 {

	    font-size: 28px;
    font-weight: 700;
	color: #1a202c;
    margin-bottom: 13px;
}

.modalDesc {
 margin-bottom: 31px;
    color: #4a5568;
    font-size: 16px;
}

.downloadFormArea
	{
   display: flex;
    flex-direction: column;
    gap: 21px;
}

.formFieldGroup	{
      display: flex;
   flex-direction: column;
     }

.formLabelText {
    color: #2d3748;
  font-weight: 600;
  font-size: 14px;
  margin-bottom  :       8px;
}

.formInputControl {
  padding: 12px 17px;
  border: 2px solid #e2e8f0;
  border-radius: 7px;
  font-size: 15px;
               color   :     #2d3748;
  transition: border-color 0.27s;
    font-family: inherit;
}

.formInputControl:focus {
    outline: none;
  border-color: #2b6cb0;
}

.formSubmitButton {
	padding: 15px;
      background    :#2b6cb0;
   color: #ffffff;
    border: none;
	border-radius: 29px;
   font-size:17px;
  font-weight: 600;
    cursor: pointer;
    transition: all 0.28s;
}

.formSubmitButton:hover {
   	 background    :    #1e4a7a;
  transform: translateY(-2px);
  box-shadow: 0 6px 19px rgba(43,108,176,0.37);
     }

.privacyNotice {
   font-size: 13px;

    color: #718096;

  text-align :    center;

	margin: 7px 0 0;
}

.benefitsExpertBlock-res {

	  padding: 87px 0;
  background: linear-gradient(135deg, #ebf8ff 0%, #f7fafc 100%);


}

.benefitsMainHeading {
     font-size: 38px;
   font-weight: 700;
    color: #1a202c;
   text-align: center;
  margin-bottom: 56px;
}

.benefitsGridLayout

{
  display:   grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 33px;
}

.benefitTileItem {
  background: #ffffff;
    padding: 36px 27px;
  border-radius  :       9px;
                    text-align    :   center;
   transition: all 0.29s;
	}

.benefitTileItem:hover {
  transform: translateY(-6px);
  box-shadow: 0 11px 27px rgba(0,0,0,0.13);
}

.benefitIconCircle {
	 width: 64px;
    height: 64px;
    background: #ebf8ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  margin:    0 auto 19px;
}

.benefitSvgIcon {
      width:     31px;
    height    :     31px;
  stroke   :  #2b6cb0;
  fill     : none;
  stroke-width: 2.2;
}

.benefitTileHeading	{

  font-size: 18px;
       font-weight: 600;
    color: #1a202c;
    margin-bottom: 11px;


}

.benefitTileText     {


  font-size     :   14px;
  color: #4a5568;
    line-height: 1.69;

}@media (max-width: 1024px) {
    .resourcesItemsGrid {
        grid-template-columns:repeat(2, 1fr);
    }

    .benefitsGridLayout {
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .resourcesMainTitle {
        font-size: 37px;
    }

    .categoryMainHeading {
        font-size:29px;
    }

    .resourcesItemsGrid {
        grid-template-columns:1fr;
    }

    .benefitsGridLayout {
        grid-template-columns:1fr;
    }

    .modalInner {
        padding:34px 28px;
    }
}

@media (max-width: 480px) {
    .resourcesMainTitle {
        font-size:31px;
    }

    .resourceItemCard {
        padding: 29px 24px;
    }

    .modalHeading {
        font-size: 24px;
    }
}