.heading-gap{margin-bottom: clamp(2rem, 4vw, 3.75rem);}

.section--resources-hero{background:url('../images/resources/resources-hero-bg.webp') no-repeat center; background-size: cover;}
.resources-hero-caption{max-width:1130px; text-align: center; gap:30px; min-height:460px;}
.resources-hero-caption h1{font-size: clamp(2rem, 3vw, 3.75rem); letter-spacing: 1px; color: #F9F9F9;}
.resources-hero-caption p{opacity: 0.8; max-width:700px; }

.resopurces-search{max-width:470px;}
.resopurces-search .form-control{padding:9px 40px 9px 45px; border-color:#AABFFD!important;}
.resopurces-search .search-button{background:url('../images/search.svg') no-repeat center;width:50px;height:43px;background-size:18px;}
.close-search{top: 50%; right:15px; transform: translateY(-50%); opacity: 0.6; width: 12px;}

.resources-listing-card a.ratio::before{padding-top: 72%;}
.resources-listing-card a img, .lt-card-image img{transition:all 0.3s ease;}
.resources-listing-card a:hover img, .lt-card-image img:hover{transform: scale(1.1);}
.resources-listing-card h2{font-size: 20px; line-height: 142%;}
.resources-listing-card h2 a:hover{color: var(--PrimaryClr)!important;}

.resources-cat-name a{color: var(--PrimaryClr); border-color: var(--PrimaryClr)!important;}
.resources-cat-name a:hover{background: var(--PrimaryClr); color: var(--WhiteClr);}
.post-date{ color:#80807f;}

.author-meta figure{width:70px; border-color:#F2F2F2!important;}
.author-meta span{color:#80807f;}

/* Resource details */
.section--resources-hero-inner{
  background: linear-gradient(180deg, #D7E3FF 0%, #FFFFFF 68.82%);
  box-shadow: 0px 0px 0px 1px #EAEAEA, 0px 4px 8px rgba(143, 143, 143, 0.06);
  border-radius: 32px;
}

.blog-lable{color: #4E53D8;}
.blog-lable span{background:#C4C1FF; min-width: 20px; height: 20px;}
.resources-hero-inner-left h1{font-size: clamp(1.375rem, 2.2vw, 2.1875rem);}

.resources-content-area-main h2{font-size: 24px; font-weight: 500;}
 .resources-content-area-main h3{font-size:20px; font-weight: 500;}
.resources-content-area-main p{color: #51564E;}
.resources-content-area-main p a{color: #6142FF; text-decoration: underline; font-weight: 500;}

.resources-content-area-main ul{list-style: none; padding: 0px; margin: 0px;}
.resources-content-area-main ul li{position: relative; padding-left:24px; padding-bottom: 0.8rem; color: #51564E;}
.resources-content-area-main ul li:before{content: ''; background: url('../images/check-arrow.svg') no-repeat left top; background-size: contain; position: absolute; top:10px; left: 0px; width: 12px; height: 9px;}

.resources-tag{border-color: #BDBDBD!important;}
.rtag-list a{color: #51564E; background: #F1F1F1; border-color:rgba(189, 189, 189, 0.4);}
.rtag-list a:hover{background: var(--PrimaryClr); border-color: var(--PrimaryClr)!important; color: var(--WhiteClr);}

.section-resources-ai{background: url('../images/resources/ai-bg.webp') no-repeat center; background-size: cover;}
.resources-ai-card h3{font-size: clamp(1.25rem, 2vw, 1.8rem);}
.resources-ai-card figure{margin-bottom: clamp(1.25rem, 2vw, 2rem); height: 60px;}
.resources-ai-card figure img{max-height: 60px;}

.resource-header-form{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-radius: var(--BorderRadius); padding:15px;}
.form-header h2{font-size: 24px;}
.form-header p{color: #51564E;}

.rh-form-main label{font-size: 14px; margin-bottom: 5px;}
.rh-form-main .form-group{margin-bottom:15px;}
.tnc-text{font-size: 12px; color: #4C4C4C; line-height:20px;}
.tnc-text a{color: var(--PrimaryClr);}


@media all and (min-width:960px){
  .resources-hero-caption p{line-height: 180%;}
  .author-meta p{font-size:20px;}
  .resources-meta{font-size:18px;}
  .resources-content-area-main p, .resources-content-area-main ul li{font-size: 18px;}

  .resources-latest-post .resources-meta{font-size:20px;}
  .resources-latest-post .author-meta figure{width:100px;}
  .resources-latest-post .resources-listing-card h2{font-size: clamp(1.75rem, 2.5vw, 2.75rem); line-height: 142%;} 
  .resources-latest-post .author-meta p{font-size: clamp(1.125rem, 1.8vw, 1.75rem);}

  .resources-ai-card p{max-width: 85%;}
  .resource-header-form{padding: 30px;}
}

@media all and (max-width:767px){
  .rtag-list a{font-size: 14px;}
  .resources-content-area-main ul li:before{top: 7px;}
}