#home-hero-box { margin-top: -77px; } #home-hero { .elementor-swiper { &:hover { .elementor-swiper-button { left: 20px; opacity: 1; } } .swiper-slide { .swiper-slide-inner { max-width: var(--content-width); } } .elementor-swiper-button { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: rgba(255, 255, 255, 0.3); left: -50px; opacity: 0; right: auto; transition-delay: 0.1s; transition-timing-function: ease-in-out; transition-duration: 0.5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; &::before { content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; opacity: 0; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.7); transition: all 300ms ease-in-out; border-radius: 100%; } &:hover { &::before { opacity: 1; width: 100%; height: 100%; } svg { fill: #000; } } &.elementor-swiper-button-prev { top: calc(50% + 40px); } &.elementor-swiper-button-next { top: calc(50% - 40px); } svg { z-index: 1; transition: all 300ms ease-in-out; } } } } .btn { &-1 { height: 55px; .elementor-button-wrapper { .elementor-button { padding: 20px 40px; border-radius: 0; .elementor-button-text { font-weight: 700; } } } } &-2 { height: 55px; .elementor-button-wrapper { .elementor-button { padding: 10px 10px 10px 20px; border-radius: 0; box-shadow: 0 0 0 2px #eaeaea; background: #fff; &:hover { background: #fd5523; box-shadow: 0 0 0 2px #fd5523; .elementor-button-content-wrapper { .elementor-button-text { color: #fff; } .elementor-button-icon { color: #fd5523; background: #fff; } } } .elementor-button-content-wrapper { align-items: center; column-gap: 15px; .elementor-button-text { color: #fd5523; font-weight: 700; } .elementor-button-icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: #fd5523; } } } } } &-3 { height: 55px; .elementor-button-wrapper { .elementor-button { padding: 10px 10px 10px 20px; border-radius: 0; background: #fff; &:hover { background: #062e39; .elementor-button-content-wrapper { .elementor-button-text { color: #fff; } .elementor-button-icon { color: #062e39; background: #fd5523; } } } .elementor-button-content-wrapper { align-items: center; column-gap: 15px; .elementor-button-text { color: #fd5523; font-weight: 700; } .elementor-button-icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: #fd5523; } } } } } } .carousel-box-1 { .swiper.swiper-initialized { overflow: initial; } .swiper-slide { overflow: initial; } .swiper-pagination { .swiper-pagination-bullet { position: relative; &.swiper-pagination-bullet-active { &::before { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #fd5523; transform: translate(-50%, -50%); } } } } } .price-tile { .elementor-price-table { .elementor-price-table__header { position: relative; border-bottom: 2px solid #eaeaea; .elementor-price-table__heading { } } .elementor-price-table__features-list { .elementor-price-table__feature-inner { margin: 0 !important; display: flex; flex-direction: row; align-items: center; svg { padding: 5px; background: #f9f9f9; border-radius: 100%; } } } .elementor-price-table__price { justify-content: flex-start; align-items: flex-end; .elementor-price-table__period { width: fit-content; margin-left: 10px; &::before { content: '/'; } } } .btn-1 { text-align: left; } } } .hp-contact-list { .elementor-icon-list-items { li { .elementor-icon-list-icon { svg { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; padding: 6px; background: #fd5523; border-radius: 100%; } } &:not(:last-child) { border-bottom: 1px solid #eaeaea; } } } } .ph-iton-tile { margin-top: -55px; transform: translateY(55px); transition: all 0.3s ease; &:hover { transform: translateY(-20px); .elementor-widget-button { opacity: 1; visibility: visible; } } .elementor-icon { background: #fff; border-radius: 100px; padding: 0 30px; } .elementor-widget-button { opacity: 0; visibility: hidden; transition: all 0.3s ease; height: auto; padding-bottom: 20px; } }