.main-title-animation{animation:mainTitleAnim .5s ease-in-out}@keyframes mainTitleAnim{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}.sub-title-animation{animation:subTitleAnim .5s ease-in-out}@keyframes subTitleAnim{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}.image-title-animation{animation:imageTitleAnim .5s ease-in-out}@keyframes imageTitleAnim{0%{opacity:0;transform:translateY(100px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.circle-title-animation{animation:circleTitleAnim 1s ease-in-out}@keyframes circleTitleAnim{0%{opacity:0;right:-1000px}50%{opacity:0;right:-1000px}to{opacity:1;right:-320px}}.buttons-title-animation{animation:buttonsTitleAnim .5s ease-in-out}@keyframes buttonsTitleAnim{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.benefit-vsaas-box1-animation{animation:box1VsaasAnim .5s ease-in-out}@keyframes box1VsaasAnim{0%{opacity:0}to{opacity:1}}.benefit-vsaas-box2-animation{animation:box2VsaasAnim 1s ease-in-out}@keyframes box2VsaasAnim{0%{opacity:0}50%{opacity:0}to{opacity:1}}.benefit-vsaas-box3-animation{animation:box3VsaasAnim 1.5s ease-in-out}@keyframes box3VsaasAnim{0%{opacity:0}66%{opacity:0}to{opacity:1}}.benefit-vsaas-box4-animation{animation:box4VsaasAnim 2s ease-in-out}@keyframes box4VsaasAnim{0%{opacity:0}75%{opacity:0}to{opacity:1}}.benefit-vsaas-box5-animation{animation:box5VsaasAnim 2.5s ease-in-out}@keyframes box5VsaasAnim{0%{opacity:0}80%{opacity:0}to{opacity:1}}.processVsaasAnimationBox-rtl{animation:process5VsaasAnimrtl 2s ease-in-out}@keyframes process5VsaasAnimrtl{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}.processVsaasAnimationBox-ltr{animation:process5VsaasAnimltr 2s ease-in-out}@keyframes process5VsaasAnimltr{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}.whyHoubaanPart-top{animation:whyHoubaanAnimTitlesToTop 2s ease-in-out}@keyframes whyHoubaanAnimTitlesToTop{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.whyHoubaanPart-bottom{animation:whyHoubaanAnimTitlesToBottom 2s ease-in-out}@keyframes whyHoubaanAnimTitlesToBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.main-card-box{background-color:transparent;transition:all .5s ease-in-out;height:520px;width:270px;position:relative;border-radius:16px}.main-card-box:hover,.swiper-slide-active .slider-main-component-style .main-card-box{background:linear-gradient(to bottom,var(--colorCode),white,var(--colorCode));transform:translateY(-10px) scale(1.05)}.button-packages-item{background-color:var(--colorProductCode)}.button-packages-item:hover{background-color:var(--colorProductCodeHover)}.img-card-news{height:238px!important;overflow:hidden;box-sizing:border-box!important;position:relative}.img-card-news,.img-card-news img{width:100%!important;transition:all .3s ease-in-out}.img-card-news img{height:100%!important;-o-object-fit:cover;object-fit:cover;z-index:1}.img-card-news:hover img{transform:scale(1.5);z-index:1}.img-card-news .overlay-img{position:absolute;width:100%;top:0;bottom:0;left:0;display:none}.img-card-news:hover .overlay-img{display:block;z-index:2}.benefits-title{border-width:3px;border-style:dashed}