.max-w--1400px {max-width: 1400px;}
.text--h3 {font-family: 'Manrope'; font-size: 45px; letter-spacing: -0.04em; line-height: 120%; font-weight: 700; width: 100%;}
.text--large {font-family: 'Manrope'; font-size: 20px; letter-spacing: -0.02em; line-height: 120%; font-weight: 700; width: 100%;}
.text--medium {font-family: 'Manrope'; font-size: 16px; letter-spacing: -0.02em; line-height: 150%; font-weight: 500;}
.text--medium-bold {font-family: 'Manrope'; font-size: 16px; letter-spacing: -0.02em; line-height: 150%; font-weight: 700;}
.paddings--l-r-20px {padding-left: 20px; padding-right: 20px;}
.radius--20px {border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.paddings--t-b-20px {padding-top: 20px; padding-bottom: 20px;}
.gap-hor--20px {column-gap: 20px;}
.gap-ver--25px {row-gap: 25px;}
.gap-ver--15px {row-gap: 15px;}
.w-h--54px {width: 54px; height: 54px; flex-shrink: 0;}
.w-h--32px {width: 32px; height: 32px; flex-shrink: 0;}
.radius--15px {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.gap-ver--20px {row-gap: 20px;}
.gap-hor--5px {column-gap: 5px;}
.gap-ver--30px {row-gap: 30px;}
.color--primary {background-color: rgb(18, 104, 218); grid-column-start: span 1; grid-column-end: span 1;}
.color-text--bg-on {color: rgba(0, 0, 0, 1);}
.color-text--bg-on-50per {color: rgba(0, 0, 0, 0.5);}
.color--bg-sec {background-color: rgb(241, 245, 255);}
.max-w--600px {max-width: 600px;}
.line--1-white-on {height: 1px; width: 27px; background-color: rgba(0, 0, 0, 0.5);}
.paddings--t-b-80-20px {padding-top: 80px; padding-bottom: 20px;}
.gap-ver--80px {row-gap: 80px;}
.paddings--l-r-15px {padding-left: 15px; padding-right: 15px;}
.max-w--650px {max-width: 650px;}
@media (max-width: 991px) {.gap-ver--80px {row-gap: 80px;}}
@media (max-width: 767px) {.paddings--l-r-20px {padding-left: 10px; padding-right: 10px;}}
@media (max-width: 767px) {.paddings--t-b-20px {padding-top: 10px; padding-bottom: 10px;}}
@media (max-width: 767px) {.gap-ver--25px {row-gap: 20px;}}
@media (max-width: 767px) {.gap-ver--15px {row-gap: 10px;}}
@media (max-width: 767px) {.gap-ver--20px {row-gap: 10px;}}
@media (max-width: 767px) {.gap-hor--20px {column-gap: 10px;}}
@media (max-width: 767px) {.gap-ver--30px {row-gap: 20px;}}
@media (max-width: 767px) {.text--h3 {font-size: 42px;}}
@media (max-width: 767px) {.paddings--t-b-80-20px {padding-top: 100px;}}
@media (max-width: 767px) {.gap-ver--80px {row-gap: 60px;}}
@media (max-width: 767px) {.paddings--l-r-15px {padding-left: 10px; padding-right: 10px;}}
@media (max-width: 479px) {.gap-ver--15px {row-gap: 15px;}}
@media (max-width: 479px) {.gap-ver--25px {row-gap: 25px;}}
@media (max-width: 479px) {.gap-ver--20px {row-gap: 20px;}}
@media (max-width: 479px) {.gap-ver--80px {row-gap: 40px;}}