.base-h1{font-size:28px;font-weight:300;text-transform:uppercase;letter-spacing:3px;line-height:1.2;margin-bottom:.7rem}
@media(min-width:350px){.base-h1{font-size:38px}
}
@media(min-width:1024px){.base-h1{font-size:40px}
}
@media(min-width:1440px){.base-h1{font-size:64px}
}
@media(min-width:1440px) and (max-height:740px){.base-h1{font-size:40px}
}
.base-h2{font-size:28px;font-weight:300;text-transform:uppercase;letter-spacing:2px;line-height:1.2;margin-bottom:1rem}
@media(min-width:1024px){.base-h2{font-size:36px}
}
@media(min-width:1440px){.base-h2{font-size:48px}
}
.base-h3{font-size:28px;font-weight:300;line-height:1.2;text-transform:uppercase;margin-bottom:1rem}
.base-h4{font-size:20px;font-weight:300;line-height:1.2;text-transform:uppercase;margin-bottom:1.6rem}
@media(min-width:1024px){.base-h4{font-size:18px}
}
@media(min-width:1440px){.base-h4{font-size:25px;margin-bottom:2.2rem}
}
.base-paragraph{font-weight:300;font-size:14px;letter-spacing:1px;line-height:1.4}
@media(min-width:1440px){.base-paragraph{font-size:18px}
}
.base-primary-button{position:relative;display:flex;justify-content:center;width:calc(100% - 65px);align-items:center;transition:.125s;font-family:'us_army_font',sans-serif;font-size:14px;height:60px;line-height:16px;letter-spacing:1.2px;font-weight:500;text-transform:uppercase;text-decoration:none !important;padding:0 16px;overflow:hidden;background:#ffcc01;border:1px solid #ffcc01;color:#000;cursor:pointer;max-width:375px;white-space:nowrap}
.base-primary-button svg{display:none}
@media(min-width:350px){.base-primary-button{padding:0 36px}
}
@media(min-width:768px){.base-primary-button{justify-content:space-between}
.base-primary-button svg{display:inline-block}
}
@media(min-width:1024px){.base-primary-button{width:100%}
}
@media(hover:hover){.base-primary-button:hover{color:#ffcc01;background:#000}
.base-primary-button:hover path{fill:#ffcc01}
}
.content-container{padding:45px 30px}
@media(min-width:768px){.content-container{padding:65px 80px}
}
@media(min-width:1024px){.content-container{padding:120px 25%}
}
.link{font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#ffcc01}
.link:hover{color:#ffcc01}
.card{text-align:left;background-color:#1f1e22;border:1px solid #565557;border-radius:13px;margin-bottom:10px;transition:border-color 100ms linear}
.card:hover{border-color:#8d8d8d}
.card:hover a:after{border-color:#8d8d8d}
@media(min-width:1024px){.card{margin-bottom:15px}
}
.card a{position:relative;display:flex;color:#fff;text-decoration:none;padding:20px 20px;height:100%}
.card a:after{position:absolute;top:50%;transform:translateY(-50%);right:20px;display:block;align-self:center;content:url("data:image/svg+xml,%3Csvgwidth='8'height='14'viewBox='00814'fill='none'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M0.9169921.5835L6.333667.00016L0.91699212.4168'stroke='%23FFCC01'stroke-width='1.5'stroke-linecap='round'/%3E%3C/svg%3E");border:1px solid #565557;width:26px;padding-left:10px;height:26px;line-height:29px;border-radius:50%;transition:border-color 100ms linear}
@media(min-width:1024px){.card a{padding:26px;flex-direction:column}
}
.card h5{color:#ffcc01;font-size:18px;font-weight:400;letter-spacing:1px;text-transform:uppercase;margin-bottom:.4rem}
@media(min-width:1440px){.card h5{font-size:22px}
}
.card h4{font-size:16px;font-weight:400;letter-spacing:1px;text-transform:uppercase;margin-bottom:.4rem}
@media(min-width:1024px){.card h4{font-size:18px}
}
.card p{font-size:12px;margin-bottom:0;line-height:1.4;padding-right:2.6rem}
@media(min-width:1440px){.card p{font-size:16px}
}
.cmp-pers-mark-homepage-banner{color:#f2f1ea;background-color:#1f1e22;text-align:center;max-height:776px;padding:45px 30px;padding-left:20px;padding-right:20px;background-image:url('../../../../content/dam/goarmy/pers-mark/kya-benefits-bg-mobile.jpg');background-size:100% auto;background-repeat:no-repeat}
@media(min-width:768px){.cmp-pers-mark-homepage-banner{padding:65px 80px}
}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner{padding:120px 25%}
}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner{background-image:url('../../../../content/dam/goarmy/pers-mark/kya-benefits-bg-desktop.jpg');padding-left:20px;padding-right:20px}
}
.cmp-pers-mark-homepage-banner h2{margin:0 auto;margin-top:46px;margin-bottom:2rem;letter-spacing:.08em;line-height:27.63px;font-size:25px;text-transform:uppercase;max-width:320px}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner h2{font-size:41px;max-width:620px;margin-top:80px;margin-bottom:90px;line-height:49.2px}
}
.cmp-pers-mark-homepage-banner ul{display:flex;flex-direction:column;align-items:center;list-style:none;padding:0;max-width:420px;margin:0 auto;margin-bottom:2rem}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner ul{flex-direction:row;max-width:1122px;margin-bottom:3.5rem}
}
.cmp-pers-mark-homepage-banner .benefits-icon{display:block;width:34px;height:30px;margin-right:14px;background-size:100% auto;background-repeat:no-repeat}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner .benefits-icon{width:42px;height:42px;margin-right:0;margin-bottom:1rem}
}
.cmp-pers-mark-homepage-banner .icon-money{background-image:url('../../../../content/dam/goarmy/pers-mark/icon-money-white.svg')}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner .icon-money{background-image:url('../../../../content/dam/goarmy/pers-mark/icon-money.svg');position:relative;right:6px}
}
.cmp-pers-mark-homepage-banner .icon-education{background-image:url('../../../../content/dam/goarmy/pers-mark/icon-education-white.svg')}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner .icon-education{background-image:url('../../../../content/dam/goarmy/pers-mark/icon-education.svg')}
}
.cmp-pers-mark-homepage-banner .icon-skills{background-image:url('../../../../content/dam/goarmy/pers-mark/icon-skills-white.svg')}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner .icon-skills{background-image:url('../../../../content/dam/goarmy/pers-mark/icon-skills.svg')}
}
.cmp-pers-mark-homepage-banner .icon-healthcare{background-image:url('../../../../content/dam/goarmy/pers-mark/icon-healthcare-white.svg')}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner .icon-healthcare{background-image:url('../../../../content/dam/goarmy/pers-mark/icon-healthcare.svg')}
}
.cmp-pers-mark-homepage-banner .icon-bonuses{background-image:url('../../../../content/dam/goarmy/pers-mark/icon-bonuses-white.svg')}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner .icon-bonuses{height:42px;background-image:url('../../../../content/dam/goarmy/pers-mark/icon-bonuses.svg')}
}
.cmp-pers-mark-homepage-banner .icon-benefits{height:30px;background-image:url('../../../../content/dam/goarmy/pers-mark/icon-benefits-white.svg')}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner .icon-benefits{height:42px;background-image:url('../../../../content/dam/goarmy/pers-mark/icon-benefits.svg')}
}
.cmp-pers-mark-homepage-banner__see-details{display:none;position:absolute;left:26px;bottom:20px;border-bottom:1px solid transparent;color:#ffcc01;padding-bottom:4px;text-transform:uppercase;font-size:14px;font-weight:500;letter-spacing:.15em;pointer-events:none;transition:border-color 100ms linear}
.cmp-pers-mark-homepage-banner__see-details svg{vertical-align:middle;margin-left:14px}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner__see-details{display:block}
}
.cmp-pers-mark-homepage-banner li{position:relative;text-align:left;background-color:#1f1e22;border:1px solid #565557;border-radius:13px;margin-bottom:10px;transition:border-color 100ms linear;background-color:#000;align-items:center;width:100%}
.cmp-pers-mark-homepage-banner li:hover{border-color:#8d8d8d}
.cmp-pers-mark-homepage-banner li:hover a:after{border-color:#8d8d8d}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner li{margin-bottom:15px}
}
.cmp-pers-mark-homepage-banner li a{position:relative;display:flex;color:#fff;text-decoration:none;padding:20px 20px;height:100%}
.cmp-pers-mark-homepage-banner li a:after{position:absolute;top:50%;transform:translateY(-50%);right:20px;display:block;align-self:center;content:url("data:image/svg+xml,%3Csvgwidth='8'height='14'viewBox='00814'fill='none'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M0.9169921.5835L6.333667.00016L0.91699212.4168'stroke='%23FFCC01'stroke-width='1.5'stroke-linecap='round'/%3E%3C/svg%3E");border:1px solid #565557;width:26px;padding-left:10px;height:26px;line-height:29px;border-radius:50%;transition:border-color 100ms linear}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner li a{padding:26px;flex-direction:column}
}
.cmp-pers-mark-homepage-banner li h5{color:#ffcc01;font-size:18px;font-weight:400;letter-spacing:1px;text-transform:uppercase;margin-bottom:.4rem}
@media(min-width:1440px){.cmp-pers-mark-homepage-banner li h5{font-size:22px}
}
.cmp-pers-mark-homepage-banner li h4{font-size:16px;font-weight:400;letter-spacing:1px;text-transform:uppercase;margin-bottom:.4rem}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner li h4{font-size:18px}
}
.cmp-pers-mark-homepage-banner li p{font-size:12px;margin-bottom:0;line-height:1.4;padding-right:2.6rem}
@media(min-width:1440px){.cmp-pers-mark-homepage-banner li p{font-size:16px}
}
.cmp-pers-mark-homepage-banner li a{align-items:center}
.cmp-pers-mark-homepage-banner li a:after{line-height:30px;font-size:15px;border:1px solid #8d8d8d;content:url("data:image/svg+xml,%3Csvgwidth='8'height='14'viewBox='00814'fill='none'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M0.9169921.5835L6.333667.00016L0.91699212.4168'stroke='%23FFCC01'stroke-width='1.5'stroke-linecap='round'/%3E%3C/svg%3E")}
.cmp-pers-mark-homepage-banner li .card-content{height:1.2rem}
.cmp-pers-mark-homepage-banner li .card-content p{display:none}
.cmp-pers-mark-homepage-banner li h5{margin-bottom:0}
.cmp-pers-mark-homepage-banner li h4{color:#ffcc01}
@media(min-width:1024px){.cmp-pers-mark-homepage-banner li{width:212px;height:244px;margin:0 5px}
.cmp-pers-mark-homepage-banner li a{align-items:flex-start;width:auto}
.cmp-pers-mark-homepage-banner li a:after{display:none}
.cmp-pers-mark-homepage-banner li .card-content{display:flex;align-items:center;margin-top:2rem}
.cmp-pers-mark-homepage-banner li:hover .cmp-pers-mark-homepage-banner__see-details{border-color:#ffcc01}
.cmp-pers-mark-homepage-banner li h4{color:#fff}
}
@media(min-width:1440px){.cmp-pers-mark-homepage-banner li .card-content{margin-top:3rem}
.cmp-pers-mark-homepage-banner li .card-content p{font-size:14px}
}
.cmp-pers-mark-homepage-banner__button{margin-left:-5px;display:inline-block;color:#000;height:40px;font-family:'us_army_bold',sans-serif;line-height:40px;font-size:14px;letter-spacing:1px;padding:0 14px;background-color:#ffcc01;text-transform:uppercase;border:1px solid transparent;transition:background-color .125s linear,border-color .125s linear}
.cmp-pers-mark-homepage-banner__button:hover{background-color:black;border-color:#ffcc01;color:#ffcc01;text-decoration:none}