:root {

     --main: #649A0F;

     --sub: #243B01;

}

@font-face {

     font-family: 'Inter';

     src: url('../fonts/Inter_24pt-Regular.woff2') format('woff2'),

          url('../fonts/Inter_24pt-Regular.woff') format('woff');

     font-weight: 400;

     font-style: normal;

 }

 @font-face {

     font-family: 'Inter';

     src: url('../fonts/Inter_24pt-Mediumwoff2') format('woff2'),

          url('../fonts/Inter_24pt-Medium.woff') format('woff');

     font-weight: 500;

     font-style: normal;

 }

@font-face {

    font-family: 'Inter';

    src: url('../fonts/Inter_24pt-SemiBold.woff2') format('woff2'),

         url('../fonts/Inter_24pt-SemiBold.woff') format('woff');

    font-weight:600;

    font-style: normal;

}

@font-face {

    font-family: 'Inter';

    src: url('../fonts/Inter24pt-Bold.woff2') format('woff2'),

         url('../fonts/Inter24pt-Bold.woff') format('woff');

    font-weight:700;

    font-style: normal;

}

@font-face {

    font-family: 'Benzin';

    src: url('../fonts/Benzin-Bold.woff2') format('woff2'),

         url('../fonts/Benzin-Bold.woff') format('woff');

    font-weight:700;

    font-style: normal;

}

body {font-family: 'Inter', sans-serif;max-width: 1920px;overflow-x: hidden;margin: auto;font-size: 16px;}

html{scroll-behavior: smooth;}

html::-webkit-scrollbar { width:6px; }

html::-webkit-scrollbar-track { background:#f1f1f1; }

html::-webkit-scrollbar-thumb { background:var(--main); border-radius:4px; }

html::-webkit-scrollbar-thumb:hover { background:#555; }

/* Default */

a {color: #000;text-decoration: none;}

.fs-10{font-size: 10px;}

.fs-12{font-size: 12px;}

.fs-14{font-size: 14px;}

.fs-18{font-size: 18px;}

.fs-20{font-size: 20px;}

.fs-24{font-size: 24px;}

.fs-32{font-size: 32px;}

.fs-36{font-size: 36px;}

.fs-40{font-size: 40px;}

.fs-48{font-size: 48px;}

.fs-100{font-size: 100px;}

.text-line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.text-2line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 50px;line-height: 24px;}

.text-3line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;height: 70px;}

.text-4line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;height: 90px;}

.text-6line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;height: 150px;}

.bg-sub {background-color: var(--sub);}

.bg-main {background-color: var(--main);}

.bg-gradient-black {background: linear-gradient(to top,#000 0%, rgba(0,0,0,0) 100%);}

.bg-gray{background-color: #BABABA;}

.bg-F8F7F6{background-color: #F8F7F6;}

.bg-black-f{background-color: rgba(0, 0, 0, .5);}

.bg-F8FDF5{background-color: #F8FDF5;}

.bg-F5F5F5{background-color: #F5F5F5;}

.text-red{color: #E31515;}

.text-main {color: var(--main);}

.text-sub{color: var(--sub);}

.text-black-f{color: rgba(0, 0, 0, .5);}

.hv-text-sub:hover {color: var(--sub)!important;}

.hv-text-main:hover {color: var(--main)!important;}

.hv-bg-main:hover{background-color: var(--main);}

.hv-bg-sub:hover{background-color: var(--sub);}

.hv-text-black:hover{color: #000;}

.cursor-pointer{cursor: pointer;}

.list-none {list-style: none;}

.text-justify{text-align: justify;}

.overflow-hidden {overflow: hidden;}

.bsd{box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);}

.container {max-width: min(1560px, calc(100% - 10vw));}

.p-left{padding-left: calc(5vw + (1.5rem * .5))}

.p-right{padding-right: calc(5vw + (1.5rem * .5))}

.border-color-main{border-color: var(--main)!important;}

.line-main{width: 62px;height: 2px;}

.Benzin{font-family: 'Benzin';}

/* Header*/

.logo img{transition: all 0.6s ease;}

.btn-search img{ transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }

.btn-search:hover img{ transform:scale(1.1) rotate(360deg) ; -webkit-transform:scale(1.1) rotate(360deg) ; -moz-transform:scale(1.1) rotate(360deg) ; -ms-transform:scale(1.1) rotate(360deg) ; -o-transform:scale(1.1) rotate(360deg) ;}

.overlay-search {position: fixed;inset: 0;display: none;z-index: 99999;}

.overlay-search.show {display: block;}

.overlay-search .over {position: absolute;inset: 0;background: rgba(0,0,0,0.7);}

/* Menu */

.menu{z-index:10;transition: transform 0.8s ease;}

.fixed{ position: fixed!important; z-index: 9999; top: 0px; left: 0px; right: 0px;}

.menu.fixed .logo img{max-width: 70px!important;}

.menu ul{padding:0px;margin-bottom:0;list-style:none;}

.menu ul li a{ display:block; white-space: nowrap; transition:all .6s ease ; -webkit-transition:all .6s ease ; -moz-transition:all .6s ease ; -ms-transition:all .6s ease ; -o-transition:all .6s ease ; }

.menu ul li ul{ position:absolute; min-width:250px; background:#fff; border-radius:0.25rem; -webkit-transform:perspective(600px) rotateX(-90deg); transform:perspective(600px) rotateX(-90deg); -webkit-transform-origin:0 0 0; transform-origin:0 0 0; opacity:0; visibility:hidden; transition:all .5s; list-style: none; margin: auto; padding: 0; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius:0.25rem; -moz-border-radius:0.25rem; -ms-border-radius:0.25rem; -o-border-radius:0.25rem; }

.menu ul li:hover > ul{ -webkit-transform:perspective(600px) rotateX(0); transform:perspective(600px) rotateX(0); -webkit-transform-origin:0 0 0; opacity:1; visibility:visible; transition:all .7s; -moz-transform:perspective(600px) rotateX(0); -ms-transform:perspective(600px) rotateX(0); -o-transform:perspective(600px) rotateX(0); }

.menu ul li ul li a{border-bottom:1px solid #eee;}

.menu ul li ul li:last-child > a{border-bottom:0;}

.menu ul li ul li a.has-child{margin-right:0px;}

.menu ul li ul li a.has-child:after{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

.menu ul > li > a.active,.menu ul > li > a:hover{color: var(--main)!important;}

.menu ul.menu-pc > li > ul::before{position: absolute;content: "";width: 20px;height: 10px;top: -10px;left: 15px;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);background-color:#eee;}

.menu ul li ul li ul{position: absolute;top: 0;left: 100%;}

/*Menu Mobile*/

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

.navbar-toggle {position: relative;padding: 5px 5px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}

.navbar-toggle .icon-bar {display: block;width: 20px;height: 3px;border-radius: 1px;background-color: #fff;}

.navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}

.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

/*Body*/
.item-slide{max-height: 820px;}
.image-about{max-width: 525px;}
.item-partner{display: flex;align-items: center;justify-content: center;aspect-ratio: 16/9;padding: 20px;border-radius: 10px;background: #fff;}
.item-partner img{width: 100%;height: 100%;object-fit: contain;}
.image-new{aspect-ratio: 16 / 9;}
.image-new img{width: 100%;height: 100%;object-fit: over;}
.grid-item { width: calc(33.333% - 10px);}

.img-filter{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }

.scrollToTop{width:41px;height:41px;text-align:center;color:#fff;text-decoration:none;position:fixed;bottom:15px;right:15px;display:none;z-index:10;cursor:pointer;background: var(--main);line-height: 41px;border-radius: 10px;}

.line-lang{width: 1px;height: 12px;background-color: rgba(0, 0, 0, .5);}

.more-about span.arrow{ transition:.6s ease ; -webkit-transition:.6s ease ; -moz-transition:.6s ease ; -ms-transition:.6s ease ; -o-transition:.6s ease ; width: 40px;}

.more-about:hover span.arrow{width: 60px;}

.data-about{border: 5px solid #fff;}

.grid-service{display: grid;grid-template-columns: repeat(6,1fr);gap: 20px;grid-auto-rows:245px;}

.grid-service .item-services:nth-child(5n+1){grid-column: 1/3;}

.grid-service .item-services:nth-child(5n+2){grid-column: 3/5;}

.grid-service .item-services:nth-child(5n+3){grid-column: 5/7;}

.grid-service .item-services:nth-child(5n+4){grid-column: 1/4;}

.grid-service .item-services:nth-child(5n){grid-column: 4/7;}

.item-services img{object-fit: cover;}

.item-services .content{background: linear-gradient(to top, #000,rgba(0,0,0,0));}

.line-area{height: 1px;}

.owl-areas .owl-stage{display: flex;padding-left: 0!important;}

.owl-areas .owl-item .item img{ object-fit: cover; transition: height .6s ease; -webkit-transition: height .6s ease; height: 300px; -moz-transition: height .6s ease; -ms-transition: height .6s ease; -o-transition: height .6s ease; }

.owl-areas .owl-item.first-active .item img{height: 390px;}

.line-more::before{position: absolute;content: ''; width: 1px;height: 100%;background-color: #fff;left: 0;top: 0;}

.owl-nav-area{bottom: 3rem;right: 15%;}

.owl-nav-area .item{ width: 46px; height: 46px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;border: 1px solid #fff;display: flex;justify-content: center;align-items: center;display: flex;justify-content: center;align-items: center;color: #fff;cursor: pointer;}

.owl-nav-area .line-owl-nav{width: 28px;height: 1px;background-color: #fff;}

.svg {position: absolute;width: 0;height: 0;}

.content-letter{ filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.3)); -webkit-filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.3)); transform: translateX(-3rem); -webkit-transform: translateX(-3rem); -moz-transform: translateX(-3rem); -ms-transform: translateX(-3rem); -o-transform: translateX(-3rem); }

.clipped-letter {-webkit-clip-path: url(#my-clip-path);clip-path: url(#my-clip-path);}

.name-letter::before{position: absolute;content: ''; width: 70%;height: 1px;background-color: var(--main);;left: 0;bottom: 0;}

.ic-comma{ bottom: 4rem; right: 2rem; transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }

.icon-solution{width: 118px;height: 118px;}

.line-coppy{position: absolute;right: 0;top: 0;background-color: var(--sub);width: calc(100% - 5vw - .75rem);height: 1px;}

.left-coppy-right{clip-path: polygon(0 -1px, 100% -1px, 97% calc(100% + 1px), 0% calc(100% + 1px));}

.owl-vision .owl-stage{display: flex;}

.number-solution{width: 54px;height: 54px;}

.image-overview{width: 100%;max-width: 332px;aspect-ratio: 1 / 1;}

.image-overview img{object-fit: cover;}

.image-overview .number{background-color: var(--sub);width: 54px;height: 54px;left: 3rem;}

.image-overview .icon{bottom: -45px;width: 90px;height: 90px;}

.svg {position: absolute;width: 0;height: 0;}

.clipped-item{-webkit-clip-path: url(#my-clip-path);clip-path: url(#my-clip-path);}

.item-list{ filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); }

.item-list:hover{  filter:

        drop-shadow(1px 0 0 var(--main))

        drop-shadow(-1px 0 0 var(--main))

        drop-shadow(0 1px 0 var(--main))

        drop-shadow(0 -1px 0 var(--main));}

.video-banner{width:100%;height:300px;object-fit:cover;display:block;}

/*Product*/

.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;background-color:#ffffff;}

.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2;}

.thumb-pro-detail img{ box-shadow:none!important; filter:brightness(100%)!important; border-bottom:0px!important; padding-bottom:0px!important; -webkit-filter:brightness(100%)!important; }

/*Footer*/

.form-contact{ transform:translateX(-1rem) translateY(-1rem) ; -webkit-transform:translateX(-1rem) translateY(-1rem) ; -moz-transform:translateX(-1rem) translateY(-1rem) ; -ms-transform:translateX(-1rem) translateY(-1rem) ; -o-transform:translateX(-1rem) translateY(-1rem) ; }

.map_footer iframe{ width: 100%; display: block;max-height: 250px; }

.swal2-container{z-index: 9999;}

.fancybox-thumbs {top: auto !important;bottom: 0 !important;left: 0 !important;right: 0 !important;width: 100% !important;height: 95px !important;padding: 10px 10px 5px 10px;box-sizing: border-box;background-color: inherit;}

.fancybox-thumbs__list {display: flex !important;flex-direction: row !important;overflow-x: auto;overflow-y: hidden;margin: auto;}

.fancybox-show-thumbs .fancybox-inner { right: 0 !important; bottom: 95px !important;}

/*Ckeditor*/

.content-ckeditor{overflow-wrap: break-word;word-break: break-word;}

.content-ckeditor * {max-width: 100%;box-sizing: border-box;}

.content-ckeditor img{max-width: 100%;height: auto!important;}

.content-ckeditor table{max-width: 100%;border-collapse: collapse;overflow-x: auto;}

.content-ckeditor table td,

.content-ckeditor table th {word-wrap: break-word;}

.content-ckeditor iframe, .content-ckeditor video {max-width: 100% !important;}

.content-ckeditor p:last-child{margin-bottom: 0;}

/*Breadcrumb*/

.banner {height: 250px;}

.breadcrumb{margin-bottom: 0;}

.breadcrumb li a{color: #fff;text-transform: uppercase;}

.breadcrumb-item+.breadcrumb-item::before{color: #fff;}

.btn-thanhtoan.active{background-color: var(--main);color: white;}

.container-maintenance{position: relative;overflow-x: auto;}

/*swiper*/

.swiper-wrapper{height: auto!important;}

.swiper-button-next, .swiper-button-prev {background-color: #fff;border-radius: 50%;color: #878787;width:58px;height: 58px;}

.swiper-button-next:after, .swiper-button-prev:after{font-size: 30px;}

.item-slide .images {transition: transform 8s ease;transform: scale(1.1);}

.swiper-slide-active .item-slide .images {transform: scale(1);}

.Swiper_spct2 .swiper-button-next, .Swiper_spct2 .swiper-button-prev{width: 30px;height: 30px;}

.Swiper_spct2 .swiper-button-next:after, .Swiper_spct2 .swiper-button-prev:after{font-size: 14px;}

.content-slider .name,

.content-slider .content-ckeditor,

.content-slider .button-slider{opacity: 0;transform: translateY(50px);transition: all .6s ease;}

.content-slider .content-ckeditor{transition-delay: .3s;}

.content-slider .button-slider{transition-delay: .6s;}

.bottom-slider{ opacity: 0; transform:translateY(50px) ; -webkit-transform:translateY(50px) ; -moz-transform:translateY(50px) ; -ms-transform:translateY(50px) ; -o-transform:translateY(50px) ; bottom: -1px; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease;  transition-delay:1.2s ;}

.swiper-slide-active .content-slider .name,

.swiper-slide-active .content-slider .content-ckeditor,

.swiper-slide-active .content-slider .button-slider{opacity: 1;transform: translateY(0);}

.swiper-slide-active .bottom-slider{ opacity: 1; transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }

.content-slider .name,.swiper-slide-active .content-slider .content-ckeditor{ text-shadow:-1px -1px 0 var(--sub), 1px -1px 0 var(--sub), -1px  1px 0 var(--sub),1px  1px 0 var(--sub);}

.modal{z-index: 9999999999!important;}

/*owl*/

.owl-prev,.owl-next{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);}

.owl-next{left: inherit;right: 0;}

.owl-dots {display: flex;justify-content: center;align-items: center;margin-top: 20px;}

.owl-dots button span {display: block;width: 9px;height: 9px;border-radius: 50%;background-color: #C5C5C5;margin: 0 3px;}

.owl-dots button.active span {background-color: #fff;}

/*error*/

#newsletter-form label.error{display: none!important;}

label.error {display: block;color: #ff4d4f;font-size: 0.875rem;margin-top: 0.25rem;position: relative;padding-left: 15px;}

label.error::before {content: "\f071";position: absolute;left: 0; font-family: "Font Awesome 6 Pro";}

.grecaptcha-badge{display: none;}

/*Paging*/

.pagination-page ul{flex-wrap: wrap;gap: .5rem;}

.page-link{color: #717171;min-width: 37px;font-size: 18px;height: 37px;border-radius: .3rem;background-color: #EDEDED;font-weight: 700;text-align: center;}

.active>.page-link, .page-link.active,.page-link:hover{background-color: var(--main);border-color: var(--main);color: #fff;}

/*Comment*/

a.star {font-size: 24px;color: #d1d1d4;cursor: pointer;line-height: 1;transition: all 0.1s ease;}

a.star.vote-hover {color: #ffc120;}

a.star.vote-active {color: #ffc120;}

.rating-medium{text-align: center;padding-top: 0;}

.title-medium-score{font-size: 14px;}

.score-rating{font-size: 54px;font-weight: 500;color: #fe302e;line-height: 60px;}

.quantity-star i{color: #B3BCC5;}

.quantity-star i.active{color: #ffc120;}

.quantity-star i:last-child{margin-right: 0!important;}

.item-progress{margin-bottom: 10px;}

.item-progress .rating-num{float: left;font-size: 15px;width: 45px;text-align: right;padding-right: 5px;color: #6f6969;}

.item-progress .box-progress{float: left;width: calc(100% - 90px);vertical-align: middle;margin-top: 5px;}

.item-progress .box-progress .progress{height: 10px;margin-bottom: 0px;box-shadow: none;background-color: #e6e6e6;}

.item-progress .box-progress .progress-bar{background-color: var(--main);}

.item-progress .rating-num-total{width: 45px;text-align: left;display: inline-block;float: left;padding-left: 10px;color: #565656;font-size: 15px;}

.content-nhanxet{display: none;}

.content-nhanxet .h3{margin-top: 10px;font-size: 18px;font-weight: 700;margin-bottom: 20px;}

.item-binhluan .img_user{display: block;width: 80px;height: 80px;margin: 0px auto;border-radius: 50%;overflow: hidden;}

.item-binhluan .img_user img{width: 100%;height: 100%;}

.item-binhluan .name-user{text-align: center;font-weight: 600;margin-top: 10px;color: #626262;margin-bottom: 5px;}

.item-binhluan .ngaydang{display: block;text-align: center;color: #a2a1a1;font-size: 12px;}

.chitiet-bl .titlede-bl{font-weight: 600;color: #00a85a;}

.chitiet-bl p{color: #6f6c6c;}

.panel-traloi{margin-top: 10px;}

.list-traloi{margin-top: 10px;border-top: 1px dashed #e8e5e5;padding-top: 10px;}

.list-traloi span{display: inline-block;margin-left: 14px;font-size: 13px;color: #757575;}

.list-traloi p{color: #6f6c6c;margin-top: 7px;}

.item-traloi{border-bottom: 1px dotted #e2e2e2;margin-bottom: 10px;}

/*widget*/

.widget-desktop {position: fixed; right: 10px; bottom: 120px; z-index: 9999; }

.widget-desktop-items { margin-bottom: 20px; border-radius: 50%; position: relative; text-decoration: none;}

.widget-desktop-items:last-child { margin-bottom: 0; }

.widget-desktop-items:before,.widget-desktop-items:after { position: absolute; content: ""; width: 100%; height: 100%;border-radius: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: scaleIn1 1s; animation: scaleIn1 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.widget-desktop-items:after { -webkit-animation: scaleIn 1.2s; animation: scaleIn 1.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.widget-desktop-items__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; background: var(--main); border-radius: 50%; position: relative; z-index: 999; padding: 8px;}



.widget-desktop-items__whatsapp .widget-desktop-items__icon{background: #25D366;padding: 0;}

.widget-desktop-items__whatsapp::before{background: rgba(37, 211, 102, 0.3);}

.widget-desktop-items__whatsapp::after{background: linear-gradient(90deg,rgba(37, 211, 102, 0.3) 0,rgba(37, 211, 102, 0.3) 100%);}





.widget-desktop-items__zalo .widget-desktop-items__icon{background: #028FE3;padding: 0;}

.widget-desktop-items__zalo::before{background: #028FE350;}

.widget-desktop-items__zalo::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #028FE350), to(#028FE350)); background: linear-gradient(90deg, #028FE350 0, #028FE350 100%)}



.widget-desktop-items__message .widget-desktop-items__icon{background: linear-gradient(45deg, #1E86FF,#A133FE,#FF557D);}

.widget-desktop-items__message::before{background:#B4A7FE}

.widget-desktop-items__message::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #B4A7FE), to(#B4A7FE)); background: linear-gradient(90deg, #B4A7FE 0, #B4A7FE 100%)}



.widget-desktop-items__email .widget-desktop-items__icon{background: #F50000;}

.widget-desktop-items__email::before{background: #ED525280;}

.widget-desktop-items__email::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #ED525280), to(#ED525280)); background: linear-gradient(90deg, #ED525280 0, #ED525280 100%)}



.widget-desktop-items__call::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #62E37C90), to(#62E37C90)); background: linear-gradient(90deg, #62E37C90 0, #62E37C90 100%)}

.widget-desktop-items__call::before{background: #62E37C90;}

.widget-desktop-items__call .widget-desktop-items__icon{background: #1FD744;}



.widget-cart{color: #fff;font-size: 20px;}

.widget-desktop-items__call .widget-desktop-items__content { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 5px 60px 5px 20px; background: -webkit-gradient(linear, left top, right top, color-stop(0, #ED5228), to(#ED5228)); background: linear-gradient(90deg, #ED5228 0, #ED5228 100%); border-radius: 20px; color: #fff; white-space: nowrap;z-index: -1; }

.widget-desktop-items img,.widget-cart i{animation: vibrate 1s ease-in-out infinite;}

@-webkit-keyframes scaleIn { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

  60% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } }



@keyframes scaleIn { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

  60% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } }

@-webkit-keyframes scaleIn1 { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

  60% { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); } }

@keyframes scaleIn1 { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

  60% { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); } }

@keyframes rotate {

     from { transform: translate(-50%,-50%) rotate(0deg); }

     to { transform: translate(-50%,-50%) rotate(360deg); }

}

@keyframes vibrate {

     0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }

     10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}

     20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}

     30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}

     40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}

     50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}

     100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}

}

/*Loading*/

.loading-overlay {position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.7); z-index: 9999;justify-content: center;align-items: center;}

.loading-content {display: flex;flex-direction: column;align-items: center;gap: 20px;height: 100%;justify-content: center;}

.loading-content img{max-width: 100px;}

.dots-loading {display: flex;gap: 8px;}

.dots-loading span {width: 12px;height: 12px;background: var(--main);border-radius: 50%;display: inline-block;animation: bounce 1.2s infinite;}

.dots-loading span:nth-child(2) {animation-delay: 0.2s;}

.dots-loading span:nth-child(3) {animation-delay: 0.4s;}

.dots-loading span:nth-child(4) {animation-delay: 0.6s;}

.dots-loading span:nth-child(5) {animation-delay: 0.8s;}

@keyframes bounce {

    0%, 80%, 100% { transform: scale(0); }

    40% { transform: scale(1); }

}