:root {
--theme-color: #0E5AF2;
--title-color: #1A1A1A;
--body-color: #55595d;
--white-color: #ffffff;
--dark-color: #071a3e;
--icon-size: 80px;
--title-font: "Exo", sans-serif;
--body-font: "Fira Sans", sans-serif;
}
.service-card-container {
width: 100%;
padding: 15px;
float: left;
}
.service-card {
position: relative;
padding-top: 16px;
transition: all 0.5s ease;
overflow: hidden;
}
.service-icon {
position: absolute;
top: 0;
left: 40px;
z-index: 2;
min-width: var(--icon-size);
min-height: var(--icon-size);
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--dark-color);
border-radius: 10px 0 10px 10px;
}
.service-icon::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 16px 0 0 16px;
border-color: transparent transparent transparent var(--theme-color);
top: 0;
right: -16px;
}
.service-image {
border-radius: 10px;
overflow: hidden;
}
.service-image img {
width: 100%;
height: 400px; border-radius: 10px;
transform: scale(1);
transition: 0.5s ease;
object-fit: cover;
}
.service-card:hover .service-image img {
transform: scale(1.2);
}
.service-content {
position: absolute;
bottom: 0;
left: 0;
margin: 10px;
padding: 10px;
z-index: 1;
}
.service-content::before,
.service-content::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: -1;
clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 100%);
border-radius: 0 0 10px 10px;
transition: 0.5s ease;
}
.service-content::before {
background-color: var(--theme-color);
}
.service-content::after {
background-color: var(--white-color);
z-index: -2;
bottom: 5px;
}
.service-card:hover .service-content::before,
.service-card:hover .service-content::after {
background-color: var(--dark-color);
}
.content-body {
margin-bottom: -45px;
transition: 0.5s ease;
}
.service-card:hover .content-body {
margin-bottom: 0;
}
.service-title {
font-family: var(--title-font);
font-size: 24px;
font-weight: 700;
margin: 0 0 15px 0;
line-height: 1.5;
}
.service-title .title-link {
color: var(--white-color);
text-decoration: none;
transition: 0.4s ease;
}
.service-description {
color: var(--white-color);
margin: 0 0 13px 0;
line-height: 1.63;
}
.read-more {
color: var(--white-color);
font-size: 16px;
font-weight: 700;
font-family: var(--title-font);
opacity: 0;
visibility: hidden;
transition: 0.5s ease;
display: inline-flex;
align-items: center;
gap: 7px;
text-decoration: none;
}
.service-card:hover .read-more {
opacity: 1;
visibility: visible;
} .service-badge {
position: absolute;
top: 20px;
right: 20px;
background-color: #FF4A17;
color: #ffffff;
padding: 5px 15px;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
z-index: 2;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
} .service-rating {
margin: 10px 0;
color: var(--white-color);
}
.service-rating .star {
color: #FFD700;
font-size: 18px;
margin-right: 2px;
}
.service-rating .star.empty {
opacity: 0.5;
}
.service-rating .star.half {
position: relative;
display: inline-block;
}
.service-rating .star.half:after {
content: "☆";
position: absolute;
left: 0;
top: 0;
width: 50%;
overflow: hidden;
opacity: 0.5;
} .service-stats {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 15px 0;
}
.service-stats .stats-number {
font-size: 32px;
font-weight: 700;
line-height: 1.2;
color: var(--white-color);
}
.service-stats .stats-label {
font-size: 16px;
color: var(--white-color);
opacity: 0.9;
} .service-features {
list-style: none;
padding: 0;
margin: 15px 0;
}
.service-features li {
display: flex;
align-items: center;
margin-bottom: 8px;
color: var(--white-color);
}
.service-features .feature-icon {
margin-right: 10px;
color: var(--theme-color);
font-weight: bold;
}  .layout-horizontal .service-card-horizontal {
display: flex;
flex-wrap: wrap;
padding-top: 0;
}
.layout-horizontal .service-card-left {
width: 40%;
position: relative;
}
.layout-horizontal .service-card-right {
width: 60%;
padding: 30px;
background-color: var(--dark-color);
border-radius: 0 10px 10px 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.layout-horizontal .service-icon {
top: -16px;
left: 20px;
}
.layout-horizontal .service-image {
height: 100%;
border-radius: 10px 0 0 10px;
}
.layout-horizontal .service-image img {
height: 100%;
border-radius: 10px 0 0 10px;
}
.layout-horizontal .service-content {
position: relative;
margin: 0;
padding: 0;
background: transparent;
}
.layout-horizontal .service-content::before,
.layout-horizontal .service-content::after {
display: none;
}
.layout-horizontal .content-body {
margin-bottom: 0;
}
.layout-horizontal .read-more {
opacity: 1;
visibility: visible;
margin-top: 20px;
} .layout-icon_top .service-card-icon-top {
text-align: center;
padding-top: 0;
}
.layout-icon_top .service-icon {
position: relative;
top: auto;
left: auto;
transform: translateY(-50%);
margin: 0 auto;
z-index: 3;
border-radius: 10px;
}
.layout-icon_top .service-icon::before {
display: none;
}
.layout-icon_top .service-content {
position: relative;
margin: -60px 20px 20px;
width: auto;
}
.layout-icon_top .service-content::before,
.layout-icon_top .service-content::after {
clip-path: none;
border-radius: 10px;
}
.layout-icon_top .content-body {
padding: 70px 20px 20px;
margin-bottom: 0;
}
.layout-icon_top .read-more {
opacity: 1;
visibility: visible;
margin-top: 15px;
justify-content: center;
} .layout-flip .service-card-flip {
perspective: 1000px;
height: 400px;
padding-top: 0;
}
.layout-flip .service-card-front,
.layout-flip .service-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
transition: transform 0.8s ease;
border-radius: 10px;
overflow: hidden;
}
.layout-flip .service-card-front {
transform: rotateY(0deg);
z-index: 2;
}
.layout-flip .service-card-back {
transform: rotateY(180deg);
background-color: var(--dark-color);
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
}
.layout-flip .service-card-flip:hover .service-card-front {
transform: rotateY(180deg);
}
.layout-flip .service-card-flip:hover .service-card-back {
transform: rotateY(0deg);
}
.layout-flip .back-content {
text-align: center;
}
.layout-flip .service-card-back .service-title,
.layout-flip .service-card-back .service-description {
color: var(--white-color);
}
.layout-flip .service-card-back .read-more {
opacity: 1;
visibility: visible;
margin-top: 20px;
justify-content: center;
} .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.fade {
animation-name: fadeIn;
}
.animated.slide-up {
animation-name: slideUp;
}
.animated.slide-down {
animation-name: slideDown;
}
.animated.slide-left {
animation-name: slideLeft;
}
.animated.slide-right {
animation-name: slideRight;
}
.animated.zoom-in {
animation-name: zoomIn;
}
.animated.zoom-out {
animation-name: zoomOut;
} .hover-zoom:hover {
transform: scale(1.05);
}
.hover-rotate:hover {
transform: rotate(3deg);
}
.hover-blur .service-image img:hover {
filter: blur(2px);
}
.hover-grayscale .service-image img:hover {
filter: grayscale(100%);
}
.hover-shine .service-image {
position: relative;
overflow: hidden;
}
.hover-shine .service-image::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
transform: skewX(-25deg);
opacity: 0;
transition: all 0.6s ease;
}
.hover-shine .service-image:hover::before {
animation: shine 1s;
opacity: 1;
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
transform: translateY(50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideDown {
from {
transform: translateY(-50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideLeft {
from {
transform: translateX(50px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideRight {
from {
transform: translateX(-50px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes zoomIn {
from {
transform: scale(0.9);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes zoomOut {
from {
transform: scale(1.1);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes shine {
100% {
left: 125%;
}
} @media (max-width: 1200px) {
.service-card-container {
width: 100%;
}
.layout-horizontal .service-card-left,
.layout-horizontal .service-card-right {
width: 100%;
}
.layout-horizontal .service-card-right {
border-radius: 0 0 10px 10px;
}
.layout-horizontal .service-image,
.layout-horizontal .service-image img {
border-radius: 10px 10px 0 0;
}
}
@media (max-width: 767px) {
.service-card-container {
width: 100%;
}
.service-icon {
left: 20px;
min-width: calc(var(--icon-size) * 0.8);
min-height: calc(var(--icon-size) * 0.8);
}
.service-title {
font-size: 20px;
}
.service-description {
font-size: 14px;
}
.service-stats .stats-number {
font-size: 28px;
}
.service-stats .stats-label {
font-size: 14px;
}
.layout-flip .service-card-flip {
height: 350px;
}
} @media (prefers-color-scheme: dark) {
:root {
--title-color: #f0f0f0;
--body-color: #d0d0d0;
}
.service-content::after {
background-color: #222;
}
.service-badge {
background-color: var(--theme-color);
}
.layout-horizontal .service-card-right {
background-color: #1a1a1a;
}
}.webstudio_albania30 * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.webstudio_albania30 {
background-color: #0086ff;
padding: 1rem;
width: 100%;
overflow: hidden;
}
.webstudio_albania30 .container30 {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 5px;
}
.webstudio_albania30 .title30 {
text-align: center;
color: #fff;
margin-bottom: 1.5rem;
font-size: 2rem;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
word-wrap: break-word;
hyphens: auto;
}
.webstudio_albania30 .faq-container30 {
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
}
.webstudio_albania30 .faq-item30 {
width: 100%;
position: relative;
cursor: pointer;
transition: all 0.4s ease;
height: auto;
min-height: 80px;
margin-bottom: 1.5rem;
}
.webstudio_albania30 .faq-wrapper30 {
width: 100%;
position: relative;
background: rgba(255, 255, 255, 0.1);
clip-path: polygon(0 0, 100% 0, 50% 100%);
transition: all 0.5s ease;
backdrop-filter: blur(10px);
height: 100%;
min-height: 80px;
}
.webstudio_albania30 .faq-item30.active .faq-wrapper30 {
clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
min-height: 160px;
height: auto;
padding-bottom: 2.5rem;
}
.webstudio_albania30 .faq-question30 {
padding: 1rem;
color: #fff;
font-size: 1.1rem;
font-weight: 500;
text-align: center;
position: relative;
word-wrap: break-word;
overflow-wrap: break-word;
text-shadow: 0 2px 4px rgba(0,0,0,0.2);
hyphens: auto;
}
.webstudio_albania30 .faq-answer30 {
display: none;
}
.webstudio_albania30 .faq-item30.active .faq-answer30 {
display: block;
height: auto !important;
overflow: visible !important;
}
.webstudio_albania30 .faq-answer-content30 {
padding: 0 1.5rem 15px; color: #ffffff;
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.6;
text-align: center;
hyphens: auto;
margin-bottom: 20px; }
.webstudio_albania30 .faq-item30:hover .faq-wrapper30 {
background: rgba(255, 255, 255, 0.15);
transform: translateY(-5px);
}
.webstudio_albania30 .faq-item30.active .faq-wrapper30 {
background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 768px) {
.webstudio_albania30 {
padding: 0.8rem 0.5rem;
}
.webstudio_albania30 .container30 {
padding: 0 8px;
}
.webstudio_albania30 .title30 {
font-size: 1.5rem;
margin-bottom: 1rem;
padding: 0 8px;
}
.webstudio_albania30 .faq-question30 {
font-size: 1rem;
padding: 0.8rem 0.5rem;
}
.webstudio_albania30 .faq-answer-content30 {
padding: 0 1rem 15px; font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 20px; }
.webstudio_albania30 .faq-container30 {
gap: 1rem;
}
.webstudio_albania30 .faq-item30.active .faq-wrapper30 {
padding-bottom: 4rem;
clip-path: polygon(0 0, 100% 0, 100% 97%, 50% 100%, 0 97%);
}
}.webstudio-47 {
position: relative;
height: 100vh;
background: #000;
overflow: hidden;
}
.webstudio-47.fullscreen {
height: 100vh;
} .slide-7 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
clip-path: inset(0 100% 0 0);
transition: clip-path 1.5s cubic-bezier(0.77, 0, 0.175, 1),
opacity 0.1s linear 0.8s;
} .transition-slide_right-7 .slide-7 {
clip-path: inset(0 100% 0 0);
}
.transition-slide_up-7 .slide-7 {
clip-path: inset(100% 0 0 0);
}
.transition-slide_down-7 .slide-7 {
clip-path: inset(0 0 100% 0);
}
.transition-fade-7 .slide-7 {
clip-path: none;
opacity: 0;
transition: opacity 1.5s ease;
}
.transition-zoom-7 .slide-7 {
clip-path: none;
opacity: 0;
transform: scale(1.2);
transition: opacity 1.5s ease, transform 1.5s ease;
} .transition-slide_right-7 .slide-7.active-7 {
opacity: 1;
clip-path: inset(0 0 0 0);
transition: clip-path 1.5s cubic-bezier(0.77, 0, 0.175, 1),
opacity 0.1s linear;
}
.transition-slide_up-7 .slide-7.active-7,
.transition-slide_down-7 .slide-7.active-7 {
opacity: 1;
clip-path: inset(0 0 0 0);
transition: clip-path 1.5s cubic-bezier(0.77, 0, 0.175, 1),
opacity 0.1s linear;
}
.transition-fade-7 .slide-7.active-7 {
opacity: 1;
transition: opacity 1.5s ease;
}
.transition-zoom-7 .slide-7.active-7 {
opacity: 1;
transform: scale(1);
transition: opacity 1.5s ease, transform 1.5s ease;
} .slide-7:not(.custom-overlay-7)::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgba(0,0,0,0.5) 0%,
rgba(0,0,0,0.3) 40%,
rgba(0,0,0,0.3) 60%,
rgba(0,0,0,0.5) 100%
);
z-index: 1;
} .slide-7.custom-overlay-7::after {
display: none;
}
.slide-overlay-7 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
} .slide-bg-7 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.2);
transition: transform 3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slide-7.active-7 .slide-bg-7 {
transform: scale(1);
} .video-bg-7 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.slide-video-7 {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover;
} .slide-content-7 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
color: white;
text-align: center;
width: 90%;
max-width: 1200px;
}
.content-position-left-7 {
left: 15%;
transform: translate(0, -50%);
text-align: left;
}
.content-position-right-7 {
left: unset;
right: 15%;
transform: translate(0, -50%);
text-align: right;
} .text-left-7 {
text-align: left;
}
.text-center-7 {
text-align: center;
}
.text-right-7 {
text-align: right;
} .slide-subtitle-7 {
font-size: 1.5rem;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 1rem;
opacity: 0;
transform: translateY(30px);
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
.slide-7.active-7 .slide-subtitle-7 {
opacity: 1;
transform: translateY(0);
}
.slide-title-7 {
font-size: 6rem;
font-weight: 800;
line-height: 1.1;
margin-bottom: 2rem;
opacity: 0;
transform: translateY(50px);
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.slide-7.active-7 .slide-title-7 {
opacity: 1;
transform: translateY(0);
}
.highlight-word-7 {
color: #5D5CDE;
position: relative;
display: inline-block;
}
.slide-description-7 {
font-size: 1.3rem;
max-width: 600px;
margin: 0 auto 3rem;
opacity: 0;
transform: translateY(30px);
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;
}
.slide-7.active-7 .slide-description-7 {
opacity: 1;
transform: translateY(0);
} .slide-buttons-7 {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
opacity: 0;
transform: translateY(30px);
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s;
}
.content-position-left-7 .slide-buttons-7 {
justify-content: flex-start;
}
.content-position-right-7 .slide-buttons-7 {
justify-content: flex-end;
}
.slide-7.active-7 .slide-buttons-7 {
opacity: 1;
transform: translateY(0);
}
.slide-btn-7 {
display: inline-block;
padding: 1.2rem 2.5rem;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 2px;
color: white;
background: transparent;
border: 1px solid white;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.slide-btn-7:hover {
background: white;
color: black;
}
.secondary-btn-7 {
display: inline-block;
padding: 1.2rem 2.5rem;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 2px;
color: white;
background: rgba(255, 255, 255, 0.1);
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
margin-left: 1rem;
}
.secondary-btn-7:hover {
background: white;
color: black;
} .social-links-7 {
display: flex;
justify-content: center;
margin-top: 2rem;
opacity: 0;
transform: translateY(30px);
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s;
}
.content-position-left-7 .social-links-7 {
justify-content: flex-start;
}
.content-position-right-7 .social-links-7 {
justify-content: flex-end;
}
.slide-7.active-7 .social-links-7 {
opacity: 1;
transform: translateY(0);
}
.social-link-7 {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
color: white;
margin-right: 10px;
transition: all 0.3s ease;
}
.social-link-7:hover {
background-color: rgba(255, 255, 255, 0.2);
color: #5D5CDE;
}
.social-link-7 i {
font-size: 16px;
} .slide-number-7 {
position: absolute;
bottom: 50px;
left: 50px;
font-size: 2rem;
font-weight: 600;
color: white;
z-index: 2;
mix-blend-mode: difference;
}
.slide-progress-7 {
position: absolute;
bottom: 50px;
left: 100px;
width: 100px;
height: 1px;
background: rgba(255,255,255,0.3);
z-index: 2;
}
.progress-bar-7 {
width: 0;
height: 100%;
background: white;
transition: width 5s linear;
} .navigation-7 {
position: absolute;
bottom: 50px;
right: 50px;
display: flex;
gap: 1rem;
z-index: 2;
}
.nav-btn-7 {
width: 50px;
height: 50px;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 50%;
cursor: pointer;
position: relative;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
color: white;
}
.nav-btn-7:hover {
border-color: white;
}
.nav-btn-7.active-7 {
background: white;
color: black;
} .dot-nav-7 {
position: absolute;
bottom: 50px;
right: 50px;
display: flex;
gap: 10px;
z-index: 2;
}
.dot-7 {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: all 0.3s ease;
}
.dot-7:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.dot-7.active-7 {
background-color: white;
} .thumb-nav-7 {
position: absolute;
bottom: 50px;
right: 50px;
display: flex;
gap: 10px;
z-index: 2;
}
.thumb-item-7 {
width: 80px;
height: 45px;
overflow: hidden;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.3s ease;
opacity: 0.7;
}
.thumb-item-7 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.thumb-item-7:hover {
opacity: 1;
}
.thumb-item-7.active-7 {
border-color: white;
opacity: 1;
} .arrow-btn-7 {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
z-index: 3;
}
.arrow-btn-7:hover {
background-color: rgba(0, 0, 0, 0.5);
color: white;
}
.arrow-prev-7 {
left: 20px;
}
.arrow-next-7 {
right: 20px;
} @media (max-width: 1200px) {
.slide-title-7 {
font-size: 4.5rem;
}
}
@media (max-width: 992px) {
.slide-title-7 {
font-size: 3.5rem;
}
.slide-description-7 {
font-size: 1.1rem;
}
.content-position-left-7 {
left: 10%;
}
.content-position-right-7 {
right: 10%;
}
}
@media (max-width: 768px) {
.slide-title-7 {
font-size: 2.5rem;
margin-bottom: 1.5rem;
}
.slide-subtitle-7 {
font-size: 1rem;
}
.slide-description-7 {
font-size: 1rem;
margin-bottom: 2rem;
}
.slide-btn-7,
.secondary-btn-7 {
padding: 1rem 1.8rem;
font-size: 0.9rem;
}
.slide-number-7 {
left: 20px;
bottom: 20px;
font-size: 1.5rem;
}
.slide-progress-7 {
left: 70px;
bottom: 20px;
}
.navigation-7,
.dot-nav-7,
.thumb-nav-7 {
right: 20px;
bottom: 20px;
}
.content-position-left-7,
.content-position-right-7 {
left: 50%;
right: unset;
transform: translate(-50%, -50%);
text-align: center;
}
.content-position-left-7 .slide-buttons-7,
.content-position-right-7 .slide-buttons-7,
.content-position-left-7 .social-links-7,
.content-position-right-7 .social-links-7 {
justify-content: center;
}
.arrow-btn-7 {
width: 40px;
height: 40px;
}
.arrow-prev-7 {
left: 10px;
}
.arrow-next-7 {
right: 10px;
}
.thumb-nav-7 {
display: none;
}
}
@media (max-width: 480px) {
.slide-title-7 {
font-size: 2rem;
}
.slide-subtitle-7 {
font-size: 0.9rem;
letter-spacing: 2px;
}
.slide-description-7 {
font-size: 0.9rem;
}
.slide-buttons-7 {
flex-direction: column;
align-items: center;
}
.secondary-btn-7 {
margin-left: 0;
margin-top: 0.75rem;
}
.nav-btn-7 {
width: 40px;
height: 40px;
font-size: 0.7rem;
}
}.webstudio_Albanian5-work-process-section {
width: 100%;
background-color: #ffffff;
padding: 10px 5px;
box-sizing: border-box;
}
.webstudio_Albanian5-work-process-container {
max-width: 1200px;
margin: 0 auto;
padding: 48px;
border-radius: 24px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
background-color: #ffffff;
}
.webstudio_Albanian5-process-step {
display: flex;
gap: 32px;
align-items: flex-start;
margin-bottom: 20px !important;
position: relative;
}
.webstudio_Albanian5-process-step:not(:last-child)::after {
content: '';
position: absolute;
left: 44px;
top: 88px;
height: calc(100% - 50px);
width: 2px;
background-color: #f0f0f0;
z-index: 1;
}
.webstudio_Albanian5-process-step:last-child {
margin-bottom: 0;
}
.webstudio_Albanian5-process-icon {
flex-shrink: 0;
position: relative;
z-index: 2;
}
.webstudio_Albanian5-step-image {
width: 88px;
height: 88px;
border-radius: 50%;
object-fit: cover;
border: 5px solid #ffffff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.webstudio_Albanian5-process-step:hover .webstudio_Albanian5-step-image {
transform: scale(1.05);
}
.webstudio_Albanian5-process-content {
flex: 1;
padding: 15px 20px;
background-color: #f9f9f9;
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.webstudio_Albanian5-process-step:hover .webstudio_Albanian5-process-content {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
.webstudio_Albanian5-step-title {
font-family: 'Exo', sans-serif;
font-size: 24px;
font-weight: 600;
color: #333333;
margin: 0 0 12px;
line-height: 1.4;
position: relative;
padding-bottom: 10px;
}
.webstudio_Albanian5-step-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 3px;
background-color: #4a6bff;
border-radius: 3px;
}
.webstudio_Albanian5-step-description {
font-family: 'Inter', sans-serif;
font-size: 14px;
line-height: 1.6;
color: #555555;
margin: 0;
} @media (max-width: 768px) {
.webstudio_Albanian5-work-process-container {
padding: 24px;
}
.webstudio_Albanian5-process-step {
flex-direction: column;
text-align: center;
gap: 16px;
margin-bottom: 40px;
}
.webstudio_Albanian5-process-icon {
margin: 0 auto;
}
.webstudio_Albanian5-process-step:not(:last-child)::after {
left: 50%;
top: 88px;
height: 40px;
width: 2px;
transform: translateX(-50%);
}
.webstudio_Albanian5-step-title::after {
left: 50%;
transform: translateX(-50%);
}
} @media (min-width: 769px) {
.webstudio_Albanian5-work-process-section .webstudio_Albanian5-work-process-container {
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
.webstudio_Albanian5-work-process-section .webstudio_Albanian5-process-step {
margin-bottom: 20px !important;
}
}
@media (max-width: 480px) {
.webstudio_Albanian5-work-process-container {
padding: 16px;
border-radius: 16px;
}
.webstudio_Albanian5-step-title {
font-size: 20px;
}
.webstudio_Albanian5-step-description {
font-size: 13px;
}
.webstudio_Albanian5-step-image {
width: 70px;
height: 70px;
}
.webstudio_Albanian5-process-step:not(:last-child)::after {
top: 70px;
}
}.webstudio_Albanian6-blog-card-isolated {
width: 100%;
max-width: 100%;
padding: 0 5px;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
.webstudio_Albanian6-blog-card-isolated__item {
margin-bottom: 60px;
position: relative;
animation: webstudio_Albanian6-blog-card-isolated-fadeInUp 1.2s ease;
}
.webstudio_Albanian6-blog-card-isolated__image-wrapper {
border-radius: 5px;
overflow: hidden;
position: relative;
}
.webstudio_Albanian6-blog-card-isolated__image {
display: block;
width: 100%;
height: auto;
aspect-ratio: 800/495;
object-fit: cover;
transition: all 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.webstudio_Albanian6-blog-card-isolated__content {
background-color: #fff;
border-radius: 4px;
margin: -60px 30px 0;
padding: 16px 50px 21px 30px;
position: relative;
box-shadow: rgba(73, 73, 73, 0.1) 0px 15px 45px 0px;
transition: all 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.webstudio_Albanian6-blog-card-isolated__meta {
margin: 0 0 17px;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
font-size: 16px;
font-weight: 500;
color: #000E52;
}
.webstudio_Albanian6-blog-card-isolated__category {
margin-right: 18px;
padding: 0 10px;
line-height: 31px;
background-image: linear-gradient(135deg, #FF9F56, #FF2C6F);
border-radius: 4px;
color: #fff;
}
.webstudio_Albanian6-blog-card-isolated__category-link {
color: #fff;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.webstudio_Albanian6-blog-card-isolated__date {
color: #000E52;
font-weight: 500;
}
.webstudio_Albanian6-blog-card-isolated__date i {
margin-right: 4px;
}
.webstudio_Albanian6-blog-card-isolated__title {
margin: 0;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 36px;
color: #000E52;
}
.webstudio_Albanian6-blog-card-isolated__title-link {
color: #000E52;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.webstudio_Albanian6-blog-card-isolated__title-link:hover {
color: #FF2C6F;
}
.webstudio_Albanian6-blog-card-isolated__arrow-link {
position: absolute;
bottom: 0;
right: 0;
width: 40px;
height: 40px;
background-image: linear-gradient(135deg, #FF9F56, #FF2C6F);
color: #fff;
text-decoration: none;
text-align: center;
line-height: 40px;
border-radius: 0 0 4px;
transition: all 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
@keyframes webstudio_Albanian6-blog-card-isolated-fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 991px) {
.webstudio_Albanian6-blog-card-isolated__content {
margin: -40px 20px 0;
padding: 15px 40px 15px 20px;
}
.webstudio_Albanian6-blog-card-isolated__title {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 767px) {
.webstudio_Albanian6-blog-card-isolated__content {
margin: -30px 15px 0;
padding: 15px 35px 15px 15px;
}
.webstudio_Albanian6-blog-card-isolated__title {
font-size: 18px;
line-height: 28px;
}
.webstudio_Albanian6-blog-card-isolated__meta {
font-size: 14px;
}
}
@media (max-width: 575px) {
.webstudio_Albanian6-blog-card-isolated__content {
margin: -20px 10px 0;
padding: 12px 30px 12px 12px;
}
.webstudio_Albanian6-blog-card-isolated__category {
margin-right: 10px;
padding: 0 8px;
line-height: 28px;
}
}.elementor .e-grid .webstudio_albania8 {
padding-left: 20px;
padding-right: 20px;
max-width: 100%;
} .elementor .e-grid .elementor-widget-html .elementor-widget-container .webstudio_albania8 {
width: 100% !important;
}
.webstudio_albania8 {
--primary-color: #FF681A; --secondary-color: #37D4D9; --text-color: #333;
--light-bg: #ffffff; --dark-shadow: rgba(0, 0, 0, 0.1);
--light-shadow: rgba(255, 255, 255, 0.8);
--card-radius: 15px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 30px;
padding: 20px;
position: relative;
overflow-x: hidden;
max-width: 1200px;
margin: 0 auto;
}
.webstudio_albania8 * {
margin: 0;
padding: 0;
box-sizing: border-box;
transition: background-color 0.3s, color 0.3s;
} .webstudio_albania8 .bg-animation8 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
display: none; }
.webstudio_albania8 .bg-animation8 span {
position: absolute;
width: 80px;
height: 80px;
background: var(--primary-color);
border-radius: 50%;
animation: move8 15s linear infinite;
}
@keyframes move8 {
0% {
transform: translate(0, 0) scale(1);
}
25% {
transform: translate(100px, 50px) scale(1.2);
}
50% {
transform: translate(50px, 100px) scale(0.8);
}
75% {
transform: translate(-50px, 50px) scale(1.1);
}
100% {
transform: translate(0, 0) scale(1);
}
}
.webstudio_albania8 .card8 {
width: 100%;
max-width: 380px;
background-color: var(--light-bg); border-radius: var(--card-radius);
overflow: hidden;
box-shadow: 10px 10px 20px var(--dark-shadow),
-10px -10px 20px var(--light-shadow);
transition: box-shadow 0.3s ease;
position: relative;
} .webstudio_albania8 .card8:hover {
box-shadow: 10px 10px 20px var(--dark-shadow),
-10px -10px 20px var(--light-shadow);
}
.webstudio_albania8 .card-image-container8 {
position: relative;
height: 200px;
overflow: hidden;
}
.webstudio_albania8 .card-carousel8 {
position: relative;
height: 100%;
width: 100%;
}
.webstudio_albania8 .card-slide8 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.8s ease;
}
.webstudio_albania8 .card-slide8.active8 {
opacity: 1;
}
.webstudio_albania8 .card-image8 {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
} .webstudio_albania8 .card8:hover .card-image8 {
transform: scale(1);
} .webstudio_albania8 .ribbon8 {
position: absolute;
top: 0;
right: 0;
background-color: var(--secondary-color);
color: white;
padding: 6px 12px;
font-weight: bold;
font-size: 14px;
z-index: 10;
text-transform: uppercase;
}
.webstudio_albania8 .card-content8 {
padding: 25px;
}
.webstudio_albania8 .card-title8 {
font-size: 1.5rem;
margin-bottom: 15px;
color: var(--primary-color);
position: relative;
display: inline-block;
}
.webstudio_albania8 .card-title8::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 50px;
height: 3px;
background: var(--primary-color);
border-radius: 3px;
}
.webstudio_albania8 .card-description8 {
margin-bottom: 25px;
line-height: 1.6;
color: var(--text-color);
}
.webstudio_albania8 .card-buttons8 {
display: flex;
gap: 10px; justify-content: space-between;
}
.webstudio_albania8 .btn8 {
padding: 10px 15px; border: none;
border-radius: 50px;
cursor: pointer;
font-weight: 600;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
white-space: nowrap;
font-size: 0.9rem;
flex: 1;
max-width: 48%;
}
.webstudio_albania8 .btn-primary8 {
background: var(--primary-color);
color: white;
box-shadow: 5px 5px 10px var(--dark-shadow),
-2px -2px 5px var(--light-shadow);
}
.webstudio_albania8 .btn-primary8:hover {
background: var(--primary-color);
}
.webstudio_albania8 .btn-secondary8 {
background: transparent;
color: var(--secondary-color);
border: 2px solid var(--secondary-color);
box-shadow: 3px 3px 8px var(--dark-shadow),
-2px -2px 5px var(--light-shadow);
}
.webstudio_albania8 .btn-secondary8:hover {
background: transparent;
}
.webstudio_albania8 .btn8 i {
font-size: 0.9rem;
} .webstudio_albania8 .popup-overlay8 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999999999999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
.webstudio_albania8 .popup-overlay8.active8 {
opacity: 1;
visibility: visible;
}
.webstudio_albania8 .popup-content8 {
width: 90%;
max-width: 800px;
background-color: #ffffff;
border-radius: var(--card-radius);
padding: 30px 5px;
position: relative;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
transform: scale(0.8);
opacity: 0;
transition: transform 0.4s, opacity 0.4s;
max-height: 90vh;
overflow-y: auto;
}
.webstudio_albania8 .popup-overlay8.active8 .popup-content8 {
transform: scale(1);
opacity: 1;
}
.webstudio_albania8 .popup-close8 {
position: absolute;
top: 15px;
right: 15px;
background: transparent;
border: none;
font-size: 1.5rem;
color: var(--text-color);
cursor: pointer;
z-index: 10;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background-color 0.3s;
}
.webstudio_albania8 .popup-close8:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.webstudio_albania8 .popup-title8 {
font-size: 2rem;
margin-bottom: 20px;
color: var(--primary-color);
text-align: center;
}
.webstudio_albania8 .popup-description8 {
margin-bottom: 30px;
line-height: 1.8;
color: var(--text-color);
} .webstudio_albania8 .slideshow8 {
position: relative;
height: 400px;
margin: 0 auto;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.webstudio_albania8 .slide8 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.webstudio_albania8 .slide8.active8 {
opacity: 1;
}
.webstudio_albania8 .slide8 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.webstudio_albania8 .slide-caption8 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 15px;
background: rgba(0, 0, 0, 0.7);
color: white;
font-size: 1rem;
}
.webstudio_albania8 .slide-controls8 {
position: absolute;
bottom: 50%;
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 20px;
transform: translateY(50%);
z-index: 5;
}
.webstudio_albania8 .slide-btn8 {
background: rgba(255, 255, 255, 0.3);
color: white;
border: none;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.3s;
}
.webstudio_albania8 .slide-btn8:hover {
background: rgba(255, 255, 255, 0.5);
} .webstudio_albania8 .card-indicators8 {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 6px;
z-index: 5;
}
.webstudio_albania8 .card-indicator8 {
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: background 0.3s;
}
.webstudio_albania8 .card-indicator8.active8 {
background: white;
} @media (min-width: 992px) {
.webstudio_albania8 .card8 {
flex: 1 1 calc(33.333% - 30px); max-width: calc(33.333% - 30px);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.webstudio_albania8 .card8 {
flex: 1 1 calc(50% - 30px); max-width: calc(50% - 30px);
}
}
@media (max-width: 767px) {
.webstudio_albania8 .card8 {
flex: 1 1 100%; max-width: 100%;
}
}.Webstudio_Albania12-section {
box-sizing: border-box;
overflow: hidden;
position: relative;
z-index: 2;
padding: 10px 5px;
color: #666666;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
background-color: #ffffff;
width: 100%;
}
.Webstudio_Albania12-shape-container {
box-sizing: border-box;
pointer-events: none;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
.Webstudio_Albania12-shape-img {
box-sizing: border-box;
vertical-align: middle;
height: auto;
max-width: 100%;
}
.Webstudio_Albania12-container {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 5px;
max-width: 100%;
}
.Webstudio_Albania12-header {
box-sizing: border-box;
text-align: center;
margin-bottom: 50px;
position: relative;
z-index: 2;
}
.Webstudio_Albania12-subtitle {
box-sizing: border-box;
color: #fa2d39;
display: block;
font-family: Exo, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 24px;
margin-bottom: 31px;
margin-top: -3.6px;
position: relative;
text-transform: capitalize;
}
.Webstudio_Albania12-subtitle-icon {
box-sizing: border-box;
vertical-align: middle;
height: auto;
max-width: 100%;
margin: -4px 8px 0 0;
}
.Webstudio_Albania12-title {
box-sizing: border-box;
font-weight: 700;
line-height: 48px;
margin: -7.2px 0 14px;
font-size: 40px;
color: #101840;
font-family: Exo, sans-serif;
text-transform: capitalize;
}
.Webstudio_Albania12-features-grid {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.Webstudio_Albania12-left-column {
box-sizing: border-box;
flex: 1 1 100%;
padding-left: 5px;
padding-right: 5px;
}
.Webstudio_Albania12-features-left {
box-sizing: border-box;
}
.Webstudio_Albania12-feature-card {
box-sizing: border-box;
background-color: #e1e4e5;
border-radius: 24px;
margin-bottom: 24px;
padding: 24px;
position: relative;
z-index: 2;
}
.Webstudio_Albania12-feature-number {
box-sizing: border-box;
background-color: #101840;
border-radius: 99px;
color: #ffffff;
font-family: Exo, sans-serif;
font-size: 24px;
font-weight: 600;
height: 60px;
line-height: 60px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 60px;
z-index: 4;
}
.Webstudio_Albania12-feature-icon-wrap {
box-sizing: border-box;
margin-bottom: 24px;
}
.Webstudio_Albania12-feature-icon {
box-sizing: border-box;
vertical-align: middle;
height: auto;
max-width: 100%;
transition: all 0.4s ease-in-out 0s;
}
.Webstudio_Albania12-feature-title {
box-sizing: border-box;
font-weight: 600;
line-height: 34.008px;
margin: -5.76px 0 8px;
font-size: 24px;
color: #101840;
font-family: Exo, sans-serif;
}
.Webstudio_Albania12-feature-text {
box-sizing: border-box;
margin: 0 0 -6.4px;
color: #666666;
font-family: Inter, sans-serif;
line-height: 26px;
}
.Webstudio_Albania12-center-column {
box-sizing: border-box;
flex: 1 1 100%;
padding-left: 5px;
padding-right: 5px;
display: block;
align-self: flex-end;
}
.Webstudio_Albania12-image-container {
box-sizing: border-box;
}
.Webstudio_Albania12-feature-image {
box-sizing: border-box;
vertical-align: bottom;
height: auto;
max-width: 100%;
}
.Webstudio_Albania12-right-column {
box-sizing: border-box;
flex: 1 1 100%;
padding-left: 5px;
padding-right: 5px;
}
.Webstudio_Albania12-features-right {
box-sizing: border-box;
}
.Webstudio_Albania12-stats-wrapper {
box-sizing: border-box;
}
.Webstudio_Albania12-stats-container {
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
max-width: 100%;
}
.Webstudio_Albania12-stats-row {
box-sizing: border-box;
display: flex;
justify-content: space-evenly;
background-color: #101840;
border-radius: 24px;
padding: 42px 8px;
text-align: center;
gap: normal;
flex-wrap: nowrap;
position: static;
}
.Webstudio_Albania12-stat-item {
box-sizing: border-box;
align-items: center;
gap: 15px;
display: block;
flex-direction: row;
text-align: center;
flex: 0 1 auto;
}
.Webstudio_Albania12-stat-content {
box-sizing: border-box;
flex: 1 1 0%;
}
.Webstudio_Albania12-stat-number {
box-sizing: border-box;
font-weight: 700;
line-height: 48px;
margin: -8px 0 0;
font-size: 40px;
color: #ffffff;
font-family: Exo, sans-serif;
}
.Webstudio_Albania12-counter {
box-sizing: border-box;
}
.Webstudio_Albania12-stat-label {
box-sizing: border-box;
margin: 0 0 -7.2px;
color: #ffffff;
font-family: Inter, sans-serif;
line-height: 29.25px;
font-size: 18px;
}
.Webstudio_Albania12-divider {
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.5);
height: 66px;
width: 1px;
display: block;
}
.Webstudio_Albania12-divider-last {
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.5);
height: 66px;
width: 1px;
display: none;
} @media (min-width: 768px) {
.Webstudio_Albania12-left-column,
.Webstudio_Albania12-right-column {
flex: 0 0 30%;
}
.Webstudio_Albania12-center-column {
flex: 0 0 40%;
}
} @media (max-width: 767px) {
.Webstudio_Albania12-stats-row {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.Webstudio_Albania12-stat-item {
flex: 0 1 45%;
margin-bottom: 20px;
}
.Webstudio_Albania12-divider,
.Webstudio_Albania12-divider-last {
display: none;
}
.Webstudio_Albania12-title {
font-size: 32px;
line-height: 40px;
}
}
@media (max-width: 600px) {
.Webstudio_Albania12-stat-item {
flex: 0 1 100%;
}
.Webstudio_Albania12-feature-card {
padding: 20px;
}
.Webstudio_Albania12-feature-number {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 20px;
}
}.webstudio_albania11-about-section {
position: relative;
padding: 50px 0;
font-family: 'Outfit', sans-serif;
}
.webstudio_albania11-about__img-wrap {
position: relative;
padding-left: 70px;
max-width: 100%;
} .webstudio_albania11-about__img-wrap img {
max-width: 100%;
height: auto;
transition: all 0.3s ease-out;
}
.webstudio_albania11-about__img-wrap img:nth-child(1) {
border-radius: 15px;
width: 100%;
}
.webstudio_albania11-about__img-wrap img:nth-child(2) {
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
position: absolute;
right: 6%;
bottom: 20%;
width: 50%;
transform: translate3d(10.89px, 0, 0);
} .webstudio_albania11-box {
display: flex;
background: #ffffff;
border-radius: 40px;
align-items: center;
gap: 10px;
position: absolute;
left: -15%;
bottom: 36%;
transform: rotate(-90deg);
padding: 22px 30px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}
.webstudio_albania11-box .webstudio_albania11-title {
margin: 0;
background: linear-gradient(180deg, #ffce4f 0%, #f79400 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 70px;
font-weight: 900;
line-height: 0.8;
font-family: 'Outfit', sans-serif;
}
.webstudio_albania11-box p {
margin: 0;
text-transform: uppercase;
font-weight: 700;
font-family: 'Outfit', sans-serif;
color: #191d88;
font-size: 16px;
line-height: 1.2;
} .webstudio_albania11-all-opd {
animation: webstudio_albania11AllTuchTopDown 3s ease-in-out infinite alternate;
}
.webstudio_albania11-about__img-wrap .webstudio_albania11-sha img {
position: absolute;
right: 7%;
bottom: -10%;
z-index: -1;
border-radius: 0;
width: auto;
}
@keyframes webstudio_albania11AllTuchTopDown {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-20px); }
}  .webstudio_albania11-premium-1 .webstudio_albania11-about__img-wrap {
padding: 30px;
background: rgba(255, 255, 255, 0.05);
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.webstudio_albania11-premium-1 .webstudio_albania11-main-image {
width: 90% !important;
border-radius: 20px !important;
z-index: 1;
}
.webstudio_albania11-premium-1 .webstudio_albania11-secondary-image {
width: 45% !important;
border-radius: 15px !important;
position: absolute;
right: 0 !important;
bottom: 15% !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
z-index: 2;
}
.webstudio_albania11-premium-1 .webstudio_albania11-tertiary-image {
width: 35% !important;
border-radius: 10px;
position: absolute;
left: 0;
bottom: 5%;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
z-index: 3;
}
.webstudio_albania11-premium-1 .webstudio_albania11-box {
left: auto;
right: 10%;
bottom: 70%;
transform: rotate(0);
padding: 15px 25px;
z-index: 4;
}
.webstudio_albania11-premium-1 .webstudio_albania11-additional-text {
background: #f8f9fa;
border-radius: 12px;
padding: 20px;
margin-top: 20px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.webstudio_albania11-premium-1 .webstudio_albania11-additional-text p {
font-size: 15px;
line-height: 1.6;
color: #333;
text-transform: none;
}
.webstudio_albania11-cta-button {
display: inline-block;
background-color: #f79400;
color: #fff;
font-weight: 600;
font-size: 16px;
padding: 12px 30px;
border-radius: 30px;
text-decoration: none;
margin-top: 20px;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(247, 148, 0, 0.2);
}
.webstudio_albania11-cta-button:hover {
background-color: #191d88;
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(25, 29, 136, 0.3);
} .webstudio_albania11-premium-2 .webstudio_albania11-about__img-wrap {
padding: 0;
display: flex;
flex-direction: column;
}
.webstudio_albania11-premium-2 .webstudio_albania11-image-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 30px;
}
.webstudio_albania11-premium-2 .webstudio_albania11-image-grid {
flex: 1;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, auto);
gap: 15px;
position: relative;
}
.webstudio_albania11-premium-2 .webstudio_albania11-main-image {
grid-column: 1 / 3;
grid-row: 1 / 2;
width: 100% !important;
height: auto;
border-radius: 15px !important;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.webstudio_albania11-premium-2 .webstudio_albania11-secondary-image {
grid-column: 1 / 2;
grid-row: 2 / 3;
position: relative !important;
width: 100% !important;
height: auto;
right: auto !important;
bottom: auto !important;
border-radius: 12px !important;
}
.webstudio_albania11-premium-2 .webstudio_albania11-tertiary-image {
grid-column: 2 / 3;
grid-row: 2 / 3;
width: 100% !important;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.webstudio_albania11-premium-2 .webstudio_albania11-box-elegant {
flex: 0 0 40%;
position: relative;
transform: none;
left: auto;
bottom: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
background: linear-gradient(145deg, #ffffff, #f8f9fa);
border-radius: 20px;
}
.webstudio_albania11-premium-2 .webstudio_albania11-title {
font-size: 80px;
margin-bottom: 10px;
}
.webstudio_albania11-premium-2 .webstudio_albania11-additional-text {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.webstudio_albania11-premium-2 .webstudio_albania11-additional-text p {
font-size: 15px;
line-height: 1.6;
color: #333;
text-transform: none;
font-weight: 400;
}
.webstudio_albania11-premium-2 .webstudio_albania11-elegant-button {
align-self: flex-start;
padding: 14px 35px;
border-radius: 10px;
font-weight: 700;
letter-spacing: 0.5px;
box-shadow: 0 10px 20px rgba(247, 148, 0, 0.15);
} .webstudio_albania11-premium-3 .webstudio_albania11-about__img-wrap {
padding: 0;
}
.webstudio_albania11-premium-3 .webstudio_albania11-image-container-dynamic {
display: flex;
flex-direction: column;
gap: 30px;
}
.webstudio_albania11-premium-3 .webstudio_albania11-floating-element {
position: relative;
width: 100%;
}
.webstudio_albania11-premium-3 .webstudio_albania11-main-image {
width: 100% !important;
border-radius: 20px !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.webstudio_albania11-premium-3 .webstudio_albania11-box-dynamic {
position: absolute;
left: 5%;
bottom: -40px;
transform: rotate(0);
z-index: 5;
background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.1);
}
.webstudio_albania11-premium-3 .webstudio_albania11-content-section {
display: flex;
flex-direction: row;
align-items: center;
gap: 30px;
margin-top: 50px;
}
.webstudio_albania11-premium-3 .webstudio_albania11-image-small-container {
flex: 0 0 50%;
position: relative;
}
.webstudio_albania11-premium-3 .webstudio_albania11-secondary-image {
position: relative !important;
width: 80% !important;
right: auto !important;
bottom: auto !important;
margin-left: 10%;
border-radius: 15px !important;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.webstudio_albania11-premium-3 .webstudio_albania11-tertiary-image {
position: absolute;
width: 40% !important;
bottom: -20px;
right: 0;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
z-index: 2;
}
.webstudio_albania11-premium-3 .webstudio_albania11-dynamic-text {
flex: 0 0 50%;
padding: 30px;
background: #f8f9fa;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.webstudio_albania11-premium-3 .webstudio_albania11-dynamic-text p {
font-size: 16px;
line-height: 1.7;
margin-bottom: 20px;
color: #333;
text-transform: none;
font-weight: 400;
}
.webstudio_albania11-premium-3 .webstudio_albania11-dynamic-button {
background: linear-gradient(135deg, #f79400, #ffce4f);
border: none;
position: relative;
z-index: 1;
overflow: hidden;
}
.webstudio_albania11-premium-3 .webstudio_albania11-dynamic-button:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #191d88;
transition: all 0.5s ease;
z-index: -1;
}
.webstudio_albania11-premium-3 .webstudio_albania11-dynamic-button:hover:before {
width: 100%;
} .webstudio_albania11-reverse .webstudio_albania11-image-container {
flex-direction: row-reverse;
}
.webstudio_albania11-reverse .webstudio_albania11-content-section {
flex-direction: row-reverse;
}
.webstudio_albania11-stacked .webstudio_albania11-secondary-image,
.webstudio_albania11-stacked .webstudio_albania11-tertiary-image {
transform: rotate(5deg) translateY(-10px);
}
.webstudio_albania11-overlapping .webstudio_albania11-main-image {
width: 75% !important;
margin-left: auto;
}
.webstudio_albania11-overlapping .webstudio_albania11-secondary-image,
.webstudio_albania11-overlapping .webstudio_albania11-tertiary-image {
z-index: 2;
} .webstudio_albania11-fade-in .webstudio_albania11-box,
.webstudio_albania11-fade-in .webstudio_albania11-main-image,
.webstudio_albania11-fade-in .webstudio_albania11-secondary-image,
.webstudio_albania11-fade-in .webstudio_albania11-tertiary-image {
animation: webstudio_albania11FadeIn 1s ease-in-out;
}
.webstudio_albania11-slide-up .webstudio_albania11-box,
.webstudio_albania11-slide-up .webstudio_albania11-main-image,
.webstudio_albania11-slide-up .webstudio_albania11-secondary-image,
.webstudio_albania11-slide-up .webstudio_albania11-tertiary-image {
animation: webstudio_albania11SlideUp 1s ease-in-out;
}
.webstudio_albania11-zoom-in .webstudio_albania11-box,
.webstudio_albania11-zoom-in .webstudio_albania11-main-image,
.webstudio_albania11-zoom-in .webstudio_albania11-secondary-image,
.webstudio_albania11-zoom-in .webstudio_albania11-tertiary-image {
animation: webstudio_albania11ZoomIn 1s ease-in-out;
}
.webstudio_albania11-bounce .webstudio_albania11-box,
.webstudio_albania11-bounce .webstudio_albania11-main-image,
.webstudio_albania11-bounce .webstudio_albania11-secondary-image,
.webstudio_albania11-bounce .webstudio_albania11-tertiary-image {
animation: webstudio_albania11Bounce 1s ease-in-out;
}
@keyframes webstudio_albania11FadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes webstudio_albania11SlideUp {
from { transform: translateY(50px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
@keyframes webstudio_albania11ZoomIn {
from { transform: scale(0.8); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
@keyframes webstudio_albania11Bounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-30px); }
60% { transform: translateY(-15px); }
} @media (max-width: 1199px) {
.webstudio_albania11-premium-2 .webstudio_albania11-image-container {
flex-direction: column;
gap: 20px;
}
.webstudio_albania11-premium-2 .webstudio_albania11-box-elegant {
width: 100%;
}
.webstudio_albania11-premium-3 .webstudio_albania11-content-section {
flex-direction: column;
}
.webstudio_albania11-premium-3 .webstudio_albania11-image-small-container,
.webstudio_albania11-premium-3 .webstudio_albania11-dynamic-text {
flex: 0 0 100%;
}
}
@media (max-width: 1024px) {
.webstudio_albania11-about__img-wrap {
padding-left: 40px;
}
.webstudio_albania11-box {
left: -10%;
padding: 15px 20px;
}
.webstudio_albania11-box .webstudio_albania11-title {
font-size: 50px;
}
.webstudio_albania11-premium-1 .webstudio_albania11-box {
right: 5%;
bottom: 65%;
}
.webstudio_albania11-premium-3 .webstudio_albania11-box-dynamic {
left: 5%;
bottom: -30px;
}
}
@media (max-width: 767px) {
.webstudio_albania11-about__img-wrap {
padding-left: 20px;
}
.webstudio_albania11-box {
left: -5%;
padding: 10px 15px;
}
.webstudio_albania11-box .webstudio_albania11-title {
font-size: 40px;
}
.webstudio_albania11-box p {
font-size: 14px;
}
.webstudio_albania11-premium-1 .webstudio_albania11-about__img-wrap {
padding: 15px;
}
.webstudio_albania11-premium-1 .webstudio_albania11-box {
right: 5%;
bottom: 60%;
padding: 8px 15px;
}
.webstudio_albania11-premium-1 .webstudio_albania11-tertiary-image {
display: none;
}
.webstudio_albania11-premium-2 .webstudio_albania11-image-grid {
grid-template-columns: 1fr;
}
.webstudio_albania11-premium-2 .webstudio_albania11-main-image {
grid-column: 1;
}
.webstudio_albania11-premium-2 .webstudio_albania11-secondary-image {
grid-column: 1;
}
.webstudio_albania11-premium-2 .webstudio_albania11-tertiary-image {
display: none;
}
.webstudio_albania11-premium-3 .webstudio_albania11-box-dynamic {
left: 0;
bottom: -20px;
padding: 8px 15px;
}
.webstudio_albania11-premium-3 .webstudio_albania11-tertiary-image {
display: none;
}
.webstudio_albania11-cta-button {
font-size: 14px;
padding: 10px 20px;
}
}.Webstudio_Albania9 {
text-align:left;
font-family:'Mulish', sans-serif;
font-size:16px;
font-weight:500;
line-height:1.7;
color:#42545e;
letter-spacing:0.5px;
--bs-card-spacer-y: 1rem;  
--bs-card-spacer-x: 1rem;  
--bs-border-width: 1px; 
--bs-card-border-width: var(--bs-border-width);  
--bs-border-color-translucent: rgba(0, 0, 0, 0.175); 
--bs-card-border-color: var(--bs-border-color-translucent);  
--bs-border-radius: 0.375rem; 
--bs-card-border-radius: var(--bs-border-radius);  
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));  
--bs-body-color-rgb: 33,37,41; 
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);  
--bs-body-bg: #fff; 
--bs-card-bg: var(--bs-body-bg);  
--bs-text-opacity: 1;  
--bs-link-hover-color-rgb: 10,88,202; 
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
--bs-white-rgb: 255,255,255;
}
.Webstudio_Albania9 .card-qwx { 
position: relative; 
display: flex; 
flex-direction: column; 
min-width: 0; 
height: var(--bs-card-height); 
color: var(--bs-body-color); 
word-wrap: break-word; 
background-color: var(--bs-card-bg); 
background-clip: border-box; 
border: var(--bs-card-border-width) solid var(--bs-card-border-color); 
border-radius: var(--bs-card-border-radius);
color: #42545e;
} 
.Webstudio_Albania9 .card-zks { 
position: relative; 
overflow: hidden; 
transition: 0.5s; 
border: 0;
} 
.Webstudio_Albania9 .card-zks:before { 
content: ''; 
position: absolute; 
z-index: 1; 
left: 0; 
top: 0; 
width: 100%; 
height: 100%; 
background: linear-gradient(-180deg, transparent, #000 175%);
} 
.Webstudio_Albania9 img { 
max-width: 100%; 
height: auto; 
vertical-align: top;
} 
.Webstudio_Albania9 .card-zks img { 
transition: 0.5s;
} 
.Webstudio_Albania9 .card-zks:hover img { 
-webkit-transform: scale(1.3); 
transform: scale(1.3);
} 
.Webstudio_Albania9 .card-4zn { 
flex: 1 1 auto; 
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); 
color: var(--bs-card-color);
} 
.Webstudio_Albania9 .p-3io { 
padding: 0!important;
} 
.Webstudio_Albania9 .card-4zn { 
color: #42545e;
} 
.Webstudio_Albania9 .title-qoi { 
position: absolute; 
left: 20px; 
bottom: 20px; 
right: 20px; 
z-index: 1; 
border-radius: 4px; 
padding: 10px 15px; 
transition: 0.5s; 
color: #fff; 
border-color: #063b8b; 
background-color: #063b8b;
} 
.Webstudio_Albania9 .card-zks:hover .title-qoi { 
opacity: 0; 
visibility: hidden;
} 
.Webstudio_Albania9 .content-jgm { 
position: absolute; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
text-align: center; 
display: flex; 
align-items: center; 
justify-content: center; 
transform: scale(1.1); 
transition: 0.5s; 
padding: 20px; 
background: rgba(6,59,139,0.85); 
opacity: 0; 
border-radius: 4px; 
visibility: hidden; 
margin: 20px; 
z-index: 1;
flex: 1 0 auto;
} 
.Webstudio_Albania9 .card-zks:hover .content-jgm { 
opacity: 1; 
visibility: visible; 
transform: scale(1);
} 
.Webstudio_Albania9 .hggge,
.Webstudio_Albania9 h4 { 
margin-top: 0; 
margin-bottom: .5rem; 
font-weight: 800; 
line-height: 1.2; 
font-family: 'Mulish', sans-serif; 
color: #001c41; 
letter-spacing: -0.02em;
font-size: 1.25rem;
} 
.Webstudio_Albania9 .mb-5wx { 
margin-bottom: 0!important;
} 
.Webstudio_Albania9 .text-ced { 
--bs-text-opacity: 1; 
color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
} 
.Webstudio_Albania9 .content-7fq { 
position: absolute; 
top: 50%; 
transform: translateY(-50%); 
left: 25px; 
right: 25px; 
margin: 0 auto;
} 
.Webstudio_Albania9 .title-qoi h4 span { 
background-color: #fff; 
color: #3b3b3b; 
margin: 0 10px 0 0; 
padding: 0; 
display: inline-block; 
width: 35px; 
height: 35px; 
line-height: 35px; 
margin-right: 15px; 
text-align: center; 
border-radius: 4px;
} 
.Webstudio_Albania9 .mb-eaw { 
margin-bottom: 1rem!important;
} 
.Webstudio_Albania9 p { 
margin: 0 0 20px;
} 
.Webstudio_Albania9 .content-jgm p {
color: #fff !important;
}
.Webstudio_Albania9 .mx-3le { 
margin-right: auto!important; 
margin-left: auto!important;
} 
.Webstudio_Albania9 .w-onz { 
width: 90%;
} 
.Webstudio_Albania9 a { 
color: #42545e; 
text-decoration: none; 
transition-timing-function: ease-in-out; 
-ms-transition-timing-function: ease-in-out; 
-moz-transition-timing-function: ease-in-out; 
-webkit-transition-timing-function: ease-in-out; 
-o-transition-timing-function: ease-in-out; 
transition-duration: .2s; 
-ms-transition-duration: .2s; 
-moz-transition-duration: .2s; 
-webkit-transition-duration: .2s; 
-o-transition-duration: .2s;
} 
.Webstudio_Albania9 .link-qjm { 
font-weight: 500; 
color: #3b3b3b; 
line-height: 20px;
} 
.Webstudio_Albania9 .link-qjm.whi-ecm { 
color: #fff;
} 
.Webstudio_Albania9 .content-jgm .content-7fq a { 
color: #fff;
} 
.Webstudio_Albania9 .link-qjm:after { 
color: #063b8b; 
content: '\f0a9'; 
font-family: "Font Awesome\ 5 Free"; 
font-weight: 600; 
font-size: 15px; 
padding-left: 5px; 
vertical-align: middle;
} 
.Webstudio_Albania9 .link-qjm.whi-ecm:after { 
color: #fff; 
content: '\f0a9'; 
font-family: "Font Awesome\ 5 Free"; 
font-weight: 600; 
font-size: 15px; 
vertical-align: middle; 
padding-left: 8px;
} 
.Webstudio_Albania9 a:hover { 
color: #063b8b; 
text-decoration: none;
} 
.Webstudio_Albania9 .link-qjm.whi-ecm:hover { 
color: #e2e2e2;
} 
.Webstudio_Albania9 .card-zks .content-jgm .content-7fq a:hover { 
color: rgba(226,226,226,0.9);
} 
.Webstudio_Albania9 .link-qjm.whi-ecm:hover:after { 
color: #e2e2e2;
} 
.Webstudio_Albania9 h4 a { 
font-weight: 800; 
color: #001c41;
} 
@media (min-width: 1200px){ 
.Webstudio_Albania9 h4 { 
font-size: 1.5rem;
} 
}:root {
--wa10-primary-color: #007cfb;
--wa10-secondary-color: #0431b8;
--wa10-dark-color: #082680;
--wa10-link-color-active: #0431b8;
}
.wa10-cta-section {
position: relative;
width: 100%;
padding: 55px 0 65px;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
}
.wa10-cta-overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-position: center;
background-size: cover;
opacity: 1;
transition: all 0.3s;
}
.wa10-cta-container {
max-width: 1140px;
margin: 0 auto;
padding: 0 15px;
position: relative;
display: flex;
flex-wrap: wrap;
}
.wa10-cta-column {
width: 50%;
padding: 15px;
position: relative;
}
.wa10-cta-content {
margin-left: 50px;
}
.wa10-cta-title {
color: #FFFFFF;
font-size: 40px;
line-height: 50px;
margin-bottom: 14px;
font-family: 'Rubik', sans-serif;
font-weight: 700;
}
.wa10-cta-text {
color: #C0BFBF;
margin-bottom: 38px;
font-size: 16px;
line-height: 1.625;
}
.wa10-cta-button {
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #fff;
padding: 0 34px;
line-height: 51px;
text-transform: uppercase;
border-radius: 3px;
background-color: var(--wa10-primary-color);
position: relative;
overflow: hidden;
transition: all 0.24s linear;
}
.wa10-cta-button:hover {
background-color: var(--wa10-secondary-color);
color: #fff;
text-decoration: none;
}
.wa10-cta-button:after {
content: '';
position: absolute;
top: 0;
left: -200%;
width: 200%;
height: 100%;
transform: skewX(-20deg);
background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);
z-index: 1;
}
.wa10-cta-button:hover:after {
animation: wa10_btn_shine 1.2s ease 0.1s;
}
@keyframes wa10_btn_shine {
100% {
left: 200%;
}
}
@media (max-width: 767px) {
.wa10-cta-column {
width: 100%;
}
.wa10-cta-content {
margin-left: 0;
}
.wa10-cta-title {
font-size: 32px;
line-height: 1.3;
}
}.Webstudio_Albania14 *,
.Webstudio_Albania14 *::before,
.Webstudio_Albania14 *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
} .Webstudio_Albania14 {
background: #fff;
border-radius: 16px;
color: #333;
width: 100%;
max-width: 100%;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
overflow: hidden;
border-right-style: none !important;
border-bottom-style: none !important;
border-left-style: none !important;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
} .Webstudio_Albania14 .wa14-card-image {
width: 100%;
height: 216px;
object-fit: cover;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-style: solid;
border-bottom-width: 5px;
animation: wa14-border-animation 5s linear infinite;
}
.Webstudio_Albania14 .wa14-card-content {
padding: 20px;
}
.Webstudio_Albania14 .wa14-section-title {
font-size: 22px;
color: #333;
margin-bottom: 10px;
font-weight: normal;
}
.Webstudio_Albania14 .wa14-section-title b {
font-weight: bold;
}
.Webstudio_Albania14 .wa14-description {
color: #555;
line-height: 1.6;
font-size: 16px;
margin-bottom: 20px;
}
.Webstudio_Albania14 .wa14-steps-wrapper {
display: flex;
flex-direction: column;
gap: 1px;
margin-top: 20px;
padding-bottom: 20px;
list-style-type: none;
}
.Webstudio_Albania14 .wa14-step-item {
display: flex;
align-items: center;
width: 100%;
padding: 0;
color: #333;
text-decoration: none;
font-size: 16px;
position: relative;
list-style: none !important;
margin-bottom: 0;
line-height: 1.2;
}
.Webstudio_Albania14 .wa14-step-item::before {
content: "•";
color: #333;
font-size: 18px;
font-weight: bold;
margin-right: 10px;
display: inline-block;
list-style-type: none !important;
}
.Webstudio_Albania14 .wa14-step-text {
line-height: 1.2;
}
.Webstudio_Albania14 .wa14-mehr-erfahren-wrapper {
position: absolute;
bottom: 10px;
right: 20px;
z-index: 1;
}
.Webstudio_Albania14 .wa14-mehr-erfahren-btn {
color: #0086ff;
text-decoration: none;
font-size: 14px;
border: 1px solid #0086ff;
border-radius: 4px;
padding: 5px 12px;
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
}
.Webstudio_Albania14 .wa14-mehr-erfahren-btn:hover {
background-color: #0086ff;
color: white;
}
.Webstudio_Albania14 .wa14-mehr-erfahren-btn::after {
content: "→";
margin-left: 5px;
font-size: 16px;
}
@keyframes wa14-border-animation {
0%, 100% { border-bottom-color: #1e1966; }
50% { border-bottom-color: #0086ff; }
}
@media (max-width: 480px) {
.Webstudio_Albania14 .wa14-mehr-erfahren-wrapper {
position: static;
text-align: right;
margin-top: 15px;
}
}.Webstudio_Albania29 {
box-sizing: border-box;
color: rgb(136, 136, 136);
font-family: 'Parkinsans', sans-serif;
font-size: 16px;
line-height: 26px;
position: relative;
margin-bottom: 30px;
padding: 20px;
background-color: #ffffff;
}
.Webstudio_Albania29 * {
box-sizing: border-box;
font-family: 'Parkinsans', sans-serif;
}
.section-header-wa29 {
padding: 24px;
position: relative;
margin-bottom: 30px;
}
.section-title-wa29 {
margin: 0 0 15px;
color: #1e1e1e;
font-weight: 400;
line-height: 48px;
font-size: 48px;
}
.mobile-scroll-hint-wa29 {
display: none;
text-align: right;
padding: 5px 10px;
color: #1e1966;
font-size: 14px;
position: relative;
margin-top: -25px;
margin-bottom: 10px;
}
@keyframes handSlide {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-20px);
}
100% {
transform: translateX(0);
}
}
.hand-icon {
display: inline-block;
animation: handSlide 1.5s ease-in-out infinite;
}
.tabs-container-wa29 {
display: flex;
margin-bottom: 30px;
gap: 10px;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
position: relative;
}
.tabs-container-wa29::-webkit-scrollbar {
display: none;
}
.tab-button-wa29 {
background-color: #1e1966 !important;
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 24px;
line-height: 52px;
padding: 0 22px;
min-width: 178px;
text-align: center;
border: none;
transition: all 0.3s ease;
}
.tab-button-wa29:hover {
background-color: #ff4c1c !important;
}
.tab-button-wa29.active {
background-color: #ff4c1c !important;
}
.tab-content-wa29 {
display: none;
color: #1e1e1e;
font-size: 17px;
line-height: 1.76;
}
.tab-content-wa29.active {
display: block;
}
.content-list-wa29 {
margin: 28px 0 0;
font-size: 16px;
list-style: none;
padding: 0;
}
.content-list-wa29 li {
padding-left: 40px;
position: relative;
margin-top: 12px;
color: #1e1e1e;
}
.content-list-wa29 li:before {
content: "•";
color: #ff4c1c;
position: absolute;
left: 20px;
}
@media (max-width: 768px) {
.Webstudio_Albania29 {
padding: 15px;
}
.mobile-scroll-hint-wa29 {
display: block;
}
.section-title-wa29 {
font-size: 36px;
line-height: 1.2;
}
.tab-button-wa29 {
min-width: 150px;
font-size: 20px;
}
.tabs-container-wa29 {
padding-bottom: 5px;
}
}.webstudio_albania23 {
width: 100%;
max-width: 100%;
padding: 10px 5px;
box-sizing: border-box;
font-family: Inter, sans-serif;
}
.webstudio_albania23 * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.webstudio_albania23__container {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 10px 0;
}
.webstudio_albania23__column {
display: flex;
flex-direction: column;
gap: 20px;
width: 300px;
}
.webstudio_albania23__service-card {
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.webstudio_albania23__service-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.webstudio_albania23__card-content {
display: flex;
align-items: flex-start;
gap: 15px;
}
.webstudio_albania23__column:first-child .webstudio_albania23__card-content {
flex-direction: row-reverse;
text-align: right;
}
.webstudio_albania23__icon {
width: 38px;
height: 38px;
flex-shrink: 0;
}
.webstudio_albania23__text {
flex: 1;
}
.webstudio_albania23__title {
color: #000000;
font-size: 18px;
font-weight: 600;
margin: 0 0 10px;
line-height: 1.4;
}
.webstudio_albania23__description {
color: #000000;
font-size: 15px;
line-height: 1.6;
margin: 0;
}
.webstudio_albania23__image-column {
flex: 0 0 auto;
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px;
}
.webstudio_albania23__main-image {
max-width: 100%;
height: auto;
animation: webstudio_albania23_zoomIn 0.75s ease;
}
@keyframes webstudio_albania23_fadeInLeft {
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes webstudio_albania23_fadeInRight {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes webstudio_albania23_zoomIn {
from {
opacity: 0;
transform: scale(0.95);
}
to {
opacity: 1;
transform: scale(1);
}
}
.webstudio_albania23 .animate-fadeInLeft {
animation: webstudio_albania23_fadeInLeft 1.25s ease;
}
.webstudio_albania23 .animate-fadeInRight {
animation: webstudio_albania23_fadeInRight 1.25s ease;
}
@media (max-width: 1200px) {
.webstudio_albania23__container {
padding: 10px 0;
}
}
@media (max-width: 992px) {
.webstudio_albania23__container {
flex-direction: column;
align-items: center;
}
.webstudio_albania23__column {
width: 100%;
max-width: 500px;
}
.webstudio_albania23__column:first-child {
order: 1;
}
.webstudio_albania23__image-column {
order: 2;
margin: 30px 0;
}
.webstudio_albania23__column:last-child {
order: 3;
}
.webstudio_albania23__column:first-child .webstudio_albania23__card-content {
flex-direction: row;
text-align: left;
}
}
@media (max-width: 767px) {
.webstudio_albania23 .webstudio_albania23__column {
max-width: 100%;
}
#content .page-content .elementor .elementor-element-3280f94 .elementor-container .elementor-top-column .elementor-widget-wrap .elementor-widget .elementor-widget-container .webstudio_albania23 .webstudio_albania23__container .webstudio_albania23__column {
width: 100% !important;
}
}
@media (max-width: 480px) {
.webstudio_albania23__title {
font-size: 16px;
}
.webstudio_albania23__description {
font-size: 14px;
}
}
@media (min-width: 993px) {
#content .page-content .elementor .elementor-element-3280f94 .elementor-container .elementor-top-column .elementor-widget-wrap .elementor-widget .elementor-widget-container .webstudio_albania23 .webstudio_albania23__container .webstudio_albania23__column {
width: 100% !important;
}
}
@media (min-width: 1201px) {
.elementor-element-3280f94 .webstudio_albania23 .webstudio_albania23__container {
padding-left: 25px;
padding-right: 25px;
}
}.trek_abc123_webstudio_albania28 .container-jrx {
padding: 20px;
max-width: 1200px;
margin: 0 auto;
}
.trek_abc123_webstudio_albania28 .wrapper-kag {
margin-bottom: 30px;
}
.trek_abc123_webstudio_albania28 .wrapper-bm9 {
display: flex;
gap: 10px;
background: #f5f5f5;
padding: 10px;
border-radius: 8px;
}
.trek_abc123_webstudio_albania28 .wrapper-wko {
flex: 1;
}
.trek_abc123_webstudio_albania28 .title-qm8 {
margin: 0;
}
.trek_abc123_webstudio_albania28 .nav-6ph {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: #666;
padding: 10px 15px;
border-radius: 6px;
font-weight: 500;
transition: 0.3s;
}
.trek_abc123_webstudio_albania28 .nav-6ph:hover,
.trek_abc123_webstudio_albania28 .nav-6ph.active {
background: #fff;
color: #2196F3;
}
.trek_abc123_webstudio_albania28 .icon-7sr {
display: flex;
align-items: center;
}
.trek_abc123_webstudio_albania28 .content-j4n {
background: #fff;
border-radius: 8px;
padding: 20px;
}
.trek_abc123_webstudio_albania28 .nb-z6t {
display: none;
}
.trek_abc123_webstudio_albania28 .nb-z6t.active {
display: block;
}
.trek_abc123_webstudio_albania28 .header-ga7,
.trek_abc123_webstudio_albania28 .header-xla {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.trek_abc123_webstudio_albania28 h2 {
margin: 0;
font-size: 24px;
color: #333;
} .trek_abc123_webstudio_albania28 .expand-switch {
display: flex;
align-items: center;
gap: 10px;
}
.trek_abc123_webstudio_albania28 .expand-switch span {
color: #666;
}
.trek_abc123_webstudio_albania28 .switch {
position: relative;
display: inline-block;
width: 46px;
height: 24px;
}
.trek_abc123_webstudio_albania28 .switch input {
opacity: 0;
width: 0;
height: 0;
}
.trek_abc123_webstudio_albania28 .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 24px;
}
.trek_abc123_webstudio_albania28 .slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
.trek_abc123_webstudio_albania28 input:checked + .slider {
background-color: #2196F3;
}
.trek_abc123_webstudio_albania28 input:checked + .slider:before {
transform: translateX(22px);
} .trek_abc123_webstudio_albania28 .iti-g4a {
display: flex;
flex-direction: column;
gap: 15px;
}
.trek_abc123_webstudio_albania28 .row-m57 {
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
}
.trek_abc123_webstudio_albania28 .accordion-zod {
display: flex;
align-items: center;
padding: 15px;
gap: 10px;
text-decoration: none;
color: #333;
background: #f9f9f9;
cursor: pointer;
}
.trek_abc123_webstudio_albania28 .toggle-bgq {
width: 20px;
height: 20px;
position: relative;
}
.trek_abc123_webstudio_albania28 .toggle-bgq:before {
content: "+";
position: absolute;
font-size: 20px;
line-height: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #666;
}
.trek_abc123_webstudio_albania28 .toggle-bgq.active:before {
content: "-";
}
.trek_abc123_webstudio_albania28 .content-fn6 {
display: none;
padding: 15px;
background: #fff;
}
.trek_abc123_webstudio_albania28 .content-fn6.active {
display: block;
} .trek_abc123_webstudio_albania28 .cos-rqk {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
.trek_abc123_webstudio_albania28 .cos-rqk h3 {
color: #333;
margin-bottom: 20px;
}
.trek_abc123_webstudio_albania28 .include-item,
.trek_abc123_webstudio_albania28 .exclude-item {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 15px;
padding: 10px;
background: #f9f9f9;
border-radius: 6px;
line-height: 1.5;
}
.trek_abc123_webstudio_albania28 .include-item::before {
content: "✓";
color: #4CAF50;
font-weight: bold;
flex-shrink: 0;
}
.trek_abc123_webstudio_albania28 .exclude-item::before {
content: "✕";
color: #f44336;
font-weight: bold;
flex-shrink: 0;
} .trek_abc123_webstudio_albania28 .row-5zn {
border: 1px solid #eee;
border-radius: 8px;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.trek_abc123_webstudio_albania28 .wrapper-bm9 {
flex-direction: column;
}
.trek_abc123_webstudio_albania28 .cos-rqk {
grid-template-columns: 1fr;
}
}.holiday_packages_2024 .holiday_packages_section {
max-width: 1400px;
margin: 40px auto;
padding: 0 20px;
overflow: hidden;
position: relative;
}
.holiday_packages_2024 .holiday_packages_header {
text-align: center;
margin-bottom: 40px;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.6s ease forwards;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.holiday_packages_2024 .subtitle {
color: #FF5722;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
}
.holiday_packages_2024 .title {
font-size: 36px;
font-weight: 700;
margin-bottom: 15px;
background: linear-gradient(45deg, #333, #FF5722);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.holiday_packages_2024 .description {
color: #666;
max-width: 700px;
margin: 0 auto;
line-height: 1.8;
font-size: 16px;
}
.holiday_packages_2024 .holiday_packages_slider {
position: relative;
overflow: hidden;
padding: 20px 0;
touch-action: pan-y pinch-zoom;
}
.holiday_packages_2024 .holiday_packages_track {
display: flex;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
gap: 24px;
will-change: transform;
}
.holiday_packages_2024 .package_card {
position: relative;
flex: 0 0 calc(33.333% - 16px);
background: white;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
transform-origin: center;
}
.holiday_packages_2024 .package_card:hover {
transform: translateY(-10px) scale(1.02);
box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}
.holiday_packages_2024 .ribbon-wrapper {
width: 150px;
height: 150px;
position: absolute;
top: -10px;
left: -10px;
overflow: hidden;
z-index: 1;
pointer-events: none;
}
.holiday_packages_2024 .ribbon {
width: 200px;
padding: 12px 0;
background: linear-gradient(45deg, #FF5722, #FF9800);
color: white;
text-align: center;
font-weight: bold;
font-size: 14px;
position: absolute;
top: 35px;
left: -50px;
transform: rotate(-45deg);
box-shadow: 0 2px 4px rgba(0,0,0,0.25);
text-transform: uppercase;
letter-spacing: 1.5px;
}
.holiday_packages_2024 .package_image {
height: 250px;
overflow: hidden;
position: relative;
}
.holiday_packages_2024 .package_image::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
pointer-events: none;
}
.holiday_packages_2024 .package_image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.holiday_packages_2024 .package_card:hover .package_image img {
transform: scale(1.1);
}
.holiday_packages_2024 .package_content {
padding: 24px;
}
.holiday_packages_2024 .package_title {
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
color: #333;
line-height: 1.4;
transition: color 0.3s ease;
}
.holiday_packages_2024 .package_card:hover .package_title {
color: #FF5722;
}
.holiday_packages_2024 .package_locations,
.holiday_packages_2024 .package_duration {
display: flex;
align-items: center;
gap: 10px;
color: #666;
margin-bottom: 12px;
font-size: 14px;
}
.holiday_packages_2024 .package_locations i,
.holiday_packages_2024 .package_duration i {
color: #FF5722;
font-size: 18px;
}
.holiday_packages_2024 .package_price {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
padding: 12px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.holiday_packages_2024 .price_amount {
font-size: 28px;
font-weight: 700;
color: #333;
background: linear-gradient(45deg, #FF5722, #FF9800);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.holiday_packages_2024 .original_price {
color: #999;
text-decoration: line-through;
font-size: 16px;
margin-left: 8px;
}
.holiday_packages_2024 .sale_tag {
background: linear-gradient(45deg, #FF5722, #FF9800);
color: white;
padding: 6px 14px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
animation: pulse 2s infinite;
}
.holiday_packages_2024 .view_details {
display: block;
width: 100%;
padding: 14px;
background: linear-gradient(45deg, #FF5722, #FF9800);
color: white;
text-align: center;
border: none;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
position: relative;
overflow: hidden;
}
.holiday_packages_2024 .view_details::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: 0.5s;
}
.holiday_packages_2024 .view_details:hover::before {
left: 100%;
}
.holiday_packages_2024 .controls {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 40px;
}
.holiday_packages_2024 .control-btn {
background: linear-gradient(45deg, #FF5722, #FF9800);
color: white;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(255,87,34,0.2);
}
.holiday_packages_2024 .control-btn i {
font-size: 24px;
transition: transform 0.3s ease;
}
.holiday_packages_2024 .control-btn:hover {
transform: scale(1.1);
box-shadow: 0 6px 16px rgba(255,87,34,0.3);
}
.holiday_packages_2024 .control-btn:hover i {
transform: scale(1.2);
}
.holiday_packages_2024 .control-btn:disabled {
background: #ccc;
cursor: not-allowed;
box-shadow: none;
}
.holiday_packages_2024 .slider-navigation {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 2;
pointer-events: none;
}
.holiday_packages_2024 .slider-arrow {
position: absolute;
width: 40px;
height: 40px;
background: rgba(255,255,255,0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
pointer-events: auto;
transition: all 0.3s ease;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.holiday_packages_2024 .slider-arrow.prev {
left: 20px;
}
.holiday_packages_2024 .slider-arrow.next {
right: 20px;
}
.holiday_packages_2024 .slider-arrow i {
color: #FF5722;
font-size: 20px;
}
.holiday_packages_2024 .slider-arrow:hover {
background: #FF5722;
}
.holiday_packages_2024 .slider-arrow:hover i {
color: white;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
@media (max-width: 1024px) {
.holiday_packages_2024 .package_card {
flex: 0 0 calc(50% - 12px);
}
.holiday_packages_2024 .title {
font-size: 32px;
}
}
@media (max-width: 768px) {
.holiday_packages_2024 .package_card {
flex: 0 0 100%;
}
.holiday_packages_2024 .title {
font-size: 28px;
}
.holiday_packages_2024 .slider-arrow {
display: none;
}
} .holiday_packages_2024 .loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.holiday_packages_2024 .loading-spinner {
width: 40px;
height: 40px;
border: 4px solid #f3f3f3;
border-top: 4px solid #FF5722;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"); .Webstudio_Albania31-section-qrb9 * {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Poppins', 'Parkinsans', sans-serif;
}
.Webstudio_Albania31-section-qrb9 {
position: relative;
overflow: hidden;
background-color: #ffffff;
}
.Webstudio_Albania31-container-2639 {
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
}
.Webstudio_Albania31-column-ora9 {
position: relative;
display: flex;
min-height: 1px;
}
.Webstudio_Albania31-elementor-widget-ny19 {
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.Webstudio_Albania31-elementor-2fz9 {
flex-basis: var(--flex-basis);
flex-grow: var(--flex-grow);
flex-shrink: var(--flex-shrink);
order: var(--order);
align-self: var(--align-self);
} .Webstudio_Albania31-row-3ns9 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 30px;
position: relative;
} @media screen and (min-width: 992px) {
.Webstudio_Albania31-col-6159 {
flex: 0 0 calc(25% - 30px);
max-width: calc(25% - 30px);
}
.Webstudio_Albania31-process-style-13l9:before {
display: none;
}
.Webstudio_Albania31-mt-lg-2-2hj9 {
margin-top: 0;
}
} @media screen and (min-width: 576px) and (max-width: 991px) {
.Webstudio_Albania31-col-6159 {
flex: 0 0 calc(50% - 30px);
max-width: calc(50% - 30px);
}
.Webstudio_Albania31-process-style-13l9:before {
display: none;
}
.Webstudio_Albania31-mt-lg-2-2hj9 {
margin-top: 0;
}
} @media screen and (max-width: 575px) {
.Webstudio_Albania31-col-6159 {
flex: 0 0 100%;
max-width: 100%;
}
.Webstudio_Albania31-process-style-13l9:before {
display: none;
}
.Webstudio_Albania31-mt-lg-2-2hj9 {
margin-top: 0;
}
}
.Webstudio_Albania31-column-ora9.Webstudio_Albania31-col-47t9 {
width: 100%;
}
.Webstudio_Albania31-mb-mob9 {
margin-bottom: 0 !important;
}
.Webstudio_Albania31-text-9hj9 {
color: #000000 !important;
font-weight: 500;
}
.Webstudio_Albania31-text-7zy9 {
text-transform: uppercase !important;
letter-spacing: 2px;
}
.Webstudio_Albania31-font-weight-1mg9 {
font-weight: 800;
}
.Webstudio_Albania31-text-1aq9 {
color: #0066cc !important;
} .Webstudio_Albania31-section-qrb9 h2 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 800;
line-height: 1.2;
color: #0066cc;
font-size: calc(1.325rem + .9vw);
letter-spacing: -0.02em;
}
.Webstudio_Albania31-display-i539 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
} .Webstudio_Albania31-process-style-13l9 {
position: relative;
display: block;
text-align: left;
margin-bottom: 30px;
padding: 20px;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
background-color: #ffffff;
}
.Webstudio_Albania31-process-style-13l9:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
} .Webstudio_Albania31-process-style-13l9 .Webstudio_Albania31-icon-hpp9 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
margin: 0 auto;
margin-bottom: 25px;
background: #0066cc;
padding: 20px;
transition: all 0.3s ease-in-out 0s;
border-radius: 50%;
} .Webstudio_Albania31-icon-circle {
border-radius: 50%;
}
.Webstudio_Albania31-icon-square {
border-radius: 0;
}
.Webstudio_Albania31-icon-hexagon {
border-radius: 0;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.Webstudio_Albania31-icon-custom {
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
.Webstudio_Albania31-process-style-13l9 .Webstudio_Albania31-text-boq9 {
position: relative;
display: block;
text-align: left;
}
.Webstudio_Albania31-section-qrb9 img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.Webstudio_Albania31-w-oso9 {
width: 60px;
}
.Webstudio_Albania31-process-style-13l9 .Webstudio_Albania31-icon-hpp9 .Webstudio_Albania31-box-5bp9 {
position: absolute;
top: -10px;
left: -10px;
width: 30px;
height: 30px;
background: #ffffff;
transition: all 0.7s ease-in-out 0s;
vertical-align: middle;
text-align: center;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}
.Webstudio_Albania31-text-jg29 {
color: #000000 !important;
}
.Webstudio_Albania31-section-qrb9 h4 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 800;
line-height: 1.2;
color: #0066cc;
font-size: calc(1.275rem + .3vw);
letter-spacing: -0.02em;
}
.Webstudio_Albania31-orlsb9 {
font-size: 1rem;
line-height: 30px;
color: #1e1966;
}
.Webstudio_Albania31-section-qrb9 p {
margin: 0 0 20px;
color: #000000;
}
.Webstudio_Albania31-mx-esv9 {
margin-right: auto !important;
margin-left: auto !important;
}
.Webstudio_Albania31-w-md-eh19 {
width: 90%;
}
.Webstudio_Albania31-text-center {
text-align: center;
} .Webstudio_Albania31-timeline {
position: relative;
}
.Webstudio_Albania31-timeline-container {
position: relative;
margin-bottom: 40px;
} .Webstudio_Albania31-timeline-horizontal .Webstudio_Albania31-timeline-line {
position: absolute;
top: 50px;
left: 0;
right: 0;
height: 3px;
background-color: #ddd;
z-index: 1;
}
.Webstudio_Albania31-timeline-horizontal .Webstudio_Albania31-timeline-progress {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0;
background-color: #0066cc;
transition: width 0.5s ease;
}
.Webstudio_Albania31-timeline-horizontal .Webstudio_Albania31-row-3ns9 {
padding-top: 70px;
}
.Webstudio_Albania31-timeline-horizontal .Webstudio_Albania31-col-6159 {
position: relative;
}
.Webstudio_Albania31-timeline-horizontal .Webstudio_Albania31-timeline-dot {
position: absolute;
top: -60px;
left: 50%;
transform: translateX(-50%);
width: 12px;
height: 12px;
background-color: #ddd;
border-radius: 50%;
z-index: 2;
transition: all 0.3s ease;
}
.Webstudio_Albania31-timeline-horizontal .Webstudio_Albania31-timeline-dot.active {
background-color: #0066cc;
box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.3);
} .Webstudio_Albania31-timeline-vertical .Webstudio_Albania31-timeline-container {
display: flex;
justify-content: center;
}
.Webstudio_Albania31-timeline-vertical .Webstudio_Albania31-timeline-line {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 3px;
height: 100%;
background-color: #ddd;
z-index: 1;
}
.Webstudio_Albania31-timeline-vertical .Webstudio_Albania31-timeline-progress {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: #0066cc;
transition: height 0.5s ease;
}
.Webstudio_Albania31-timeline-vertical .Webstudio_Albania31-timeline-dot {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 12px;
height: 12px;
background-color: #ddd;
border-radius: 50%;
z-index: 2;
transition: all 0.3s ease;
}
.Webstudio_Albania31-timeline-vertical .Webstudio_Albania31-timeline-dot.active {
background-color: #0066cc;
box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.3);
} .Webstudio_Albania31-step-button {
display: inline-block;
background-color: #0066cc;
color: #ffffff;
font-weight: 600;
padding: 10px 20px;
border-radius: 4px;
text-align: center;
text-decoration: none;
margin-top: 15px;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
cursor: pointer;
border: none;
}
.Webstudio_Albania31-step-button:hover {
background-color: #0055aa;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
} .Webstudio_Albania31-video-container {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 8px;
}
.Webstudio_Albania31-video {
width: 100%;
height: 200px;
object-fit: cover;
} [data-animation] {
opacity: 0;
}
.animated {
opacity: 1 !important;
} @keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeDown {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeLeft {
from { opacity: 0; transform: translateX(20px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeRight {
from { opacity: 0; transform: translateX(-20px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes zoomIn {
from { opacity: 0; transform: scale(0.8); }
to { opacity: 1; transform: scale(1); }
}
@keyframes zoomOut {
from { opacity: 0; transform: scale(1.2); }
to { opacity: 1; transform: scale(1); }
}
.animate__fade { animation: fadeIn 0.8s ease forwards; }
.animate__fade-up { animation: fadeUp 0.8s ease forwards; }
.animate__fade-down { animation: fadeDown 0.8s ease forwards; }
.animate__fade-left { animation: fadeLeft 0.8s ease forwards; }
.animate__fade-right { animation: fadeRight 0.8s ease forwards; }
.animate__zoom-in { animation: zoomIn 0.8s ease forwards; }
.animate__zoom-out { animation: zoomOut 0.8s ease forwards; } @media screen and (max-width: 991px) {
.Webstudio_Albania31-timeline-vertical .Webstudio_Albania31-timeline-line {
left: 20px;
}
.Webstudio_Albania31-timeline-vertical .Webstudio_Albania31-timeline-dot {
left: 20px;
}
.Webstudio_Albania31-timeline-vertical .Webstudio_Albania31-col-6159 {
padding-left: 50px;
}
}
@media screen and (max-width: 767px) {
.Webstudio_Albania31-timeline-horizontal .Webstudio_Albania31-timeline-line {
display: none;
}
.Webstudio_Albania31-timeline-horizontal .Webstudio_Albania31-timeline-dot {
display: none;
}
.Webstudio_Albania31-timeline-horizontal .Webstudio_Albania31-row-3ns9 {
padding-top: 0;
}
.Webstudio_Albania31-video {
height: 150px;
}
} @media (prefers-color-scheme: dark) {
.Webstudio_Albania31-section-qrb9 {
background-color: #222;
}
.Webstudio_Albania31-process-style-13l9 {
background-color: #333;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.Webstudio_Albania31-text-9hj9,
.Webstudio_Albania31-text-jg29,
.Webstudio_Albania31-section-qrb9 p {
color: #ddd !important;
}
.Webstudio_Albania31-process-style-13l9 .Webstudio_Albania31-icon-hpp9 .Webstudio_Albania31-box-5bp9 {
background: #444;
}
.Webstudio_Albania31-section-qrb9 h4 {
color: #61a3ff;
}
}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
.Webstudio_Albania32-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
}
.Webstudio_Albania32-wrapper {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #f0f4f8;
padding: 20px;
overflow-x: auto;
}
.Webstudio_Albania32-grid {
display: flex;
flex-direction: row;
gap: 20px;
width: max-content;
padding: 20px;
}
.Webstudio_Albania32-card {
background: #ffffff;
border-radius: 12px;
padding: 10px 5px;
width: 350px; min-width: 350px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
overflow: hidden;
position: relative;
transition: transform 0.3s ease;
}
.Webstudio_Albania32-card:hover {
transform: translateY(-5px);
}
.Webstudio_Albania32-ribbon {
position: absolute;
top: 0;
right: 0;
width: 150px;
background: linear-gradient(-45deg, #61a3ff, #71b8ff);
color: white;
padding: 8px 0;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
transform-origin: top right;
transform: translateY(0) rotate(0deg);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
z-index: 1;
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
}
.Webstudio_Albania32-title {
color: #333;
text-align: center;
font-size: 26px;
font-weight: bold;
margin-bottom: 8px;
text-transform: uppercase;
padding: 5px;
margin-top: 30px;
}
.Webstudio_Albania32-subtitle {
color: #555;
text-align: center;
font-size: 14px;
margin-bottom: 20px;
padding: 5px;
}
.Webstudio_Albania32-price {
text-align: center;
font-size: 38px;
color: black;
margin-bottom: 20px;
font-weight: bold;
padding: 5px;
}
.Webstudio_Albania32-price span {
font-size: 14px;
color: gray;
}
.Webstudio_Albania32-features {
list-style-type: none;
margin-bottom: 30px;
padding: 0 15px;
}
.Webstudio_Albania32-features li {
color: #555;
margin: 12px 0;
font-size: 14px;
display: flex;
align-items: center;
padding: 5px;
}
.Webstudio_Albania32-features li img {
width: 24px;
height: 24px;
margin-right: 12px;
flex-shrink: 0;
}
.Webstudio_Albania32-features.hidden-features {
display: none;
}
.Webstudio_Albania32-features.hidden-features.show {
display: block;
}
.Webstudio_Albania32-toggle-btn {
display: inline-block;
width: calc(100% - 20px);
margin: 10px;
padding: 12px;
background: black;
border: none;
border-radius: 6px;
color: #fff;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-decoration: none;
text-align: center;
}
.Webstudio_Albania32-toggle-btn:hover {
background: gray;
} .Webstudio_Albania32-wrapper::-webkit-scrollbar {
height: 8px;
}
.Webstudio_Albania32-wrapper::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.Webstudio_Albania32-wrapper::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
.Webstudio_Albania32-wrapper::-webkit-scrollbar-thumb:hover {
background: #555;
} @media (max-width: 1024px) {
.Webstudio_Albania32-wrapper {
padding: 15px;
}
.Webstudio_Albania32-card {
width: 300px;
min-width: 300px;
}
} @media (max-width: 768px) {
.Webstudio_Albania32-wrapper {
padding: 10px;
}
.Webstudio_Albania32-card {
width: 280px;
min-width: 280px;
}
.Webstudio_Albania32-title {
font-size: 22px;
}
.Webstudio_Albania32-price {
font-size: 32px;
}
}.Webstudio_Albania19-modern-section {
padding: 80px 0;
background-color: #fafbfc;
font-family: 'Inter', sans-serif;
}
.Webstudio_Albania19-container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.Webstudio_Albania19-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}
.Webstudio_Albania19-image-wrapper {
position: relative;
border-radius: 16px;
overflow: hidden;
}
.Webstudio_Albania19-featured-image {
width: 100%;
height: auto;
display: block;
}
.Webstudio_Albania19-floating-card {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
background: rgba(255, 255, 255, 0.95);
padding: 20px;
border-radius: 8px;
}
.Webstudio_Albania19-tag {
display: inline-block;
background: #6366f1;
color: white;
padding: 6px 12px;
border-radius: 20px;
font-size: 14px;
margin-bottom: 20px;
}
.Webstudio_Albania19-heading {
font-size: 32px;
margin-bottom: 20px;
color: #1a202c;
}
.Webstudio_Albania19-intro {
color: #4a5568;
margin-bottom: 30px;
line-height: 1.6;
}
.Webstudio_Albania19-features-list {
display: flex;
flex-direction: column;
gap: 25px;
margin-bottom: 30px;
}
.Webstudio_Albania19-feature-item {
display: flex;
align-items: flex-start;
gap: 15px;
}
.Webstudio_Albania19-icon-image {
width: 32px;
height: 32px;
object-fit: cover;
border-radius: 4px;
}
.Webstudio_Albania19-feature-content {
display: flex;
flex-direction: column;
gap: 5px;
}
.Webstudio_Albania19-feature-title {
font-size: 16px;
font-weight: 500;
color: #2d3748;
}
.Webstudio_Albania19-feature-description {
font-size: 14px;
color: #718096;
line-height: 1.5;
margin: 0;
}
.Webstudio_Albania19-btn {
display: inline-block;
background: #6366f1;
color: white;
padding: 12px 24px;
border-radius: 6px;
text-decoration: none;
font-weight: 500;
}
@media (max-width: 768px) {
.Webstudio_Albania19-grid {
grid-template-columns: 1fr;
}
.Webstudio_Albania19-image-block {
order: 2;
}
.Webstudio_Albania19-content-block {
order: 1;
}
.Webstudio_Albania19-heading {
font-size: 28px;
}
.Webstudio_Albania19-features-list {
gap: 20px;
}
}.webstudio-albania34 {
max-width: 100%;
margin: 2rem auto;
background: white;
}
.webstudio-albania34 * {
font-family: 'Parkinsans', sans-serif;
}
.webstudio-albania34 .faq-container {
max-width: 100%;
margin: 2rem auto;
}
.webstudio-albania34 .faq-item {
background: white;
border-radius: 12px;
margin-bottom: 1.5rem;
border: 1px solid #ddd;
transition: all 0.3s ease;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
.webstudio-albania34 .faq-item:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
transform: translateY(-3px);
}
.webstudio-albania34 .faq-question {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 1.5rem;
cursor: pointer;
background: #0086ff;
color: white;
border: none;
width: 100%;
text-align: left;
font-size: 1.2rem;
font-weight: 600;
transition: all 0.3s ease;
white-space: normal;
line-height: 1.4;
border-radius: 12px;
}
.webstudio-albania34 .faq-question span.question-text {
flex: 1;
margin-right: 1rem;
}
.webstudio-albania34 .faq-question:hover {
background: #0074e0;
}
.webstudio-albania34 .faq-question.active {
background: #0074e0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.webstudio-albania34 .faq-question.active .icon {
transform: rotate(45deg);
}
.webstudio-albania34 .icon {
font-size: 1.5rem;
transition: transform 0.3s ease;
min-width: 24px;
text-align: center;
margin-left: 10px;
flex-shrink: 0;
}
.webstudio-albania34 .faq-answer {
height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.3s ease-out;
background: #1e1966;
color: white;
line-height: 1.6;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.webstudio-albania34 .faq-answer > p {
margin: 0;
padding: 1.5rem;
opacity: 0;
transform: translateY(-10px);
transition: all 0.3s ease-out;
}
.webstudio-albania34 .faq-answer.active {
height: auto;
opacity: 1;
}
.webstudio-albania34 .faq-answer.active > p {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 768px) {
.webstudio-albania34 .faq-container {
margin: 1rem;
}
.webstudio-albania34 .faq-question {
font-size: 1rem;
padding: 1rem;
}
.webstudio-albania34 .faq-answer > p {
padding: 1rem;
}
}.webstudio_albania35-wrapper {
padding: 10px;
box-sizing: border-box;
}
.webstudio_albania35-testimonial-container {
max-width: 100%;
width: 400px;
height: 350px;
margin: 0 auto;
overflow: hidden;
position: relative;
border-radius: 15px;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
background: #ffffff;
transition: all 0.3s ease;
}
.webstudio_albania35-testimonial-track {
display: flex;
transition: transform 0.5s ease;
height: calc(100% - 40px);
touch-action: pan-y pinch-zoom;
}
.webstudio_albania35-card {
min-width: 100%;
padding: 2rem;
background: #ffffff;
border-radius: 15px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 1rem;
transition: all 0.3s ease;
}
.webstudio_albania35-quote-icon {
font-size: 3rem;
color: #4a90e2;
line-height: 1;
opacity: 0.3;
transition: all 0.3s ease;
}
.webstudio_albania35-text {
flex-grow: 1;
margin: 0;
font-size: 1rem;
line-height: 1.6;
color: #333;
transition: all 0.3s ease;
}
.webstudio_albania35-rating {
display: flex;
gap: 4px;
margin: 0.5rem 0;
}
.webstudio_albania35-star {
color: #ffd700;
font-size: 20px;
line-height: 1;
text-shadow: 0 1px 1px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
.webstudio_albania35-author {
display: flex;
align-items: center;
gap: 1rem;
margin-top: 0.5rem;
}
.webstudio_albania35-author-img {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
.webstudio_albania35-author-info {
display: flex;
flex-direction: column;
}
.webstudio_albania35-author-name {
font-weight: bold;
color: #333;
transition: all 0.3s ease;
}
.webstudio_albania35-author-title {
font-size: 0.875rem;
color: #666;
transition: all 0.3s ease;
}
.webstudio_albania35-dots {
display: flex;
justify-content: center;
gap: 8px;
padding: 10px 0;
position: absolute;
bottom: 0;
width: 100%;
}
.webstudio_albania35-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #ccc;
cursor: pointer;
transition: all 0.3s ease;
border: none;
padding: 0;
}
.webstudio_albania35-dot.active {
background: #4a90e2;
transform: scale(1.2);
}
.webstudio_albania35-card:hover {
transform: translateY(-2px);
}
.webstudio_albania35-author-img:hover {
transform: scale(1.1);
}
@media (max-width: 768px) {
.webstudio_albania35-testimonial-container {
width: 90%;
height: auto;
min-height: 350px;
}
.webstudio_albania35-text {
font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.webstudio_albania35-card {
padding: 1.5rem;
}
.webstudio_albania35-quote-icon {
font-size: 2.5rem;
}
.webstudio_albania35-author-img {
width: 40px;
height: 40px;
}
}.webstudio_albania40_container {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding: 60px 20px;
background: linear-gradient(135deg, #f6f9fc 0%, #f1f4f8 100%);
}
.webstudio_albania40_wrapper {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
padding: 0 20px;
}
.webstudio_albania40_card {
position: relative;
border-radius: 20px;
padding: 40px 30px;
text-align: center;
transition: all 0.3s ease;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
height: 100%;
display: flex;
flex-direction: column;
}
.webstudio_albania40_card_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0.7;
z-index: 1;
transition: transform 0.3s ease;
}
.webstudio_albania40_content {
position: relative;
z-index: 2;
background: rgba(255, 255, 255, 0.9);
padding: 20px;
border-radius: 15px;
backdrop-filter: blur(5px);
height: 100%;
display: flex;
flex-direction: column;
}
.webstudio_albania40_card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.webstudio_albania40_card:hover .webstudio_albania40_card_bg {
transform: scale(1.1);
}
.webstudio_albania40_icon {
width: 64px;
height: 64px;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background: linear-gradient(135deg, #f6f9fc 0%, #f1f4f8 100%);
transition: transform 0.3s ease;
position: relative;
}
.webstudio_albania40_card:hover .webstudio_albania40_icon {
transform: scale(1.1);
}
.webstudio_albania40_icon img {
width: 64px;
height: 64px;
object-fit: cover;
border-radius: 12px;
}
.webstudio_albania40_title {
color: #1a1f36;
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
position: relative;
}
.webstudio_albania40_description {
color: #4a5568;
font-size: 16px;
line-height: 1.6;
margin: 0;
margin-bottom: 25px;
flex-grow: 1;
}
.webstudio_albania40_button {
display: inline-block;
padding: 12px 24px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
text-decoration: none;
border-radius: 25px;
font-weight: 500;
transition: all 0.3s ease;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
margin-top: auto;
}
.webstudio_albania40_button::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
.webstudio_albania40_button:hover::before {
opacity: 1;
}
.webstudio_albania40_button span {
position: relative;
z-index: 1;
color: white;
}
.webstudio_albania40_button:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}
@media (min-width: 769px) and (max-width: 1024px) {
.webstudio_albania40_wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.webstudio_albania40_wrapper {
grid-template-columns: 1fr;
}
.webstudio_albania40_card {
padding: 30px 20px;
}
.webstudio_albania40_title {
font-size: 18px;
}
.webstudio_albania40_description {
font-size: 15px;
}
.webstudio_albania40_button {
padding: 10px 20px;
font-size: 14px;
}
}.webstudio_albania40-container {
max-width: 1200px;
margin: 30px auto;
padding: 0 20px;
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}
.webstudio_albania40-search-wrapper {
position: relative;
margin-bottom: 30px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.webstudio_albania40-search-icon {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
color: #94a3b8;
pointer-events: none;
}
.webstudio_albania40-searchBox {
width: 100%;
padding: 15px 15px 15px 45px;
border: 2px solid #e2e8f0;
border-radius: 12px;
font-size: 16px;
transition: all 0.3s ease;
background: #fff;
color: #1e293b;
box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
.webstudio_albania40-searchBox:focus {
outline: none;
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.webstudio_albania40-table-container {
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 
0 2px 4px -1px rgba(0,0,0,0.06);
}
.webstudio_albania40-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: white;
}
.webstudio_albania40-table th {
background: #f8fafc;
padding: 20px;
font-weight: 600;
color: #1e293b;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
border-bottom: 2px solid #e2e8f0;
}
.webstudio_albania40-table th .subtitle {
display: block;
font-size: 12px;
color: #64748b;
text-transform: none;
font-weight: normal;
margin-top: 4px;
}
.webstudio_albania40-table td {
padding: 16px 20px;
color: #334155;
border-bottom: 1px solid #e2e8f0;
transition: all 0.2s ease;
}
.webstudio_albania40-table tr:last-child td {
border-bottom: none;
}
.webstudio_albania40-table tr {
transition: all 0.2s ease;
}
.webstudio_albania40-table tr:hover {
background-color: #f1f5f9;
}
.webstudio_albania40-table tr:hover td {
color: #1e293b;
}
.webstudio_albania40-table td:first-child {
font-weight: 500;
}
.webstudio_albania40-table td:not(:first-child) {
text-align: center;
font-weight: 600;
color: #3b82f6;
}
@keyframes fadeIn {
from { opacity: 0.7; transform: translateY(-5px); }
to { opacity: 1; transform: translateY(0); }
}
@media screen and (max-width: 968px) {
.webstudio_albania40-table th,
.webstudio_albania40-table td {
padding: 15px 12px;
}
.webstudio_albania40-table th {
font-size: 13px;
}
.webstudio_albania40-table td {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.webstudio_albania40-container {
padding: 0 10px;
margin: 15px auto;
}
.webstudio_albania40-table-container {
border-radius: 12px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.webstudio_albania40-table th,
.webstudio_albania40-table td {
padding: 12px 8px;
font-size: 13px;
}
.webstudio_albania40-table th .subtitle {
font-size: 11px;
}
}
@media screen and (max-width: 480px) {
.webstudio_albania40-table th,
.webstudio_albania40-table td {
padding: 10px 6px;
font-size: 12px;
}
.webstudio_albania40-searchBox {
padding: 12px 12px 12px 40px;
font-size: 14px;
}
}
.webstudio_albania40-table-container::-webkit-scrollbar {
height: 6px;
}
.webstudio_albania40-table-container::-webkit-scrollbar-track {
background: #f1f5f9;
}
.webstudio_albania40-table-container::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 3px;
}
.webstudio_albania40-table-container::-webkit-scrollbar-thumb:hover {
background: #94a3b8;
}:root {
--webstudio_albania46-primary: #5D5CDE;
--webstudio_albania46-text: #333333;
--webstudio_albania46-light: #FFFFFF;
--webstudio_albania46-gray: #F5F5F5;
--webstudio_albania46-border: rgba(0, 0, 0, 0.1);
--webstudio_albania46-shadow: rgba(0, 0, 0, 0.05);
--webstudio_albania46-transition: all 0.3s ease;
}
.dark {
--webstudio_albania46-primary: #6665E7;
--webstudio_albania46-text: #E0E0E0;
--webstudio_albania46-light: #181818;
--webstudio_albania46-gray: #222222;
--webstudio_albania46-border: rgba(255, 255, 255, 0.1);
--webstudio_albania46-shadow: rgba(0, 0, 0, 0.2);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.webstudio_albania46_header_container {
width: 100%;
background-color: var(--webstudio_albania46-light);
position: sticky;
top: 0;
z-index: 1000;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: var(--webstudio_albania46-text);
box-shadow: 0 4px 20px var(--webstudio_albania46-shadow);
transition: var(--webstudio_albania46-transition);
}
.webstudio_albania46_info_bar {
background-color: var(--webstudio_albania46-gray);
border-bottom: 1px solid var(--webstudio_albania46-border);
padding: 10px 0;
font-size: 0.875rem;
}
.webstudio_albania46_info_container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.webstudio_albania46_business_hours,
.webstudio_albania46_email {
display: flex;
align-items: center;
gap: 6px;
}
.webstudio_albania46_info_icon {
width: 16px;
height: 16px;
color: var(--webstudio_albania46-primary);
}
.webstudio_albania46_social_icons {
display: flex;
align-items: center;
gap: 15px;
}
.webstudio_albania46_social_link {
color: var(--webstudio_albania46-text);
transition: var(--webstudio_albania46-transition);
}
.webstudio_albania46_social_link:hover {
color: var(--webstudio_albania46-primary);
}
.webstudio_albania46_social_icon {
width: 18px;
height: 18px;
}
.webstudio_albania46_header_wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
}
.webstudio_albania46_logo_container {
display: flex;
align-items: center;
gap: 10px;
}
.webstudio_albania46_logo {
height: 40px;
width: 40px;
color: var(--webstudio_albania46-primary);
}
.webstudio_albania46_logo_image {
max-width: 120px;
height: auto;
display: block;
}
.webstudio_albania46_logo_text {
font-size: 1.5rem;
font-weight: 700;
background: linear-gradient(90deg, var(--webstudio_albania46-primary), #9C9BFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.webstudio_albania46_nav_desktop {
margin-left: auto;
}
.webstudio_albania46_nav_list {
display: flex;
list-style: none;
gap: 30px;
}
.webstudio_albania46_nav_item {
position: relative;
}
.webstudio_albania46_nav_link {
text-decoration: none;
color: var(--webstudio_albania46-text);
font-weight: 500;
font-size: 1rem;
padding: 8px 0;
transition: var(--webstudio_albania46-transition);
display: flex;
align-items: center;
gap: 4px;
}
.webstudio_albania46_nav_link:hover {
color: var(--webstudio_albania46-primary);
}
.webstudio_albania46_nav_link.webstudio_albania46_active {
color: var(--webstudio_albania46-primary);
}
.webstudio_albania46_nav_link.webstudio_albania46_active::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background-color: var(--webstudio_albania46-primary);
bottom: 0;
left: 0;
border-radius: 2px;
}
.webstudio_albania46_arrow {
font-size: 0.7rem;
transition: var(--webstudio_albania46-transition);
}
.webstudio_albania46_dropdown:hover .webstudio_albania46_arrow {
transform: rotate(180deg);
}
.webstudio_albania46_dropdown_content {
position: absolute;
top: 100%;
left: -20px;
min-width: 200px;
background-color: var(--webstudio_albania46-light);
border-radius: 8px;
box-shadow: 0 10px 25px var(--webstudio_albania46-shadow);
padding: 10px 0;
margin-top: 10px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: var(--webstudio_albania46-transition);
border: 1px solid var(--webstudio_albania46-border);
z-index: 100;
}
.webstudio_albania46_dropdown:hover .webstudio_albania46_dropdown_content {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.webstudio_albania46_dropdown_link {
display: block;
padding: 10px 20px;
color: var(--webstudio_albania46-text);
text-decoration: none;
transition: var(--webstudio_albania46-transition);
}
.webstudio_albania46_dropdown_link:hover {
background-color: var(--webstudio_albania46-gray);
color: var(--webstudio_albania46-primary);
}
.webstudio_albania46_cta_container {
display: flex;
align-items: center;
gap: 20px;
}
.webstudio_albania46_contact_btn {
background-color: var(--webstudio_albania46-primary);
color: white;
border: none;
font-weight: 500;
font-size: 1rem;
padding: 10px 20px;
border-radius: 8px;
cursor: pointer;
transition: var(--webstudio_albania46-transition);
display: inline-block;
text-decoration: none;
}
.webstudio_albania46_contact_btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(93, 92, 222, 0.25);
color: white;
}
.webstudio_albania46_hamburger {
display: none;
flex-direction: column;
justify-content: space-between;
width: 24px;
height: 20px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
}
.webstudio_albania46_hamburger_line {
width: 100%;
height: 2px;
background-color: var(--webstudio_albania46-text);
transition: var(--webstudio_albania46-transition);
}
.webstudio_albania46_mobile_menu {
display: none;
background-color: var(--webstudio_albania46-light);
position: fixed;
top: 80px;
left: 0;
width: 100%;
height: 0;
overflow: hidden;
transition: var(--webstudio_albania46-transition);
box-shadow: 0 10px 25px var(--webstudio_albania46-shadow);
height: calc(100vh - 80px);
z-index: 1000;
}
.webstudio_albania46_mobile_menu.webstudio_albania46_open {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 20px;
}
.webstudio_albania46_mobile_nav_list {
list-style: none;
padding: 20px;
width: 100%;
text-align: center;
}
.webstudio_albania46_mobile_nav_item {
padding: 15px 0;
border-bottom: 1px solid var(--webstudio_albania46-border);
opacity: 0;
transform: translateY(20px);
animation: webstudio_albania46_fadeInUp 0.5s forwards;
animation-delay: calc(var(--webstudio_albania46-item-index, 0) * 0.1s);
}
@keyframes webstudio_albania46_fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.webstudio_albania46_mobile_nav_link {
text-decoration: none;
color: var(--webstudio_albania46-text);
font-weight: 500;
font-size: 1.25rem;
display: block;
transition: var(--webstudio_albania46-transition);
}
.webstudio_albania46_mobile_nav_link:hover,
.webstudio_albania46_mobile_nav_link.webstudio_albania46_active {
color: var(--webstudio_albania46-primary);
}
.webstudio_albania46_mobile_dropdown_header {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
gap: 8px;
}
.webstudio_albania46_mobile_arrow {
transition: var(--webstudio_albania46-transition);
}
.webstudio_albania46_mobile_dropdown.webstudio_albania46_open .webstudio_albania46_mobile_arrow {
transform: rotate(180deg);
}
.webstudio_albania46_mobile_dropdown_content {
padding-left: 15px;
max-height: 0;
overflow: hidden;
transition: var(--webstudio_albania46-transition);
}
.webstudio_albania46_mobile_dropdown.webstudio_albania46_open .webstudio_albania46_mobile_dropdown_content {
max-height: 200px;
padding-top: 10px;
}
.webstudio_albania46_mobile_dropdown_link {
display: block;
padding: 8px 0;
color: var(--webstudio_albania46-text);
text-decoration: none;
font-size: 1rem;
transition: var(--webstudio_albania46-transition);
opacity: 0;
transform: translateY(10px);
animation: webstudio_albania46_fadeInUp 0.3s forwards;
animation-delay: calc(var(--webstudio_albania46-item-index, 0) * 0.08s + 0.1s);
}
.webstudio_albania46_mobile_dropdown_link:hover {
color: var(--webstudio_albania46-primary);
}
.webstudio_albania46_mobile_cta {
padding: 20px;
margin-top: auto;
}
.webstudio_albania46_mobile_social_icons {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 25px;
}
.webstudio_albania46_mobile_social_link {
color: var(--webstudio_albania46-text);
transition: var(--webstudio_albania46-transition);
padding: 10px;
}
.webstudio_albania46_mobile_social_link:hover {
color: var(--webstudio_albania46-primary);
}
.webstudio_albania46_mobile_social_icon {
width: 24px;
height: 24px;
}
.webstudio_albania46_mobile_contact_btn {
width: 100%;
background-color: var(--webstudio_albania46-primary);
color: white;
border: none;
font-weight: 500;
font-size: 1rem;
padding: 12px 20px;
border-radius: 8px;
cursor: pointer;
transition: var(--webstudio_albania46-transition);
display: inline-block;
text-decoration: none;
text-align: center;
}
.webstudio_albania46_mobile_contact_btn:hover {
color: white;
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(93, 92, 222, 0.25);
}
@media (max-width: 960px) {
.webstudio_albania46_nav_desktop {
display: none;
}
.webstudio_albania46_hamburger {
display: flex;
}
.webstudio_albania46_info_bar {
display: none;
}
} .webstudio_albania46_hamburger.webstudio_albania46_active .webstudio_albania46_hamburger_line:nth-child(1) {
transform: translateY(9px) rotate(45deg);
}
.webstudio_albania46_hamburger.webstudio_albania46_active .webstudio_albania46_hamburger_line:nth-child(2) {
opacity: 0;
}
.webstudio_albania46_hamburger.webstudio_albania46_active .webstudio_albania46_hamburger_line:nth-child(3) {
transform: translateY(-9px) rotate(-45deg);
}.webstudio_albania_gallery_2 {
--primary-color: #5D5CDE;
--light-bg: #FFFFFF;
--dark-bg: #181818;
--light-text: #FFFFFF;
--dark-text: #1a1a1a;
--overlay-bg: rgba(0, 0, 0, 0.6);
--button-bg: rgba(255, 255, 255, 0.9);
--button-hover-bg: #5D5CDE;
--button-hover-text: #FFFFFF;
--modal-bg: rgba(0, 0, 0, 0.9);
--control-bg: rgba(0, 0, 0, 0.5);
--thumb-active-border: #5D5CDE;
--transition-speed: 0.3s;
--border-radius: 8px;
--spacing: 20px;
position: relative;
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.dark .webstudio_albania_gallery_2 {
--light-bg: #181818;
--dark-bg: #121212;
--light-text: #EEEEEE;
--dark-text: #EEEEEE;
--button-bg: rgba(40, 40, 40, 0.9);
--button-hover-text: #FFFFFF;
--modal-bg: rgba(10, 10, 10, 0.95);
--control-bg: rgba(30, 30, 30, 0.7);
} .webstudio_albania_gallery_2__filter {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 24px;
justify-content: center;
}
.webstudio_albania_gallery_2__filter-button {
padding: 8px 16px;
border: none;
background-color: #f5f5f5;
border-radius: 30px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
color: var(--dark-text);
border: 1px solid rgba(0,0,0,0.1);
}
.dark .webstudio_albania_gallery_2__filter-button {
background-color: #2a2a2a;
color: var(--light-text);
border: 1px solid rgba(255,255,255,0.1);
}
.webstudio_albania_gallery_2__filter-button:hover {
background-color: #e6e6e6;
transform: translateY(-2px);
}
.dark .webstudio_albania_gallery_2__filter-button:hover {
background-color: #3a3a3a;
}
.webstudio_albania_gallery_2__filter-button.active {
background-color: var(--primary-color);
color: white;
box-shadow: 0 4px 12px rgba(93, 92, 222, 0.2);
} .webstudio_albania_gallery_2__container {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing);
}
@media (max-width: 992px) {
.webstudio_albania_gallery_2__container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.webstudio_albania_gallery_2__container {
grid-template-columns: 1fr;
}
} .webstudio_albania_gallery_2__item {
position: relative;
overflow: hidden;
border-radius: var(--border-radius);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
opacity: 1;
transform: scale(1);
background-color: var(--light-bg);
}
.dark .webstudio_albania_gallery_2__item {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
background-color: var(--dark-bg);
}
.webstudio_albania_gallery_2__item.hidden {
display: none;
}
.webstudio_albania_gallery_2__item.visible {
animation: fadeInUp 0.5s forwards;
}
.webstudio_albania_gallery_2__image-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 75%; } .webstudio_albania_gallery_2__ribbon {
position: absolute !important;
background-color: var(--primary-color) !important;
color: white !important;
font-size: 14px !important;
font-weight: bold !important;
text-align: center !important;
z-index: 5 !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
} .webstudio_albania_gallery_2__ribbon.ribbon-top-right {
top: 0 !important;
right: 0 !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-top-left {
top: 0 !important;
left: 0 !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-bottom-right {
bottom: 0 !important;
right: 0 !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-bottom-left {
bottom: 0 !important;
left: 0 !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-corner-right {
top: 20px !important;
right: -50px !important;
transform: rotate(45deg) !important;
transform-origin: center !important;
width: 150px !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-corner-left {
top: 20px !important;
left: -50px !important;
transform: rotate(-45deg) !important;
transform-origin: center !important;
width: 150px !important;
} .webstudio_albania_gallery_2__ribbon.ribbon-style-vertical {
writing-mode: vertical-rl !important;
text-orientation: mixed !important;
padding: 10px 5px !important;
width: 32px !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-horizontal {
width: 100% !important;
padding: 5px 10px !important;
text-align: center !important;
height: auto !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-diagonal {
padding: 8px 0 !important;
text-align: center !important;
width: 200px !important;
transform: rotate(45deg) !important;
position: absolute !important;
top: 30px !important;
right: -50px !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-badge {
border-radius: 50% !important;
width: 60px !important;
height: 60px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 10px !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-tag {
padding: 5px 10px !important;
border-radius: 4px !important;
margin: 10px !important;
position: absolute !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-tag::after {
content: '' !important;
position: absolute !important;
width: 0 !important;
height: 0 !important;
border-style: solid !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-tag.ribbon-top-right::after {
top: 100% !important;
right: 0 !important;
border-width: 5px 5px 0 0 !important;
border-color: var(--primary-color) transparent transparent transparent !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-tag.ribbon-top-left::after {
top: 100% !important;
left: 0 !important;
border-width: 5px 0 0 5px !important;
border-color: var(--primary-color) transparent transparent transparent !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-tag.ribbon-bottom-right::after {
bottom: 100% !important;
right: 0 !important;
border-width: 0 5px 5px 0 !important;
border-color: transparent transparent var(--primary-color) transparent !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-tag.ribbon-bottom-left::after {
bottom: 100% !important;
left: 0 !important;
border-width: 0 0 5px 5px !important;
border-color: transparent transparent var(--primary-color) transparent !important;
} .webstudio_albania_gallery_2__ribbon.ribbon-style-diagonal.ribbon-top-right {
top: 25px !important;
right: -50px !important;
transform: rotate(45deg) !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-diagonal.ribbon-top-left {
top: 25px !important;
left: -50px !important;
transform: rotate(-45deg) !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-diagonal.ribbon-bottom-right {
bottom: 25px !important;
right: -50px !important;
transform: rotate(-45deg) !important;
}
.webstudio_albania_gallery_2__ribbon.ribbon-style-diagonal.ribbon-bottom-left {
bottom: 25px !important;
left: -50px !important;
transform: rotate(45deg) !important;
}
.webstudio_albania_gallery_2__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--transition-speed) ease;
} .webstudio_albania_gallery_2__container.hover-zoom .webstudio_albania_gallery_2__image:hover {
transform: scale(1.1);
}
.webstudio_albania_gallery_2__container.hover-rotate .webstudio_albania_gallery_2__image:hover {
transform: rotate(5deg) scale(1.1);
}
.webstudio_albania_gallery_2__container.hover-blur .webstudio_albania_gallery_2__image:hover {
filter: blur(2px);
}
.webstudio_albania_gallery_2__container.hover-grayscale .webstudio_albania_gallery_2__image:hover {
filter: grayscale(100%);
}
.webstudio_albania_gallery_2__container.hover-sepia .webstudio_albania_gallery_2__image:hover {
filter: sepia(100%);
} .webstudio_albania_gallery_2__container.hover-shine .webstudio_albania_gallery_2__image-wrapper::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
transform: skewX(-25deg);
opacity: 0;
transition: all 0.7s ease;
}
.webstudio_albania_gallery_2__container.hover-shine .webstudio_albania_gallery_2__image-wrapper:hover::before {
opacity: 1;
left: 125%;
} .webstudio_albania_gallery_2__container.hover-circle .webstudio_albania_gallery_2__image-wrapper::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255,255,255,0.2);
border-radius: 100%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s ease;
}
.webstudio_albania_gallery_2__container.hover-circle .webstudio_albania_gallery_2__image-wrapper:hover::before {
opacity: 1;
width: 120%;
height: 120%;
} .webstudio_albania_gallery_2__container.hover-frame .webstudio_albania_gallery_2__image-wrapper::before {
position: absolute;
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
border: 1px solid rgba(255,255,255,0.8);
content: '';
opacity: 0;
transition: all 0.3s ease;
transform: scale(1.1);
z-index: 2;
}
.webstudio_albania_gallery_2__container.hover-frame .webstudio_albania_gallery_2__image-wrapper:hover::before {
opacity: 1;
transform: scale(1);
} .webstudio_albania_gallery_2__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.webstudio_albania_gallery_2__image-wrapper:hover .webstudio_albania_gallery_2__overlay {
opacity: 1;
} .webstudio_albania_gallery_2__container.overlay-fade .webstudio_albania_gallery_2__overlay {
opacity: 0;
}
.webstudio_albania_gallery_2__container.overlay-fade .webstudio_albania_gallery_2__image-wrapper:hover .webstudio_albania_gallery_2__overlay {
opacity: 1;
}
.webstudio_albania_gallery_2__container.overlay-slide-up .webstudio_albania_gallery_2__overlay {
transform: translateY(100%);
opacity: 1;
}
.webstudio_albania_gallery_2__container.overlay-slide-up .webstudio_albania_gallery_2__image-wrapper:hover .webstudio_albania_gallery_2__overlay {
transform: translateY(0);
}
.webstudio_albania_gallery_2__container.overlay-slide-down .webstudio_albania_gallery_2__overlay {
transform: translateY(-100%);
opacity: 1;
}
.webstudio_albania_gallery_2__container.overlay-slide-down .webstudio_albania_gallery_2__image-wrapper:hover .webstudio_albania_gallery_2__overlay {
transform: translateY(0);
}
.webstudio_albania_gallery_2__container.overlay-slide-left .webstudio_albania_gallery_2__overlay {
transform: translateX(100%);
opacity: 1;
}
.webstudio_albania_gallery_2__container.overlay-slide-left .webstudio_albania_gallery_2__image-wrapper:hover .webstudio_albania_gallery_2__overlay {
transform: translateX(0);
}
.webstudio_albania_gallery_2__container.overlay-slide-right .webstudio_albania_gallery_2__overlay {
transform: translateX(-100%);
opacity: 1;
}
.webstudio_albania_gallery_2__container.overlay-slide-right .webstudio_albania_gallery_2__image-wrapper:hover .webstudio_albania_gallery_2__overlay {
transform: translateX(0);
}
.webstudio_albania_gallery_2__container.overlay-zoom-in .webstudio_albania_gallery_2__overlay {
transform: scale(0.5);
opacity: 0;
}
.webstudio_albania_gallery_2__container.overlay-zoom-in .webstudio_albania_gallery_2__image-wrapper:hover .webstudio_albania_gallery_2__overlay {
transform: scale(1);
opacity: 1;
}
.webstudio_albania_gallery_2__container.overlay-zoom-out .webstudio_albania_gallery_2__overlay {
transform: scale(1.5);
opacity: 0;
}
.webstudio_albania_gallery_2__container.overlay-zoom-out .webstudio_albania_gallery_2__image-wrapper:hover .webstudio_albania_gallery_2__overlay {
transform: scale(1);
opacity: 1;
} .webstudio_albania_gallery_2__caption {
color: var(--light-text);
text-align: center;
padding: 20px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.65);
opacity: 0;
transition: opacity 0.2s ease;
pointer-events: none;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
}
.webstudio_albania_gallery_2__image-wrapper:hover .webstudio_albania_gallery_2__caption {
opacity: 1;
}
.webstudio_albania_gallery_2__caption-title {
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
color: white;
max-width: 90%;
line-height: 1.3;
}
.webstudio_albania_gallery_2__caption-text {
font-size: 16px;
max-width: 90%;
line-height: 1.5;
color: rgba(255, 255, 255, 0.95);
} .webstudio_albania_gallery_2__button {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%) translateY(20px);
background-color: var(--button-bg);
color: var(--dark-text);
padding: 8px 16px;
border: none;
border-radius: 30px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
opacity: 0;
transition: all 0.3s ease;
z-index: 2;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.dark .webstudio_albania_gallery_2__button {
color: var(--light-text);
}
.webstudio_albania_gallery_2__image-wrapper:hover .webstudio_albania_gallery_2__button {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.webstudio_albania_gallery_2__button:hover {
background-color: var(--button-hover-bg);
color: var(--button-hover-text);
} .webstudio_albania_gallery_2__show-more-wrapper {
text-align: center;
margin-top: 30px;
}
.webstudio_albania_gallery_2__show-more {
background-color: var(--primary-color);
color: white;
padding: 10px 24px;
border: none;
border-radius: 30px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(93, 92, 222, 0.2);
}
.webstudio_albania_gallery_2__show-more:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(93, 92, 222, 0.3);
} .webstudio_albania_gallery_2__modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--modal-bg);
z-index: 1000;
overflow: hidden;
opacity: 0;
transition: opacity 0.3s ease;
}
.webstudio_albania_gallery_2__modal.show {
opacity: 1;
}
.webstudio_albania_gallery_2__modal-content {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} .webstudio_albania_gallery_2__modal[data-animation="fade"] .webstudio_albania_gallery_2__main-image {
opacity: 0;
transition: opacity 0.3s ease;
}
.webstudio_albania_gallery_2__modal[data-animation="fade"].show .webstudio_albania_gallery_2__main-image {
opacity: 1;
}
.webstudio_albania_gallery_2__modal[data-animation="slide"] .webstudio_albania_gallery_2__main-image {
transform: translateX(50px);
opacity: 0;
transition: all 0.3s ease;
}
.webstudio_albania_gallery_2__modal[data-animation="slide"].show .webstudio_albania_gallery_2__main-image {
transform: translateX(0);
opacity: 1;
}
.webstudio_albania_gallery_2__modal[data-animation="zoom"] .webstudio_albania_gallery_2__main-image {
transform: scale(0.9);
opacity: 0;
transition: all 0.3s ease;
}
.webstudio_albania_gallery_2__modal[data-animation="zoom"].show .webstudio_albania_gallery_2__main-image {
transform: scale(1);
opacity: 1;
} .webstudio_albania_gallery_2__main-image-container {
position: relative;
max-width: 90%;
max-height: 80%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
} .webstudio_albania_gallery_2__main-image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
} .webstudio_albania_gallery_2__modal-caption {
color: var(--light-text);
text-align: center;
padding: 15px;
font-size: 16px;
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0.9;
} .webstudio_albania_gallery_2__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: var(--control-bg);
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
cursor: pointer;
border: none;
opacity: 0.8;
transition: all 0.3s ease;
z-index: 10;
}
.webstudio_albania_gallery_2__nav:hover {
opacity: 1;
background-color: var(--primary-color);
}
.webstudio_albania_gallery_2__nav--prev {
left: 20px;
}
.webstudio_albania_gallery_2__nav--next {
right: 20px;
} .webstudio_albania_gallery_2__close {
position: absolute;
top: 20px;
right: 20px;
background-color: var(--control-bg);
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
cursor: pointer;
border: none;
opacity: 0.8;
transition: all 0.3s ease;
z-index: 10;
}
.webstudio_albania_gallery_2__close:hover {
opacity: 1;
background-color: #f44336;
} .webstudio_albania_gallery_2__fullscreen {
position: absolute;
top: 20px;
left: 20px;
background-color: var(--control-bg);
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: none;
opacity: 0.8;
transition: all 0.3s ease;
z-index: 10;
}
.webstudio_albania_gallery_2__fullscreen:hover {
opacity: 1;
background-color: var(--primary-color);
} .webstudio_albania_gallery_2__zoom-controls {
position: absolute;
bottom: 20px;
left: 20px;
display: flex;
gap: 10px;
z-index: 10;
}
.webstudio_albania_gallery_2__zoom-controls button {
background-color: var(--control-bg);
color: white;
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
cursor: pointer;
border: none;
opacity: 0.8;
transition: all 0.3s ease;
}
.webstudio_albania_gallery_2__zoom-controls button:hover {
opacity: 1;
background-color: var(--primary-color);
}
.webstudio_albania_gallery_2__zoom-reset {
width: auto !important;
border-radius: 18px !important;
padding: 0 15px !important;
} .webstudio_albania_gallery_2__thumbnails {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
padding: 10px;
background-color: var(--control-bg);
border-radius: 8px;
overflow-x: auto;
max-width: 80%;
scrollbar-width: thin;
z-index: 10;
}
.webstudio_albania_gallery_2__thumbnails::-webkit-scrollbar {
height: 5px;
}
.webstudio_albania_gallery_2__thumbnails::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
}
.webstudio_albania_gallery_2__thumbnails::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.3);
border-radius: 10px;
}
.webstudio_albania_gallery_2__thumbnail {
width: 60px;
height: 40px;
object-fit: cover;
border-radius: 4px;
opacity: 0.6;
cursor: pointer;
transition: all 0.3s ease;
}
.webstudio_albania_gallery_2__thumbnail:hover {
opacity: 0.9;
}
.webstudio_albania_gallery_2__thumbnail.active {
opacity: 1;
border: 2px solid var(--thumb-active-border);
} .webstudio_albania_gallery_2__item-thumbnails {
display: none;
}
.webstudio_albania_gallery_2__item-thumbnail {
width: 0;
height: 0;
visibility: hidden;
} .webstudio_albania_gallery_2__modal-actions {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 10px;
z-index: 10;
} .webstudio_albania_gallery_2__share-buttons {
display: flex;
gap: 8px;
}
.webstudio_albania_gallery_2__share-button {
background-color: var(--control-bg);
color: white;
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: none;
opacity: 0.8;
transition: all 0.3s ease;
}
.webstudio_albania_gallery_2__share-button:hover {
opacity: 1;
background-color: var(--primary-color);
} .webstudio_albania_gallery_2__download-button {
display: flex;
align-items: center;
gap: 6px;
background-color: var(--control-bg);
color: white;
padding: 8px 12px;
border-radius: 20px;
cursor: pointer;
border: none;
opacity: 0.8;
transition: all 0.3s ease;
font-size: 14px;
}
.webstudio_albania_gallery_2__download-button:hover {
opacity: 1;
background-color: var(--primary-color);
}  .webstudio_albania_gallery_2__pinterest-column {
display: flex;
flex-direction: column;
gap: var(--spacing);
} .webstudio_albania_gallery_2__container.filmstrip-initialized {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding: 10px 0;
grid-template-columns: none;
}
.webstudio_albania_gallery_2__filmstrip-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: var(--control-bg);
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
cursor: pointer;
border: none;
opacity: 0.8;
transition: all 0.3s ease;
z-index: 5;
}
.webstudio_albania_gallery_2__filmstrip-prev {
left: 10px;
}
.webstudio_albania_gallery_2__filmstrip-next {
right: 10px;
}
.webstudio_albania_gallery_2__filmstrip-nav:hover {
opacity: 1;
background-color: var(--primary-color);
} .webstudio_albania_gallery_2__container.animation-fade-up .webstudio_albania_gallery_2__item:not(.animated) {
opacity: 0;
transform: translateY(30px);
}
.webstudio_albania_gallery_2__container.animation-fade-down .webstudio_albania_gallery_2__item:not(.animated) {
opacity: 0;
transform: translateY(-30px);
}
.webstudio_albania_gallery_2__container.animation-fade-left .webstudio_albania_gallery_2__item:not(.animated) {
opacity: 0;
transform: translateX(30px);
}
.webstudio_albania_gallery_2__container.animation-fade-right .webstudio_albania_gallery_2__item:not(.animated) {
opacity: 0;
transform: translateX(-30px);
}
.webstudio_albania_gallery_2__container.animation-zoom-in .webstudio_albania_gallery_2__item:not(.animated) {
opacity: 0;
transform: scale(0.8);
}
.webstudio_albania_gallery_2__container.animation-zoom-out .webstudio_albania_gallery_2__item:not(.animated) {
opacity: 0;
transform: scale(1.2);
}
.webstudio_albania_gallery_2__container.animation-flip .webstudio_albania_gallery_2__item:not(.animated) {
opacity: 0;
transform: rotateY(90deg);
}
.webstudio_albania_gallery_2__item.animated {
opacity: 1;
transform: translateY(0) translateX(0) scale(1) rotateY(0);
transition: all 0.5s ease;
} .webstudio_albania_gallery_2__item.size-wide {
grid-column: span 2;
}
.webstudio_albania_gallery_2__item.size-tall {
grid-row: span 2;
}
.webstudio_albania_gallery_2__item.size-large {
grid-column: span 2;
grid-row: span 2;
} @media (max-width: 768px) {
.webstudio_albania_gallery_2__button {
opacity: 1;
transform: translateX(-50%) translateY(0);
padding: 10px 18px;
font-size: 16px;
}
.webstudio_albania_gallery_2__caption {
transform: translateY(0);
opacity: 1;
}
.webstudio_albania_gallery_2__nav {
width: 50px;
height: 50px;
font-size: 28px;
}
.webstudio_albania_gallery_2__close {
width: 50px;
height: 50px;
font-size: 30px;
}
.webstudio_albania_gallery_2__thumbnails {
max-width: 90%;
bottom: 80px;
}
.webstudio_albania_gallery_2__thumbnail {
width: 50px;
height: 40px;
}
.webstudio_albania_gallery_2__modal-content {
padding: 10px;
}
.webstudio_albania_gallery_2__zoom-controls button {
width: 44px;
height: 44px;
font-size: 18px;
}
.webstudio_albania_gallery_2__main-image-container {
max-width: 100%;
max-height: 80%;
}
.webstudio_albania_gallery_2__modal-controls-mobile {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: space-around;
background-color: var(--control-bg);
padding: 10px 0;
z-index: 20;
}
.webstudio_albania_gallery_2__modal-controls-mobile button {
background: none;
border: none;
color: white;
font-size: 20px;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
} .webstudio_albania_gallery_2__modal.mobile-view .webstudio_albania_gallery_2__zoom-controls,
.webstudio_albania_gallery_2__modal.mobile-view .webstudio_albania_gallery_2__fullscreen,
.webstudio_albania_gallery_2__modal.mobile-view .webstudio_albania_gallery_2__modal-actions {
display: none;
}
} .webstudio_albania_gallery_2__loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border: 3px solid rgba(255,255,255,0.3);
border-radius: 50%;
border-top-color: white;
animation: spin 1s linear infinite;
z-index: 5;
}
@keyframes spin {
to { transform: translate(-50%, -50%) rotate(360deg); }
} .webstudio_albania_gallery_2__image.lazy-loading {
filter: blur(10px);
transition: filter 0.3s ease;
}
.webstudio_albania_gallery_2__image.lazy-loaded {
filter: blur(0);
} .webstudio_albania_gallery_2__page-indicator {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background-color: var(--control-bg);
color: white;
padding: 5px 10px;
border-radius: 15px;
font-size: 14px;
opacity: 0.8;
z-index: 10;
} .dark .webstudio_albania_gallery_2__modal-caption {
background-color: rgba(20, 20, 20, 0.8);
}
.dark .webstudio_albania_gallery_2__thumbnails {
background-color: rgba(30, 30, 30, 0.8);
} .webstudio_albania_gallery_2__item.size-wide .webstudio_albania_gallery_2__image-wrapper {
padding-bottom: 40%; }
.webstudio_albania_gallery_2__item.size-tall .webstudio_albania_gallery_2__image-wrapper {
padding-bottom: 150%; }
.webstudio_albania_gallery_2__item.size-large .webstudio_albania_gallery_2__image-wrapper {
padding-bottom: 100%; } @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .webstudio_albania_gallery_2__container.masonry-initialized {
display: flex;
flex-wrap: wrap;
} .webstudio_albania_gallery_2__container.pinterest-initialized {
display: flex;
gap: var(--spacing);
}.fluentform-widget-wrapper.hide-fluent-form-labels .ff-el-input--label{display:none!important}.fluentform-widget-wrapper.hide-error-message .ff-el-is-error .text-danger{display:none}.fluentform-widget-wrapper.fluentform-widget-align-left{margin:0 auto 0 0}.fluentform-widget-wrapper.fluentform-widget-align-center{float:none;margin:0 auto}.fluentform-widget-wrapper.fluentform-widget-align-right{margin:0 0 0 auto}.fluentform-widget-custom-radio-checkbox input[type=checkbox],.fluentform-widget-custom-radio-checkbox input[type=radio]{background:#ddd;height:15px;min-width:1px;outline:none;padding:3px;width:15px}.fluentform-widget-custom-radio-checkbox input[type=checkbox]:after,.fluentform-widget-custom-radio-checkbox input[type=radio]:after{border:0 solid transparent;content:"";display:block;height:100%;margin:0;padding:0;width:100%}.fluentform-widget-custom-radio-checkbox input[type=checkbox]:checked:after,.fluentform-widget-custom-radio-checkbox input[type=radio]:checked:after{background:#999;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px}.fluentform-widget-custom-radio-checkbox input[type=radio],.fluentform-widget-custom-radio-checkbox input[type=radio]:after{border-radius:50%}.fluentform-widget-wrapper .frm-fluent-form .ff-step-header{margin-bottom:0}.ff-el-progress-bar{align-items:center;display:flex;height:100%;justify-content:flex-end}.fluent-form-widget-step-header-yes .ff-step-header .ff-el-progress-status,.fluent-form-widget-step-progressbar-yes .ff-el-progress{display:block}.fluent-form-widget-step-header-yes .frm-fluent-form .ff-step-header,.fluent-form-widget-step-progressbar-yes .frm-fluent-form .ff-step-header{margin-bottom:20px}.fluentform-widget-section-break-content-left .ff-el-group.ff-el-section-break{text-align:left}.fluentform-widget-section-break-content-center .ff-el-group.ff-el-section-break{text-align:center}.fluentform-widget-section-break-content-right .ff-el-group.ff-el-section-break{text-align:right}.fluentform-widget-submit-button-full-width .ff-btn-submit{display:block;width:100%}.fluentform-widget-submit-button-center .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-center .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-center .ff-el-group.ff-text-right .ff-btn-submit{align-items:center;display:flex;justify-content:center;margin:0 auto}.fluentform-widget-submit-button-right .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-right .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-right .ff-el-group.ff-text-right .ff-btn-submit{float:right}.fluentform-widget-submit-button-left .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-left .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-left .ff-el-group.ff-text-right .ff-btn-submit{float:left}.fluentform-widget-wrapper.hide-placeholder input::-webkit-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-webkit-input-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input:-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder input::-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea:-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-moz-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input:-ms-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea:-ms-input-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input::-ms-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-ms-input-placeholder{opacity:0;visibility:hidden}.lity{z-index:9999!important}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.elementor-element,.elementor-lightbox{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px}.elementor-element .swiper .swiper-slide figure,.elementor-lightbox .swiper .swiper-slide figure{line-height:0}.elementor-element .swiper .elementor-lightbox-content-source,.elementor-lightbox .swiper .elementor-lightbox-content-source{display:none}.elementor-element .swiper .elementor-swiper-button,.elementor-element .swiper~.elementor-swiper-button,.elementor-lightbox .swiper .elementor-swiper-button,.elementor-lightbox .swiper~.elementor-swiper-button{color:hsla(0,0%,93%,.9);cursor:pointer;display:inline-flex;font-size:25px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.elementor-element .swiper .elementor-swiper-button svg,.elementor-element .swiper~.elementor-swiper-button svg,.elementor-lightbox .swiper .elementor-swiper-button svg,.elementor-lightbox .swiper~.elementor-swiper-button svg{fill:hsla(0,0%,93%,.9);height:1em;width:1em}.elementor-element .swiper .elementor-swiper-button-prev,.elementor-element .swiper~.elementor-swiper-button-prev,.elementor-lightbox .swiper .elementor-swiper-button-prev,.elementor-lightbox .swiper~.elementor-swiper-button-prev{left:10px}.elementor-element .swiper .elementor-swiper-button-next,.elementor-element .swiper~.elementor-swiper-button-next,.elementor-lightbox .swiper .elementor-swiper-button-next,.elementor-lightbox .swiper~.elementor-swiper-button-next{right:10px}.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper~.elementor-swiper-button.swiper-button-disabled{opacity:.3}.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image{width:100%}.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper .swiper-pagination-custom,.elementor-element .swiper .swiper-pagination-fraction,.elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper~.swiper-pagination-custom,.elementor-element .swiper~.swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper .swiper-pagination-custom,.elementor-lightbox .swiper .swiper-pagination-fraction,.elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper~.swiper-pagination-custom,.elementor-lightbox .swiper~.swiper-pagination-fraction{bottom:5px}.elementor-element .swiper.swiper-cube .elementor-swiper-button,.elementor-element .swiper.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube~.elementor-swiper-button{transform:translate3d(0,-50%,1px)}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets{bottom:5px;left:0;width:100%}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-progressbar,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-progressbar{height:4px;left:0;top:0;width:100%}.elementor-element.elementor-pagination-position-outside .swiper,.elementor-lightbox.elementor-pagination-position-outside .swiper{padding-bottom:30px}.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper~.elementor-swiper-button{top:calc(50% - 30px / 2)}.elementor-element .elementor-swiper,.elementor-lightbox .elementor-swiper{position:relative}.elementor-element .elementor-main-swiper,.elementor-lightbox .elementor-main-swiper{position:static}.elementor-element.elementor-arrows-position-outside .swiper,.elementor-lightbox.elementor-arrows-position-outside .swiper{width:calc(100% - 60px)}.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{left:0}.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{right:0}.elementor-widget-image-carousel .swiper{position:static}.elementor-widget-image-carousel .swiper .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-initialized) .swiper-slide{max-width:calc(100% / var(--e-image-carousel-slides-to-show, 3))}