@import url(https://fonts.bunny.net/css?family=dm-sans:400,500,700|kanit:700);@import url(../css/vendors/normalize.css);@import url(../css/vendors/bootstrap.min.css);@import url(../css/vendors/uicons-regular-rounded.css);@import url(../css/plugins/swiper-bundle.min.css);@import url(../css/plugins/select2.min.css);@import url(../css/plugins/slick.css);@import url(../css/plugins/animate.min.css);.ptb-30,
.section-padding-30 {
  padding: 30px 0;
}
.ptb-50,
.section-padding-50 {
  padding: 50px 0;
}
.ptb-60,
.section-padding-60 {
  padding: 60px 0;
}
.section-padding {
  padding: 25px 0;
}
.ptb-10 {
  padding: 10px 0;
}
.ptb-20 {
  padding: 20px 0;
}
.ptb-35 {
  padding: 35px 0;
}
.ptb-32 {
  padding: 32px 0;
}
.ptb-40 {
  padding: 40px 0;
}
.ptb-70 {
  padding: 70px 0;
}
.ptb-80 {
  padding: 80px 0;
}
.ptb-90 {
  padding: 90px 0;
}
.ptb-100 {
  padding: 100px 0;
}
.ptb-110 {
  padding: 110px 0;
}
.ptb-120 {
  padding: 120px 0;
}
.ptb-130 {
  padding: 130px 0;
}
.ptb-140 {
  padding: 140px 0;
}
.ptb-150 {
  padding: 150px 0;
}
.ptb-160 {
  padding: 160px 0;
}
.ptb-170 {
  padding: 170px 0;
}
.ptb-177 {
  padding: 177px 0;
}
.ptb-180 {
  padding: 180px 0;
}
.ptb-190 {
  padding: 190px 0;
}
.ptb-200 {
  padding: 200px 0;
}
.ptb-210 {
  padding: 210px 0;
}
.ptb-220 {
  padding: 220px 0;
}
.ptb-290 {
  padding: 290px 0;
}
.ptb-310 {
  padding: 310px 0;
}
.p-10 {
  padding: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-65 {
  padding: 65px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-55 {
  padding-top: 55px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-65 {
  padding-top: 65px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-75 {
  padding-top: 75px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-85 {
  padding-top: 85px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-95 {
  padding-top: 95px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pt-105 {
  padding-top: 105px !important;
}
.pt-110 {
  padding-top: 110px !important;
}
.pt-115 {
  padding-top: 115px !important;
}
.pt-120 {
  padding-top: 120px !important;
}
.pt-125 {
  padding-top: 125px !important;
}
.pt-130 {
  padding-top: 130px !important;
}
.pt-135 {
  padding-top: 135px !important;
}
.pt-140 {
  padding-top: 140px !important;
}
.pt-145 {
  padding-top: 145px !important;
}
.pt-150 {
  padding-top: 150px !important;
}
.pt-155 {
  padding-top: 155px !important;
}
.pt-160 {
  padding-top: 160px !important;
}
.pt-165 {
  padding-top: 165px !important;
}
.pt-170 {
  padding-top: 170px !important;
}
.pt-175 {
  padding-top: 175px !important;
}
.pt-180 {
  padding-top: 180px !important;
}
.pt-185 {
  padding-top: 185px !important;
}
.pt-190 {
  padding-top: 190px !important;
}
.pt-195 {
  padding-top: 195px !important;
}
.pt-200 {
  padding-top: 200px !important;
}
.pt-260 {
  padding-top: 260px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-55 {
  padding-bottom: 55px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-65 {
  padding-bottom: 65px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-75 {
  padding-bottom: 75px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-85 {
  padding-bottom: 85px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-95 {
  padding-bottom: 95px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pb-105 {
  padding-bottom: 105px !important;
}
.pb-110 {
  padding-bottom: 110px !important;
}
.pb-115 {
  padding-bottom: 115px !important;
}
.pb-120 {
  padding-bottom: 120px !important;
}
.pb-125 {
  padding-bottom: 125px !important;
}
.pb-130 {
  padding-bottom: 130px !important;
}
.pb-135 {
  padding-bottom: 135px !important;
}
.pb-140 {
  padding-bottom: 140px !important;
}
.pb-145 {
  padding-bottom: 145px !important;
}
.pb-150 {
  padding-bottom: 150px !important;
}
.pb-155 {
  padding-bottom: 155px !important;
}
.pb-160 {
  padding-bottom: 160px !important;
}
.pb-165 {
  padding-bottom: 165px !important;
}
.pb-170 {
  padding-bottom: 170px !important;
}
.pb-175 {
  padding-bottom: 175px !important;
}
.pb-180 {
  padding-bottom: 180px !important;
}
.pb-185 {
  padding-bottom: 185px !important;
}
.pb-190 {
  padding-bottom: 190px !important;
}
.pb-195 {
  padding-bottom: 195px !important;
}
.pb-200 {
  padding-bottom: 200px !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pl-55 {
  padding-left: 55px !important;
}
.pl-60 {
  padding-left: 60px !important;
}
.pl-65 {
  padding-left: 65px !important;
}
.pl-70 {
  padding-left: 70px !important;
}
.pl-75 {
  padding-left: 75px !important;
}
.pl-80 {
  padding-left: 80px !important;
}
.pl-85 {
  padding-left: 85px !important;
}
.pl-90 {
  padding-left: 90px !important;
}
.pl-95 {
  padding-left: 95px !important;
}
.pl-100 {
  padding-left: 100px !important;
}
.pl-105 {
  padding-left: 105px !important;
}
.pl-110 {
  padding-left: 110px !important;
}
.pl-115 {
  padding-left: 115px !important;
}
.pl-120 {
  padding-left: 120px !important;
}
.pl-125 {
  padding-left: 125px !important;
}
.pl-130 {
  padding-left: 130px !important;
}
.pl-135 {
  padding-left: 135px !important;
}
.pl-140 {
  padding-left: 140px !important;
}
.pl-145 {
  padding-left: 145px !important;
}
.pl-150 {
  padding-left: 150px !important;
}
.pl-155 {
  padding-left: 155px !important;
}
.pl-160 {
  padding-left: 160px !important;
}
.pl-165 {
  padding-left: 165px !important;
}
.pl-170 {
  padding-left: 170px !important;
}
.pl-175 {
  padding-left: 175px !important;
}
.pl-180 {
  padding-left: 180px !important;
}
.pl-185 {
  padding-left: 185px !important;
}
.pl-190 {
  padding-left: 190px !important;
}
.pl-195 {
  padding-left: 195px !important;
}
.pl-200 {
  padding-left: 200px !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-45 {
  padding-right: 45px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pr-55 {
  padding-right: 55px !important;
}
.pr-60 {
  padding-right: 60px !important;
}
.pr-65 {
  padding-right: 65px !important;
}
.pr-70 {
  padding-right: 70px !important;
}
.pr-75 {
  padding-right: 75px !important;
}
.pr-80 {
  padding-right: 80px !important;
}
.pr-85 {
  padding-right: 85px !important;
}
.pr-90 {
  padding-right: 90px !important;
}
.pr-95 {
  padding-right: 95px !important;
}
.pr-100 {
  padding-right: 100px !important;
}
.pr-105 {
  padding-right: 105px !important;
}
.pr-110 {
  padding-right: 110px !important;
}
.pr-115 {
  padding-right: 115px !important;
}
.pr-120 {
  padding-right: 120px !important;
}
.pr-125 {
  padding-right: 125px !important;
}
.pr-130 {
  padding-right: 130px !important;
}
.pr-135 {
  padding-right: 135px !important;
}
.pr-140 {
  padding-right: 140px !important;
}
.pr-145 {
  padding-right: 145px !important;
}
.pr-150 {
  padding-right: 150px !important;
}
.pr-155 {
  padding-right: 155px !important;
}
.pr-160 {
  padding-right: 160px !important;
}
.pr-165 {
  padding-right: 165px !important;
}
.pr-170 {
  padding-right: 170px !important;
}
.pr-175 {
  padding-right: 175px !important;
}
.pr-180 {
  padding-right: 180px !important;
}
.pr-185 {
  padding-right: 185px !important;
}
.pr-190 {
  padding-right: 190px !important;
}
.pr-195 {
  padding-right: 195px !important;
}
.pr-200 {
  padding-right: 200px !important;
}
.plr-5-percent {
  padding: 0 5%;
}
.mtb-10 {
  margin: 10px 0;
}
.mtb-15 {
  margin: 15px 0;
}
.list-features,
.mtb-20 {
  margin: 20px 0;
}
.mtb-30 {
  margin: 30px 0;
}
.mtb-40 {
  margin: 40px 0;
}
.mtb-50 {
  margin: 50px 0;
}
.mtb-60 {
  margin: 60px 0;
}
.mtb-70 {
  margin: 70px 0;
}
.mtb-80 {
  margin: 80px 0;
}
.mtb-90 {
  margin: 90px 0;
}
.mtb-100 {
  margin: 100px 0;
}
.mtb-110 {
  margin: 110px 0;
}
.mtb-120 {
  margin: 120px 0;
}
.mtb-130 {
  margin: 130px 0;
}
.mtb-140 {
  margin: 140px 0;
}
.mtb-150 {
  margin: 150px 0;
}
.mtb-290 {
  margin: 290px 0;
}
.mb-24 {
  margin-bottom: 24px;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-55 {
  margin-top: 55px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-65 {
  margin-top: 65px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-75 {
  margin-top: 75px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-85 {
  margin-top: 85px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-95 {
  margin-top: 95px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mt-105 {
  margin-top: 105px !important;
}
.mt-110 {
  margin-top: 110px !important;
}
.mt-115 {
  margin-top: 115px !important;
}
.mt-120 {
  margin-top: 120px !important;
}
.mt-125 {
  margin-top: 125px !important;
}
.mt-130 {
  margin-top: 130px !important;
}
.mt-135 {
  margin-top: 135px !important;
}
.mt-140 {
  margin-top: 140px !important;
}
.mt-145 {
  margin-top: 145px !important;
}
.mt-150 {
  margin-top: 150px !important;
}
.mt-155 {
  margin-top: 155px !important;
}
.mt-160 {
  margin-top: 160px !important;
}
.mt-165 {
  margin-top: 165px !important;
}
.mt-170 {
  margin-top: 170px !important;
}
.mt-175 {
  margin-top: 175px !important;
}
.mt-180 {
  margin-top: 180px !important;
}
.mt-185 {
  margin-top: 185px !important;
}
.mt-190 {
  margin-top: 190px !important;
}
.mt-195 {
  margin-top: 195px !important;
}
.mt-200 {
  margin-top: 200px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-55 {
  margin-bottom: 55px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-65 {
  margin-bottom: 65px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-75 {
  margin-bottom: 75px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-85 {
  margin-bottom: 85px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-95 {
  margin-bottom: 95px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mb-105 {
  margin-bottom: 105px !important;
}
.mb-110 {
  margin-bottom: 110px !important;
}
.mb-115 {
  margin-bottom: 115px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}
.mb-125 {
  margin-bottom: 125px !important;
}
.mb-130 {
  margin-bottom: 130px !important;
}
.mb-135 {
  margin-bottom: 135px !important;
}
.mb-140 {
  margin-bottom: 140px !important;
}
.mb-145 {
  margin-bottom: 145px !important;
}
.mb-150 {
  margin-bottom: 150px !important;
}
.mb-155 {
  margin-bottom: 155px !important;
}
.mb-160 {
  margin-bottom: 160px !important;
}
.mb-165 {
  margin-bottom: 165px !important;
}
.mb-170 {
  margin-bottom: 170px !important;
}
.mb-175 {
  margin-bottom: 175px !important;
}
.mb-180 {
  margin-bottom: 180px !important;
}
.mb-185 {
  margin-bottom: 185px !important;
}
.mb-190 {
  margin-bottom: 190px !important;
}
.mb-195 {
  margin-bottom: 195px !important;
}
.mb-200 {
  margin-bottom: 200px !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.ml-55 {
  margin-left: 55px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.ml-65 {
  margin-left: 65px !important;
}
.ml-70 {
  margin-left: 70px !important;
}
.ml-75 {
  margin-left: 75px !important;
}
.ml-80 {
  margin-left: 80px !important;
}
.ml-85 {
  margin-left: 85px !important;
}
.ml-90 {
  margin-left: 90px !important;
}
.ml-95 {
  margin-left: 95px !important;
}
.ml-100 {
  margin-left: 100px !important;
}
.ml-105 {
  margin-left: 105px !important;
}
.ml-110 {
  margin-left: 110px !important;
}
.ml-115 {
  margin-left: 115px !important;
}
.ml-120 {
  margin-left: 120px !important;
}
.ml-125 {
  margin-left: 125px !important;
}
.ml-130 {
  margin-left: 130px !important;
}
.ml-135 {
  margin-left: 135px !important;
}
.ml-140 {
  margin-left: 140px !important;
}
.ml-145 {
  margin-left: 145px !important;
}
.ml-150 {
  margin-left: 150px !important;
}
.ml-155 {
  margin-left: 155px !important;
}
.ml-160 {
  margin-left: 160px !important;
}
.ml-165 {
  margin-left: 165px !important;
}
.ml-170 {
  margin-left: 170px !important;
}
.ml-175 {
  margin-left: 175px !important;
}
.ml-180 {
  margin-left: 180px !important;
}
.ml-185 {
  margin-left: 185px !important;
}
.ml-190 {
  margin-left: 190px !important;
}
.ml-195 {
  margin-left: 195px !important;
}
.ml-200 {
  margin-left: 200px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mr-55 {
  margin-right: 55px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mr-65 {
  margin-right: 65px !important;
}
.mr-70 {
  margin-right: 70px !important;
}
.mr-75 {
  margin-right: 75px !important;
}
.mr-80 {
  margin-right: 80px !important;
}
.mr-85 {
  margin-right: 85px !important;
}
.mr-90 {
  margin-right: 90px !important;
}
.mr-95 {
  margin-right: 95px !important;
}
.mr-100 {
  margin-right: 100px !important;
}
.mr-105 {
  margin-right: 105px !important;
}
.mr-110 {
  margin-right: 110px !important;
}
.mr-115 {
  margin-right: 115px !important;
}
.mr-120 {
  margin-right: 120px !important;
}
.mr-125 {
  margin-right: 125px !important;
}
.mr-130 {
  margin-right: 130px !important;
}
.mr-135 {
  margin-right: 135px !important;
}
.mr-140 {
  margin-right: 140px !important;
}
.mr-145 {
  margin-right: 145px !important;
}
.mr-150 {
  margin-right: 150px !important;
}
.mr-155 {
  margin-right: 155px !important;
}
.mr-160 {
  margin-right: 160px !important;
}
.mr-165 {
  margin-right: 165px !important;
}
.mr-170 {
  margin-right: 170px !important;
}
.mr-175 {
  margin-right: 175px !important;
}
.mr-180 {
  margin-right: 180px !important;
}
.mr-185 {
  margin-right: 185px !important;
}
.mr-190 {
  margin-right: 190px !important;
}
.mr-195 {
  margin-right: 195px !important;
}
.mr-200 {
  margin-right: 200px !important;
}
.list-brands {
  display: flex;
  width: 100%;
  border: 1px solid #d5dfe4;
  padding: 16px;
  border-radius: 4px;
  margin: 10px 0 0;
}
.head-main,
.list-brands a,
.nav-tabs,
.nav-tabs li,
.nav-tabs li a {
  display: inline-block;
}
.list-brands a {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 100%;
}
.list-brands a img {
  opacity: 0.3;
  max-height: 15px;
}
.head-main {
  width: 100%;
  padding: 0 0 20px;
  border-bottom: 1px solid #d5dfe4;
  margin-bottom: 30px;
  position: relative;
}
.nav-tabs {
  border-bottom: 0;
  padding-top: 40px;
  text-align: right;
  width: 100%;
  vertical-align: bottom;
}
.nav-tabs li {
  padding: 0 10px;
}
.nav-tabs li a {
  width: 100%;
  padding: 0 10px;
  font-size: 16px;
  line-height: 24px;
  color: #8c9ec5;
}
.nav-tabs li a:hover {
  color: #425a8b;
  font-weight: 400;
}
.nav-tabs li a.active {
  color: #425a8b;
  font-weight: 700;
}
.list-checkbox,
.list-links-disc {
  display: inline-block;
  width: 100%;
  padding: 15px 0 10px;
}
.list-links-disc li {
  margin: 0 0 6px;
  list-style: none;
  transition: 0.2s;
}
.list-links-disc li:hover {
  padding-left: 2px;
  transition: 0.2s;
}
.list-links-disc li a {
  display: block;
  padding: 0 0 0 10px;
  background: url(../imgs/template/icons/arrow-small.svg) left center no-repeat;
  color: #6b83b6;
}
.list-links-disc li a:hover {
  color: #0ba9ed;
  background: url(../imgs/template/icons/arrow-small-hover.svg) left center
    no-repeat;
}
.image-gallery {
  display: table;
  table-layout: fixed;
  margin: 0 -10px 20px;
  width: calc(100% + 20px);
}
.image-gallery .image-big {
  float: left;
  width: 62.5%;
  padding: 0 10px;
}
.image-gallery .image-small {
  float: left;
  width: 37.5%;
  padding: 0 10px;
}
.banner-2 {
  background-color: #dfe7fd;
  padding: 40px 30px;
  height: 470px;
  margin-bottom: 25px;
}
.bg-xbox {
  background-image: url(../imgs/page/homepage1/xbox.png);
  background-position: right bottom;
  background-size: 260px;
  border-radius: 4px;
}
.bg-controller,
.bg-metaverse {
  background-size: auto 80%;
  background-repeat: no-repeat;
  border-radius: 4px;
}
.banner-img-left {
  background-color: #d1ecfd;
  padding: 20px 20px 0 220px;
  height: 225px;
}
.bg-controller {
  background-image: url(../imgs/page/homepage1/controller.png);
  background-position: bottom left 10px;
}
.bg-metaverse {
  background-color: #fff3ea;
  padding: 50px 30px 0;
  height: 225px;
  background-image: url(../imgs/page/homepage1/metaverse.png);
  background-position: bottom right;
}
.bg-electronic {
  background-color: #e8fcff;
  padding: 30px 30px 0;
  text-align: center;
  height: 225px;
  background-image: url(../imgs/page/homepage1/electronic.png);
  background-repeat: no-repeat;
  background-position: bottom 5px center;
  background-size: auto 45%;
  border-radius: 4px;
}
.bg-phone {
  background-color: #ddd3fa;
  padding: 30px 200px 30px 30px;
  height: 225px;
  background-image: url(../imgs/page/homepage1/phone.png);
  background-repeat: no-repeat;
  background-position: bottom right 10px;
  background-size: auto 75%;
  border-radius: 4px;
}
.select2-dropdown {
  border: 1px solid #ececec;
  border-radius: 0 0 4px 4px;
  padding: 15px;
  min-width: 220px;
  top: 8px;
}
.block-drone,
.block-samsung {
  padding: 25px 200px 25px 35px;
  background-repeat: no-repeat;
  background-position: bottom right;
  height: 250px;
}
.block-drone {
  background-image: url(../imgs/page/homepage1/drone.png);
  background-size: auto 150px;
}
.block-samsung {
  background-image: url(../imgs/page/homepage1/samsung.png);
  background-size: auto 220px;
}
.block-iphone {
  background-image: url(../imgs/page/homepage1/iphone-12.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 25px 35px;
  background-size: auto 160px;
  height: 250px;
}
.label-green {
  background-color: #5bc694;
  border-radius: 4px;
  padding: 2px 8px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.list-disc {
  list-style-type: disc;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.btn.btn-gray-1000,
.btn.btn-link-white {
  color: #fff;
}
.lh-65 {
  line-height: 65px;
}
.saleoff {
  position: absolute;
  top: 0;
  left: 0;
  height: 93px;
  width: 106px;
  background: url(../imgs/page/homepage2/saleoff.svg) no-repeat;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #fff;
  font-family: Kanit, sans-serif;
  padding: 25px 0 0 15px;
  border-radius: 8px 0 0;
}
.bg-headphone,
.block-water {
  background-position: right bottom;
}
.list-none-border {
  padding: 15px 0;
  border: 0 !important;
  margin: -10px 0 0;
}
.list-none-border.list-brands a img {
  opacity: 0.3;
  max-height: 100px;
  width: 100%;
  transition: 0.2s;
}
.list-none-border.list-brands a:hover img {
  opacity: 0.8;
  transition: 0.2s;
}
.list-9-col li {
  flex: 0 0 auto;
  width: 11.11%;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 20px;
}
.list-9-col li .box-category {
  border-radius: 4px;
  border: 1px solid #d5dfe4;
  padding: 5px 3px 10px;
}
.list-9-col li .box-category:hover {
  border: 1px solid #8c9ec5;
}
.list-9-col li .box-category .image {
  height: 80px;
  line-height: 80px;
  margin-bottom: 5px;
}
.list-9-col li .box-category .image img {
  max-height: 90%;
  vertical-align: middle;
}
.list-9-col li .box-category .text-info a {
  line-height: 18px;
  display: block;
}
.font-24 {
  font-size: 24px;
  line-height: 24px;
}
.lbl-new-arrival {
  background-color: #a4eee1;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 7px;
}
.box-bdrd-4 {
  border-radius: 4px;
  padding: 30px 20px;
}
.bg-headphone,
.bg-ipad,
.bg-watch {
  padding-bottom: 100px;
  min-height: 315px;
  background-repeat: no-repeat;
}
.bg-headphone {
  background-image: url(../imgs/page/homepage2/headphone.png);
  background-size: 85%;
}
.bg-watch {
  background-image: url(../imgs/page/homepage2/watch.png);
  background-position: center bottom;
  background-size: auto 58%;
}
.bg-ipad {
  background-image: url(../imgs/page/homepage2/ipad.png);
  background-position: left bottom;
  background-size: 80% auto;
}
.box-slider-item .head {
  border-bottom: 1px solid #dde4f0;
  display: inline-block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.swiper-button-prev-style-2,
.swiper-button-prev-style-2:hover {
  top: -62px;
  right: 20px;
  width: 17px;
  background: url(../imgs/page/homepage2/prev.svg) top right no-repeat;
}
.swiper-button-next-style-2,
.swiper-button-next-style-2:hover {
  top: -62px;
  width: 17px;
  background: url(../imgs/page/homepage2/next.svg) top right no-repeat;
}
.box-slide-bg-1 {
  background: url(../imgs/page/homepage3/banner.png) bottom right/70% auto
    no-repeat;
  height: 100%;
  display: inline-block;
  width: 100%;
}
.block-water {
  background-image: url(../imgs/page/homepage3/water.png);
  background-repeat: no-repeat;
  background-size: 55% auto;
  padding-bottom: 40px;
  min-height: 240px;
}
.block-electric,
.block-kitchen {
  background-position: right bottom;
  background-size: 85% auto;
  padding-bottom: 40px;
  min-height: 240px;
  background-repeat: no-repeat;
}
.block-kitchen {
  background-image: url(../imgs/page/homepage3/kitchen.png);
}
.block-electric {
  background-image: url(../imgs/page/homepage3/electric.png);
}
.box-icon-flash {
  padding: 0 0 0 55px;
  background-image: url(../imgs/page/homepage3/flash.svg);
  background-repeat: no-repeat;
  background-position: left -13px top 5px;
}
.box-all-hurry-round {
  background-color: #fff;
  border-radius: 50px;
  padding: 10px 40px 10px 30px;
  bottom: 0;
}
.box-all-hurry-round .box-count.box-count-square .deals-countdown,
.pagination li .page-next:hover,
.pagination li .page-prev:hover {
  background-color: transparent;
}
.box-all-hurry-round .box-count.hide-period {
  bottom: -1px;
}
.box-all-hurry-round .box-text-hurryup {
  padding: 2px 0 2px 50px;
  background-image: url(../imgs/page/homepage3/clock.svg);
  background-repeat: no-repeat;
  background-position: left 0 top 1px;
}
.box-all-hurry-round
  .box-count.box-count-square
  .deals-countdown
  .countdown-amount {
  margin-bottom: 0;
  width: 35px;
}
.banner-ads {
  background: url(../imgs/page/homepage3/bg-ads.png) 0 0 / cover no-repeat;
  padding: 50px 10px;
  position: relative;
}
.banner-ads::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 400px;
  background: url(../imgs/page/homepage3/bg-left-ads.png) bottom right/contain
    no-repeat;
}
.banner-ads::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 350px;
  background: url(../imgs/page/homepage3/bg-right-ads.png) bottom left/contain
    no-repeat;
}
.box-button-control .swiper-button-next-style-2,
.box-button-control .swiper-button-prev-style-2,
.box-button-slider-normal .swiper-button-next,
.box-button-slider-normal .swiper-button-prev {
  right: auto;
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
}
.card-ads-1 .card-grid-inner {
  background: url(../imgs/page/homepage3/bg-kitchen.png) 0 0 / cover no-repeat;
  padding: 20px 0 0;
  border-radius: 4px;
  overflow: hidden;
}
.card-ads-1 .card-grid-inner .image-box {
  margin-bottom: 0;
  height: auto;
  line-height: 100%;
  margin-top: 30px;
  overflow: visible;
}
.card-ads-2 .card-grid-inner {
  background: url(../imgs/page/homepage3/bg-kitchen2.png) bottom right/cover
    no-repeat;
  padding: 20px 0 0;
  border-radius: 4px;
  overflow: hidden;
  height: 100%;
}
.card-ads-2 .card-grid-inner .image-box {
  margin-bottom: 0;
  height: auto;
  line-height: 100%;
  margin-top: 15px;
  overflow: visible;
  text-align: left;
}
.card-ads-2 .card-grid-inner .image-box img {
  max-width: 100%;
  max-height: 260px;
}
.card-ads-2 .box-count.box-count-square .deals-countdown {
  background-color: transparent;
  border-radius: 0;
}
.card-ads-2 .box-count.box-count-square .deals-countdown .countdown-amount {
  width: 35px;
  background-color: #425a8b;
}
.card-ads-2 .box-count.box-count-square .deals-countdown .countdown-section {
  margin-left: 0;
  margin-right: 14px;
}
.card-ads-2 .box-count.hide-period .deals-countdown,
.nav-tabs-account li:first-child,
.nav-tabs-account li:first-child a {
  padding-left: 0;
}
.block-ads-1 {
  background: url(../imgs/page/homepage3/bg-ads-2.png) no-repeat;
  padding: 50px 40px;
}
.block-ads-2 {
  background: url(../imgs/page/homepage3/bg-ads-3.png) no-repeat;
  padding: 50px 40px;
}
.box-sidebar {
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.box-sidebar .head {
  background-color: #fd9636;
  padding: 15px 20px;
  margin-bottom: 10px;
}
.box-button-control {
  text-align: right;
  float: right;
  padding-top: 6px;
}
.block-charge,
.block-player {
  padding: 25px 200px 25px 35px;
  height: 250px;
}
.box-button-control .swiper-button-next-style-2 {
  width: 17px;
  height: 17px;
  background: url(../imgs/page/homepage4/arrow-next-white.svg) center right
    no-repeat;
}
.box-button-control .swiper-button-prev-style-2 {
  width: 17px;
  height: 17px;
  background: url(../imgs/page/homepage4/arrow-prev-white.svg) center right
    no-repeat;
}
.block-charge,
.block-player,
.box-newsletter.bg-brand-2 {
  background-repeat: no-repeat;
}
.box-content .card-grid-style-3 .card-grid-inner .image-box {
  height: 133px;
  line-height: 135px;
}
.block-charge {
  background-image: url(../imgs/page/homepage4/quick-charge.png);
  background-position: top right;
  background-size: auto 100%;
}
.block-player {
  background-image: url(../imgs/page/homepage4/player.png);
  background-position: bottom right;
  background-size: auto 90%;
}
.text-shadow {
  text-shadow: -2px -2px 0 #fff500, 2px 2px 0 #ff6bc4;
}
.h-175 {
  height: 175px;
}
.mh-307 {
  min-height: 307px;
}
.box-promotions {
  border: 3px solid #fd9636;
  padding: 10px;
  height: 501px;
  overflow: hidden;
  border-radius: 4px;
}
.box-promotions img {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 5px;
}
.dropdown .dropdown-menu {
  width: auto;
}
.dropdown .sidebar-left {
  top: auto;
  height: auto;
  padding: 15px 10px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-color: #dde4f0;
}
.dropdown .sidebar-left::before {
  content: "";
  height: auto;
  width: 1px;
  background-color: #dde4f0;
  z-index: 12;
  right: -1px;
  top: 25px;
  bottom: 25px;
  position: absolute;
}
.dropdown .sidebar-left .menu-texts li a {
  line-height: 45px;
}
.dropdown .sidebar-left .menu-texts li a .text-link {
  display: inline;
}
.dropdown .sidebar-left .menu-texts li a .img-link {
  border-right: 0px;
  height: 45px;
}
.dropdown .sidebar-left .menu-texts li .sub-menu {
  bottom: -16px;
  top: -16px;
  padding: 15px 10px;
  border: 1px solid #dde4f0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 0;
}
.dropdown .sidebar-left .menu-texts li .sub-menu li a:hover {
  color: #fd9636;
  font-weight: 700;
}
.dropdown .sidebar-left .menu-texts {
  position: relative;
  top: auto;
  left: auto;
  border: 0;
}
.lbl-newarrival {
  border-radius: 4px;
  background-color: #5bc694;
  display: inline-block;
  padding: 5px 10px;
}
.banner-slide {
  position: relative;
  background-size: cover !important;
  min-height: 550px;
}
.banner-desc {
  position: absolute;
  max-width: 767px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.banner-left,
.banner-right-home6 {
  position: relative;
  width: 100%;
  height: 535px;
  margin-bottom: 30px;
}
.list-no-border li .item-list,
.list-no-border li .item-list:hover {
  border: 0;
}
.ads1 {
  max-width: 914px;
  width: 100%;
}
.list-colors li.active,
.list-colors li:hover,
.list-style-brand-2 .card-grid-style-3:hover .card-grid-inner,
.slider-nav-thumbnails .slick-slide .item-thumb.slick-current,
.slider-nav-thumbnails .slick-slide .item-thumb:hover,
.slider-nav-thumbnails-2 .slick-slide .item-thumb.slick-current,
.slider-nav-thumbnails-2 .slick-slide .item-thumb:hover {
  border-color: #fd9636;
}
.box-newsletter.bg-brand-2 {
  background-image: url(../imgs/page/homepage5/bg-newsletter.png);
  background-position: left center;
}
.bg-footer-homepage5 .footer-1 {
  background-color: #fff5db;
  margin-bottom: 0;
}
.bg-footer-homepage5 .footer-2 {
  padding-top: 50px;
  background-color: #f0f3f8;
}
.sidebar-border .head {
  border-bottom: 0;
  margin-bottom: 0;
}
.sidebar-border .content-slider {
  border: 1px solid #fd9636;
  border-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-top: 5px;
}
.sidebar-border .card-grid-style-2 .info-right .font-xs-bold {
  font-size: 14px;
  font-weight: 500;
}
.banner-home5 .swiper-pagination-custom {
  padding-left: 0;
  text-align: center;
}
.banner-left {
  background: url(../imgs/page/homepage6/banner1.png) top center/cover no-repeat;
}
.banner-middle {
  position: relative;
  width: 100%;
  height: 535px;
  background-size: cover;
}
.banner-right-home6 {
  background: url(../imgs/page/homepage6/banner3.png) top center/cover no-repeat;
}
.box-adsolute-banner {
  position: absolute;
  bottom: 10px;
  left: 10px;
  min-width: 220px;
  padding: 15px;
  background-color: #fff;
}
.box-adsolute-banner .btn-link-brand-2 {
  text-decoration: underline;
  padding: 0;
  font-weight: 400;
  line-height: 18px;
}
.box-compare-products .font-xs,
.link,
.shop-template .font-sm {
  font-weight: 500;
}
.banner-middle .box-adsolute-banner {
  top: 20%;
  left: 40px;
  background-color: transparent;
}
.swiper-button-prev-style-4,
.swiper-button-prev-style-4:hover {
  background: url(../imgs/page/homepage6/prev.svg) center no-repeat;
}
.list-categories-5 {
  display: flex;
  margin: 0 -10px;
  flex-wrap: wrap;
}
.list-categories-5 li {
  padding: 0 10px;
  flex: 0 0 auto;
  width: 20%;
}
.swiper-button-prev-style-4 {
  left: 40px;
  bottom: 10px;
  top: auto;
  height: 56px;
  width: 56px;
}
.swiper-button-next-style-4,
.swiper-button-next-style-4:hover {
  background: url(../imgs/page/homepage6/next.svg) center no-repeat;
}
.swiper-button-next-style-4 {
  left: 98px;
  bottom: 10px;
  top: auto;
  height: 56px;
  width: 56px;
}
.banner-bottom-1,
.banner-bottom-2 {
  height: 265px;
  margin-bottom: 30px;
  display: inline-block;
  position: relative;
}
.sale-tag {
  background-color: #fd9636;
  padding: 4px;
  color: #fff;
  display: inline-block;
}
.home6-style .card-grid-inner .image-box {
  background-color: #f7f7f7;
  padding: 20px;
  line-height: 218px;
  height: 250px;
}
.home6-style .card-grid-inner .info-right {
  padding: 0 20px 20px;
}
.banner-bottom-1 {
  width: 100%;
  background: url(../imgs/page/homepage6/reading-table.png) center/cover
    no-repeat;
}
.banner-bottom-2 {
  width: 100%;
  background: url(../imgs/page/homepage6/table-lamp.png) center/cover no-repeat;
}
.banner-bottom-3 {
  width: 100%;
  height: 566px;
  background: url(../imgs/page/homepage6/top-rate.png) center/cover no-repeat;
  margin-bottom: 30px;
  display: inline-block;
  position: relative;
}
.banner-bottom-4,
.banner-bottom-5 {
  height: 265px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  display: inline-block;
}
.banner-bottom-4 {
  background: url(../imgs/page/homepage6/sofa.png) center/cover no-repeat;
}
.banner-bottom-5 {
  background: url(../imgs/page/homepage6/relax.png) center/cover no-repeat;
}
.top-style-1 {
  position: absolute;
  top: 35%;
  left: 40px;
}
.top-style-2 {
  position: absolute;
  top: 20%;
  left: 40px;
}
.banner-ads-3 {
  background-color: #dbece5;
  border-radius: 4px;
  padding: 25px 35px;
  background-image: url(../imgs/page/homepage6/chair.png);
  background-repeat: no-repeat;
  background-position: bottom right 5px;
  max-width: 886px;
  margin: auto;
}
.header-brand-2 {
  border-top: 0;
}
.header-brand-2 .box-header-bottom {
  display: flex;
  width: 100%;
  background-color: #fd9636;
  border-radius: 4px;
  border-bottom: 2px solid #d36b0b;
  padding: 10px 20px 10px 0;
}
.header-brand-2
  .box-header-bottom
  .header-nav
  .main-menu
  li.has-children
  > a::after {
  background: url(../imgs/page/homepage7/arrow-down.svg) no-repeat;
}
.header-brand-2 .box-header-bottom .btn-category:before {
  content: "";
  height: 20px;
  width: 1px;
  background-color: #fff;
  position: absolute;
  top: 11px;
  right: -2px;
  opacity: 0.5;
}
.banner-big-7,
.banner-right-7 {
  max-height: 500px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.swiper-home7 .swiper-pagination {
  text-align: left;
  padding-left: 0;
  padding-right: 30px;
  left: 30px;
  bottom: 20px;
}
.box-menu-category {
  border-radius: 4px;
  background-color: #f0f3f8;
  padding: 21px 30px 19px;
}
.box-menu-category .list-nav-arrow li {
  margin-bottom: 13px;
}
.block-sale-1 {
  background-color: #d1ecfd;
  border-radius: 4px;
  padding: 25px 15px 25px 25px;
}
.block-sale-1 h3 {
  font-size: 28px;
  line-height: 30px;
  margin-top: 10px;
  color: #0e224d;
}
.block-sale-1 .col-lg-4 {
  line-height: 130px;
}
.block-sale-1 .col-lg-4 img {
  max-height: 130px;
  display: inline-block;
  vertical-align: middle;
}
.box-ads-1 {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.box-ads-1 .ads-1,
.box-ads-1 .ads-2 {
  width: 40%;
  padding: 0 10px;
}
.box-ads-1 .ads-3 {
  width: 20%;
  padding: 0 10px;
}
.box-ads-2 {
  max-width: 1100px;
  position: relative;
  width: 100%;
  padding: 0;
  text-align: center;
  margin: auto;
}
.block-sale-2,
.block-sale-3 {
  padding: 20px 20px 0;
  border-radius: 4px;
  overflow: hidden;
}
.box-ads-2 * {
  position: relative;
  z-index: 3;
}
.box-ads-2 img {
  z-index: 1;
  display: block;
}
.box-ads-2 .ads-info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  z-index: 4;
}
.box-ads-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url(../imgs/page/homepage7/bg-trans.png);
}
.mw-newsletter {
  max-width: 500px;
  width: 100%;
}
.bg-newsletter-home7,
.box-newsletter-home10 {
  position: relative;
  background-image: none;
}
.banner-small-home10 *,
.bg-newsletter-home7 *,
.block-sale-2.circle-1 *,
.block-sale-2.circle-2 *,
.block-sale-2.circle-3 *,
.box-newsletter-home10 *,
.list-steps .item-step .rounded-step {
  position: relative;
  z-index: 2;
}
.bg-newsletter-home7::after,
.bg-newsletter-home7::before,
.block-sale-2.circle-1::before,
.block-sale-2.circle-2::before,
.block-sale-2.circle-3::before {
  width: 100%;
  z-index: 1;
  position: absolute;
  height: 100%;
  content: "";
}
.bg-newsletter-home7::before {
  left: 0;
  bottom: 0;
  background: url(../imgs/page/homepage7/newsletter-left.png) bottom left
    no-repeat;
}
.bg-newsletter-home7::after {
  right: 0;
  bottom: 0;
  background: url(../imgs/page/homepage7/newsletter-right.png) bottom right
    no-repeat;
}
.banner-8 .swiper-pagination-custom {
  bottom: 20px;
  padding-left: 50px;
}
.banner-8 .box-banner-big h1,
.banner-small-home10 h1 {
  line-height: 63px;
}
.height-100 {
  height: 100% !important;
}
.block-sale-2 {
  background-color: #d1ecfd;
  position: relative;
  height: 220px;
}
.block-sale-2 .box-sale h4 {
  line-height: 26px;
}
.block-sale-2.circle-1::before {
  top: 40px;
  left: 0;
  background: url(../imgs/page/homepage8/bg-sale1.png) bottom right no-repeat;
}
.block-sale-2.circle-2::before {
  top: 40px;
  left: 0;
  background: url(../imgs/page/homepage8/bg-sale2.png) bottom right no-repeat;
}
.block-sale-2.circle-3::before {
  top: 40px;
  left: 0;
  background: url(../imgs/page/homepage8/bg-sale3.png) bottom right no-repeat;
}
.block-sale-3 {
  background-color: #bad0e7;
  position: relative;
  height: 260px;
}
.swiper-button-next-ecom,
.swiper-button-next-ecom:hover {
  background: url(../imgs/page/homepage8/next.svg) center no-repeat;
}
.style-label-right .card-grid-style-2 > .label {
  left: auto;
  right: 15px;
  position: absolute;
  top: 10px;
  z-index: 2;
  border-radius: 30px;
  padding: 4px 10px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  background-color: #fd9636;
}
.pick-by-ecom {
  max-width: 1100px;
  margin: auto;
  position: relative;
}
.swiper-button-next-ecom,
.swiper-button-prev-ecom {
  position: absolute;
  margin-top: -28px;
  height: 56px;
  width: 56px;
  top: 50%;
}
.swiper-pagination-3 {
  text-align: center;
  bottom: -10px;
}
.swiper-button-next-ecom {
  right: -75px;
}
.swiper-button-prev-ecom,
.swiper-button-prev-ecom:hover {
  background: url(../imgs/page/homepage8/prev.svg) center no-repeat;
}
.swiper-button-prev-ecom {
  left: -75px;
}
.box-ads-3 {
  overflow: hidden;
  min-height: 150px;
  max-height: 170px;
}
.box-ads-3::before {
  background: url(../imgs/page/homepage8/bg-trans.png);
}
.box-ads-3 img {
  height: 100%;
  max-width: none;
}
.bg-newsletter-home8 {
  background-image: url(../imgs/page/homepage8/bg-newsletter.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 200px;
  padding-top: 60px;
}
.notify-text {
  padding: 0 0 0 20px;
  background: url(../imgs/page/homepage9/check.svg) left center no-repeat;
  display: inline-block;
}
.box-notify {
  background-color: #fd9636;
  padding: 10px 0;
  position: relative;
  z-index: 1003;
}
.banner-home9 .swiper-pagination-custom {
  padding-left: 30px;
  bottom: 25px;
}
.banner-home9 .banner-big-home9 {
  border-radius: 4px;
  padding: 20px 30px 40px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 300px;
}
.banner-home9 .banner-big-home9 .info-banner {
  position: relative;
  z-index: 2;
  width: 100%;
}
.banner-home10 .banner-big-home10 .box-img-banner,
.banner-home9 .banner-big-home9 .box-img-banner {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.box-slider-product .box-button-slider-2 .swiper-button-next-style-top,
.box-slider-product .box-button-slider-2 .swiper-button-prev-style-top {
  top: auto;
  right: auto;
  width: 20px;
  background-size: cover;
  position: relative;
  height: 20px;
  display: inline-block;
}
.banner-home9 .banner-big-home9 .box-img-banner img {
  max-width: 400px;
}
.banner-home9 .banner-small {
  border-radius: 4px;
  padding: 25px 25px 0;
  min-height: 300px;
}
.box-slider-product {
  border: 1px solid #d5dfe4;
  padding: 10px 20px 15px;
  border-radius: 4px;
  margin-bottom: 30px;
}
.box-slider-product .head-slider {
  padding-bottom: 15px;
}
.box-slider-product .box-button-slider-2 {
  position: relative;
  text-align: right;
}
.title-border-bottom {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 2px solid #d5dfe4;
  margin-bottom: 15px;
}
.title-border-bottom::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 100px;
  background-color: #8c9ec5;
}
.bg-home9 {
  background-color: #f8faff;
}
.box-product-category {
  border-radius: 4px;
  padding: 20px 20px 0;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d5dfe4;
}
.box-product-category .box-menu-category {
  padding: 0 20px 0 0;
}
.box-category-left {
  width: 25%;
  min-width: 270px;
  max-width: 270px;
}
.box-quickmenu {
  background-color: #f0f3f8;
  padding: 10px 0;
  border-top: 0 solid #d5dfe4;
  border-bottom: 1px solid #d5dfe4;
}
.box-quickmenu .box-inner-quickmenu {
  max-width: 90%;
  margin: auto;
}
.box-quickmenu .box-inner-quickmenu ul li {
  display: inline-block;
  position: relative;
  padding: 0 30px 0 0;
}
.box-quickmenu .box-inner-quickmenu ul li a {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #425a8b;
}
.box-quickmenu .box-inner-quickmenu ul li::before {
  content: "|";
  position: absolute;
  top: -1px;
  right: 15px;
  color: #425a8b;
  height: 20px;
  width: 1px;
}
.list-categories-style-1 {
  display: flex;
  width: 100%;
  margin: 0 -10px;
}
.item-cat {
  padding: 0 10px;
  width: 100%;
  text-align: center;
}
.item-cat .box-image .inner-image {
  max-height: 134px;
  width: 100%;
  line-height: 114px;
  max-width: 134px;
  border-radius: 50%;
  background: url(../imgs/page/homepage10/circle.png) center/contain no-repeat;
  display: inline-block;
  min-height: 114px;
}
.item-cat .box-image .inner-image img {
  max-width: 90%;
  vertical-align: middle;
  display: inline-block;
}
.banner-home10 .swiper-pagination-custom {
  padding: 0;
  text-align: center;
  bottom: 30px;
}
.banner-home10 .banner-big-home10 {
  display: flex;
  width: 100%;
  border-radius: 4px;
  padding: 20px 20px 70px 40px;
  min-height: 400px;
  position: relative;
  align-items: center;
}
.banner-home10 .banner-big-home10 .info-banner {
  width: 100%;
  position: relative;
  z-index: 2;
}
.banner-home10 .banner-big-home10 .info-banner .box-count-square {
  max-width: 250px;
  margin-left: -7px;
  margin-top: 15px;
}
.banner-home10
  .banner-big-home10
  .info-banner
  .box-count-square
  .deals-countdown {
  padding: 0;
  text-align: left;
  border-radius: 0;
  background-color: transparent;
}
.banner-home10 .banner-big-home10 .box-img-banner img {
  max-width: 270px;
}
.banner-home10 .banner-big-home10 .box-img-banner-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.banner-home10 .banner-big-home10 .box-img-banner-2 img {
  max-width: 370px;
}
.banner-small-home10 {
  position: relative;
  border-radius: 4px;
  padding: 50px 40px;
  min-height: 410px;
}
.banner-small-home10 .box-img-banner {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  align-items: end;
  display: flex;
}
.banner-small-home10 .box-img-banner img.img1 {
  max-width: 230px;
  max-height: 100%;
}
.banner-small-home10 .box-img-banner img.img2 {
  max-width: 100%;
  max-height: 100%;
}
.banner-small-home10 .box-img-banner img.img3 {
  max-width: 210px;
  max-height: 100%;
}
.box-newsletter-home10::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: url(../imgs/page/homepage10/bg-newsletter1.png) bottom
    left/contain no-repeat;
}
.box-newsletter-home10::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: url(../imgs/page/homepage10/bg-newsletter2.png) bottom
    right/contain no-repeat;
}
.box-ads-home10 {
  max-width: 800px;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.box-ads-home10 img {
  max-width: 100%;
  height: auto;
}
.box-ads-home10 .info-ads-home10 {
  padding: 0 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .display-list .card-grid-style-3 .card-grid-inner {
    display: flex;
  }
  .display-list .card-grid-style-3 .card-grid-inner .image-box {
    width: 25%;
    min-width: 260px;
    max-width: 260px;
    margin-bottom: 40px;
  }
  .display-list .card-grid-style-3 .card-grid-inner .info-right {
    width: 100%;
  }
  .display-list .card-grid-style-3 .card-grid-inner .info-right .btn-cart {
    max-width: 260px;
  }
  .display-list .card-grid-style-3 .card-grid-inner .tools {
    bottom: 10px;
    left: 10px;
    top: auto;
    right: auto;
    width: 100%;
    max-width: 260px;
  }
  .display-list .card-grid-style-3 .card-grid-inner .tools .btn {
    margin-bottom: 0 !important;
    margin-right: 10px;
  }
}
.display-list .btn-tooltip:after {
  color: #425a8b;
  background-color: #d5dfe4;
  top: -35px;
  left: 0;
  position: absolute;
  white-space: nowrap;
  border-radius: 5px;
  font-size: 11px;
  padding: 7px 10px;
  content: attr(aria-label);
  line-height: 1.3;
  box-shadow: 0;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
  transform: 0;
  bottom: unset;
  right: unset;
}
.display-list .btn-tooltip:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  border: 7px solid transparent;
  border-top-color: #d5dfe4;
  z-index: 9;
  margin-bottom: 0;
  transition: 0;
  opacity: 0;
  visibility: hidden;
  margin-left: -8px;
}
.display-list .btn-tooltip:hover:before {
  opacity: 1;
  visibility: visible;
  transform: translateY(-8px);
}