.check-symbol {
  font-weight: 800;
  color: #F2BE22;
   font-size: 1.3em;
}

@media (max-width: 800px) {
  
  .check-symbol {
    font-sze: 1em;
    
  }
}


.bg-gold {
  background-color: #D9B855;
  min-height: 250px;
  padding: 30px;
  color: #f2f2f2;
  margin: auto;
}

.bg-gold h3 {
  color: #f2f2f2;
  font-weight: 700;
 
}

.bg-gold a:link {
  
  color: #f2f2f2;
  
}

.bg-gold a:visited {
   color: #f2f2f2;
  
}

.bg-gold a:hover {
    color: #f2f2f2;
  
}



.border-style {
  border-bottom: 3px inset #0367A6;
  width: 90%;
  margin: 0 auto;
}



@media (max-width: 800px) {
.accordion__label   {
      
     line-height: 2.1em !important;
 
    
	}
    }


.benefits p {
  font-size: 2em;
  line-height: 1.2em;
 
  font-weight: 600;
  color: #fff;
  font-variant: small-caps;
  font-style: italic;
  letter-spacing: 2px;
}


@media (max-width: 768px) {
  .benefits p {
   
    font-size: 1.4em;
  }
}


.bg-neutral {
  background-color: #f9f9f9;
  padding: 50px auto;
margin: auto;
}



.bg-off-white {
  background-color: #F2F2F2;
 
  padding: 50px auto;
margin: auto;
}


#photo-border {
  border: 6px outset #A61B34;
 
}


.highlight {
  color: #D9B855 !important;
  font-weight: 600;
  line-height: 1.3em;
}



.bg-blue {
  background: #02426a;
  color: #f2f2f2;
  
}

.bg-blue h2,
.bg-blue h3,
.bg-blue h4 
{
  color: #fff;
  
}

.bg-blue a {
  color: #F2CD88 !important;
  
}




.sample-box-sm {
  width: 90%;
  min-height: 380px;
  padding: 30px 26px;
  background: #fff;
  position: relative;
  margin: auto;
}
.sample-box {
  min-height: 575px;
  padding: 30px 26px;
 
  position: relative;
  width: 90%;
  background: #fff;
  margin: auto;
}
@media all and (min-width: 320px) and (max-width: 480px) {
  .sample-box {
    min-height: 500px;
    width: 100%;
  }
  .sample-box-sm {
    min-height: 350px;
    width: 100%;
  }
}
@media all and (min-width: 481px) and (max-width: 719px) {
  .sample-box {
    min-height: 575px;
    width: 100%;
  }
  .sample-box-sm {
    min-height: 400px;
    width: 100%;
  }
}
@media all and (min-width: 720px) and (max-width: 1280px) {
  .sample-box {
    min-height: 650px;
    width: 100%;
  }
  .sample-box-sm {
    min-height: 500px;
    width: 100%;
  }
}

.sample-box-sm p,
.sample-box p
{
  font-size: 16px;
  font-style: italic;
  text-align: center;
  line-height:  0;
}





.sample-inner {
  bottom: 0;
  padding-top: 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #036eb0;
}
.sample-inner a {
  color: #fff !important;
}
.sample-inner a:hover {
  color: #F2CD88;
}
.sample-inner p, .sample-inner h6 {
  color: #fff;
  line-height: 0.1em !important;
}
@media (max-width: 768px) {
  .sample-inner p, .sample-inner h6 {
    line-height: 0.8em !important;
    padding: auto 5px;
    font-size: 0.8em;
  }
}

.bgbeige {
  background-color: #f2f2f2;
  min-height: 450px;
  padding: 50px 30px;
  color: #454341;
  margin: auto;
}
.heading {
  color: #036eb0;
  line-height: 1.3em;
  font-weight: 800;
}

.highlight-link {
  text-align: center;
  font-style:oblique;
  font-size: 1.5em;
  line-height: 1.6em;
}
.highlight-link a {
  color: #c49e2c !important;
  font-weight: 600;
}

.highlight-link a:visited {
  color: #c49e2c !important;
  font-weight: 600;
}


.highlight-link a:hover {
  color: #c49e2c !important;
  
}


.custom-links a {
  color: #021859;
  font-weight: 600;
}

.custom-links a:visited {
 color: #021859;
  
}


.custom-links a:hover {
  color: #047eca;
  
}




.custom-links ul {
  list-style-type: square;
}
.custom-links ul li {
  padding: 1.4px 0px;
  font-size: 1em;
}

/*Original styles from 2020*/

.border {
  border-bottom: 3px inset #1f7fa5;
  width: 60%;
  margin: 0 auto;
}
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.grey-text {
  font-size: 1em;
  font-style: italic;
  color: #706F73;
  font-weight: 600;
  line-height: 1.3em;
}

.wrapperA {
  width: 80%;
  margin: auto;
  padding: 20px 5px;
}
.wrapperB {
  width: 90%;
  margin: auto;
  padding: 30px;
}
.box-highlight {
  border: 4px inset  #02426a;;
  padding: 40px 30px;
  width:90%;
  margin:auto;
}

@media (max-width:600px) {
  .box-highlight {
  width: 100%;
    padding:10px;
  }
}


.pull-quote {
  border: groove #D9B855 !important;
  border-width: 2px 0 !important;
  font-style: italic !important;
  font-size: 0.9em !important;
  font-weight: 400 !important;
  width: 90% !important;
  
}
.pull-quote--left {
  border-width: 0 2px 0 0 !important;
}