@charset "UTF-8";
/* Utilities
 * ------------------------------------------- */
.has-border-decor {
  isolation: isolate;
}
.has-border-decor .elementor-widget-container {
  position: relative;
}
.has-border-decor .elementor-widget-container::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 16px;
  left: -16px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #7A7A7A;
  border-radius: 3px;
}

.has-border-decor-right {
  isolation: isolate;
}
.has-border-decor-right .elementor-widget-container {
  position: relative;
}
.has-border-decor-right .elementor-widget-container::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: -16px;
  right: -16px;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #7A7A7A;
  border-radius: 3px;
}

.pt-shadow-1 {
  box-shadow: 0px 46px 65px rgba(0, 0, 0, 0.15), 0px 17.7185px 20.7037px rgba(0, 0, 0, 0.0911111), 0px 3.74815px 5.2963px rgba(0, 0, 0, 0.0588889);
}

.pt-shadow-2 {
  box-shadow: 0px 27px 41px rgba(0, 0, 0, 0.06), 0px 10.4px 13.0593px rgba(0, 0, 0, 0.0364444), 0px 2.2px 3.34074px rgba(0, 0, 0, 0.0235556);
}

.site-footer .pt-icon-box-title {
  margin-bottom: 0;
}

/* Swiper navigation
 * ------------------------------------------- */
.pt-swiper-button-prev,
.pt-swiper-button-next {
  z-index: 10;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pt-swiper-button-prev svg,
.pt-swiper-button-next svg {
  display: block;
  transition: transform 0.3s, opacity 0.3s;
}
.pt-swiper-button-prev.swiper-button-disabled svg,
.pt-swiper-button-next.swiper-button-disabled svg {
  opacity: 0.2;
}
.pt-swiper-button-prev path,
.pt-swiper-button-next path {
  fill: currentColor;
}

.pt-swiper-button-prev {
  left: -48px;
}
.pt-swiper-button-prev:hover svg {
  transform: translateX(-4px);
}

.pt-swiper-button-next {
  right: -48px;
}
.pt-swiper-button-next:hover svg {
  transform: translateX(4px);
}

.arrows-together .pt-swiper-arrows {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  gap: 0;
}
.arrows-together .pt-swiper-arrows path {
  color: #fff;
}
.arrows-together .pt-swiper-button-prev,
.arrows-together .pt-swiper-button-next {
  position: static;
  transform: translateY(0);
  padding: 11px 16px;
  border-radius: 3px;
  background-color: #1528D9;
}
.arrows-together .pt-swiper-button-prev {
  padding-right: 8px;
  border-radius: 3px 0 0 3px;
}
.arrows-together .pt-swiper-button-next {
  padding-left: 8px;
  border-radius: 0 3px 3px 0;
}

/* Swiper pagination
 * ------------------------------------------- */
.pt-swiper-pagination {
  margin-top: var(--spacing-base);
  display: flex;
  justify-content: center;
  gap: 20px;
}
.pt-swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  width: 8px;
  height: 8px;
  background-color: #DEDEDE;
}
.pt-swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-accent);
}

/* Accordion
 * ------------------------------------------- */
.pt-accordion-title {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 21px 40px;
  border-radius: 3px;
  background-color: #fff;
  font-size: var(--font-size-h6);
  font-weight: 600;
  box-shadow: 0px 14px 51px rgba(0, 0, 0, 0.05), 0px 5.39259px 16.2444px rgba(0, 0, 0, 0.0303704), 0px 1.14074px 4.15556px rgba(0, 0, 0, 0.0196296);
  transition: background-color 0.1s, color 0.1s;
}
.pt-accordion-title:not(:first-of-type) {
  margin-top: var(--spacing-base);
}
.pt-accordion-title::after {
  content: "\e903";
  font-family: pticons;
  font-weight: 400;
}
.pt-accordion-title.ui-state-active {
  background-color: #232E96;
  color: #fff;
}
.pt-accordion-title.ui-state-active::after {
  transform: rotate(180deg);
}
.pt-accordion-content {
  display: none;
  padding: 21px 40px 11px;
}

/* Blog
 * ------------------------------------------- */
.blog-items.blog-grid .blog-item,
.blog-carousel.blog-grid .blog-item {
  margin-bottom: 48px;
}
.blog-items.blog-classic .blog-item,
.blog-carousel.blog-classic .blog-item {
  margin-bottom: 48px;
}
.blog-items.blog-classic .entry-meta,
.blog-carousel.blog-classic .entry-meta {
  margin-bottom: 8px;
}
.blog-items.blog-horizontal .blog-item:not(:last-child),
.blog-carousel.blog-horizontal .blog-item:not(:last-child) {
  margin-bottom: 30px;
}
.blog-items.blog-horizontal .entry-media,
.blog-carousel.blog-horizontal .entry-media {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .blog-items.blog-horizontal .entry-media,
.blog-carousel.blog-horizontal .entry-media {
    margin-bottom: 24px;
  }
}
.blog-items.blog-horizontal .entry-meta,
.blog-carousel.blog-horizontal .entry-meta {
  margin-bottom: 8px;
}
.blog-items.blog-horizontal .title,
.blog-carousel.blog-horizontal .title {
  margin-bottom: 8px;
}
.blog-items .grid-sizer,
.blog-carousel .grid-sizer {
  position: absolute;
}
.blog-items .img,
.blog-carousel .img {
  position: relative;
  margin-bottom: 18px;
  border-radius: 3px;
  overflow: hidden;
  filter: drop-shadow(0px 14px 17px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2.8px 2.7625px rgba(0, 0, 0, 0.03));
}
.blog-items .img a,
.blog-carousel .img a {
  display: block;
  padding-bottom: 56.25%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.blog-items .categories,
.blog-carousel .categories {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.blog-items .title,
.blog-carousel .title {
  margin-bottom: 16px;
}
.blog-items .entry-meta,
.blog-carousel .entry-meta {
  margin-bottom: 8px;
  font-size: 14px;
}
.blog-items .entry-meta .categories,
.blog-carousel .entry-meta .categories {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.blog-items .desc,
.blog-carousel .desc {
  margin-bottom: 18px;
}

.blog-carousel .swiper-container {
  overflow: visible;
}
.blog-carousel .swiper-slide {
  pointer-events: none;
}
.blog-carousel .swiper-slide-visible {
  pointer-events: auto;
}

.filter-buttons {
  margin-bottom: 42px;
}
.filter-buttons .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 40px;
}
.filter-buttons button {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  color: currentColor;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: left 95%;
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1), background 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.filter-buttons button:hover {
  background-size: 100% 1px;
}
.filter-buttons button.current {
  background-size: 100% 1px;
}
.filter-buttons button.current:hover {
  background-size: 0 1px;
}

.loadmore-button-block {
  text-align: center;
}
.loadmore-button-block .loadmore-button {
  cursor: pointer;
}

.blog-item .wrap {
  position: relative;
}
.blog-item .entry-media {
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 18px;
}
.blog-item .entry-media::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.blog-item .entry-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.style-overlay .wrap::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.style-overlay .entry-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.style-overlay .entry-media::before {
  display: none;
}
.style-overlay .entry-media::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.style-overlay .entry-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px;
  color: #fff;
}

/* Brands
 * ------------------------------------------- */
.pt-brands {
  position: relative;
}
.pt-brands-grid {
  display: grid;
  grid-template-columns: repeat(var(--pt-cols, 6), 1fr);
  gap: var(--pt-gap, 30px);
  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;
}
.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.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;
}

/* Brands
 * ------------------------------------------- */
.pt-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: border-color 0.4s, color 0.4s, background-color 0.4s;
}
.pt-button i {
  transition: transform 0.3s;
  padding-top: 4px;
}
.pt-button:hover i {
  transform: translateX(4px);
}
.pt-button.icon-position-left {
  flex-direction: row-reverse;
}
.pt-button.filled {
  padding: 13px 28px;
  border-radius: 3px;
  background-color: var(--color-accent);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0px 7px 22px rgba(0, 0, 0, 0.22), 0px 2.6963px 7.00741px rgba(0, 0, 0, 0.13363), 0px 0.57037px 1.79259px rgba(0, 0, 0, 0.0863704);
}
.pt-button.filled:hover {
  background-color: var(--color-accent-hover);
}
.pt-button.outlined {
  padding: 9px 20px;
  border: 1px solid var(--color-accent);
  border-radius: 3px;
  color: var(--color-accent);
  font-size: 12px;
  font-weight: 600;
}
.pt-button.outlined:hover {
  border-color: var(--color-accent-hover);
  color: var(--color-accent-hover);
}
.pt-button.textual {
  font-size: 14px;
  font-weight: 600;
}
.pt-button.textual span {
  position: relative;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: left 95%;
  transition: background-size 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.pt-button.textual:hover span {
  background-size: 0 1px;
}

/* Contact form 7
 * ------------------------------------------- */
.pt-contact-form-7 {
  position: relative;
}
.pt-contact-form-7 label {
  display: inline-block;
}
.pt-contact-form-7 .wpcf7-spinner {
  display: none !important;
}
.pt-contact-form-7 .wpcf7 form .wpcf7-response-output {
  margin: 30px 0 0;
}
.pt-contact-form-7 .wpcf7-not-valid-tip {
  margin-top: 6px;
}

/* Heading
 * ------------------------------------------- */
.pt-heading-title {
  position: relative;
  margin: 0;
  display: inline-block;
  font-family: var(--font-secondary);
  font-weight: 600;
}
.pt-heading-subtitle {
  margin-bottom: 24px;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 700;
}
.pt-heading-subtitle::before {
  content: "";
  vertical-align: middle;
  width: 64px;
  height: 1px;
  margin-right: 16px;
  display: inline-block;
  background-color: #000000;
}
.pt-heading-decor {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  user-select: none;
}
.pt-heading-decor img,
.pt-heading-decor i {
  position: relative;
}
.pt-heading-decor.top {
  top: 0;
}
.pt-heading-decor.middle {
  top: 50%;
}
.pt-heading-decor.middle img {
  transform: translateY(-50%);
}
.pt-heading-decor.bottom {
  bottom: 0;
}
.pt-heading-decor.left {
  left: 0;
}
.pt-heading-decor.center {
  left: 50%;
}
.pt-heading-decor.center img {
  transform: translateX(-50%);
}
.pt-heading-decor.right {
  right: 0;
}
.pt-heading-decor.middle.center {
  transform-origin: 0% 0%;
}
.pt-heading-decor.middle.center img {
  transform: translate(-50%, -50%);
}

/* Icon Box
 * ------------------------------------------- */
.pt-icon-box-items {
  counter-reset: li;
}
.pt-icon-box-items .swiper-container {
  overflow: visible;
}
.pt-icon-box-items .swiper-slide {
  pointer-events: none;
}
.pt-icon-box-items .swiper-slide-visible {
  pointer-events: auto;
}
.pt-icon-box-items.layout-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.pt-icon-box-items.layout-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.pt-icon-box-items.position-before-content .pt-icon-box {
  display: flex;
  align-items: start;
  gap: 16px;
  background: #5f67b53d;
  padding: 36px 26px;
  border-radius: 20px;
}
.pt-icon-box-items.position-before-content .pt-icon-box-icon {
  margin-bottom: 0;
}
.pt-icon-box-items.position-before-title .title-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.pt-icon-box-items.position-before-title .pt-icon-box-icon,
.pt-icon-box-items.position-before-title .pt-icon-box-title {
  margin-bottom: 0;
}
.pt-icon-box-items.position-inline .pt-icon-box {
  display: flex;
  align-items: center;
  gap: 16px;
}
.pt-icon-box-items.position-inline .pt-icon-box-icon {
  margin-bottom: 0;
}
.pt-icon-box-items.position-inline .pt-icon-box-title {
  margin-bottom: 0;
}
.main_box{
  text-align:center;
}
.main_box h4{
  font-size: 39px;
}
.main_box p{
  color: #fff;
}
.pt-icon-box {
  isolation: isolate;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s;
}
.has-shadow .pt-icon-box {
  box-shadow: 0px 27px 41px rgba(0, 0, 0, 0.06), 0px 10.4px 13.0593px rgba(0, 0, 0, 0.0364444), 0px 2.2px 3.34074px rgba(0, 0, 0, 0.0235556);
}
.pt-icon-box-icon {
  margin-bottom: 8px;
  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;
}
.shape-square .pt-icon-box-icon {
  padding: 0.5em;
  background-color: #B8BCD1;
}
.shape-circle .pt-icon-box-icon {
  padding: 0.5em;
  border-radius: 50%;
  background-color: #B8BCD1;
}
.pt-icon-box-title {
  margin-bottom: 18px;
  font-family: var(--font-secondary);
  font-size: var(--font-size-h4);
  font-weight: 600;
  transition: color 0.3s;
}
.pt-icon-box-text {
  transition: color 0.3s;
}
.pt-icon-box-button {
  margin-top: 26px;
  transition: color 0.3s;
}
.pt-icon-box-number {
  position: relative;
  margin-bottom: 42px;
}
.pt-icon-box-number::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background-color: #D5D8F9;
}
.pt-icon-box-number::after {
  content: counter(li) ".";
  counter-increment: li;
  position: absolute;
  top: 9px;
  left: 16px;
  font-family: var(--font-secondary);
  font-size: 36px;
  line-height: 1;
  font-weight: 600;
}
.pt-icon-box-hover-image {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, visibility 0.3s;
}
.pt-icon-box-hover-image img {
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-icon-box:hover .pt-icon-box-hover-image {
  opacity: 1;
  visibility: visible;
}

.swiper-slide-active .pt-icon-box-hover-image {
  opacity: 1;
  visibility: visible;
}

/* Blog
 * ------------------------------------------- */
.portfolio-block .wrap {
  position: relative;
}
.portfolio-block .grid-sizer {
  position: absolute;
}
.portfolio-block .portfolio-item {
  margin-bottom: 30px;
}
.portfolio-block .img {
  overflow: hidden;
  border-radius: 3px;
  filter: drop-shadow(0px 14px 17px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2.8px 2.7625px rgba(0, 0, 0, 0.03));
}
.portfolio-block .img div {
  padding-bottom: 65%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.portfolio-block.orientation-portrait .img div {
  padding-bottom: 125%;
}
.portfolio-block .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.portfolio-block .link::before {
  content: "\e909";
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-family: pticons;
  font-size: 32px;
  transition: opacity 0.3s, visibility 0.3s;
}
.portfolio-block .portfolio-item .wrap:hover .link::before {
  opacity: 1;
  visibility: visible;
}

.portfolio-type-carousel .swiper-container {
  overflow: visible;
}
.portfolio-type-carousel .swiper-slide {
  pointer-events: none;
}
.portfolio-type-carousel .swiper-slide-visible {
  pointer-events: auto;
}
.portfolio-type-carousel .portfolio-item {
  margin-bottom: 0;
}

/* Pricing Table
 * ------------------------------------------- */
.pt-pricing-tables .swiper-container {
  overflow: visible;
}
.pt-pricing-tables .swiper-slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.pt-pricing-tables .swiper-slide-visible {
  opacity: 1;
  visibility: visible;
}

.pt-pricing-table {
  isolation: isolate;
  overflow: hidden;
  position: relative;
  padding: 60px 48px;
  border-radius: 3px;
  background-color: #F9FAFB;
  box-shadow: 0px 27px 41px rgba(0, 0, 0, 0.06), 0px 10.4px 13.0593px rgba(0, 0, 0, 0.0364444), 0px 2.2px 3.34074px rgba(0, 0, 0, 0.0235556);
  transition: color 0.3s, background-color 0.3s;
}
.pt-pricing-table-price {
  overflow: hidden;
  height: 70px;
  font-family: var(--font-secondary);
  font-size: var(--font-size-h2);
  font-weight: 600;
  line-height: 70px;
}
.pt-pricing-table-price div {
  transition: margin 0.5s;
}
.is-active .pt-pricing-table-price div:first-child {
  margin-top: -70px;
}
.pt-pricing-table-title {
  margin-bottom: 20px;
  font-family: var(--font-secondary);
  font-size: var(--font-size-h4);
  font-weight: 600;
}
.pt-pricing-table-options-title {
  margin-bottom: 20px;
}
.pt-pricing-table-button {
  margin-top: var(--spacing-base);
}
.pt-pricing-table-image img {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-pricing-table-switcher {
  margin-bottom: 40px;
  text-align: center;
}
.pt-pricing-table-switcher button {
  cursor: default;
  margin-bottom: 8px;
  opacity: 0.5;
  font-weight: 500;
}
.pt-pricing-table-switcher button:nth-child(1) {
  opacity: 1;
}
.is-active .pt-pricing-table-switcher button:nth-child(1) {
  opacity: 0.5;
}
.is-active .pt-pricing-table-switcher button:nth-child(2) {
  opacity: 1;
}
.pt-pricing-table-toggle {
  cursor: pointer;
  position: relative;
  width: 60px;
  height: 28px;
  margin: 0 auto;
  border-radius: 15px;
  background-color: #dadbe3;
}
.pt-pricing-table-toggle::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.3s;
}
.is-active .pt-pricing-table-toggle::before {
  transform: translateX(32px);
}
.is-active .pt-pricing-table-toggle {
  background-color: #1528D9;
}

/* Progress Bar
 * ------------------------------------------- */
.pt-progress-bar-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 500;
}
.pt-progress-bar-line-wrapper {
  height: 5px;
  display: block;
  border-radius: 2px;
  background-color: #EAEAEA;
}
.pt-progress-bar-line {
  width: 0;
  height: 100%;
  border-radius: 2px;
  background-color: #ffcb05;
  transition: width 1s ease-in-out;
}

/* Rating
 * ------------------------------------------- */
.pt-rating {
  display: flex;
  gap: 10px;
}
.pt-rating i {
  position: relative;
  display: inline-block;
  color: #BCBCBC;
  font-style: normal;
}
.pt-rating i::before {
  content: "";
  display: block;
  font-size: inherit;
  font-family: inherit;
  position: absolute;
  overflow: hidden;
  color: #f0ad4e;
  top: 0;
  left: 0;
}
.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%;
}

/* Services
 * ------------------------------------------- */
.pt-services .swiper-container {
  overflow: visible;
}
.pt-services .swiper-slide {
  pointer-events: none;
}
.pt-services .swiper-slide-visible {
  pointer-events: auto;
}
.pt-services.layout-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.pt-services.style-default .pt-service-image {
  overflow: hidden;
  border-radius: 3px;
}
.pt-services.style-text-on-hover .pt-service {
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  filter: drop-shadow(0px 14px 17px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2.8px 2.7625px rgba(0, 0, 0, 0.03));
}
.pt-services.style-text-on-hover .pt-service::before {
  content: "";
  display: block;
  padding-top: 65%;
}
.pt-services.style-text-on-hover .pt-service-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.pt-services.style-text-on-hover .pt-service-image img {
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-services.style-text-on-hover .pt-service-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 32px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  transition: opacity 0.3s, visibility 0.3s;
}
.pt-services.style-text-on-hover .pt-service:hover .pt-service-content {
  opacity: 1;
  visibility: visible;
}

.pt-service-image {
  position: relative;
  margin-bottom: 30px;
}
.pt-service-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-service-image::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.pt-service-title {
  margin-bottom: 10px;
  font-family: var(--font-secondary);
  font-size: var(--font-size-h4);
  font-weight: 600;
}
.pt-service-button {
  margin-top: 21px;
}

/* Simple Links
 * ------------------------------------------- */
.pt-simple-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 30px;
}

/* Slider
 * ------------------------------------------- */
.pt-slider {
  height: 80vh;
  min-height: 600px;
}
.pt-slider .swiper-container {
  height: 100%;
}

.pt-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
}
.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 {
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: 1140px;
  padding: 48px 10px;
}
.pt-slide-title {
  font-family: var(--font-secondary);
}
.pt-slide-text {
  margin-top: 16px;
}
.pt-slide-buttons {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}

.pt-slider-thumbs {
  max-width: 1140px;
  padding: 0 10px;
  margin-top: -75px;
  margin-right: auto;
  margin-left: auto;
}

.pt-slider-thumb {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
}
.pt-slider-thumb::before {
  content: "";
  display: block;
  height: 150px;
}
.pt-slider-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

/* Social Links
 * ------------------------------------------- */
.pt-social-links {
  display: flex;
  gap: 20px;
}
.pt-social-links a,
.pt-social-links i {
  transition: color 0.3s, background-color 0.3s;
}
.pt-social-links.pt-shape-circle a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #EAEAF1;
  color: var(--color-accent);
  font-size: 14px;
}
.pt-social-links.pt-shape-circle a:hover {
  background-color: var(--color-accent);
  color: #fff;
}

/* Team
 * ------------------------------------------- */
.pt-team .swiper-container {
  overflow: visible;
}
.pt-team .swiper-slide {
  pointer-events: none;
}
.pt-team .swiper-slide-visible {
  pointer-events: auto;
}
.pt-team.layout-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.pt-team.style-overlay .pt-team-member {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 3px;
  filter: drop-shadow(0px 14px 17px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2.8px 2.7625px rgba(0, 0, 0, 0.03));
}
.pt-team.style-overlay .pt-team-member::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.pt-team.style-overlay .pt-team-member::after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, visibility 0.3s;
}
.pt-team.style-overlay .pt-team-member:hover::after {
  opacity: 1;
  visibility: visible;
}
.pt-team.style-overlay .pt-team-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pt-team.style-overlay .pt-team-content {
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition: opacity 0.3s, visibility 0.3s;
}
.pt-team.style-overlay .pt-team-member:hover .pt-team-content {
  opacity: 1;
  visibility: visible;
}
.pt-team-image {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 24px;
  width: 100%;
}
.pt-team-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-team-image::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.pt-team-name {
  font-size: var(--font-size-h6);
  font-weight: 500;
}
.pt-team-rating {
  display: inline-flex;
  gap: 6px;
}
.pt-team-role {
  font-size: 14px;
}

/* Testimonials
 * ------------------------------------------- */
.pt-testimonials .swiper-container {
  overflow: visible;
}
.pt-testimonials .swiper-slide {
  pointer-events: none;
}
.pt-testimonials .swiper-slide-visible {
  pointer-events: auto;
}
.pt-testimonials.layout-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.pt-testimonials.style-1 .pt-testimonial {
  overflow: hidden;
  padding: 46px 40px;
  border-radius: 3px;
  background-color: #F9FAFB;
  box-shadow: 0px 27px 41px rgba(0, 0, 0, 0.06), 0px 10.4px 13.0593px rgba(0, 0, 0, 0.0364444), 0px 2.2px 3.34074px rgba(0, 0, 0, 0.0235556);
}
.pt-testimonials.style-1 .pt-testimonial-rating {
  margin-bottom: 16px;
}
.pt-testimonials.style-1 .pt-testimonial-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.pt-testimonials.style-1 .pt-testimonial-image {
  position: relative;
  overflow: hidden;
  width: 48px;
  border-radius: 50%;
}
.pt-testimonials.style-1 .pt-testimonial-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.pt-testimonials.style-1 .pt-testimonial-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-testimonials.style-1 .pt-testimonial-occupation {
  color: #616161;
}
.pt-testimonials.style-2 .pt-testimonial {
  overflow: hidden;
  padding: 42px 30px;
  border-radius: 3px;
  background-color: #F9FAFB;
  box-shadow: 0px 27px 41px rgba(0, 0, 0, 0.06), 0px 10.4px 13.0593px rgba(0, 0, 0, 0.0364444), 0px 2.2px 3.34074px rgba(0, 0, 0, 0.0235556);
}
.pt-testimonials.style-2 .pt-testimonial-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.pt-testimonials.style-2 .pt-testimonial-image {
  position: relative;
  overflow: hidden;
  width: 48px;
  border-radius: 50%;
}
.pt-testimonials.style-2 .pt-testimonial-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.pt-testimonials.style-2 .pt-testimonial-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-testimonials.style-2 .pt-testimonial-rating {
  margin-top: 16px;
}
.pt-testimonials.style-3 .pt-testimonial {
  text-align: center;
}
.pt-testimonials.style-3 .pt-testimonial-text-wrapper {
  border-radius: 3px;
  padding: 48px 40px 72px;
  background-color: #F9FAFB;
  box-shadow: 0px 27px 41px rgba(0, 0, 0, 0.06), 0px 10.4px 13.0593px rgba(0, 0, 0, 0.0364444), 0px 2.2px 3.34074px rgba(0, 0, 0, 0.0235556);
  transition: background-color 0.3s;
}
.pt-testimonials.style-3 .pt-testimonial-rating {
  margin-bottom: 16px;
}
.pt-testimonials.style-3 .pt-testimonial-text {
  margin-bottom: 0;
}
.pt-testimonials.style-3 .pt-testimonial-image {
  position: relative;
  overflow: hidden;
  width: 80px;
  margin-top: -40px;
  margin-bottom: 21px;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
}
.pt-testimonials.style-3 .pt-testimonial-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.pt-testimonials.style-3 .pt-testimonial-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-testimonials.style-3 .pt-testimonial-occupation {
  color: #616161;
}
.pt-testimonials.style-3 .pt-testimonial-hover-image {
  display: none;
}
.pt-testimonials.style-4 .pt-testimonial {
  overflow: hidden;
  border-radius: 3px;
  padding: 40px 30px;
  background-color: #F9FAFB;
  text-align: center;
}
.pt-testimonials.style-4 .pt-testimonial-icon {
  vertical-align: top;
  display: inline-block;
  margin-bottom: 16px;
  font-size: 32px;
  line-height: 32px;
  transition: color 0.3s;
}
.pt-testimonials.style-4 .pt-testimonial-text {
  margin-bottom: 0;
}
.pt-testimonials.style-4 .pt-testimonial-meta {
  margin-top: 16px;
}
.pt-testimonials.style-4 .pt-testimonial-image {
  position: relative;
  overflow: hidden;
  width: 48px;
  margin-bottom: 13px;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
}
.pt-testimonials.style-4 .pt-testimonial-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.pt-testimonials.style-4 .pt-testimonial-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-testimonials.style-4 .pt-testimonial-occupation {
  color: #616161;
}

.pt-testimonial {
  position: relative;
  isolation: isolate;
  transition: background-color 0.3s;
}
.pt-testimonial-image {
  transition: border-color 0.3s;
}
.pt-testimonial-author {
  font-size: var(--font-size-h6);
  font-weight: 500;
  transition: color 0.3s;
}
.pt-testimonial-occupation {
  font-size: 14px;
  transition: color 0.3s;
}
.pt-testimonial-text {
  transition: color 0.3s;
}
.pt-testimonial-rating {
  display: inline-flex;
}
.pt-testimonial-hover-image {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, visibility 0.3s;
}
.pt-testimonial-hover-image img {
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-testimonial:hover .pt-testimonial-hover-image {
  opacity: 1;
  visibility: visible;
}

.swiper-slide-active .pt-testimonial-hover-image {
  opacity: 1;
  visibility: visible;
}

/* Video
 * ------------------------------------------- */
.pt-video {
  position: relative;
}
.has-image .pt-video-button-wrapper {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pt-video-button {
  isolation: isolate;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--color-accent);
}
.pt-video-button svg {
  margin-left: 3px;
  transition: transform 0.3s ease-in-out;
}
.pt-video-button:hover svg {
  transform: scale(1.1);
}
.pt-video-button path {
  fill: #fff;
}
.pt-video-button::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-accent);
  border-radius: 50%;
  animation: pulse-border 1.5s ease-out infinite;
}
.pt-video-image {
  position: relative;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  border-radius: 3px;
}
.pt-video-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pt-video-image::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.pt-video-image::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pt-video .decor-border {
  z-index: -1;
  position: absolute;
  top: 16px;
  left: -16px;
  width: 100%;
  height: 100%;
  border: 1px solid #7A7A7A;
  border-radius: 3px;
}

@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;
  }
}

.products-section .swiper-slide{
  background: #fff;
  padding: 26px 26px;
  border-radius: 10px;
}
.products-section .swiper-slide img{
  border-radius: 8px;
  transition: all 0.5s ease-out;
}
.products-section .swiper-slide img:hover{
  -webkit-box-shadow: 10px 10px 21px -7px rgb(0 0 0 / 12%);
    -moz-box-shadow: 10px 10px 21px -7px rgba(0,0,0,0.12);
    box-shadow: 14px 12px 8px -8px rgb(0 0 0 / 7%);
}











form {
  max-width: 550px;
  padding: 1rem;
  margin: 0 auto;
}

input, textarea {
  width: 100%;
  padding: .5rem;
  border: 1px solid silver;
}
input[type=submit] {
  padding: .5rem;
  border-radius: 5px;
  background-color: transparent;
  cursor: pointer;
}

label, small {
  font-size: small;
}





#contact input {
  font: 400 12px/16px;
  width: 100%;
  border: 1px solid #CCC;
  background: #FFF;
  margin: 10 5px;
  padding: 10px;
}

h1 {
  margin-bottom: 30px;
  font-size: 30px;
}

#contact {
  background: #F9F9F9;
  padding: 25px;
  margin: 50px 0;
}


fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
  width: 100%;
}

button {
  cursor: pointer;
  width: 100%;
  border: none;
  background: rgb(17, 146, 60);
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 20px;
}

button:hover {
  background-color: rgb(15, 95, 42);
}