.materials-page .hero-section{padding-block:170px 210px}.materials-page .hero-section .hero-wrapper{display:flex;align-items:center;flex-direction:column;gap:15px;color:var(--clr-secondary)}.materials-page .hero-section .hero-wrapper .hero-content{font-size:22px;line-height:30px;font-weight:400;letter-spacing:normal;text-align:center}@media (max-width: 991px){.materials-page .hero-section .hero-wrapper .hero-content{font-size:19px;line-height:25px;font-weight:400;letter-spacing:normal}}@media (max-width: 991px){.materials-page .hero-section .hero-wrapper{gap:10px;text-align:center}}@media (max-width: 991px){.materials-page .hero-section{padding-block:120px 170px}}.materials-page .materials-list-section{overflow:hidden;position:relative}.materials-page .materials-list-section .material-wrapper{position:relative}@media (min-width: 992px){.materials-page .materials-list-section .material-wrapper{height:100vh}}.materials-page .materials-list-section .material{width:100%;display:flex}.materials-page .materials-list-section .material .material-img{width:50%}.materials-page .materials-list-section .material .material-img img{width:100%;height:100vh;object-fit:cover}@media (max-width: 991px){.materials-page .materials-list-section .material .material-img{width:100%;position:relative}.materials-page .materials-list-section .material .material-img img{height:100%}.materials-page .materials-list-section .material .material-img .mobile-title{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;color:var(--clr-alt-1);font-size:22px;line-height:30px;font-weight:400;letter-spacing:normal}}@media (max-width: 991px) and (min-width: 992px){.materials-page .materials-list-section .material .material-img .mobile-title{display:none}}.materials-page .materials-list-section .material .material-content{width:50%;color:var(--clr-alt-3);display:flex;align-items:flex-end;padding-bottom:clamp(1.25rem,12vw - 7rem,5rem)}.materials-page .materials-list-section .material .material-content .sub-mobile-title{font-size:18px;line-height:30px;font-weight:400;letter-spacing:normal;margin-bottom:10px}@media (min-width: 992px){.materials-page .materials-list-section .material .material-content .sub-mobile-title{display:none}}.materials-page .materials-list-section .material .material-content .primary-btn{width:fit-content;color:var(--clr-alt-3);border:1px solid var(--clr-alt-3);margin-top:50px}.materials-page .materials-list-section .material .material-content.blue-clr{background-color:#6a7a86}.materials-page .materials-list-section .material .material-content.brown-clr{background-color:var(--clr-secondary)}.materials-page .materials-list-section .material .material-content.orange-clr{background-color:#7c4e3a}.materials-page .materials-list-section .material .material-content.main-clr{background-color:var(--clr-main)}.materials-page .materials-list-section .material .material-content.grey-clr{background-color:#363731}@media (max-width: 991px){.materials-page .materials-list-section .material .material-content{width:100%;padding-block:80px}}@media (max-width: 991px){.materials-page .materials-list-section .material{flex-direction:column}}@media (min-width: 992px){.materials-page .materials-list-section .material{position:absolute;top:0;left:0;height:100%;pointer-events:none}}.materials-page .materials-list-section .material.active{pointer-events:all}.materials-page .materials-list-section .title-wrapper{display:flex;align-items:center;flex-direction:column;gap:15px;color:var(--clr-alt-1);position:absolute;top:50%;left:0;right:0;z-index:12;transform:translateY(-50px);height:62px;overflow:hidden}.materials-page .materials-list-section .title-wrapper>.material-title{color:inherit;color:var(--clr-alt-3);font-size:50px;line-height:62px;font-weight:400;letter-spacing:normal}@media (max-width: 991px){.materials-page .materials-list-section .title-wrapper>.material-title{font-size:22px;line-height:30px;font-weight:400;letter-spacing:normal}}@media (max-width: 991px){.materials-page .materials-list-section .title-wrapper{display:none}}