body {
    color: #000;
}
.btn { border-radius: 50rem;text-transform: capitalize;margin:0;white-space:nowrap;}
  .btn-primary,.btn-primary:focus, .btn-primary.focus { background-color: #FF6544; border-color: #FF6544; color: #FFFFFF; }
  .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active { background-color: #F16500; border-color: #F16500;}
  .btn-outline-primary {border-color: #FF6544; color: #FF6544; }
  .btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle {border-color: #FF6544;background-color: #FF6544;color: #fff;}
  .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active { background-color: #F55430; border-color: #F55430;}
  .btn-white,.btn-white:hover {color: #FF6544;}
  .btn-outline-white:hover {border-color: #FF6544;color: #FF6544;}
  .btn-primary:focus, .btn-primary.focus,.btn-outline-primary:focus, .btn-outline-primary.focus {box-shadow: none;}
  .text-primary{color: #FF6544 !important;}
  a.text-primary:hover{color:#DB3D27 !important;}
  .bg-primary {background-color:#FF6544!important;}
  .text-gray-1 {color: #444444;}
  .text-gray-2 {color: #636363;}
  .text-gray-3 {color: #787878;}
  .text-gray-4 {color: #A1A1A1;}
  .line-height-100 {line-height: 1;}
  
  .float-download-virbo1 {display:none !important;}
      body {overflow-x: hidden;}
      main{max-width: 2560px;margin: 0 auto;}
      main .btn {margin: 0;}
      .font-size-42 {font-size: 42px;line-height: 125%;font-weight: 600;}
      .z-index-2{
        z-index: 2;
      }
      .border-radius-16 {border-radius: 1rem;}
      .border-radius-24 {border-radius: 1.5rem;}
      .opacity-80 {opacity: 0.8;}
      .common-pagination .swiper-pagination-bullet{opacity: 1;background-color: #E2E2E2;}
      .common-pagination .swiper-pagination-bullet-active {background-color: #FF6544;}
      main .wsc-icon svg {width: auto;height: 100%;display: inline-block;}
      .btn-outline-primary:hover svg path{fill: #fff;}
      .text-color1 {color: #323539;}
      .text-color2 {color: #6A6A6A;}
      .text-color3 {color: #686776;}
     
      .part-banner h1 {font-size: 64px;letter-spacing: -3px;font-weight: 500;}
      .part-banner {margin: 0 4rem;border-radius: 1rem;background: linear-gradient(360deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(269deg, #FFEFBB -1.56%, rgba(255, 242, 236, 0.45) 39.72%, #FFE0DD 99.47%), #FFF;}
      .banner-con{position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 2;max-width: 1300px;}
      .video-lg{    
        position: absolute;
        width: auto;
        height: 100%;
        min-width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
      }
      .part-banner .breadCrumbs a {color: #000;}
      /*.banner-right{position: absolute;top: 0;right: 0;height: 100%;overflow:hidden;width:55%;}*/
      
      .part-badget .badget-list {display: flex;width: max-content;animation: ToRightRolling 50s linear infinite;}
      .part-badget .badget-list .badget-item {width: 210px;margin: 0 1rem;}

      .part-what {margin: 0 4rem;border-radius: 2rem;background: linear-gradient(290.38deg, #F4F7FF -5.29%, #EFF3FF 100%);}

      .part-how .how-thumbs {list-style: none;color: #6A6A6A;padding: 0;margin: 0;border-left: 2px solid #DFDFDF;}
      .part-how .how-thumbs .thumb-item {padding-left: 4.75rem;position: relative;}
      .part-how .how-thumbs .thumb-item:not(:last-child) {margin-bottom: 1.875rem;}
      .part-how .how-thumbs .thumb-item::before {content: '';width: 4px;height: 100%;background: #FF6544;border-radius: 50rem;position: absolute;left: -3px;top: 0;opacity: 0;}
      .part-how .how-thumbs .thumb-item::after {content: '';width: 8px;height: 8px;border-radius: 50%;position: absolute;top: 0;left: -1px;transform: translate(-50%,0);background-color: #FF6544;box-shadow: 0 0 0 4px rgba(255, 101, 68, 0.2);opacity: 0;}
      .part-how .how-thumbs .thumb-item.active .font-size-extra {color:#FF6544;}
      .part-how .how-thumbs .thumb-item.active::before,.part-how .how-thumbs .thumb-item.active::after {opacity: 1;} 

      .part-features .box-style {height: 100%;border-radius: 1rem;padding: 2rem 0;color: var(--textColor);background-size: cover;background-position: center right;background-color: #fff;background-repeat: no-repeat;}

      .part-types {margin: 0 4rem;background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),linear-gradient(356.75deg, #FFFFFF -34.03%, rgba(255, 255, 255, 0.24) 104.95%),linear-gradient(94.49deg, #FFF1BE -1.9%, #FFB78D 35.77%, #FFA7A7 79.72%, #DEBDFF 118.65%);border-radius: 2rem;}
      .part-types .types-wrapper {border-radius: 1rem;overflow: hidden;box-shadow: 0px 4px 48.2px 0px #F14F4F1C;background-color: #fff;}
      .part-types .type-thumbs {list-style: none;color: #6A6A6A;padding: 1rem 2.75rem 0 2.75rem;margin: 0;}
      .part-types .type-thumbs .thumb-item:not(:last-child) {margin-bottom: .25rem;}
      .part-types .type-thumbs .thumb-item .d-flex {color: #000;}
      .part-types .type-thumbs .thumb-item .d-flex .type-icon {transition: all .3s linear;}
      .part-types .type-thumbs .thumb-item.active .d-flex {color: #FF6544;}
      .part-types .type-thumbs .thumb-item.active .d-flex .type-icon {transform: rotate(90deg);}
      .part-types .type-thumbs .thumb-item.active {margin-bottom: 1.25rem;}

      #accordion { counter-reset: list-number; }
      #accordion .list-group-item { background: transparent; padding: 1.5rem 0;color: #000000;border: none;}
      #accordion .list-group-item:not(:last-child) { border-bottom: 1px solid #E2E2E2;}
      #accordion .list-group-item [data-toggle="collapse"]::before { counter-increment: list-number; content: counter(list-number, decimal-leading-zero); position: absolute; top: 1.3rem; left: 0; font-size: 1.5rem; font-weight: bold; line-height: 1.2;color:rgba(68, 68, 68, .3);}
      #accordion h5{ font-weight: 400;}
      #accordion [aria-expanded="true"] h5{ font-weight: 700;color: #FF6544;}
      #accordion [aria-expanded="true"] .wsc-svg-arrow-down {transform: rotate(180deg);color: #FF6544;}
      #accordion [data-toggle="collapse"], #accordion [data-parent="#accordion"] { padding-left: 3.375rem; }
      #accordion [data-parent="#accordion"] p { padding-top: 0.75rem; }
      #accordion [data-parent="#accordion"] {max-width: 1050px;}

      .part-customer .box-style {height: 414px;background-color: #FF6544;background-size: 100% auto;background-repeat: no-repeat;background-position: center top;border-radius: 1.25rem;overflow: hidden;position: relative;}
      .part-customer .box-style::before {content: '';width: 2.125rem;height: 2.125rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4yIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfNV8xODE2OSkiPgo8cGF0aCBkPSJNMTAuOTE3IDE1LjcyMUMxMC4wNzY5IDE1LjQ3OTIgOS4yMzY4MiAxNS4zNTY0IDguNDE5NjMgMTUuMzU2NEM3LjE1NzcxIDE1LjM1NjQgNi4xMDQ3NCAxNS42NDQ4IDUuMjg4MjYgMTUuOTk4QzYuMDc1NCAxMy4xMTYzIDcuOTY2MzEgOC4xNDQwNyAxMS43MzMxIDcuNTg0MTJDMTIuMDgyIDcuNTMyMjQgMTIuMzY3OCA3LjI4IDEyLjQ2MyA2Ljk0MDQ1TDEzLjI4NjMgMy45OTU4MkMxMy4zNTU3IDMuNzQ2NzkgMTMuMzE0NSAzLjQ4MDI0IDEzLjE3MjUgMy4yNjQxM0MxMy4wMzA1IDMuMDQ4MDIgMTIuODAyMiAyLjkwMzgzIDEyLjU0NjQgMi44Njg3N0MxMi4yNjg0IDIuODMwODQgMTEuOTg1IDIuODExNTIgMTEuNzA0MSAyLjgxMTUyQzcuMTgyNzYgMi44MTE1MiAyLjcwNTAzIDcuNTMwODEgMC44MTU1NDUgMTQuMjg4MUMtMC4yOTM2MDEgMTguMjUyNCAtMC42MTg4MzEgMjQuMjEyNSAyLjExMzI1IDI3Ljk2NEMzLjY0MjA4IDMwLjA2MzIgNS44NzI1MyAzMS4xODQxIDguNzQyNzIgMzEuMjk2MUM4Ljc1NDUyIDMxLjI5NjUgOC43NjU5NyAzMS4yOTY4IDguNzc3NzggMzEuMjk2OEMxMi4zMTkyIDMxLjI5NjggMTUuNDU5NSAyOC45MTE4IDE2LjQxNDggMjUuNDk3NEMxNi45ODU1IDIzLjQ1NjIgMTYuNzI3NSAyMS4zMTU1IDE1LjY4NzggMTkuNDY4MkMxNC42NTkxIDE3LjY0MTcgMTIuOTY1IDE2LjMxMDMgMTAuOTE3IDE1LjcyMVoiIGZpbGw9IiNGRjg5NzAiLz4KPHBhdGggZD0iTTMzLjA4NTEgMTkuNDY4NkMzMi4wNTY1IDE3LjY0MTcgMzAuMzYyNCAxNi4zMTAzIDI4LjMxNDQgMTUuNzIxQzI3LjQ3NDMgMTUuNDc5MiAyNi42MzQyIDE1LjM1NjQgMjUuODE3NCAxNS4zNTY0QzI0LjU1NTUgMTUuMzU2NCAyMy41MDIxIDE1LjY0NDggMjIuNjg1NiAxNS45OThDMjMuNDcyOCAxMy4xMTYzIDI1LjM2MzcgOC4xNDQwNyAyOS4xMzA5IDcuNTg0MTJDMjkuNDc5NyA3LjUzMjI0IDI5Ljc2NTIgNy4yOCAyOS44NjA3IDYuOTQwNDVMMzAuNjg0IDMuOTk1ODJDMzAuNzUzNCAzLjc0Njc5IDMwLjcxMjMgMy40ODAyNCAzMC41NzAyIDMuMjY0MTNDMzAuNDI4NiAzLjA0ODAyIDMwLjIwMDMgMi45MDM4MyAyOS45NDQxIDIuODY4NzdDMjkuNjY2NSAyLjgzMDg0IDI5LjM4MzEgMi44MTE1MiAyOS4xMDE5IDIuODExNTJDMjQuNTgwNSAyLjgxMTUyIDIwLjEwMjggNy41MzA4MSAxOC4yMTI5IDE0LjI4ODFDMTcuMTA0MSAxOC4yNTI0IDE2Ljc3ODkgMjQuMjEyNSAxOS41MTEzIDI3Ljk2NDdDMjEuMDM5OCAzMC4wNjM1IDIzLjI3MDYgMzEuMTg0OCAyNi4xNDA1IDMxLjI5NjVDMjYuMTUyMyAzMS4yOTY4IDI2LjE2MzcgMzEuMjk3MiAyNi4xNzU5IDMxLjI5NzJDMjkuNzE2OSAzMS4yOTcyIDMyLjg1NzYgMjguOTEyMSAzMy44MTI5IDI1LjQ5NzdDMzQuMzgyOCAyMy40NTY1IDM0LjEyNDUgMjEuMzE1NSAzMy4wODUxIDE5LjQ2ODZaIiBmaWxsPSIjRkY4OTcwIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNV8xODE2OSI+CjxyZWN0IHdpZHRoPSIzNC4xMDkxIiBoZWlnaHQ9IjM0LjEwOTEiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');background-size: 100% auto;background-repeat: no-repeat;background-position: center;position: absolute;top: 1rem;left: 1rem;}
      .part-customer .box-style::after {content: '';position: absolute;width: 100%;height: 43.4%;left: 0;top: 34.3%;background: linear-gradient(180deg, rgba(255, 101, 68, 0) 0%, #FF6544 100%);}
      .part-customer .box-style .box-content {position: absolute;left: 0;bottom: 0;width: 100%;height: auto;color: #fff;padding: 1.25rem 2rem;z-index: 1;}
      .part-customer .star-group {display: flex;align-items: center;}
      .part-customer .star-group .star-fill,.part-customer .star-group .star-half-fill {display: inline-block;width: 1.125rem;height: 1.125rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUzNiAxLjE1NTQzQzEwLjcwNCAwLjczNzE5MSAxMS4yOTYgMC43MzcxOSAxMS40NjQgMS4xNTU0MkwxMy45ODY1IDcuNDM3MDlDMTQuMDU4MSA3LjYxNTIgMTQuMjI1MiA3LjczNjY0IDE0LjQxNjcgNy43NDk2M0wyMS4xNzA0IDguMjA3NTZDMjEuNjIwMSA4LjIzODA1IDIxLjgwMyA4LjgwMTE1IDIxLjQ1NzIgOS4wOTAxMkwxNi4yNjI1IDEzLjQzMDNDMTYuMTE1MiAxMy41NTM0IDE2LjA1MTMgMTMuNzQ5OSAxNi4wOTgyIDEzLjkzNkwxNy43NDk3IDIwLjUwMDdDMTcuODU5NiAyMC45Mzc4IDE3LjM4MDYgMjEuMjg1OCAxNi45OTg5IDIxLjA0NjJMMTEuMjY1OSAxNy40NDY5QzExLjEwMzMgMTcuMzQ0OSAxMC44OTY3IDE3LjM0NDkgMTAuNzM0MSAxNy40NDY5TDUuMDAxMDkgMjEuMDQ2MkM0LjYxOTM4IDIxLjI4NTggNC4xNDAzOSAyMC45Mzc4IDQuMjUwMzUgMjAuNTAwN0w1LjkwMTg0IDEzLjkzNkM1Ljk0ODY2IDEzLjc0OTkgNS44ODQ4MSAxMy41NTM0IDUuNzM3NTMgMTMuNDMwM0wwLjU0MjgxNyA5LjA5MDEyQzAuMTk2OTUyIDguODAxMTUgMC4zNzk5MTEgOC4yMzgwNSAwLjgyOTU3NiA4LjIwNzU2TDcuNTgzMzEgNy43NDk2M0M3Ljc3NDc5IDcuNzM2NjQgNy45NDE5NSA3LjYxNTIgOC4wMTM0NyA3LjQzNzFMMTAuNTM2IDEuMTU1NDNaIiBmaWxsPSIjRjJDQjUxIi8+Cjwvc3ZnPgo=');background-size: 100% auto;margin-right: 0.25rem;}
      .part-customer .star-group .star-half-fill {background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUzNiAxLjE1NTQzQzExLjcwNCAwLjczNzE5MSAxMi4yOTYgMC43MzcxOSAxMi40NjQgMS4xNTU0MkwxNC45ODY1IDcuNDM3MDlDMTUuMDU4MSA3LjYxNTIgMTUuMjI1MiA3LjczNjY0IDE1LjQxNjcgNy43NDk2M0wyMi4xNzA0IDguMjA3NTZDMjIuNjIwMSA4LjIzODA1IDIyLjgwMyA4LjgwMTE1IDIyLjQ1NzIgOS4wOTAxMkwxNy4yNjI1IDEzLjQzMDNDMTcuMTE1MiAxMy41NTM0IDE3LjA1MTMgMTMuNzQ5OSAxNy4wOTgyIDEzLjkzNkwxOC43NDk3IDIwLjUwMDdDMTguODU5NiAyMC45Mzc4IDE4LjM4MDYgMjEuMjg1OCAxNy45OTg5IDIxLjA0NjJMMTIuMjY1OSAxNy40NDY5QzEyLjEwMzMgMTcuMzQ0OSAxMS44OTY3IDE3LjM0NDkgMTEuNzM0MSAxNy40NDY5TDYuMDAxMDkgMjEuMDQ2MkM1LjYxOTM4IDIxLjI4NTggNS4xNDAzOSAyMC45Mzc4IDUuMjUwMzUgMjAuNTAwN0w2LjkwMTg0IDEzLjkzNkM2Ljk0ODY2IDEzLjc0OTkgNi44ODQ4MSAxMy41NTM0IDYuNzM3NTMgMTMuNDMwM0wxLjU0MjgyIDkuMDkwMTJDMS4xOTY5NSA4LjgwMTE1IDEuMzc5OTEgOC4yMzgwNSAxLjgyOTU4IDguMjA3NTZMOC41ODMzMSA3Ljc0OTYzQzguNzc0NzkgNy43MzY2NCA4Ljk0MTk1IDcuNjE1MiA5LjAxMzQ3IDcuNDM3MUwxMS41MzYgMS4xNTU0M1oiIGZpbGw9IiNGMkNCNTEiIGZpbGwtb3BhY2l0eT0iMC4yIi8+CjxtYXNrIGlkPSJtYXNrMF8yNTZfMzA4MyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMSIgeT0iMCIgd2lkdGg9IjExIiBoZWlnaHQ9IjI0Ij4KPHJlY3QgeD0iMS43MTQzNiIgd2lkdGg9IjEwLjI4NTciIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzI1Nl8zMDgzKSI+CjxwYXRoIGQ9Ik0xMS41MzYgMS4xNTU0M0MxMS43MDQgMC43MzcxOTEgMTIuMjk2IDAuNzM3MTkgMTIuNDY0IDEuMTU1NDJMMTQuOTg2NSA3LjQzNzA5QzE1LjA1ODEgNy42MTUyIDE1LjIyNTIgNy43MzY2NCAxNS40MTY3IDcuNzQ5NjNMMjIuMTcwNCA4LjIwNzU2QzIyLjYyMDEgOC4yMzgwNSAyMi44MDMgOC44MDExNSAyMi40NTcyIDkuMDkwMTJMMTcuMjYyNSAxMy40MzAzQzE3LjExNTIgMTMuNTUzNCAxNy4wNTEzIDEzLjc0OTkgMTcuMDk4MiAxMy45MzZMMTguNzQ5NyAyMC41MDA3QzE4Ljg1OTYgMjAuOTM3OCAxOC4zODA2IDIxLjI4NTggMTcuOTk4OSAyMS4wNDYyTDEyLjI2NTkgMTcuNDQ2OUMxMi4xMDMzIDE3LjM0NDkgMTEuODk2NyAxNy4zNDQ5IDExLjczNDEgMTcuNDQ2OUw2LjAwMTA5IDIxLjA0NjJDNS42MTkzOCAyMS4yODU4IDUuMTQwMzkgMjAuOTM3OCA1LjI1MDM1IDIwLjUwMDdMNi45MDE4NCAxMy45MzZDNi45NDg2NiAxMy43NDk5IDYuODg0ODEgMTMuNTUzNCA2LjczNzUzIDEzLjQzMDNMMS41NDI4MiA5LjA5MDEyQzEuMTk2OTUgOC44MDExNSAxLjM3OTkxIDguMjM4MDUgMS44Mjk1OCA4LjIwNzU2TDguNTgzMzEgNy43NDk2M0M4Ljc3NDc5IDcuNzM2NjQgOC45NDE5NSA3LjYxNTIgOS4wMTM0NyA3LjQzNzFMMTEuNTM2IDEuMTU1NDNaIiBmaWxsPSIjRjJDQjUxIi8+CjwvZz4KPC9zdmc+');}

      .part-discover .box-style {display: flex;flex-direction: column;justify-content: space-between;height: 100%;background-color: #fff;border-radius: 1rem;overflow: hid;border: 2px solid rgba(104, 103, 118, .2);color: #000;text-decoration: none;transition: all .3s linear;}
      .part-more .box-style {display: flex;align-items: center;justify-content: center;border-radius: .5rem;background-color: #fff;border: 1px solid #ddd;color: #000;text-decoration: none;height: 100%;}
      
      
      @media (any-hover) {
        .part-how .how-thumbs .thumb-item:hover .font-size-extra {color:#FF6544;}
        .part-types .type-thumbs .thumb-item:hover .d-flex {color: #FF6544;}
        .part-discover .box-style:hover {color: #FF6544;border-color: #FF6544;box-shadow: 0px 4px 13.9px 0px #FFE4D49E;}
        .part-more .box-style:hover {border-color: #FF6940;background-color: #FFEFEB;color: #FF6544;}
      }

      @media (min-width: 1900px) {
      /*.banner-right{width:auto;}*/
      /*.banner-right video{position: static;transform: translate(0, 0);}*/
      .banner-mask {left: 0%;width:6rem;background: linear-gradient(270.81deg, rgba(255, 230, 226, 0) 13.7%, rgba(255, 236, 233, 0.952835) 45.72%, rgba(255, 244, 240, 0.999) 64.58%, rgba(255, 244, 240,1) 100.88%);}
      }
      @media (min-width: 2080px) {
      .banner-mask {background: linear-gradient(270.81deg, rgba(255, 230, 226, 0) 13.7%, rgba(255, 236, 233, 0.952835) 45.72%, rgba(255, 244, 240, 0.999) 64.58%, rgba(255, 247, 244,1) 100.88%);}
      }
      @media (min-width: 2560px) {
        .banner-con{left:21%;max-width:1180px}
      }
      @media (max-width: 1600px) {
        .part-banner h1 {font-size: 52px;}
        .font-size-42 {font-size: 2.125rem;}
        h3.h2 {font-size: 26px;}
        .display-4 {font-size: 30px;}
        .font-size-super,main h4,main .h4 {font-size: 20px;}
        .banner-con{max-width:1200px}
      }
      @media (max-width: 1600px) {
        .part-banner h1 {font-size: 52px;}
        .font-size-42 {font-size: 2.125rem;}
        h3.h2 {font-size: 26px;}
        .display-4 {font-size: 30px;}
        .font-size-super,main h4,main .h4 {font-size: 20px;}
        /*.banner-right{width:60%;}*/
        /*.banner-right video{left:63%;}*/
      }
      @media (max-width: 1440px) {
        .part-banner,.part-types {margin: 0;border-radius: 0;}
        .part-how .how-thumbs .thumb-item {padding-left: 2.75rem;}
        .part-customer .box-style {height: 340px;}
        .part-customer .box-style .box-content {padding: 1rem;}
      }
      @media (max-width: 1280px) {
        .display-4 {font-size: 26px;}
        main .font-size-extra {font-size: 18px;}
        .part-badget .badget-list .badget-item {width: 150px;}
        .part-what {margin: 0;border-radius: 0;}
        .part-how .how-thumbs .thumb-item:not(:last-child) {margin-bottom: 1rem;}
        .part-features .box-style {padding: 1.5rem 0;}
        .part-types .type-thumbs .thumb-item .d-flex .type-icon {zoom: .8;}
        .part-customer .box-style::after {top: auto;bottom: 0;height: 62%;}
        .banner-con{position: static;transform: translateY(0);}
        .part-banner{padding-top: 0;}
      }
    
      @media (max-width:576px) {
        main .btn {min-width: 80%;}
        .part-banner h1 {font-size: 50px !important;}
        .font-size-42 {font-size: 24px;}
        .display-4 {font-size: 22px;}
        h3.h2 {font-size: 20px;}
        .part-badget .badget-list .badget-item {width: 115px;margin: 0;}
        #accordion [data-toggle="collapse"], #accordion [data-parent="#accordion"] { padding-left: 2.5rem; }
        .part-customer .box-style {height: 260px;}
        .part-more .row {margin-left: -8px;margin-right: -8px;}
        .part-more .col {padding-left: 8px;padding-right: 8px;}
      }

      @keyframes ToRightRolling {
        from {transform: translate3d(0,0,0);}
        to {transform: translate3d(-50%,0,0);}
      }
      .mx-64 {margin-left: 4rem;margin-right: 4rem;}
      .text-color1 {color: rgba(0, 0, 0, .7);}
      .font-size-42 {font-size: 42px;font-weight: 600;letter-spacing: -1px;}
      .border-radius-16 {border-radius: 1rem;}
      .letter-spacing-03 {letter-spacing: -0.03em;}
      .letter-spacing-01 {letter-spacing: -0.01em;}
      .qrcode-box { width: max-content; position: absolute; top: -14px; left: 50%; transform: translate(-50%, 100%); z-index: 2; pointer-events: none; opacity: 0; transition: all .2s ease-in-out; }
			
			.qrcode-box .qrcode-container { background: #FFFFFF; border-radius: 1rem;border: 1px solid #C0C0C0;color: #000;}
      .qrcode-box .wsc-icon-sm svg {width: auto;height: 100%;display: inline-block;}
			main .btn-qrcode:hover ~ .qrcode-box { opacity: 1; bottom: -20px;}
      .mx-64 {margin-left: 4rem;margin-right: 4rem;}
      .text-color1 {color: rgba(0, 0, 0, .7);}
      .font-size-42 {font-size: 42px;font-weight: 600;letter-spacing: -1px;}
      .border-radius-16 {border-radius: 1rem;}
      .letter-spacing-03 {letter-spacing: -0.03em;}
      .letter-spacing-01 {letter-spacing: -0.01em;}
      .qrcode-box { width: max-content; position: absolute; top: -14px; left: 50%; transform: translate(-50%, 100%); z-index: 2; pointer-events: none; opacity: 0; transition: all .2s ease-in-out; }
			
			.qrcode-box .qrcode-container { background: #FFFFFF; border-radius: 1rem;border: 1px solid #C0C0C0;color: #000;}
      .qrcode-box .wsc-icon-sm svg {width: auto;height: 100%;display: inline-block;}
			main .btn-qrcode:hover ~ .qrcode-box { opacity: 1; bottom: -20px;}
			
			.btn-primary, .btn-primary:focus, .btn-primary.focus {
    background-color: #FF6544;
    border-color: #FF6544;
    color: #FFFFFF;
}
@media (max-width: 1600px) {
    .part-banner h1 {
        font-size: 60px;
    }
}
.font-size-large {
    font-size: 1.125rem;
}

.part-features{
	background-color:#ffe7e2;
}