@import "bootstrap.min.css";
    @import "fontawesome.css";
    @import url('//fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');
    @import url('//fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
    body {
        color: #949494;
        font-size: 15px;
        font-family: 'Roboto', sans-serif;
        line-height: normal;
        font-weight: 400;
        background-color: #F6F8FB;
    }
    
    h1,
    h2,
    h3,
    h4 {
        font-weight: 700;
        color: #231F20;
    }
    
    h1,
    h2,
    h3,
    h4 {
        font-family: 'Open Sans', sans-serif;
    }
    
    h1 {
        font-size: 42px;
    }
    
    h2 {
        font-size: 23px;
    }
    
    h3 {
        font-size: 17px;
    }
    
    h4 {
        font-size: 24px;
    }
    
    p {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    
    ul,
    ol {
        padding: 0;
        margin: 0;
    }
    
    li {
        list-style: none;
    }
    
    a {
        text-decoration: none;
        transition: all 0.3s;
		font-weight: initial;
    }
    
    strong {
        color: #231F20;
    }
    
    hr {
        height: 1px;
        border-top: 1px solid rgba(35, 31, 32, 0.1);
    }
	
	.mv {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	
    /* Button css */
    
    .btn {
        height: 56px;
        border-radius: 10px;
        padding: 10px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    .cta-primary {
        color: #fff;
        background: linear-gradient(#005db4 0%, #003087 100%);
        box-shadow: 0px 3px 12px rgba(40, 50, 149, 0.35);
		border: none;
    }
    
    .cta-primary:hover {
        color: #fff;
        background: linear-gradient(#00449b 0%, #00176e 100%);
		border: none;
    }
	
	.cta-secondary {
        color: #fff;
        background: linear-gradient(#44474e 0%, #222328 100%);
        box-shadow: 0px 3px 12px rgba(40, 50, 149, 0.35);
		border: none;
    }
    
    .cta-secondary:hover {
        color: #fff;
        background: linear-gradient(#2b2e35 0%, #090a0f 100%);
		border: none;
    }
	
    /* HEADER CSS */
    
    header {
        background: #fff;
        box-shadow: 0px 6px 28px rgba(0, 35, 86, 0.08);
        padding: 18px 0;
    }
    
    .wrapper {
        position: relative;
        overflow: hidden;
    }
    
    .wrapper:before {
        content: '';
        width: 647px;
        height: 647px;
        background-image: url(../images/img-before.svg);
        background-size: cover;
        left: -376px;
        top: 0;
        position: absolute;
        z-index: -1;
    }
    
    .wrapper:after {
        content: '';
        width: 647px;
        height: 647px;
        background-image: url(../images/img-after.svg);
        background-size: cover;
        right: -376px;
        bottom: 10px;
        position: absolute;
    }
    
    .content-wrapper {
        padding: 45px 0;
    }
    
    .card {
        border-radius: 20px;
        background: #fff;
        box-shadow: 0px 6px 28px rgba(0, 35, 86, 0.08);
        padding: 25px;
        border: none
    }
    
    .input-copy {
        height: 50px;
        border-radius: 5px;
        background: rgba(148, 148, 148, 0.1);
        padding: 8.5px 9px;
		padding-right: 4px;
    }
    
    .input-copy input.form-control {
        height: 100%;
        background-color: transparent;
        border: none;
        /*border-right: 1px solid rgba(148, 148, 148, 0.2);*/
        padding-left: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        text-align: left;
        color: #949494;
    }
    
    .input-copy input.form-control:focus {
        box-shadow: none;
        border: none;
    }
    
    .input-copy .input-group-append .btn {
        padding: 0;
        font-weight: 500;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        color: #231f20;
        border-radius: 0;
        padding-left: 8px;
        height: auto;
    }
    
    .input-copy .input-group-append .btn:focus {
        box-shadow: none;
        border: none;
    }
    
    .psn-card {
        padding: 30px;
		height: 100%;
    }
    
    .heading-1 {
        font-family: "Open Sans";
        font-weight: 800;
        font-size: 23px;
        line-height: 32px;
        text-align: left;
        color: #003791;
    }
    
    .psn-card .heading-1 {
        margin-bottom: 30px;
    }
    
    .psn-card label {
        font-family: "Open Sans";
        font-weight: 700;
        font-size: 17px;
        text-align: left;
        color: #231f20;
        display: block;
        line-height: 23px;
        margin-bottom: 11px;
    }
    
    .social-links {
        display: flex;
        align-items: center;
        margin: 0 -9px;
        margin-top: 14px;
    }
    
    .social-links li {
        padding: 0 9px;
    }
    
    .social-links li a {
        color: rgba(0, 55, 145, 0.3);
        font-size: 20px;
    }
    
    .social-links li a:hover,
    .social-links li.active a {
        color: rgba(0, 55, 145, 1);
    }

    i.fa-copy.copy:hover {
        color: rgba(0, 55, 145, 1) !important;
    }
    
    .social-button {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .cta-social {
        min-width: 92px;
        height: 30px;
        padding: 5px;
        font-size: 13px;
        text-align: left;
        color: #003791;
        background: rgba(0, 55, 145, 0.07);
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    .cta-social:hover {
        background-color: #003791;
        color: #fff;
    }
    
    .visit-content .social-button li {
        flex: 1;
    }
    
    .social-button li a:hover {
        text-decoration: none;
    }
    
    .visit-content .social-button li a {
        width: 100%;
    }
    
    .visit-content .social-button {
        margin: 10px -8px 26px;
    }
    
    .visit-content .social-button li {
        padding: 0 8px;
    }
    
    .visit-content p a {
        color: #003791;
        font-weight: 500;
        text-decoration: underline;
    }
    
    .card-tag-media {
        padding: 15px 0 0;
        margin-bottom: 30px;
    }
    
    .card-tag-media .icon-ct {
        width: 31px;
        margin-right: 14px;
    }
    
    .card-tag-media .media-body h3 {
        font-size: 19px;
        text-align: left;
        color: #231f20;
    }
    
    .card-tag-media .media-body p {
        font-size: 15px;
        line-height: 24px;
        text-align: left;
        color: #949494;
        margin-bottom: 0;
    }
    
    .card-badge {
        width: 67px;
        height: 77px;
        border-radius: 7px;
        background: linear-gradient(#005db4 0%, #003087 100%);
        position: relative;
        text-align: center;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 20px 0;
    }
    
    .card-badge .badge-icon {
        position: absolute;
        bottom: -8px;
        right: -13px;
    }
    
    .card-badge:before {
        background-image: url(../images/iconu.svg);
        background-repeat: no-repeat;
        content: '';
        position: absolute;
        width: 14px;
        height: 6px;
        top: 7px;
        pointer-events: none;
    }
    
    .card-badge span {
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 10px;
        color: #fff;
    }
    
    .card-badge h3 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 26px;
        text-align: center;
        color: #fff;
        margin-bottom: 0;
        position: relative;
    }
    
    .lock-card {
        border-radius: 10px;
        background: #f5f5f5;
        padding: 14px 25px;
        margin-bottom: 16px;
    }
    
    .lock-media {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    
    .lock-media .media-body {
        padding: 0 30px;
    }
    
    .lock-media .media-body h3 {
        margin-bottom: 6px;
        font-weight: 600;
    }
    
    .lock-media .media-body p {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 11px;
        text-align: left;
        color: #949494;
        line-height: 15px;
        margin-bottom: 0;
    }
    
    .lock-card .progress {
        height: 6px;
        background: rgba(168, 168, 168, 0.25);
        border-radius: 5px;
        margin-bottom: 9px;
    }
    
    .lock-card .progress-bar {
        border-radius: 5px;
        background: linear-gradient(#005db4 0%, #003087 100%);
        box-shadow: 0px 3px 12px rgba(40, 50, 149, 0.35);
    }
    
    .lock-card .p-total {
        font-size: 14px;
        color: #949494;
        line-height: 19px;
    }
    
    .lock-card .p-total span {
        float: right;
    }
    
    .lock-card .p-total strong {
        color: #231F20;
        font-weight: 700;
    }
    
    .card-locked-wrapper .row {
        margin: 0 -8px;
    }
    
    .card-locked-wrapper .row [class*="col-"] {
        padding: 0 8px;
    }
    
    .footer-card-locked {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 25px;
    }
    
    .footer-card-locked p {
        margin-bottom: 0;
    }
    
    .footer-card-locked .btn {
        margin-left: auto;
		margin-right: auto;
        padding: 8px 28px;
    }
    
    .footer-card-locked .btn img {
        margin-right: 12.5px;
    }
    
    .footer-card-locked .btn span {
        flex: 1;
    }
    
    .redemption {
        margin-top: 0;
		height: 256px;
		margin-bottom: 2rem;
    }
    
    .redemption h3 {
        font-size: 19px;
        line-height: 26px;
        text-align: left;
        color: #231f20;
        margin-bottom: 11px;
    }
    
    .redemtion-list {
        display: flex;
        flex-direction: column;
    }
    
    .redemtion-list li {
        display: flex;
        align-items: center;
        font-weight: 400 !important;
        font-size: 17px;
        text-align: left;
        padding: 11px 0;
        border-bottom: 1px solid rgba(112, 112, 112, 0.15);
		color: #231f20;
        line-height: 23px;
    }
    
    .redemtion-list li a {
        color: #231f20;
        line-height: 23px;
    }
    
    .redemtion-list li a:hover {
        text-decoration: none;
        color: #003791;
    }
    
    .redemtion-list li:last-child {
        border-bottom: none;
    }
    
    .redemtion-list li span {
        margin-left: auto;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        text-align: right;
        color: #949494;
    }
    
    footer p.copyright {
        margin-bottom: 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #949494;
    }
    
    .quick-links {
        display: flex;
        align-items: center;
    }
    
    footer .quick-links {
        justify-content: flex-end;
    }
    
    .quick-links li:after,
    .quick-links li a {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #949494;
        display: inline-block;
    }
    
    .quick-links li a:hover {
        color: #003791;
        text-decoration: none;
    }
    
    .quick-links li:after {
        content: "|";
        margin: 0 10px;
    }
    
    .quick-links li:last-child:after {
        content: none;
    }
    
    .footer {
        padding: 18px 0;
        border-top: 1px solid rgba(112, 112, 112, 0.15);
        position: relative;
        z-index: 2;
    }
    
    .content-wrapper {
        position: relative;
        z-index: 2;
    }
	
	.sp-webpush-label {
		/*visibility: hidden !important;*/
	}