:root{--animate-duration:800ms;--animate-delay:0.9s}nav{z-index:1000000000000000100}nav .nav-dropdown-child{margin-top:-5px}nav .nav-dropdown:hover .nav-dropdown-child{visibility:visible}section.main-section{height:840px}section.main-section .animate__animated.animate__bounceInLeft{--animate-duration:1500ms;--animate-delay:0.9s}section.service-section .detail-portfolio{opacity:0}section.service-section .item-portfolio:hover .detail-portfolio{opacity:1}section.service-section .item-portfolio:hover>img{transform:scale(1.2)}section.service-section .splide__pagination{bottom:-55px;z-index:0}section.service-section .splide__pagination__page{background-color:#a09797;margin-right:5px}section.service-section .splide__pagination__page.is-active{background-color:#0e0e0e;transform:scale(1.2)}section.customer-section .item-customer:hover>img{transform:scale(1.1)}section.services-main-section{height:550px}section.services-service .service-item:nth-child(odd){background-color:#e6e7e8}section.services-service .detail-service{opacity:0}section.services-service .item-service:hover .detail-service{opacity:1}section.services-service .item-service:hover>img{transform:scale(1.1)}section.about-main-section,section.contact-main-section{height:550px}.dropcolor-background{z-index:-10}@media (max-width:768px){.dropcolor-background .flex-1:first-child{padding-bottom:46px}}@media (max-width:1024px){.dropcolor-background .flex-1:first-child{padding-bottom:176px}}@media (max-width:768px){.dropcolor-background .flex-1:nth-child(2){padding-top:40px}}@media (max-width:1024px){.dropcolor-background .flex-1:nth-child(2){padding-top:40px}}.btn-totop{right:20px;bottom:20px;transform:translateY(80px)}