section.related-tools-container { margin-top: 40px;  }

section.related-tools-container .related-tool { background-position: right center; background-repeat: no-repeat; background-size: cover;  }

section.related-tools-container .related-tool .col-1 { padding-top: 70px; }

section.related-tools-container .title-and-navigation { position: absolute; z-index: 100; left: 0; top: 30px; width: 100%; }
section.related-tools-container .title-and-navigation .col-1 { display: flex; flex-direction: row; align-items: center; gap: 30px; padding-top: 0; padding-bottom: 0; }

section.related-tools-container .title-and-navigation .carousel-buttons { display: flex; gap: 10px; }
section.related-tools-container .title-and-navigation .slick-arrow { font-size: 0; display: inline-block; width: 30px; height: 30px; border: 1px solid var(--hl-dark-green); background-color: var(--hl-light-green); background-image: url("/_assets/icon-line-arrow-hl-dark-green.png"); background-size: 18px; background-position: center;  background-repeat: no-repeat;   }
section.related-tools-container .title-and-navigation .slick-arrow.slick-prev { transform: rotate(180deg); }

section.related-tools-container .title-and-navigation .slick-arrow:hover { background-color: var(--hl-dark-green); background-image: url("/_assets/icon-line-arrow-hl-light-green.png"); }

section.related-tools-container .title-and-navigation label { display: block; font-family: Roobert; font-size: 19px; font-weight: 500; color: var(--dark-green); }


section.related-tools-container .related-tool .content { position: relative; z-index: 1; display: block; padding: 40px 0; text-decoration: none; color: var(--dark-green); max-width: calc(100% - 480px); }

section.related-tools-container .related-tool h2.title { font-family: Roobert; font-weight: 600; font-size: 37px; color: var(--dark-green); margin: 0 0 0.75em 0; }

section.related-tools-container .related-tool p { font-size: 21px; font-weight: 500; color: var(--dark-green); line-height: 1.3em; }

section.related-tools-container .content .follow-link { transition: transform 0.2s; height: 22px; width: auto; margin-top: 30px; }
section.related-tools-container .content:hover .follow-link { transform: translateX(5px); }

@media (max-width: 1200px) {
   section.related-tools-container .related-tool .content { padding-left: 20px; padding-right: 20px; }
   section.related-tools-container .title-and-navigation .col-1 { padding-left: 30px; }
}

@media (max-width: 900px) {
   section.related-tools-container .related-tool { background-position: center left; }
   section.related-tools-container .related-tool .content { max-width: 90%; }
}

@media (max-width: 760px) {
   section.related-tools-container .related-tool .content { max-width: 100% !important; }
}