a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
main { clear: both; display: block; }
thead { font-weight: 600; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:after,blockquote:before,q:after,q:before { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; }
button,input,select,textarea { font-family: var(--primary-font); font-size: 14px; }
.custom-select:focus,[contenteditable].form-control:focus,[type=email].form-control:focus,[type=password].form-control:focus,[type=tel].form-control:focus,[type=text].form-control:focus,input.form-control:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea.form-control:focus,textarea:focus { box-shadow: none; outline: none; }
input:focus::-moz-placeholder { opacity: 0; -moz-transition: .4s; transition: .4s; }
li.hr span { background-color: #e4e4e4; display: block; height: 1px; margin: 20px 0; width: 100%; }
::selection { background: #069; color: #fff; }
::-moz-selection { background: #069; color: #fff; }
::-moz-placeholder { color: #122830; opacity: 1; }
::placeholder { color: #122830; opacity: 1; }
:-ms-input-placeholder,::-webkit-input-placeholder { color: #122830; opacity: 1; }

.img-responsive { max-width: 100%; }
h1,h2,h3,h4,h5,h6 { color: #000; font-family: var(--primary-font); font-style: normal; }
h1 { font-size: 64px; line-height: 72px; }
h1,h2 { font-weight: 700; }
h2 { font-size: 48px; line-height: 56px; }
h3 { font-size: 32px; line-height: 44px; }
h3,h4 { font-weight: 700; }
h4 { font-size: 26px; line-height: 34px; }
h5 { font-size: 20px; line-height: 28px; }
h5,h6 { font-weight: 700; }
h6 { font-size: 18px; line-height: 24px; }
.bg-brand-1 { background-color: var(--primary-color); }
.bg-brand-2 { background-color: #ffe7bb !important; }
.bg-grey-80 { background-color: #cde2e7; }
.bg-grey-60 { background-color: #e0f1f4 !important; }
.bg-white { background-color: #fff; }
.border-grey-80 { border-color: #cde2e7 !important; }
.color-brand-1 { color: var(--primary-color) !important; }
.color-brand-2 { color: #ffe7bb !important; }
.color-brand-3 { color: #afeae4; }
.color-brand-4 { color: #e8b0e8; }
.color-grey-50 { color: #ecf1f2; }
.color-grey-80 { color: #cde2e7; }
.color-grey-100 { color: #b9cad0; }
.color-grey-200 { color: #8ea4ac; }
.color-grey-300 { color: #6a838c; }
.color-grey-400 { color: #4e6770; }
.color-grey-500 { color: #3d565f; }
.color-grey-600 { color: #1f3c45; }
.color-grey-700 { color: #0e2932; }
.color-grey-800 { color: #122830; }
.font-3xl { font-size: 30px; line-height: 36px; }
.font-2xl,.font-3xl { font-family: var(--primary-font); font-weight: 500; }
.font-2xl { font-size: 24px; line-height: 32px; }
.font-xl { font-size: 20px; line-height: 28px; }
.font-lg,.font-xl { font-family: var(--primary-font); font-weight: 500; }
.font-lg { font-size: 18px; line-height: 23px; }
.font-md { font-family: var(--primary-font) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 24px !important; }
.font-sm { font-size: 14px; line-height: 18px; }
.font-sm,.font-xs { font-family: var(--primary-font); font-weight: 500; }
.font-xs { font-size: 13px; line-height: 20px; }
.font-3xl-bold { font-size: 30px; line-height: 36px; }
.font-2xl-bold,.font-3xl-bold { font-family: var(--primary-font); font-weight: 700; }
.font-2xl-bold { font-size: 24px; line-height: 32px; }
.font-xl-bold { font-size: 20px; line-height: 28px; }
.font-lg-bold,.font-xl-bold { font-family: var(--primary-font); font-weight: 700; }
.font-lg-bold { font-size: 18px; line-height: 23px; }
.font-md-bold { font-family: var(--primary-font); font-size: 16px; font-weight: 700; line-height: 24px; }
.font-sm-bold { font-family: var(--primary-font) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 18px !important; }
.font-xs-bold { font-family: var(--primary-font); font-size: 13px; font-weight: 700; line-height: 20px; }
.color-grey-900 { color: #071920 !important; }
.color-success { color: var(--success-color); }
.color-warning { color: var(--warning-color); }
.color-danger { color: var(--danger-color); }
.color-mutted { color: #cfdee3; }
.color-info { color: #28a7e6; }
.color-white { color: #fff !important; }
.section { display: inline-block; width: 100%; }
.bg-1 { background-color: #efe9ff !important; }
.bg-2 { background-color: #ffeade !important; }
.bg-3 { background-color: #fdffd4 !important; }
.bg-4 { background-color: #d1ecf7 !important; }
.bg-5 { background-color: #dff9f3 !important; }
.bg-7 { background-color: #ffefd1 !important; }
.bg-8 { background-color: #ebf5f8 !important; }
.bg-10 { background-color: #b7ddec !important; }
.bg-11 { background-color: #e0f0fc !important; }
a { color: #071920; text-decoration: none; }
a:hover { color: var(--primary-hover-color); }
@media (min-width:1400px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width: 1410px; }
}
.hover-up,.hover-up:hover { transition: all .25s cubic-bezier(.02,.01,.47,1); }
.hover-up:hover { transform: translateY(-2px); }
.bd-rd4 { border-radius: 4px; }
.bd-rd8 { border-radius: 8px; }
.bd-rd16 { border-radius: 16px; }
.form-control { border: 1px solid #cde2e7; border-radius: 8px; color: #3d565f; height: 54px; padding: 18px 20px; }
.form-control:focus { border-color: var(--success-color); }
.form-control::-moz-placeholder { color: #8ea4ac; font-size: 16px; line-height: 24px; opacity: 1; }
.form-control::placeholder { color: #8ea4ac; font-size: 16px; line-height: 24px; opacity: 1; }
.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder { color: #8ea4ac; font-size: 16px; line-height: 24px; opacity: 1; }
.font-shippori { font-family: shippori-mincho,sans-serif; }
.table-responsive { max-width: 100%; }
.font-84 { font-size: 84px !important; line-height: 84px !important; }
.box-404 { padding: 150px 0 0; }
.font-bold-800 { font-weight: 800; }
.box-pagination { display: inline-block; }
.pagination { display: flex; list-style: none; margin-bottom: 20px; padding-left: 0; }
.pagination li { padding: 2px; }
.pagination li a { border: 1px solid #cde2e7; border-radius: 4px; color: var(--primary-color); font-size: 16px; font-weight: 700; line-height: 24px; min-width: 36px; text-align: center; }
.pagination li .page-prev { background: url(../imgs/page/shop/prev.svg) no-repeat 50%; border: 0; min-height: 37px; padding: 5px 20px; }
.pagination li .page-next { background: url(../imgs/page/shop/next.svg) no-repeat 50%; border: 0; min-height: 37px; padding: 5px 20px; }
.pagination li a.active,.pagination li a:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: #cde2e7; }
.pagination li .page-next:hover,.pagination li .page-prev:hover { background-color: transparent; }
.rating img { width: 12px; }
.box-count { margin: 0 0 20px; text-align: left; }
.box-count .deals-countdown { border-radius: 0; display: flex; margin: auto; max-width: 100%; padding: 4px 0; width: 100%; }
.box-count .deals-countdown .countdown-section { display: inline-block; line-height: 12px; position: relative; text-align: center; width: 25%; }
.box-count .deals-countdown .countdown-section span { color: #fff; display: block; }
.box-count .deals-countdown .countdown-section .countdown-period { text-transform: capitalize; }
.box-count .deals-countdown .countdown-section:last-child:before { display: none; }
.box-count.box-count-square { margin-bottom: 5px; }
.box-count.box-count-square .deals-countdown { background-color: #fff; display: flex; margin: auto; max-width: 100%; text-align: left; width: 100%; }
.box-count.box-count-square .deals-countdown .countdown-section { display: inline-block; line-height: 12px; margin: 0 16px 0 0; position: relative; text-align: center; width: auto; }
.box-count.box-count-square .deals-countdown .countdown-section .countdown-period { color: #3d565f; font-size: 12px !important; font-weight: 700; line-height: 24px !important; text-transform: uppercase; }
.box-count.box-count-square .deals-countdown .countdown-amount { background-color: #e0f1f4; border: 1px solid #cde2e7; border-radius: 4px; color: var(--primary-color); display: inline-block; font-size: 32px !important; height: 80px; line-height: 55px !important; margin-bottom: 5px; padding: 10px 0; width: 78px; }
a,button,h4,img,input,span { transition: all .3s ease 0s; }
@keyframes slideleft { 10%{opacity:0;right:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}90%{opacity:0;right:100%;transform:scale(0)} }
[data-loader=spinner] { animation: spinner 1.2s ease-in-out infinite; background: url(../imgs/theme/favicon.svg); box-shadow: 0 0 10px #fff; display: inline-block; height: 35px; width: 35px; }
@keyframes spinner { 0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180deg) rotateY(0)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-180deg)} }
@keyframes shadow-pulse { 0%{box-shadow:0 0 0 0 rgba(151,119,250,.8)}to{box-shadow:0 0 0 5px transparent} }
@keyframes shadow-pulse-big { 0%{box-shadow:0 0 0 0 rgba(239,63,72,.1)}to{box-shadow:0 0 0 20px transparent} }
@keyframes jump { 0%{transform:translate3d(0,20%,0)}to{transform:translateZ(0)} }
.jump { animation: jump .5s linear infinite alternate; transform-origin: 0; }
h1.text-anim div,h2.text-anim div,h3.text-anim div { display: inline-block; margin: 0 12px 0 0; }
.img-reveal { position: relative; visibility: hidden; }
.img-reveal img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }
body { font-style: normal; font-weight: 500; line-height: 18px; }
.btn,body { font-family: var(--primary-font); font-size: 14px; position: relative; }
.btn { font-weight: 400; text-decoration: none; }
.btn.btn-brand-1 { background: var(--primary-color); border-radius: 4px; color: #ffe7bb; font-size: 14px; font-weight: 700; line-height: 18px; padding: 15px 24px; }
.btn.btn-brand-1 svg { color: #ffe7bb; }
.btn.btn-brand-1:hover { background-color: var(--secondary-color); color: #ffe7bb; }
.btn.btn-brand-1:hover * { color: var(--primary-color); }
.btn.btn-submit-newsletter { background-color: var(--primary-color); border-radius: 8px; padding: 15px 16px 16px; }
.btn.btn-submit-newsletter svg { color: #fff; }
.btn.btn-submit-newsletter:hover { background-color: var(--secondary-color); }
.btn.btn-default svg { transition-duration: .2s; }
.btn.btn-default:hover,.btn.btn-default:hover svg { color: var(--primary-hover-color) !important; }
.btn.btn-default:hover svg { transform: rotate(-45deg); transition-duration: .2s; }
.btn.btn-default.color-brand-1 { transition-duration: .2s; }
.btn.btn-default.color-brand-1 svg { color: var(--primary-color); transition-duration: .2s; }
.btn.btn-tag { background: #afeae4; border-radius: 4px; font-weight: 700; }
.btn.btn-tag,.btn.btn-tag-circle { color: var(--primary-color); font-size: 12px; line-height: 12px; padding: 6px 10px 6px 11px; }
.btn.btn-tag-circle { background: #cde2e7; border-radius: 50px; font-weight: 500; }
.btn.btn-brand-1-full { background: var(--primary-color); border-radius: 4px; color: #ffe7bb; font-size: 14px; font-weight: 700; line-height: 18px; padding: 15px 5px; width: 100%; }
.btn.btn-brand-1-full svg { color: #ffe7bb; transition-duration: .2s; }
.btn.btn-brand-1-full:hover { background-color: var(--secondary-color); }
.btn.btn-brand-1-full:hover svg { transform: rotate(-45deg); transition-duration: .2s; }
.btn.btn-play { color: #ffe7bb; line-height: 30px !important; }
.btn.btn-border-brand-1,.btn.btn-play-white { color: var(--primary-color); }
.btn.btn-border-brand-1 { border: 1px solid var(--primary-color); border-radius: 4px; font-size: 12px; font-weight: 700; line-height: 12px; padding: 8px 10px 8px 11px; }
.btn.btn-border-80 { background-color: #fff; border: 1px solid #cde2e7; border-radius: 8px; color: #3d565f; font-size: 16px; font-weight: 700; line-height: 24px; padding: 13px 10px; }
.btn.btn-border-80:hover { background-color: #ffe7bb; color: var(--primary-color); }
.btn.btn-full { width: 100%; }
.btn.btn-play-center { background: url(../imgs/page/homepage3/play.png) no-repeat 50%; background-size: contain; bottom: 0; height: 94px; left: 0; margin: auto; padding: 0; position: absolute; right: 0; top: 0; width: 94px; }
.btn.btn-border { background-color: #fff; border: 1px solid var(--primary-color); border-radius: 4px; font-size: 12px; font-weight: 700; line-height: 12px; padding: 12px 16px; }
.btn.btn-brand-lg { background: var(--primary-color); border-radius: 8px; color: #ffe7bb; font-size: 14px; font-weight: 700; line-height: 18px; padding: 20px 24px; }
.btn.btn-brand-lg:hover { background-color: var(--secondary-color); }
.btn.btn-brand-1-circle { background-color: var(--primary-color); color: #ffe7bb; }
.btn.btn-brand-1-circle,.btn.btn-white-circle { border-radius: 50px; font-size: 16px; font-weight: 500; line-height: 24px; padding: 12px 22px; }
.btn.btn-white-circle { background-color: #fff; color: #3d565f; }
.btn.btn-white-circle.active,.btn.btn-white-circle:hover { background-color: var(--primary-color); color: #ffe7bb; }
.btn.btn-right-arrow { background: url(../imgs/page/shop/arrow.svg) no-repeat 100%; font-size: 12px; font-weight: 700; line-height: 18px; padding: 8px 15px 10px 0; }
.btn.btn-wish { padding-left: 17px; padding-right: 17px; }
.btn.btn-join { background-color: var(--primary-color); border-radius: 38px; color: #ffe7bb; font-size: 14px; font-weight: 700; line-height: 18px; min-width: 126px; padding: 4px 14px 6px 19px; text-align: center; width: 180px; }
.btn.btn-join svg { color: #ffe7bb; }
.btn.btn-brand-1-small { background-color: var(--primary-color); border-radius: 38px; color: #ffe7bb; font-size: 14px; font-weight: 700; line-height: 18px; padding: 10px 14px 10px 19px; width: auto; }
.btn.btn-brand-1-small svg { color: #ffe7bb; }.btn.btn-brand-1,.btn.btn-brand-1-full,.btn.btn-brand-lg,.btn.btn-brand-1-circle,.btn.btn-brand-1-small{position:relative;isolation:isolate;overflow:hidden;border-color:#000000;color:#ffffff;background:#000000;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}.btn.btn-brand-1:before,.btn.btn-brand-1-full:before,.btn.btn-brand-lg:before,.btn.btn-brand-1-circle:before,.btn.btn-brand-1-small:before{content:"";position:absolute;z-index:1;top:-45%;bottom:-45%;left:-42%;width:24%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));transform:skewX(-20deg) translateX(0);animation:startBrandButtonShine 5s ease-in-out infinite}.btn.btn-brand-1:hover,.btn.btn-brand-1:focus,.btn.btn-brand-1-full:hover,.btn.btn-brand-1-full:focus,.btn.btn-brand-lg:hover,.btn.btn-brand-lg:focus,.btn.btn-brand-1-circle:hover,.btn.btn-brand-1-circle:focus,.btn.btn-brand-1-small:hover,.btn.btn-brand-1-small:focus{border-color:#000000;color:#ffffff;background:#000000}.btn.btn-brand-1:hover,.btn.btn-brand-1-full:hover,.btn.btn-brand-lg:hover,.btn.btn-brand-1-circle:hover,.btn.btn-brand-1-small:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.22)}.btn.btn-brand-1:hover:before,.btn.btn-brand-1-full:hover:before,.btn.btn-brand-lg:hover:before,.btn.btn-brand-1-circle:hover:before,.btn.btn-brand-1-small:hover:before{animation:startBrandButtonShineHover 2.2s cubic-bezier(.22,1,.36,1) infinite}.btn.btn-brand-1:focus-visible,.btn.btn-brand-1-full:focus-visible,.btn.btn-brand-lg:focus-visible,.btn.btn-brand-1-circle:focus-visible,.btn.btn-brand-1-small:focus-visible{outline:3px solid rgba(0,0,0,.18);outline-offset:3px}.btn.btn-brand-1:hover *,.btn.btn-brand-1:focus *,.btn.btn-brand-1-full:hover *,.btn.btn-brand-1-full:focus *,.btn.btn-brand-lg:hover *,.btn.btn-brand-lg:focus *,.btn.btn-brand-1-circle:hover *,.btn.btn-brand-1-circle:focus *,.btn.btn-brand-1-small:hover *,.btn.btn-brand-1-small:focus *{color:#ffffff}.btn.btn-brand-1:disabled:before,.btn.btn-brand-1.disabled:before,.btn.btn-brand-1-full:disabled:before,.btn.btn-brand-1-full.disabled:before,.btn.btn-brand-lg:disabled:before,.btn.btn-brand-lg.disabled:before,.btn.btn-brand-1-circle:disabled:before,.btn.btn-brand-1-circle.disabled:before,.btn.btn-brand-1-small:disabled:before,.btn.btn-brand-1-small.disabled:before{animation:none}@keyframes startBrandButtonShine{0%,58%{transform:skewX(-20deg) translateX(0)}82%,100%{transform:skewX(-20deg) translateX(650%)}}@keyframes startBrandButtonShineHover{0%{transform:skewX(-20deg) translateX(0)}100%{transform:skewX(-20deg) translateX(650%)}}@media (prefers-reduced-motion:reduce){.btn.btn-brand-1:before,.btn.btn-brand-1-full:before,.btn.btn-brand-lg:before,.btn.btn-brand-1-circle:before,.btn.btn-brand-1-small:before{animation:none}}
.btn-homepage { margin: 0 0 15px; padding: 0 !important; }
.btn-homepage span { background-color: #afeae4; border-radius: 50%; display: inline-block; height: 30px; line-height: 25px; margin-right: 10px; text-align: center; width: 30px; }
.btn-homepage span svg { color: var(--primary-color); }
.btn-homepage:hover * { color: #071920; }
.dropdown-language { display: inline-block; }
.dropdown-language .dropdown-toggle:after { display: none; }
.dropdown-language .btn { padding: 0; }
.btn-tooltip { position: relative; }
.btn-tooltip:after { background-color: #3d565f; border-radius: 5px; box-shadow: 0; color: #afeae4; content: attr(aria-label); font-size: 11px; line-height: 1.3; padding: 7px 10px; right: 34px; transform: 0; transition: 0; transition-duration: .2s; white-space: nowrap; }
.btn-tooltip:after,.btn-tooltip:before { bottom: 0; opacity: 0; position: absolute; visibility: hidden; }
.btn-tooltip:before { border: 7px solid transparent; border-left-color: #3d565f; content: ""; left: -8px; margin-bottom: 0; transition-delay: .1s; transition: 0; transition-duration: .2s; z-index: 9; }
.btn-tooltip:hover:after { transform: 0; }
.btn-tooltip:hover:after,.btn-tooltip:hover:before { opacity: 1; transition-duration: .2s; visibility: visible; }
.btn-tooltip:hover:before { transform: translateY(-8px); }
.cb-container { cursor: pointer; display: block; line-height: 25px; margin-bottom: 12px; padding-left: 34px; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.cb-container input { cursor: pointer; height: 0; opacity: 0; position: absolute; width: 0; }
.checkmark { background-color: #fff; border: 2px solid #8ea4ac; border-radius: 4px; height: 24px; left: 0; position: absolute; top: 1px; width: 24px; }
.cb-container input:checked~.checkmark { border: 2px solid #8ea4ac; }
.cb-container .text-small { color: #3d565f; font-weight: 500; }
.cb-container input:checked~.text-small { color: #3d565f; }
.checkmark:after { content: ""; display: none; position: absolute; }
.cb-container input:checked~.checkmark:after { display: block; }
.cb-container input:checked~.text-lbl { color: #ccc; }
.cb-container .checkmark:after { background: var(--success-color) url(../imgs/page/register/check.svg) no-repeat center; border-radius: 4px; height: 24px; left: -2px; top: -2px; width: 24px; }
.box-swiper { position: relative; width: 100%; }
.box-swiper .swiper-container { height: 100%; padding-bottom: 35px; position: relative; }
.box-swiper .swiper-container .item-logo { border: 1px solid #ccc; border-radius: 12px; box-shadow: 0 0 20px 0 rgba(14,41,50,.17); display: inline-block; padding: 39px 0 36px; text-align: center; width: 100%; }
.box-swiper .swiper-container .item-logo img { max-width: 100%; }
.box-swiper .swiper-container .item-logo:hover { border: 1px solid #ccc; box-shadow: 9px 11px 23px 0 rgba(6,61,79,.12); }
.swiper-button-next:after,.swiper-button-prev:after { content: ""; }
.swiper-button-next,.swiper-button-next:hover { background: url(../imgs/slider/swiper/next.svg) no-repeat 0 0; }
.swiper-button-prev,.swiper-button-prev:hover { background: url(../imgs/slider/swiper/prev.svg) no-repeat 0 0; }
.swiper-button-next,.swiper-button-prev { height: 31px; margin-top: 0; width: 31px; }
.swiper-button-next { left: auto; right: 0; top: 20px; }
.swiper-button-prev { left: auto; right: 40px; top: 20px; }
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: 1; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px; }
.swiper-pagination { width: 100%; }
.swiper-pagination .swiper-pagination-bullet { background: #fff; border-radius: 50%; display: inline-block; height: 8px; opacity: 1; width: 8px; }
.swiper-pagination .swiper-pagination-bullet-active { background: var(--primary-color); border-radius: 7px; height: 8px; opacity: 1; width: 16px; }
.swiper-pagination.swiper-pagination-2 .swiper-pagination-bullet { background: #b9cad0; }
.swiper-pagination.swiper-pagination-2 .swiper-pagination-bullet-active { background: var(--primary-color); }
.swiper-pagination-bullet { margin: 10px; }
.swiper-pagination-custom { bottom: 40px; padding-left: 70px; }
.swiper-pagination-customs { background: url(../imgs/slider/swiper/dot.svg) no-repeat 0 0; background-repeat: no-repeat; background-size: contain; display: inline-block; height: 10px; margin-left: 4px; margin-right: 4px; width: 10px; }
.swiper-pagination-customs-active,.swiper-pagination-customs:hover { background: url(../imgs/slider/swiper/dot-active.svg) no-repeat 0 0; height: 12px; margin-bottom: -1px; margin-left: 3px; margin-right: 3px; width: 12px; }
.box-button-slider { left: 0; position: absolute; top: 0; }
.swiper-group-1 .swiper-pagination { bottom: 50px; left: 55px; }
.swiper-group-1.swiper-home-3 .swiper-pagination { left: 0; }
.swiper-group-1.home-9 .swiper-pagination { bottom: 20px; left: 25px; }
.slider-labels { margin-top: 10px; }
.noUi-target,.noUi-target * { -webkit-touch-callout: none; box-sizing: border-box; touch-action: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.noUi-target { direction: ltr; position: relative; }
.noUi-base { height: 100%; position: relative; width: 100%; z-index: 1; }
.noUi-origin { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.noUi-handle { position: relative; z-index: 1; }
.noUi-stacking .noUi-handle { z-index: 10; }
.noUi-state-tap .noUi-origin { transition: left .3s,top .3s; }
.noUi-state-drag * { cursor: inherit !important; }
.noUi-base,.noUi-handle { transform: translateZ(0); }
.noUi-horizontal .noUi-handle { border-radius: 50%; height: 15px; width: 15px; }
.noUi-origin,.noUi-target { border-radius: 2px; }
.noUi-draggable { cursor: w-resize; }
.noUi-vertical .noUi-draggable { cursor: n-resize; }
.noUi-handle { box-sizing: content-box !important; cursor: default; }
.noUi-handle:active { -webkit-background-clip: padding-box; background-clip: padding-box; border: 8px solid rgba(53,93,187,.38); }
[disabled] .noUi-connect,[disabled].noUi-connect { background: #ffe7bb; }
[disabled] .noUi-handle,[disabled].noUi-origin { cursor: not-allowed; }
.ui-slider-handle { display: none; }
.ui-widget.ui-widget-content { border: 0 solid #ebebeb; }
.noUi-target { border-radius: 12px; }
.noUi-horizontal { height: 6px; }
.noUi-background { background: #ccc; }
.noUi-origin { border-radius: 12px; }
.noUi-horizontal .noUi-handle { left: -6px; top: -6px; }
.noUi-handle:active { border-width: 1px; left: -6px; top: -6px; }
.card-blog-grid { margin-bottom: 30px; }
.card-blog-grid .card-image { margin-bottom: 18px; position: relative; }
.card-blog-grid .card-image img { border-radius: 4px; width: 100%; }
.card-blog-grid .card-info a { text-decoration: none; }
.card-blog-grid .card-info a:hover,.card-blog-grid .card-info a:hover * { color: var(--primary-hover-color) !important; }
.card-blog-grid .card-info .date-post { color: #6a838c; display: inline-block; margin-right: 30px; }
.card-blog-grid .card-info .date-post svg { color: #6a838c; float: left; margin-right: 5px; }
.card-blog-grid .card-info .time-read { color: #6a838c; display: inline-block; }
.card-blog-grid .card-info .time-read svg { color: #6a838c; float: left; margin-right: 5px; }
.card-blog-grid .card-info .box-author,.card-blog-grid .card-info .box-button-more { width: 50%; }
.card-blog-grid.card-blog-grid-2 { border: 1px solid #cde2e7; border-radius: 4px; padding: 18px; }
.card-blog-grid.card-blog-grid-2 .card-info .date-post { font-size: 11px; line-height: 12px; }
.card-blog-grid.card-blog-grid-2 .card-info .date-post svg { height: 12px; }
.card-blog-grid.card-blog-grid-2 .card-info .time-read { font-size: 11px; line-height: 12px; }
.card-blog-grid.card-blog-grid-2 .card-info .time-read svg { height: 12px; }
.card-blog-grid.card-blog-grid-3 .card-image img { border-radius: 8px; }
.card-blog-list { align-items: flex-start; display: flex; }
.card-blog-list .card-image { margin-left: 15px; max-width: 120px; }
.card-blog-list .card-image img { border-radius: 8px; width: 100%; }
.card-blog-list .card-info a { text-decoration: none; }
.card-blog-list .card-info a:hover,.card-blog-list .card-info a:hover * { color: var(--primary-hover-color) !important; }
.card-testimonial-grid { background: #fff url(../imgs/page/homepage1/quote.svg) no-repeat top 20px right 30px; border: 1px solid #cde2e7; border-radius: 8px; display: inline-block; padding: 30px 30px 20px; transition-duration: .2s; width: 100%; }
.card-testimonial-grid a { text-decoration: none; }
.card-testimonial-grid .card-bottom-info { align-items: center; border-top: 1px solid #ecf1f2; display: flex; margin-top: 20px; padding-top: 16px; width: 100%; }
.card-testimonial-grid .card-bottom-info .date-post,.card-testimonial-grid .card-bottom-info .rating { width: 50%; }
.card-testimonial-grid .card-bottom-info .rating img { width: 12px; }
.card-testimonial-list { background-color: #fff; border: 1px solid #cde2e7; border-radius: 8px; box-shadow: 0 0 20px 0 rgba(14,41,50,.17); display: inline-block; margin-bottom: 25px; max-width: 572px; padding: 23px 21px; position: relative; width: 100%; z-index: 2; }
.card-testimonial-list a { text-decoration: none; }
.card-testimonial-list .rating { max-width: 75px; min-width: 75px; width: 40%; }
.card-testimonial-list .box-author { width: 100%; }
.card-plan { background-color: #fff; border: 1px solid #cde2e7; border-radius: 8px; margin-bottom: 30px; overflow: hidden; padding: 30px; position: relative; }
.card-plan .box-day-trial { border-bottom: 1px solid #cde2e7; padding: 20px 0 30px; }
.card-plan .card-image-plan { align-items: center; display: flex; }
.card-plan .card-image-plan .icon-plan { background-color: #d1ecf7; border-radius: 8px; height: 82px; line-height: 82px; margin-right: 15px; max-width: 82px; min-width: 82px; text-align: center; }
.card-plan .card-image-plan .icon-plan img { display: inline-block; vertical-align: middle; }
.card-plan .card-image-plan .info-plan { width: 100%; }
.card-plan .popular { background-color: #ffe7bb; bottom: 15px; color: var(--primary-color); font-size: 14px; font-weight: 700; line-height: 28px; padding: 10px 20px; position: absolute; right: -85px; text-align: center; text-transform: uppercase; transform: rotate(-45deg); width: 250px; z-index: 3; }
.card-plan.card-plan-2:hover { border-color: #afeae4; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); }
.card-offer { border: 1px solid #cde2e7; border-radius: 8px; margin-bottom: 30px; padding: 40px 30px 30px; }
.card-offer:hover { border: 1px solid var(--primary-color); box-shadow: 0 0 30px 0 rgba(14,41,50,.08); }
.card-offer .card-image { height: 75px; margin-bottom: 15px; }
.card-offer .card-image img { max-height: 75px; }
.card-offer-style-2 { background-color: #e0f1f4; border-radius: 8px; position: relative; }
.card-offer-style-2 .card-offer { text-align: center; }
.card-offer-style-2 .card-offer .card-image { background: #fff; border-radius: 16px; box-shadow: 9px 11px 23px 0 rgba(6,61,79,.12); display: inline-block; height: 115px; line-height: 115px; margin-bottom: 30px; max-width: 104px; text-align: center; width: 100%; }
.card-offer-style-2 .card-offer .card-image img { display: inline-block; vertical-align: middle; }
.card-offer-style-2 .card-offer .card-info,.card-offer-style-2 .card-offer .card-info .box-button-offer { text-align: center; }
.card-offer-style-2.card-left .card-info,.card-offer-style-2.card-left .card-info .box-button-offer,.card-offer-style-2.card-left .card-offer { text-align: left; }
.card-we-do { display: flex; padding: 30px 20px; }
.card-we-do .card-image { height: auto; margin-right: 10px; max-width: 105px; text-align: center; width: 100%; }
.card-we-do .card-image img { display: inline-block; max-width: 100%; }
.card-we-do .card-info { width: 100%; }
.cardNumber { background-color: #d1ecf7; border-radius: 16px; margin-bottom: 30px; padding: 30px; text-align: center; }
.cardNumber.hasBorder { border-bottom: 3px solid #6a838c; border-right: 3px solid #6a838c; }
.cardNumber .card-head { color: var(--primary-color); font-size: 64px; font-weight: 700; line-height: 72px; }
.cardNumber .card-description { color: var(--primary-color); font-size: 18px; font-weight: 700; line-height: 24px; }
.box-testimonial-2 .card-testimonial-grid:hover { border-color: #afeae4; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); }
.box-testimonial-2 .testimonial-warning .card-testimonial-grid { background-color: #ffe7bb; border-color: var(--warning-color); }
.box-testimonial-2 .testimonial-warning .card-testimonial-grid .card-bottom-info { border-top-color: var(--warning-color); }
.card-small { border: 1px solid #b9cad0; border-radius: 16px; margin-bottom: 30px; padding: 18px 17px; }
.card-small a { text-decoration: none; }
.card-small a:hover,.card-small a:hover * { color: var(--primary-hover-color) !important; }
.card-small .card-image .box-image { background-color: #e0f1f4; border-radius: 6px; display: inline-block; margin-bottom: 10px; padding: 8px 10px; }
.card-small .card-image .box-image img { display: inline-block; vertical-align: middle; }
.card-small .card-info .icon-up { background: url(../imgs/page/homepage3/up.svg) no-repeat right top 8px; }
.card-small:hover { border-color: #afeae4; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); }
.card-small.card-small-2 { border: 0; padding: 0; }
.card-small.card-small-2:hover { box-shadow: none; }
.card-small.card-small-2 .box-image img { display: inline-block; max-height: 32px; vertical-align: middle; }
.card-plan-style-2 .card-plan:hover { border-color: #afeae4; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); }
.card-plan-style-2 .card-plan .box-day-trial { border-bottom: 0 solid #cde2e7; padding: 20px 0 0; }
.card-plan-style-2 .card-plan .btn-brand-1-full { background-color: #fff; border: 1px solid var(--primary-color); border-radius: 4px; color: var(--primary-color); }
.card-plan-style-2 .card-plan .btn-brand-1-full * { color: var(--primary-color); }
.card-plan-style-2 .card-plan .btn-brand-1-full:hover { background-color: var(--primary-color); border: 1px solid var(--primary-color) !important; color: #ffe7bb; }
.card-plan-style-2 .card-plan .btn-brand-1-full:hover * { color: #ffe7bb !important; }
.card-team .card-image { margin-bottom: 10px; max-width: 210px; width: 100%; }
.card-team .card-image img { border-radius: 8px; }
.card-team .card-info a { color: var(--primary-color); text-decoration: none; }
.card-offer-style-3 { border: 1px solid #cde2e7; border-radius: 8px; margin-bottom: 30px; padding: 0; }
.card-offer-style-3 .card-head { align-items: flex-end; background-color: #e0f1f4; display: flex; padding: 30px; }
.card-offer-style-3 .card-head .card-image { background-color: #fff; border-radius: 8px; height: 115px; line-height: 85px; margin-right: 15px; max-width: 104px; min-width: 104px; padding: 15px 20px; text-align: center; width: 100%; }
.card-offer-style-3 .card-head .card-image img { display: inline-block; vertical-align: middle; }
.card-offer-style-3 .card-info { padding: 30px 30px 15px; }
.card-support { display: flex; margin-bottom: 30px; }
.card-support .card-info { width: 100%; }
.card-support .card-image { margin-right: 17px; max-width: 64px; min-width: 64px; width: 100%; }
.card-support .card-image .box-circle-img { background-color: #ffe7bb; border-radius: 50%; height: 64px; line-height: 64px; text-align: center; width: 64px; }
.card-support .card-image .box-circle-img svg { color: var(--primary-color); height: 32px; }
.card-product { border: 1px solid #cde2e7; display: inline-block; margin-bottom: 30px; padding: 20px; width: 100%; }
.card-product .card-image { display: inline-block; margin-bottom: 15px; text-align: center; width: 100%; }
.card-product .card-image img { max-height: 220px; }
.card-product .card-info .rating { width: 100%; }
.card-product .card-info .price .text-price { color: #006d77; font-family: chivo,sans-serif; font-size: 22px; font-weight: 700; line-height: 24px; }
.card-product .card-info a:hover,.card-product .card-info a:hover h6 { color: var(--success-color) !important; }
.card-product.card-product-list { display: flex; width: 100%; }
.card-product.card-product-list .card-image { margin-right: 15px; max-width: 213px; min-width: 213px; text-align: center; width: 100%; }
.card-product.card-product-list .card-info { width: 100%; }
.card-member { display: inline-block; margin-bottom: 30px; width: 100%; }
.card-member .card-top { display: flex; margin-bottom: 10px; width: 100%; }
.card-member .card-top .card-image { margin-right: 15px; max-width: 90px; width: 90px; }
.card-member .card-top .card-image img { border-radius: 8px; width: 100%; }
.card-member .card-top .card-info { width: 100%; }
.card-member .card-top .card-info .list-socials { margin-top: 10px; }
.card-member .card-bottom { border-bottom: 1px solid #cde2e7; padding-bottom: 30px; }
.card-member-2 { align-items: flex-end; background-color: #e0f1f4; border: 3px solid #fff; border-radius: 16px; box-shadow: 9px 11px 23px 0 rgba(6,61,79,.12); display: flex; height: 358px; overflow: hidden; width: 100%; }
.card-member-2,.card-member-2 .card-image { position: relative; }
.card-member-2 .card-image img { display: block; }
.card-member-2 .card-info { background-color: #efe9ff; border: 1px solid #fff; border-radius: 12px; bottom: 15px; left: 15px; padding: 15px; position: absolute; right: 15px; }
.card-member-2 .card-info a.color-brand-1 { display: block; margin-bottom: 1px; }
.card-member-2 .list-socials { text-align: right; width: 50%; }
.card-member-2 .list-socials .icon-socials:last-child { margin-right: 0; }
.card-member-2 .d-flex p.font-xs { width: 50%; }
.card-guide { align-items: flex-start; background-color: #fff; border: 1px solid #cde2e7; border-radius: 16px; display: flex; padding: 30px; }
.card-guide .card-image { margin-right: 22px; max-width: 64px; min-width: 64px; position: relative; width: 100%; }
.card-guide .card-image img { display: inline-block; vertical-align: middle; }
.card-guide .card-info { position: relative; width: 100%; }
.card-marketing { border: 0; padding-left: 0; padding-right: 0; }
.card-marketing:hover { border: 0; box-shadow: none; }
.card-marketing .card-image { margin-right: 30px; }
.card-marketing .card-image .cover-image { background-color: #fff; border-radius: 16px; display: inline-block; height: 104px; line-height: 104px; max-width: 104px; text-align: center; width: 100%; }
.card-marketing .card-image .cover-image img { display: inline-block; max-height: 57px; vertical-align: middle; }
.card-radius-32 { background-color: #ffeade; border: 1px solid #cde2e7; border-radius: 32px; overflow: hidden; }
.card-radius-32 .card-info { padding: 30px; text-align: center; }
.card-radius-32 .card-image { text-align: center; width: 100%; }
.card-radius-32 .card-image img { display: inline-block; }
.card-radius-32 .box-cover-pd { padding: 60px; position: relative; }
.card-radius-32 .box-cover-pd-2 { padding: 60px 0 30px; }
.card-radius-32 .box-cover-pd-2 .item-number { margin-bottom: 30px; }
.card-radius-32 .box-cover-pd-2 .item-number .num-ele { font-size: 34px; height: 60px; line-height: 60px; max-width: 60px; min-width: 60px; width: 60px; }
.card-radius-32 .box-image-rd-30 { border: 5px solid #fff; border-radius: 30px; overflow: hidden; position: relative; }
.card-review { background-color: #fff; border-radius: 16px; padding: 48px 53px 38px; }
.card-review .card-info { background: url(../imgs/page/homepage7/quote.png) no-repeat 0 0; padding-left: 64px; position: relative; }
.card-review .card-info .rating-review { margin-bottom: 10px; }
.card-review .card-info .rating-review img { margin-right: 3px; }
.card-become { display: inline-block; margin-bottom: 30px; width: 100%; }
.card-become .card-title h6 span { display: inline-block; padding: 0 0 1px; }
.card-become .card-title h6 img { display: inline-block; vertical-align: bottom; }
.card-comment { border: 1px solid #afeae4; border-radius: 8px; display: flex; padding: 17px 15px; text-align: left; }
.card-comment .card-image { margin-right: 10px; max-width: 55px; min-width: 55px; width: 100%; }
.card-comment .card-image img { border-radius: 50%; display: block; height: 55px; width: 55px; }
.card-comment .card-title { align-items: center; display: flex; }
.card-comment .card-title .title-comment { width: 100%; }
.card-comment .card-title .rating { max-width: 72px; min-width: 72px; text-align: right; width: 100%; }
.card-comment .card-title .rating img { margin-left: 2px; }
@keyframes load7 { 0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0} }
.loader { animation-fill-mode: both; animation: load7 1.8s ease-in-out infinite; animation-delay: -.16s; border-radius: 50%; font-size: 10px; height: 2em; margin: 80px auto; position: relative; text-indent: -9999em; transform: translateZ(0); width: 2em; }
.loader:before { animation-fill-mode: both; animation: load7 1.8s ease-in-out infinite; animation-delay: -.32s; left: -3.5em; }
.loader:after,.loader:before { border-radius: 50%; content: ""; height: 2em; position: absolute; top: 0; width: 2em; }
.loader:after { animation-fill-mode: both; animation: load7 1.8s ease-in-out infinite; left: 3.5em; }
.swiper-pagination { bottom: 0 !important; text-align: center; }
.swiper-pagination .swiper-pagination-customs { background: #fff; border-radius: 50%; }
.swiper-pagination .swiper-pagination-customs:hover { background: #fff; }
.swiper-pagination .swiper-pagination-customs-active { background: #069; }
.swiper-pagination.swiper-pagination-2 { height: auto; line-height: 30px; text-align: center; top: auto; z-index: 123; }
.preloader { background-color: #fff; bottom: 0; height: 100%; left: 0; margin: 0 auto; position: fixed; right: 0; top: 0; transition: .6s; width: 100%; z-index: 9999999999; }
.preloader img { max-width: 250px; }
.page-loading-inner { backface-visibility: hidden; height: 100%; position: relative; transform: translateZ(0) scale(1); transform-origin: 0 0; width: 100%; }
.page-loading-inner div { border-radius: 50%; box-sizing: content-box; height: 20px; left: 50%; margin: -10px -20px; position: absolute; top: 50%; width: 20px; }
.page-loading-inner div:first-child { animation: page-loading-inner 1s linear infinite; animation-delay: -.5s; background: #024430; }
.page-loading-inner div:nth-child(2) { animation: page-loading-inner 1s linear infinite; animation-delay: 0s; background: #ffe7bb; }
.page-loading-inner div:nth-child(3) { animation: page-loading-inner-o 1s linear infinite; animation-delay: -.5s; background: #024430; }
.page-loading { display: inline-block; height: 100px; overflow: hidden; width: 100px; }
@keyframes page-loading-inner-o { 0%{opacity:1;transform:translate(0)}49.99%{opacity:1;transform:translate(30px)}50%{opacity:0;transform:translate(30px)}to{opacity:0;transform:translate(0)} }
@keyframes page-loading-inner { 0%{transform:translate(0)}50%{transform:translate(30px)}to{transform:translate(0)} }
@keyframes rotate { 0%,49.999%,to{transform:none}50%,99.999%{transform:rotate(90deg)} }
@keyframes shift-left { 0%,to{transform:translateX(0)}50%{transform:scale(.65) translateX(-75%)} }
@keyframes shift-right { 0%,to{transform:translateX(0)}50%{transform:scale(.65) translateX(75%)} }
.preloader-dots { --uib-size: 30px; --uib-speed: .9s; --uib-color: #425a8b; animation: rotate calc(var(--uib-speed)*2) linear infinite; filter: url(#uib-jelly-ooze); height: calc(var(--uib-size)/2); position: relative; width: var(--uib-size); }
.preloader-dots:before { animation: shift-left var(--uib-speed) ease infinite; }
.preloader-dots:after,.preloader-dots:before { background: var(--uib-color); border-radius: 100%; content: ""; height: 100%; left: 25%; position: absolute; top: 0; width: 50%; }
.preloader-dots:after { animation: shift-right var(--uib-speed) ease infinite; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #069; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #069 transparent transparent; border-width: 5px 5px 0; }
.select2-search--dropdown { padding: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #ccc; border-radius: 4px; margin-bottom: 15px; padding: 8px; }
.select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; scrollbar-width: thin; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #ccc; color: #069; }
.modal-header .btn-close { margin: -.5rem 0 -.5rem auto; }
.icon-16 { color: #071920; height: 16px; }
.banner-1 { padding: 80px 0 70px; }
.banner-2 { background: url(../imgs/page/homepage2/bg-banner.png) no-repeat 100%; }
.banner-3 { background-color: #ebf5f8; }
.banner-3 .banner-1 { padding-bottom: 0; }
.banner-3 .img-banner-1 { width: 53%; }
.banner-3 .img-banner-2 { width: 47%; }
.banner-3 .image-chart { bottom: 30px; position: absolute; right: -60px; z-index: 3; }
.banner-3 .box-image-main { height: 100%; position: relative; width: 100%; }
.banner-3 .box-image-main:before { background: url(../imgs/page/homepage3/bg-banner.png) no-repeat 50%; background-size: contain; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.banner-3 .box-image-main img { left: -70px; position: relative; z-index: 2; }
.banner-4 { background: #ffe7bb url(../imgs/page/homepage4/finger.png) no-repeat 100% 0; position: relative; }
.banner-4 .container { position: relative; z-index: 2; }
.banner-4:before { background: url(../imgs/page/homepage4/finger-2.png) no-repeat 0 100%; background-size: contain; bottom: 0; content: ""; height: 150px; left: 0; position: absolute; width: 133px; z-index: 1; }
.banner-about { background: url(../imgs/page/about/finger.png) no-repeat top 10px right 20px; }
@keyframes hero-thumb-animation { 0%{transform:translateY(-20px)}to{transform:translateY(0)} }
@keyframes hero-thumb-animation-2 { 0%{transform:translateY(0)}to{transform:translateY(-20px)} }
@keyframes hero-thumb-sm-animation { 0%{transform:translateY(-20px) translateX(50px)}to{transform:translateY(-20px) translateX(0)} }
@keyframes hero-thumb-sm-2-animation { 0%{transform:translateY(-50px)}to{transform:translateY(0)} }
.shape-1 { animation: hero-thumb-animation 2s linear infinite alternate; }
.shape-1-2 { animation: hero-thumb-animation-2 2s linear infinite alternate; }
.shape-2 { animation: hero-thumb-sm-animation 4s linear infinite alternate; }
.shape-3 { animation: hero-thumb-sm-2-animation 4s linear infinite alternate; }
.box-container-sw { line-height: 18px; margin: auto; max-width: 700px; min-height: 22px; padding: 10px 0; position: relative; }
.header { border-bottom: 1px solid #b9cad0; float: left; padding: 0; position: relative; width: 100%; }
.header .main-header { align-items: center; display: flex; justify-content: space-between; position: relative; }
.header .main-header .header-left { align-items: center; display: flex; width: 100%; }
.header .main-header .header-left .header-logo { max-width: 150px; width: 100%; }
.header .main-header .header-left .header-logo a { display: block; }
.header .main-header .header-left .header-logo a img { min-height: 37px; }
.header .main-header .header-left .header-nav { display: inline-block; text-align: left; width: 75%; }
.header .main-header .header-left .header-right { padding: 15px 0 15px 15px; text-align: right; width: 40%; }
.header .main-header .header-left .header-right .icon-list { color: #afeae4; cursor: pointer; display: inline-block; font-size: 16px; line-height: 24px; padding: 0 10px; position: relative; }
.header .main-header .header-left .header-right .icon-list:hover { color: var(--primary-color); }
.header .main-header .header-left .header-right .icon-list .arrow-down { background: url(../imgs/template/icons/angle-down.svg) no-repeat right top 3px; padding-right: 22px; }
.header .main-header .header-left .header-right .icon-list .arrow-down:hover { color: var(--primary-color); }
.header .nav-main-menu { float: none; padding: 0; width: auto; }
.header .burger-icon { display: none; }
.header .main-menu { padding-top: 3px; }
.header .main-menu li { float: left; padding-right: 15px; position: relative; text-align: left; }
.header .main-menu li.has-children>a:after { background: url(../imgs/template/icons/angle-down.svg) no-repeat 50%; content: ""; height: 8px; margin-top: -4px; position: absolute; right: 0; top: 50%; width: 12px; }
.header .main-menu li.hr { padding: 0 22px; }
.header .main-menu li.hr span { background-color: #b9cad0; display: block; height: 1px; margin: 5px 0; width: 100%; }
.header .main-menu li a { color: #071920; display: block; font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 23px; padding: 28px 18px 28px 15px; position: relative; text-decoration: none; }
.header .main-menu li a:hover { color: var(--primary-hover-color); }
.header .main-menu li a:hover i { opacity: 1; transition: .2s; }
.header .main-menu li a i { font-size: 12px; margin-right: 8px; opacity: .38; transition: .2s; }
.header .main-menu li div.sub-menu { background-color: #fff; border: 1px solid #cde2e7; border-bottom: 8px solid #afeae4; border-radius: 8px; box-shadow: 0 0 20px 0 rgba(14,41,50,.17); display: none; left: 0; min-width: 220px; opacity: 0; padding: 25px 30px 10px; position: absolute; top: 100%; transition-duration: .2s; visibility: hidden; width: 400px; z-index: 999999; }
.header .main-menu li div.sub-menu .menu-inner { background-color: transparent; border: 0; box-shadow: none; display: flex; flex-wrap: wrap; left: auto; opacity: 1; position: relative; top: auto; visibility: visible; }
.header .main-menu li div.sub-menu .menu-inner li { padding-right: 0; width: 50%; }
.header .main-menu li div.sub-menu .menu-inner li a { color: var(--primary-color); padding-left: 0; padding-right: 0; }
.header .main-menu li div.sub-menu .menu-inner li a svg { color: #8ea4ac; margin-right: 5px; }
.header .main-menu li div.sub-menu .menu-inner li a:hover,.header .main-menu li div.sub-menu .menu-inner li a:hover * { color: #071920; }
.header .main-menu li ul { background-color: #fff; border: 1px solid #cde2e7; border-radius: 8px; box-shadow: 0 0 20px 0 rgba(14,41,50,.17); left: 0; min-width: 220px; opacity: 0; padding: 8px 0; position: absolute; top: 100%; transition-duration: .2s; visibility: hidden; z-index: 999999; }
.header .main-menu li ul li { width: 100%; }
.header .main-menu li ul li a { color: #071920; font-size: 14px; padding: 6px 22px; position: relative; transition: .2s; }
.header .main-menu li ul li a:hover { padding-left: 25px; transition: .2s; }
.header .main-menu li ul li a.closer { padding: 8px 22px; }
.header .main-menu li ul li ul { left: 100%; top: 0; }
.header .main-menu li:hover>.sub-menu,.header .main-menu li:hover>ul { display: block; opacity: 1; visibility: visible; }
.header .main-menu li:hover>.sub-menu li,.header .main-menu li:hover>ul li { width: 100%; }
.header.header2 .header-left .header-right { align-items: center; display: flex; width: 65%; }
.box-notify svg { color: #ffe7bb; height: 14px; }
.sticky-bar.stick { animation: fadeInDown .7s ease-in-out 0s 1 normal none running; background: #fff; border-bottom: 1px solid #b9cad0; box-shadow: 0 8px 20px 0 rgba(0,0,0,.05); left: 0; position: fixed; top: 0; transition: all .3s ease 0s; width: 100%; z-index: 1000; }
.sticky-bar.stick.sticky-white-bg { background-color: #fff; }
.sticky-bar.stick.sticky-blue-bg { background-color: #3286e0; }
.user-account { align-items: center; display: flex; }
.user-account img { border-radius: 50%; margin-right: 10px; max-width: 50px; }
.user-account .user-name { font-size: 14px; font-weight: 600; margin-bottom: 0; }
.perfect-scroll { display: flex; flex-wrap: wrap; height: calc(100dvh - 55px); max-width: 370px; padding: 0 30px; place-content: space-between; position: relative; width: 100%; }
.body-overlay-1 { background: transparent; cursor: crosshair; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 1002; }
.mobile-menu-active .body-overlay-1 { opacity: 1; visibility: visible; }
.dropdown-menu { border: 1px solid #3d565f; border-radius: 4px; }
.dropdown-item { color: #afeae4; font-size: 14px; }
.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover { background-color: #3d565f; color: #afeae4; text-decoration: none; }
.dropdown-language .dropdown-item img { margin-right: 5px; }
.box-dropdown-cart { position: relative; }
.box-dropdown-cart .dropdown-account { width: 150px; }
.box-dropdown-cart .dropdown-account ul li { margin-bottom: 15px; }
.box-dropdown-cart .dropdown-account ul li a { color: #071920; text-decoration: none; }
.box-dropdown-cart .dropdown-account ul li a img { float: left; margin: 4px 10px 0 0; }
.dropdown-cart { background-color: #fff; border: 1px solid #3d565f; border-radius: 0 0 4px 4px; display: none; padding: 22px; position: absolute; right: -70px; top: calc(100% + 22px); transition: all .25s cubic-bezier(.645,.045,.355,1); visibility: hidden; width: 320px; z-index: 99; }
.dropdown-cart.dropdown-open { display: block; visibility: visible; }
.dropdown-account { background-color: #fff; border: 1px solid #cde2e7; border-radius: 8px; box-shadow: 0 0 20px 0 rgba(14,41,50,.17); display: none; padding: 22px; position: absolute; right: 0; top: calc(100% + 30px); transition: all .25s cubic-bezier(.645,.045,.355,1); visibility: hidden; width: 220px; z-index: 99; }
.dropdown-account.dropdown-open { display: block; visibility: visible; }
.dropdown-account ul li { display: flex; flex-wrap: wrap; margin: 0 0 20px; }
.dropdown-account ul li:last-child { margin: 0; }
.dropdown-account ul li a { color: #afeae4; }
.dropdown-account ul li a:hover { color: var(--primary-color); }
.item-cart { display: flex; text-align: left; }
.item-cart .cart-image { margin-right: 15px; max-width: 80px; min-width: 80px; }
.item-cart .cart-image img { width: 100%; }
.item-cart .color-brand-3:hover { color: var(--primary-color) !important; }
.search-post svg { color: #071920; height: 16px; }
.swiper-button-next-notify,.swiper-button-prev-notify { background: none; height: 14px; }
.swiper-button-next-notify:hover,.swiper-button-prev-notify:hover { background: none; }
.swiper-button-next-notify { left: auto; right: 0; top: 12px; }
.swiper-button-prev-notify { left: auto; right: 22px; top: 12px; }
.btn-close { background: none; line-height: 14px; opacity: 1; padding: 7px 22px 5px; position: absolute; right: 0; top: 5px; }
.btn-close svg { height: 16px; }
.swiper-notify.swiper-container { padding-bottom: 0; }
.mobile-header-wrapper-style { background-color: #fff; bottom: 0; box-shadow: 0 0 15px 0 rgba(0,0,0,.09); max-width: 370px; min-height: 100dvh; opacity: 0; position: fixed; right: 0; top: 0; transition: all .25s cubic-bezier(.645,.045,.355,1); visibility: hidden; width: 100%; z-index: 1003; }
.mobile-header-wrapper-style.sidebar-visible { opacity: 1; transform: translate(0); visibility: visible; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner { height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-logo { border-bottom: 1px solid #cde2e7; padding: 15px 30px; position: relative; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-logo img { width: 60px; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top { align-items: center; align-self: center; background-color: #fff; border-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px; padding: 0; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a { display: block; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img { width: 100px; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area { padding: 0; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu { max-width: 370px; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li { display: block; padding: 13px 0; position: relative; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:last-child { border-bottom: none; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand { color: #071920; cursor: pointer; display: block; font-size: 12px; height: 30px; line-height: 38px; position: absolute; right: 0; text-align: center; top: 5px; width: 30px; z-index: 9; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand i { font-size: 18px; font-weight: 300; opacity: .5; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active>.menu-expand { background: hsla(0,0%,100%,.2); }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active>.menu-expand i:before { content: ""; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a { color: var(--primary-color); display: inline-block; font-family: var(--primary-font); font-size: 16px; font-weight: 500; line-height: 24px; position: relative; text-decoration: none; text-transform: capitalize; transition-duration: .2s; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a i { margin-right: 5px; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a:hover { color: var(--success-color); }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul { padding: 10px 0 0 10px; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li { border-bottom: none; padding: 10px 0; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children .menu-expand { top: 0; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li:hover a { padding-left: 13px; transition-duration: .2s; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a { color: #071920; display: block; font-size: 14px; font-weight: 500; padding-left: 10px; position: relative; transition-duration: .2s; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li ul { margin-top: 0; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children.active { padding-bottom: 0; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.hr { padding: 0 0 0 10px; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.hr span { background-color: #b9cad0; display: block; height: 1px; margin: 5px 0; width: 100%; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:hover>a { color: var(--success-color); padding-left: 3px; transition-duration: .2s; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .categories-dropdown-wrap ul li a { padding: 5px 15px; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap { border: 1px solid #071920; border-radius: 5px; margin: 17px 0 30px; padding: 20px; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info { margin-bottom: 13px; position: relative; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:last-child { margin-bottom: 0; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a { color: #071920; display: block; font-size: 14px; font-weight: 500; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a:hover { color: #071920; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a i { color: #071920; font-size: 14px; margin-right: 8px; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown { background-color: transparent; box-shadow: none; display: none; margin-top: 5px; padding: 10px 0 0; width: 100%; z-index: 11; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li { padding-bottom: 10px; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li:last-child { padding-bottom: 0; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a { color: hsla(0,0%,100%,.7); font-size: 16px; font-weight: 400; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a:hover,.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:hover>a { color: #071920; }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-border { border-bottom: 1px solid hsla(0,0%,100%,.15); }
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .site-copyright { color: #071920; font-size: 12px; padding-bottom: 20px; }
.burger-icon { cursor: pointer; height: 20px; position: absolute; right: 0; transition: all .25s cubic-bezier(.645,.045,.355,1); width: 24px; z-index: 1004; }
.burger-icon.burger-close { width: 15px; }
.burger-icon>span { display: block; height: 2px; left: 0; position: absolute; width: 100%; }
.burger-icon>span.burger-icon-top { top: 2px; }
.burger-icon>span.burger-icon-bottom { bottom: 2px; }
.burger-icon>span.burger-icon-mid { top: 9px; }
.burger-icon.burger-close { position: fixed; right: 30px; top: 16px; }
.burger-icon.burger-close>span.burger-icon-top { display: none; opacity: 0; }
.burger-icon.burger-close>span.burger-icon-mid { top: 8px; transform: rotate(45deg); }
.burger-icon.burger-close>span.burger-icon-bottom { bottom: 10px; transform: rotate(-45deg); }
.burger-icon>span:after,.burger-icon>span:before { background-color: #333; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.burger-icon.burger-icon-white>span:after,.burger-icon.burger-icon-white>span:before { background-color: #3d565f; }
.burger-icon.burger-close.burger-icon-white>span:after,.burger-icon.burger-close.burger-icon-white>span:before { background-color: var(--primary-color); }
.mobile-search form { background-color: #efe9ff; border-radius: 8px; height: 44px; padding: 0 15px 0 44px; position: relative; }
.mobile-search form input { background-color: transparent; border: 0; padding: 12px 10px; width: 100%; }
.mobile-search form i { color: #122830; font-size: 18px; left: 18px; position: absolute; top: 14px; }
.mobile-social-icon h6 { font-size: 20px; font-weight: 600; margin-bottom: 30px; }
.mobile-social-icon a { align-content: center; background: #efeaff; border-radius: 30px; display: inline-flex; font-size: 14px; height: 30px; justify-content: center; line-height: 1; margin-right: 5px; text-align: center; transition-duration: .5s; width: 30px; }
.mobile-social-icon a img { max-width: 18px; }
.mobile-social-icon a img:hover { opacity: .8; }
.mobile-social-icon a:hover { margin-top: -2px; transform: translateY(-2px); transition-duration: .5s; }
.mobile-social-icon a:last-child { margin-right: 0; }
.mobile-account { border-bottom: thin solid #b9cad0; border-top: thin solid #b9cad0; margin: 20px 0 25px; padding: 30px 0 20px; }
.mobile-account ul.mobile-menu { column-count: 2; -webkit-columns: 2; -moz-columns: 2; }
.mobile-account h6 { font-size: 18px; font-weight: 600; }
.mobile-account ul li { padding: 8px 0; }
.mobile-account ul li a { color: #071920; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1; position: relative; text-decoration: none; text-transform: capitalize; transition-duration: .2s; }
.mobile-account ul li:hover a { color: #071920; padding-left: 3px; transition-duration: .2s; }
.box-download-app { border-bottom: 1px solid #cde2e7; border-top: 1px solid #cde2e7; margin-bottom: 20px; margin-top: 20px; padding-bottom: 30px; padding-top: 30px; }
.nav-tabs-mobile { display: flex; flex-wrap: nowrap; width: 100%; }
.nav-tabs-mobile li { padding: 0; position: relative; }
.nav-tabs-mobile li a { color: var(--primary-color); display: flex; font-size: 14px; font-weight: 700; line-height: 18px; padding: 10px; }
.nav-tabs-mobile li a svg { color: var(--primary-color); float: left; height: 14px; margin: 2px 5px 0 0 !important; vertical-align: middle; }
.nav-tabs-mobile li a.active,.nav-tabs-mobile li a:hover,.nav-tabs-mobile li a:hover * { color: var(--success-color); }
.nav-tabs-mobile li a.active:before,.nav-tabs-mobile li a:hover :before,.nav-tabs-mobile li a:hover:before { background-color: var(--success-color); bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 100%; }
.nav-tabs-mobile li a.active * { color: var(--success-color); }
.notifications-item { padding: 20px 0 0; }
.notifications-item .item-notify { display: flex; margin-bottom: 30px; }
.notifications-item .item-notify .item-image { margin-right: 15px; max-width: 32px; min-width: 32px; width: 100%; }
.notifications-item .item-notify .item-info { width: 100%; }
.notifications-item .item-notify .item-time { margin-left: 20px; max-width: 63px; min-width: 63px; width: 63px; }
.footer .width-20 { width: 20%; }
.footer .width-25 { width: 25%; }
.footer .width-22 { width: 22%; }
.footer .width-23 { width: 23%; }
.footer .width-16 { width: 19%; }
.footer .menu-footer { display: inline-block; }
.footer .menu-footer li { list-style: none; margin-bottom: 8px; }
.footer .menu-footer li a { color: #4e6770; display: block; font-size: 16px; font-weight: 500; line-height: 24px; padding: 0; text-decoration: none; transition-duration: .2s; }
.footer .menu-footer li a:hover { color: var(--primary-color); padding-left: 2px; transition-duration: .2s; }
.footer .footer-bottom { color: #3d565f; font-size: 14px; padding: 30px 0; }
#scrollUp,.footer .footer-bottom a { text-decoration: none; }
#scrollUp { background-color: var(--primary-color); border: 0; border-radius: 8px; bottom: 20px; color: #fff; height: 56px; overflow: hidden; right: 20px; text-align: center; transition-duration: .2s; width: 56px; z-index: 999 !important; }
#scrollUp i { color: #fff; display: block; font-size: 20px; line-height: 56px !important; }
#scrollUp:hover { background-color: var(--secondary-color); transform: translateY(-3px); transition-duration: .2s; }
.menu-bottom li { display: inline-block; }
.menu-bottom li a { display: block; padding: 0 15px; }
.menu-bottom li:first-child a { padding-left: 0; }
.footer-1 { background-color: #fff; margin: 0; padding: 90px 0 25px; }
.footer-3 { border-top: 1px solid #6a838c; padding-top: 30px; }
.box-newsletter { background-color: #cde2e7; border-radius: 8px; display: inline-block; position: relative; width: 100%; }
.box-newsletter:before { background-size: cover; content: ""; height: 100px; position: absolute; right: 0; top: 0; width: 111px; }
.box-newsletter .img-main { border-radius: 565px; max-width: 100%; width: 100%; }
.box-newsletter .image-1 { bottom: -45px; left: 0; position: absolute; }
.box-newsletter .box-image-newsletter { position: relative; }
.box-newsletter .form-newsletter { background: #fff; border-radius: 8px; padding: 10px; }
.box-newsletter .form-newsletter form { display: flex; }
.box-newsletter .form-newsletter form input { border: 0; box-shadow: none; color: #071920; outline: 0; padding: 10px; width: 100%; }
.box-newsletter.box-newsletter-2 { background-color: #fff; background-image: url(../imgs/page/homepage3/tree.png); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto 80%; border: 1px solid #afeae4; padding-bottom: 50px; }
.box-newsletter.box-newsletter-2 .form-newsletter { border: 1px solid #cde2e7; border-radius: 8px; }
.box-newsletter.box-newsletter-2>.row { position: relative; z-index: 2; }
.box-newsletter.box-newsletter-2:before { background: url(../imgs/page/homepage3/ellipse1.png) no-repeat 100% 0; background-size: contain; content: ""; height: 70px; position: absolute; right: 140px; top: 0; width: 165px; z-index: 1; }
.box-newsletter.box-newsletter-2:after { background: url(../imgs/page/homepage3/ellipse2.png) no-repeat 100% 0; background-size: contain; bottom: 0; content: ""; height: 50px; left: 60px; position: absolute; width: 346px; z-index: 1; }
.box-footer-2 { background-color: #cde2e7; border-radius: 8px; padding: 40px 30px 30px; }
.footer-home2 { padding: 0; }
.footer-home2 .footer-1 { padding-bottom: 0; }
footer a { text-decoration: none; }
.icon-socials { background-size: contain !important; display: inline-block; height: 21px; margin-right: 8px; transition-duration: .2s; vertical-align: middle; width: 21px; }
.icon-socials:hover { transform: translateY(-3px); transition-duration: .2s; }
.icon-socials.icon-facebook,.icon-socials.icon-facebook:hover { background: url(../imgs/template/icons/fb.svg) no-repeat 0 0; transition-duration: .2s; }
.icon-socials.icon-twitter,.icon-socials.icon-twitter:hover { background: url(../imgs/template/icons/tw.svg) no-repeat 0 0; transition-duration: .2s; }
.icon-socials.icon-instagram,.icon-socials.icon-instagram:hover { background: url(../imgs/template/icons/inst.svg) no-repeat 0 0; transition-duration: .2s; }
.icon-socials.icon-linkedin,.icon-socials.icon-linkedin:hover { background: url(../imgs/template/icons/in.svg) no-repeat 0 0; transition-duration: .2s; }
.icon-socials.icon-youtube,.icon-socials.icon-youtube:hover { background: url(../imgs/template/icons/youtube.svg) no-repeat 0 0; transition-duration: .2s; }
.section-padding-30 { padding: 30px 0; }
.section-padding-50 { padding: 50px 0; }
.section-padding-60 { padding: 60px 0; }
.section-padding { padding: 25px 0; }
.ml-3 { margin-left: 3px; }
.ptb-0 { padding: 0; }
.ptb-10 { padding: 10px 0; }
.ptb-20 { padding: 20px 0; }
.ptb-30 { padding: 30px 0; }
.ptb-35 { padding: 35px 0; }
.ptb-32 { padding: 32px 0; }
.ptb-40 { padding: 40px 0; }
.ptb-50 { padding: 50px 0; }
.ptb-60 { padding: 60px 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-0 { margin: 0; }
.mtb-10 { margin: 10px 0; }
.mtb-15 { margin: 15px 0; }
.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; }
.box-radius-bottom { background-color: #cde2e7; border-bottom-left-radius: 120px; border-bottom-right-radius: 120px; padding: 50px 0; }
.box-author { align-items: center; display: flex; }
.box-author img { border-radius: 50%; height: 56px; margin-right: 10px; max-width: 56px; width: 56px; }
.box-author .author-info .author-name { display: block; }
.box-author .author-info img { border-radius: 0; height: auto; margin-right: 0; max-width: 100%; width: 12px; }
.date-post { display: inline-block; margin-right: 30px; }
.date-post svg { color: #6a838c; float: left; margin-right: 5px; }
.time-read { display: inline-block; }
.time-read svg { color: #6a838c; float: left; margin-right: 5px; }
.list-blogs li { border-bottom: 1px solid #ecf1f2; margin-bottom: 30px; padding-bottom: 30px; }
.list-blogs li:last-child { border-bottom: 0; margin-bottom: 0; }
.swiper-group-mr { margin-right: -200px; width: auto; }
.list-ticks { display: flex; flex-wrap: wrap; }
.list-ticks li { color: #3d565f; font-size: 14px; line-height: 18px; margin-bottom: 18px; width: 50%; }
.list-ticks li svg { height: 20px; margin-right: 10px; }
.list-ticks.list-ticks-2 li { width: 100%; }
.list-ticks.list-ticks-2 li:last-child { margin-bottom: 0; }
.list-ticks.list-ticks-2 li.mutted svg { color: #cfdee3; display: inline-block; height: 22px; vertical-align: middle; }
.box-images,.box-images img { position: relative; }
.box-images img { z-index: 2; }
.image-2 { right: 30px; top: 20px; }
.image-2,.image-3 { position: absolute; z-index: 3; }
.image-3 { bottom: -20px; left: -10px; }
.img-main-2 { border-radius: 900px; max-width: 100%; width: 100%; }
.box-images-project { padding-right: 30px; }
.border-bottom { border-bottom: 1px solid #afeae4 !important; margin-bottom: 30px; padding-top: 30px; }
.project-revert .box-images-project { padding-left: 30px; padding-right: 0; }
.list-faqs { border: 0; list-style: none; margin: 0; padding: 0; }
.list-faqs li { margin-bottom: 15px; width: 100%; }
.list-faqs li a { border: 1px solid #ecf1f2; border-radius: 4px; color: #4e6770; display: flex; font-size: 18px; font-weight: 700; line-height: 24px; padding: 14px 26px 16px; text-decoration: none; }
.list-faqs li a span { display: inline-block; width: 100%; }
.list-faqs li a svg { display: inline-block; margin-top: 4px; transition-duration: .2s; }
.list-faqs li a.active,.list-faqs li a:hover { background-color: var(--secondary-color); color: #ffe7bb !important; }
.list-faqs li a.active *,.list-faqs li a.active svg,.list-faqs li a:hover *,.list-faqs li a:hover svg { color: #ffe7bb !important; }
.list-faqs li a:hover svg { transform: rotate(-45deg); transition-duration: .2s; }
.accordion .accordion-button { border: 0; border-top-left-radius: 8px; border-top-right-radius: 8px; color: var(--primary-color); font-size: 20px; font-weight: 700; line-height: 28px; padding: 25px 30px 20px; }
.accordion .accordion-collapse { background-color: #ecf1f2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-width: 0; }
.accordion .accordion-body { padding: 0 50px 30px 30px; }
.accordion-button:not(.collapsed) { background-color: #ecf1f2; }
.accordion-button:not(.collapsed):after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
.bg-plan { background-image: url(../imgs/page/homepage1/bg-plan.png); background-position: 0 0; }
.bg-faqs,.bg-plan { background-repeat: no-repeat; }
.bg-faqs { background-image: url(../imgs/page/homepage1/bg-faqs.png); background-position: 100% 0; background-size: 220px; }
.bg-plant { position: relative; }
.bg-plant:before { background-image: url(../imgs/page/homepage1/plant.png); background-repeat: no-repeat; background-size: contain; bottom: -50px; content: ""; height: 290px; left: 0; position: absolute; width: 290px; z-index: 1; }
.box-info-video { display: inline-block; padding: 0 60px 0 30px; width: 100%; }
.box-info-video img { width: 100%; }
.box-info-video .box-button-video { margin-top: 40px; }
.box-info-video a:hover,.box-info-video a:hover * { color: var(--primary-hover-color) !important; }
.box-cover-video { background-image: url(../imgs/page/homepage1/finger-2.png); background-position: 100% 100%; background-repeat: no-repeat; border-radius: 8px; overflow: hidden; }
.box-cover-video,.line-under { position: relative; }
.line-under:before { background-color: #ffe7bb; bottom: 15px; content: ""; height: 15px; left: 5px; position: absolute; width: 100%; z-index: 1; }
.line-under span { position: relative; z-index: 2; }
.box-top-notify-homepage2 .bg-brand-1 { background-color: #ffe7bb; }
.box-top-notify-homepage2 .box-notify svg { color: var(--primary-color); }
.box-top-notify-homepage2 .color-brand-2 { color: var(--primary-color) !important; }
.box-radius-logo { background-color: #fff; border: 1px solid #cde2e7; border-radius: 24px; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); padding: 50px 30px 40px; }
.list-partners { text-align: center; }
.list-partners li { display: inline-block; min-width: 100px; padding: 10px 20px; }
.list-partners li img { display: inline-block; vertical-align: middle; }
.border-top { border-top: 1px solid #ecf1f2; }
.title-line { color: #4e6770; font-size: 18px; line-height: 18px; padding-left: 99px; position: relative; }
.title-line:before { background-color: var(--primary-color); content: ""; height: 1px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 89px; }
.image-4 { bottom: -50px; right: 10px; }
.image-4,.image-5 { position: absolute; z-index: 3; }
.image-5 { left: 0; top: -10px; }
.item-number { display: flex; margin-bottom: 40px; position: relative; }
.item-number .num-ele { background-color: var(--primary-color); border-radius: 50%; color: #ffe7bb; font-size: 48px; font-weight: 700; height: 83px; line-height: 83px; margin-right: 20px; max-width: 83px; min-width: 83px; text-align: center; width: 83px; }
.item-number .info-num { width: 100%; }
.box-trial-two { align-items: center; display: flex; }
.box-trial-two .trial-col-1 { width: 56%; }
.box-trial-two .trial-col-2 { width: 44%; }
.bg-plan-2 { background-color: #fff; border-bottom: 1px solid #cde2e7; border-top: 1px solid #cde2e7; position: relative; }
.bg-plan-2 .container { position: relative; z-index: 2; }
.bg-plan-2:before { background: url(../imgs/page/homepage2/bg-plan-2.png) no-repeat 0 0; background-size: contain; left: 0; top: 0; }
.bg-plan-2:after,.bg-plan-2:before { content: ""; height: 400px; position: absolute; width: 400px; z-index: 1; }
.bg-plan-2:after { background: url(../imgs/page/homepage2/bg-plan-bottom.png) no-repeat 100% 100%; background-size: contain; bottom: 0; right: 0; }
.tabs-plan { border-bottom: 0; margin-bottom: 20px; margin-top: 25px; text-align: center; }
.tabs-plan,.tabs-plan li { display: inline-block; }
.tabs-plan li a { color: var(--primary-color); display: block; font-size: 18px; font-weight: 700; line-height: 24px; padding: 10px 20px; text-decoration: none; }
.tabs-plan li a.active,.tabs-plan li a:hover { background-color: #afeae4; border-radius: 6px; }
.box-cover-border { border: 1px solid #ecf1f2; border-radius: 8px; overflow: hidden; }
.btn-app { display: inline-block; margin-right: 15px; vertical-align: middle; }
.btn-app img { display: block; }
.box-social-media { background-color: #ecf1f2; border-radius: 8px; display: inline-block; padding: 4px; }
.box-social-media .change-media { margin: 0; }
.line-48 { padding-left: 58px; }
.line-48:before { width: 48px; }
.card-no-border .card-we-do { border: 0; padding: 20px 0; }
.card-no-border .card-we-do .card-image { margin-right: 20px; max-width: 69px; }
.box-video-business { align-items: flex-start; display: flex; margin: 0 -10px; width: 100%; }
.box-video-business .item-video { padding: 0 10px; position: relative; width: 56.7%; }
.box-video-business .box-image-right { padding: 0 10px; width: 43.3%; }
.box-create-account { background-color: #ffefd1; background-image: url(../imgs/page/homepage3/finger.png); background-position: 100% 0; background-repeat: no-repeat; border-radius: 16px; padding: 60px; }
.box-create-account .cardNumber { background-color: #fff !important; border: 1px solid #afeae4; bottom: 20px; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); padding: 40px 50px; position: absolute; right: 10px; z-index: 3; }
.box-image-bg-60 { background-color: #e0f1f4; border-radius: 6px; display: inline-block; margin-bottom: 5px; padding: 10px; position: relative; text-align: center; }
.box-image-bg-60 img { display: block; }
.box-image-account { max-width: 80%; position: relative; }
.box-image-account:before { background-color: #fff; border-radius: 8px; content: ""; height: 100%; left: 7px; position: absolute; top: 7px; width: 100%; z-index: 1; }
.box-image-account img { border-radius: 8px; display: block; position: relative; z-index: 2; }
.bg-testimonials:before { background: url(../imgs/page/homepage3/bg-testimonials.svg) no-repeat right bottom 80px; background-size: contain; content: ""; height: 100%; position: absolute; right: 15px; width: 100%; z-index: 1; }
.box-signup { background-color: #fff; border-radius: 8px; box-shadow: 0 0 20px 0 rgba(14,41,50,.17); margin: 0 0 0 auto; max-width: 449px; padding: 30px; position: relative; z-index: 2; }
.box-signup .btn.btn-brand-1-full { border-radius: 8px; color: #fff; }
.box-signup .btn.btn-brand-1-full:hover { color: var(--primary-color); }
.arrow-down-banner { background: url(../imgs/page/homepage4/arrow-down.png) no-repeat 50%; height: 138px; left: -70px; position: absolute; top: 40%; width: 33px; z-index: 1; }
.arrow-right-banner { background: url(../imgs/page/homepage4/arrow-right.png) no-repeat 50%; bottom: 0; height: 24px; left: calc(100% + 20px); position: absolute; width: 70px; z-index: 1; }
.signin-google img { display: inline-block; margin-right: 10px; vertical-align: middle; }
.text-already a { text-decoration: none; }
.form-cb { float: left; margin: 2px 7px 0 0; }
.scrollbar { background: url(../imgs/page/homepage4/scrollbar.png) no-repeat 50%; background-size: contain; bottom: 20px; height: 56px; left: 0; margin: auto; position: absolute; right: 0; width: 56px; }
.list-partners-left { display: flex; flex-wrap: wrap; }
.list-partners-left li { margin-bottom: 15px; padding: 10px 30px 10px 0; width: 12.5%; }
.list-partners-left li img { max-height: 40px; }
.mw-80 { max-width: 80%; position: relative; }
.mw-80 .image-4 { bottom: 40px; right: -80px; }
.img-round-top { border-top-left-radius: 500px; border-top-right-radius: 500px; display: block; }
.none-bd-bottom .border-bottom { border-bottom: 0 !important; display: none; }
.box-cover-video-revert { background-position: 0 100%; background-size: 100px; }
.box-cover-video-revert .box-info-video { padding: 0 30px 0 60px; }
.header-home5.header { background-color: var(--primary-color); border-bottom: 0; }
.header-home5.header .main-menu>li>a { color: #fff; }
.header-home5.header .main-menu>li>a:hover { color: var(--primary-hover-color); }
.header-home5.header .main-header .header-left .header-right .icon-list .arrow-down { color: #fff !important; }
.header-home5.header .search-post svg { color: #fff; }
.header-home5.header .btn-brand-1 { background-color: #ffe7bb; color: var(--primary-color); }
.header-home5 .burger-icon.burger-icon-white>span:after,.header-home5 .burger-icon.burger-icon-white>span:before { background-color: #fff; }
.header-home5 .burger-icon.burger-close.burger-icon-white>span:after,.header-home5 .burger-icon.burger-close.burger-icon-white>span:before { background-color: var(--primary-color); }
.banner-5 { position: relative; }
.banner-5 .title-line:before { background-color: #8ea4ac; }
.banner-5:before { background-color: var(--primary-color); content: ""; height: 75%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.banner-5 .container { position: relative; z-index: 2; }
.box-video-banner { display: inline-block; margin-top: 45px; width: 100%; }
.box-video-banner .image-banner-5 { border-radius: 16px; overflow: hidden; position: relative; }
.box-video-banner .image-banner-5 img { display: block; width: 100%; }
.box-info-video-banner { display: inline-block; position: relative; width: 100%; }
.box-info-video-banner .box-inner-video-banner { padding-right: 15px; padding-top: 110px; position: absolute; top: -100px; }
.box-info-video-banner .box-inner-video-banner .card-small { background: #fff; border: 1px solid #b9cad0; border-radius: 16px; padding: 20px; position: relative; top: -115px; }
.box-radius-16 { border-radius: 16px; display: inline-block; padding: 80px 120px 30px; width: 100%; }
.box-images-cover { width: 100%; }
.box-images-cover,.box-images-cover .box-images-inner { display: inline-block; position: relative; }
.box-images-cover .box-images-inner .img-project { border: 1px solid #b9cad0; }
.box-container { padding: 0 120px; }
.image-6 { bottom: -10px; max-width: 300px; right: -90px; }
.image-6,.image-7 { position: absolute; z-index: 3; }
.image-7 { left: -60px; max-width: 113px; top: 50px; }
.box-business-inner { padding: 0 100px 0 40px; }
.box-banner-6 { position: relative; text-align: left; width: 100%; }
.box-banner-6:before { background-color: #ffe7bb; border-radius: 50%; bottom: -140px; content: ""; height: 620px; left: -15px; position: absolute; width: 620px; z-index: 1; }
.box-banner-6 .img-main { display: block; max-width: 90%; position: relative; z-index: 3; }
.box-banner-6 .img-testimonials-1 { bottom: 210px; left: -120px; position: absolute; z-index: 2; }
.box-banner-6 .img-testimonials-2 { bottom: 20px; position: absolute; right: 0; z-index: 4; }
.banner-6 { background-color: #e0f1f4; overflow: hidden; }
.box-banner-right-home6 { padding-bottom: 50px; padding-top: 50px; }
.header-home6 { background-color: #e0f1f4; border-bottom: 0; }
.lists-logo { align-content: space-between; display: flex; }
.lists-logo li { display: inline-block; text-align: center; width: 100%; }
.lists-logo li img { display: inline; max-width: 110px; }
.box-author-1 { left: -190px; position: absolute; top: -120px; }
.box-author-2 { position: absolute; right: -210px; top: 10%; }
.box-author-3 { left: -260px; position: absolute; top: 50%; }
.box-banner-7 { margin: 0 -10px; }
.box-banner-7 .banner-7-img-1 { padding: 0 10px; transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg); transform-style: preserve-3d; transition: all .3s ease-in; width: 50%; will-change: transform; }
.box-banner-7 .banner-7-img-1 img { border-radius: 8px; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); margin-bottom: 20px; width: 100%; }
.box-banner-7 .banner-7-img-2 { padding: 0 10px; transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg); transform-style: preserve-3d; transition: all .3s ease-in; width: 50%; will-change: transform; }
.box-banner-7 .banner-7-img-2 img { border-radius: 8px; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); margin-bottom: 20px; width: 100%; }
.header-home7 { border-bottom: 0; }
.box-joined { align-items: center; display: flex; }
.join-thousands { max-width: 189px; }
.box-authors { align-items: center; display: flex; max-width: 170px; width: 90%; }
.box-authors .item-author { display: inline-block; height: 47px; margin-right: -18px; width: 47px; }
.box-authors .item-author img { border: 1.5px solid #fff; border-radius: 50%; display: block; height: 47px; width: 47px; }
.box-authors .item-author .text-num-author { background-color: #fff; border-radius: 50%; display: block; height: 47px; line-height: 47px; margin: -1.5px 0 0 -1.5px; text-align: center; width: 47px; }
.box-join-now { margin-bottom: 45px; max-width: 441px; }
.box-join-now .box-form-join { background-color: #fff; border-radius: 38px; padding: 8px; }
.box-join-now .box-form-join form { display: flex; }
.box-join-now .box-form-join form input { border: 0; height: 46px; }
.box-join-now .box-form-join form input:focus { outline: 0; }
.box-radius-32 { background-color: #e0f1f4; border: 1px solid #cde2e7; border-radius: 32px; height: 690px; overflow: hidden; }
.lbl-on-top { background-color: var(--warning-color); border-radius: 24px; left: 29px; padding: 24px 42px; position: absolute; top: 26px; }
.box-banner-left-home7 { padding: 0 0 0 86px; }
.ml-minus-85 { margin-left: -86px; }
.mr-minus-85 { margin-right: -86px; }
.box-banner-7 { display: flex; }
.box-banner-7 .banner-7-img-1,.box-banner-7 .banner-7-img-2 { width: 50%; }
.box-banner-7 .banner-7-img-1 img,.box-banner-7 .banner-7-img-2 img { width: 100%; }
.box-number-business .cardNumber { border: 1px solid #cde2e7; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); display: inline-block; padding: 18px 30px; }
.box-image-4 { bottom: 50px; left: -40px; position: absolute; z-index: 3; }
.box-number-business { position: absolute; right: 110px; top: 80px; z-index: 3; }
.list-partners-2 li { padding: 10px 30px 10px 0; }
.box-banner-home8 { background: url(../imgs/page/homepage8/bg.jpg) no-repeat top; background-size: cover; padding: 120px 0 20px; }
.banner-8 { position: relative; }
.asset-1 { background: url(../imgs/page/homepage8/asset1.png) no-repeat 50%; background-size: contain; height: 97px; left: 100px; width: 86px; }
.asset-1,.asset-3 { position: absolute; top: 90px; }
.asset-3 { background: url(../imgs/page/homepage8/asset3.png) no-repeat 50%; background-size: contain; height: 66px; right: 350px; width: 66px; }
.asset-2 { background: url(../imgs/page/homepage8/asset2.png) no-repeat 50%; background-size: contain; height: 75px; left: 100px; position: absolute; top: 300px; width: 75px; }
.asset-4 { background: url(../imgs/page/homepage8/asset4.png) no-repeat 50%; background-size: contain; height: 53px; position: absolute; right: 100px; top: 340px; width: 59px; }
.asset-5 { background: url(../imgs/page/homepage8/asset5.png) no-repeat 50%; background-size: contain; height: 226px; left: 350px; position: absolute; top: 440px; width: 215px; }
.box-item-comment { display: flex; }
.box-item-comment .image-comment { margin-right: 30px; min-width: 130px; }
.box-item-comment .image-comment img { border-radius: 16px; width: 100%; }
.box-item-comment .info-comment { position: relative; }
.box-item-comment .info-comment .comment-quote { background: url(../imgs/page/homepage8/quote.png) no-repeat 100% 0; max-width: 375px; padding-right: 40px; }
.box-phones { background: url(../imgs/page/homepage8/bg-img.png) no-repeat bottom; background-size: contain; display: inline-block; max-width: 100%; position: relative; }
.box-phones .box-phones-inner { align-items: flex-end; display: flex; max-width: 100%; padding: 0 30px; }
.box-phones .box-phones-inner img { display: block; position: relative; z-index: 2; }
.box-our-app { padding-left: 40px; }
.box-number-2 { border: 1px solid #fff; border-radius: 8px; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); display: inline-block; max-width: 254px; padding: 30px 0; text-align: center; width: 100%; }
.box-charts { align-items: flex-end; display: flex; margin: 0 -8px; }
.box-charts .box-chart-1 { margin-bottom: 16px; max-width: 380px; padding: 0 8px; width: 100%; }
.box-charts .box-chart-2 { margin-bottom: 16px; max-width: 325px; padding: 0 8px; width: 100%; }
.box-charts .item-chart-inner { border: 1px solid #cde2e7; border-radius: 8px; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); overflow: hidden; padding: 0; }
.box-charts .box-reviews { padding: 0 8px; width: 100%; }
.box-charts .box-reviews .item-chart-inner { padding: 30px 30px 10px; }
.box-charts .box-reviews .item-chart-inner .col-lg-6 { padding: 0 8px; }
.box-banner-home9 { background: url(../imgs/page/homepage9/bg-banner.png) no-repeat top; background-size: cover; padding: 120px 0 0; }
.box-image-banner-9 { text-align: center; }
.box-image-banner-9 img { display: block; margin: auto; }
.box-ticks { background-color: #fff; border: 5px solid #afeae4; border-radius: 16px; bottom: -70px; left: 0; padding: 45px 45px 25px; position: absolute; width: 100%; }
.item-tick { display: inline-block; padding: 5px 0 5px 38px; }
.image-automated { margin-top: -20px; }
.box-circle-image { position: relative; }
.box-circle-image img { position: relative; z-index: 2; }
.box-circle-image:before { background: url(../imgs/page/homepage9/bg-img3.png) no-repeat 100% 100%; background-size: contain; bottom: 0; content: ""; height: 87%; position: absolute; right: 0; width: 87%; z-index: 1; }
.box-circle-image .box-number-business { right: 70px; top: 270px; }
.box-circle-image .box-image-4 { bottom: 10px; }
.pager-style-2 .swiper-pagination .swiper-pagination-bullet { background-color: #cde2e7; }
.pager-style-2 .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--primary-color); }
.box-radius-32-style-2 { background-color: #dff9f3; border: 1px solid #cde2e7; border-radius: 32px; padding: 70px 90px; }
.box-radius-32-style-2 .arrow-right-banner { bottom: 10px; left: -70px; right: auto; }
.box-radius-32-style-2 .arrow-down-banner { left: -20px; }
.accordionStyle2.accordion .accordion-collapse { background-color: #fff; }
.accordionStyle2.accordion .accordion-button { padding: 41px 40px; }
.accordionStyle2 .accordion-button:not(.collapsed) { background-color: #fff; }
.accordionStyle2 .accordion-item { background-color: #fff; border: 1px solid #cde2e7; border-radius: 16px; box-shadow: 9px 11px 23px 0 rgba(6,61,79,.12); margin-bottom: 30px; overflow: hidden; }
.accordionStyle2 .accordion-button:after { background-image: url(../imgs/page/homepage9/plus.png); }
.img-round-top-small { border-radius: 363px 363px 0 0; display: inline-block; }
.box-imgs-branding .img-round-top { display: inline-block; }
.box-imgs-branding { position: relative; }
.img-branding-small { bottom: -20px; left: 0; max-width: 50%; position: absolute; }
.box-banner-home10 { padding: 70px 0 50px; }
.list-buttons-circle { border-bottom: 0; margin-bottom: 90px; }
.list-buttons-circle li a { background-color: #e0f1f4 !important; border: 1px solid #cde2e7 !important; border-radius: 50px !important; color: #3d565f !important; font-size: 20px !important; font-weight: 700 !important; line-height: 28px !important; padding: 24px 32px !important; }
.list-buttons-circle li a.active { background-color: #ffe7bb !important; border: 1px solid var(--primary-color) !important; color: var(--primary-color) !important; }
.box-tab-32 { background-color: #fff; border-radius: 32px; padding: 55px 65px; }
.box-tab-32 img { width: 100%; }
.box-business-tab { padding: 0 0 0 30px; }
.bg-explore { position: relative; }
.bg-explore .container { position: relative; z-index: 2; }
.bg-explore:before { background-image: url(../imgs/page/homepage10/grid.svg); background-repeat: no-repeat; background-size: cover; content: ""; height: 100%; opacity: .1; top: 0; z-index: 1; }
.banner-abs,.bg-explore:before { left: 0; position: absolute; width: 100%; }
.banner-abs { top: 50%; transform: translateY(-50%); }
.banner-abs .w-50 { max-width: 119px; }
.box-info-banner11 { background-color: #fff; padding: 80px 50px; }
.box-banner-home11 { position: relative; }
.box-banner-home11 .box-swiper .swiper-container { padding-bottom: 0; }
.swiper-pagination-group-11 { bottom: auto !important; height: auto !important; left: auto !important; position: absolute; right: 79px; text-align: center; top: 50%; transform: translateY(-50%); width: 17px !important; }
.swiper-pagination-group-11.swiper-pagination .swiper-pagination-bullet { background-color: #e0f1f4; height: 12px; margin: 2px 0; vertical-align: middle; width: 12px; }
.swiper-pagination-group-11.swiper-pagination .swiper-pagination-bullet-active { background-color: #ffe7bb; border-radius: 50%; height: 17px; margin: 2px 0; width: 17px; }
.box-why-trusted-11 { padding: 90px 0; }
.card-offer-2 { background-color: #ffe7bb; border: 1px solid #fff; border-radius: 16px; }
.card-offer-2:hover { background-color: #e0f1f4; border: 1px solid #b9cad0; box-shadow: none; }
.card-offer-2 .card-image { height: auto; }
.card-offer-2 .card-image img { max-height: 57px; }
.list-partners-6 { align-content: space-between; display: flex; }
.list-partners-6 li { padding: 0; text-align: left; width: 16.66%; }
.list-partners-6 li img { max-height: 52px; }
.list-partners-6 li:last-child { text-align: right; }
.bd-rd0 { border-radius: 0 !important; }
.pl-mb-0 { padding-left: 0 !important; }
.pr-mb-0 { padding-right: 0 !important; }
.box-cover-video-convert { background-image: url(../imgs/page/homepage1/finger-2.png); background-position: left -20px bottom; background-repeat: no-repeat; }
.box-cover-video-convert .box-info-video { padding-left: 80px; padding-right: 50px; }
.banner-11 { display: block !important; }
.banner-11 .swiper-slide>img { display: block; }
.banner-slide-11 { background-position: top; background-repeat: no-repeat; background-size: cover; min-height: 780px; }
.banner-12 { background-image: url(../imgs/page/homepage12/hero-bg.png); background-size: cover; min-height: 700px; position: relative; }
.banner-12 .asset-1 { background: url(../imgs/page/homepage12/asset1.png) no-repeat 50%; background-size: contain; height: 69px; left: 15%; position: absolute; top: 30%; width: 81px; }
.banner-12 .asset-3 { background: url(../imgs/page/homepage12/asset3.png) no-repeat 50%; background-size: contain; height: 115px; position: absolute; right: 350px; top: 30%; width: 38px; }
.banner-12 .asset-2 { background: url(../imgs/page/homepage12/asset2.png) no-repeat 50%; background-size: contain; bottom: 10%; height: 49px; left: 30%; position: absolute; top: unset; width: 65px; }
.banner-12 .asset-4 { background: url(../imgs/page/homepage12/asset4.png) no-repeat 50%; background-size: contain; height: 75px; position: absolute; right: 100px; top: 340px; width: 91px; }
.banner-12 .asset-5 { background: url(../imgs/page/homepage12/asset5.png) no-repeat 50%; background-size: contain; bottom: 25%; height: 44px; left: unset; position: absolute; right: 30%; top: unset; width: 44px; }
.image-slideshow { height: 287px; margin: 0 auto; overflow: hidden; position: relative; transform: translateZ(0); width: 100%; }
.image-slideshow>div { background-image: url(../imgs/page/homepage12/members.png); height: 100%; left: 0; position: absolute; top: 0; transform: translateZ(0); width: 3840px; }
.image-slideshow .mover-1,.image-slideshow .mover-2 { animation: moveSlideshow 30s linear infinite; }
.image-slideshow .mover-2 { opacity: 0; transition: opacity .5s ease-out; }
@keyframes moveSlideshow { to{transform:translateX(-66.6666%)} }
.home12-logos { padding: 80px 0; }
.box-right .box-image-account { float: right; }
.box-right .box-create-account .cardNumber { left: 50px; right: unset; }
.box-create-account.bg-4 { background-color: #d1ecf7; }
.box-banner-service { padding: 30px 30px 30px 0; }
.box-banner-abs { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.box-button-slider-bottom { padding-top: 30px; position: relative; text-align: center; }
.box-button-slider-bottom .swiper-button-prev-group-4 { background-image: none; border: 1px solid var(--primary-color); border-radius: 50%; display: inline-block; height: 42px; left: auto; margin: 0 7px; position: relative; right: auto; top: auto; width: 42px; }
.box-button-slider-bottom .swiper-button-prev-group-4 svg { color: var(--primary-color); height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.box-button-slider-bottom .swiper-button-prev-group-4:hover { background-color: var(--primary-color); }
.box-button-slider-bottom .swiper-button-prev-group-4:hover * { color: #fff; }
.box-button-slider-bottom .swiper-button-next-group-4 { background-image: none; border: 1px solid var(--primary-color); border-radius: 50%; display: inline-block; height: 42px; left: auto; margin: 0 5px; position: relative; right: auto; top: auto; width: 42px; }
.box-button-slider-bottom .swiper-button-next-group-4 svg { color: var(--primary-color); height: 16px; left: 0; margin: auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.box-button-slider-bottom .swiper-button-next-group-4:hover { background-color: var(--primary-color); }
.box-button-slider-bottom .swiper-button-next-group-4:hover * { color: #fff; }
.head-bg-brand-2 .card-offer-style-3 .card-head { background-color: #ffe7bb; }
.head-bg-5 .card-offer-style-3 .card-head { background-color: #dff9f3; }
.head-bg-1 .card-offer-style-3 .card-head { background-color: #efe9ff; }
.head-bg-2 .card-offer-style-3 .card-head { background-color: #ffeade; }
.head-bg-3 .card-offer-style-3 .card-head { background-color: #fdffd4; }
.head-bg-4 .card-offer-style-3 .card-head { background-color: #d1ecf7; }
.head-bg-7 .card-offer-style-3 .card-head { background-color: #ffefd1; }
.box-business-rd { border: 1px solid #cde2e7; border-radius: 8px; padding: 30px; }
.box-business-service { background: url(../imgs/page/service/finger.png) no-repeat 50%; min-height: 654px; position: relative; width: 100%; }
.box-business-service .box-number-1 { left: 35%; max-width: 125px; position: absolute; top: 20%; z-index: 12; }
.box-business-service .box-number-1 .cardNumber { padding: 14px 20px; }
.box-business-service .box-image-1 { left: 86px; position: absolute; top: 280px; z-index: 3; }
.box-business-service .box-image-1 img { width: 120px; }
.box-business-service .box-image-2 { left: 206px; position: absolute; top: 420px; z-index: 2; }
.box-business-service .box-image-2 img { height: 240px; }
.box-business-service .box-image-3 { position: absolute; right: 0; top: 0; }
.box-business-service .box-image-3 img { height: 400px; }
.box-business-service .box-image-3 .cardNumber { bottom: 20px; left: 15px; margin-bottom: 0; position: absolute; right: 15px; }
.box-business-service .cardNumber { border: 1px solid #cde2e7; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); padding: 18px 30px; }
.no-bg-faqs .bg-faqs { background: none; }
.bg-plan-3 { position: relative; }
.bg-plan-3 .container { position: relative; z-index: 3; }
.bg-plan-3:before { background-image: url(../imgs/page/homepage1/bg-plan.png); background-position: 0 0; background-repeat: no-repeat; background-size: contain; height: 230px; width: 230px; z-index: 2; }
.bg-plan-3:after,.bg-plan-3:before { content: ""; left: 0; position: absolute; top: 0; }
.bg-plan-3:after { background-color: #cde2e7; height: 68%; width: 100%; z-index: 1; }
.table-compare { border: 0; border-collapse: collapse; min-width: 800px; width: 100%; }
.table-compare thead tr th { background-color: #cde2e7; color: var(--primary-color); font-size: 16px; line-height: 24px; padding: 20px; }
.table-compare thead tr th.color-success { color: var(--success-color); }
.table-compare tbody tr td { border-bottom: 1px solid #cde2e7; color: #4e6770; font-size: 16px; line-height: 24px; padding: 20px; }
.icon-18 { height: 18px; }
.icon-disable { color: #b9cad0; }
.icon-enable { color: var(--success-color); }
.width-28 { width: 28%; }
.box-video { margin: auto; max-width: 84%; position: relative; }
.box-video>img { border-radius: 16px; }
.box-video .image-1 { left: -80px; position: absolute; top: -10px; }
.box-image-detail { position: relative; }
.btn.btn-apply,.btn.btn-apply svg { color: #fff; }
.content-detail { margin-top: -90px; position: relative; z-index: 2; }
.box-detail-content { background-color: #fff; border: 1px solid #cde2e7; border-radius: 16px; padding: 50px 50px 20px; }
.box-detail-content p { color: #3d565f; font-size: 16px; line-height: 24px; margin-bottom: 11px; }
.box-detail-content h1,.box-detail-content h2,.box-detail-content h3,.box-detail-content h4,.box-detail-content h5,.box-detail-content h6 { margin-bottom: 25px; margin-top: 30px; }
.box-detail-content ul { list-style: disc; padding-left: 20px; }
.box-detail-content ul li { color: #3d565f; font-size: 16px; line-height: 32px; }
.box-info-bottom { border-top: 1px solid #cde2e7; display: inline-block; margin-top: 60px; padding-top: 40px; width: 100%; }
.bd-grey-80 { border-bottom-color: #cde2e7 !important; }
.item-job { align-items: flex-start; display: flex; margin-bottom: 24px; }
.item-job .left-title { max-width: 117px; min-width: 117px; width: 100%; }
.item-job .left-title span { color: #3d565f; display: inline-block; font-size: 16px; line-height: 24px; padding: 0 0 0 25px; }
.item-job .left-title .industry { background: url(../imgs/page/job-detail/building.svg) no-repeat 0; }
.item-job .left-title .salary { background: url(../imgs/page/job-detail/salary.svg) no-repeat 0; }
.item-job .left-title .jobtype { background: url(../imgs/page/job-detail/job-type.svg) no-repeat 0; }
.item-job .left-title .updated { background: url(../imgs/page/job-detail/update.svg) no-repeat 0; }
.item-job .left-title .joblevel { background: url(../imgs/page/job-detail/job-level.svg) no-repeat 0; }
.item-job .left-title .experience { background: url(../imgs/page/job-detail/experience.svg) no-repeat 0; }
.item-job .left-title .deadline { background: url(../imgs/page/job-detail/deadline.svg) no-repeat 0; }
.item-job .left-title .location { background: url(../imgs/page/job-detail/location.svg) no-repeat 0; }
.item-job .right-info { color: #071920; font-size: 16px; line-height: 24px; width: 100%; }
.banner-contact { background: linear-gradient(1turn,rgba(205,226,231,.44),rgba(205,226,231,0)); padding: 110px 0 150px; position: relative; }
.banner-contact .banner-1 { padding: 0; }
.box-banner-contact { background: url(../imgs/page/contact/bg-banner.png) no-repeat top; background-size: contain; bottom: 0; overflow: hidden; padding-top: 30px; position: absolute; right: 0; text-align: right; width: 50%; }
.box-banner-contact img { display: block; }
.box-form-contact { border: 1px solid #cde2e7; border-radius: 16px; padding: 40px; }
.box-form-contact .form-control { font-size: 16px; line-height: 24px; }
.card-contact { border: 0; padding: 0; }
.card-contact .card-image { margin-right: 15px; max-width: 69px; text-align: left; }
.card-contact:hover { border: 0; box-shadow: none; }
textarea.textarea-control { height: auto; min-height: 150px; }
.icon-user { background-image: url(../imgs/page/contact/user.svg); }
.icon-email,.icon-user { background-position: right 15px center; background-repeat: no-repeat; padding-right: 40px; }
.icon-email { background-image: url(../imgs/page/contact/email.svg); }
.icon-phone { background-image: url(../imgs/page/contact/phone.svg); }
.icon-company,.icon-phone { background-position: right 15px center; background-repeat: no-repeat; padding-right: 40px; }
.icon-company { background-image: url(../imgs/page/contact/company.svg); }
.box-register { padding: 100px 130px 0 0; }
.box-page-register { border-bottom: 1px solid #cde2e7; padding-bottom: 110px; position: relative; }
.box-page-register .container { position: relative; z-index: 2; }
.box-page-register:before { background-color: #e0f1f4; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 41%; z-index: 1; }
.line-register { background: url(../imgs/page/register/line.png) no-repeat 0 0; background-size: contain; display: inline-block; height: 8px; width: 100%; }
.icon-password { background-image: url(../imgs/page/register/password.svg); }
.icon-name,.icon-password { background-position: right 15px center; background-repeat: no-repeat; padding-right: 40px; }
.icon-name { background-image: url(../imgs/page/register/name.svg); }
.box-steps-small { padding-left: 90px; padding-right: 150px; padding-top: 220px; }
.box-steps-small .item-number { cursor: pointer; margin-bottom: 30px; }
.box-steps-small .item-number .num-ele { font-size: 26px; height: 48px; line-height: 48px; max-width: 48px; min-width: 48px; width: 48px; }
.box-steps-small .item-number .info-num h5 { margin-bottom: 8px !important; }
.box-steps-small .item-number .info-num .font-md { font-size: 14px; line-height: 18px; }
.box-steps-small .item-number.active .num-ele,.box-steps-small .item-number:hover .num-ele { background-color: var(--success-color); }
.line-login { background: url(../imgs/page/login/line.png) no-repeat 0 0; background-size: contain; display: inline-block; height: 8px; width: 100%; }
.box-banner-login { margin: auto; max-width: 450px; }
.banner-login .box-banner-abs { top: 40%; transform: translateY(-40%); }
.icon-read { background: url(../imgs/page/blog/dot.svg) no-repeat 0; display: inline-block; margin-left: 20px; padding: 0 0 0 20px; }
.lbl-border { background-color: #fff; border: 1px solid var(--primary-color); border-radius: 4px; font-size: 12px; font-weight: 700; line-height: 12px; padding: 12px 16px; position: absolute; right: 18px; top: 17px; }
.title-ads { font-size: 32px; font-weight: 800; line-height: 35px; }
.box-ads-1 { background-color: #f9faf5; background-image: url(../imgs/page/blog/bg-free.png); background-position: 100% 100%; background-repeat: no-repeat; border: 1px solid #122830; margin: auto; max-width: 70%; padding: 30px 40px; }
.list-buttons { display: inline-block; text-align: center; width: 100%; }
.list-buttons li { display: inline-block; margin: 0 4px 8px; }
.list-buttons li a { background-color: #fff; border: 1px solid #cde2e7; border-radius: 8px; color: #3d565f; display: inline-block; font-size: 16px; line-height: 24px; padding: 11px 22px; text-decoration: none; }
.list-buttons li a.active,.list-buttons li a:hover { background-color: var(--primary-color); border: 1px solid #024430; color: #ffe7bb; }
.breadcrumbs ul li { display: inline-block; }
.breadcrumbs ul li a { background: url(../imgs/page/blog-detail/arrow.svg) no-repeat right 5px center; color: #3d565f; display: block; padding: 0 20px 0 0; text-decoration: none; }
.breadcrumbs ul li a svg { color: #8ea4ac; float: left; margin: 0 5px 0 0; }
.breadcrumbs ul li:last-child a { background: none; }
.content-single p { color: #3d565f; font-size: 16px; line-height: 24px; margin-bottom: 25px; }
.content-single h1,.content-single h2,.content-single h3,.content-single h4,.content-single h5,.content-single h6 { color: var(--primary-color); margin-bottom: 24px; }
.content-single ul { list-style: disc; margin-bottom: 24px; padding-left: 20px; }
.content-single ul li { color: #3d565f; font-size: 16px; line-height: 24px; }
.column-2 { -moz-column-count: 2; column-count: 2; -moz-column-gap: 40px; column-gap: 40px; }
.w-250 { max-width: 250px; }
.list-number { list-style: decimal; padding-left: 15px; }
.list-number li { margin-bottom: 5px; }
.list-number li a { color: #3d565f; font-size: 14px; font-weight: 500; line-height: 32px; }
.list-number li a:hover { color: var(--success-color); }
.sidebar-author { margin-top: 160px; padding-left: 20px; }
.list-categories { list-style: none; margin: 0; padding: 0; }
.list-categories li { display: inline-block; margin-bottom: 10px; padding: 0 5px; }
.banner-shop-grid { padding: 120px 0; text-align: center; }
.box-banner-shop-grid { background-position: 100% 0; background-repeat: no-repeat; }
.box-banner-shop-grid .container { position: relative; z-index: 2; }
.box-banner-shop-grid:before { background-size: contain; bottom: 0; content: ""; height: 377px; left: 0; position: absolute; width: 549px; }
.filter-link { background-position: 50%; background-repeat: no-repeat; display: inline-block; height: 24px; margin-right: 12px; vertical-align: middle; width: 24px; }
.filter-link.btn-grid { background-image: url(../imgs/page/shop/grid.svg); }
.filter-link.btn-grid:hover { background-image: url(../imgs/page/shop/grid-active.svg); }
.filter-link.btn-list { background-image: url(../imgs/page/shop/list.svg); }
.filter-link.btn-list:hover { background-image: url(../imgs/page/shop/list-active.svg); }
.filter-link:last-child { margin-right: 0; }
.dropdown-sort .btn { background-image: url(../imgs/page/shop/arrow-down.svg); background-position: right 15px center; background-repeat: no-repeat; border: 1px solid #cde2e7; padding: 16px 44px 16px 16px; }
.dropdown-sort .dropdown-toggle:after { display: none; }
.dropdown-sort .dropdown-menu { border: 1px solid #cde2e7; padding: 0; }
.dropdown-sort .dropdown-item { color: #3d565f; padding: 10px 15px; }
.dropdown-sort .dropdown-item.active,.dropdown-sort .dropdown-item:active,.dropdown-sort .dropdown-item:hover { background-color: #cde2e7; }
.box-sale { background-color: #e0f1f4; margin-bottom: 30px; padding: 40px 30px; position: relative; }
.box-sale.box-sale-left { padding-left: 45%; }
.box-sale .box-img-right { bottom: 0; position: absolute; right: 0; }
.box-sale .box-img-left { bottom: 0; left: 0; position: absolute; }
.box-banner-shop-list { padding: 0; }
.box-banner-image { display: inline-block; padding: 32px; width: 100%; }
.mw-90 { max-width: 90%; }
.list-buttons-round li a { border-radius: 50px; }
.box-info-banner-shop-list { padding: 5px 32px; }
.box-quantity { display: flex; }
.box-quantity .form-quantity { background-color: #fff; border: 1px solid #cde2e7; border-radius: 4px; height: 50px; max-width: 95px; overflow: hidden; position: relative; width: 95px; }
.box-quantity .form-quantity input { border: 0; color: var(--primary-color); font-size: 26px; font-weight: 700; height: 50px; line-height: 34px; padding: 7px 20px 10px 25px; width: 100%; }
.box-quantity .form-quantity .button-quantity { background-position: 50%; background-repeat: no-repeat; cursor: pointer; height: 20px; position: absolute; right: 5px; top: 3px; width: 40px; }
.box-quantity .form-quantity .button-up { background-image: url(../imgs/page/shop-list/up.svg); }
.box-quantity .form-quantity .button-down { background-image: url(../imgs/page/shop-list/down.svg); bottom: 3px; top: auto; }
.slider-nav-thumbnails { margin-top: 10px; padding: 0 55px; }
.slider-nav-thumbnails .slick-prev { border: 1px solid var(--primary-color); border-radius: 50%; height: 42px; left: 0; line-height: 10px; margin-top: -21px; position: absolute; top: 50%; width: 42px; }
.slider-nav-thumbnails .slick-prev svg { color: var(--primary-color); }
.slider-nav-thumbnails .slick-prev:hover { background-color: var(--primary-color); color: #ffe7bb; }
.slider-nav-thumbnails .slick-prev:hover * { color: #ffe7bb; }
.slider-nav-thumbnails .slick-next { border: 1px solid var(--primary-color); border-radius: 50%; height: 42px; line-height: 10px; margin-top: -21px; position: absolute; right: 0; top: 50%; width: 42px; }
.slider-nav-thumbnails .slick-next svg { color: var(--primary-color); }
.slider-nav-thumbnails .slick-next:hover { background-color: var(--primary-color); color: #ffe7bb; }
.slider-nav-thumbnails .slick-next:hover * { color: #ffe7bb; }
.slider-nav-thumbnails .slick-slide { padding: 8px; }
.slider-nav-thumbnails .slick-slide .item-thumb { border: 1px solid #cde2e7; cursor: pointer; padding: 8px; }
.slider-nav-thumbnails .slick-slide .item-thumb img { display: inline-block; vertical-align: middle; }
.box-info-collection { padding: 0 20px; }
.table-product-info { border: 1px solid #cde2e7; }
.table-product-info tr td,.table-product-info tr th { border: 1px solid #cde2e7; padding: 10px 30px; vertical-align: middle; }
.table-product-info tr th { background-color: #ecf1f2; color: #071920; font-size: 16px; line-height: 24px; width: 45%; }
.table-product-info tr td { background-color: #fff; color: #6a838c; font-size: 16px; line-height: 24px; width: 55%; }
.box-info-product { border: 1px solid #cde2e7; padding: 33px 40px; }
.box-banner-team { display: flex; padding-left: 10%; position: relative; width: 100%; }
.box-banner-team .arrow-down-banner { background: url(../imgs/page/team/arrow-down.png) no-repeat 50%; height: 107px; left: 33%; top: 60%; width: 26px; }
.box-banner-team .arrow-right-banner { background: url(../imgs/page/team/arrow-right.png) no-repeat 50%; bottom: 50px; height: 26px; left: 40%; width: 107px; }
.banner-col-1,.banner-col-2,.banner-col-3 { padding: 0 8px; width: 33.33; }
.img-banner { margin-bottom: 16px; }
.img-banner.hasBorder { position: relative; }
.img-banner.hasBorder:before { border: 3px solid #afeae4; content: ""; height: 100%; left: -8px; position: absolute; top: 8px; width: 100%; z-index: 1; }
.img-banner.hasBorder img { position: relative; z-index: 2; }
.img-banner.hasBorder2 { position: relative; }
.img-banner.hasBorder2:before { border: 3px solid #afeae4; content: ""; height: 100%; position: absolute; right: -8px; top: -8px; width: 100%; z-index: 1; }
.img-banner.hasBorder2 img { position: relative; z-index: 2; }
.banner-team { background: url(../imgs/page/team/circle.png) no-repeat 0 0; }
.box-images-team .item-video { width: 55.5%; }
.box-images-team .box-image-right { width: 44.5%; }
.list-core-value-white li .ticked { background-color: #fff !important; }
.border-brand { border: 1px solid var(--primary-color); }
footer.footer-4 { background: url(../imgs/page/coming/bg-wave.png) no-repeat top; background-size: auto 100%; display: block; height: 190px; width: 100%; }
.box-notify-me { position: relative; }
.box-notify-me .inner-notify-me { border: 1px solid #cde2e7; border-radius: 8px; padding: 9px 10px; position: relative; }
.box-notify-me .inner-notify-me .form-control { border: 0; height: 48px; }
.box-notify-me .inner-notify-me .btn-brand-1 { padding: 10px 24px 12px; position: absolute; right: 10px; top: 9px; }
.title-line-right { display: inline-block; padding-right: 112px; position: relative; }
.title-line-right:before { background-color: #ffe7bb; bottom: 9px; content: ""; height: 4px; position: absolute; right: 0; width: 102px; }
.title-line-right.line-brand-3:before { background-color: #afeae4; }
.title-line-right.line-brand-4:before { background-color: #e8b0e8; }
.title-line-right.line-info:before { background-color: #28a7e6; }
.text-none { text-transform: none !important; }
.box-banner-help { align-items: flex-end; display: flex; margin: 0 -10px; padding-left: 70px; position: relative; }
.box-banner-help .banner-img-1,.box-banner-help .banner-img-2 { padding: 0 10px; }
.box-cruelty { position: absolute; right: -40px; top: -30px; z-index: 2; }
.swiper-style-2 .box-button-slider-bottom { position: unset; }
.swiper-style-2 .box-button-slider-bottom .swiper-button-prev-group-4 { left: -70px; position: absolute; top: 33%; }
.swiper-style-2 .box-button-slider-bottom .swiper-button-next-group-4 { position: absolute; right: -70px; top: 33%; }
.box-radius-border.box-radius-border-help { border-radius: 8px; box-shadow: none; overflow: hidden; padding: 0; }
.box-info-answer { padding-left: 30px; }
.table-forum { margin-bottom: 0; min-width: 900px; }
.table-forum thead th { background-color: #d1ecf7; padding: 24px 30px 14px; text-align: center; vertical-align: bottom; }
.table-forum thead th:first-child,.table-forum thead th:last-child { text-align: left; }
.table-forum tbody tr td { border-bottom: 1px solid #cde2e7; color: #3d565f; font-size: 18px; line-height: 23px; padding: 30px; text-align: center; vertical-align: middle; }
.table-forum tbody tr td:first-child,.table-forum tbody tr td:last-child { text-align: left; }
.table-forum tbody tr td .box-author img { height: 42px; width: 42px; }
.table-forum tbody tr td .author-name { line-height: 18px; }
.table-forum tbody tr:last-child td { border-bottom: 0; }
.table-box-help { border: 1px solid #cde2e7; border-radius: 8px; overflow: hidden; }
.width-16 { width: 16%; }
.width-18 { width: 18%; }
.width-50 { width: 50%; }
.item-forum { display: flex; }
.item-forum .item-image { background-color: #cde2e7; border-radius: 8px; height: 84px; line-height: 64px; margin-right: 30px; padding: 10px; text-align: center; width: 104px; }
.item-forum .item-image img { display: inline-block; max-height: 52px; vertical-align: middle; }
.box-bg-term { background-color: #ffefd1; background-image: url(../imgs/page/term/bg-right.png); background-position: 100% 0; height: 450px; overflow: hidden; top: 0; width: 100%; z-index: 1; }
.box-bg-term,.box-bg-term:before { background-repeat: no-repeat; left: 0; position: absolute; }
.box-bg-term:before { background-image: url(../imgs/page/term/bg-left.png); background-position: 0 0; background-size: contain; bottom: -80px; content: ""; height: 250px; width: 176px; }
.content-term { position: relative; }
.content-term .container { position: relative; z-index: 2; }
.list-terms { list-style: decimal; margin-bottom: 40px; padding-left: 20px; }
.list-terms li { margin-bottom: 0; }
.list-terms li a { color: #3d565f; font-size: 14px; line-height: 32px; }
.list-terms li a:hover { color: var(--success-color); }
.box-list-numbers { display: flex; margin: 0 -10px; width: 100%; }
.box-list-numbers .item-list-number { display: inline-block; padding: 0 10px; width: 20%; }
.box-image-bg { background-color: #e0f1f4; border-radius: 8px; display: inline-block; line-height: 44px; margin-bottom: 10px; max-width: 64px; min-height: 44px; padding: 10px; width: 100%; }
.box-image-bg img { display: inline-block; max-height: 61px; vertical-align: middle; }
.box-radius-border { border: 1px solid #cde2e7; border-radius: 24px; box-shadow: 0 0 30px 0 rgba(14,41,50,.08); padding: 40px 60px; }
.item-core { align-items: center; display: flex; width: 100%; }
.item-core .item-image { margin-right: 30px; max-width: 164px; min-width: 164px; width: 100%; }
.item-core .item-image img { border-radius: 4px; }
.item-core .item-desc { width: 100%; }
.box-core-value { padding-left: 80px; padding-top: 15px; position: relative; }
.box-core-value .shape-left { height: 107px; left: 30px; position: absolute; top: 35px; width: 26px; }
.box-border-dashed { border-bottom: 1px dashed #6a838c; }
.list-core-value { list-style: none; margin: 0; padding: 0; }
.list-core-value li { margin-bottom: 20px; padding-left: 40px; position: relative; }
.list-core-value li .ticked { background: #e0f1f4 url(../imgs/page/about/tick.svg) no-repeat 50%; border-radius: 50%; height: 27px; left: 0; position: absolute; top: 0; width: 27px; }
.list-core-value li:last-child .box-border-dashed { border-bottom: 0; }
.bg-core-value { background-image: url(../imgs/page/about/circle.png); background-position: 0 100%; background-repeat: no-repeat; }
.list-dots { list-style: disc; padding-left: 25px; }
.list-dots li { color: #4e6770; }
.box-story-1 { margin-bottom: -70px; }
.list-socials { margin-top: 30px; }
.list-socials .icon-socials { height: 16px; width: 16px; }
.box-list-core-value { margin-top: 110px; }
@media (max-width:1550px) {
  .bg-faqs { background-size: 190px; }
  .banner-3 .image-chart { right: 0; }
  .arrow-right-banner { left: calc(100% - 95px); }
  .mr-minus-85 { margin-right: -46px; }
  .ml-minus-85 { margin-left: -46px; }
  .box-banner-left-home7 { padding-left: 46px; }
}
@media (max-width:1399.98px) {
  .card-plan { padding: 20px 15px; }
  .card-plan .card-image-plan .icon-plan { height: 72px; line-height: 72px; margin-right: 10px; max-width: 72px; min-width: 72px; }
  .box-story-1 { margin-bottom: -30px; }
  .box-banner-abs { left: auto; position: relative; top: auto; transform: none; }
  .banner-login .box-banner-abs { padding: 60px 0; top: auto; transform: none; }
  .box-steps-small { padding-left: 0; padding-right: 50px; padding-top: 220px; }
  .box-register { padding-right: 0; }
  .box-sale { padding: 20px; }
  .box-sale .box-img-right { width: 140px; }
  .box-sale .box-img-left { width: 30%; }
  .box-sale.box-sale-left { padding-left: 30%; }
  .box-container { padding: 0; }
  .box-banner-6:before { height: 520px; width: 520px; }
  .image-automated { margin-top: 0; }
}
@media (max-width:1199.98px) {
  .header { padding: 10px 0; }
  .header .header-right .btn.btn-brand-1 { padding: 8px 16px; }
  .burger-icon { display: inline-block; }
  .header .burger-icon { display: block; }
  .header .main-header .header-left .header-right { padding-right: 40px; text-align: right; width: 100%; }
  .header .main-header .header-left .header-nav { width: 0; }
  .box-info-video { padding: 10px 20px 10px 0; }
  .box-info-video .box-button { margin-top: 25px !important; }
  .box-info-video .box-button-video { margin-top: 20px; }
  h3 { font-size: 32px; line-height: 44px; }
  .card-plan { padding: 20px; }
  .card-plan .card-image-plan .icon-plan { height: 82px; line-height: 82px; margin-right: 15px; max-width: 82px; min-width: 82px; }
  .box-button.mt-65 { margin-top: 25px !important; }
  .box-info-video h2 { font-size: 35px; line-height: 45px; }
  .box-business-service .box-image-2 { left: auto; right: 50px; }
  .box-business-service .box-image-1 { left: 46px; top: 420px; }
  .box-business-service .box-number-1 { left: 0; }
  .banner-contact { padding: 60px 0; }
  .box-ads-1 { max-width: 100%; }
  .box-banner-shop-grid { background-image: none; }
  .box-info-banner-shop-list { padding: 5px 15px; }
  .box-info-banner-shop-list h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px !important; }
  .box-info-banner-shop-list .box-price-banner { margin-bottom: 15px !important; }
  .box-info-banner-shop-list .box-share-banner { margin-top: 30px !important; }
  .box-info-product { padding: 21px 20px; }
  .table-product-info { border: 1px solid #cde2e7; }
  .table-product-info tr td,.table-product-info tr th { padding: 10px 15px; }
  .box-info-answer { padding: 15px 0; }
  .box-info-answer h2 { font-size: 35px; line-height: 45px; margin-bottom: 8px !important; }
  .box-info-answer .font-md { margin-bottom: 10px !important; }
  .box-info-answer .box-button { margin-top: 15px !important; }
  .box-radius-16 { padding: 50px 40px 20px; }
  .box-radius-16.bg-7 .box-container { padding-left: 30px !important; padding-right: 30px !important; }
  .box-business-inner { padding: 0 20px 0 0; }
  .box-business-inner .mt-20,.box-business-inner .mt-50 { margin-top: 10px !important; }
  .box-business-inner .list-ticks li { margin-bottom: 10px; }
  .image-6 { right: -40px; }
  .box-author-3 { left: -210px; }
  .box-banner-left-home7 { padding-right: 30px; }
  .card-review { padding: 30px 30px 25px; }
  .asset-1 { left: 50px; top: 50px; }
  .asset-2 { left: 30px; }
  .asset-3 { top: 50px; }
  .asset-3,.asset-4 { right: 50px; }
  .asset-5 { left: 230px; top: 550px; }
  .box-tab-32 { padding: 25px 35px; }
  .box-cover-video-convert .box-info-video { padding-left: 20px; padding-right: 20px; }
}
@media (max-width:991.98px) {
  .box-container-sw .box-swiper { padding-left: 30px; }
  .box-container-sw .box-button-slider { left: 30px; }
  .footer .width-16,.footer .width-20 { width: 50%; }
  .footer .width-23 { width: 100%; }
  .box-info-video { padding: 20px; }
  .box-cover-video-revert .box-info-video { padding: 35px 20px 30px; }
  .mw-80 { margin-bottom: 30px; }
  .mw-80 .image-4 { right: -50px; }
  h1 { font-size: 50px; line-height: 60px; }
  h2 { font-size: 36px; line-height: 46px; }
  .box-images-project { margin-bottom: 50px; padding-right: 0; }
  .box-newsletter .box-image-newsletter { margin-bottom: 40px; }
  .footer .width-16,.footer .width-20 { margin-bottom: 20px; }
  .box-signup { margin: 40px auto; max-width: 100%; }
  .list-partners-left li { width: 16.66%; }
  .box-story-1 { margin-bottom: -30px; }
  .box-list-core-value { margin-top: 20px; }
  .box-list-numbers { flex-wrap: wrap; }
  .box-radius-border { padding: 30px 20px; }
  .box-radius-border h2 { font-size: 26px; line-height: 36px; }
  .box-radius-border .font-lg { font-size: 14px; line-height: 18px; }
  .box-business-service .box-image-1,.box-business-service .box-number-1 { left: 15%; }
  .box-business-service { margin: 50px 0 30px; }
  .box-detail-content { padding: 40px 20px 10px; }
  .box-ads-1 { background-size: auto 70%; }
  .sidebar-author { margin-top: 60px; padding-left: 0; }
  .box-page-register:before { width: 100%; }
  .box-register,.box-steps-small { padding-top: 50px; }
  .box-sale .box-img-right { width: 120px; }
  .box-sale .box-img-left { bottom: auto; top: 19%; transform: translateY(-20%); }
  .banner-shop-grid { padding-bottom: 50px; padding-top: 50px; }
  .box-banner-shop-grid:before { height: 247px; width: 249px; }
  .box-info-banner-shop-list { padding: 25px; }
  .box-info-answer { padding: 15px 20px; }
  .box-bg-term { background-size: 140px; height: 290px; }
  .box-bg-term:before { bottom: -80px; height: 200px; width: 146px; }
  .box-notify .box-swiper { max-width: 90%; }
  .box-info-video-banner .box-inner-video-banner { padding-top: 20PX; position: relative; top: auto; }
  .box-info-video-banner .box-inner-video-banner .card-small { top: 20px; }
  .banner-5:before { height: 42%; }
  .banner-5 .mb-100 { margin-bottom: 0 !important; }
  .box-business-inner { padding: 30px; }
  .image-7 { left: -37px; max-width: 75px; }
  .box-images-cover { text-align: center; }
  .lists-logo { flex-wrap: wrap; }
  .lists-logo li { margin-bottom: 20px; width: 25%; }
  .box-author-1,.box-author-2,.box-author-3 { display: none; }
  .card-radius-32 .box-cover-pd { padding: 10px; }
  .card-radius-32 .box-cover-pd-2 { padding-left: 20px; padding-right: 20px; }
  .box-image-4 { bottom: -50px; left: -20px; }
  .box-number-business { right: 70px; top: 90px; }
  .asset-2 { right: 10px; top: 370px; }
  .asset-4 { right: 20px; top: 370px; }
  .box-our-app { padding-left: 0; }
  .box-ticks { bottom: -130px; }
  .banner-9.mb-100 { margin-bottom: 150px !important; }
  .card-radius-32 .box-cover-pd-3 { padding-left: 30px; padding-right: 30px; }
  .box-radius-32-style-2 .arrow-down-banner { left: -50px; }
  .box-radius-32-style-2 .arrow-right-banner { bottom: 50px; left: -80px; }
  .box-banner-home9 { padding-top: 60px; }
  .box-business-tab { padding: 30px 0 0; }
  .list-buttons-circle li { margin-bottom: 15px; }
  .list-buttons-circle li a { font-size: 16px !important; font-weight: 700 !important; line-height: 24px !important; padding: 14px 20px !important; }
  .box-imgs-branding { padding-top: 50px; }
  .box-cover-video-convert .box-info-video { background-image: url(../imgs/page/homepage1/finger-2.png); background-position: left -20px bottom; background-repeat: no-repeat; padding: 50px 20px 110px; }
  .list-partners-6 { flex-wrap: wrap; }
  .list-partners-6 li { padding: 10px 0; width: 33.33%; }
  .list-partners-6 li:nth-child(3) { text-align: right; }
}
@media (max-width:767.98px) {
  .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img { max-width: 140px; }
  .image-3 { left: 0; width: 100px; }
  .image-2 { right: 10px; top: -10px; width: 75px; }
  .bg-faqs { background: #fff; }
  h2 { font-size: 30px; line-height: 40px; }
  .box-trial-two .trial-col-1,.box-trial-two .trial-col-2 { width: 50%; }
  .image-4 { width: 100px; }
  .list-partners li img { max-height: 27px; }
  .list-partners-left li img { height: auto; }
  .list-partners li { min-width: 50px; padding: 10px; }
  .list-partners-2 li { padding-left: 0; }
  .box-radius-logo { padding: 30px 15px 20px; }
  .title-line { padding-left: 69px; }
  .title-line:before { width: 59px; }
  .menu-bottom { margin-bottom: 15px; }
  .box-video-business { flex-wrap: wrap; }
  .box-video-business .box-image-right,.box-video-business .item-video { width: 100%; }
  .box-video-business .item-video { margin-bottom: 20px; }
  .box-create-account { padding: 30px; }
  .bg-testimonials .ml-100,.bg-testimonials .ml-20 { margin-left: 0 !important; }
  .bg-testimonials:before { right: 0; }
  .box-newsletter.box-newsletter-2 { background-image: none; }
  .arrow-down-banner,.arrow-right-banner { display: none; }
  .list-partners-left li { width: 20%; }
  .box-newsletter.box-newsletter-2:before { right: 30px; }
  .box-business-service .box-image-1,.box-business-service .box-number-1 { left: 0; }
  .box-business-service .box-image-2 img { height: 140px; }
  .box-business-service .box-image-3 img { height: auto; max-height: 350px; }
  .box-business-service { min-height: 524px; }
  .table-compare tbody tr td,.table-compare thead th { font-size: 14px; padding: 15px; }
  .box-video { max-width: 100%; }
  .box-video .image-1 { left: -20px; max-width: 100px; top: -20px; }
  .column-2 { -moz-column-count: 1; column-count: 1; }
  .box-404 { padding-top: 50px; }
  .box-404 .border-bottom { margin-top: 20px !important; }
  .box-banner-shop-grid:before { width: 100%; }
  .box-filter-text { flex-wrap: wrap; }
  .box-sortby,.text-showing { margin-right: 0 !important; width: 100%; }
  .text-showing { margin-bottom: 10px; }
  .box-sortby { place-content: flex-end; }
  .dropdown-sort .btn { background-position: right 7px center; padding: 7px 29px 7px 10px; }
  .btn.btn-white-circle { font-size: 14px; line-height: 18px; padding: 10px 15px; }
  .card-product.card-product-list .card-image { max-width: 153px; min-width: 153px; }
  .swiper-style-2 .box-button-slider-bottom .swiper-button-next-group-4,.swiper-style-2 .box-button-slider-bottom .swiper-button-prev-group-4 { display: none; }
  .width-16 { width: 16%; }
  .width-18 { width: 24%; }
  .width-50 { width: 40%; }
  .box-radius-16 { padding: 40px 10px 20px; }
  .image-6 { right: 0; }
  .lists-logo li { width: 33.33%; }
  .mr-minus-85 { margin-right: 0; }
  .ml-minus-85 { margin-left: 0; }
  .box-banner-left-home7 { padding-left: 30px; padding-right: 30px; }
  .box-radius-32 { height: auto; padding-bottom: 40px; padding-top: 40px; }
  .box-number-business { right: -10px; }
  .asset-2,.asset-4 { display: none; }
  .box-radius-32-style-2 { padding: 30px 15px; }
  .box-ticks { bottom: auto; padding: 20px 20px 0; top: 93%; }
  .banner-9.mb-100 { margin-bottom: 180px !important; }
  .box-tab-32 { padding: 15px; }
  .swiper-pagination-group-11 { right: 5px; }
  .banner-slide-11 { min-height: 500px; }
  .box-info-banner11 { padding: 50px 40px; }
  .accordion .accordion-button { font-size: 16px; line-height: 24px; }
  .accordionStyle2.accordion .accordion-button { padding: 25px; }
  .accordionStyle2.accordion .accordion-body { padding: 0 25px 30px; }
}
@media (max-width:575.98px) {
  .header { padding: 10px 0; }
  .swiper-button-next,.swiper-button-prev { display: none; }
  .box-container-sw .swiper-button-next,.box-container-sw .swiper-button-prev { display: block; }
  .swiper-button-prev-notify { right: 7px; top: -15px; }
  .swiper-button-next-notify { right: -11px; top: -15px; }
  .swiper-button-next-style-2,.swiper-button-prev-style-2 { display: block; }
  h1 { font-size: 34px; line-height: 40px; }
  h4 { font-size: 20px; line-height: 30px; }
  .list-ticks li { width: 100%; }
  .bg-plant:before { display: none; }
  .box-newsletter .image-1 img { width: 75px; }
  .box-radius-bottom { border-bottom-left-radius: 90px; border-bottom-right-radius: 90px; }
  .list-partners-left li { width: 25%; }
  .box-newsletter.box-newsletter-2:after { bottom: 0; height: 35px; left: 0; width: 246px; }
  .box-list-numbers .item-list-number { margin-bottom: 30px; width: 33.33%; }
  .box-story .box-info-video { padding: 10px 0; }
  .box-video .image-1 { left: 10px; top: -20px; }
  .list-buttons li a { font-size: 14px; line-height: 18px; padding: 7px 15px; }
  .column-2 { -moz-column-gap: 20px; column-gap: 20px; }
  .box-number-business { right: 10px; top: 50px; }
  .asset-5 { display: none; }
}
@media (max-width:499.98px) {
  .footer .width-16,.footer .width-20,.footer .width-23 { width: 100%; }
  h2 { font-size: 25px; line-height: 35px; }
  .image-4 { width: 80px; }
  .image-5 { width: 60px; }
  .card-we-do .card-image { max-width: 75px; }
  .box-create-account .cardNumber { bottom: 0; padding: 20px; position: absolute; right: 0; }
  .box-create-account .cardNumber .card-head { font-size: 50px; line-height: 62px; }
  .box-image-account { max-width: 90%; }
  .list-partners-left li { width: 33.33%; }
  .btn-app img { height: 40px; }
  .item-core { flex-wrap: wrap; }
  .item-core .item-image { margin-bottom: 20px; margin-right: 0; max-width: 100%; min-width: auto; }
  .box-business-service .box-number-1 { top: 0; }
  .card-product.card-product-list { flex-wrap: wrap; }
  .card-product.card-product-list .card-image { max-width: 100%; min-width: 100%; }
  .box-count.box-count-square .deals-countdown .countdown-amount { height: 70px; line-height: 45px !important; width: 65px; }
  .perfect-scroll { padding: 0 15px; }
  .item-tick.font-xl-bold { font-size: 14px; line-height: 18px; }
}
@media (max-width:449.98px) {
  .box-newsletter .image-1 img { width: 55px; }
  .box-newsletter { padding: 20px; }
  h5 { font-size: 18px; line-height: 24px; }
  .bg-plan-2:after,.bg-plan-2:before { height: 300px; width: 300px; }
  .box-trial-two { flex-wrap: wrap; }
  .box-trial-two .trial-col-1 { margin-bottom: 20px; }
  .box-trial-two .trial-col-1,.box-trial-two .trial-col-2 { width: 100%; }
  .btn.btn-brand-1 { padding: 13px 12px; }
  .btn { border-radius: 4px; }
  .list-partners-left li { width: 50%; }
  .box-ads-1 { padding: 15px 20px; }
  .box-sale .box-img-right { width: 110px; }
  .btn.btn-play-center { height: 54px; width: 54px; }
  .card-marketing .card-image { margin-right: 15px; }
  .join-thousands { max-width: 179px; }
  .box-authors .item-author,.box-authors .item-author img { height: 40px; width: 40px; }
  .box-authors .item-author .text-num-author { height: 40px; line-height: 35px; width: 40px; }
  .box-banner-left-home7 { padding-left: 20px; padding-right: 20px; }
  .asset-1 { left: 20px; top: 30px; }
  .asset-1,.asset-3 { height: 57px; width: 46px; }
  .asset-3 { right: 10px; top: 40px; }
  .box-item-comment { flex-wrap: wrap; }
  .box-item-comment .image-comment { margin-bottom: 20px; }
  .list-buttons-circle li a { font-size: 12px !important; line-height: 14px !important; padding: 10px 12px !important; }
  .banner-9.mb-100 { margin-bottom: 130px !important; }
  .box-circle-image .box-number-business { right: 10px; top: 180px; }
  .box-circle-image .box-image-4 { bottom: 0; }
  .list-partners-6 { flex-wrap: wrap; }
  .list-partners-6 li { width: 50%; }
  .list-partners-6 li:nth-child(3n) { text-align: left; }
  .list-partners-6 li:nth-child(2n) { text-align: right; }
  .box-info-banner11 { padding: 20px; }
}
@media (max-width:349.98px) {
  .mobile-header-wrapper-style { width: 310px; }
  .perfect-scroll { width: 100%; }
  .card-blog-list .card-image { margin-left: 10px; max-width: 80px; }
  .card-testimonial-grid { padding: 20px; }
  .box-list-numbers .item-list-number { width: 50%; }
  .box-business-service .box-image-1 img { width: 80px; }
  .box-business-service .box-image-1,.box-business-service .box-image-2 { top: 370px; }
  .box-video .image-1 { max-width: 70px; }
  .box-ads-1 { background-size: auto 50%; }
  .box-count.box-count-square .deals-countdown .countdown-amount { font-size: 22px !important; height: 60px; line-height: 40px !important; width: 55px; }
  .nav-tabs-mobile li a { padding: 10px 8px; }
  .join-thousands { max-width: 140px; }
  .card-radius-32 .box-cover-pd-3 { padding-left: 10px; padding-right: 10px; }
  .banner-9.mb-100 { margin-bottom: 170px !important; }
  .item-tick.font-xl-bold { font-size: 12px; line-height: 14px; }
  .item-tick { padding: 8px 0 8px 38px; }
}
@media (min-width:1400px) {
  .container.wide { max-width: 1544px; }
}
.box-newsletter .loading-newsletter { height: 20px; width: 20px; }
.box-dropdown-cart .dropdown-account { min-width: 175px; padding: 25px; }
.show-admin-bar header.sticky-bar.stick { top: 40px; }
.box-list-blogs { min-height: 500px; }
.box-list-blog-loading { display: inline-block; height: 80px; left: 50%; top: 5%; transform: translateX(-50%); width: 80px; z-index: 999; }
.box-list-blog-loading:after { animation: box-list-blog-loading 1.2s linear infinite; border: 6px solid var(--primary-color); border-color: var(--primary-color) transparent var(--primary-color) transparent; border-radius: 50%; content: " "; display: block; height: 64px; margin: 8px; width: 64px; }
@keyframes box-list-blog-loading { 0%{transform:rotate(0deg)}to{transform:rotate(1turn)} }
.backdrop-box-list-blogs { background: #fff; height: 100%; opacity: .5; position: absolute; width: 100%; z-index: 9; }
.featured-post .btn-category { cursor: pointer; }
.blog-sidebar { margin-top: 30px; }
.blog-sidebar .title-blog-sidebar { border-bottom: 1px solid #dcdcdc; font-size: 20px; font-weight: 700; margin: 0 20px; padding: 20px 0; }
.blog-sidebar .post-item { display: flex; padding: 20px; }
.blog-sidebar .post-item .post-image { border-radius: 5px; max-width: 85px; }
.blog-sidebar .post-item .post-meta { margin-left: 10px; }
.blog-sidebar .post-item .post-meta .title { font-size: 16px; font-weight: 600; line-height: 24px; }
.blog-sidebar .post-item .post-meta .description { align-items: center; display: flex; margin-top: 10px; }
.blog-sidebar .post-item .post-meta .description .avatar-author { height: 25px; width: 25px; }
.blog-sidebar .post-item .post-meta .description .name { font-weight: 400; margin-left: 10px; }
.blog-sidebar .post-item .post-meta .description .date { color: #6c757d; font-weight: 400; margin-left: 30px; }
.tag-sidebar { margin-top: 30px; }
.tag-sidebar .title-tag-sidebar { border-bottom: 1px solid #dcdcdc; font-size: 20px; font-weight: 700; margin: 0 20px; padding: 20px 0; }
.btn-tag:hover { color: #fff; }
.card .title-search-sidebar { border-bottom: 1px solid #dcdcdc; font-size: 20px; font-weight: 700; margin: 0 20px; padding: 20px 0; }
.category-sidebar { margin-top: 30px; }
.category-sidebar .title-category-sidebar { border-bottom: 1px solid #dcdcdc; font-size: 20px; font-weight: 700; margin: 0 20px; padding: 20px 0; }
.category-sidebar ul li.category { align-items: center; display: flex; padding: 10px 0; }
.category-sidebar ul li.category a { font-size: 16px; font-weight: 600; line-height: 24px; }
.category-sidebar ul li.category span.category-count { font-size: 16px; font-weight: 600; line-height: 24px; margin-left: auto; }
.ck-content .list-ticks-2 { list-style-type: none; }
.col-lg-4 .card-blog-grid .card-image img { max-height: 260px; }
.col-lg-6 .card-blog-grid .card-image img { max-height: 400px; }
.banner-login { height: 800px; }
.line-login,.line-register { background: unset; }
.banner-shop-grid .title { margin: 0 auto; width: 600px; }
@media screen and (max-width:768px) {
  .banner-shop-grid .title { width: auto; }
}
.form-select-soft-by { border: 1px solid #cde2e7; padding: 14px 44px 14px 16px; }
.loading-spinner-wrapper { background: hsla(0,0%,100%,.651); bottom: 0; display: none; height: 1000px; left: 0; padding-top: 120px; position: absolute; right: 0; text-align: center; top: 0; z-index: 10; }
.loading-spinner-wrapper .loading-spinner { display: inline-block; height: 80px; width: 80px; }
.loading-spinner-wrapper .loading-spinner:after { animation: loading-spinner .9s linear infinite; border-color: #024430 transparent; border-radius: 50%; border-style: solid; border-width: 4px; content: " "; display: block; height: 54px; margin: 8px; width: 54px; }
@keyframes loading-spinner { 0%{transform:rotate(0deg)}to{transform:rotate(1turn)} }
.card-product { position: relative; }
.card-product .box-quick-view { display: none; opacity: 0; transition-duration: .2s; visibility: hidden; }
.card-product .box-quick-view .quick-view { left: 50% !important; margin: unset !important; right: unset !important; transform: translateX(-50%); width: unset !important; }
.card-product .box-quick-view .quick-view a { width: 50px !important; }
.card-product:hover .box-quick-view { display: block; opacity: 1; transition-duration: .2s; visibility: visible; }
.card-product:hover .box-quick-view .quick-view { border: 1px solid #d0d5dd; border-radius: 8px; display: flex; left: 0; margin: auto; overflow: hidden; position: absolute; right: 0; top: 110px; width: 150px; }
.card-product:hover .box-quick-view .quick-view a { align-content: center; align-items: center; background-color: #fff; display: flex; height: 46px; justify-content: center; padding: 10px; width: 33.33%; }
.card-product .card-info .price { max-width: unset; min-width: 95px; text-align: left; width: 100%; }
.card-product .card-info .price .text-price .price-regular { color: var(--primary-color); font-family: var(--secondary-font),sans-serif; font-size: 22px; font-weight: 700; line-height: 24px; }
.card-product .card-info .price .text-price .price-line { color: #6d747e; font-size: 14px; line-height: 19px; text-decoration: line-through; }
.card-product .card-info .button-loading:hover { color: transparent !important; }
.product-rate { background-position: 0 -12px; transition: all .5s ease-out 0s; -webkit-transition: all .5s ease-out 0s; width: 60px; }
.product-rate,.product-rating { background-image: url(../imgs/page/product/rating-stars.png); background-repeat: repeat-x; height: 12px; }
.product-rating { background-position: 0 0; }
.button-loading { opacity: .7; }
.modal-loading { background-color: #fff; height: 100%; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; }
.modal-loading:before { animation: button-loading-spinner 1s linear infinite; border: 3px solid #024430; border-bottom-color: transparent; border-radius: 50%; content: ""; height: 40px; left: 50%; margin-left: -9px; margin-top: -9px; position: absolute; top: 50%; width: 40px; }
.product-modal-content { min-height: 400px; }
.cart .breadcrumb-cart-page { background-color: #f2f4f7; min-height: auto; padding: 30px 0; text-align: center; }
.cart .breadcrumb-cart-page .title { font-size: 30px; font-weight: 700; margin-bottom: 40px; padding-top: 20px; }
.cart .breadcrumb-cart-page .description { font-size: 18px; font-weight: 400; line-height: 25px; }
.cart .cart-page-content { margin-top: 50px; }
.cart .cart-page-content .detail-extralink .detail-qty { background: #fff; border: 1px solid #afeae4 !important; border-radius: 5px; color: var(--success-color); font-size: 16px; font-weight: 700; max-width: 110px; padding: 11px 20px 11px 30px; width: 100%; }
.cart .cart-page-content .detail-extralink input.qty-val { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; border: 0; border-radius: 0; color: #004b52; font-size: 20px; font-weight: 700; height: unset; padding: 0 !important; width: 100%; }
.cart .cart-page-content .cart-form__contents td { vertical-align: middle; }
.box-price { display: inline-block; margin: 30px 0 20px; width: 100%; }
.box-price .price { font-family: var(--primary-font),sans-serif; font-weight: 700; margin-right: 15px; }
.box-price .price-old { color: #667085; font-size: 28px; line-height: 32px; text-decoration: line-through; }
.btn { border-radius: 50px; font-family: var(--primary-font),sans-serif; font-size: 18px; letter-spacing: .45px; line-height: 22px; padding: 18px 32px; transition: .2s; }
.form-coupon-wrapper .form-control { background: #fff; border: 0; border-radius: 0; box-shadow: none; color: #98a2b3; font-size: 14px; height: 60px; line-height: 20px; padding-left: 30px; padding-right: 30px; width: 100%; }
.input-group .form-control,.input-group .form-floating,.input-group .form-select { flex: 1 1 auto; min-width: 0; position: relative; width: 1%; }
.form-coupon-wrapper .input-group .form-control { border: 1px solid; }
.btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); }
.detail-qty a { color: var(--success-color); font-size: 16px; height: 20px; position: absolute; right: 8px; width: 20px; }
.detail-qty a.qty-down { background: url(../imgs/page/single-product/arrow-down.svg) no-repeat 50%; bottom: 1px; }
.detail-qty a.qty-up { background: url(../imgs/page/single-product/arrow-up.svg) no-repeat 50%; top: 1px; }
.detail-extralink .detail-qty { background: #fff; border: 1px solid #afeae4 !important; border-radius: 5px; color: var(--success-color); display: inline-block; font-size: 16px; font-weight: 700; margin: 0 6px 15px 0; max-width: 110px; padding: 11px 20px 11px 30px; position: relative; vertical-align: top; width: 100%; }
.cart-page-content { position: relative; }
.loading { background: hsla(0,0%,100%,.569); height: 100%; position: absolute; width: 100%; z-index: 998; }
.loading:before { animation: button-loading-spinner 1s linear infinite; border: 3px solid #024430; border-bottom-color: transparent; border-radius: 50%; content: ""; height: 40px; left: 50%; margin-left: -9px; margin-top: -9px; position: fixed; top: 50%; width: 40px; z-index: 999; }
.header-top { background-color: var(--primary-color); height: 50px; position: relative; z-index: 1000; }
.header-top .header-wrap { margin: 0 20px; }
.header-top .header-wrap .top-bar { align-items: center; display: flex; height: 50px; width: 100%; }
.header-top .header-wrap .top-bar .header-top-left { display: flex; margin-inline-end: auto; }
.header-top .header-wrap .top-bar .header-top-left a { color: #fff; }
.header-top .header-wrap .top-bar .header-top-left a:hover { color: var(--success-color); }
.header-top .header-wrap .top-bar .header-top-left a:not(:last-child) { border-inline-end: 1px dashed #fff; margin-inline-end: 10px; padding-inline-end: 10px; }
.header-top .header-wrap .top-bar .header-top-right { align-items: center; display: flex; margin-inline-start: auto; }
.header-top .header-wrap .top-bar .header-top-right a,.header-top .header-wrap .top-bar .header-top-right a:hover { color: #fff; }
.wishlist-page-content .cart-form__contents td { vertical-align: middle; }
.add-to-cart { background: var(--primary-color); border-radius: 10px; color: #fff; flex-shrink: 0; min-width: 80px; padding: 10px; text-align: center; }
.add-to-cart:hover { background: var(--secondary-color); color: #fff !important; }
.card-product .cart-info>.d-flex:last-child { gap: 10px; justify-content: space-between; word-break: break-word; }
.button-add button { background-color: #0bcc92; color: #fff; padding: 5px 20px; }
.button-add button:hover { background: #024430; color: #fff !important; }
.color-swatch li { display: inline-block; margin-bottom: 5px; margin-right: 10px; vertical-align: top; }
.text-swatch li input[type=radio] { display: none; }
.banner-hero { padding: 60px 0 20px; position: relative; }
.bg-gray-100 { background-color: #f2f4f7 !important; }
.text-display-3 { font-size: 64px; letter-spacing: 0; line-height: 72px; }
.text-heading-6 { font-family: var(--primary-font),sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0; line-height: 22px; }
a.remove-compare-item { margin: 0 14px; padding: 10px; }
.quick-view .button-loading { background-color: var(--primary-color) !important; }
.modal .btn-close { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50% no-repeat; height: 1em; padding: .25em; position: unset; width: 1em; }
#product-quick-view-modal .modal-content .btn-close,.modal .btn-close { border: 0; border-radius: .375rem; box-sizing: content-box; color: #000; opacity: .5; }
#product-quick-view-modal .modal-content .btn-close { height: 10px; position: absolute; right: 25px; top: 15px; width: 10px; z-index: 1; }
#product-quick-view-modal .modal-body { position: relative; }
#product-quick-view-modal .modal-body .price-old { text-decoration: line-through; }
@media only screen and (max-width:600px) {
  .header-top .header-top-left .hotline,.header-top .header-top-right a .name { display: none; }
}
.text-swatch li input[type=checkbox]:checked~span { border: 1px solid var(--primary-color); }
.text-swatch li input[type=checkbox]:checked~span:before { border: 16px solid transparent; border-bottom: 16px solid var(--primary-color); bottom: -1px; content: ""; position: absolute; right: -16px; }
.text-swatch li input[type=checkbox]:checked~span:after { bottom: 0; content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E"); height: 10px; line-height: 1em; overflow: hidden; position: absolute; right: 0; width: 11px; }
.text-swatch li input[type=radio]:checked~span { border: 1px solid var(--primary-color); }
.text-swatch li input[type=radio]:checked~span:before { border: 16px solid transparent; border-bottom: 16px solid var(--primary-color); bottom: -1px; content: ""; position: absolute; right: -16px; }
.text-swatch li input[type=radio]:checked~span:after { bottom: 0; content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E"); height: 10px; line-height: 1em; overflow: hidden; position: absolute; right: 0; width: 11px; }
.text-swatch li span { background-color: #fff; border: 1px solid #ccc; cursor: pointer; display: inline-block; overflow: hidden; padding: 5px 15px; position: relative; transition: .2s; }
.text-swatch li.attribute-swatch-item.pe-none span:before { border-top: 1px dashed #999; content: ""; height: 0; left: 0; position: absolute; top: 50%; transform: rotate(45deg); width: 100%; }
.text-swatch li.attribute-swatch-item.pe-none span:after { border-top: 1px dashed #999; content: ""; height: 0; left: 0; position: absolute; top: 50%; transform: rotate(-45deg); width: 100%; }
.product-attributes .attribute-values ul { margin: 10px 0; padding-left: 0; }
.custom-checkbox span { border-radius: 50%; cursor: pointer; display: block; height: 25px; position: relative; width: 25px; }
.custom-checkbox input[type=checkbox] { display: none; }
.custom-checkbox input[type=checkbox]:checked~span:before { border: 2px solid var(--primary-color); border-radius: 50%; bottom: -4px; content: ""; display: block; left: -4px; position: absolute; right: -4px; top: -4px; }
.custom-checkbox input[type=radio] { display: none; }
.custom-checkbox input[type=radio]:checked~span:before { border: 2px solid var(--primary-color); border-radius: 50%; bottom: -4px; content: ""; display: block; left: -4px; position: absolute; right: -4px; top: -4px; }
.custom-radio span { border-radius: 50%; cursor: pointer; display: block; height: 25px; position: relative; width: 25px; }
.custom-radio input[type=checkbox] { display: none; }
.custom-radio input[type=checkbox]:checked~span:before { border: 2px solid var(--primary-color); border-radius: 50%; bottom: -4px; content: ""; display: block; left: -4px; position: absolute; right: -4px; top: -4px; }
.custom-radio input[type=radio] { display: none; }
.custom-radio input[type=radio]:checked~span:before { border: 2px solid var(--primary-color); border-radius: 50%; bottom: -4px; content: ""; display: block; left: -4px; position: absolute; right: -4px; top: -4px; }
.customer-order-detail { border-top: .1px solid #dcdcdc; padding-top: 15px; }
.customer-order-detail p { line-height: 22px; }
.customer-order-detail table { border-bottom: .1px solid #dcdcdc; padding-bottom: 20px; }
.customer-order-detail table tbody td { vertical-align: middle !important; }
.customer-order-detail .row .col-md-6 h5 { margin-bottom: 5px; }
.button-loading { border: 1px solid #c4cdd5; color: transparent !important; cursor: default; position: relative; text-shadow: none; transition: border-color .2s ease-out; }
.button-loading svg { visibility: hidden; }
.button-loading:before { animation: button-loading-spinner 1s linear infinite; border: 3px solid; border-color: #fff #fff transparent; border-radius: 50%; content: ""; height: 18px; left: 50%; margin-left: -9px; margin-top: -9px; position: absolute; top: 50%; width: 18px; }
@keyframes button-loading-spinner { 0%{transform:rotate(0deg)}to{transform:rotate(1turn)} }
.ck-content .list-faqs,.ck-content .list-ticks,.ck-content .text-body-text { list-style-type: none; }
#accordionFAQ .accordion-item { border: none; }
.cart-sidebar { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); background-color: hsla(0,0%,100%,.92); border-left: 1px solid #f2f3f5; border-top: 1px solid #f2f3f5; bottom: 0; box-shadow: -1px 1px 3px 0 rgba(0,0,0,.05); height: 100dvh; max-width: 400px; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: .4s ease-in-out; width: 100%; z-index: 9999; }
.cart-sidebar .cart-header { border-bottom: .5px solid #dad4d4; padding: 20px 30px; }
.cart-sidebar .cart-header p { font-size: 18px; font-weight: 600; }
.cart-sidebar .cart-content { height: 70%; overflow: auto; padding: 30px; }
.cart-sidebar .cart-content .cart-item { margin-bottom: 20px; position: relative; }
.cart-sidebar .cart-content .cart-item .product-image { max-height: 100px; width: 100px; }
.cart-sidebar .cart-content .cart-item .product-image img { border-radius: 5px; }
.cart-sidebar .cart-content .cart-item .product-info .product-name { font-size: 14px; font-weight: 600; }
.cart-sidebar .cart-content .cart-item .product-info .product-price { font-size: 14px; font-weight: 600; margin-top: 5px; }
.cart-sidebar .cart-content .cart-item .product-info .product-attributes { font-size: 12px; margin-top: 5px; }
.cart-sidebar .cart-content .cart-item .remove-cart-item { border-radius: 50px; padding: 1px 2px; }
.cart-sidebar .cart-content .cart-item .remove-cart-item:hover { background: var(--primary-color); }
.cart-sidebar .cart-footer { bottom: 0; font-size: 16px; height: auto; padding: 30px; position: absolute; width: 100%; }
.cart-sidebar .cart-footer .cart-action { display: flex; justify-content: space-between; width: 100%; }
.cart-sidebar.active { transform: translateX(0); }
.backdrop { background-color: #000; height: 100dvh; left: 0; opacity: .5; position: fixed; top: 0; width: 100vw; z-index: 1040; }
.show-admin-bar .sticky-bar .cart-sidebar { height: calc(100dvh - 20px); top: 40px; }
.show-admin-bar .mobile-header-wrapper-style { top: 40px; }
.faq-section .accordion-button:not(.collapsed) { box-shadow: none !important; }
.faq-section .btn { padding: 16px 20px !important; }
.ck-content .accordion-body ul,.ck-content .list-blogs { list-style: none; }
.btn-tag { background: #ffe7bb !important; border-radius: 5px; color: var(--primary-color); line-height: 22px; padding: 10px 15px; }
.btn-tag:hover { background-color: var(--primary-hover-color) !important; }
.home12-logos { background-color: unset; }
.featured-services-style-4 .box-circle-img { position: relative; }
.featured-services-style-4 .box-circle-img img { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.box-list-core-value .list-core-value { list-style: none; }
.text-primary { color: var(--primary-color) !important; }
.list-type li { margin: 0 0 20px; }
.list-type { display: inline-block; list-style: none; margin: 20px 0; padding: 0; width: 100%; }
#products-filter-form .sidebar .widget-title { border-bottom: 0; color: var(--primary-color); font-family: var(--primary-font),sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; padding-bottom: 0; }
#products-filter-form .sidebar .widget-content { margin: 20px 0; }
.text-swatch li input[type=checkbox],.text-swatch li input[type=radio] { display: none; }
.color-gray-500 { color: #667085; }
.sidebar { border: 1px solid #e4e7ec; margin-bottom: 50px; padding: 25px; }
.noUi-connect { background: var(--primary-color); height: 6px; margin-top: 0; transition: background .45s; }
.noUi-horizontal .noUi-handle { background-color: var(--primary-color); border: 1px solid var(--primary-color); box-shadow: 0 47px 65px rgba(21,28,38,.1); }
.form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); }
.list-products-sidebar { list-style: none; margin: 0; padding: 15px 0 0; }
.product-item-4 { border: 0 !important; box-shadow: none !important; padding: 0; }
.product-item-4 .product-image { float: left; height: auto; line-height: 20px; min-height: auto; width: 65px; }
.product-item-4 .product-info { display: block; padding: 0 0 0 80px; }
.product-item-2 { background-color: #fff; border: 1px solid #e4e7ec; border-radius: 16px; display: inline-block; margin-bottom: 30px; padding: 10px; position: relative; width: 100%; }
.product-item-2 .product-info .box-prices .price-regular { color: var(--primary-color); font-family: var(--secondary-font),sans-serif; font-size: 22px; font-weight: 700; line-height: 24px; }
.product-item-2 .product-info .box-prices .price-line { color: #98a2b3; font-size: 14px; line-height: 19px; text-decoration: line-through; }
.text-heading-7 { color: #101828; font-family: var(--secondary-font),sans-serif; font-size: 14px; font-weight: 700; line-height: 18px; }
.text-heading-5 { font-size: 22px; line-height: 24px; }
.text-swatch li { display: inline-block; margin-right: 5px; }
.text-swatch label { margin-bottom: 5px; }
.rating .text-semibold { color: #98a2b3; display: inline-block; font-family: var(--secondary-font),sans-serif; font-size: 10px; font-weight: 500; line-height: 14px; vertical-align: text-top; }
.box-banner-shop-grid { background-image: unset; }
.box-banner-shop-grid:before { background: unset; }
.box-banner-shop-grid { position: relative; }
.box-banner-shop-grid .image-secondary { height: auto; max-width: 450px; position: absolute; top: 50%; transform: translateY(-50%); }
@media screen and (max-width:992px) {
  .box-banner-shop-grid .image-secondary { max-width: 300px; }
}
@media screen and (max-width:600px) {
  .box-banner-shop-grid .image-secondary { display: none; }
}
.box-banner-shop-grid .image-primary { height: auto; max-width: 450px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
@media screen and (max-width:992px) {
  .box-banner-shop-grid .image-primary { max-width: 300px; }
}
@media screen and (max-width:600px) {
  .box-banner-shop-grid .image-primary { display: none; }
}
.testimonial-style-1 { position: relative; }
.testimonial-style-1:before { background-image: unset; }
.testimonial-style-1 .image { bottom: -50px; position: absolute; }
body.modal-open { overflow: hidden !important; }
#product-quick-view-modal .cart-form .btn-cart { white-space: nowrap !important; }
@media screen and (min-width:1366px) {
  #product-quick-view-modal .cart-form .form-actions { align-items: center; display: flex; }
}
@media screen and (max-width:1366px) {
  #product-quick-view-modal .cart-form .form-actions .box-quantity { margin-bottom: 25px; }
}
.tag-category { color: #667085; font-size: 12px; font-weight: 700; line-height: 16px; }
.text-semibold { color: #98a2b3; display: inline-block; font-size: 10px; font-weight: 500; line-height: 14px; vertical-align: text-top; }
.text-heading-3 { display: block; font-size: 2em; font-weight: 700; line-height: 32px; margin: 16px 0; }
@media screen and (min-width:1200px) {
  .card-product.card-product-list .card-image { min-width: unset; }
}
.filter-link.btn-grid.active { background-image: url(../imgs/page/shop/grid-active.svg); }
.filter-link.btn-list.active { background-image: url(../imgs/page/shop/list-active.svg); }
.currencies-switcher .dropdown-toggle { border: none; color: #fff; font-size: unset; padding: unset; }
.currencies-switcher .dropdown-menu { padding: 0; }
.currencies-switcher .dropdown-menu .dropdown-item { color: var(--primary-color) !important; padding: 10px 15px; }
.currencies-switcher .dropdown-menu .dropdown-item:hover { color: #fff !important; }
.loader { color: var(--primary-color) !important; }
.mobile-header-content-area .mobile-menu-wrap { width: 100%; }
.term-and-conditions .inner-sidebar .list-terms { list-style: none; }
.card-image .box-image img { max-height: 2rem; }
.btn.btn-play { background-position: 100%; height: unset; padding-left: unset; padding-right: 55px; }
.form-rating-stars>label { color: #999; cursor: pointer; float: right; font-size: 1.2em; padding-right: .125em; }
.form-rating-stars:not(:checked)>label:hover,.form-rating-stars:not(:checked)>label:hover~label,.form-rating-stars>input:checked+label:hover,.form-rating-stars>input:checked~label,.form-rating-stars>input:checked~label:hover,.form-rating-stars>input:checked~label:hover~label,.form-rating-stars>label:hover~input:checked~label { color: #edb867; }
.review-images:not(.review-images-total) a { width: 82px; }
.review-images a { border: 1px solid #dee2e6; border-radius: .25rem !important; display: inline-block; height: 82px; line-height: 0; margin-bottom: 5px; margin-right: 5px; }
.review-images a img { border: none; -o-object-fit: cover; object-fit: cover; }
.review-images .more-review-images span { align-items: center; align-self: center; background: rgba(0,0,0,.5); bottom: 0; color: #fff; display: flex; font-size: 22px; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }
.review-images.review-images-total a { border: 0; height: fit-content; margin: 0; padding: 1.5px; }
.image-viewer__item { background-color: #eee; border: 1px solid #c4c6cf; height: 70px; margin-right: 2px; margin-top: 5px; position: relative; text-align: initial; transition: all .3s cubic-bezier(.46,.03,.52,.96); width: 70px; }
.image-viewer__item img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; }
.image-upload__uploader-container { display: inline-block; }
.image-upload__uploader-container:hover { cursor: pointer; }
.image-upload__uploader-container .image-upload__uploader { align-items: center; border: 1px dashed #c4c6cf; display: flex; flex-direction: column; height: 70px; justify-content: center; position: relative; width: 70px; }
.image-upload__uploader-container .image-upload__uploader:hover { background: #d9edf7; }
.image-upload__uploader-container .image-upload__uploader:hover .image-upload__file-input { cursor: pointer; }
.image-upload__icon { color: #333; font-size: 20px; margin-bottom: 8px; }
.image-upload__text { color: #333; font-size: 10px; line-height: 1.2; padding: 0 3px; text-align: center; }
.image-upload__file-input { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }
.image-viewer__item { display: inline-block; }
.image-viewer__list { display: block; width: 100%; }
.image-viewer__icon-remove { cursor: pointer; position: absolute; right: 2px; top: -1px; z-index: 1; }
.image-viewer__icon-remove i { background: #848484; border-radius: 50%; color: #fff; display: inline-block; font-size: 10px; height: 20px; line-height: 20px; text-align: center; width: 20px; }
.image-viewer__list.is-loading .loading { display: block !important; }
.progress+.progress { margin-top: 5px; }
.comments-area h6 { color: #253d4e; font-size: 16px; font-weight: 700; line-height: 1.2; }
.comments-area .comment-list:last-child { padding-bottom: 0; }
.comments-area .comment-list .single-comment { border: 1px solid #f2f2f2; border-radius: 15px; margin: 0 0 15px; padding: 20px; transition: .2s; }
.comments-area .comment-list .single-comment:not(:last-child) { border-bottom: 1px solid #ececec; }
.comments-area .comment-list .single-comment .desc { width: 100%; }
.comments-area .comment-list .single-comment .thumb { flex-shrink: 0; width: 80px; }
.comments-area .comment-list .single-comment .thumb img { max-width: 80px; min-width: 80px; }
.comments-area .comment-list .single-comment:hover .reply { opacity: 1; transition: .2s; }
.comments-area .thumb { margin-right: 20px; }
.comments-area .thumb img { border-radius: 50%; width: 70px; }
@keyframes lds-dual-ring { 0%{transform:rotate(0deg)}to{transform:rotate(1turn)} }
.loading-spinner { align-items: center; background: hsla(0,0%,100%,.5); display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; }
.loading-spinner:after { animation: lds-dual-ring .5s linear infinite; border-color: var(--primary-color) transparent var(--primary-color) transparent; border-radius: 50%; border-style: solid; border-width: 1px; content: " "; display: block; height: 40px; width: 40px; }
.slider-nav-thumbnails .slick-slide .item-thumb { height: unset; line-height: unset; }
.burger-icon { top: 22px; }
.content-term .ck-content ul { list-style-type: decimal !important; }
.content-term .ck-content h3,.content-term .ck-content h4,.content-term .ck-content p { margin-bottom: 20px; }
.footer .footer-bottom { border-top: 1px solid #ecf1f2; }
.btn.btn-brand-1:hover i,.btn.btn-brand-1:hover svg { color: #ffe7bb; }
.list-ticks.list-ticks-2 li svg { color: var(--primary-color); }
.btn-search svg,.search-post svg { color: var(--primary-color) !important; }
.box-button-video .btn-play svg { margin-inline-start: 10px; }
.box-button-video .btn-play svg circle { color: #ffe7bb; }
.box-button-video .btn-play svg path { color: var(--primary-color); }
.box-button-video .btn-play:hover svg path { color: var(--primary-color) !important; }
.filter-layout.btn-grid svg,.filter-layout.btn-list svg { color: #d3d3d3; }
.filter-layout.btn-grid.active svg,.filter-layout.btn-grid:hover svg,.filter-layout.btn-list.active svg,.filter-layout.btn-list:hover svg,.mobile-menu-wrap .nav-tabs-mobile li a.active { color: var(--primary-color); }
.mobile-menu-wrap .nav-tabs-mobile li a.active svg path { color: var(--primary-color) !important; }
.mobile-menu-wrap .nav-tabs-mobile li a.active:before { background-color: var(--primary-color); }
.list-ticks li svg { color: var(--primary-color); }
.btn-play-white svg path { color: #ffe7bb; }
.item-tick svg { background-color: var(--primary-color); border-radius: 50%; color: var(--primary-hover-color); height: 24px; margin-inline-end: 10px; }
#form-search-products button { width: 50px; }
.customer-reset-password { margin-top: 20px; }
@media screen and (min-width:1140px) {
  .customer-reset-password { width: 50%; }
}
.product-description .btn-view { font-size: 14px; }
.profile-content .customer-order-detail { border-top: unset; margin-top: unset; padding-top: unset; }
.product-reviews-page table tbody tr td,.product-reviews-page table tbody tr th { vertical-align: middle; }
.product-reviews-page .pagination { justify-content: center; }
.product-details .box-price .price-line { font-size: 24px; text-decoration: line-through; }
.cart-page-content .box-price,.compare-page-content .box-price,.wishlist-page-content .box-price { display: unset; }
.cart-page-content .box-price .price,.cart-page-content .box-price .price-current,.compare-page-content .box-price .price,.compare-page-content .box-price .price-current,.wishlist-page-content .box-price .price,.wishlist-page-content .box-price .price-current { color: var(--primary-color); font-family: var(--primary-font),sans-serif; font-size: 1rem; font-weight: 700; margin-right: 15px; }
.cart-page-content .box-price .price-old,.compare-page-content .box-price .price-old,.wishlist-page-content .box-price .price-old { color: #667085; font-size: 1em; line-height: 1; text-decoration: line-through; }
.cart .cart-page-content .detail-extralink .detail-qty { margin: 0 6px 0 0; }
.panel-body .form-group label { margin-bottom: 10px; }
.profile-usermenu .collection-item.active,.profile-usermenu .collection-item:hover { color: var(--primary-hover-color) !important; }
.header-nav .main-menu .active a { color: var(--primary-hover-color); }
.custom-avatar-master { display: flex; height: 150px; margin: 0 auto; position: relative !important; width: 150px; }
.custom-avatar-master:hover { background-color: #aeaeae; border-radius: 999px; }
.custom-avatar-master:hover .mt-card-avatar { opacity: .5; }
.custom-avatar-master svg { color: #fff; font-size: 20px; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.custom-avatar-master .avatar-view:hover~svg,.custom-avatar-master svg:hover { opacity: 1; }
.fb_dialog .fb_dialog_content iframe { bottom: 90px !important; }
.box-newsletter { padding: 50px; }
.box-newsletter .newsletter-form .form-recaptcha { left: 50%; top: 78px; transform: translateX(-50%); }
.product-option-item-wrapper .product-option-item-label { margin-bottom: .5rem; }
.search-autocomplete-modal .modal-header { padding: 1.5rem 1rem; }
.search-autocomplete-modal .btn-close { height: .5rem; width: .5rem; }
.search-results .search-results-wrapper.blog-sidebar { margin-top: 0; }
.search-results .search-results-wrapper { max-height: 30rem; overflow-y: auto; top: 5rem; z-index: 2; }
.content-single .share-posts strong.title { margin-top: 5px; }
.content-single .share-posts .list-socials .icon-socials { color: var(--primary-color); line-height: 1; }
.menu-icon-image { height: 16px; margin-top: 2px; vertical-align: top; width: 16px; }
.review-container h4,.review-container p { margin-bottom: .75rem; }
.review-container .btn { font-size: 14px; }
.auth-card form .auth-input-icon { top: 7px; }
.contact-form label.required:after { color: #dc3545; content: "*"; margin-left: .25rem; }
.contact-form .contact-form-input { border: 1px solid #cde2e7 !important; border-radius: 8px !important; box-shadow: none !important; color: #3d565f !important; }
.contact-form .contact-form-input::-moz-placeholder { color: #8ea4ac; }
.contact-form .contact-form-input::placeholder { color: #8ea4ac; }
.contact-form .contact-form-input:focus { border-color: var(--success-color) !important; }
.contact-form input.contact-form-input { height: 54px; padding: 18px 20px; }
.contact-form .btn.btn-brand-1-full { padding: 15px; width: auto !important; }
.subscribe-form .input-group.mb-3 { margin-bottom: 0 !important; }
footer { color: var(--footer-text-color); }
footer h1,footer h1.color-brand-1,footer h2,footer h2.color-brand-1,footer h3,footer h3.color-brand-1,footer h4,footer h4.color-brand-1,footer h5,footer h5.color-brand-1,footer h6,footer h6.color-brand-1 { color: var(--footer-heading-color) !important; }
footer a,footer p,footer span { color: var(--footer-text-color) !important; }
footer .footer-1 { background-color: var(--footer-background-color); background-image: var(--footer-background-image); background-repeat: no-repeat; background-size: cover; }
footer .footer-2 { background-color: var(--footer-bottom-background-color); }
.product-faqs-accordion .accordion-body { padding: 30px !important; }
.box-newsletter:before { background: var(--background-image); }
.dual-intro-video-shortcode .box-cover-video,.dual-intro-video-shortcode .box-cover-video-convert,.intro-video-shortcode .box-cover-video { background-image: var(--background-image); }
.header .header-right { align-items: center; display: flex; gap: 10px; justify-content: end; }
.header .header-right .box-dropdown-cart .icon-list.icon-account { align-items: center; display: flex; gap: 1px; }
.header-nav .nav-main-menu .burger-icon { top: 50%; transform: translateY(-50%); }
.truncate-1-custom { -webkit-line-clamp: 1; }
.truncate-1-custom,.truncate-2-custom { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.truncate-2-custom { -webkit-line-clamp: 2; }
.truncate-3-custom { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.box-core-value .shape-left { background: var(--background-image) no-repeat 0 0 !important; }
.box-newsletter .form-newsletter { position: relative; }
.box-newsletter .form-newsletter .mb-3.position-relative { position: unset !important; }
.box-newsletter .form-newsletter .captcha-disclaimer,.box-newsletter .form-newsletter .g-recaptcha { bottom: -80px; left: 0; position: absolute; }
.box-newsletter .form-newsletter.with-math-captcha form { display: block !important; padding: 10px; }
.box-newsletter .form-newsletter.with-math-captcha form input { border: 1px solid #cde2e7; }
.box-newsletter .form-newsletter.with-math-captcha form .mb-3.position-relative { margin-top: 10px; }
.page-content p { margin-bottom: 15px; }