.elementor-19216 .elementor-element.elementor-element-102c5661{--display:flex;}/* Start custom CSS for html, class: .elementor-element-784e8a94 */@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
@font-face{
    font-family:'NoirPro-light';
    font-display:swap;
    src:url(../../new_fonts/NoirPro-Light.otf)
}
@font-face{
    font-family:'NoirPro-regular';
    font-display:swap;
    src:url(../../new_fonts/NoirPro-Regular.otf)
}
@font-face{
    font-family:NoirPro;
    font-display:swap;
    src:url(../../new_fonts/NoirPro-Light.otf)
}
@font-face{
    font-family:'NoirPro-title';
    font-display:swap;
    src:url(../../new_fonts/NoirPro-Medium.otf)
}
@font-face{
    font-family:'Lumios Marker';
    font-weight:400;
    font-display:swap;
    src:url(../../fonts/lumios-marker.otf)
}
@font-face{
    font-family:'Auto Rich';
    font-weight:400;
    font-display:swap;
    src:url(../../new_fonts/Auto-Rich.ttf)
}
html,input,select,textarea{
    font-size:12px;
    font-family:NoirPro,sans-serif;
    font-weight:500
}
@media (min-width:1024px){
    html,input,select,textarea{
        font-size:16px
    }
}
html{
    max-width:1920px;
    margin:0 auto;
    scroll-behavior:smooth
}
body{
    margin-top:68px
}
.container{
    margin-left:8px;
    margin-right:8px
}
.title{
    font-family:'NoirPro-title';
    font-size:3.75rem;
    line-height:52px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    margin:0
}
.title--second{
    color:#0067A0
}
.cta{
    font-family:'NoirPro-regular';
    display:inline-block;
    font-size:14px;
    font-weight:900;
    color:#0067A0;
    background-color:#ffb500;
    border:1px solid #ffb500;
    padding:20px 10px;
    min-width:185px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    -webkit-transition:-webkit-transform .25s;
    transition:-webkit-transform .25s;
    transition:transform .25s;
    transition:transform .25s,-webkit-transform .25s
}
.cta--second{
    border-color:#fff;
    background-color:#0067A0;
    color:#fff
}
.cta--border{
    color:#0067A0;
    border-color:#0067A0;
    background-color:#fff
}
.cta:hover{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
.anchor{
    position:relative;
    top:-68px;
    display:block
}
#consent_blackbar,#teconsent{
    position:fixed;
    bottom:0
}
.header{
    background-color:#fff;
    padding:6px 20px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:3;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-shadow:0 3px 5px rgba(57,63,72,.3);
    box-shadow:0 3px 5px rgba(57,63,72,.3)
}
body{
    margin:0
}
.checkout{
    background:#0067A0 0 0 no-repeat padding-box;
    color:#fff
}
.checkout *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.checkout a{
    color:#fff
}
.formCategory{
    border-top:1px solid #fff;
    padding:20px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative
}
.formCategory .formCategory__title{
    margin:0;
    font-size:1.2rem
}
.formCategory .arrow{
    display:none;
    width:21px;
    position:absolute;
    right:20px;
    top:27px
}

.formCategory .lock{
    display:none
}
.formCategory .check{
    margin-right:15px
}
.checkout .user__label.checkbox{
    display:inline-block;
    position:relative;
    font-size:13px;
    margin:0 0 32px 36px;
    cursor:pointer
}
.edit-button{
    display:none
}
.container__form.edit{
    position:relative
}
.container__form.edit .formCategory{
    cursor:pointer
}
.container__form.edit .formCategory .check *{
    fill:#ffb500
}
.container__form.edit .formCategory .arrow{
    display:block;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.container__form.edit .address__input,.container__form.edit .dependent__input,.container__form.edit .user__input{    
    pointer-events:none
}
.container__form.edit .edit-button{
    display:block;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-left:auto;
    margin-right:0;
    margin:0px 0 16px auto;
    cursor:pointer
}
.container__form.edit .edit-button span{
    font-size:13px;
    text-decoration:underline;
    font-weight:600
}
.container__form.edit .edit-button .icon{
    width:15px;
    height:15px;
    margin-left:12px
}
.container__form.edit .containerButton{
    display:none
}
.container__form.closed .formContent{
    display:none
}
.container__form.closed .formCategory{
    cursor:pointer
}
.container__form.closed .formCategory .check *{
    fill:#ffb500
}
.container__form.closed .formCategory .arrow{
    display:block
}
.container__form.closed.promoter .formCategory .code-button.remove{
    display:none
}
.container__form.closed.promoter .formCategory .code-button.add{
    display:block
}
.container__form.locked .formContent{
    display:none
}
.container__form.locked .formCategory .check{
    display:none
}
.container__form.locked .formCategory .lock{
    display:block;
    margin-right:15px
}
.container__form.locked .formCategory .arrow{
    display:block
}
.checkout input[type=checkbox],.checkout input[type=radio]{
    display:none
}
.checkout input[type=checkbox]+label:before,.checkout input[type=radio]+label:before{
    position:absolute;
    left:-36px;
    top:0;
    border:1px solid #fff;
    content:"";
    display:inline-block;
    margin-right:15px;
    width:18px;
    height:18px
}
.additional .formCategory{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.additional .formCategory .add-dependent-button{
    display:inline-block;
    width:45px;
    height:24px;
    border-radius:12px;
    background-color:#ffb500;
    margin-right:8px;
    cursor:pointer
}
.additional .formCategory .add-dependent-button .ball{
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:12px;
    background-color:#0067A0;
    margin:2px 3px;
    margin-left:22px
}
.container__form.closed.additional .add-dependent-button{
    background-color:#fff
}
.container__form.closed.additional .add-dependent-button .ball{
    margin-left:3px
}
.checkout input[type=checkbox]:checked+label:before,.checkout input[type=radio]:checked+label:before{
    background-image:url('http://sejasocio.samsclub.com.br/wp-content/themes/sams-club/assets/icons/checkbox.svg');
    background-size:14px 14px;
    background-repeat:no-repeat;
    background-position:center
}
.checkout input[type=text]{
    font-size:13px;
    color:#00358e
}
.checkout input[type=number]{
    font-size:13px;
    color:#00358e
}
.checkout select{
    font-size:13px;
    color:#00358e
}
.checkout .container--mobile{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:1px;
}
.checkout .newUser__title{
    font-weight:700;
    font-size:20px;
    margin:0 0 20px;
    text-align:center;
    text-transform:uppercase
}
.checkout .goBack{
    position:absolute;
    cursor:pointer
}
.checkout .goBack svg{
    width:19px;
    height:19px
}
.checkout .newUser__text{
    text-align:left;
    font-size:1.5rem;
    line-height:1.75rem;
    margin-bottom:40px;
    font-weight:500
}
.checkout .newUser__text a{
    color:#fff;
    font-weight:700
}
.checkout .user{
    text-align:left
}
.checkout .address__input,.checkout .dependent__input,.checkout .user__input{
    min-width:calc(100% - 40px);
    width:100%;
    margin-bottom:22px;
    padding:14px 26px;
    border:1px solid #fff;
    background-color:#fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.checkout .form{
    width:calc(100% - 14px);
    margin:0 7px
}
.checkout .form .checkout .form__description{
    margin-top:22px
}
.checkout .form__description{
    font-size:18px;
    margin-bottom:26px
}
.checkout .form__description p{
    margin:0
}
.additional .form__description{
    margin-bottom:40px
}
.checkout .inputs_optin-text{
    font-size:13px;
    margin:18px 0 20px
}
.checkout .dependent__container,.checkout .user__container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.checkout #date::-webkit-calendar-picker-indicator,.checkout #date::-webkit-inner-spin-button,.checkout #dependent_date::-webkit-calendar-picker-indicator,.checkout #dependent_date::-webkit-inner-spin-button{
    display:none;
    -webkit-appearance:none
}
.checkout #club{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    min-width:calc(100% - 4px)
}
.checkout input[type=text].invalid{
    border:1px solid red;
    color:red
}
.checkout .input__flag{
    position:relative;
    display:inline-block;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    width:100%;
    margin-bottom: -8px;
}

.checkout .input__flag.showObr .address__input::-webkit-input-placeholder,.checkout .input__flag.showObr .dependent__input::-webkit-input-placeholder,.checkout .input__flag.showObr .user__input::-webkit-input-placeholder{
    color:red
}
.checkout .input__flag.showObr .address__input::-moz-placeholder,.checkout .input__flag.showObr .dependent__input::-moz-placeholder,.checkout .input__flag.showObr .user__input::-moz-placeholder{
    color:red
}
.checkout .input__flag.showObr .address__input:-ms-input-placeholder,.checkout .input__flag.showObr .dependent__input:-ms-input-placeholder,.checkout .input__flag.showObr .user__input:-ms-input-placeholder{
    color:red
}
.checkout .input__flag.showObr .address__input::-ms-input-placeholder,.checkout .input__flag.showObr .dependent__input::-ms-input-placeholder,.checkout .input__flag.showObr .user__input::-ms-input-placeholder{
    color:red
}
.checkout .input__flag.showObr .address__input::placeholder,.checkout .input__flag.showObr .dependent__input::placeholder,.checkout .input__flag.showObr .user__input::placeholder{
    color:red
}
.checkout .input__flag.showObr::after{
    content:"*Obrigatório";
    color:red;
    position:absolute;
    font-size:0.9rem;
    bottom:5px;
    right:0;
    width:auto;
    height:auto
}
.checkout .input__flag.showInv::after{
    content:"*Inválido";
    color:#ffb500;
    position:absolute;
    font-size:1rem;
    bottom:10px;
    right:0;
    width:auto;
    height:auto
}
.checkout .input__flag.showMinor::after{
    content:"*Você precisa ser maior de 18 anos";
    color:#ffb500;
    position:absolute;
    font-size:1rem;
    bottom:10px;
    right:0;
    width:auto;
    height:auto
}
.additional .input__flag.showMinor::after{
    content:"*Seu dependente precisa ser maior de 18 anos"
}
.checkout .input__flag#flagTerm::after{
    bottom:31px;
    left:0
}
.checkout .address__input::-webkit-input-placeholder,.checkout .dependent__input::-webkit-input-placeholder,.checkout .user__input::-webkit-input-placeholder{
    font-size:13px;
    color:#00358e
}
.checkout .address__input::-moz-placeholder,.checkout .dependent__input::-moz-placeholder,.checkout .user__input::-moz-placeholder{
    font-size:13px;
    color:#00358e
}
.checkout .address__input:-ms-input-placeholder,.checkout .dependent__input:-ms-input-placeholder,.checkout .user__input:-ms-input-placeholder{
    font-size:13px;
    color:#00358e
}
.checkout .address__input::-ms-input-placeholder,.checkout .dependent__input::-ms-input-placeholder,.checkout .user__input::-ms-input-placeholder{
    font-size:13px;
    color:#00358e
}
.checkout .address__input::placeholder,.checkout .dependent__input::placeholder,.checkout .user__input::placeholder{
    font-size:13px;
    color:#00358e
}
.checkout .containerButton{
    text-align:center
}
.checkout .button{
    background-color:#ffb500;
    color:#00358e;
    border:none;
    cursor:pointer;
    display:block;
    font-size:13px;
    font-weight:700;
    margin:0;
    margin-bottom:20px;
    width:100%;
    padding:15px 0;
    text-transform:uppercase
}
.additional .button{
    margin-top:6px
}
.checkout .button.address{
    margin-top:18px
}
.checkout .button.payment{
    margin-top:40px;
    margin-bottom:0
}
.desk-sidebar{
    display:none
}
.club-alert{
    margin-top:0;
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px);
    font-size:1rem;
    color:#ffb500;
    display:none
}
.club-alert.show{
    display:block
}
.error-alert{
    text-align:center;
    font-size:13px;
    font-weight:700;
    margin-bottom:0;
    position:relative;
    top:15px;
    display:none
}
.error-alert.show{
    display:block
}
.success{
    display:none
}
.success.show{
    display:block;
    text-align:center;
    padding:34px 0 0
}
.success.show .blue .title-container .icon{
    width:48px;
    height:48px
}
.success.show .blue .title-container .title{
    font-size:28px;
    line-height:1.5;
    font-weight:700;
    max-width:190px;
    margin:12px auto 20px
}
.success.show .blue .description{
    font-size:1.5rem;
    line-height:1.75rem;
    margin:0 36px 34px
}
.success.show .white{
    background-color:#fff;
    padding-bottom:112px
}
.success.show .white a,.success.show .white span{
    display:inline-block;
    width:100%;
    font-size:1.5rem;
    color:#0067A0
}
.success.show .white a strong,.success.show .white span strong{
    display:inline-block;
    font-size:20px;
    margin:10px 0
}
.success.show .white .logo{
    width:121px;
    height:121px;
    margin-top:32px;
    margin-bottom:16px
}
.success.show .white .appstore-link{
    margin:14px 0 12px
}
.success.show .white .appstore-link img{
    width:131px;
    margin-bottom:10px
}
.success.show .white .visit{
    margin-top:5px
}
.success.show .white .desktop{
    display:none
}
.success.show .white .button{
    padding:20px 52px;
    width:auto;
    font-size:14px
}
.success.show .white .mobile{
    display:inline-block
}
.success.show+.container{
    display:none
}
 .checkout .loading{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:rgba(0,0,0,.5);
    z-index:10
}
.checkout .loading--active{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.checkout .loader{
    border:16px solid #f3f3f3;
    border-top:16px solid #0067A0;
    border-radius:50%;
    width:80px;
    height:80px;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.dotBox{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.checkout .dotBox__dot{
    content:"";
    height:14px;
    width:14px;
    border-radius:14px;
    -webkit-transition:.5s ease-out;
    transition:.5s ease-out
}
.checkout .dotBox__line{
    content:"";
    height:0;
    width:39px
}
.checkout .dotBox__dot{
    background-color:#fff;
    border:1px solid #fff
}
.checkout .dotBox__dot.infocus{
    background-color:#fa7d0f;
    border:1px solid #fff
}
.checkout .dotBox__dot.checked{
    background-color:#fa7d0f;
    border:1px solid #fa7d0f
}
.checkout .dotBox__line{
    border-top:1px solid #fff
}
.checkout .dotBox__line.checked{
    border-top:1px solid #fa7d0f
}
 /* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
  }

  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
  }

  /* Tooltip arrow */
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }

  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  .tooltipicon {
    width: 30px;
    background-color: #ffb500;
    color: #00358e;
    text-align: center;
    border-radius: 10%;
    position: absolute;
    z-index: 1;
    transition: opacity 0.3s;
    margin-left: 5px;
    padding: 10px;
    margin-top: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.success-button-styling{
    background-color:green;
    padding: 8px 30px 8px 30px;
    color: white;
    border-radius: 10px;
    margin-right: 5px;
}
.deny-button-styling{
    background-color:red;
    padding: 8px 30px 8px 30px;
    color: white;
    border-radius: 10px;
    margin-left: 5px;
}
.floating-button{
    position:fixed;
    margin:1% auto;
    width:360px;
    bottom:0%;
    z-index:999;
    display:block;
    border-radius:10px;
    padding:17px 10px;
    box-shadow: 0px 8px 24px 0px rgba(18, 18, 18, 0.16), 0px 16px 64px 0px rgba(18, 18, 18, 0.12);
}
.swal2-styled.swal2-cancel{
    background-color: #fff !important;
    color: #0067A0 !important;
    width: 80% !important;
    height: 40px !important;
    font-size: 14px !important;
}
.swal2-styled.swal2-confirm{
    background-color: #fff !important;
    color: #0067A0 !important;
    margin: 10px !important; 
    width: 80% !important;
    height: 40px !important;
}

/* Upsell A*/

.mainUpsellAContainer{    
    box-sizing: border-box;    
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 0px;
    width: 100%;    
    max-width:800px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #FFFFFF;
    margin: 0 auto;    
}
.containerUpsellA{        
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;    
    width: 100%;
    max-width:800px;     
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.checkboxUpsellA{        
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 0px;
    gap: 8px;
    color: #fff !important;
    fill: #fff !important;

    width: 20px;
    height: 28px;

    
    flex: none;
    order: 0;
    flex-grow: 0;
}

.containerMainTopText{        
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    line-height: 150%;        
    flex: none;
    order: 1;
    flex-grow: 1;
}

.containerPromoTopUpsellA{        
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    gap: 4px;   
    
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #FFFFFF;

    background: #C23377;
    border-radius: 8px;
    
    flex: none;
    order: 2;
    flex-grow: 0;
}

.containerUpsellAArrow{    
    width: 32px;
    height: 32px;
    
    flex: none;
    order: 3;
    flex-grow: 0;
}

.priceUpsellATitle{        
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;        
        
    color: #FFFFFF;
            
    flex: none;
    order: 0;
    flex-grow: 1;
}
.priceUpsellADescription{        
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;        
    
    color: #FFFFFF;    
    flex: none;
    order: 0;
    flex-grow: 0;
}

.priceUpsellA{        
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;        
    align-items: center;

    color: #FFB500;    
    flex: none;    
    flex-grow: 0;
}
.mainUpsellATopicContainer{   
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    width: 100%;        
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.mainUpsellAChildTopicContainer{    
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 100%; 
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;    
}
.upsellATopicContainer{    
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;

    width: 100%;    
    
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;

}
.topicUsellA{            
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    width: 100%;        
    flex: none;
    order: 1;
    flex-grow: 0;
}
.topicUpsellAIcon{    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;    

    background: #075D8C;
    border-radius: 20px;
    
    flex: none;
    order: 0;
    flex-grow: 0;
}
.topicUsellATitle{    
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #FFFFFF;    
}
.topicUsellADescription{    
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    display: flex;
    align-items: center;    
    color: #FFFFFF;
}
.vectorUpsellA{    
    width: 70%;
    height: 0px;
    border: 0.5px solid #117EBB;    
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 15px auto;
}
.priceDetailMainUpsellAContainer{        
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 8px;

    width: 100%;    
    
    background: #075D8C;
    border-radius: 16px;
        
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.priceDetailTopUpsellAContainer{    
    width: 100%;    
    padding: 0px;
    gap: 4px;    
}    
.priceDetailTopFirstUpsellA{
    width: 100%;    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;    
}
.disclaimerUpsellAContainer{
    margin: 5px auto;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;    
    align-items: center;
    text-align: center;    
    color: #FFFFFF;
}
.disclaimerVectorUpsellA{    
    width: 95%;
    height: 0px;
    border: 0.5px solid #117EBB;    
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 15px auto;
}
.containerUpsellAArrow svg{
    margin: 10px auto;
}
@media(max-width: 380px){
    .containerUpsellA{
        gap: 1px;
    }
    .priceUpsellADescription{                
        font-size: 10px;                            
    }
    .priceUpsellATitle{                
        font-size: 12px;                            
    }
    .containerPromoTopUpsellA{
        font-size: 10px;
        margin-right: 10px;
        margin-left: 5px;        
    }
}

/* Upsell B*/
.mainUpsellBContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 8px;
    gap: 8px;
    max-width:800px;
    /* Neutrals/[SAM’S] background-gray */
    background: #F7F7F7;
    border-radius: 16px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 3%;
  }
  
  .mainUpsellBContainer *{
    box-sizing:border-box
  }
  .mainUpsellBContainer p{
    margin:unset;
    padding:unset
  }
  .miniUpsellBBannerMain{
    width: 100%;
    height: 40px;
    border-radius:16px 16px 0 0;
    align-content: center;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%), url(https://samsclub.vtexassets.com/assets/vtex.file-manager-graphql/images/c5287fd0-4fda-43f6-9a74-28906397e8c5___80d5911770157607aefd913b3bdec41a.jpg);
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    background-position-y: 25%;
    background-position-x: 60%;
  }
  .miniUpsellBBanner{  
    padding: 0px 16px;
    align-items: center;
    align-self: stretch;
    flex: 1 0 0;
  }
  .topUpsellB{
    display: flex;
    padding: 0px 16px;
    align-items: center;
    align-self: stretch;
  }
  .checkboxUpsellBStyle{
    padding: 0px !important;
    /*display: flex;*/
    align-items: center;
    gap: 1px;
    flex-grow: 1;
    display: inline-block;
    position: relative;
    margin: 0 0 0 18px;
  }
  .priceUpsellBDescription{
    /* MOBILE/Captions/Captions-primary */
    color: var(--neutrals-sams-dark-gray, #303233);    
    font-size: 14px; 
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 18px */
  }
  .priceUpsellB{
    color: var(--brand-blues-sams-dark-blue, #00497A);
    /* MOBILE/Body/Body-primary-highlight */
    /*font-size: calc(50% + 1.3vw);*/ 
    font-size: 16px; 
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
  }
  .priceBoxUpsellB{
    display: flex;
    padding-right: 7px;
    align-items: center;
    gap: 2px;
  }
  .advantageUpsellB{
    /*display: flex;*/
    padding: 0px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
  }
  .advantageTopicUpsellB{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 90%;
    height: 30px;
    color: #303233;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    font-size:14px;
    font-weight: 900;
    /*font-size: calc(50% + 1vw);*/ 
  }
  .checkboxTextUpsellB{   
    width: 80%;
    height: 24px;
    font-style: normal;    
    font-size: 17px;
    line-height: 120%;
    color: black;
    flex: none;
    order: 1;
    flex-grow: 1;
    margin-left: 2px;
    font-weight: 900;
  }
  .cardTagUpsellB{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    gap: 4px;
    /*position: absolute;*/
    width: 120px;
    height: 24px;
    left: 13.56px;
    /*top: calc(50% - 24px/2);*/ 
    background: #C23377;
    border-radius: 8px;  
    
    /* MOBILE/Captions/Captions-highlight */
    font-size: 12px;    
    font-style: normal;
    font-weight: 700;  
    line-height: 150%;
    /* identical to box height, or 18px */
    display: flex;
    align-items: center;  
    /* Neutrals/[SAMS] white */
    color: #FFFFFF;
  }
  .socioPlusUpsellB{  
    float:right;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    /*position: absolute;*/  
    height: 16px;  
    margin-top: -21px;  
    /*top: calc(50% - 16px/2);*/
  }
  
.checkout .checkboxUpsellBStyle::before {
    border: 1px solid black !important;
}

.checkout .placeholder-color::-webkit-input-placeholder { /* Chrome, Safari, Opera */
  background-color: #FFFFFF;
}

.checkout .placeholder-color::-moz-placeholder { /* Firefox 19+ */
  background-color: #FFFFFF;
}

.checkout .placeholder-color:-ms-input-placeholder { /* IE 10+ */
  background-color: #FFFFFF;
}

.checkout .placeholder-color::placeholder { /* Standard syntax */
  background-color: #FFFFFF;
}/* End custom CSS */