/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



/*====GEN STYLES=======*/

:root {
    --ltBlue: #3FAECA;
    --dkBlue: #06458A;
    --medBlue: #2292C3;
    --green: #43C8AC;
    --black:  #222;
    --offWhite: #f7f7f3;
    --ltGray: #f5f5f5;


}

.gray-section {
    background: #f5f5f5;
}

.white {
    color: #fff;
}

.black {
    color: #222;
}

.med-blue {
    color: var(--medBlue);
}

.blue-gradient {
     background: rgb(6,69,138);
    background: linear-gradient(42deg, rgba(6,69,138,1) 0%, rgba(63,174,202,1) 100%);
}

.green-gradient {
    background: rgb(67,200,172);
    background: linear-gradient(252deg, rgba(67,200,172,1) 0%, rgba(17,115,94,1) 100%);
}

.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.half {
    width: 48%;
}

.center-text {
    text-align:center;
}


.small {
    max-width:600px;
    margin:0 auto;
}

.medium {
    max-width:820px;
    margin:0 auto;
    width: 100%;
}

.large {
    max-width:1200px;
    margin:0 auto;
    width: 100%;
}

.x-large {
    max-width:1470px;
    margin:0 auto;
    width: 100%;
}

.responsive {
    max-width:100%;
    display:block;
    margin: 0 auto;
}

.flex {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.flex > * {
    flex:0 1 auto;
}

.roman-list {
    list-style-type: upper-roman;
}

.main-section {
    padding:80px 0;
    margin:0 auto;
}

a {
    text-decoration: none;
}

.small-h2 {
    font-size: 24px;
}

.small-h3 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}

.before-h3 {
    content: '';
    height: 17px;
    width: 3px;
    background: var(--ltBlue);
    display: inline-block;
    margin-right: 5px;
}

.after-h3 {
    content: '';
    height: 17px;
    width: 3px;
    background: var(--ltBlue);
    display: inline-block;
    margin-left: 5px;
}

.large-p {

    font-size: 24px;

}

#menu-item-99 {
    font-family: 'Open Sans', sans-serif;
}

.open-sans {
    font-family: 'Open Sans', sans-serif;
}

.entry-title {
    left: -9999px;
    position: absolute;
}

.main-h1 {
    font-weight: 700;
}

.main-h2 {
    font-weight: 700;
}

.main-h4 {
    font-weight: 700;
    margin-bottom: 0;
}

.left-60 {
    width: 60%;
}

.right-28 {
    width: 28%;
}

.right-30 {
    width: 30%;
    padding-left: 2%;
    border-left: solid 1px var(--ltBlue);
}

.right-33 {
    width: 33%;
}

.no-margin {
    margin-bottom: 0;
}

.entry-content {
    max-width: 1200px;
    margin: 0 auto;
}

#page {
    margin-top: 188px;
}

.logged-in #page {
    top: 32px;
}

.main-ul {
    margin-left: 30px;
}


.main-ul li {
    margin-bottom: 20px;
}

.margin-ul {
    margin-bottom: 0;
}

.margin-ul li {
    margin-bottom: 10px;
    margin-left: 20px;
}


.left-half, .right-half {
    width: 49%;
}


/*===end general styles====*/


#secondary-navigation {
    position: fixed;
    width: 100%;
}

#menu-secondary {
    padding-top: 0;
    transition: all 0.5s;
    visibility: visible;
    opacity: 1;
}

.site-header.has-inline-mobile-toggle {
    padding-top: 90px;
    transition:  all .5s;
}

.site-header .header-image {
    width: 132px;
}



#menu-secondary li {
    border-radius: 25px;
    padding: 20px;
    margin-top: 10px;
    text-align: center;
    
}

#menu-secondary li a {
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;
}

#menu-secondary #menu-item-99 {
    box-shadow: initial;
    margin-right: 30px;
}

#menu-item-99 a {
    font-size: 35px;
    
}

#menu-item-90 {
    background: #106578;
    margin-right: 30px;
}

#menu-item-13715 {
    background: var(--green);
    margin-right: 30px;
}

#menu-item-88 {
    background: var(--dkBlue);
}

.main-button, input[type="submit"] {
    background: linear-gradient(90deg, rgba(4,54,128,1) 0%, rgba(62,170,201,1) 100%);
    color: #fff;
    border-radius: 35px;
    padding: 15px 30px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    max-width: 300px;
    border: none;
}

.main-button a {
    color: #fff;
}

.button-margin {
    margin-bottom: 20px;
}

.outline-button {
    border: solid 1px #fff;
}

.main-navigation.is_stuck,
.main-navigation.is_stuck ul ul{
    background-color: var(--medBlue);
}

.secondary-navigation .menu-toggle {
      display: none;
}

.small-text {
    font-size: 17px;
}

.scroll-hide {
    visibility: hidden !important;
    opacity: 0 !important;
}

.small-padding {
    padding-top: 30px !important;
}

/*====HOME HERO====*/

#home-hero-mobile-image {
    display: none;
}

#header-wrap {
    background: rgb(6,69,138);
    background: linear-gradient(42deg, rgba(6,69,138,1) 0%, rgba(63,174,202,1) 100%);
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
}

.logged-in #header-wrap {
    top: 32px;
}

#home-hero-section {
    background-image: url('images/home-header-image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 450px;
    padding: 80px 0;
    display: flex;
    justify-content: flex-end;
}

#home-hero-inner {  

    padding-right: 40px;
    width: 100%;
    max-width: 820px;

}

#hero-h2 {
    font-weight: 700;
    margin-bottom: 20px;
}

#hero-wrap {
    flex-direction: column;
}

#hero-buttons-div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.home-hero-button {
    margin-left: 0;
    margin-right: 0;
    max-width: 229px;
}



#hero-services {
    font-size: 20px;
    font-weight: 700;
}

#hero-apply-p {
    font-size: 20px;
    font-weight: 700;
}

.hero-ul {
    font-size: 22px;
    margin-left: 0;

}

.hero-ul li {
    margin-bottom: 20px;
}

  .icon::before {
    /* removed font- based rules */
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

  .check-ul {
    list-style-type: none;
  }

  .check-ul li {
    position: relative;
    padding-left: 30px;
  }

.check-ul li:before {
    content: '\f058';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px;
    position: absolute;
    left: 0;
}

.site-footer {
    position: relative;
}



#footer-widgets {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#footer-info {
    background: var(--dkBlue);
    padding-top: 50px;
    padding-bottom: 20px;
}

#footer-inner {
    color: #fff;
}

#footer-inner a {
    color:#fff;
}

#footer-social-div{
   width: 100%;
   background: var(--dkBlue);
    bottom: 0;
    right: 20px;
    font-size: 50px;
}



#footer-social-inner i, #footer-social-inner svg {
    color: #fff;
    margin-left: 10px;
}

.footer-h2 {
    font-size: 30px;
    color: #fff;
      font-weight: 600;
    text-align: center;
}

.footer-h3 {
    font-size: 24px;
    margin-bottom: 0;
}

#menu-insurance-footer li a, #menu-programs-footer li a, #menu-resources-footer li a, #menu-blog-footer li a {
    color: #fff;
}

#menu-insurance-footer, #menu-programs-footer {
    text-align: center;
}

#footer-phone, #footer-email, #footer-social-div {
    width: 32%;
}

#footer-phone, #footer-email {
    display: flex;
    align-items: center;
}

#footer-phone svg, #footer-email svg {
    background: #fff;
    border-radius: 5px;
    color: var(--dkBlue);
    padding: 10px;
    margin-right: 10px;
    font-size: 27px;
}

#footer-social-inner {
    display: flex;
    justify-content: flex-end;
}

.copyright-bar a {
    color: #fff;
}

.inside-site-info {
    padding-bottom: 50px;
}


#home-insurance-section {
    background: var(--ltGray);
    padding-top: 30px;
    padding-bottom: 0;
}


#home-insurance-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}

#home-services-section-orig {
    padding: 40px 0 10px;
    position: relative;
}

#home-services-section {
    padding: 40px 0 80px;
    background: #f3f3f3;
}

#home-services-inner {
    
    margin-top: 0;
    padding-top: 0;
    
}

.home-services-div {
    border-radius: 35px;
    padding: 30px;
    background: #fff;
}
/*
#hero-info-div {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 700px;

}*/

/*#hero-logo-div img {
    display: block;
    margin: 0 auto;
    max-width: 250px;
}

#hero-h2 {
    padding: 30px 0;
    text-transform: uppercase;
    font-weight: 700;
    background: rgb(4,54,128);
    background: linear-gradient(90deg, rgba(4,54,128,1) 0%, rgba(62,170,201,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    text-align: center;
    line-height: 1.2;
}

#hero-h2 span {
    display: block;
}

#trusted-span {
    font-size: 35px;
}

#over-30-span {
    font-size: 58px;
}

#beauty-span {
    font-size: 32.5px;
}

#hero-image {
    position: absolute;
    bottom: 0;
    right: 2%;
    z-indeX: 1;
}

#hero-services {
    text-align: center;
    font-weight: 700;
}

#hero-apply-p {
    font-size: 45px;
    text-align: center;
    margin:30px 0 10px;
}

#hero-apply-button {
    text-align: center;
    display: block;
    margin: 0 auto;
}

#hero-social-div {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

#hero-social-div i, #hero-social-div svg {
    color: var(--dkBlue);
    font-size: 30px;
    margin-right: 20px;
}*/

.block-link {
    display: block;
}

.home-overview-h4 {
    font-size: 20px;
}

#home-insurance-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 60px 0;
    grid-gap: 40px;
}

.home-insurance-box {
    padding: 30px;
    box-sizing: border-box;
    border-radius: 35px;
    position: relative;
    background: #fff;
}

.home-insurance-box  h2, .home-insurance-box p {
    color: #222;
}

.home-insurance-top-wrap {
    align-items: center;
    justify-content: flex-start;
}

.home-insurance-icon {
    margin-bottom: 20px;
    max-width: 77px;
    margin:  0 20px 20px 0;
}


.box-shadow {
    box-shadow: 8px 8px 30px 0 rgba(6,69,138,.2);

}

.box-shadow-2 {
        box-shadow: 8px 8px 30px 0 rgba(6,69,138,.6);

}

.home-insurance-p {
    padding-bottom: 40px;
}

.home-apply-button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

#home-services-section {
    padding: 30px 0 50px;
    background-image: url('images/services-bg.webp');
    background-repeat:  no-repeat;
    background-size: cover;
    background-position: center bottom;
}

#home-services-inner {

    padding:0 0 138px;
}

.home-services-div {
    display: flex;
    justify-content: space-between;

}

.home-services-icon {
    width: 20%;
    font-size: 50px;
    text-align: right;
    color: var(--green);
}

.home-services-right {
    width: 75%;
}

#home-why-section {
   background-color: #333333;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%232292C3'/%3E%3Cstop offset='1' stop-color='%23333333'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%2343C8AC' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2343C8AC' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
   background-attachment: fixed;
   background-size: cover;
}

/*.home-ins-overview-h4 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: 700;
    width: 100%;
    color: var(--black);
}*/

#home-why-inner {
    align-items: flex-start;
    margin: 20px auto 20px;
}

#home-overview-cta {
    background: var(--green);
    margin-top: 20px;
}

#home-overview-cta h4 {
    margin-bottom: 0;

}

#home-why-wrap {
    margin-bottom: 40px;
    position: relative;
    z-index: 2;

}

.home-why-left-half {
    width: 40%;
}

.home-why-right-half {
    width: 40%;
}



.divider-span {
    padding: 0 15px;
}

.site-logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    z-index: 100;
}

/*===pages===*/

/*===who we are===*/

#who-intro-section {
    padding-bottom: 0;
}

.who-padding-bottom {
    padding-bottom: 80px !important;
}

#who-intro-img{
    padding:  0 25px;
}



#who-why-choose-section {
    background-image: url('images/about/who-why-choose.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}

#who-why-choose-inner {
    z-index: 2;
    color: #fff;
    position: relative;
}

#who-services-wrap {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2 ,1fr);
    grid-gap: 30px;
}

.who-services-div {
    justify-content: flex-start;
}

.who-services-icon-span {
    background: linear-gradient(42deg, rgba(6,69,138,1) 0%, rgba(63,174,202,1) 100%);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
    min-width: 50px;
}

.who-services-icon {
    color: #fff;
}

#who-overview-section {
    background: var(--ltGray);
}

/*==contact===*/

#contact-intro-inner {
    align-items: stretch;
}

.contact-info-div {
    margin-bottom: 20px;
}

.gform_wrapper .gfield_required {
    font-size: 20px !important;
    line-height: 1;
}

.required-indicator {
   font-size: 20px !important;
    line-height: 1;
    color: #c02b0a; 
}

/*--insurance--*/

#ins-intro-section {
    padding-top: 30px;
    padding-bottom: 0;
}

.ins-intro-inner {
    align-items: flex-end;
}

#ins-intro {
    align-items: center;
}

.padding-30 {
    padding-bottom: 30px;
}


#ins-section-1 {
    background: var(--ltGray);
}

.ins-price-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}

#ins-price-laser {
    min-height: 281px;
}

.ins-price-wrap .ins-price-bottom {
    min-height: 459px;
}

.ins-price-wrap-three-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}

.ins-price-wrap-one-col {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px;
}

.ins-price-div {
    border-radius: 35px;
    margin-top: 30px;
    
    box-sizing: border-box;
    
}

.ins-price-top {
    background: rgb(6,69,138);
    background: linear-gradient(42deg, rgba(6,69,138,1) 0%, rgba(63,174,202,1) 100%);
    border-radius: 35px;
    min-height: 330px;
}

#ins-price-makeup {
    min-height: initial;
}

.ins-price-top-green {
    background: rgb(67,200,172);
    background: linear-gradient(252deg, rgba(67,200,172,1) 0%, rgba(17,115,94,1) 100%);
}

.ins-price-top-purple {
    background: rgb(83,28,149);
background: linear-gradient(90deg, rgba(83,28,149,1) 0%, rgba(171,58,246,1) 100%);
}

.ins-price-title-div {
    border-radius: 35px;
    background: #fff;
    padding: 10px 20px;
    text-align: center;
}

.ins-price-title {
    font-weight: 600;
}

.ins-price-top-inner {
    padding: 30px;
    color: #fff;
}

.price-text {
    font-size: 68px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.ins-price-bottom {
    padding-top: 20px;
    padding-bottom: 30px;
    background: #fff;
    margin-top: -30px;
    border-radius: 0 0 35px 35px;
}

.ins-price-list-wrap {
    padding: 30px 30px 0 30px;
    display: flex;
    justify-content: space-between;
    max-height: 281px;
    overflow: hidden;
    position: relative;
     transition:  all .5s;
}

.ins-see-more {
    position: absolute;
    bottom: 0;
    background: #fff;
    text-align: center;
    width: calc(100% - 60px);
    height: 50px;
    display: block;

}

.ins-price-list-wrap .check-ul li:last-child {
    margin-bottom: 40px;
}

.expand {
    max-height: 1343px !important;
     transition:  all .5s;
}

#ins-contact-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.ins-contact-div i, .ins-contact-div svg {
    color: var(--medBlue);
    margin-right: 10px;
}

.ins-contact-div p {
    font-size: 20px;
    
}

#director-form-section {
    padding-top: 40px;
}
/*===what you ned to know===*/

#what-intro-section {
    padding-bottom: 30px;
}
.what-intro-inner {
    align-items: flex-start;
}

.ins-what-price-wrap {
    padding: 50px;
    border-radius: 35px;
}

.ins-what-price {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    box-sizing: border-box;
}

#what-abe-advantage {
    padding: 30px;
    color: #fff;
}


#what-services-wrap {
    margin: 40px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px;
}



.what-service-div h5 {
    font-weight: 600;
}

.what-service-div img {
    width: 120px;
}

#what-list-section {
    background-image: url('images/education/laser-cert-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

#what-services-h2 {
    position: relative;
    z-index: 2;
}

#what-list-a-wrap {
    margin-top: 40px;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}

#what-list-a-wrap .left-half, #what-list-a-wrap .right-half {
    width: 47%;
}

.list-a-div {
    border-radius: 35px;
    background: var(--ltGray);
    margin-bottom: 50px;
}

.list-a-div .check-ul {
    padding: 30px 0;
}

/*#what-advantage-section {
    background-image: url('images/insurance/advantage-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 100%;
}*/

#what-advantage-inner {
    margin-top: 50px;
}

#ins-trainer-inner {
    align-items: center;
}


/*====blog=====*/

.blog #content, .single-post #content {
    max-width: 1200px;
    margin: 0 auto;
}

.blog .entry-title, .single .entry-title {
    position: relative;
    left: initial;
}

/*===faq===*/

.faq-div {
    border-bottom: solid 1px var(--dkBlue);
    margin-bottom: 60px;
}

.faq-h3 {
    font-weight: 700;
}

.top-margin-button {
    margin-top: 40px;
}

/*===member benefits pages===*/

#director-intro-section {
    padding-top: 30px;
    padding-bottom: 0;
}

#director-find-section {
    background-image: url('images/benefits/medical-director-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(10,82,145,0.9) 0%, rgba(59,166,197,0.6) 100%);
    z-index: 1;
    top: 0;
}

.gradient-overlay-gray {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(217,217,217,0.8) 0%, rgba(59,166,197,0.4) 100%);
    z-index: 1;
    top: 0;
}

#director-find-inner {
    z-index: 2;
    position: relative;
    padding: 40px 0;
    color: #fff;
}

#find-director-button, .white-button {
    margin: 40px 0;
    background: #fff;
    color: #222;
}

.font-600 {
    font-weight: 600;
}

.separate-containers.no-sidebar .site-main {
    min-height: 50vh;
}

#edu-intro-section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.gform_wrapper .ginput_complex label {
    font-weight: 700;
    font-size: 16px !important;
}


#gform_wrapper_5 input[type="text"], #gform_wrapper_5 input[type="number"], #gform_wrapper_5 input[type="phone"], #gform_wrapper_5 input[type="email"], #gform_wrapper_7 input[type="text"], #gform_wrapper_7 input[type="number"], #gform_wrapper_7 input[type="phone"], #gform_wrapper_7 input[type="email"], #gform_wrapper_6 input[type="text"], #gform_wrapper_6 input[type="number"], #gform_wrapper_6 input[type="phone"], #gform_wrapper_6 input[type="email"]  {
    background: #fff;
}
/*===education pages====*/

#nat-laser-intro-section {
    padding-bottom: 40px;
}

#laser-clp-section {
    background-image: url('images/education/laser-cert-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.wrap-800 {
    max-width: 800px;
    width: 100%;
}

#laser-exam-top {
    padding-bottom: 50px;
}

.laser-div-top {
    border-radius: 35px;
    min-height: 200px;
}

.laser-div-top-inner {
    padding: 50px 30px 30px 30px;
}


.laser-title-div {
    border-radius: 35px;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}

/*===affiliate pages===*/

#aff-ins-highlights-div {
    align-items: flex-start;
}

.aff-ins-intro-inner {
    align-items: flex-end;
}

.aff-ins-ul {
    width: 49%;
}

#aff-ins-why-section {
    background-image: url('images/affiliates/aff-insurance-why-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: 10%;
}

#aff-consultant-why-section {
    background-image: url('images/affiliates/aff-insurance-why-bg-2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}

#aff-schools-intro-img {
    padding: 0;
}

#aff-ins-why-wrap {
    max-width: 800px;
    flex-wrap: wrap;
}

#aff-ins-why-wrap p {
    width: 100%;
}

.aff-ins-why-ul {
    width: 45%;
}


#products-compare-wrap {
    border-radius: 35px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin:  40px auto;
    max-width: 1200px;
    border-right: solid 1px var(--dkBlue);
}

.products-compare-div {
    
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    
}


.products-compare-title p {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

#products-compare-testing {
    background: var(--green);
}

#products-compare-certification {
    background: var(--ltBlue)
}

#products-compare-technology {
    background: var(--medBlue);
}

#products-compare-safety {
    background: var(--dkBlue);
    border-radius: 0 0 0 35px;
}

.products-compare-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: solid 1px #d0d3da;
    border-left: solid 1px #d0d3da;
    border-right: solid 1px #d0d3da;

}

.products-compare-wrapper div:nth-child(2) {
   border-right: solid 1px #d0d3da;
}

#products-compare-safety-wrapper {
    border-radius: 0 0 35px 35px;
    border-bottom: solid 1px #d0d3da;
}

#products-compare-heading-wrapper {
    border-radius: 35px 35px 0 0;
    background: #fff;
    margin-top: 40px;
}

.products-compare-heading {
    border-radius: 35px;
}

#products-compare-middle {
    border-right: none;
}

.products-compare-other-div, .products-compare-uvc-div {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}

#products-bottom-corner {
    border-radius: 0 0 35px 0;
}

#aff-ins-become-div {
    padding-top: 50px;
}

.aff-trainer-intro-inner {
    align-items: flex-end;
}

#intro-inner {
    padding-bottom: 80px;
}

/*===why allied beauty===*/

#why-text-section {
    background-image: url('images/about/why-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position-y: center;
    padding-top: 40px;
}

#why-text-inner {
    z-index: 2;
    color: #fff;
    position: relative;
}
/*=====responsive======*/

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

    #home-hero-inner {
    
        right: 5%;
    }
}

@media only screen and (max-width: 2000px) {
    
    #home-hero-inner {
    
        right: 2%;
    }
}

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

    #footer-inner {
        max-width: 900px;
    }

    #footer-phone, #footer-email {
        width: auto;
    }

    #footer-social-div {
        max-width: 207px;
    }
}

@media only screen and (max-width: 1675px) {
    #home-hero-section {
        background-position-x: 10%;
    }
}

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

    .x-large {
        max-width:95%;
    }

    #home-hero-section {
        background-position-x: 20%;
    }
}

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


}

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

   

    #home-hero-section {
        background-position-x: 31%;
    }

    .main-navigation a {
        font-size: 15px;
    }

    .price-text {
        font-size: 62px;
    }

    #footer-inner, .site-footer:not(.footer-bar-active) .copyright-bar {
        margin-right: 30px;
    }

    .footer-h2 {
        text-align: right;
        margin-right: 30px;
    }
}

@media only screen and (max-width: 1280px) {
    .inside-header.grid-container {
        padding-right: 10px;
    }
}

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

    .large, .sub-page {
        max-width:92%;
    }

    .price-text {
        font-size: 50px;
    }
}

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

    #block-15 {
        max-width: 150px;
    }

    .footer-widgets-container {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 1100px) {
    .home-insurance-p {
        padding-bottom: 60px;
    }

    .site-footer {
        background: var(--dkBlue);
    }

    #footer-widgets {
        position: relative;
        max-width: 200px;
        margin: 0 auto;
        transform: initial;

    }

    .footer-h2 {
        text-align: center;
    }

    #footer-inner, .site-footer:not(.footer-bar-active) .copyright-bar {
        margin-right: auto;
    }
}

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

    #intro-section {
        padding-top: 30px;
    }

    #menu-secondary {
        justify-content: flex-end;
    }

    #menu-item-99 {
        width: 100%;
        text-align: right;
    }   

    .site-header.has-inline-mobile-toggle {
        padding-top: 180px;
    }

    #page {
    margin-top: 277px;
    }

    .left-60, .right-28, .right-33 {
        width: 100%;
    }

    .right-28 {
        margin-top: 40px;
    }


    #home-insurance-boxes, .ins-price-wrap-three-col {
        grid-template-columns: repeat(2, 1fr);
    }

    .who-intro-inner, #who-overview-inner {
        flex-direction: column;
    }

    #who-services-wrap, .ins-price-wrap, #ins-contact-wrap  {
        grid-template-columns: repeat(1,1fr);
    }

    #who-services-wrap ul:first-child {
        margin-bottom: 0;
    }

    #who-services-wrap {
        grid-gap: 0;
    }

    #home-insurance-wrap, .ins-intro-inner, .ins-price-list-wrap, #what-price-wrap, #what-services-wrap, #what-advantage-inner, #what-list-a-wrap, .aff-ins-intro-inner, .aff-trainer-intro-inner, .aff-schools-intro-inner, .aff-consultant-intro-inner, #why-intro-inner, .what-intro-inner  {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .left-50, .right-50 {
        width: auto;
    }

    .home-overview-h4 {
        text-align: center;
    }

    #home-why-wrap {
        flex-direction: column;
    }

    #home-services-section {
        padding-bottom: 50px;
    }

    .home-why-left-half, .home-why-right-half, .left-half, .right-half {
     
        width: 100%;
    }

    .left-half {
        margin-bottom: 40px;
    }

    #ins-contact-wrap {
        grid-gap: 0;
    }

    .ins-contact-div {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }

    .check-ul {
        margin-left: 0;
    }



    .ins-price-title {
        font-size: 24px;
    }

    #what-list-a-wrap .left-half, #what-list-a-wrap .right-half {
    width: 100%;
    }

    .list-a-div ul {
        margin-left: 30px;
    }

    #what-services-wrap {
    
        grid-template-columns: repeat(2, 1fr);
    }

    .ins-price-list-wrap {
        max-height: 319px;
        justify-content: flex-start;
    }

    #footer-inner {
        flex-direction: column;
        align-items: flex-start;
        max-width: 350px;
        margin: 0 auto;
    }

    #footer-phone, #footer-email {
        margin-bottom: 30px;

    }

    #footer-email a {
        color: #fff;
    }

    #footer-social-div {
        width: auto;
        max-width: initial;
    }

    .footer-h2 {
        margin-right: auto;
    }

    .footer-h3 {
        font-size: 20px;
    }

     .products-compare-div h3 {
        font-size: 24px;
    }

      .products-compare-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .products-compare-wrapper div:nth-child(2) {
        border-right: none;
        border-bottom: solid 1px #d0d3da;
    }

    .products-compare-title p {
        margin-bottom: 0;
    }

    #products-compare-heading-wrapper {
        display: none;
    }

    #products-compare-safety {
        border-radius: 0;
    }

    #products-compare-safety-wrapper {
        border-radius: 0
      
    }

    #products-compare-certification {
        border-radius: 35px 35px 0 0;
    }

    .products-compare-wrapper {
        border: none;
    }

    #products-compare-safety-wrapper {
        border-bottom: none;
    }

    #products-bottom-corner {
        border-radius: 0 0 35px 35px;
    }

    .products-compare-other-div:before {
        content:  "Insured Discount";
        font-size: 20px;
    }

    .products-compare-uvc-div:before {
        content:  "Your Affiliate Income";
        font-size: 20px;
    }

    #home-hero-inner {
        max-width: 720px;
    }

    .home-hero-button {
        max-width: 206px;
    }

}

@media only screen and (max-width: 850px) {
    .medium {
        max-width: 95%;
        margin: 0 auto;
    }

    #laser-clp-section {
        background-position-x: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .secondary-navigation {
        text-align: center !important;
    }
    .secondary-navigation ul {
        display: block;
    }
    .secondary-navigation .sf-menu>li {
        float: none;
        display: inline-block !important;
    }

    .secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-navigation .menu-bar-items {
       
        font-size: 14px !important;
    }

    .ins-price-wrap-three-col {
        grid-template-columns: repeat(1, 1fr);
    }

    #home-hero-section {
        background-position-x: 20%;
        height: auto;
    }

    #home-hero-inner {
        max-width: 420px;
    }

    #hero-wrap {
        flex-direction: column;
        align-items: flex-end;
    }

    .hero-ul {
        width: 300px;
        margin-bottom: 0;
    }

    #hero-h2 {
        text-align: right;
    }

    #hero-buttons-div {
        flex-direction: column;
    }

    .home-hero-button {
        max-width: initial;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    #home-hero-section {
        max-width: 100%;
        margin: 0 auto;
        height: auto;
        flex-direction: column;
    }

    #home-hero-inner {
        position: relative;
        transform: initial;
        right: auto;
        max-width: 90%;
        margin: 0 auto;
        padding-right: 0;
    }

    #home-insurance-boxes {
        grid-template-columns: repeat(1, 1fr);
        max-width: 90%;
        margin: 0 auto;
    }

     #what-services-wrap {
    
        grid-template-columns: repeat(1, 1fr);
    }

    #home-hero-mobile-image {
        display: block;
    }

    #home-hero-section {
        padding-top: 0;
        padding-bottom: 30px;
        background-image: none;
    }

    #hero-wrap {
        flex-direction: column;
       align-items: center;
    }

    

    #hero-h2 {
        text-align: center;
        margin-top: 20px;
    }

}

@media only screen and (max-width: 680px) {
    .site-logo {
        top: 20px;
        transform: initial;
    }

    #menu-secondary {
    justify-content: center;
    }

    #menu-secondary a br {
        display: none;
    }

    #menu-secondary li {
        margin-bottom: 11px;
    }
}

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

        .medium {
            max-width: 95%;
        }

        #home-hero-section {
        background-position-x: 35%;
        }

        

        

        #hero-h2 {
            text-align: center;
        }

        #aff-ins-highlights-div {
            flex-direction: column;

        }

        .aff-ins-ul, .aff-ins-why-ul {
            width: 100%;
        }

        .aff-ins-ul, .aff-ins-why-ul {
            margin-bottom: 0;
        }

        #aff-ins-why-section {
            background-position-x: 60%;
        }
    
}

@media only screen and (max-width: 550px) {
    /*#menu-secondary {
        flex-direction: column;
    }*/

    #menu-secondary {
        margin-top: 40px;
    }

    #menu-secondary br {
        display: none;
    }

    #menu-secondary li {
        margin-bottom: 14px;
    }

    .secondary-nav-aligned-right #secondary-navigation.secondary-navigation .inside-navigation {
        justify-content: center;
    }

    .secondary-navigation .main-nav ul li a {
        font-size: 14px !important;
    }

    #menu-secondary li {
        padding: 14px 5px;
    }



    #menu-item-99 a {
        font-size: 24px;
    }

    .site-header.has-inline-mobile-toggle {
        padding-top: 213px;
    }

    #page {
        margin-top: 290px;
    }

    .ins-price-wrap {
        padding: 0 20px;
        box-sizing: border-box;
    }

    .ins-contact-div p {
        font-size: 18px;
    }

    .ins-what-price {
        font-size: 28px;
    }

    #laser-clp-section {
        background-position-x: 63%;
    }
}

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

    .ins-price-title {
        font-size: 20px;
    }

    .price-text {
        font-size: 50px;
    }

    .secondary-navigation .main-nav ul li a {
        padding-left: 11px !important;
        padding-right: 11px !important;
        font-size: 13px !important;
    }



    #menu-item-90 {
        margin-right: 13px;
    }

    #menu-item-99 {
        text-align: right !important;
    }

    .secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container, .secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container {
        padding: 0px 11px 0px 15px !important;
    }
}
/*=====responsive height=======*/
/*
@media only screen and (max-height: 1100px) {

    #hero-info-div {
        top: 56%;
    }


    #hero-logo-div img {
        max-width: 200px;
    }

    #hero-image{
        max-width: 300px;
    }

   

    #hero-apply-p{
        font-size: 35px;
    }
}



@media only screen and (max-height: 960px) {
    #hero-info-div {
        top: 62%;
    }
}*/