@charset "UTF-8";
 :root {
--container-default-padding-block-start: 15px;
--container-default-padding-inline-end: 15px;
--container-default-padding-block-end: 15px;
--container-default-padding-inline-start: 15px;
--container-default-padding-top: 15px;
--container-default-padding-left: 15px;
--container-default-padding-bottom: 15px;
--container-default-padding-right: 15px;
}
.elementor-document-handle {
display: none !important;
}
.elementor-editor-active .swiper-slide a.pt-button,
.elementor-editor-preview .swiper-slide a.pt-button {
display: inline-flex;
}
.elementor-widget-text-editor .elementor-widget-container a {
background-image: linear-gradient(currentColor, currentColor);
background-size: 0 var(--underline-height);
background-repeat: no-repeat;
background-position: left 95%;
transition: color 1s cubic-bezier(0.23, 1, 0.32, 1), background 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.elementor-widget-text-editor .elementor-widget-container a:hover {
background-size: 100% var(--underline-height);
}
.icon-box-align-items-center .pt-icon-boxes.style-before-content .pt-icon-box {
align-items: center;
}
.line-height-18px {
line-height: 18px;
}
.underline-on-hover .pt-button span {
background-size: 0 var(--underline-height);
}
.underline-on-hover .pt-button:hover span {
background-size: 100% var(--underline-height);
}
.underline-link .elementor-widget-container a {
background-size: 100% var(--underline-height);
}
.underline-link .elementor-widget-container a:hover {
background-size: 0 var(--underline-height);
}
.table-custom-style .elementor-widget-container {
overflow-x: scroll;
}
.table-custom-style table {
max-width: none;
margin: 0;
border-top: 20px solid #FAFAFA;
border-bottom: 20px solid #FAFAFA;
border-radius: var(--pt-border-radius);
background-color: #FAFAFA;
text-align: center;
font-weight: 500;
text-transform: capitalize;
text-wrap: nowrap;
}
@media (min-width: 1025px) {
.table-custom-style table {
font-size: 20px;
}
}
.table-custom-style table tr {
border: 0;
}
.table-custom-style table th,
.table-custom-style table td {
position: relative;
padding: 20px;
font-weight: 500;
}
.table-custom-style table thead th {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.table-custom-style table thead th::after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: var(--pt-color-border);
}
.table-custom-style table thead th:first-of-type::after {
left: 20px;
}
.table-custom-style table thead th:last-of-type::after {
right: 20px;
}
.table-custom-style table tbody th {
width: 30%;
padding-left: 48px;
text-align: left;
}
.table-custom-style table tbody tr:not(:last-of-type) th::after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
left: 48px;
right: 20px;
background-color: var(--pt-color-border);
}
.table-custom-style table tbody tr:not(:last-of-type) td::after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: var(--pt-color-border);
}
.table-custom-style table tbody tr td:first-of-type::after {
left: 20px;
}
.table-custom-style table tbody tr td:last-of-type::after {
right: 20px;
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 30px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} .swiper-overflow-visible .swiper {
overflow: visible;
}
.swiper-slide {
margin-bottom: 0 !important;
}
.elementor-widget-wrap.e-swiper-container {
--e-column-margin-right: 0px !important;
--e-column-margin-left: 0px !important;
} .pt-swiper-arrows {
--arrow-size: 45px;
color: var(--pt-color-accent);
}
.pt-swiper-button-prev,
.pt-swiper-button-next {
z-index: 10;
cursor: pointer;
position: absolute;
top: calc(50% - var(--arrow-size) / 2);
width: var(--arrow-size);
height: var(--arrow-size);
border-radius: 5px;
background-color: #EEF3FC;
text-align: center;
transition: opacity 0.3s;
}
.pt-swiper-button-prev::before,
.pt-swiper-button-next::before {
display: block;
font-family: pticons;
font-size: 20px;
line-height: var(--arrow-size);
transition: transform 0.3s;
}
.pt-swiper-button-prev.swiper-button-disabled,
.pt-swiper-button-next.swiper-button-disabled {
opacity: 0.2;
}
.pt-swiper-button-prev {
left: calc(-1 * (var(--arrow-size) + 30px));
}
.pt-swiper-button-prev::before {
content: "\e901";
}
.pt-swiper-button-next {
right: calc(-1 * (var(--arrow-size) + 30px));
}
.pt-swiper-button-next::before {
content: "\e900";
}
.arrows-together .pt-swiper-arrows {
--arrow-size: 26px;
z-index: 2;
position: absolute;
display: flex;
gap: 21px;
}
.arrows-together .pt-swiper-arrows::before {
content: "";
opacity: 0.2;
position: absolute;
top: 5px;
left: 50%;
width: 1px;
height: 16px;
background-color: currentColor;
}
.arrows-together .pt-swiper-button-prev,
.arrows-together .pt-swiper-button-next {
position: static;
}
.arrows-align-default .pt-swiper-arrows {
bottom: 0;
right: 0;
}
.arrows-align-top-left .pt-swiper-arrows {
top: 0;
left: 0;
}
.arrows-align-top-right .pt-swiper-arrows {
top: 0;
right: 0;
}
.arrows-align-bottom-left .pt-swiper-arrows {
bottom: 0;
left: 0;
}
.arrows-align-bottom-right .pt-swiper-arrows {
right: 0;
bottom: 0;
}
.arrows-align-bottom-center .pt-swiper-arrows {
position: static;
justify-content: center;
margin-top: 48px;
}
@media (max-width: 1024px) {
.pt-swiper-arrows {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 24px;
}
.pt-swiper-arrows .pt-swiper-button-prev,
.pt-swiper-arrows .pt-swiper-button-next {
position: static;
transform: none !important;
}
} .pt-swiper-pagination {
margin-top: 40px;
display: flex;
justify-content: center;
gap: 20px;
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 0;
--swiper-pagination-bullet-size: 12px;
--swiper-pagination-color: var(--pt-color-accent);
--swiper-pagination-bullet-inactive-color: var(--pt-color-accent);
}
.pt-swiper-pagination .swiper-pagination-bullet {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--swiper-pagination-color);
background-color: transparent;
transition: opacity 0.3s, width 0.3s, background 0.3s, transform 0.3s, scale 0.3s;
}
.pt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
scale: 1.333;
}
.pt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--swiper-pagination-color);
} .pt-swiper-scrollbar {
width: 100%;
height: 6px;
margin-top: 54px;
background-color: #ABB3DC33;
}
.pt-swiper-scrollbar .swiper-scrollbar-drag {
border-radius: 0;
background-color: var(--pt-color-secondary);
} .grid-sizer {
position: absolute;
} .filter-buttons {
margin-bottom: 42px;
}
.filter-buttons .wrap {
display: flex;
flex-wrap: wrap;
gap: 8px 53px;
}
.filter-buttons button {
position: relative;
color: currentColor;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.02em;
text-transform: capitalize;
transition: color 0.3s;
}
.filter-buttons button span {
background-image: linear-gradient(currentColor, currentColor);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left bottom;
transition: background 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.filter-buttons button:hover span {
background-size: 100% 1px;
}
.filter-buttons button.current, .filter-buttons button.active {
color: var(--pt-color-accent);
font-weight: 600;
}
.filter-buttons button.current span, .filter-buttons button.active span {
background-size: 100% 1px;
}
.filter-buttons button:not(:last-of-type)::after {
content: "|";
opacity: 0.3;
pointer-events: none;
position: absolute;
top: -1px;
right: -27px;
font-family: pticons;
font-size: 14px;
}
.filter-buttons button sup {
display: none;
} .loadmore-button-block {
text-align: center;
}
.loadmore-button-block .loadmore-button {
cursor: pointer;
} .pt-rating {
display: flex;
gap: 10px;
}
.pt-rating i {
position: relative;
display: inline-block;
color: #F7C10040;
font-style: normal;
transition: color 0.3s;
}
.pt-rating i::before {
content: "★";
display: block;
font-size: inherit;
font-family: inherit;
position: absolute;
overflow: hidden;
color: #F7C100;
top: 0;
left: 0;
transition: color 0.3s;
}
.pt-rating .pt-star-empty::before {
content: none;
}
.pt-rating .pt-star-1::before {
width: 10%;
}
.pt-rating .pt-star-2::before {
width: 10%;
}
.pt-rating .pt-star-3::before {
width: 30%;
}
.pt-rating .pt-star-4::before {
width: 40%;
}
.pt-rating .pt-star-5::before {
width: 50%;
}
.pt-rating .pt-star-6::before {
width: 60%;
}
.pt-rating .pt-star-7::before {
width: 70%;
}
.pt-rating .pt-star-8::before {
width: 80%;
}
.pt-rating .pt-star-9::before {
width: 90%;
} .pt-accordion-title {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 15px 24px;
border-radius: 8px;
background-color: var(--pt-color-bg-secondary);
font-size: 18px;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.04em;
text-transform: capitalize;
}
.pt-accordion-title::after {
content: "\e906";
flex: 0 0 20px;
color: var(--pt-color-accent);
font-family: pticons;
font-size: 20px;
font-weight: 400;
line-height: 20px;
text-align: center;
}
.pt-accordion-title.ui-state-active {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.pt-accordion-title.ui-state-active::after {
transform: rotate(180deg);
}
.pt-accordion-title:not(:first-child) {
margin-top: 20px;
}
.pt-accordion-content {
opacity: 0;
display: none;
padding: 0 24px 24px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.pt-accordion .ui-state-active + .pt-accordion-content {
opacity: 1;
background-color: var(--pt-color-bg-secondary);
}
.pt-accordion.style-2 .pt-accordion-title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
font-weight: 600;
counter-increment: list;
}
.pt-accordion.style-2 .pt-accordion-title:not(:first-child) {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--pt-color-border);
}
.pt-accordion.style-2 .pt-accordion-title.ui-state-active {
color: currentColor;
}
.pt-accordion.style-2 .pt-accordion-title.ui-state-active::after {
transform: rotate(90deg);
}
.pt-accordion.style-2 .pt-accordion-title::after {
content: "\e900";
color: currentColor;
font-size: 16px;
}
.pt-accordion.style-2 .pt-accordion-title span {
position: relative;
}
.pt-accordion.style-2 .pt-accordion-title span::before {
content: counter(list);
position: relative;
top: -2px;
vertical-align: middle;
display: inline-block;
width: 20px;
height: 20px;
margin-right: 12px;
border-radius: 50%;
background-color: #E8EFFA;
color: var(--pt-color-accent);
font-family: var(--pt-font-primary);
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0;
text-align: center;
}
.pt-accordion.style-2 .pt-accordion-content {
padding: 18px 0 10px 32px;
background-color: transparent;
font-size: 16px;
} .pt-avatars {
display: inline-block;
}
.pt-avatars .item {
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: middle;
width: 48px;
border: 3px solid var(--pt-color-bg);
border-radius: 50%;
}
.pt-avatars .item::before {
content: "";
display: block;
padding-top: 100%;
}
.pt-avatars .item:not(:first-of-type) {
margin-left: -20px;
}
.pt-avatars .item:last-of-type::after {
content: "\e926";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: #181A2280;
color: #fff;
font-family: pticons;
}
.pt-avatars .item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .blog-block {
position: relative;
}
.blog-block .wrap {
position: relative;
}
.blog-block .blog-item {
margin-bottom: 48px;
}
.blog-block + .pt-swiper-pagination {
margin-top: 48px;
} .blog-type-grid .entry-thumb::before {
padding-top: var(--pt-aspect-ratio, 100%);
}
.blog-type-grid .entry-meta + .entry-title {
margin-top: 8px;
}
.blog-type-grid .entry-title {
font-size: 22px;
font-weight: 600;
letter-spacing: -0.04em;
text-transform: capitalize;
}
.blog-type-grid .entry-excerpt {
font-size: 14px;
}
.blog-type-grid .entry-more {
margin-top: 8px;
} @media (min-width: 600px) {
.blog-type-list .wrap {
display: grid;
grid-template-columns: var(--blog-image-width, 180px) 1fr;
gap: 30px;
align-items: center;
}
}
@media (min-width: 600px) {
.blog-type-list .entry-thumb {
margin-bottom: 0;
}
}
.blog-type-list .entry-thumb::before {
padding-top: var(--pt-aspect-ratio, 100%);
}
.blog-type-list .entry-meta + .entry-title {
margin-top: 8px;
}
.blog-type-list .entry-title {
font-size: 20px;
text-transform: capitalize;
}
.blog-type-list .entry-excerpt {
margin-top: 8px;
font-size: 14px;
}
.blog-type-list .entry-more {
margin-top: 8px;
} .blog-style-overlay .wrap {
overflow: hidden;
border-radius: var(--pt-border-radius);
}
.blog-style-overlay .wrap::before {
content: "";
display: block;
padding-top: var(--pt-aspect-ratio, 85%);
}
.blog-style-overlay .entry-thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
border-radius: 0;
}
.blog-style-overlay .entry-thumb::before {
display: none;
}
.blog-style-overlay .entry-caption {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
background: linear-gradient(180deg, #1D1E1F33, #1D1E1FCC);
color: #fff;
}
.blog-style-overlay .entry-meta {
pointer-events: auto;
color: currentColor;
}
.blog-style-overlay .entry-excerpt {
margin-top: 8px;
font-size: 14px;
}
.blog-style-overlay .entry-more {
pointer-events: auto;
}
.blog-style-overlay .entry-more .pt-button {
color: currentColor;
}
.blog-style-overlay .entry-more .pt-button i {
background-color: #ffffff33;
} .pt-brands {
position: relative;
}
.pt-brands-grid {
overflow: hidden;
display: grid;
grid-template-columns: repeat(var(--pt-cols, 6), 1fr);
align-items: center;
text-align: center;
}
.pt-brands-grid > div {
position: relative;
}
.pt-brands .swiper-wrapper {
align-items: center;
}
.pt-brand {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 30px 15px;
transition: opacity 0.4s;
}
.pt-brand img {
transition: opacity 0.4s, visibility 0.4s;
}
.pt-brand img + img {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.pt-brand svg {
vertical-align: middle;
}
.pt-brand svg path {
transition: fill 0.4s;
}
.pt-brand.has-hover .pt-brand-inner {
cursor: pointer;
}
.pt-brand.has-hover .pt-brand-inner:hover img {
opacity: 0;
visibility: hidden;
}
.pt-brand.has-hover .pt-brand-inner:hover img + img {
opacity: 1;
visibility: visible;
}
.pt-brands.has-divider .pt-brand::before {
content: "";
position: absolute;
top: 0;
right: -1px;
width: 1px;
height: 100%;
background-color: var(--pt-color-border);
}
.pt-brands.has-divider .pt-brand::after {
content: "";
position: absolute;
bottom: -1px;
left: 1px;
width: calc(100% - 1px);
height: 1px;
background-color: var(--pt-color-border);
} .pt-cart {
position: relative;
}
.pt-cart:hover .pt-cart-minicart {
opacity: 1;
visibility: visible;
}
.pt-cart-text {
line-height: 0;
}
.pt-cart-text::before {
content: "\e908";
font-family: pticons;
font-size: 24px;
line-height: 1;
}
.pt-cart-count {
position: absolute;
top: -5px;
right: -8px;
padding: 0 3px;
min-width: 16px;
border-radius: 50%;
background-color: var(--pt-color-accent);
color: #fff;
font-size: 11px;
line-height: 16px;
text-align: center;
}
.pt-cart-minicart {
--submenu-margin: 18px;
opacity: 0;
visibility: hidden;
z-index: 999;
position: absolute;
top: calc(100% + var(--submenu-margin));
width: 350px;
padding: 32px;
border-radius: 0;
background-color: #fff;
color: #000;
box-shadow: 0px 1.4px 3.25px 0px rgba(76, 58, 58, 0.04), 0px 7px 20px 0px rgba(76, 58, 58, 0.08);
transition: opacity 0.3s, visibility 0.3s;
}
@media (max-width: 1024px) {
.pt-cart-minicart {
display: none;
}
}
.pt-cart-minicart::before {
content: "";
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: var(--submenu-margin);
}
.pt-cart:not(.on-left) .pt-cart-minicart {
left: 0;
}
.pt-cart.on-left .pt-cart-minicart {
right: 0;
}
.woocommerce-cart .pt-cart .pt-cart-minicart,
.woocommerce-checkout .pt-cart .pt-cart-minicart {
display: none;
} .pt-categories {
position: relative;
}
.pt-categories.layout-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--pt-gap, 30px);
}
.pt-categories .item {
isolation: isolate;
position: relative;
}
.pt-categories .item::before {
content: "";
display: block;
padding-top: 160%;
}
.pt-categories .caption {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
color: #fff;
}
.pt-categories .caption::before {
content: "";
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(#1D1E1F00, #1D1E1F99);
transition: opacity 0.3s;
}
.pt-categories .caption::after {
content: "\e926";
position: absolute;
top: 16px;
left: 16px;
padding: 13px;
border-radius: 5px;
background-color: #eef3fc40;
font-family: pticons;
font-size: 20px;
line-height: 1;
transition: opacity 0.3s;
transition: background-color 0.3s;
}
.pt-categories .item:hover .caption::after {
background-color: var(--pt-color-accent);
}
.pt-categories .title {
font-size: 22px;
font-weight: 600;
letter-spacing: -0.04em;
text-transform: capitalize;
transition: color 0.3s;
}
.pt-categories .subtitle {
font-size: 14px;
font-weight: 500;
letter-spacing: -0.04em;
text-transform: capitalize;
}
.pt-categories .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pt-categories .image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .pt-countdown {
display: flex;
justify-content: center;
gap: 20px;
}
@media (max-width: 767px) {
.pt-countdown {
flex-wrap: wrap;
gap: 20px 40px;
}
}
.pt-countdown-item {
text-align: center;
}
.pt-countdown-title {
margin-bottom: 12px;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.03em;
text-transform: capitalize;
}
.pt-countdown-digits {
isolation: isolate;
position: relative;
display: inline-flex;
justify-content: center;
gap: 15px;
font-family: var(--pt-font-primary);
font-size: 62px;
font-weight: 600;
letter-spacing: -0.04em;
line-height: 85px;
text-align: center;
}
.pt-countdown-digits > div {
min-width: 65px;
padding: 0 10px;
border-radius: var(--pt-border-radius);
background-color: var(--pt-color-bg-secondary);
}
.pt-countdown-divider {
position: relative;
width: 11px;
}
@media (max-width: 767px) {
.pt-countdown-divider {
display: none;
}
}
.pt-countdown-divider::before {
content: ":";
position: absolute;
left: 0;
bottom: 0;
font-family: var(--pt-font-primary);
font-size: 54px;
line-height: 85px;
} .pt-heading {
isolation: isolate;
}
.pt-heading-title {
position: relative;
margin: 0;
font-family: var(--pt-font-primary);
}
.pt-heading-subtitle {
display: inline-block;
margin-bottom: 20px;
color: var(--pt-color-accent);
font-weight: 600;
letter-spacing: -0.04em;
text-transform: capitalize;
} .pt-icon-boxes {
position: relative;
}
.pt-icon-boxes.layout-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.pt-icon-boxes .swiper {
overflow: visible;
}
.pt-icon-boxes .swiper-slide {
opacity: 0;
pointer-events: none;
}
.pt-icon-boxes .swiper-slide-visible {
opacity: 1;
pointer-events: auto;
}
.pt-icon-boxes.style-before-content .pt-icon-box {
display: flex;
align-items: start;
gap: 32px;
}
.pt-icon-boxes.style-before-content .pt-icon-box-icon {
margin-bottom: 0;
}
.pt-icon-boxes.style-before-title .title-wrapper {
display: flex;
align-items: center;
gap: 20px;
}
.pt-icon-boxes.style-before-title .pt-icon-box-icon,
.pt-icon-boxes.style-before-title .pt-icon-box-title {
margin-bottom: 0;
}
.pt-icon-boxes.style-before-title .pt-icon-box-text {
margin-top: 16px;
}
.pt-icon-boxes.style-icon-on-hover .pt-icon-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px;
border-radius: 14px;
text-align: center;
}
.pt-icon-boxes.style-icon-on-hover .pt-icon-box > *:not(.pt-icon-box-icon) {
pointer-events: none;
}
.pt-icon-boxes.style-icon-on-hover .pt-icon-box:hover .pt-icon-box-icon {
opacity: 1;
}
.pt-icon-boxes.style-icon-on-hover .pt-icon-box-icon {
pointer-events: none;
opacity: 0;
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s;
}
.pt-icon-boxes.style-custom-style-1 .pt-icon-box {
padding: 36px 30px;
}
.pt-icon-boxes.style-custom-style-1 .count {
position: absolute;
top: 16px;
right: 16px;
font-size: 12px;
font-weight: 500;
transition: color 0.3s;
}
.pt-icon-boxes.style-custom-style-2 .pt-icon-box {
padding-left: 30px;
}
.pt-icon-boxes.style-custom-style-2 .count {
position: absolute;
top: -5px;
left: 0;
color: var(--pt-color-accent);
font-size: 12px;
font-weight: 500;
transition: color 0.3s;
}
.pt-icon-box {
isolation: isolate;
overflow: hidden;
position: relative;
transition: border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
}
.pt-icon-box-icon {
margin-bottom: 30px;
display: inline-block;
vertical-align: top;
font-size: 32px;
transition: color 0.3s, background-color 0.3s;
}
.pt-icon-box-icon i,
.pt-icon-box-icon svg {
width: 1em;
height: 1em;
display: block;
}
.pt-icon-box-icon svg path {
transition: fill 0.3s;
}
.shape-square .pt-icon-box-icon {
padding: 0.5em;
background-color: var(--pt-color-bg-secondary);
}
.shape-circle .pt-icon-box-icon {
padding: 0.5em;
border-radius: 50%;
background-color: var(--pt-color-bg-secondary);
}
.pt-icon-box .divider {
margin-bottom: 16px;
}
.pt-icon-box .divider::before {
content: "";
display: inline-block;
width: 14px;
height: 1px;
background-color: currentColor;
}
.pt-icon-box-title {
margin-bottom: 12px;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
text-transform: capitalize;
transition: color 0.3s;
}
.pt-icon-box-title a {
background-image: linear-gradient(currentColor, currentColor);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 95%;
transition: background-size 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.pt-icon-box-title a:hover {
background-size: 100% 1px;
}
.pt-icon-box-subtitle {
margin-bottom: 12px;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.pt-icon-box-subtitle span {
transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}
.pt-icon-box-text {
font-size: 14px;
transition: color 0.3s;
}
.pt-icon-box-button {
margin-top: 26px;
}
.pt-icon-box-bg-image {
z-index: -1;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity 0.3s;
}
.pt-icon-box-bg-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pt-icon-box-bg-image img {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.pt-icon-box:hover .pt-icon-box-bg-image {
opacity: 1;
}
.swiper-slide-active .pt-icon-box-bg-image {
opacity: 1;
}
.show-text-on-hover .pt-icon-box-text {
overflow: hidden;
max-height: 0px;
transition: max-height 0.6s, margin 0.6s;
}
.show-text-on-hover .pt-icon-box:hover .pt-icon-box-text {
max-height: 80px;
}
.show-button-on-hover .pt-icon-box-button {
overflow: hidden;
max-height: 0px;
margin-top: 0;
transition: max-height 0.6s, margin 0.6s;
}
.show-button-on-hover .pt-icon-box:hover .pt-icon-box-button {
max-height: 42px;
margin-top: 20px;
} .portfolio-block {
--pt-gap: 30px;
position: relative;
}
.portfolio-block .row {
margin-right: calc(var(--pt-gap) / 2 * -1);
margin-bottom: calc(var(--pt-gap) * -1);
margin-left: calc(var(--pt-gap) / 2 * -1);
}
.portfolio-block article[class*=col-] {
padding-right: calc(var(--pt-gap) / 2);
padding-left: calc(var(--pt-gap) / 2);
}
.portfolio-block .wrap {
position: relative;
overflow: hidden;
}
.portfolio-block .portfolio-item {
margin-bottom: var(--pt-gap);
}
.portfolio-block .entry-thumb {
overflow: hidden;
position: relative;
border-radius: var(--pt-border-radius);
}
.portfolio-block .entry-thumb img {
transition: transform 1s cubic-bezier(0.17, 0.59, 0.05, 0.96);
}
.portfolio-block .entry-thumb:hover img {
transform: scale(1.03);
}
.portfolio-block .entry-caption .entry-date {
opacity: 0.8;
margin-bottom: 8px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
.portfolio-block .entry-caption .entry-title {
margin: 0;
font-size: 18px;
font-weight: 500;
letter-spacing: -0.02em;
text-transform: capitalize;
}
.portfolio-block .entry-caption .entry-excerpt {
margin-top: 0;
font-size: 14px;
}
.portfolio-block .entry-caption .entry-more {
margin-top: 8px;
}
.portfolio-block .loadmore-button-block {
margin-top: 48px;
}
.portfolio-type-grid .entry-thumb,
.portfolio-type-carousel .entry-thumb {
position: relative;
}
.portfolio-type-grid .entry-thumb::before,
.portfolio-type-carousel .entry-thumb::before {
content: "";
display: block;
padding-top: 100%;
}
.portfolio-type-grid .entry-thumb img,
.portfolio-type-carousel .entry-thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.portfolio-type-grid.orientation-portrait .entry-thumb::before,
.portfolio-type-carousel.orientation-portrait .entry-thumb::before {
padding-top: 125%;
}
.portfolio-type-grid.orientation-cube .entry-thumb::before,
.portfolio-type-carousel.orientation-cube .entry-thumb::before {
padding-top: 100%;
} .portfolio-type-masonry-2 .entry-thumb {
position: relative;
}
.portfolio-type-masonry-2 .entry-thumb::before {
content: "";
display: block;
padding-top: 264px;
}
.portfolio-type-masonry-2 .entry-thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.portfolio-type-masonry-2 .portfolio-item:nth-of-type(10n+1) .entry-thumb::before,
.portfolio-type-masonry-2 .portfolio-item:nth-of-type(10n+8) .entry-thumb::before {
padding-top: 558px;
} .caption-style-standard .entry-caption {
margin-top: 20px;
} .caption-style-overlay .wrap {
border-radius: var(--pt-border-radius);
}
.caption-style-overlay .entry-caption {
z-index: 3;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 24px;
background: linear-gradient(180deg, #1D1E1F80, #1D1E1F33);
color: #fff;
transition: opacity 0.3s;
}
.caption-style-overlay .entry-caption::before {
content: "\e936";
position: absolute;
top: calc(50% - 28px);
left: calc(50% - 28px);
padding: 10px;
border-radius: 10px;
background-color: #eef3fc40;
font-family: pticons;
font-size: 36px;
line-height: 1;
}
.caption-style-overlay .entry-caption .entry-title {
font-size: 14px;
font-weight: 500;
letter-spacing: -0.04em;
}
.caption-style-overlay .entry-caption .entry-title::before {
content: "\e911";
margin-right: 2px;
font-family: pticons;
}
.caption-style-overlay .wrap:hover .entry-caption {
opacity: 1;
}
.caption-style-overlay .pt-button {
color: currentColor;
} .caption-style-overlay-visible .wrap {
border-radius: var(--pt-border-radius);
}
.caption-style-overlay-visible .entry-caption {
z-index: 3;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 36px 30px;
background-color: #1B1D2066;
color: #fff;
transition: opacity 0.3s;
}
.caption-style-overlay-visible .pt-button {
color: currentColor;
} .gallery-block {
--pt-gap: 30px;
position: relative;
}
.gallery-block .row {
margin-right: calc(var(--pt-gap) / 2 * -1);
margin-bottom: calc(var(--pt-gap) * -1);
margin-left: calc(var(--pt-gap) / 2 * -1);
}
.gallery-block article[class*=col-] {
padding-right: calc(var(--pt-gap) / 2);
padding-left: calc(var(--pt-gap) / 2);
}
.gallery-block .portfolio-item {
margin-bottom: var(--pt-gap);
}
.gallery-block .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
color: #fff;
text-align: center;
}
.gallery-block.popup-gallery .link {
isolation: isolate;
}
.gallery-block.popup-gallery .link::before {
content: "";
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--pt-border-radius);
transition: opacity 0.3s, visibility 0.3s;
}
.gallery-block.popup-gallery .link i {
z-index: 2;
position: relative;
opacity: 0;
visibility: hidden;
padding: 10px;
border-radius: 50%;
background-color: var(--pt-color-accent);
line-height: 1;
transition: opacity 0.3s, visibility 0.3s;
}
.gallery-block.popup-gallery .link .gallery-icon-label {
z-index: 2;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
.gallery-block .portfolio-item .wrap:hover .link::before,
.gallery-block .portfolio-item .wrap:hover .link i,
.gallery-block .portfolio-item .wrap:hover .link .gallery-icon-label {
opacity: 1;
visibility: visible;
}
.gallery-block.arrows-together .pt-swiper-arrows {
--arrow-size: 42px;
gap: 12px;
padding: 16px;
}
.gallery-block.arrows-together .pt-swiper-arrows::before {
display: none;
}
.gallery-block.arrows-together .pt-swiper-arrows .pt-swiper-button-prev::before {
content: "\e942";
}
.gallery-block.arrows-together .pt-swiper-arrows .pt-swiper-button-next::before {
content: "\e941";
} .pt-pricing-tables {
position: relative;
}
.pt-pricing-tables .swiper {
overflow: visible;
}
.pt-pricing-tables .swiper-slide {
opacity: 0;
pointer-events: none;
}
.pt-pricing-tables .swiper-slide-visible {
opacity: 1;
pointer-events: auto;
}
.pt-pricing-table {
isolation: isolate;
overflow: hidden;
position: relative;
padding: 40px 32px 48px;
border-radius: var(--pt-border-radius);
background-color: var(--pt-color-bg-secondary);
box-shadow: 0 5px 8px 0 rgba(81, 97, 113, 0.04), 0 23px 32px 0 rgba(81, 97, 113, 0.06), 0 60px 100px 0 rgba(81, 97, 113, 0.1);
transition: border-color 0.3s, outline-color 0.3s, color 0.3s, background-color 0.3s;
}
.pt-pricing-table-icon {
margin-bottom: 18px;
color: var(--pt-color-secondary);
font-size: 48px;
line-height: 1;
}
.pt-pricing-table-title {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
font-size: 22px;
font-weight: 600;
letter-spacing: -0.04em;
text-transform: capitalize;
}
.pt-pricing-table-subtitle {
opacity: 0.8;
margin-top: 10px;
font-size: 14px;
}
.pt-pricing-table-price-wrapper {
margin-top: 20px;
}
.pt-pricing-table-price {
overflow: hidden;
display: inline-block;
height: 62px;
padding: 0 1px;
font-family: var(--pt-font-primary);
font-size: 62px;
font-weight: 600;
line-height: 1;
letter-spacing: -0.04em;
}
.pt-pricing-table-price span {
display: block;
transition: margin 0.5s;
}
.is-active .pt-pricing-table-price span:first-child {
margin-top: -62px;
}
.pt-pricing-table-period {
position: relative;
top: 4px;
display: inline-block;
vertical-align: top;
margin-left: 10px;
font-size: 12px;
font-weight: 500;
letter-spacing: -0.04em;
}
.pt-pricing-table .divider {
height: 1px;
margin: 32px -32px 0;
background-color: rgba(0, 0, 0, 0.1);
}
.pt-pricing-table-options {
margin-top: 28px;
font-size: 14px;
}
.pt-pricing-table-options .option-item.exclude {
opacity: 0.4;
}
.pt-pricing-table-options .option-item i {
margin-right: 12px;
padding: 1px;
border-radius: 2px;
font-size: 10px;
line-height: 1;
}
.pt-pricing-table-options .option-item svg {
position: relative;
top: -1px;
vertical-align: middle;
margin-right: 8px;
}
.pt-pricing-table-options .option-divider {
opacity: 0.1;
height: 1px;
margin: 10px 0;
background-color: currentColor;
}
.pt-pricing-table-button {
display: block;
margin-top: 40px;
text-align: center;
}
.pt-pricing-table-button .pt-button {
width: 100%;
justify-content: center;
}
.pt-pricing-table-sticker-wrapper {
position: absolute;
top: 41px;
right: 30px;
padding: 0 10px;
border-radius: 15px;
background-color: var(--pt-color-secondary);
color: #fff;
line-height: 30px;
font-weight: 600;
letter-spacing: -0.04em;
text-transform: capitalize;
}
.pt-pricing-table-bg-image {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pt-pricing-table-bg-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: background-color 0.3s;
}
.pt-pricing-table-bg-image img {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.pt-pricing-table-switcher {
display: flex;
justify-content: center;
gap: 16px;
margin-bottom: 40px;
}
.pt-pricing-table-switcher button {
cursor: pointer;
opacity: 0.3;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
.pt-pricing-table-switcher button:nth-of-type(1) {
opacity: 1;
}
.is-active .pt-pricing-table-switcher button:nth-of-type(1) {
opacity: 0.3;
}
.is-active .pt-pricing-table-switcher button:nth-of-type(2) {
opacity: 1;
}
.pt-pricing-table-toggle {
cursor: pointer;
position: relative;
width: 60px;
height: 28px;
border-radius: 15px;
background-color: var(--pt-color-bg-secondary);
}
.pt-pricing-table-toggle::before {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: var(--pt-color-accent);
transition: transform 0.3s;
}
.is-active .pt-pricing-table-toggle::before {
transform: translateX(32px);
} .pt-products {
position: relative;
}
.elementor-editor-active .pt-products .type-product > .woocommerce-loop-product__link,
.elementor-editor-active .pt-products .type-product > .button,
.elementor-editor-preview .pt-products .type-product > .woocommerce-loop-product__link,
.elementor-editor-preview .pt-products .type-product > .button {
display: none;
} .pt-progress-bar-content {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
font-weight: 500;
letter-spacing: -0.04em;
}
.pt-progress-bar-percentage {
font-weight: 600;
}
.pt-progress-bar-line-wrapper {
height: 16px;
display: block;
padding: 2px;
border-radius: 100px;
background-color: var(--pt-color-bg-secondary);
}
.pt-progress-bar-line {
width: 0;
height: 100%;
border-radius: 100px;
background-color: var(--pt-color-accent);
transition: width 1s ease-in-out;
} .pt-radial-progress-bar {
display: inline-flex;
align-items: center;
gap: 30px;
}
@media (max-width: 599px) {
.pt-radial-progress-bar {
display: flex;
flex-direction: column;
gap: 14px;
text-align: center;
}
}
.pt-radial-progress-bar .circle {
position: relative;
}
.pt-radial-progress-bar .circle svg {
vertical-align: middle;
transform: rotate(-90deg);
}
.pt-radial-progress-bar .circle svg circle {
transition: stroke-dashoffset 1s linear;
}
.pt-radial-progress-bar .circle svg .bg {
stroke: var(--pt-color-bg-secondary);
}
.pt-radial-progress-bar .circle svg .bar {
stroke: var(--pt-color-accent);
transform-origin: center;
}
.pt-radial-progress-bar .circle .number {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: var(--pt-color-accent);
font-family: var(--pt-font-primary);
font-size: 60px;
}
.pt-radial-progress-bar .content .subtitle {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.pt-radial-progress-bar .content .title {
font-family: var(--pt-font-primary);
font-size: 22px;
text-transform: capitalize;
}
.pt-radial-progress-bar .content .text {
margin-top: 4px;
font-size: 16px;
}
.pt-rating-wrapper .pt-rating {
display: inline-flex;
}
.pt-rating-wrapper .pt-rating i {
line-height: 1;
} .pt-search-toggle {
cursor: pointer;
line-height: 0;
}
.pt-search-toggle::before {
content: "\e909";
vertical-align: middle;
font-family: pticons;
font-size: 24px;
line-height: 1;
}
.pt-search-toggle span {
vertical-align: middle;
display: inline-block;
margin-left: 8px;
} .pt-simple-links {
display: flex;
align-items: baseline;
flex-wrap: wrap;
align-items: center;
gap: 8px 30px;
}
.pt-simple-links a {
background-image: linear-gradient(currentColor, currentColor);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 95%;
transition: background 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.pt-simple-links a:hover {
background-size: 100% 1px;
}
.pt-simple-links.style-2 {
flex-direction: column;
align-items: normal;
gap: 10px;
font-weight: 500;
}
.pt-simple-links.style-2 a {
isolation: isolate;
position: relative;
padding: 3px 14px 3px 28px;
background-image: none;
transition: color 0.3s;
}
.pt-simple-links.style-2 a::before {
content: "\e900";
position: absolute;
left: 0;
top: 50%;
font-family: pticons;
font-style: normal;
translate: 0 -50%;
rotate: 90deg;
transition: translate 0.3s, rotate 0.3s;
}
.pt-simple-links.style-2 a:hover, .pt-simple-links.style-2 a:first-of-type {
color: var(--pt-color-accent);
}
.pt-simple-links.style-2 a:hover::before, .pt-simple-links.style-2 a:first-of-type::before {
rotate: 0deg;
}
.pt-simple-links.style-2 .divider {
opacity: 0.1;
height: 1px;
background-color: var(--pt-color-text);
}
.pt-simple-links.style-2 .divider:last-of-type {
display: none;
} .pt-slider {
isolation: isolate;
position: relative;
}
.pt-slider .swiper {
height: 100%;
}
.pt-slide {
overflow: hidden;
position: relative;
display: flex;
align-items: flex-start;
justify-content: center;
}
.pt-slide-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pt-slide-image::before {
content: "";
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pt-slide-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
}
.pt-slide-content-wrapper {
z-index: 2;
position: relative;
display: flex;
width: 100%;
max-width: 1240px;
height: 100%;
padding: 140px 15px;
}
.pt-slide-content-wrapper:has(.pt-slide-side-image) {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
@media (max-width: 1024px) {
.pt-slide-content-wrapper:has(.pt-slide-side-image) {
display: flex;
flex-direction: column-reverse;
}
}
.pt-slide-content-wrapper:has(.pt-slide-side-image) .pt-slide-content {
padding: 28px 0;
}
.pt-slide .pt-heading-title {
font-family: var(--pt-font-primary);
font-size: var(--pt-typography-h1-font-size);
font-weight: var(--pt-typography-h1-font-weight);
line-height: var(--pt-typography-h1-line-height);
letter-spacing: var(--pt-typography-h1-letter-spacing);
text-transform: var(--pt-typography-h1-text-transform);
}
.pt-slide-text {
margin-top: 36px;
font-size: 18px;
}
@media (max-width: 1139px) {
.pt-slide-text {
margin-top: 24px;
}
}
.pt-slide-subtitle {
margin-bottom: 28px;
line-height: 32px;
font-weight: 600;
text-transform: capitalize;
}
.pt-slide-subtitle i {
margin-right: 8px;
}
.pt-slide-buttons {
display: inline-flex;
align-items: center;
gap: 16px;
margin-top: 52px;
}
@media (max-width: 600px) {
.pt-slide-buttons {
flex-direction: column;
}
}
.pt-slide-buttons .video-button {
font-weight: 700;
text-transform: capitalize;
}
.pt-slide-buttons .video-button::before {
content: "";
display: inline-block;
margin-right: 8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid var(--pt-color-accent);
transition: transform 0.3s;
}
.pt-slide-buttons .video-button:hover::before {
transform: translateX(4px);
}
.pt-slide-subtitle,
.pt-slide-title,
.pt-slide-text,
.pt-slide-buttons,
.pt-slide-side-image {
opacity: 0;
transform: translateY(30px);
transition: opacity 1s, transform 1s;
}
.swiper-slide-active .pt-slide-subtitle,
.swiper-slide-active .pt-slide-title,
.swiper-slide-active .pt-slide-text,
.swiper-slide-active .pt-slide-buttons,
.swiper-slide-active .pt-slide-side-image {
opacity: 1;
transform: translateY(0px);
}
.pt-slide-title {
transition-delay: 0.1s;
}
.pt-slide-text {
transition-delay: 0.2s;
}
.pt-slide-buttons {
transition-delay: 0.3s;
}
.pt-slide-side-image {
transition-delay: 0.3s;
}
.pt-slider-navigation {
z-index: 3;
position: absolute;
left: 0;
right: 0;
bottom: 64px;
padding-inline: 15px;
}
@media (min-width: 1025px) {
.pt-slider-navigation {
padding-inline: 30px;
}
}
.pt-slider-navigation-inner {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
max-width: 1520px;
margin-inline: auto;
}
.pt-slider-navigation .pt-swiper-arrows {
display: inline-flex;
gap: 20px;
color: currentColor;
}
.pt-slider-navigation .pt-swiper-button-prev,
.pt-slider-navigation .pt-swiper-button-next {
--arrow-size: 26px;
position: static;
background-color: transparent;
}
.pt-slider-navigation .pt-swiper-button-prev::before {
content: "\e905";
font-size: 26px;
}
.pt-slider-navigation .pt-swiper-button-next::before {
content: "\e904";
font-size: 26px;
}
.pt-slider-navigation .pt-swiper-pagination {
--swiper-pagination-color: currentColor;
position: relative;
top: auto;
left: auto;
width: 33%;
height: 2px;
margin-top: 0;
background-color: #ffffff4d;
} .pt-team {
position: relative;
}
.pt-team.layout-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.pt-team.style-1 .pt-team-member {
padding: 28px 12px;
border-radius: var(--pt-border-radius);
background-color: var(--pt-color-bg-secondary);
text-align: center;
transition: background-color 0.3s;
}
.pt-team.style-1 .pt-team-member-image {
overflow: hidden;
position: relative;
max-width: 90px;
margin: 0 auto;
border-radius: 50%;
}
.pt-team.style-1 .pt-team-member-image::before {
content: "";
display: block;
padding-top: 100%;
}
.pt-team.style-1 .pt-team-member-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.pt-team.style-1 .pt-team-member-title {
margin-top: 18px;
font-weight: 600;
letter-spacing: -0.04em;
text-transform: capitalize;
transition: color 0.3s;
}
.pt-team.style-1 .pt-team-member-subtitle {
margin-top: 2px;
font-size: 12px;
font-weight: 500;
letter-spacing: -0.04em;
text-transform: capitalize;
transition: color 0.3s;
}
.pt-team.style-1 .pt-team-member .social-links {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
transition: opacity 0.3s;
}
.pt-team.style-1 .pt-team-member .social-links-inner {
display: flex;
gap: 10px;
}
.pt-team.style-1 .pt-team-member .pt-team-member-image:hover .social-links {
opacity: 1;
}
.pt-team.style-2 .pt-team-member {
overflow: hidden;
position: relative;
border-radius: var(--pt-border-radius);
text-align: center;
}
.pt-team.style-2 .pt-team-member::before {
content: "";
display: block;
padding-top: 100%;
}
.pt-team.style-2 .pt-team-member-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.pt-team.style-2 .pt-team-member .caption {
z-index: 2;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #1b1d2066;
color: #fff;
transition: opacity 0.3s;
}
.pt-team.style-2 .pt-team-member:hover .caption {
opacity: 1;
}
.pt-team.style-2 .pt-team-member-title {
font-size: 18px;
font-weight: 500;
transition: color 0.3s;
}
.pt-team.style-2 .pt-team-member-subtitle {
margin-top: 2px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
transition: color 0.3s;
}
.pt-team.style-2 .pt-team-member .social-links {
margin-top: 20px;
transition: opacity 0.3s, visibility 0.3s;
}
.pt-team.style-2 .pt-team-member .social-links a {
padding: 7px;
border: 1px solid #ffffff33;
border-radius: 50%;
color: #fff;
line-height: 1;
transition: opacity 0.3s, border-color 0.3s, background-color 0.3s, color 0.3s;
}
.pt-team.style-2 .pt-team-member .social-links a:hover {
border-color: var(--pt-color-accent);
background-color: var(--pt-color-accent);
}
.pt-team.style-2 .pt-team-member .social-links-inner {
width: 100%;
display: flex;
justify-content: center;
} .pt-testimonials {
position: relative;
}
.pt-testimonials.layout-grid {
--columns: 1;
display: grid;
grid-template-columns: repeat(var(--columns), 1fr);
gap: 30px;
}
.pt-testimonials .pt-testimonial {
position: relative;
}
.pt-testimonials .pt-testimonial-content {
isolation: isolate;
padding: 36px 40px;
border-radius: var(--pt-border-radius);
background-color: var(--pt-color-bg-secondary);
transition: opacity 0.3s, background-color 0.3s;
}
.text-align-center .pt-testimonials .pt-testimonial-content {
text-align: center;
}
.text-align-right .pt-testimonials .pt-testimonial-content {
text-align: right;
}
.pt-testimonials .pt-testimonial-meta {
display: flex;
align-items: center;
gap: 16px;
margin-top: 28px;
}
.text-align-center .pt-testimonials .pt-testimonial-meta {
flex-direction: column;
justify-content: center;
}
.text-align-right .pt-testimonials .pt-testimonial-meta {
justify-content: end;
flex-direction: row-reverse;
}
.pt-testimonials .pt-testimonial-avatar {
position: relative;
overflow: hidden;
width: 56px;
border-radius: 50%;
transition: border-color 0.3s;
}
.pt-testimonials .pt-testimonial-avatar::before {
content: "";
display: block;
padding-top: 100%;
}
.pt-testimonials .pt-testimonial-avatar img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
}
.pt-testimonials .pt-testimonial-author {
font-weight: 600;
letter-spacing: -0.04em;
text-transform: capitalize;
transition: color 0.3s;
}
.pt-testimonials .pt-testimonial-occupation {
font-size: 12px;
font-weight: 500;
letter-spacing: -0.04em;
text-transform: capitalize;
transition: color 0.3s;
}
.pt-testimonials .pt-testimonial-text {
font-size: 18px;
transition: color 0.3s;
}
.pt-testimonials .pt-testimonial-rating {
display: inline-flex;
gap: 4px;
margin-left: auto;
line-height: 1;
}
.pt-testimonials .pt-testimonial .bg-image {
opacity: 0;
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity 0.3s;
}
.pt-testimonials .pt-testimonial .bg-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.pt-testimonials .pt-testimonial:hover .bg-image,
.pt-testimonials .swiper-slide-active .bg-image {
opacity: var(--bg-image-opacity);
} .pt-text-marquee {
--pt-gap: 30px;
--pt-direction: -100%;
display: flex;
overflow: hidden;
white-space: nowrap;
}
.pt-text-marquee-original, .pt-text-marquee-copy {
display: flex;
align-items: center;
gap: var(--pt-gap);
margin-inline-end: var(--pt-gap);
animation: pt-text-marquee var(--duration, 20s) linear infinite;
}
.pt-text-marquee-text {
position: relative;
transition: background-color 0.3s, color 0.3s;
}
.pt-text-marquee-divider {
width: 4px;
height: 4px;
background-color: currentColor;
}
.pt-text-marquee span {
font-style: italic;
}
.pt-text-marquee i {
position: relative;
top: -1px;
vertical-align: middle;
transition: background-color 0.3s, color 0.3s;
}
.pt-text-marquee.reverse {
--pt-direction: 100%;
flex-direction: row-reverse;
}
@keyframes pt-text-marquee {
0% {
transform: translateX(0) translateZ(0);
}
100% {
transform: translateX(var(--pt-direction)) translateZ(0);
}
} .pt-video {
isolation: isolate;
overflow: hidden;
position: relative;
display: flex;
align-items: flex-end;
padding: 64px 80px;
border-radius: var(--pt-border-radius);
}
.pt-video::before {
content: "";
display: block;
padding-top: 56.25%;
}
.pt-video a {
display: flex;
}
.pt-video-content {
max-width: 440px;
color: #fff;
}
.pt-video-text::after {
content: "";
opacity: 0.3;
display: block;
margin-top: 36px;
width: 100%;
height: 2px;
background-color: currentColor;
}
.pt-video-title {
margin-bottom: 20px;
font-size: 22px;
font-weight: 600;
letter-spacing: -0.04em;
text-transform: capitalize;
}
.pt-video-button {
isolation: isolate;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin-bottom: 42px;
border-radius: 5px;
background-color: #ffffff33;
color: #fff;
line-height: 0;
transition: transform 0.3s ease-in-out;
}
.pt-video-button::before {
content: "\e931";
font-family: pticons;
font-size: 20px;
line-height: 1;
transition: transform 0.3s;
}
.pt-video-button:hover::before {
transform: scale(0.85);
}
.pt-video-image img {
z-index: -1;
user-select: none;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.pt-video-image::after {
content: "";
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pt-video > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 0.8;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}