html {font-family: Inter;font-size: 16px;line-height: 1.15;
background: #EBEBEB;} body {font-weight: 400;font-style:
normal;text-decoration: none;text-transform: none;letter-spacing:
normal;line-height: 1.15;color: var
(--dl-color-gray-black);background-color: var
(--dl-color-gray-white);margin: 0;}
* {box-sizing: border-box;border-width: 0;border-style: solid;}
  p,li,ul,pre,div,h1,h2,h3,h4,h5,h6,figure,blockquote,figcaption
  {margin: 0;padding: 0;}

button {background-color: transparent;}

button,input,optgroup,select,textarea {font-family: inherit;font-size:
100%;line-height: 1.15;margin: 0;}


button,select {text-transform: none;}

button,[type="button"],[type="reset"],[type="submit"]
{cursor: pointer;-webkit-appearance: button;}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner
{border-style: none;padding: 0;}


button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,
[type="submit"]:-moz-focus { outline: 1px dotted ButtonText; }

a {color: inherit;text-decoration: inherit;} input[type="text"]{ gap: 10px;
color: rgba(0, 0, 0, 1); width: 100%; height: 60px; display: flex; padding:
16px; position: relative; flex-grow: 1; font-size: 14px; text-align: left;
align-items: center; flex-shrink: 0; font-family: SF Pro; font-weight: 400;
border-color: #E5E5E5; border-style: solid; border-width: 3px; border-radius:
30px; background-color: rgba(255, 255, 255, 1);padding-left: 27px; }

img { display: block; }

html { scroll-behavior: smooth }

.quote-step1-dropdown-box1 { gap: 8px; display: flex; align-self: stretch;
 align-items: flex-start; flex-shrink: 0; justify-content: center; }

.p-checkbox .p-checkbox-box { border: 2px solid #2828E0; }

.p-checkbox .p-checkbox-box.p-highlight { border-color: #2828E0;
 background: #2828E0; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover
 { border-color: #2828E0; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus
 { border-color: #2828E0; }

.p-input-filled .p-checkbox .p-checkbox-box.p-highlight
 { background: #2828E0; }

.form-step{ max-width: 248px; margin: 0 auto; }
.three-stup{ max-width: 140px;}
.form-section{ max-width: 560px; margin:1rem auto 0 auto; position:
 relative; }
.form-section .form-general-style { box-shadow: 0px 4px 17px 0px rgba(0, 0, 0,
 0.07);background-color: #fff; border-radius: 22px; }
.letter-style-simulate-steps-blue,.letter-style-simulate-steps-grey
 { font-weight: normal !important; }
.form-itams{ position: absolute; z-index: 2;}
.form-left-section.form-itams { left: -120px; top: 40px; }
.form-right-section.form-itams { right: -160px; bottom: -20px;

}
.form-right-section .style-img-tower{ max-width: 210px; margin-left:
 0 !important; }
.form-general-style{position: relative;z-index: 1;}
.form-general-style .form-group .user-input-style{ background-image: url(/assets/external/input-user.svg); padding-right: 20px; background-size:
 20px; background-repeat: no-repeat; background-position: right 10px center; }

.form-general-style .form-group {display:
 flex;flex-direction: column;position: relative;}
.form-general-style .form-group .form-input{border: 2px solid #E5E5E5;
 border-radius: 30px;}
.form-general-style .form-group p-calendar.form-input
 {border: none !important;}
.form-general-style .form-group p-calendar.form-input
 input:focus,.form-general-style .form-group .form-input:focus-visible
 {border: 2px solid #2828E0 !important;}
.form-general-style .form-group .form-input:focus
 {border:2px solid #2828E0 !important; box-shadow: none;}
.form-group .form-input-label
 {color: #A1A3A9;position: absolute;pointer-events: none;top:
 20px;-webkit-transition: 300ms ease all;transition: 300ms ease
 all;font-weight: 400;font-size: 14px;font-style: normal;font-family: SF
 Pro;font-stretch: normal;left: 21px;padding: 0 6px;}
.form-group .form-input-label span{font-size: 10px; color: #000; font-weight:
 normal;}
/* .form-group .form-input:not([value=""])~.form-input-label, */
.form-group .form-input:not(.isEmpty)~.form-input-label,
.form-group .form-input:focus~.form-input-label
 {top: -7px;color: #181d2f;background: #fff;font-size: 10px;font-weight: 700;}
.label-text-center .form-input-label,.label-text-center .form-input
 {text-align: center; left: 50% !important; transform: translateX(-50%);}
.w-50px{ width: 35px;}
.gray-color{ fill: #A1A3A9;}
.background-effect{background-color: #F9F9F9; border-radius: 60px;}
.p-inputswitch .p-inputswitch-slider{background: #979797 !important;}
.p-inputswitch-checked .p-inputswitch-slider{background: #2828E0 !important;}
.plandetails{ max-width: 1200px; margin: 2.5rem auto 0 auto; display: flex;
 justify-content: space-between; font-family: SF Pro; position: relative;
 align-items: flex-start;}
.plandetails::after{background: url(/assets/external/basketball-pillsilver.png) no-repeat right top;
 content: ''; position: absolute; top: -53px;right: 40px; width: 190px;
 height: 96px;background-size: contain;}
.plandetails .policy-details{ width: 227px; padding: 2.5rem 10px;
 background: #000058; border-radius: 22px;margin-right: 20px; }
.plandetails .policy-details h4{font-size:14px; color: #fff; font-weight:
 600;margin: 0 0 1.5rem 0;}
.plandetails .policy-details .policy-info{padding-bottom: 2rem;}
.plandetails .policy-details .policy-info .policy-info-box{ font-size: 12px;
 color: #fff; display: flex; justify-content: space-between; align-items:
 center;margin: 0 0 1.3rem 0;}
.plandetails .policy-details .policy-info .policy-info-box .policy-info-box-title{
 padding:0 10px 0 25px; background-size: 18px; background-repeat: no-repeat;
 background-position: left center;   }
.plandetails .policy-details .policy-info .policy-info-box .policy-info-box-title.policy-target-blue{
 background-image: url(/assets/external/target.png);}
.plandetails .policy-details .policy-info .policy-info-box .policy-info-box-title.policy-user-blue{
 background-image: url(/assets/external/user.png) }
.plandetails .policy-details .policy-info .policy-info-box .policy-info-box-title.policy-date-blue{
 background-image: url(/assets/external/celander.png)}
.plandetails .policy-details .policy-info .policy-info-box .info-box-edit
 {display: block;max-width: 20px; cursor: pointer;}
.plandetails .policy-details .policy-info .policy-info-box .info-box-edit img
 {max-width: 100%;}

.plandetails  .button-box button {width: 100%;background:
 transparent;border-color: #fff;border-radius: 50px;font-size:
 14px;font-weight: 700;padding: 0.6rem 0;color: #fff;}
.plandetails .planupadte-box .plan-price .button-box button
 {border-color: #2828E0;color: #2828E0; margin-bottom: 1rem;}
.plandetails  .button-box button:hover {background: #fff;color: #000;}
.plandetails .button-box button.blue-btn
 {background: #2828E0; color: #fff !important;
 border-color: #2828E0 !important;}
.plandetails .button-box button.blue-btn:hover
 {background: #fff; color: #000 !important; border-color: #000 !important;}
.plandetails .button-box button:last-child{margin-bottom: 0 !important;}

.plandetails .planupadte-box{max-width: 312px; margin-right: 8px; padding:
 2.5rem 10px; border-radius: 22px; width: 100%;box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.07);margin-bottom: 15px;}
 .plandetails .payment-page.planupadte-box {margin-right: 21px;}
.plandetails .planupadte-box h4{font-size: 14px; color: #2828E0; font-weight:
 600;margin: 0 0 1.5rem 0;}

.plandetails .planupadte-box .plan-price h2{font-size: 36px; color:#2828E0;
 font-weight: 700; margin: 0 0 1rem 0;}
.plandetails .planupadte-box .plan-price .blue-text{font-size: 14px;
 color: #2828E0; font-weight:normal;display: block; margin: 0 0 0.3rem 0;}
.plandetails .planupadte-box .plan-price .gray-text{font-size: 12px;
 color: #A1A3A9; font-weight: 400;display: block; margin: 0 0 0.3rem 0;}
.plandetails .planupadte-box:last-child{margin-right: 0 !important;}

.primary-plan{background: #fff;}
.standard-plan{background: #E1E8F3;}
.light-plan{background: #CCCCDA;}
.basic-plan {background: rgba(238, 238, 238, 0.70);max-width: 240px;}


.stups-accordion{max-width: 1200px;margin: 0 auto;}
.stups-accordion .p-accordion{padding:25px 0 0 246px;display: block;margin-bottom: 36px;}
.stups-accordion .p-accordion .p-accordion-tab
 {background: #fff;margin-bottom:0.7rem;border-radius: 60px;padding: 10px
 40px;box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.07);}
.stups-accordion .p-accordion .p-accordion-tab .p-accordion-header-link
 {padding:1rem 2.5rem 1rem 0;color: #000;font-family: "SF Pro";font-size:
 14px;font-style: normal;font-weight: normal;text-decoration: none; background:
 url(/assets/external/accordion-open.svg) no-repeat right center; }
.stups-accordion .p-accordion .p-accordion-tab .p-accordion-header-link .text-white-short-style{color:
 #000; font-family: "SF Pro"; font-size: 14px;}
 .stups-accordion .p-accordion .p-accordion-tab .p-highlight .p-accordion-header-link .text-white-short-style{
    font-weight: 600;
 }
 .stups-accordion .p-accordion .p-accordion-tab .p-highlight .p-accordion-header-link,.stups-accordion
 .p-accordion .p-element.plan-added .p-accordion-tab .p-highlight .p-accordion-header-link{background:
 url(/assets/external/accordion-close.svg) no-repeat right center;}
.stups-accordion .p-accordion .p-accordion-tab .p-accordion-header-link .p-icon-wrapper{
 display: none;}
.stups-accordion .p-accordion .p-accordion-tab .p-accordion-header-link .blue-text{color:
 #2828E0;font-size: 12px;font-weight: normal;margin-left: 10px;}
.stups-accordion .p-accordion .p-accordion-tab .ng-star-inserted .blue-text
 {display: flex;align-items: center;}
.stups-accordion .p-accordion .p-accordion-tab .ng-star-inserted .blue-text
 img {margin-left: 1.5rem; display: none;}
.stups-accordion .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-header-link
 .blue-text,
.stups-accordion .p-accordion .p-element.plan-added .p-accordion-tab .p-highlight
 .p-accordion-header-link .blue-text:not(.hellper) { display: none !important}
.stups-accordion .p-accordion .p-accordion-tab .p-style-accordion .plan-info-text{font-size:
 12px; color: #000; font-weight: 400;display: block; margin: 0 0 1rem 0;
 line-height: 1.1rem;}
.stups-accordion .p-accordion .p-accordion-tab .p-style-accordion .plan-info-details{padding-top:
 1.1rem;}
.stups-accordion .p-accordion .p-accordion-tab .p-style-accordion .plan-info-details-box{display:
 flex; justify-content: space-between; align-items: center; margin: 0 0
 0.5rem 0;border-bottom: 1px solid #d5d5d5;padding: 0 1rem 0.7rem 1rem;}
.stups-accordion .p-accordion .p-accordion-tab .p-style-accordion .plan-info-details-box:last-child{border-bottom:
 none; margin-bottom: 0 !important;}
.stups-accordion .p-accordion .p-accordion-tab .plan-info-details-box-title
 {font-size: 12px; color: #000; font-weight: 700;display: block; margin: 0 0
 0.3rem 0;}
.stups-accordion .p-accordion .p-accordion-tab .plan-info-details-box-value
 {font-size: 12px; color: #2828E0; font-weight: 400;display: block; margin: 0
 0 0.3rem 0;background: url(/assets/external/accordion-open.svg) no-repeat
 right center; padding: 0 2rem 0.1rem 0;min-height: 20px;}
 .stups-accordion .p-accordion .p-accordion-tab .plan-info-details-box-value.active{
    background: url(/assets/external/accordion-open-green.svg) no-repeat right
    center;
 }
.stups-accordion .p-accordion .p-accordion-tab .p-toggleable-content
 { justify-content: flex-start !important;}
.stups-accordion .p-accordion .p-accordion-tab .plan-info-details-box-value .p-element{
 margin-left: 0.5rem;}
.stups-accordion .p-accordion .p-accordion-tab .p-accordion-content
 { padding:0; width: 100% !important;}
.plan-price-info{ padding: 0.5rem 0;}
.plan-price-info .plan-price-info-box .plan-price-info-box-title
 {color: #000; font-family: "SF Pro"; font-size: 12px; font-style: normal;
 font-weight: 700;padding: 0 0.5rem 0.5rem 0.5rem; display: block;}
.plan-price-info .plan-price-info-box .plan-price-value-table
 {display: flex;align-items: flex-start;justify-content:
 space-between;padding: 0.5rem 0.5rem 0.5rem 1.5rem;border-top: 1px
 solid #D8DDE6; background: url(/assets/external/gray-check-icon.png) no-repeat left 12px;}

 .plan-full-info-row .plan-full-info-box:not(:first-child) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.plan-price-info .plan-price-info-box .plan-price-value-table.plan-price-value-table-active{background:
 url(/assets/external/blue-check-icon.png) no-repeat left 12px;}
.plan-price-info .plan-price-value-table > span
 {font-size:12px;color:#000; font-weight: 400;display: block; margin: 0 0
 0.3rem 0;width: 33.3%;}
.plan-price-info .plan-price-value-table span.text-bold{font-weight: 700;
 text-align: center;}
 .plan-price-info .plan-price-value-table span span {
    display: block !important;
 }
.plan-price-info .plan-price-value-table span:last-child{text-align: right;}
.stups-accordion .p-accordion .p-accordion-tab .plan-info-details-box-value.plan-info-details-increment{
 background: none !important; padding-right: 0 !important;}
.stups-accordion .p-accordion .p-element.plan-added .p-accordion-tab .p-accordion-header-link
 .blue-text{ color: #00B675; font-size: 14px; font-weight: 700;display:
 flex;width: 90px;justify-content: space-between;}
.stups-accordion .p-accordion .p-element.plan-added .p-accordion-tab .p-accordion-header-link{
 background: url(/assets/external/accordion-open-green.svg) no-repeat right
 center;}
.stups-accordion .p-accordion .p-element.plan-added .p-accordion-tab .p-accordion-header-link
 .blue-text img{ display: block;}  
.plan-full-info {max-width: 1200px;margin: 0 auto;font-family: "SF Pro";}
.plan-full-info-row {display: flex;font-size: 12px; border-bottom: 1px
 solid #D8DDE6;}
.plan-full-info-box {padding: 0.5rem;width: 33%; text-align: center;margin: 0
 0.4rem 0 0;}
.plan-full-info-box:last-child{margin-right: 0 !important;}
.plan-full-info-box ul {margin: 0;padding: 0 0 0 1.5rem;}
.plan-full-info-box ul li {padding: 0 0 0.2rem 0;margin: 0;}
.plan-full-info-box p{margin: 0;}
.text-bold{font-weight: 700 !important;}
.plan-full-info-box.basic-plan{text-align: left;}
.blue-stripe{background: #000058; color: #FFF; text-align: center; font-size:
 14px; font-weight: 700;padding:5px 8.953px;}
.blue-stripe p{margin: 0; color: #fff;}
.gray-stripe{background:#EDEDED; color: #000;text-align:
 center;font-family: "SF Pro";font-size: 14px;font-style: normal;font-weight:
 400; padding:5px 8.953px; margin: 0;}
.gray-stripe p{margin: 0; padding: 0 0 0 240px;}
.blue-text{color: #2828E0; font-size: 12px; font-weight: 700; display:
 block;}
.form-general-style .form-group .p-datepicker:not(.p-datepicker-inline)
 {border-radius: 26px;border: none;box-shadow: 0px 4px 17px 0px rgba(0, 0, 0,
 0.07);padding: 1.5rem;}
.form-general-style .form-group .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { margin-bottom: 1rem;}
.form-general-style .form-group .p-datepicker:not(.p-datepicker-inline) .p-datepicker-calendar tr th{ color: rgba(10, 24, 17,
 0.30); text-align: center; }
.form-general-style .form-group .p-datepicker:not(.p-datepicker-inline) .p-datepicker-calendar tr td { font-size: 14px;
 color: #000; }
.form-general-style .form-group .p-datepicker:not(.p-datepicker-inline) .p-datepicker-calendar tr
 td.p-datepicker-other-month { color: #6C7470; }
.payment-info-section.plandetails::after{display: none;}
.payment-card{display: flex;}
.payment-card img{margin-right: 1rem;}
.plandetails .button-box.mt-4 button{background: #2828E0; padding: 1rem;}
.plandetails .button-box.mt-4 button:hover
 {background: #fff;color: #000 !important;border-color: #000 !important;}
.aceptar-modal{ max-height: 300px; overflow-y: scroll;}
.aceptar-section .modal-dialog{max-width: 980px; width:100%; padding: 40px
 31px;}
.aceptar-section .aceptar-modal {max-height: 300px;overflow-y:
 scroll;font-size: 14px;padding-right: 1rem;margin-bottom: 1.5rem;}
.aceptar-section .title-modal{color: #272727; font-family: "SF Pro";
 font-size: 18px; font-style: normal; font-weight: 700; line-height:
 25.2px;}

.aceptar-section .aceptar-modal .font-weight-bold
 {font-weight: 700 !important;}
.aceptar-section .aceptar-modal::-webkit-scrollbar {width: 10px;}
/* Track */
.aceptar-section .aceptar-modal::-webkit-scrollbar-track {box-shadow: inset 0
 0 5px grey;border-radius: 10px;}
/* Handle */
.aceptar-section .aceptar-modal::-webkit-scrollbar-thumb
 {background: #C4CBDF;border-radius: 10px;}
/* Handle on hover */
.aceptar-section .aceptar-modal::-webkit-scrollbar-thumb:hover
 {background: #C4CBDF;}
.aceptar-section .modal-content{padding: 40px 31px;}
.aceptar-section .modal-content .modal-body{padding: 0 !important;}
.aceptar-section .modal-content .modal-body p{margin: 0 0 0.5rem 0;}
.aceptar-checkbox{display: flex; color: #272727;font-size: 24px;font-style:
 normal;font-weight: 700;}
.aceptar-checkbox .aceptar-block {display: block;position:
 relative;padding-left: 35px;margin-bottom: 0;cursor: pointer;font-size:
 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select:
 none;user-select: none;}
/* Hide the browser's default checkbox */
.aceptar-checkbox .aceptar-block input {position: absolute;opacity: 0;cursor:
 pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.checkmark {position: absolute;top: 7px;left: 0;height: 24px;width:
 24px;border-radius: 100%;background-color: #eee;border: 1px
 solid #2828E0;background: none !important;}

/* On mouse-over, add a grey background color */
.aceptar-checkbox .aceptar-block:hover input~.checkmark
 {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.aceptar-checkbox .aceptar-block input:checked~.checkmark
 {background-color: #2828E0;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}

/* Show the checkmark when checked */
.aceptar-checkbox .aceptar-block input:checked~.checkmark:after
 {display: block;}
/* Style the checkmark/indicator */
/* .aceptar-checkbox .aceptar-block .checkmark:after {left: 9px;top: 5px;width:
 5px;height: 10px;border: solid #2828E0;} */
 .aceptar-checkbox .aceptar-block .checkmark:after {
    left: 4px;
    top: -2px;
    content: '\2713';
    color: #06930e;
    font-size: 18px;
}
.logo-container {position: relative;width: 100%;
        height: calc(100vh - 8rem)
        ;display: flex;justify-content: center;align-items: center; overflow: hidden;}
.logo {position: absolute;bottom: -50vh;opacity: 0;animation: slide-in 2s
 ease-out forwards;}
.text {animation: slide-in-text 2s ease-out forwards;animation-delay:
 2s;font-size: 1.2rem;text-align: center;margin-top:
 50px;color: #000;text-align: center;font-family: "SF Pro";font-size:
 18px;font-style: normal;font-weight: 700; max-width: 440px; padding: 0 1rem;
 position: absolute; bottom: -50vh;}
.text p{color: #000;text-align: center;font-family: "SF Pro";font-size:
 14px;font-style: normal;font-weight: 510;}
.text p span{ display: block; font-weight: bold;}
.logo-container .text{
    max-width: 520px;
}
/* Keyframe for the sliding animation */
@keyframes slide-in { 0% { bottom: -50vh;
/* Start from outside the viewport */
opacity: 0;width: 0; } 100% { bottom: calc(50vh - 60px);
/* Stay at the vertical center of the viewport */

/* Adjust to center */
opacity: 1;width: auto; } }
/* Keyframes for text animation */
@keyframes slide-in-text { 0% { opacity: 0; bottom:-50vh
/* Start below */
}

100% { opacity: 1; bottom: calc(50vh - 300px)
/* Settle in place */
} }

/* Keyframe for the sliding animation */
@keyframes slide-in-mobile { 0% { bottom: -50vh;
    /* Start from outside the viewport */
    opacity: 0;width: 0; } 100% { bottom: calc(50vh - 60px);
    /* Stay at the vertical center of the viewport */
    
    /* Adjust to center */
    opacity: 1;width: auto; } }
    /* Keyframes for text animation */
    @keyframes slide-in-text-mobile { 0% { opacity: 0; bottom:-50vh
    /* Start below */
    }
    
    100% { opacity: 1; bottom: calc(50vh - 300px)
    /* Settle in place */
    } }
.back-link{color: #2828E0; font-size: 10px; font-weight: 700; text-decoration:
 none;padding: 1rem;display:none;margin-top: 10px;margin-bottom: 20px;}
/* .policy-details-toggle {display: none;} */
.policy-details.m-none {display: block;}
.form-section .continue-btn-steps,.continue-btn-steps
 {width: 100%;border-radius:
 47px;background-color: #2828e0;color: #fff;line-height: 19px;font-weight:
 600;font-size: 14px;font-style: normal;font-family: SF Pro;font-stretch:
 normal; cursor: pointer; padding: 1rem 0;}

.letter-style-simulate-steps-blue,.letter-style-simulate-steps-grey
 {position: relative;text-align: center;line-height: 14px;font-weight:
 700;font-size: 10px;font-family: SF Pro;}
.letter-style-simulate-steps-blue{color: #2828e0;}
.letter-style-simulate-steps-grey {color: #b3b3b3;}
.separator-blue ,.separator-white{top: 50%;width: 30px;height: 2px;display:
 flex;position: relative;align-self: stretch;align-items: flex-start;}
.separator-blue{background-color: #2828e0;}
.separator-white{background-color: #b3b3b3;}
.stup-10-section-wrap{
    position: relative;
    z-index: 1;
    max-width: 660px;
    margin: auto;
}
.stup-10-section {margin:1.5rem auto 0
 auto;background: #fff;border-radius: 20px;padding: 28px 40px;position: relative;z-index: 5;}
.stup-10-section .stups-accordion .p-accordion{padding: 0;margin-bottom: 0;}
.stup-10-section .stups-accordion .p-accordion .p-accordion-tab{ background:
 none; padding: 0; box-shadow: none;}
.stup-10-section .stups-accordion .p-accordion .p-accordion-tab .p-accordion-header{
 border-radius: 30px;background: #F9F9F9; padding:0 8px 0 1rem;}
.stup-10-section .stups-accordion .p-accordion .p-accordion-tab .p-accordion-header
 .text-white-short-style strong{color: #2828E0; padding-left: 10px;}
.stup-10-section .stups-accordion .form-section{padding: 0;margin: 0 auto;}
.stup-10-section .stups-accordion .form-section .form-general-style
 {padding:1rem 0 0 0 !important;background: none;box-shadow: none;}
.stup-10-section .form-section{
    max-width: 100%;
 }
.btn-transparent
 {background: transparent !important;color: #2828e0 !important;border: 2px
 solid #2828e0 !important;}
.letter-style-normal {color: #000;width: 100%;position: relative;text-align:
 center;line-height: 19.600000381469727px;font-size: 14px;font-style:
 normal;font-family: SF Pro;font-weight: 400;font-stretch: normal;}
.letter-style-normal.stup-11-heding{max-width: 600px; margin: 0 auto;
 font-size: 14px; display: block; margin-top: 2rem; }
.plans-main-section {width: 80%;overflow: auto;}
.plans-main-box {display: flex;}

.clickable-text{ display: none;}
.plandetails.fixed-menu {position: fixed;z-index: 9999;
 
    width:
 100%;left: 50%;transform: translateX(-50%);top: 0;
 margin:0;
 animation: slideInDown 1s ease-out both;padding-bottom: 1rem;border-radius: 0 0 20px 20px;}
.plandetails.fixed-menu::after,.plandetails.fixed-menu .plan-price-info
 {display: none;}
@keyframes slideInDown { from {opacity: 0;transform: translateX
 (-50%) translateY(-100%)} to {opacity: 1;transform: translateX
 (-50%) translateY(0);} }
.plandetails.fixed-menu + .stups-accordion{ margin-top: 30%;}
.mobile-selver-tawer{ display: none;}
.text-danger .label-form-style{ font-size: 10px;}
.text-danger img{ width: 18px;}

.logo-container.stup-12 .logo {position: absolute;bottom: -50vh;opacity:
 0;animation: stup-12-slide-in 2s ease-out forwards;}
.logo-container.stup-12 .text {animation: stup-12-slide-in-text 2s ease-out
 forwards;animation-delay: 2s;}
/* Keyframe for the sliding animation */
@keyframes stup-12-slide-in { 0% { bottom: -55vh;
        /* Start from outside the viewport */
        opacity: 0; width: 0; }

    100% { bottom: calc(50vh - 100px);
        /* Stay at the vertical center of the viewport */

        /* Adjust to center */
        opacity: 1; width: auto; } }

/* Keyframes for text animation */
@keyframes stup-12-slide-in-text { 0% { opacity: 0; bottom: -55vh
            /* Start below */
    }

    100% { opacity: 1; bottom: calc(50vh - 350px);
            /* Settle in place */
    } }

    /* Keyframe for the sliding animation */
@keyframes stup-12-slide-in-mobile { 0% { bottom: -55vh;
    /* Start from outside the viewport */
    opacity: 0; width: 0; }

100% { bottom: calc(50vh - 50px);
    /* Stay at the vertical center of the viewport */

    /* Adjust to center */
    opacity: 1; width: auto; } }

/* Keyframes for text animation */
@keyframes stup-12-slide-in-text-mobile { 0% { opacity: 0; bottom: -55vh
        /* Start below */
}

100% { opacity: 1; bottom: calc(50vh - 400px);
        /* Settle in place */
} }
.quote-step8-quote-step4-1{ height: auto !important;}


        .fixed-menu:after {
                /* background: #fff; */
                content: '';
                width: 100%;
                height: 90px;
                position: absolute;
                left: 0;
                top: 0;
            }
/*Home page New */
.new-header{ position:absolute; background:transparent; z-index:1; left: 50%; transform: translateX(-50%); }
.new-banner{
    /* background: url(../img/home-banner.svg) no-repeat center top;  */
    background-size:cover; width:100%;padding-bottom: 5.2rem; }

.new-banner video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        height: auto;
        z-index: 0;
      }
.new-banner .banner-section img{ opacity:0; height: 100vh; }
.scroll-link{ display:block; margin: 2rem auto 0 auto; max-width: 1073px; padding:0 0 8rem 0;  }
.scroll-link a {display: block;text-decoration: none;font-size: 24px;color: #2828E0 !important;font-weight: bold;}
.for-box-section{ position:relative;max-width: 1074px;margin: 0 auto; }
.lgray-box{ background:#F0F1F2;}
.white-box{ background:transparent; border:2px solid #2828E0; }
.blue-box{ background:#000058; color:#fff }
.dgray-box{ background:#D8DDE6 }
.box-section{border-radius: 30px;padding: 3rem 30px 1rem;min-height: 170px;display: flex;flex-wrap: wrap;height: 100%;position: relative;}
.box-section h2{font-size: 18px;font-weight: bold;margin: 0 0 2rem 0;}
.box-section p{ font-size:14px; font-weight:normal; }
.box-section img{ position:absolute;top:-5rem;right:-37px;}
.for-box-section:after,.for-box-section:before{content:'';position:absolute;display:block; z-index:1  }
/* .for-box-section:after{ background:url(../external/eiffelwhite.png) no-repeat right bottom;width:153px; height:240px;bottom: -96px;right: -69px;background-size: 100%; } */

.for-box-section:before{ background:url(../external/newbasketball-resize.png) no-repeat left top; width:122px; height:150px;bottom: -20px;left: -90px;background-size: 100%; }
.beneficios-blue-assist{background: rgba(216, 221, 230, 0.38);margin: 15rem 0;padding: 10rem 0 0;}
.beneficios-left-section{}
.beneficios-left-section .btn {max-width: 160px;padding:0.5rem 1rem; font-size: 12px !important}
.beneficios-left-section h1 {color: #000058;margin: 0 0 0.5rem 0;font-size: 36px;font-weight: bold;}
.beneficios-left-section p{ font-size:24px; color:#3C3C3C; margin:0 0 1.5rem 0; }
.beneficios-right-section{ position: relative;}
.beneficios-right-section  .big-logo {position: absolute !important;top: 0;z-index: 0;}
.beneficios-right-section .beneficios-lady {position:relative;top:0;}
.home-accordin{ margin-top:100px; }
.home-accordin ul,.home-accordin ul li{ list-style:none; margin:0; padding:0; max-width:90% }
.home-accordin ul li{ border-bottom:1px solid #CED9EB; padding:0 0 2rem 0; margin-bottom:2rem }
.home-accordin ul li .acc-header{ font-size:18px; font-weight:bold; }
.home-accordin ul ul,.home-accordin ul li li{ max-width:100%; margin:0; padding:0 }
.home-accordin ul li li{ max-width:100%;margin:0 0 0.5rem 0;padding: 0 0 0.5rem 1.5rem;}
.beneficios-left-section ul ul li p{ font-size:12px; margin:0; padding:0 }
.beneficios-left-section ul ul li h3{ font-size:12px; font-weight:bold; margin:0 0 0.5rem 0; padding:0 }
.home-accordin ul li.active{ padding-bottom:0; border-bottom:none;     margin-bottom: 2rem;}
.home-accordin ul li.active .acc-header{margin-bottom: 3.5rem;}
.home-accordin ul li li ol {margin: 0;padding: 0;}
.home-accordin ul li li ol li {border: none;padding: 0 0 0 10px;font-size: 12px;position: relative;margin: 0 0 0 8px;}
.home-accordin ul li li ol li:after {content: '';width: 4px;height: 4px;background: #000;display: block;position: absolute;left: 0;top: 6px;border-radius: 100%;}
.home-accordin ul li .down,.home-accordin ul li .up{ width:25px; height:25px }
.home-accordin ul li .down{ display:block; }
.home-accordin ul li .up{display:none;}
.home-accordin ul li.active .down{ display:none; }
.home-accordin ul li.active .up{display:block;}
.proteccion-section{ padding:0 0 4rem 0 }
.proteccion-section .proteccion-left-section img{ max-width:100% }
.beneficios-left-section .continue-btn-steps{ padding: 13.9px 10px;}
.proteccion-section .proteccion-right-section{ padding:4rem 0 0 0 }
.proteccion-section .proteccion-right-section h2{ font-size:36px; margin:0 0 1rem 0; padding:0; font-weight:bold; color:#000058 }
.proteccion-section .proteccion-right-section a{ max-width:170px; font-weight:bold; font-size:12px; padding: 13.9px 10px; }
.proteccion-section .proteccion-right-section .btn {
    max-width: 160px;
    font-size: 12px !important;
}
.proteccion-section .proteccion-right-section ul,.proteccion-section .proteccion-right-section ul li{ list-style:none; margin:0; padding:0 }
.proteccion-section .proteccion-right-section ul{ margin:3rem 0 0 0 }
.proteccion-section .proteccion-right-section ul li{ font-size:18px; font-weight:bold;border-bottom:1px solid #CED9EB; padding:1rem 0 1.7rem 0.5rem; margin-bottom:0.7rem }
.proteccion-section .proteccion-right-section ul li span{ font-weight:normal; }

.home-new-footer{background: #171a38;padding: 4rem 0 2rem 0;color: #fff; margin-bottom:0}
.home-new-footer .footer-link-box{padding: 0 1rem;margin-bottom: 2rem; font-size: 14px}
.home-new-footer .footer-link-box h2{font-size: 14px;font-weight: bold;margin: 0 0 1rem 0;padding: 0 0 1rem 0;border-bottom: 1px solid #fff;}
.home-new-footer .footer-link-box ul{ margin:0; padding:0; list-style:none;}
.home-new-footer .footer-link-box ul li{ padding:0 0 1.5rem 0; margin:0; }
.home-new-footer .footer-link-box ul li a{ display: flex; align-items: center; word-break: break-all;}
.home-new-footer .footer-link-box ul.social-media-icons{display: flex;align-items: center;}
.new-insured-page{background: #F0F2F5;overflow: hidden;}
.banner-section{text-align: center;display: flex;justify-content: center; padding-top: 2rem;}
.tab-section-content{display: flex; align-items: center; justify-content: space-between; max-width: 1065px; margin: 0 auto;border-bottom: 1px solid #A3A3A3; z-index: 1;}
.tab-section-content-item{ max-width: 1065px;     margin: 0 auto;}
.tab-section-content-item .contact-box{ margin-bottom: 3rem;}
.new-insured-page .white-box {color: #000;margin: 1.6rem auto;}
.tab-section-content .insured-component36{border: none !important;background: none !important;box-shadow: none !important;border-radius: 0 !important;position: relative !important;}
.tab-section-content .insured-component36 .insured-text170{ color: #000;}
.insured-component36.px-3.active:after {content: '';position: absolute;width: 100%;background: #2828e0;height: 3px;bottom: -1px;}
.insured-component36.px-3 .insured-text170{ color: #000 !important;}
.new-insured-page .white-box{ background: #fff; max-width: 900px; text-align: center; color: #2828E0; border-radius: 60px;padding: 13px 10px;border: none;margin: 125px auto 3.4rem auto;font-weight: bold;}
.tab-section {padding-bottom: 9rem;}
.text-simple-style,.text-simple-style a, .text-simple-style span,.text-simple-style i{ display: block !important;}
.text-simple-style i {width: 35px;height: 35px;font-size: 18px !important;display: flex !important;align-items: center;justify-content: center;margin: 0 0 1rem 0 !important;}
.text-simple-style span{ font-weight:bold; font-size:16px; margin:0 0 12px 0}
.text-simple-style a{text-decoration:none;color: #000;font-size: 14px;}
.tab-section-content-item .contact-box{ margin-bottom: 3rem;}
.text-simple-style a:hover{ color: #2828E0;}
#notiIsured .notiIsured-card{ border-radius: 30px; padding: 70px 30px; height: 100%; font-size: 14px; color: #000; box-shadow: 0px 6.139px 26.093px 0px rgba(0, 0, 0, 0.07);}
#notiIsured .notiIsured-card.background-greys{background:#D8DDE6;}
#notiIsured .notiIsured-card.background-whites{background:#fff; position: relative;}
#notiIsured .notiIsured-card.background-whites:after{ content: ''; background: url(../img/insured-tab-boll.png) no-repeat left top; position: absolute; width: 91px; height: 121px; right: -50px;}
#notiIsured .notiIsured-card h1{ font-size: 24px; font-weight: bold; color: #000; margin: 0 0 1.2rem 0;}
#notiIsured .notiIsured-card h1 span{ display: block;}
#notiIsured .notiIsured-card ul{ margin: 0; padding: 0; list-style-type: decimal;}
#notiIsured .notiIsured-card ul li{ margin: 0 0 0.4rem 1rem;padding: 0;list-style-type: decimal !important;}  
#claimInsured .claimInsured-data-inner {background: #fff;border-radius: 30px;padding: 20px 25px; height: 100%; position: relative;cursor: pointer;box-shadow: 0px 6.139px 26.093px 0px rgba(0, 0, 0, 0.07); min-height: 278px;}      
#claimInsured .claimInsured-data-inner .claimInsured-data-top{display: flex;justify-content: space-between;align-items: center; margin: 0 0 1.2rem 0;}
#notiIsured .notiIsured-card span.notiIsured-card-number, #claimInsured .claimInsured-data-inner .claimInsured-data-top span{ display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background:#2828E0; color: #fff; font-size: 15px; font-weight: 600; border-radius: 100%;}
#claimInsured .claimInsured-data-inner .claimInsured-data-top .share-icon{ display: flex;justify-content: space-between;align-items: center;}
#claimInsured .claimInsured-data-inner .claimInsured-data-top .share-icon a{ display: block; margin: 0 0.4rem;}
#claimInsured .claimInsured-data-inner h2,#certificateInsured .claimInsured-data-inner h2{ font-size: 18px; font-weight: bold; margin:0 0 1rem 0;}
#claimInsured .claimInsured-data-inner p,#certificateInsured .claimInsured-data-inner p{ font-size: 14px; }
#claimInsured .claimInsured-data-inner:hover,#claimInsured .claimInsured-data-inner.active{ background:#D8DDE6;}
.descargar-btn{ position: absolute; bottom: 1.4rem; background: url(../img/btn-icon.png) no-repeat left center; font-size: 14px; font-weight: bold; color:#2828E0; text-decoration: none; padding:0.4rem 0.4rem 0.4rem 2.4rem;}
.descargar-btn:hover{ text-decoration: none;}

#certificateInsured .claimInsured-data-inner{background: #fff;border-radius: 30px;padding: 20px 25px; height: 100%; position: relative;cursor: pointer; min-height: 150px;box-shadow: 0px 6.139px 26.093px 0px rgba(0, 0, 0, 0.07);}
.mobile-hide{ display: block;}
.web-hide{ display: none;}
.new-insured-page.about-banner{display: flex; align-items: center; min-height: 100vh;}
.banner-sub-heading{ display: flex; justify-content: space-between; max-width: 950px; margin: 3rem auto;}
.banner-sub-heading span {display: block;max-width: 700px;margin-right: 1rem;color: #2828E0;font-size: 18px;font-weight: 600;}
.about-banner .scroll-link{width: 57px;
        margin: 0 auto;
        padding-bottom: 5rem;
        padding-left: 0; background: none;}
.banner-sub-heading .banner-btn {background: #2828E0;color: #fff;font-size: 12px;font-weight: bold;padding: 13.9px 10px;height: 49px;border-radius: 45px;width: 200px;text-align: center;text-decoration: none;display: flex;align-items: center;justify-content: center;}
.about-for-box-section .box-section h2{font-size: 20px;font-weight: bold;margin: 0 0 2rem 0;}    
.about-us-frame550.slideBottomInUp{ display: none !important;}
.beneficios-blue-assist.about-beneficios-blue{margin: 15rem 0 0;}
.web-none{ display: none !important;}
.mobile-none{ display: block !important;}

.payment-page .web-none{ display: none !important;}

.search-box .search-input:focus{ box-shadow: none;}
.beneficios-right-section .beneficios-lady, .beneficios-right-section .big-logo{ max-width: 100%;}
.user-dropdown { display: flex; align-items: center;}
.user-dropdown .dropdown-toggle{font-size: 12px; font-weight: 600; margin-left: 0.5rem;}
@keyframes float {
        0% { transform: translateY(0); }
    50% { transform: translateY(30px); }
    100% { transform: translateY(0); }
    }
    
    .for-box-section:after { 
        background: url(../external/eiffelwhite.png) no-repeat right bottom;
        width: 153px; 
        height: 240px;
        bottom: -96px;
        right: -69px;
        background-size: 100%;
        animation: float 8s ease-in-out infinite; /* Adjust duration (8s) as needed */
    }
    .big-logo {
        opacity: 0; /* Start hidden */
        transform: scale(0.1);
    }
    
    .big-logo.animate {
        animation: grow 2s ease-in-out forwards; /* Remove infinite, add forwards to maintain end state */
    }
    
    @keyframes grow {
        0% { 
            opacity: 0;
            transform: scale(0.1); 
        }
        50% { 
            opacity: 1;
            transform: scale(1.1); 
        }
        100% { 
            opacity: 1;
            transform: scale(1); 
        }
    }
    
    .beneficios-lady {
        opacity: 0; /* Start hidden */
        transform: translateX(450px); /* Start from right side */
    }
    
    .beneficios-lady.animate {
        animation: slideFromRight 1.5s ease-out forwards;
    }
    
    @keyframes slideFromRight {
        0% {
            opacity: 0;
            transform: translateX(450px);
        }
        50% { 
            opacity: 1;
            transform: translateX(-20px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }    
    /* .proteccion-left-section img {
        animation: bounce 2s ease infinite;
        transform-origin: center bottom;
    } */
    
    @keyframes bounce {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-20px);
        }
        75% {
            transform: translateY(-10px);
        }
    }
    .social-media-icons .phone-icon {
        background: none !important;
        color: #fff !important;
        padding: 0 !important;
        font-size: 23px !important;
    }
    /* Change came from branch "Admin-Content-Update" */
    .home-new-footer .footer-link-box .phone-icon{ background: none !important; width: 28px; height: 28px; padding: 0;}
    .container.py-3.new-header img {
        max-width: 210px;
    }
    .footer-copy-write {
        text-align: center;
    }
/* updates css added here for Quote pages */
p-calendar#rangeDates span input.p-inputtext {
    border-width: 2px !important;
}
    .payment-info .card-form {
        margin-bottom: 100px;
    }
@media screen and (max-width: 1024px) {
.for-box-section{overflow-x: auto;overflow-y: hidden;}
.for-box-section .row{ width: 1000px; flex-wrap: nowrap;padding-left: 3rem;}
.for-box-section .row .col-md-3{ max-width: 230px;}
.box-section{padding: 2rem 25px 1rem;}
.for-box-section:before{width: 77px;height: 100px;bottom: -2px;left: -4px;background-size: 80px;}
.beneficios-blue-assist{ margin:3rem 0 0;}
.for-box-section:after{ display: none;}
.about-for-box-section .box-section h2 {font-size: 18px;font-weight: bold;margin: 0 0 1rem 0;}
.beneficios-right-section .beneficios-lady{max-width: 95%;}
.beneficios-right-section .big-logo{ max-width: 75%;bottom: 0;}
.beneficios-right-section .beneficios-lady,.beneficios-right-section .big-logo{right: 0%;transform: translateX(-50%);}

.about-beneficios-blue .beneficios-left-section{margin-bottom: 3rem; }
}
.header1-frame120{ width: 100% !important;}
@media screen and (max-width: 990px) {
    .quote-container-body{top: 70px !important;}
.form-section .continue-btn-steps{padding: 0 !important;}
.header1-frame120 .header1-vector{ width: 38px !important; height: 38px !important;}
.header1-frame120  .continue-btn-steps{ display: none !important;}
/* Change came from branch "Admin-Content-Update" */
/* .quote-container-body{top: 70px !important;} */
/* .header1-frame120 .header1-vector{ width: 38px !important; height: 38px !important;}
.header1-frame120  .continue-btn-steps{ display: none !important;} */
.plans-main-box {width: 700px;}
.header1-header1{ padding: 0 !important;}
#menuHambur{background-color: rgba(190, 189, 189, 0.22) !important;z-index: 2 !important;cursor: pointer !important;margin-top: 5px !important;padding: 7px 9px 1px 9px !important;border-radius: 100% !important;width: 47px !important;height: 43px !important;display: block !important;align-items: center !important;justify-content: center !important;flex-wrap: wrap !important;}
input[id=checkboxBarMenu]:checked ~ label .bar,iinput[id=checkboxBarMenu]:checked ~ label .bottom{ top:7px !important}
.header1-vector{position: relative !important;z-index: 1 !important;
    /* width: 48px !important;height: 48px !important; */
}
.fixed-menu .header1-vector{opacity: 0; visibility: hidden; pointer-events: none;}
.new-banner {background: #dce0df !important;padding-bottom: 0;margin-bottom: 2rem;padding-top: 1rem;}
.header1-frame120{ display: flex !important; align-items: center !important;}
body .mobile-home-menu-mobile{width: 300px !important;}
body .mobile-home-menu-mobile ul{ margin: 0; padding: 1rem; list-style: none;}
body .mobile-home-menu-mobile ul li{ margin: 0; padding:0; display: flex; justify-content: space-between; align-items: center;}
body .mobile-home-menu-mobile .cotizar-btn{width: 100%;border-radius: 47px;background-color: var(--dl-color-default-blueblueassist);
color: #fff;line-height: 19.600000381469727px;font-weight: 600;font-size: 11px; width:138px;font-style: normal;font-family: SF Pro;font-stretch: normal;text-align: center;padding:0.8rem 1rem;margin: 1rem 0;}
body .mobile-home-menu-mobile ul li.menu-link{ margin: 0 -1rem;}
body .mobile-home-menu-mobile ul li .mobile-menu{ display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #d5d5d5; width: 100%; padding: 1rem 2rem;}
body .mobile-home-menu-mobile ul li.leng{ margin: 0 -1rem;}
body .mobile-home-menu-mobile ul li.leng span.d-flex a{ color: #2828E0; padding:0.5rem 1rem; position: relative;}

body .mobile-home-menu-mobile ul li.leng span.d-flex a.active,body .mobile-home-menu-mobile ul li.leng span.d-flex a:hover{color: rgba(0, 0, 0, 0.60); text-decoration: none;}
body .mobile-home-menu-mobile ul li.leng span.d-flex a::after{background: rgba(0, 0, 0, 0.43);height: 20px;width: 1px;content: '';display: block;position: absolute;top: 7px;right: 0;}
body .mobile-home-menu-mobile ul li.leng .mobile-menu{ padding-left: 1rem;}
body .mobile-home-menu-mobile ul li.leng span.d-flex a:last-child::after{display: none;}
body .mobile-home-menu-mobile ul li.menu-link img.drop-arrow{ width: 35px; height: 35px;}
body .mobile-home-menu-mobile ul li.menu-link img.drop-arrow.cliente-arrow{ margin-right: 1rem;}
body .mobile-home-menu-mobile ul li.menu-link .mobile-home-frame79{ width: auto; height: auto; display: block;}
body .mobile-home-menu-mobile ul li .mobile-home-log{ position:inherit; font-size: 12px !important;margin-left: 5px;}
body .mobile-home-menu-mobile ul li.menu-link.mobile-home-log-box {border-bottom: 1px solid #d5d5d5;padding: 0.5rem 1rem;}
body .mobile-home-header{width:100% !important;height:68px !important;padding: 15px 10px 8px !important;}
.mobile-home-header{ width: 100% !important;}
body .bar{width: 22px !important;height: 2px !important;}
input[id=checkboxBarMenu]:checked ~ label .bar.middle{ width: 0 !important;}
.header1-frame108{ display: none;}
.header1-frame120{ width: 100% !important;justify-content: space-between; padding:1rem;}
.header-right-section {display: flex;align-items: center; position: relative; z-index: 1;}
.header-right-section .continue-btn-steps{ border-radius: 47px;background-color: #2828e0; width: 130px; margin-right: 1rem; font-size: 12px;}
.mobile-home-menu-mobile .menu-footer {padding: 0 1rem;}
.menu-social-link{ display: flex; align-items: center; gap: 10px;}
.menu-social-link .facebook{ width: 45px;}
.menu-social-link .linkdin{ display: flex;}
.menu-social-link .linkdin {margin: 0 1rem 0 0;}
.menu-social-link .linkdin .mobile-home-vector{width: 7px;height: 22px;}
.menu-social-link .linkdin .mobile-home-vector1{width: 18px !important;height: 16px !important;}
.menu-social-link .instagram{padding-top: 4px;}
.menu-social-link .instagram .mobile-home-exclude{width: 25px;height: 22px;}
.menu-copy-right{ padding:1rem;}
.menu-copy-right span{color: #1D252C;}
.menu-copy-right .blue-bold{ font-weight: bold; display: block; color: #2828E0;}

}
@media screen and (min-width: 767px) {
    .web-none.proteccion-right-section{ display: none !important;}
   .col-md-5 .proteccion-right-section h2.mobile-none{ display: block !important; }
}
@media screen and (max-width: 820px) {

.web-none{ display: block !important;}
.mobile-none{ display: none !important;}

.payment-page .web-none.d-flex{ display: flex !important;}

.new-banner{ background: #dce0df !important; padding-bottom: 0; margin-bottom: 2rem;}
.new-banner .container{ padding: 0;}
/* .new-banner video{
    width: 100%;
    position: inherit;
    min-height: auto;
    transform: none;margin-top: -100px;
} */
.banner-section img{max-width: 100%;}
.new-banner .banner-section .scroll-link{ padding: 0; background: none; margin: 0;width: 100%;position: relative; z-index: 1;}
.new-banner .banner-section{ display: block; padding: 4.4rem 0 0 0;}
.new-banner .banner-section img{width: 100%; opacity: 0; height: auto;}
.new-banner .banner-section .scroll-link a{ font-size: 14px;}

/* Change came from branch "Admin-Content-Update" */
.new-banner .banner-section .scroll-link a span{ display: block; font-family: "SF Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16.8px; /* 140% */
    letter-spacing: -0.24px;}
.search-box.web-none {max-width: 300px;margin: 0 auto 1rem; position: relative; z-index: 1;}
.search-box .search-input{background: #fff url(../img/input-icon.png) no-repeat 95% center;font-size: 14px;color: #000;border: none;padding: 0 2.4rem 0 1.3rem;text-align: center; font-weight: 600;}
.for-box-section.home-for-box-section{padding-top: 4rem;}
.box-section h2{font-size: 14px;font-weight: bold;margin: 0 0 1rem 0;}
.home-beneficios-blue-assist.beneficios-blue-assist {margin: 6rem 0 0;padding: 4rem 0 0 0;}
.home-beneficios-blue-assist.beneficios-blue-assist h1,.proteccion-section .proteccion-right-section h2{ font-size: 24px;}
.home-beneficios-blue-assist.beneficios-blue-assist p {font-size: 14px;}
.proteccion-left-section{ margin-top: 2rem;}
.proteccion-section .proteccion-left-section img {max-width: 100%;}
.home-accordin {margin-top: 50px;}
.home-accordin ul li .acc-header{font-size: 14px;}
.home-accordin ul li .down, .home-accordin ul li .up {width: 20px;height: 20px;}
.home-accordin ul, .home-accordin ul li{max-width: 100%;}
.proteccion-section {padding: 4rem 0;}
.proteccion-section .proteccion-right-section{ padding: 0;}
.proteccion-section .proteccion-right-section ul li{ font-size: 12px;padding: 1.1rem 0 1.1rem 0.5rem;margin-bottom: 0;}

.stups-2 .form-group .stup-2 .form-group .form-input-label{top: 20px;}
.form-group .form-input:not(.isEmpty)~.form-input-label, .form-group .form-input:focus~.form-input-label{    top: -8px !important;}
.form-group .form-input-label{font-size: 12px !important;}
.container-fluid{overflow: hidden;}
.form-section{max-width: 90%; padding-bottom: 2rem;margin-top: 0.5rem;}
.form-section .form-general-style{padding: 1rem !important; box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.07);}
.form-right-section.form-itams{right: -4rem;bottom: 90px;transform: rotate(3deg);-webkit-transform: rotate(3deg); z-index: 0;}
.form-right-section .style-img-tower{margin: 0; max-width: 150px;}
.back-link{display: inline-block;}    
.letter-style-normal,.label-form-style{font-size: 11px !important;}
.form-general-style .row.stup-2 .col.form-group{padding-right:0.2rem;padding-left:0.2rem;padding-top:0;margin-bottom:0;}
.form-general-style .row.stup-2 .col.form-group .form-input{height: 50px;}
.form-general-style .row.stup-2 .col.form-group .form-input-label{top: 17px;}
.form-general-style .row.stup-2 .col.form-group .form-input:not([value=""])~.form-input-label,
.form-general-style .row.stup-2 .col.form-group .form-input:focus~.form-input-label{top:-7px;}
.form-section.stups-2 .form-general-style .form-group{ padding-top: 0; }
.label-text-center .form-input-label,
.label-text-center .form-input {text-align: center;left:
 50% !important;transform: translateX(-50%);}
.form-group .background-effect{font-size: 11px; padding:1rem !important;font-weight: 700;}
.form-group .background-effect .d-flex{align-items: center;}
.w-50px.text-style-blue{text-align: center;}
.header1-frame108{width: auto !important;}
.m-order-1{order: 1;}
.m-order-2{order: 2;}
.m-order-3{order: 3;} 
 
.m-order-2 .dropdown_icon{display: none !important;}
.plandetails.fixed-menu{padding-bottom:0;border-radius:0}
.plan-full-info-row{flex-wrap: wrap;justify-content: space-between;}
.plan-full-info-box {width: calc(33% - 0rem); margin: 0;}
.plan-full-info-box.basic-plan{width: 100%; max-width: 100%;}
.plandetails::after{display: none;}
.plans-main-section{    width: 100%;}
.policy-details-toggle{display: block; width: 100%;position: relative;}
.policy-details.m-none{display: none;}
.plandetails{flex-wrap: wrap;padding: 0 10px; margin-top: 1rem; position:
 relative; z-index: 1;}
.mobile-selver-tawer{ display: block;}
 .mobile-selver-tawer:after{background: url(../external/silver-ball.png) no-repeat left top;position:
  fixed;content: '';width: 78px;height: 160px;display: block;left: -20px;top:
  270px;z-index: 0;}
.mobile-selver-tawer::before{background: url(../external/eiffelwhite.png) no-repeat left top;position: fixed; z-index:
 0;content: '';width: 176px;height: 333px;display: block;right: -45px;top:
 400px;background-size: contain;}
.stups-accordion,.plan-full-info{z-index: 1; position: relative;}
.gray-stripe p{ padding-left: 0;}
.plandetails .planupadte-box{width: calc(35% - 20px);padding: 1rem 10px;}
.plandetails .planupadte-box h4,.plandetails .planupadte-box .plan-price h2
 {margin: 0 0 0.5rem 0;}
.stups-accordion .p-accordion{padding: 25px 0 0 0;}
.plandetails.fixed-menu+.stups-accordion {margin-top: 97%;}
.clickable-text{display: flex;justify-content: space-between;align-items:
 center;cursor: pointer;padding: 15px 2rem;color: #171A38;font-size:
 12px;font-weight: 500;text-decoration: none;border-radius: 50px;
 background:#fff url(../external/Dropdown.png) 97% center no-repeat;
position: relative;}

.fixed-menu .clickable-text::before{content: '';width: 100vw;height: 100%;background-color: white;position: absolute;top: 0;left: -10px;z-index: -1;}

.toggle-section{position: absolute;width: 100%;transition: max-height 0.3s
 ease-in-out, opacity 0.3s ease-in-out;max-height: 0;opacity: 0;overflow:
 hidden;top: 50px;left: 0;}
.toggle-section.show {max-height: 500px;/* Adjust this value based on
 content */opacity: 1;}
.plandetails .toggle-section .policy-details{margin: 0;width: 100%;}
.payment-info-section.plandetails .planupadte-box,.payment-info-section.plandetails
 .payment-info{max-width: 100%; width:100%; margin-right: 0; margin-bottom:
 1rem;}
 /* .payment-info .card-form{margin-bottom: 100px;} */
.payment-info-section.plandetails .form-general-style{ padding:
 1rem !important;}
.plan-full-info-box p,.plan-full-info-box ul li{font-size: 12px;word-break: break-all;}
.dob-section .col-4{ padding-left: 5px !important; padding-right:
 5px !important;}
.stup-10-section{padding: 28px 10px;}
  .stup-10-section .stups-accordion .p-accordion .p-accordion-tab .p-accordion-header-link{
    background-position: calc(100% - 23px) 15px !important;
    position: relative;
  }
  .stup-10-section .stups-accordion .p-accordion .p-accordion-tab .p-accordion-header-link .blue-text{
    position: absolute;
    right: 5px;
    bottom: 10px;
    justify-content: center !important;
    width: 55px !important;
  }
  .stup-10-section .stups-accordion .p-accordion .p-accordion-tab .p-accordion-header-link .blue-text img{
    display: none !important;
  }
.plandetails .planupadte-box .plan-price h2{font-size: 14px;}
.plandetails:not(.fixed-menu) .planupadte-box .plan-price h2{font-size: 24px;}
.plandetails .planupadte-box .plan-price .blue-text{font-size: 10px;}
.plandetails:not(.fixed-menu) .planupadte-box .plan-price .blue-text{font-size: 12px;font-weight: 700;}

.plandetails .planupadte-box.primary-plan.primary-plan .plan-price .blue-text
 {color: #000;}
.plandetails.fixed-menu .clickable-text{padding:15px 30px 15px 0;margin-bottom:0;}
.form-small-label .form-group .form-input-label{width:30px;height:20px;overflow: hidden;}
.mobile-hide{ display: none;}
.web-hide{ display: block;font-size: 11.7px;}
.footer-copy-write{padding-bottom: 60px;}
.tab-section-content{border: none;padding-top: 20px;position: fixed;bottom: 0;width: 100%;background: #F0F2F5;left: 0;padding-bottom: 0;height: auto;padding-left: 10px;padding-right: 10px;}
.tab-section-content .insured-component36{ max-width:inherit;}
.tab-section .insured-component36.px-3:after{ width: 12px !important; height: 12px !important; border-radius: 100% !important; background: #2828E0 !important;content: '';position: absolute; bottom: inherit; top: 0;}
.tab-section .insured-component36.px-3.active:before{ content: ''; position: absolute; width: 64px; height: 32px; border-radius: 20px; background: #D8DDE6;top:-10px}
.insured-component36.px-3 .insured-text170 {color: #2828e0 !important;padding-top: 10px;font-weight: 700;}  
.insured-component36.px-3 .insured-text170 span{font-size: 10px;}
.tab-section{padding-bottom: 0; margin-top: 0;}

.text-simple-style span{font-size: 14px;margin: 0 0 2px 0;}
.text-simple-style a{font-size: 12px;} 
.text-simple-style i {width:25px;height:25px;font-size:14px !important;margin-bottom:0.5rem !important;}
#notiIsured{ overflow: scroll; padding-bottom: 2rem;}
#notiIsured .row.justify-content-center{flex-wrap: nowrap;display: flex;width: 660px;justify-content: start !important;}
#notiIsured .row.justify-content-center .col-md-7,#notiIsured .row.justify-content-center .col-md-5{ max-width: 330px;}
#notiIsured .notiIsured-card.background-whites:after{ display: none;}
#notiIsured .notiIsured-card h1 {font-size: 14px;}
#notiIsured .notiIsured-card {border-radius: 30px;padding: 35px 20px;}
.tab-section-content-item .contact-box{ margin-bottom: 1rem;}
.new-insured-page .white-box {color: #000;margin: 1.6rem auto;font-size: 14px;border-radius: 30px}
#notiIsured .notiIsured-card{ font-size: 12px;}
#claimInsured{ padding-bottom: 2rem;}
#claimInsured .claimInsured-data{ overflow: auto;}
#claimInsured .claimInsured-data>.row{ flex-wrap: nowrap;display: flex;width: 780px;justify-content: start !important;}
#claimInsured .claimInsured-data>.row .col-md-4{ max-width: 260px;}
#claimInsured .claimInsured-data-inner h2, #certificateInsured .claimInsured-data-inner h2 {font-size: 14px; margin: 0 0 0.6rem 0;}
#claimInsured .claimInsured-data-inner{font-size:12px;padding: 20px 20px;}
#certificateInsured{ padding-bottom: 2rem;}
#certificateInsured .row{gap: 30px;}
.banner-sub-heading{ display: block;}
.new-insured-page.about-banner {padding-bottom: 3rem;}
.banner-sub-heading span{margin: 0;width: 100%;text-align: center; font-size: 14px;}
.beneficios-left-section p{ font-size:14px;}
.beneficios-left-section h1{ font-size: 1.6rem;}
.beneficios-blue-assist.about-beneficios-blue {margin: 7rem 0 0;padding: 5rem 0 0 0;}
.banner-sub-heading .banner-btn{margin: 2rem auto 0;}
.for-box-section{overflow-x: auto;overflow-y: hidden;}
.for-box-section .row{ width: 1000px; flex-wrap: nowrap;padding-left: 3rem;}
.for-box-section .row .col-md-3{ max-width: 230px;}
.box-section{padding: 2rem 25px 1rem;}
.for-box-section:before{width: 77px;height: 100px;bottom: -2px;left: -4px;background-size: 80px;}
.beneficios-blue-assist{ margin:3rem 0 0;}
.for-box-section:after{ display: none;}
.about-for-box-section .box-section h2 {font-size: 18px;font-weight: bold;margin: 0 0 1rem 0;}
.beneficios-right-section .beneficios-lady{max-width: 95%;}
.beneficios-right-section .big-logo{ max-width: 75%;bottom: 0;}
.beneficios-right-section .beneficios-lady,.beneficios-right-section .big-logo{right: 0%;transform: translateX(-50%);}
.continue-btn-steps{height: 41px;}
.quote-container-body .continue-btn-steps{height: 63px;}
.about-beneficios-blue .beneficios-left-section{margin-bottom: 3rem; }
.banner-section .about-banner-text img.web-none{display: none !important;}
.banner-section .about-banner-text img.mobile-none{display: block !important;}
.fixed-menu.plandetails .plans-main-box{ width: auto;}
.fixed-menu.plandetails .planupadte-box{border-radius: 0;
    margin-right: 0 !important;
    width: 33.33%;
    padding: 5px;}
    .fixed-menu.plandetails .planupadte-box .button-box{ display: flex; flex-wrap: wrap;}
    .fixed-menu.plandetails .planupadte-box .button-box .blue-btn{order: 1 !important;margin-bottom: 1rem !important;padding: 0.6rem 0 !important;}
    .fixed-menu.plandetails .planupadte-box .button-box .btn-primary{order: 2;margin: 0;border: none;padding: 0;}
    
    .planupadte-box.primary-plan:not(.payment-page) h4, .planupadte-box.primary-plan:not(.payment-page) .plan-price h2 {
        color: #000;
    }
    
    .planupadte-box.primary-plan .blue-btn {
        /* background: #000 !important; */
        /* color: #fff !important; */
    }
    
    .fixed-menu.plandetails .planupadte-box .plan-price .button-box button {
        text-decoration: underline;
    }
    
    .plandetails .planupadte-box .plan-price .button-box button.blue-btn {
        text-decoration: none !important;
    }
    
    .planupadte-box.primary-plan .plan-price .button-box button {
        /* color: #000; */
    }
    .plandetails .toggle-section .policy-details{padding: 2.5rem 10px 1rem;}  
    .plandetails .toggle-section .policy-details .button-box{ display: none;}  
    .plandetails .policy-details .policy-info{ padding-bottom: 0;}   
    .plan-price-info .plan-price-value-table > span{ width: 80%; margin-right: 10px; text-align: left !important;}
   .plan-price-info .plan-price-value-table span:last-child{ margin: 0;}
    .all-plans-section .plan-price-info .plan-price-value-table span.text-bold,.all-plans-section .plan-price-info .plan-price-value-table span:last-child{ width: 30%;}
    
    .all-plans-section .plan-price-info .plan-price-info-box .plan-price-value-table {
        flex-wrap: wrap;
        background-position: 10px 12px !important;
        padding-left: 10px;
    }

    .all-plans-section .plan-price-info .plan-price-value-table > span {
        width: 100%;
        padding-left: 22px;
    }

    .all-plans-section .plan-price-info .plan-price-value-table span.text-bold,.all-plans-section .plan-price-info .plan-price-value-table span:last-child {
        width: 47%;
        text-align: left;
        padding-left: 0;
    }

    .plan-price-info .plan-price-value-table span.text-bold span,.plan-price-info .plan-price-value-table span:last-child span {
        display: block;
        text-align: left;
        width: 100% !important;
    }
    .planupadte-box.primary-plan .plan-price .button-box button.blue-btn{color:#fff !important}
    .formControlRow.phone-number-row{ flex-wrap: wrap !important;}
    .formControlRow.phone-number-row .formControlContainer:first-child,.formControlRow.phone-number-row .formControlContainer:last-child{width: 100% !important; padding-left: 15px !important;padding-right: 15px !important;}
    .formControlRow.phone-number-row .formControlContainer:first-child{margin-bottom: 16px !important;}
    .background-effect span{ font-weight:400}
    .background-effect span button{text-decoration:underline}
    

    .plandetails:not(.fixed-menu) .planupadte-box{
        min-width: 160px;
        width: calc(35% - 20px);
    }
    .plandetails:not(.fixed-menu) .payment-page.planupadte-box{
        width: 100%;
    }

    .logo-container.stup-12 .logo {animation: stup-12-slide-in-mobile 2s ease-out forwards;}
    .logo-container.stup-12 .text {animation: stup-12-slide-in-text-mobile 2s ease-out forwards;animation-delay: 2s;}

    .logo {animation: slide-in-mobile 2s  ease-out forwards;}
    .text {animation: slide-in-text-mobile 2s ease-out forwards; animation-delay: 2s}
    
}


@media screen and (max-width: 750px) {
    .banner-section .about-banner-text img.web-none{display: block !important;}
    .banner-section .about-banner-text img.mobile-none{display: none !important;}

}

@media screen and (max-width: 990px) {
    .plandetails:not(.fixed-menu) .plans-main-box {
        width: 100%;
    }
    .plan-price-info .plan-price-value-table > span{
        margin-right: 7px
    }
}
.payment-page .plan-price-info .plan-price-value-table span.text-center{
    text-align: center !important;
}
.payment-page .plan-price-info .plan-price-value-table span.text-right{
    text-align: right !important;
}

@media screen and (max-width: 820px) {
    .form-section .form-general-style.mobile-form-padding{
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
}

  /* Field error highlight effect */
  .form-general-style .form-group .form-input.field-error-highlight{
  border-color: #E40052 !important;
  box-shadow: 0 0 0 0.2rem rgba(228, 0, 82, 0.25) !important;
}