@import url(https://use.typekit.net/xiw7yeo.css);
@font-face{
  font-display:optional;

  font-family:"proxima-nova","Arial",sans-serif;

  src:url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2")
}

@font-face{
  font-display:optional;

  font-family:"operetta-8","Times New Roman",serif;

  src:url("https://use.typekit.net/af/232581/00000000000000003b9b3611/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2")
}

@media(min-width: 1024px){
  .hide-desktop{
    display:none
  }
}

.listicle-card{
  transition:all .3s ease-in-out;
  box-shadow:rgba(0,0,0,.18) 0px 3px 6px;
  border-radius:16px;
  box-sizing:border-box;
  width:815px;
  margin:0 auto;
  font-family:"proxima-nova",sans-serif;
  background-color:#fff
}

.listicle-card .primary-phone-text{
  display:none
}

.listicle-card .primary-phone-cta .primary-phone-text{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:20px !important;
  margin-bottom:8px !important
}

.listicle-card .primary-phone-cta .primary-phone-cta-btn{
  font-size:20px !important;
  font-weight:700 !important;
  line-height:24px !important
}

.listicle-card .cart-btn{
  border:none;
  border-radius:6px;
  background:#006aeb;
  color:#fff;
  padding:10px 24px;
  font-size:16px;
  width:fit-content;
  font-weight:700;
  text-decoration:none;
  text-align:center
}

.listicle-card .phone-btn{
  background:none
}

.listicle-card .phone-btn a{
  color:#006aeb
}

@media screen and (max-width: 480px){
  .listicle-card .cart-btn{
    width:264px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    gap:4px
  }

  .listicle-card .btn-alternate{
    background-color:#fff;
    border:2px solid #006aeb;
    color:#006aeb
  }

  .listicle-card .phone-btn{
    background-color:#006aeb
  }

  .listicle-card .phone-btn a{
    color:#fff !important;
    gap:8px
  }
}

.listicle-card .cart-btn:hover{
  cursor:pointer;
  color:#fff;
  text-decoration:none
}

.listicle-card .cart-btn:focus{
  color:#fff
}

.listicle-card h3{
  color:var(--Base-Steel-Grey, #32313A);
  font-size:1.125rem;
  font-size:clamp(1.125rem,1.1rem + .125vw,1.25rem);
  font-style:normal;
  font-weight:700;
  line-height:24px;
  margin:0 !important
}

.listicle-card img.logo-image{
  height:40px
}

.listicle-card .topline-separator{
  border-bottom:1px solid #dae0e5;
  width:calc(100% - 48px);
  margin:0 auto;
  height:1px
}

@media screen and (max-width: 480px){
  .listicle-card .topline-separator{
    width:100%
  }
}

.listicle-card .topline-grid{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:32px 40px
}

.listicle-card .topline-grid.no-bottomline-content-desktop{
  border-bottom:none !important
}

.listicle-card .topline-grid .review-count{
  font-size:10px;
  text-decoration:underline;
  color:#32313a
}

.listicle-card .topline-grid .font-weight-reduce{
  font-weight:400
}

.listicle-card .topline-grid .remove-margin{
  margin:0
}

.listicle-card .topline-grid .tiny-gap{
  gap:6px
}

.listicle-card .topline-grid .top-align{
  -ms-flex-pack:start;
  justify-content:start
}

.listicle-card .topline-grid .phone p,.listicle-card .topline-grid .phone a{
  color:#32313a;
  font-size:16px
}

@media(max-width: 480px){
  .listicle-card .topline-grid .phone a{
    color:#fff
  }
}

.listicle-card .topline-grid .phone .mobile-phone{
  display:none
}

@media(max-width: 480px){
  .listicle-card .topline-grid .phone .mobile-phone{
    display:block
  }

  .listicle-card .topline-grid .phone .desktop-phone{
    display:none
  }
}

.listicle-card .topline-grid>div{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-align:start;
  align-items:start
}

.listicle-card .topline-grid .cta-options{
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-align:center;
  align-items:center
}

@media(max-width: 480px){
  .listicle-card .topline-grid .cta-options{
    gap:12px
  }
}

.listicle-card .topline-grid .logo{
  gap:8px
}

.listicle-card .topline-grid .logo p{
  color:var(--Primary-Steel-Grey---32313A, #32313A);
  text-align:center;
  font-size:12px;
  font-weight:400;
  line-height:16px;
  margin:0px
}

.listicle-card .topline-grid div:first-child{
  border-left:none
}

.listicle-card .bottomline-content{
  padding:24px 16px 32px 16px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:16px;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:justify;
  justify-content:space-between
}

@media screen and (max-width: 480px){
  .listicle-card .bottomline-content{
    padding:24px 24px 16px 24px;
    grid-template-columns:1fr;
    gap:16px
  }
}

.listicle-card .bottomline-content>div{
  border-left:1px solid #dae0e5;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-pack:center;
  justify-content:center;
  padding:16px 32px
}

@media screen and (max-width: 480px){
  .listicle-card .bottomline-content>div{
    border-left:none;
    padding:0px;
    text-align:center
  }
}

.listicle-card .bottomline-content>div h4{
  color:var(--Base-Steel-Grey, #32313A);
  font-size:.875rem;
  font-size:clamp(.875rem,.85rem + .125vw,1rem);
  font-weight:400;
  line-height:20px
}

.listicle-card .bottomline-content>div h2{
  color:var(--Base-Steel-Grey, #32313A);
  font-size:1.125rem;
  font-size:clamp(1.125rem,1.05rem + .375vw,1.5rem);
  font-style:normal;
  font-weight:700;
  line-height:clamp(1.75rem,1.7rem + .25vw,2rem)
}

.listicle-card .bottomline-content>div h2,.listicle-card .bottomline-content>div h4{
  margin:0
}

.listicle-card .bottomline-content>div:first-child{
  border-left:none;
  padding-left:0px
}

.listicle-card .bottomline-content .superlative .badge{
  background-color:#d8f7dd;
  color:#027e17;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:90px;
  font-size:12px;
  font-weight:600;
  height:32px;
  padding:0px 16px;
  white-space:nowrap;
  min-width:75%
}

.listicle-card .bottomline-content.no-bottomline-content-desktop{
  display:none !important
}

.mobile-superlative{
  display:none
}

@media screen and (max-width: 480px){
  .mobile-superlative{
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:16px
  }
}

.overview-content{
  padding:0px 24px 24px 24px;
  padding-bottom:32px;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  gap:16px
}

@media screen and (max-width: 480px){
  .overview-content{
    gap:8px
  }
}

.overview-content p{
  color:var(--Base-Slate-Grey, #525161);
  font-size:.875rem;
  font-size:clamp(.875rem,.85rem + .125vw,1rem);
  font-style:normal;
  font-weight:400;
  line-height:20px !important
}

.expandable-section{
  padding:0px clamp(1.5rem,1.4rem + .5vw,2rem);
  border-radius:0px 0px 8px 8px;
  background:var(--Background-Light-Grey, #F2F7F7)
}

.expandable-section p{
  font-size:.875rem;
  font-size:clamp(.875rem,.85rem + .125vw,1rem)
}

.expandable-section .pros-cons-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(1rem,.7rem + 1.5vw,2.5rem)
}

@media(max-width: 480px){
  .expandable-section .pros-cons-columns{
    grid-template-columns:1fr
  }
}

.expandable-section .pros-cons-columns h4{
  color:var(--Base-Slate-Grey, #525161);
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:20px;
  display:-ms-flexbox;
  display:flex;
  gap:8px;
  -ms-flex-align:center;
  align-items:center;
  text-transform:uppercase
}

.expandable-section .pros-cons-columns ul li{
  color:var(--Base-Slate-Grey, #525161);
  font-size:.875rem;
  font-size:clamp(.875rem,.85rem + .125vw,1rem);
  font-style:normal;
  font-weight:400;
  line-height:20px;
  margin-left:10px
}

.expandable-section .expandable-header{
  padding:32px 0px;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:justify;
  justify-content:space-between
}

.expandable-section .expandable-header:hover{
  cursor:pointer
}

.expandable-section .border-bottom{
  border-bottom:1px solid var(--Base-Heather-Grey, #CBD1D7)
}

.expandable-section .expanded-content{
  padding-bottom:32px
}

.expandable-section.expandable-frontend .expanded-content{
  display:none
}

.editor-full-width{
  min-width:815px;
  margin:0 auto
}

.wp-block:has(.editor-full-width){
  max-width:815px !important
}

@media(min-width: 768px)and (max-width: 1024px){
  .listicle-card{
    width:100%;
    margin:0 auto
  }

  .listicle-card .hide-tablet{
    display:none
  }

  .listicle-card .topline-grid{
    grid-template-columns:1fr 1fr 1fr;
    margin:0 auto;
    width:calc(100% - 48px);
    padding:0px 16px
  }

  .listicle-card .topline-grid .hide-tablet{
    display:none
  }

  .listicle-card .topline-grid>div{
    padding:32px
  }

  .listicle-card .topline-grid>div:first-child{
    padding-left:0px
  }

  .listicle-card .topline-grid.no-bottomline-content-desktop,.listicle-card .topline-grid.no-bottomline-content-mobile{
    border-bottom:1px solid #dae0e5 !important
  }

  .listicle-card .bottomline-content .hide-tablet{
    display:none
  }

  .listicle-card .bottomline-content .cta-options{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    gap:16px
  }

  .listicle-card .bottomline-content .cta-options .phone p{
    font-size:14px
  }

  .listicle-card .bottomline-content.no-bottomline-content-desktop,.listicle-card .bottomline-content.no-bottomline-content-mobile{
    display:-ms-flexbox !important;
    display:flex !important
  }

  .listicle-card .legal{
    padding:14px 24px;
    border-top:1px solid #dae0e5
  }

  .listicle-card .legal p{
    font-size:10px;
    line-height:12px
  }
}

@media(min-width: 320px)and (max-width: 767px){
  .listicle-card{
    width:312px;
    position:relative
  }

  .listicle-card .badge{
    background-color:#d8f7dd;
    color:#027e17;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:90px;
    font-size:12px;
    font-weight:600;
    height:32px;
    padding:0px 16px;
    width:fit-content
  }

  .listicle-card .hide-mobile{
    display:none
  }

  .listicle-card .topline-grid{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:24px;
    gap:24px;
    border-bottom:none
  }

  .listicle-card .topline-grid .logo{
    grid-area:1/1/2/3;
    gap:0px
  }

  .listicle-card .topline-grid .logo img{
    margin-top:8px
  }

  .listicle-card .topline-grid .logo p{
    color:var(--Primary-Steel-Grey---32313A, #32313A);
    text-align:center;
    font-size:12px;
    font-weight:400;
    line-height:16px;
    margin:0px
  }

  .listicle-card .topline-grid .callout-1{
    grid-area:2/1/3/2
  }

  .listicle-card .topline-grid .callout-2{
    grid-area:2/2/3/3
  }

  .listicle-card .topline-grid .tiny-gap{
    gap:8px
  }

  .listicle-card .topline-grid .contract-length{
    margin-top:8px
  }

  .listicle-card .topline-grid .review-count{
    margin:0px;
    text-decoration:none;
    font-size:14px;
    color:#32313a
  }

  .listicle-card .topline-grid .top-align{
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
  }

  .listicle-card .topline-grid .mobile-stack{
    -ms-flex-direction:column;
    flex-direction:column
  }

  .listicle-card .topline-grid>div{
    border:none;
    box-sizing:border-box;
    padding:0px;
    -ms-flex-align:center;
    align-items:center
  }

  .listicle-card .topline-grid>div .callout-subtext{
    font-size:12px
  }

  .listicle-card .topline-grid .units .callout-subtext{
    font-size:12px
  }

  .listicle-card .topline-grid>div.callout-1{
    border-right:1px solid #dae0e5
  }

  .listicle-card .topline-grid div.hide-mobile{
    display:none
  }

  .listicle-card .bottomline-content .superlative{
    display:none
  }

  .listicle-card .bottomline-content.no-bottomline-content-mobile,.listicle-card .bottomline-content.no-bottomline-content-desktop{
    display:none
  }
}

.overview-text.overview-collapsed{
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  transition:max-height .3s;
  max-height:3.2em
}

.overview-text{
  -webkit-line-clamp:unset;
  line-clamp:unset;
  max-height:100em;
  overflow:visible;
  margin-bottom:0px
}

.overview-toggle{
  color:var(--Base-Vivid-Blue, #006AEB);
  font-size:14px;
  font-style:normal;
  font-weight:600;
  line-height:20px;
  cursor:pointer;
  margin-top:8px;
  background:none;
  border:none;
  width:fit-content;
  -ms-flex-item-align:start;
  align-self:start;
  padding:0px;
  margin:0px
}

.overview-toggle:focus{
  outline:none !important
}

.minus{
  display:none
}

.info-field{
  background:#efefef;
  border-radius:8px;
  padding:16px;
  margin-bottom:16px;
  border:1px solid #dcdcdc
}
