.animate-top,.modal .modal-content{animation:.4s animatetop}html{overflow-x:hidden}@media (max-width:985px){html{overflow-x:auto}}@media (max-width:640px){html{overflow-x:hidden}}.section *,:after,:before{box-sizing:border-box}.section{display:flex;flex-flow:row wrap;margin-bottom:70px}.planlanding2 .summary .section p{font-size:16px}.section .grid{width:50%}.MotorcycleQuoteForm .detail.motorDetail .btn input[type=submit],.section .grid.description.full-width,.section-motorinsurance-info h2{width:100%}.section .grid.description.left{padding-right:26px}.section .grid.description.right{padding-left:26px}.section .description span,.section .grid.description span,.section-best-choice .best-choices .choice .text .description span a,.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .content span,.section5 .faq ul li .answer span{color:#01b0de}.section .grid h2,.section4 table tr td:first-child{text-align:left}.section .grid.images-side{display:flex;align-items:flex-start}.section .grid.images-side img{width:100%;height:auto;display:block}.section .kwiksure-point-information .title{font-size:16px;line-height:24px}.section .kwiksure-point-information h3{margin-bottom:0;font-size:20px}.section .kwiksure-point-information h4{margin-bottom:0;font-size:16px}.planlanding2 .summary .section ul li{background-image:none;padding-left:0;margin-bottom:0}.section .kwiksure-point-information ul{display:flex;flex-flow:row wrap}.planlanding2 .section .kwiksure-point-information ul li{display:flex;width:50%;justify-content:center;margin-bottom:16px}.section .kwiksure-point-information ul.full-width li{width:100%;justify-content:left}.section .kwiksure-point-information ul li .image{padding-right:20px;display:flex;align-items:center}.section .kwiksure-point-information ul li .text .number{font-size:30px;color:#ee3a3b;font-weight:700;line-height:1}.section1 .kwiksure-point-information{margin-top:40px}.planlanding2 .section1 .kwiksure-point-information ul li:nth-child(odd){padding-right:6px}.planlanding2 .section1 .kwiksure-point-information ul li:nth-child(2n){padding-left:6px}.planlanding2 .section1 .kwiksure-point-information ul li{justify-content:left}.section1 .kwiksure-point-information ul li .text{display:flex;flex-direction:column;justify-content:center}.section2 .kwiksure-point-information ul li .image{min-width:70px}.planlanding2 .section3 .kwiksure-point-information ul li{margin-bottom:30px}.section3 .kwiksure-point-information h2{text-align:center;margin-bottom:40px}.section3 .kwiksure-point-information ul li .image{min-width:92px}.section3 .kwiksure-point-information ul li .text{width:320px;display:flex;flex-direction:column;justify-content:center}.section4 h2{text-align:center;width:100%}.section4 table{border:1px solid #fff}.section4 table h3{font-size:20px}.section4 table tr,.table-round tr:last-child td{background-color:#f1f1f1}.section4 table tr.black{background-color:#3a3a3a}.section4 table tr.black td{color:#fff}.section4 table tr td{padding:10px 30px;color:#525252;text-align:center;font-weight:700}.section4 table tr td span{color:#00bf1a;font-size:18px;font-weight:700}.section4 table tr:first-child td{background-color:#c80000;color:#fff;text-align:center}.cross,.tick{display:inline-block;vertical-align:middle;width:32px;height:32px;background-size:32px 32px;text-indent:-99999px}.cross{background-image:url('../images/motor_insurance/icon-cross.png')}.tick{background-image:url('../images/motor_insurance/icon-tick.png')}.remind-message,.section .comments,.section-motorinsurance-info .motorinsurance-infos.flex-2 .motorinsurance-info .text .title,.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .content p{font-size:14px}.section-process .tab-timeline .tab-timeline-description-container .process-panel.active,.section5{display:block}.section5 .faq ul li{padding-bottom:12px;display:block}.section5 .faq ul li .item{display:inline-block;vertical-align:top;cursor:pointer}.section5 .faq ul li .quesstion{font-size:20px;font-weight:700;color:#c80000;display:flex}.section5 .faq ul li .answer-icon,.section5 .faq ul li .quesstion .question-icon{padding-right:10px;min-width:36px;margin-top:2px}.section5 .faq ul li .answer-icon{margin-top:-2px}.section5 .faq ul li .answer .answer-side{font-size:16px;color:#525252;font-weight:700;padding:8px 0;display:flex}.section-process .tab-timeline{width:100%;position:relative}.section-process .tab-timeline .tab-timeline-input-container{display:flex;justify-content:space-around;margin:2rem 0;position:absolute;width:120%;max-width:985px;left:50%;transform:translate(-50%);height:2.5rem}.section-process .tab-timeline .tab-timeline-input-container .input{width:100%;display:flex;justify-content:center;position:relative}.section-process .tab-timeline .tab-timeline-input-container .input::after{background-color:#ee3a3b;position:absolute;top:50%;transform:translateY(-50%);width:55%;height:5px;content:"";right:0;z-index:-1}.modal.modal-close,.section-process .tab-timeline .tab-timeline-description-container .process-panel,.section-process .tab-timeline .tab-timeline-input-container .input:first-child:before,.section-process .tab-timeline .tab-timeline-input-container .input:last-child:after{display:none}.section-process .tab-timeline .tab-timeline-input-container .input::before{background-color:#ee3a3b;position:absolute;top:50%;transform:translateY(-50%);width:55%;height:5px;content:"";left:0;z-index:-1}.section-process .tab-timeline .tab-timeline-input-container .input.active~.input .dot,.section-process .tab-timeline .tab-timeline-input-container .input.active~.input::after,.section-process .tab-timeline .tab-timeline-input-container .input.active~.input::before{background-color:#2c3e50}.section-process .tab-timeline .tab-timeline-input-container .input .dot{background-color:#ee3a3b;position:relative;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.section-process .tab-timeline .tab-timeline-input-container .input .dot::before{content:attr(data-step);position:absolute;top:-2rem;font-size:16px;width:max-content;font-weight:600;color:#ee3a3b}.section-process .tab-timeline .tab-timeline-input-container .input.active~.input .dot::before{color:#2c3e50}.section-process .tab-timeline .tab-timeline-input-container .input .dot span{color:#fff;font-weight:600;font-size:24px}.section-process .tab-timeline .tab-timeline-description-container{padding:0 5rem;margin-top:6rem}.section-process .tab-timeline .tab-timeline-description-container .process-panel#process-step2 .meta,.section-process .tab-timeline .tab-timeline-description-container .process-panel#process-step3 .meta{text-align:center;padding:1.5rem}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content{display:flex;flex-direction:row}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .description{display:flex;align-items:center;width:60%}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .description .image img{width:100px;height:auto}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .image{padding:.5rem;width:30%}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .image img{width:auto;max-width:150px}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .content{padding:1rem;font-weight:600;width:70%}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .content h3{color:#ee3a3b;font-size:16px;margin-bottom:.5rem}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .meta{display:flex;align-items:center;width:40%;padding-left:.5rem}.border-dashed{border-left:2px dashed #707070}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .meta .btn{width:100%;text-align:center}.banner-motorcycle>.content{justify-content:end;background-image:url('/assets/images/motorcycle_insurance/Slider image_heading.png');background-repeat:no-repeat;background-position:left center;background-size:auto}.banner-motorcycle.en>.content{background-image:url('/assets/images/motorcycle_insurance/Slider image_heading_eng.png');background-size:40% auto;background-position-y:30%}.section .flex,.section .flex-2,.section .flex-3,.section .flex-4,.section-best-choice .best-choices{display:flex;flex-wrap:wrap}.section .flex-4 .flex-item{flex:1 0 21%}.section .flex-3 .flex-item{flex:1 0 31%}.MotorcycleQuoteForm .detail .fieldwrapper.motorScooter>label,.section .flex-2 .flex-item{flex:1 0 45%}.section-best-choice .best-choices .choice{padding:35px}.MotorcycleQuoteForm .detail .fieldwrapper.error .label,.MotorcycleQuoteForm .detail .fieldwrapper.error label,.section-best-choice .best-choices .choice h3{color:#ee3a3b}.section-best-choice .best-choices .choice .image{border-bottom:1px solid #707070}.section-best-choice .best-choices .choice .image img{width:auto;height:46px}.section-best-choice .best-choices .choice .text .title{margin-bottom:.5rem}.section-best-choice .best-choices .choice .text .description span a:hover{color:#01b0de;text-decoration:none}.section-motorinsurance-info .motorinsurance-infos .motorinsurance-info{padding:24px}.section-motorinsurance-info .motorinsurance-infos .motorinsurance-info .card{box-shadow:0 3px 6px #00000029;border-radius:10px;height:100%;display:flex;flex-direction:column}.section-motorinsurance-info .motorinsurance-infos .motorinsurance-info .image img{width:100%;height:auto;border-radius:10px 10px 0 0}.section-motorinsurance-info .motorinsurance-infos .motorinsurance-info .text{padding:12px!important;position:relative;height:100%;display:flex;align-items:center;justify-content:center}.section-motorinsurance-info .motorinsurance-infos .motorinsurance-info .text .title{font-size:16px;text-align:center;margin-bottom:5px;font-weight:400}.section-motorinsurance-info .motorinsurance-infos .motorinsurance-info .text .title a{color:#525252}.section-motorinsurance-info .motorinsurance-infos .motorinsurance-info .text .title a:hover{text-decoration:none}.section .icon-next{position:absolute;width:20px;height:20px;background-color:#c80000;border-radius:50%;right:50%;bottom:-10px}.section .icon-next::before{content:"";width:10px;height:10px;top:50%;left:50%;color:#fff;position:absolute;display:inline-block;border-top:3px solid;border-left:3px solid;transform:translate(-60%,-45%) rotateZ(135deg)}.banner .btn button{background-color:#ee3a3b;font-size:18px;font-weight:600}.MotorcycleQuoteForm .detail{display:flex;flex-direction:column}.MotorcycleQuoteForm .detail.personalDetail{flex-wrap:wrap;flex-direction:row;padding:40px}.MotorcycleQuoteForm .detail .fieldwrapper{display:flex;flex-flow:wrap;padding:5px}.MotorcycleQuoteForm .detail .fieldwrapper>label{flex:1 0 30%}.MotorcycleQuoteForm .detail .fieldwrapper>.inputFieldGroup,.MotorcycleQuoteForm .detail .fieldwrapper>input,.MotorcycleQuoteForm .detail .fieldwrapper>select{flex:1 0 65%;width:65%;border:unset}.MotorcycleQuoteForm .detail .fieldwrapper.error>input,.MotorcycleQuoteForm .detail .fieldwrapper.error>select{border:1px solid #ee3a3b}.MotorcycleQuoteForm .detail .fieldwrapper.motorScooter>.inputFieldGroup{flex:1 0 50%;display:flex;align-items:center;justify-content:center}.MotorcycleQuoteForm .detail .fieldwrapper>.inputRadioGroup label{flex:1;text-align:center}.MotorcycleQuoteForm .detail .fieldwrapper>.error,.MotorcycleQuoteForm .detail.personalDetail .fieldwrapper.longQuestion,.MotorcycleQuoteForm .detail.personalDetail .fieldwrapper.longQuestion .label{flex:1 0 100%}.MotorcycleQuoteForm .detail .btn{width:100%;display:flex;justify-content:center}.MotorcycleQuoteForm .detail .intro{width:35%}.MotorcycleQuoteForm .detail.personalDetail h2,.MotorcycleQuoteForm .intro h1,.MotorcycleQuoteForm .intro p{margin:0}.MotorcycleQuoteForm .detail .btn input[type=submit]{width:35%;color:#fff;background-color:#ee3a3b;border:unset;padding:.5rem 3rem;cursor:pointer;min-width:fit-content}.MotorcycleQuoteForm .detail.motorDetail .btn{display:flex}.MotorcycleQuoteForm .detail.personalDetail .row{display:flex;flex-wrap:wrap;flex:1 0 100%;padding:.25rem 0}.MotorcycleQuoteForm .detail.personalDetail .fieldwrapper{flex:1 0 auto}.MotorcycleQuoteForm .detail.personalDetail .fieldwrapper>label{flex:none;padding-right:5px}.horizontal-line{display:flex;flex-direction:row;width:100%}.horizontal-line::after,.horizontal-line::before{content:"";flex:1 1;border-bottom:1px solid #fff;margin:auto}.horizontal-line::before{margin-right:.5rem}.horizontal-line::after{margin-left:.5rem}.horizontal-line.right::before{flex:unset;margin:0}.horizontal-line.hr{width:100%;height:1rem;margin-bottom:1rem}.horizontal-line.hr::after,.horizontal-line.hr::before{margin:auto}.modal{position:fixed;z-index:10000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);display:block;transition:1s}.animate-top,.card-permium .detail-person ul li,.line-through,.section-table{position:relative}.modal .modal-content{background-color:#201e1e;color:#fff;margin:auto;padding:20px;width:min-content;display:flex;flex-direction:column;flex-wrap:nowrap;position:relative}.modal .close{color:#aaa;float:right;font-size:28px;font-weight:700;position:absolute;top:20px;right:calc(20px + 40px)}.modal .close:focus,.modal .close:hover{color:#000;text-decoration:none;cursor:pointer}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@media screen and (max-width:985px){.planlanding2 .section-process::before{width:200vw;max-width:985px}}.line-through::before{content:"";position:absolute;border-top:1px solid;border-color:inherit;transform:rotate(-15deg);left:0;top:50%;right:0}.section-premium>.title{flex:1 0 100%;text-align:left!important}.card-permiums{margin-top:50px;gap:1rem}.card-permium{box-shadow:inset 0 1px 1px 1px #00000029;border-radius:25px;border:1px solid #00000029;width:100%}.card-permium>.text{padding:1rem;font-size:20px}.card-permium .detail-person{background:no-repeat padding-box #333;border-radius:25px 25px 0 0;box-shadow:inset 0 2px 3px #fffFFFB3;color:#fff;position:relative;padding-top:2rem}.section-process::before,.section-table::before{background:#fdf6f6;content:"";width:100vw;left:50%;transform:translateX(-50%)}.card-permium .detail-person ul{margin:0;padding-left:24px;line-height:27px}.card-permium .detail-person ul li::before{position:absolute;content:"";display:block;width:12px;height:12px;top:8px;left:-20px;background:linear-gradient(140deg,#8d8d8d 0,#fff 100%) no-repeat padding-box;border-radius:50%;box-shadow:0 0 4px #00000066}.card-permium .detail-person .img-person{position:absolute;top:-50px;right:5%}.card-permium .detail-person span{color:#9ce5ff}.card-permium .detail-car{font-size:21px;padding-bottom:0}.card-permium .detail-car .label-year span{font-size:16px;background:#d31117;padding:0 .75rem;border-radius:12px;color:#fff}.card-permium .detail-car .image-car{font-family:Arial;display:flex;border-bottom:2px dashed #707070;padding-bottom:1rem;color:#000;height:80px}.card-permium .detail-car .image-car .text{flex:1 0 60%;font-weight:700;display:flex;flex-direction:column;justify-content:center;line-height:24px}.card-permium .detail-car .image-car .text .label{font-size:16px;font-weight:400}.card-permium .detail-car .image-car .image{flex:1 0 auto;align-items:center;display:flex;justify-content:center}.card-permium .detail-price{font-size:21px}.card-permium .detail-price .price-original{display:flex;justify-content:space-between;align-items:center}.card-permium .detail-price .price-original .original .label{font-weight:700}.card-permium .detail-price .price-original .original .price{font-family:Arial}.card-permium .detail-price .price-original .discount{font-weight:700;color:#0c71c9;font-size:29px;font-family:Arial}.card-permium .detail-price>.price{font-size:48px;color:#d31117;font-weight:700;font-family:Arial}.table-round{border:1px solid transparent!important}.table-round tr:first-child,.table-round tr:last-child{background-color:transparent}.table-round tr:first-child td:first-child{border-top-left-radius:25px}.table-round tr:first-child td:last-child{border-top-right-radius:25px}.table-round tr:last-child td:first-child{border-bottom-left-radius:25px}.table-round tr:last-child td:last-child{border-bottom-right-radius:25px}.planlanding2 .summary .innerwrapper{overflow:unset}.section-process{position:relative;padding:30px 0}.section-process h2,.section-process p{z-index:1}.section-process::before{position:absolute;height:100%;top:0}.section-table::before{position:absolute;height:40%;bottom:-80px;z-index:-1}.table-faq tr:first-child td{background-color:#3a3a3a!important}.faq .answer .answer-side ul li{list-style:disc!important;padding-left:18px;position:relative;font-size:16px}.faq .answer .answer-side ul li::before{content:"●";position:absolute;left:0;color:#000}.faq .answer .answer-side ul li span{color:#000}@media screen and (max-width:640px){.section{margin-bottom:40px}.section .grid{width:100%}.section .grid.description.left,.section .grid.description.right,.section-process .tab-timeline .tab-timeline-description-container{padding:0}.section .grid.description.right{margin-top:20px}.planlanding2 .section3 .kwiksure-point-information ul li{width:100%;justify-content:left}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .description .content,.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .description .image,.section3 .kwiksure-point-information ul li .text{width:auto}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content{display:flex;flex-direction:column}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .image{padding:.25rem}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .image img{width:auto;max-width:100px}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .description{width:100%;padding:1.5rem;flex-direction:column}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .description .image img{width:auto;max-width:unset}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .content{padding:1rem 0;text-align:center}.process-motorcycle.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .content{text-align:left}.section-process .tab-timeline .tab-timeline-description-container .process-panel .panel-content .meta{width:100%;padding:1.5rem}.border-dashed{border-top:2px dashed #707070;border-left:unset;padding:2.5rem 0 0}.banner-motorcycle{background-image:url('/assets/images/motorcycle_insurance/Slider image_mobile.png')!important}.planlanding2 .banner.banner-motorcycle .intro{width:85%}.banner-motorcycle>.content{background-image:none;height:calc(100vh - 60px)!important}.banner-motorcycle.en>.content{background-image:none}.section .flex-2 .flex-item,.section .flex-3 .flex-item,.section .flex-4 .flex-item{flex:1 0 51%}.MotorcycleQuoteForm .detail.personalDetail,.section-best-choice .best-choices .choice,.section-motorinsurance-info .motorinsurance-infos .motorinsurance-info{padding:12px}.modal{padding-top:55px}.modal .close{top:0;right:5%}.modal .modal-content{width:80%;height:80vh;overflow-x:hidden;overflow-y:auto}.MotorcycleQuoteForm .detail.personalDetail .fieldwrapper>label{flex:1 0 25%}.MotorcycleQuoteForm .detail.personalDetail .fieldwrapper{flex:1 0 100%}.MotorcycleQuoteForm .detail .fieldwrapper>input,.MotorcycleQuoteForm .detail .fieldwrapper>select{max-width:65%}.section-table{overflow-x:auto}.section-premium.section{overflow:auto;padding-bottom:15px}.planlanding2 .card-permiums{margin-top:unset;min-width:985px;flex-wrap:nowrap}.card-permium .detail-person{display:flex;justify-content:space-between;padding-top:1rem}.card-permium .detail-person ul{align-items:center;display:grid}.card-permium .detail-person .img-person{position:relative;top:unset;right:unset}.card-permium .detail-car .image-car{height:auto}.section-table::before{position:relative}.section .flex-3 .flex-item{flex:33.333%}}



@media screen and (max-width: 640px) {
    .planlanding2 .banner .intro {
      width: 100%;
      height: 300px;
      padding: 0;
      background-color: #000000;
      background-image: url('/assets/images/motor_insurance/Motor-insurance-Mobile-400x300-EN.webp');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
  
    }
  
    html[lang=zh] .planlanding2 .banner .intro {
      background-image: url('/assets/images/motor_insurance/Motor-insurance-Mobile-400x300-CN.webp');
    }
  
      .planlanding2 .banner .intro .btn{
        position: absolute;
        top: 50%;
        left: 53%; right: auto;
        border-radius: 8px;
        overflow: hidden;
      }
  
      html[lang=zh] .planlanding2 .banner .intro .btn{
        left: 63%; right: auto;
      }
  
      .planlanding2 .banner .intro h1, .planlanding2 .banner .intro p{
        display: none;
      }
  
    .contentwrapper > .content{
      padding: 0px;
    }
  
  
  
    .section .grid.images-side .mobile_hide{
      display: none;
    }
  
  }
  
  @media screen and (max-width: 360px) {
    .planlanding2 .banner .intro .btn{
      right: 6%; left: auto;
    }
    html[lang=zh] .planlanding2 .banner .intro .btn{
      right: 6%; left: auto;
    }
    
  }