#wrapper > div:not(#lp-wrapper):not(#loadmask),
#wrapper > header,
#wrapper > footer  { display: none!important; }






html { scroll-behavior: smooth; }
body {background: #fff;color: #1E2B3F;font-size:18px;}
#lp-wrapper {font-family: "sofia-pro", sans-serif;position: relative;z-index: 10;}
#lp-wrapper > div:not(#team-popup):not(#mobile-anchor-cta) {z-index: 2;position: relative;scroll-margin-top: 100px;/* padding: 5vh 0 5vh; */}

.highlight { color:#00B4FF; }
.black { color:#000; }

a { color:#00B4FF;}
a.btn-primary {background: #00B4FF;color: #fff;display: block;font-weight: 600;font-size: 16px;padding: 13px 20px;border: 2px solid #00B4FF;display: inline-block;position: relative;transition: none!important;outline: none;/* overflow: hidden; */}
a.btn-primary::after {content:"";display:block!important;position: absolute;top: -2px; background: #eaf2f5;left: -2px;width: 102%;transition: transform .35s ease;margin: 0;opacity: 1;z-index: 1;transform: scaleX(0);transform-origin: 100% 100%;height: 110%;}

a.btn-primary .text-inner { position: relative; z-index: 2;}
a.btn-primary:hover  {background-color: #00b4ff; color: #00b4ff !important;border-color: #00B4FF;}
a.btn-primary:hover::after {transform: scaleX(1); transform-origin: 0 100%; }
a.btn-primary:active {background-color: #eaf2f5;border: 2px solid #eaf2f5;  color: #00b4ff !important;}
a.btn-primary:focus {background-color: #eaf2f5; border: 2px solid #eaf2f5; color: #00b4ff !important;}


h1, h2, h3 {color: #1E2B3F;font-family: 'Poppins', sans-serif;font-weight: 700;}
p { font-size:18px; }
.checks { }
.checks li {position: relative;padding: 10px 10px 10px 30px;}
.checks li::before {content:"";background-image: url(https://ssdm.co/ssdm-senior-marketing-lp-2024/img/check.png);width: 24px;height: 22px;display: block;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.plus-list li {position: relative;padding: 6px 0px 6px 25px;line-height: 1.25em;}
.plus-list li::before {content:"";width: 16px;height: 3px;display: block;background: #00b4ff;position: absolute;top: 18px;left: 0;transform: translateY(-50%);}
.plus-list li::after {content:"";height: 16px;width: 3px;display: block;background: #00b4ff;position: absolute;top: 18px;left: 0;transform: translate(6px, -50%);}

.circle {position: relative;display: inline-block;}
.circle svg {position: absolute;top: 0;left: 0;}
.circle svg .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 600;
  fill:transparent;
  opacity:0;
}
.circle svg path.animate { 
  animation: circledraw 1s  linear;
  opacity:1;
 }

@keyframes circledraw {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 600;
  }
}




main { position:relative; ]}
#lp-wrapper div#header {position: sticky;background: #fff;top: 0;z-index: 10;}
#header .container {max-width:100%;padding-left: 0!important;width: 100%;}
#header .inner {display: flex;align-items: center;gap: 20px;}
#header .col-logo {background: #00B4FF;padding: 20px;}
#header .col-logo img {display: block;max-width: 115px;}
#header .col-nav { padding: 20px 0; }
#header .col-nav ul {display: flex;list-style: none;margin: 0;padding: 0;gap: 20px;}
#header .col-nav ul li { }
#header .col-nav ul li a {color: #fff;}
#header .col-nav ul li a:hover { color:#00B4FF; }
#header .col-cta {margin-left: auto;display: flex;align-items: center;gap: 30px;}

#hero {padding: 10vh 0;} 
#hero .inner {display: flex;gap: 50px;}
#hero .inner .col-text {flex: 1;}
#hero .inner .col-text h1 {font-size: 45px;}
#hero .inner .col-text h2 {font-size: 29px;}
#hero .inner .col-text .circle svg { transform: translate(-12%, -9%); }
#hero .inner .col-image {flex: 1.5;}

#hero-image-wrapper { }
#hero-image-wrapper .hero-image-inner {display: grid;grid-template-columns: 1fr 1fr;}
#hero-image-wrapper .hero-image-inner > div {position: relative;}
#hero-image-wrapper .hero-image-inner > div img {position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 1s ease;}
#hero-image-wrapper .hero-image-inner > div img:nth-child(1) {position: static;}
#hero-image-wrapper .hero-image-inner > div img.active {opacity: 1;}


#insights { padding: 5vh 0 5vh;}
#insights .headline {margin: 0 auto;text-align: center;max-width: 900px;}
#insights h2 {font-size: 26px;max-width: 770px;margin: 0 auto 2vh;}
#insights .insight-items {display: grid;grid-template-columns: 1fr 1fr;text-align: center;gap: 20px;}
#insights .insight-items .item {color: #00B4FF;font-family: 'Poppins', sans-serif;font-weight: 700;border-bottom: 1px solid #707070;font-size: 22px;padding: 20px 10px;}

#download {padding: 10vh 0 15vh;}
#download .inner {display: flex;gap: 90px;align-items: flex-start;}
#download .inner .image-col {flex: 1;position: relative;}
#download .inner .image-col .bg {background: #fff;transform: rotate(5deg);position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 20px 10px #0000002e;}
#download .inner .image-col .poster {transform: rotate(-5deg);box-shadow: 0 0 12px 5px #0000002e;}
#download .inner .image-col .poster img { }
#download .inner .text-col {flex: 1.5;}
#download .inner .text-col h2 {font-size: 40px;}
#download .inner .text-col h2 .circle svg {transform: translate(0%, -11%) scaleX(1.3);}
#download .inner .text-col p { }
#download .inner .text-col .form-wrapper { }

#footer {padding: 5vh 0;background: #F4F4F4;}
#footer .inner {display: flex;gap: 15px;justify-content: space-between;font-weight: 600;font-size: 14px;}
#footer .inner p {margin: 0;font-size: 15px;}
#footer .inner .privacy a {color: #222;text-transform: uppercase;}
#footer .disclaimer {font-size: 15px;padding: 0 0 3vh;border-bottom: 2px solid #cdcaca;margin: 0 0 3vh;}


#main-scroll-progress {position: fixed;left: 0;top: 0;width: 10px;height: 100%;}
#main-scroll-progress .progress {background: #00b4ff;}


#lp-wrapper #mobile-anchor-cta {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 200; display: none;}
#lp-wrapper #mobile-anchor-cta a {display: block;text-align: center;}

#thank-you-content {text-align: center;padding: 10vh 0;}
#thank-you-content h1 {font-size: 42px;margin: 0 auto 30px;max-width: 840px;}

#thank-you #video {padding: 8vh 0;background: #121212; color: #fff;overflow: hidden;position: relative;}
#thank-you #video::before {content:"";width: 55%;position: absolute;top: 0;right: 0;height: 105%;background: #00B4FF;clip-path: polygon(25% 0%, 100% 0, 100% 99%, 0% 100%);}
#thank-you #video .inner {display: flex;align-items: center;gap: 40px;flex-flow: row-reverse;}
#thank-you #video .inner .col-content {flex: 1;}
#thank-you #video .inner .col-content h2 {font-size: 40px;color: #fff;margin: 0 0 10px;}
#thank-you #video .inner .col-content p { }
#thank-you #video .inner .col-video {flex: 1;text-align: center;}


@media screen and (max-width: 991px){
  .container { padding:0 30px; }
  #lp-wrapper #mobile-anchor-cta { display: block; }
  #footer { padding-bottom:10vh; }
  #header .col-cta .cta-button-action { display:none; }
  #hero {padding: 5vh 0;}
  #hero .inner {flex-flow: column-reverse;}
  #hero .inner .col-text h1 {font-size: 40px;}
  #hero .inner .col-text .circle svg {transform: translate(-16%, -14%);}
  #hero .inner .cta { display:none; }

  #insights {padding: 0;}
  #insights .insight-items {grid-template-columns: 1fr;gap: 0;}
  #insights .insight-items .item {font-size: 20px;padding: 25px 10px;}

  #download .inner {flex-flow: column;}
  #download .inner .image-col {max-width: 70%;margin: 0 auto;}
  #download .inner .image-col .poster {}
  #download .inner .text-col h2 {font-size: 32px;}
  #download .inner .text-col h2 .circle svg {transform: translate(-8%, -21%) scaleX(1);}

  #footer .inner {flex-flow: column;text-align: center;}

  #thank-you-content h1 { font-size:30px;}
  #thank-you #video { padding:0; }
  #thank-you #video .container {padding:0;margin: 0;width: 100%;}
  #thank-you #video .inner { display: block;}
  #thank-you #video .inner .col-content {background:#000;padding: 30px;}
  #thank-you #video .inner .col-video {padding: 30px;}
  #thank-you #video::before { width:65%;  }
}








/************ SL *****************/

#lp-wrapper.sl #download {padding-bottom: 6vh;}

#sl-four-keys {padding: 3vh 0 5vh;}
#sl-four-keys .inner {display: flex;gap: 90px;align-items: center;}
#sl-four-keys .inner >div { flex:1; }
#sl-four-keys .circle svg {transform: translate(30%, -13%) scaleX(1.85);}

#sl-see-why {padding: 7vh 0;background: #F4F4F4;}
#sl-see-why .inner {display: flex;gap: 90px;align-items: center;}
#sl-see-why .inner >div { flex:1; }
#sl-see-why .squig {position: relative;}
#sl-see-why .squig::after {content:"";background-image:url(https://ssdm.co/ssdm-consumer-insight-report/img/squig.png); height: 11px;display: block;position: absolute;left: 0;bottom: 0;width: 100%;}

#sl-understand {padding: 8vh 0;background:#1E2B3F;color: #fff;}
#sl-understand .inner {display: flex;align-items: center;gap: 90px;}
#sl-understand .inner >div { flex:1; }
#sl-understand h2 { color:#fff; }
#sl-understand .circle svg {transform: translate(40%, -13%) scaleX(2.1);}

#sl-purchase-bar {padding: 10vh 0;background: #00B4FF;text-align: center;}
#sl-purchase-bar h2 {max-width: 800px;color: #fff;margin: 0 auto 30px;}
#sl-purchase-bar .btn-primary  {background-color: #000; }

#lp-wrapper.sl #insights h2 {     max-width: 700px; }

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

  #sl-four-keys .inner {flex-flow: column; gap: 30px;}
  #sl-four-keys .circle svg { transform: translate(14%, -20%) scaleX(1.5);  }

  #sl-see-why .inner {flex-flow: column;     gap: 30px;}

  #sl-understand .inner {flex-flow: column; gap: 30px;}
  #sl-understand .circle svg { transform: translate(20%, -20%) scaleX(1.7);  }

}





/************ BOOK MEETING *****************/

#book-meeting-content {text-align: center;padding: 5vh 0 7vh;}
#book-meeting-content .inner {max-width: 900px;margin: 0 auto;}
#book-meeting-content .video {max-width: 900px;min-height: 500px;margin: 0 auto 40px;}
#book-meeting-content .video.load-hide { opacity: 0; }
#book-meeting-content h3 {color: #00B4FF;text-transform: uppercase;font-size: 18px;font-weight: 700;margin: 0 0 10px;}
#book-meeting-content h2 { }

#book-meeting-section {background: #f9f9f9;padding: 10vh 0;}
#book-meeting-section .inner {display: flex;gap: 50px;}
#book-meeting-section .col-content {flex: 1;padding: 50px 0 0;}
#book-meeting-section .col-content h2 {font-size: 36px;max-width: 450px;}
#book-meeting-section .col-content p {margin: 0;max-width: 480px;}
#book-meeting-section .col-cal {flex: 1;}
#book-meeting-section .col-cal .iframe-wrapper {position: relative;overflow: hidden;}
#book-meeting-section .col-cal iframe {width: 100%;height: 1030px;margin-top: -80px;}
#book-meeting-section .check-list {margin: 0;padding: 30px 0;max-width: 500px;}
#book-meeting-section .check-list li {
    background-image: url(https://ssdm.co/ssdm-consumer-insight-report/img/check.png);
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    padding: 5px 15px 15px 50px;
    margin: 0 0 10px;
}


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

  #book-meeting-content {padding: 5vh 0;}
  #book-meeting-content .video {min-height: unset;}

  #book-meeting-section .inner {flex-flow: column;}
  #book-meeting-section .col-content { padding:0; }
  #book-meeting-section .col-content h2 {font-size: 26px;}

}






/************ SHN *****************/



#promo-bar {background: #FFC200;color: #000;}
#promo-bar .inner {display: flex;align-items: center;justify-content: space-between;padding: 30px 0;}
#promo-bar h3 {flex: auto;margin: 0;font-size: 28px;}
#promo-bar .prices {display: flex;gap: 50px;align-items: center;}
#promo-bar .prices .price {font-size: 28px;font-weight: 600;line-height: 1em;}
#promo-bar .prices .price .blue-cross {position: relative;}
#promo-bar .prices .price .blue-cross::after {content:"";background-image: url(https://ssdm.co/ssdm-consumer-insight-report/img/blue_cross.png);width: 109px;position: absolute;top: 55%;left: 0;height: auto;left: 55%;aspect-ratio: 1 / 0.53;background-position: center;background-size: cover;transform: translate(-50%, -50%);}

@media screen and (max-width: 800px){
  #promo-bar .inner {flex-flow: column;gap: 25px;text-align: center;}
}