@charset "utf-8"; 
#swiper-banner .banner-animote {position:absolute;bottom:30%;left:10%;color:var(--fontcolor);opacity:0;max-width:770px}
#swiper-banner .banner-animote .title {font-size:48px;font-weight:var(--fontblod5);line-height:1.4;text-transform:capitalize}
#swiper-banner .banner-animote .text {margin-top:20px;font-size:18px}
#swiper-banner .banner-animote .btn {margin-top:4em}
#swiper-banner .swiper-slide-active .banner-animote {animation:bannerani .5s forwards;animation-delay:.7s}
.home-more {font-size:16px;min-width:180px;height:56px;background:var(--color);font-weight:var(--fontblod5);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#FFF;position:relative;overflow:hidden}
.home-more em {margin-left:10px}
.home-more:hover{color:#fff}
.home-more:hover::after {width:300px;height:300px}
.home-more::after {content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear;width:0px;height:0px;border-radius:50%;background:rgba(0,0,0,.05)}
@keyframes bannerani {0% {opacity:0;transform:scale(0)}
100% {opacity:1;transform:scale(1)}
}
@media (max-width:1500px) {#swiper-banner .banner-animote {left:10%;bottom:20%}
#swiper-banner .banner-animote .title {font-size:34px}}
@media (max-width:1366px){#swiper-banner .banner-animote .btn{margin-top:30px}}
@media (max-width:1024px) {.home-more {min-width:150px;height:46px}}
@media (max-width:768px) {#swiper-banner .banner-animote {width:100%;left:0px;bottom:30%;padding:0px 15px}
#swiper-banner .banner-animote .title {font-size:26px}
#swiper-banner .banner-animote .text {font-size:16px}
#swiper-banner .banner-animote .btn {display:none}}
@media (max-width:500px) {#swiper-banner .banner-animote .title {font-size:16px}
#swiper-banner .banner-animote .text {font-size:14px;margin-top:10px}}
@media (min-width:769px){.logo{padding-left:30px;border-radius:0;padding-top:5px;padding-bottom:5px;}}
.our-list li:hover .our-icon{background:var(--color)}
.our-list li:hover .our-item-name{color:var(--color)}
.hvideo{text-align:center;}
@media (min-width:769px){.head-b {height:100px;}
.head-b>.container {height:100%;}
.logo {height:100%;max-width:max-content;padding:0 0 0 20px;}
.logo img {max-height:46%;margin:1%;}}
@media (max-width:768px){.logo{max-width:inherit;height:100%}
.logo img{max-height:55%}
.logo img:nth-child(2){margin-left:10px}}
header .hcontact>p,footer .footitem3 .fcontact:not(.footer-contact){display:none;}
.prodetails-page aside .asidecon{display:none;}
footer .footitem3 .fcontact.footer-contact li{margin-bottom:5px;}
@media (max-width:768px) {.mobile-bottom{ display: none;  }}