body {
     background-color: #F1F1F1;
 }

 .header-bg {
     background-image: url('../image/tour-services-top.webp');
     background-size: cover;
     background-position: center;
     height: 0;
     padding-top: 37.5%;
     overflow: hidden;
 }

 .faq-intro {
     padding-top: 110px;
 }

 .lead {
     font-family: 'Montserrat', Light;
     font-weight: 300;
     font-size: 24px;
     line-height: 40px;
     color: #333333;
     width: 57%;
     margin: 0 auto;
 }

 .faq-intro-two {
     font-family: 'Montserrat', regular;
     font-size: 20px;
     line-height: 48px;
     font-weight: 400;
     color: #051C2D;
     background-color: rgba(62, 171, 191, 0.1);
     border-radius: 16px;
     padding: 0 12%;
 }

 .quote-image {
     top: -50%;
     left: 18%;
 }

 .quote-image-bottom {
     bottom: -42%;
     right: 22%;
     transform: rotate(180deg);
 }

 .header-text {
     top: clamp(20px, 12.3vw, 232px);
     left: clamp(20px, 3.33vw, 64px);
     font-size: 56px;
     line-height: 80px;
     font-weight: 600;
     background-color: rgba(62, 171, 191, 0.4);
     color: #FFF;
     width: 46%;
 }

 .card-box {
     padding: 0 16px;
 }

 .card-box-con {
     padding: 40px 30px 52px;
     border-radius: 48px;
 }

 .card-box-1 {
     padding-bottom: 98px;
 }

 .card-box-3 {
     padding-bottom: 82px;
 }

 .card-box-4 {
     padding-bottom: 178px;
 }

 .card-box-5 {
     padding-bottom: 142px;
 }

 .card-box-6 {
     padding-bottom: 142px;
 }

 .card-box-7 {
     padding-bottom: 110px;
 }

 .card-box-8 {
     padding-bottom: 290px;
 }

 .card-box-9 {
     padding-bottom: 110px;
 }

 .card-box-10 {
     padding-bottom: 93px;
 }

 .card-box-11 {
     padding-bottom: 142px;
 }

 .card-box-12 {
     padding-bottom: 171px;
 }

 .card-box2 {
     border-radius: 48px;
 }

 .card-box3 {
     margin-bottom: 30px;
     border-radius: 48px;
 }

 .card-box4 {
     border-radius: 48px;
 }

 .card-bg-color1 {
     background-color: #2D83A1;
 }

 .card-bg-color2 {
     background-color: #3EABBF;
 }

 .card-bg-color3 {
     background-color: #FFF;
 }

 .card-font1 {
     font-weight: 500;
     font-family: 'Montserrat', Medium;
     color: #FEFCFC;
     font-size: 24px;
     line-height: 36px;
 }

 .card-font2 {
     font-weight: 400;
     font-family: 'Montserrat', Regular;
     color: #FEFCFC;
     font-size: 18px;
     line-height: 30px;
 }

 .card-font3 {
     font-weight: 500;
     font-family: 'Montserrat', Medium;
     color: #212121;
     font-size: 24px;
     line-height: 36px;
 }

 .card-font4 {
     font-weight: 400;
     font-family: 'Montserrat', Regular;
     color: #666;
     font-size: 18px;
     line-height: 30px;
 }

 .card-font5 {
     font-weight: 400;
     font-family: 'Notable', Regular;
     color: #FFFFFF;
     font-size: 35px;
     line-height: 60px;
     padding-top: 10px;
 }

 .card-font6 {
     font-weight: 400;
     font-family: 'Notable', Regular;
     color: #FFFFFF;
     font-size: 26px;
 }

 .card-font7 {
     font-weight: 500;
     font-family: 'Montserrat', Medium;
     color: #10617D;
     font-size: 28px;
     line-height: 70px;
     padding: 55px 30px 0 30px;
 }

 .card-font8 {
     font-weight: 500;
     font-family: 'Montserrat', Medium;
     color: #FFF;
     font-size: 18px;
     border-radius: 16px;
     line-height: 30px;
 }

 .card-font9 {
     font-weight: 400;
     font-family: 'Montserrat', Regular;
     color: #000;
     font-size: 18px;
     line-height: 30px;
 }

 .card-font10,
 .card-font11 {
     font-weight: 400;
     font-family: 'Montserrat', Regular;
     color: #666666;
     font-size: 18px;
     line-height: 30px;
 }

 .card-font11 {
     padding: 0 90px 20px;
 }

 .card-title0 {
     padding-left: 130px;
     margin-top: 20px;
 }

 .card-title1 {
     padding-left: 90px;
     margin-top: 10px;
 }

 .card-title2 {
     border-radius: 16px;
     padding: 10px 35px;
     font-size: 18px;
     font-family: 'Montserrat', Regular;
     font-weight: 400;
     margin-bottom: 50px;
 }

 .card-bg-img1 {
     background-image: url('../image/yellow-hl.webp');
     background-position: right 20px bottom;
     background-repeat: no-repeat;
 }

 .card-bg-img2 {
     background-image: url('../image/grey-hl.webp');
     background-position: right 20px bottom;
     background-repeat: no-repeat;
 }

 .card-bg-img3 {
     background-image: url('../image/fangzi.webp');
     background-position: center 50px;
     background-repeat: no-repeat;
 }

 .card-bg-img4 {
     background-image: url('../image/map.webp');
     background-position: center;
     background-repeat: no-repeat;
 }



 .card-bg-img6 {
     background-image: url('../image/shop.webp');
     background-position: right 50px top 15px;
     background-repeat: no-repeat;
 }

 .card-bg-img7 {
     background-image: url('../image/map-bg.webp');
     background-position: right 90px center;
     background-repeat: no-repeat;
 }

 .card-bg-img8 {
     background-image: url('../image/bus.svg');
     background-position: left 50px center;
     background-repeat: no-repeat;
 }

 .card-bg-img9 {
     background-image: url('../image/take-off.svg');
     background-position: left 50px center;
     background-repeat: no-repeat;
 }

 .card-bg-img10 {
     background-image: url('../image/train.svg');
     background-position: left 50px center;
     background-repeat: no-repeat;
 }

 .card-bg-img11 {
     background-image: url('../image/tour-bus.svg');
     background-position: left 50px center;
     background-repeat: no-repeat;
 }

 .card-bg-img12 {
     background-image: url('../image/check-small.svg');
     background-position: left 30px top;
     background-repeat: no-repeat;
 }

 .card-box-mt30 {
     margin-bottom: 30px;
 }

 .box-one {
     padding: 135px 100px 0 100px;
 }

 .card-font-t {
     padding-top: 218px;
 }

 .card-font8-span1 {
     border-radius: 16px;
     padding: 10px 35px;
     font-size: 18px;
     font-family: 'Montserrat', Regular;
     font-weight: 400;
 }

 .card-font81 {
     padding-left: 30px;
     margin-bottom: 20px;
 }

 .card-font82 {
     padding-left: 30px;
 }

 .card-bj1 {
     line-height: 40px;
     padding-left: 130px;
     margin-top: 60px;
 }

 .card-bj2 {
     padding: 0 130px 20px;
 }

 .card-bj3 {
     right: 3%;
     top: 1%;
 }

 .card-box4 img {
     width: 100%;
 }

 @media (max-width: 576px) {
     .header-bg {
         padding-top: 80%;
     }

     .header-bg-div {
         height: 14px;
     }

     .header-text {
         top: 64px;
         left: 28px;
         font-size: 24px;
         line-height: 36px;
         width: 85%;
     }

     .faq-intro {
         padding-top: 46px;
         font-size: 14px;
         line-height: 26px;
         font-weight: 300;
     }

     .lead {
         font-size: 14px;
         line-height: 26px;
         width: 88%;
     }

     .quote-image {
         width: 42px;
         top: -12%;
         left: 7%;
     }

     .quote-image-bottom {
         width: 42px;
         bottom: -1%;
         right: 8%;
     }

     .faq-intro-two {
         margin: 0 16px;
         line-height: 30px;
         font-size: 12px;
         margin: -26px 16px 0 16px;
     }

     .card-bg-color-bai {
         background-color: #FFF;
     }

     .box-one {
         padding: 26px 16px 0 16px;
     }

     .card-box-mr30 {
         margin-right: 0;
         margin-bottom: 12px;
     }

     .card-font1,
     .card-font3 {
         font-size: 16px;
         line-height: 24px;
         color: #212121;
     }

     .card-font2,
     .card-font4 {
         font-size: 14px;
         line-height: 21px;
         color: #666666;
         font-family: 'Montserrat', Light;
     }

     .card-bg-img1 {
         background-size: 40px;
         background-image: url('../image/grey-hl.webp');
         background-position: right 20px bottom 5px;
     }

     .card-bg-img2 {
         background-size: 40px;
         background-position: right 20px bottom 6px;
     }

     .card-box {
         padding: 0 12px 12px 12px;
     }

     .card-box-con {
         border-radius: 24px;
     }

     .card-box-1 {
         padding: 20px 14px 60px;
     }

     .card-box-2 {
         padding: 20px 14px 10px;
     }

     .card-box-3 {
         padding: 20px 14px 35px;
     }

     .card-box-4 {
         padding: 20px 14px 65px;
     }

     .card-box-5 {
         padding: 20px 14px 85px;
     }

     .card-box-6 {
         padding: 20px 14px 80px;
     }

     .card-box-7 {
         padding: 20px 14px 80px;
     }

     .card-box-8 {
         padding: 20px 14px 170px;
     }

     .card-box-9 {
         padding: 20px 14px 65px;
     }

     .card-box-10 {
         padding: 20px 14px 80px;
     }

     .card-box-11 {
         padding: 20px 14px 90px;
     }

     .card-box-12 {
         padding: 20px 14px 100px;
     }

     .card-font5 {
         font-size: 24px;
         line-height: 30px;
         letter-spacing: 0.06em;
     }

     .card-bg-img3 {
         background-size: 78px;
     }

     .card-font-t {
         padding-top: 118px;
     }

     .card-font7 {
         font-size: 24px;
         line-height: 40px;
         padding: 36px 50px 0 14px;
     }

     .card-bg-img7 {
         background-size: 90px;
         background-position: right 36px top 60px;
     }

     .card-font8-span1 {
         border-radius: 8px;
         font-size: 12px;
         line-height: 18px;
         margin: auto;
         padding: 10px 10px;
     }

     .card-font81 {
         padding: 0 14px;
         margin-bottom: 0;
     }

     .card-bj1 {
         padding-left: 52px;
         padding-top: 24px;
         margin-top: 0;
     }

     .card-bg-img8 {
         background-size: 24px;
         background-position: left 14px top 26px;
     }

     .card-bg-img9,
     .card-bg-img10,
     .card-bg-img11 {
         background-size: 24px;
         background-position: left 14px top 0;
     }

     .card-bj2 {
         padding: 5px 43px 20px;
     }

     .card-font10,
     .card-font11 {
         font-size: 13px;
         line-height: 20px;
     }

     .card-title0 {
         padding: 0 43px 0px;
         margin-top: 0;
     }

     .card-font9 {
         font-size: 16px;
         line-height: 24px;
     }

     .card-bj3 {
         right: 3%;
         top: 2%;
         width: 95px;
     }

     .card-font82 {
         padding-left: 14px;
         padding-right: 14px;
     }

     .card-bg-img12 {
         background-position: left 14px top;
         background-size: 24px;
     }

     .card-title1 {
         padding-left: 50px;
         margin-top: 20px;
     }

     .card-font11 {
         padding: 0 10px 0 50px;
     }

     .card-pb {
         padding-bottom: 40px;
     }

     .con-mp {
         background-color: #F1F1F1 !important;

     }
 }