:root {
    --brand-black: #191E24;
    --brand-gold-safe: #D99C2B;
    --brand-gold: #F2CD13;
 }
 

 
 
 body {
     font-family: 'Hedvig Letters Serif', serif;
     font-size: 1.2em;
     font-optical-sizing: auto;
     font-weight: 400;
     max-width: 1920px;
     margin: auto; 
     color: var(--brand-black);
     letter-spacing: 0.01em; 
     font-style: normal;
     
 }
 
 h1, h2 {
     font-weight: 700;
     letter-spacing: 0.01em;
 }
 
 
 
 h3 {
     font-weight: 300;
     
 }
 
 blockquote {
     font-size: 1.8em;
     font-weight: 400;
     letter-spacing: -0.03em;
     line-height: 1;
 }
 
 nav {
     background-color: var(--brand-black);
     position: fixed;
     z-index: 999;
     top: -1px;
     width: 100%;
     transition: all 0.3s ease;
     max-width: 1920px;
     margin: auto; 
 }
 
 nav.opaque {
     background-color: #fff;
     position: fixed;
 }
 
 .row {
     margin-bottom: 0;
 }
 
 nav .brand-logo {
     text-transform: none;
     font-weight: 200;
 }
 
 nav .brand-logo img{
     height: 50px;
     margin-top: 7px;
     
 }
 
 @media only screen and (max-width: 500px) {
     nav .brand-logo img{
         height: 45px;
         margin-top: 7px;
         
     }
 }
 
 
 nav.opaque .logo-w,
 nav .logo-d {
     display: none;
 }
 
 nav ul li.active {
     background-color: transparent;
 }
 
 
 nav ul a {
     color: #fff;
     font-size: 0.9em;
     font-weight: 300;
     letter-spacing: 0.02em;
     border-bottom: 7px solid transparent;
     text-transform: capitalize;
     
 }
 
 
 nav ul li a.active {
     color: var(--brand-gold);
     font-weight: 400;
 }
 
 nav ul li.active::after {
     content: '';
     display: block;
     width: 25px;
     height: 3px;
     background: var(--brand-orange);
     border-radius: 3px;
     margin: 4px auto;
     margin-top: -15px;
 }
 
 
 
 
 nav.opaque .dark-l {
     display: none;
 }
 nav.opaque .light-l {
     display: block;
 }
 nav .dark-l {
     display: block;
 }
 nav .light-l {
     display: none;
 }
 
 nav.opaque li a.active{
     color: #CD202C;
 }
 
 
 nav.opaque ul a {
     color: #0D0D0D;
 }
 
 .sidenav {
     background-color: var(--brand-black);
 
 }
 
 .sidenav li.active {
     background-color: var(--brand-gold);
 }
 
 .sidenav li.active>a {
     background-color: var(--brand-orange);
     color: var(--text);
 }
 
 .sidenav li>a {
     color: #fff;
 }
 
 img.home-img {
     height: 190px;
     margin-top: -90px;
 }
 
 .container.wide {
     min-width: 85%;
 }

 .hero-section .overlay {
    width: 100%;
    height: 100%;
    background-image: url('../img/patt.png');
    background-repeat: repeat;
    background-size: 4px 4px; 
    position: absolute;
    inset: 0;
 }
 
 .hero-section {
    height: 100vh;
    min-height: 600px;
    position: relative;
    background-image: url('../img/ladies-circle.jpeg');
    background-repeat:  no-repeat;
    background-size: cover;
    background-color: #000;
    background-position: center top;
    color: #fff;
 }
 

 
 .hero-section .divider {
     margin-top: 5px;
     width: 200px;
     height: 5px;
     background: var(--brand-gold);
 }

 .hero-section .container {
    z-index:100;
 }
 

 
 .incentive i {
   font-size: 1.4em;
 }

 .hero-section h1 {
    font-size: 4.2em;
    font-weight: 400;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
 }

 
.hero-section p {
    color:#fff;
    font-size: 2em;
    font-weight: 300;
}

.valign-wrapper.home {
    align-items: end;
    padding-bottom: 15vmin;

}

@media only screen and (max-width : 1440px) {
    .hero-section h1 {
        font-size: 3em;
    }

    .hero-section p {
        
        font-size: 1.7em;
       
    }

    .valign-wrapper.home {
        align-items: end;
        padding-bottom: 7vmin;
    
    }
 }

.hero-section span, .journey h2 span, .dark h2 span {
    color: var(--brand-gold);
}

section:not(#home) {
    padding: 70px 0;
}

h2 span {
    color: var(--brand-gold-safe)
}

section .row {
    margin: 0;
}

.col.content {
    padding: 0 70px;
}

.content ul li {
    list-style: circle inside;
}

p.larger {
    font-size: 1.4em;
    font-weight: 300;
}

.features-1 {
    margin-top: 80px;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    width: 100%;
    padding: 0 30px;
    
 }
 
 .features-1 .feature {
     padding: 0 50px 0 0;
     position: relative;
     
 }
 
 .features-1 .s12:not(:last-child):before {
     content: "";
     position: absolute;
     width: 2px;
     right: 10%;
     top: 50%;
     transform: translateY(-50%);
     height: 100%;
     background-color: #7D79F2;
     opacity: 0.25;
     z-index: 2;
   
 }
 
 .features-1 .s12 {
    
    position: relative;
     
 }

 
 
 .feature-icon img, .feature-icon svg {
     height: 144px;
     margin-left: -25px;
     
 }

 .feature-icon.adj svg {
    margin-left: -5px;
 }
 
 .feature-title {
     
     font-weight: 600;
     font-size: 1.4em;
     line-height: 1em;
     margin: 20px 0;
     text-transform: capitalize;
 }

 .upper {
    margin-bottom: 20px;
    
    padding: 0 30px;
}

@media only screen and (max-width: 992px) {

    .features-1 {
        grid-template-columns: 50% 50%;
        padding: 0 30px;
    }

    .features-1 .s12:not(:last-child):before {
        display: none;
    }

    .upper {
        text-align: center;
    }

    .feature {
       text-align: center;
      
        
    }

    .features-1 .feature {
        padding: 20px;
    }

    .feature-icon img, .feature-icon svg {
        margin-left: 0;
        
    }
 }

 @media only screen and (max-width: 600px) {

    .features-1 {
        grid-template-columns: 100%;
        padding: 0;
    }

   .upper, .features-l .feature {
         padding: 0;
   }
 }

section#approach {
    background-color: #fff5e7;
    
}

.sticky-row {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
   
}

.sticky-main-contents {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: sticky;
    top: 0;
    padding-right: 70px;
}

@media only screen and (max-width: 600px) {
    .sticky-main-contents {
        padding: 0 10px;
    }

    .col.content {
        padding: 0 10px;
    }

    
}

.sticky-list {
    display: flex;
    flex-direction: column;
}

.sticky-list .card-panel {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    display: flex
;
}

@media only screen and (max-width: 768px) {
    .sticky-row.container.wide {
        min-width: 95%;
    }
}

/*.column {
    flex: 1 1 48%;
    box-sizing: border-box;
}*/

.sticky-list .card-content {
    padding: 30px;
}

.card.s-black {
    background-color: var(--brand-black);
    color: #fff;
}

.card.s-gold {
    background-color: var(--brand-gold-safe);
    color: var(--brand-black);
}

.card.s-light-gold {
    background-color: var(--brand-gold);
    color: var(--brand-black);
}

.card.s-purple {
    background-color: #F2E205;
    
}

.sticky-list li {
    margin: 10px 0;
}

.sticky-list li i {
    margin-right: 10px;
}

@media only screen and (max-width: 1366px) {
    p.larger {
        font-size: 1.1em;
    }

    h2 {
        font-size: 3.4rem;
    }

    h3 {
        font-size: 2.5rem;
    }

}

.journey .row {
    position: relative;
    inset: 0;
    z-index: 100;
    padding: 150px 0;
    text-align: center;
}

.journey {
    position: relative;

}

section.parallax {
    padding: 0 !important;
}
.parallax-container, .parallax {
    height: 100%;
}

.journey:before {
    content: "";
    position: absolute;
    inset: 0;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 2;
    overflow: hidden;
}



.journey h2 {
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.process {
    color: #fff;
}
.process-wrap {
    margin-top: 70px
}

.process .fas {
    
    color: var(--brand-gold);
}
.process .fa-circle {
    
    color: var(--brand-black);
}

.contact-block {
    position: relative;
}

.contact-block .icon {
    position: absolute;
    right: 0;
    top: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--brand-gold-safe);
    

}

.contact-block .content {
    margin-right: 40px;
    padding-right: 20px;
    border-right: 2px #fff solid;
    margin-bottom: 50px;
}

.contact-block .title {
    color: var(--brand-gold-safe);
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase;
}

@media only screen and (max-width: 600px) {
    .contact-block .content {
        margin: 0 0 50px 40px;
        padding: 0 0 0 20px;
        border-right: none;
        border-left: 2px #fff solid;
        text-align: left !important
    }

    .contact-block .icon {
        left: 0;
        right: unset;
        
    }
}

.dark {
    color: #fff;
    background-color: var(--brand-black);
}

.dark a {
    color: var(--brand-gold);
    text-decoration: underline;
}

.header {
    margin-bottom: 70px;
}

.btn {
    background-color: var(--brand-gold-safe);
    color: var(--brand-black)
}

@media only screen and (min-width: 768px) {
    .valigned-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
   

}

@media only screen and (min-width: 992px) {
    .valigned-wrapper-2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
   

}

@media only screen and (max-width: 425px) {
    h2 {
        font-size: 3rem;
    }
    h3 {
        font-size: 2.3rem;
    }

    .hero-section h1 {
        font-size: 2.6em;
    }
    .hero-section p {
        
        font-size: 1.5em;
       
    }
}

.success,
.error, .nb {
    padding: 1em;
    margin-bottom: 12px;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    border-radius: 0px;
}

.success {
    color: #fff;
    background-color: #1b5e20;
}

.error {
    color: #fff;
    background-color: #c0392b;
}

.nb {
    background-color: orange;
    color: #000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.progress .indeterminate {
    background-color: #EAE4D6;
}

.progress {
  display: none;
}

.progress.waiting {
    display: block;
}


.dark form input, .dark textarea {
    color: #fff;
}