/*
Theme Name: Atlast Operation
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1788925980
Updated: 2026-09-09 03:53:00

*/

/* Header */
header.sticky-header {
  --header-height: 50px;
  --shrink-header-to: 0.6;
  --transition: all 0.2s ease-out;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color var(--transition),
    backdrop-filter var(--transition),
    box-shadow var(--transition);
}

header.sticky-header.elementor-sticky--effects {
  background-color: rgba(10, 10, 11, .72) !important;
  /*box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);*/
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border-bottom: 1px solid #212124;
}

header.sticky-header>.e-con-inner {
  min-height: var(--header-height);
  transition: min-height var(--transition);
}

header.sticky-header.elementor-sticky--effects>.e-con-inner {
  min-height: calc(var(--header-height) * var(--shrink-header-to));
}

.dd-menu .elementor-nav-menu--dropdown {
  transform: translateX(-25%) translateY(8px);
  /*min-width: 200px !important;*/
  background: rgba(17, 17, 19, .96);
  backdrop-filter: blur(18px);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 10px !important;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .85);
}

.dd-menu .elementor-nav-menu--dropdown li:first-child a,
.dd-menu .elementor-nav-menu--dropdown a:hover {
  border-radius: 10px !important;
}

.dd-menu .elementor-nav-menu li {
  margin-bottom: 10px;
}

.dd-menu a.elementor-sub-item.elementor-item-active {
  border-radius: 10px;
}

/* Responsive */
#menu-responsive .jet-mobile-menu__container {
  top: 0 !important;
  height: 100% !important;
}

#menu-responsive .jet-mobile-menu__container-inner {
  backdrop-filter: blur(20px) !important;
}

/* Back to top */
.back-to-top {
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
}

.back-to-top:hover {
  transform: translateY(-3px);
}

/* Home */
.banner-text-list li.elementor-icon-list-item.elementor-inline-item {
  background: #1e1e21;
  border-radius: 999px;
  padding: 8px 16px;
}

div.sec-line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) !important;
  width: min(1240px, 90%) !important;
  height: 1px !important;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .16) 20%, rgba(255, 255, 255, .36) 50%, rgba(255, 255, 255, .16) 80%, transparent 100%) !important;
}

.promo-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: radial-gradient(120% 130% at 88% 15%, rgba(255, 209, 0, .10), transparent 55%), linear-gradient(155deg, #161618 0%, #0d0d0d 60%, #0a0a0a 100%);
  box-shadow: 0 1px 0 0 var(--e-global-color-27076e3);
}

.promo-ghost {
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 800;
  font-size: 340px;
  line-height: .8;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 209, 0, .09);
  z-index: 0;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
  letter-spacing: -.03em;
}

.promo-left {
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.promo-right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(90% 80% at 50% 40%, rgba(255, 209, 0, .08), transparent 70%);
  overflow: hidden;
}

.promo-off-big {
  font-size: 104px;
  line-height: .85;
  color: var(--e-global-color-primary);
  letter-spacing: -.02em;
  text-shadow: 0 0 60px rgba(255, 209, 0, .3);
  font-weight: 800;
}

.promo-right::before {
  content: '';
  position: absolute;
  width: min(80%, 400px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 209, 0, .20), rgba(255, 209, 0, 0) 65%);
  z-index: 0;
}

.promo-chip {
  position: absolute;
  z-index: 4;
  background: #141416;
  border: 1px solid #3a3a3d;
  border-radius: 12px;
  padding: 11px 15px;
}

.promo-chip .k {
  font-size: 11px;
  color: var(---e-global-color-primary);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: 600;
}

.promo-chip .v {
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
  color: var(--e-global-color-text);
}

.promo-prod {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.promo-prod img {
  width: auto;
  max-width: 60% !important;
  height: auto;
  filter: drop-shadow(0 30px 55px rgba(0, 0, 0, .55));
}

.card {
  box-shadow: 0 1px 0 0 var(--e-global-color-27076e3);
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), box-shadow .45s, background .45s;
}

.card:hover {
  transform: translateY(-8px);
  background: var(--e-global-color-c1b1ca0);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 4px 0 -1px #FFD100;
  width: 500px;
}

.organization:hover {
  background: var(--e-global-color-c1b1ca0);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 4px 0 -1px #FFD100;
}

.grw-reviews {
  font-family: 'IBM Plex Sans Thai' !important;
}

.wp-gr .grw-review-inner.grw-round {
  border-radius: 20px !important;
}

.wp-gr .grw-review .wp-google-feedback {
  height: 50px !important;
  overflow-y: auto !important;
}

.best-sell-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 4px 0 -1px var(--e-global-color-primary) !important;
}

.best-sell-card ins {
  font-size: 16px;
  font-weight: 700;
  color: var(--e-global-color-text);
}

@media (max-width: 767px) {
  .banner-text-list li.elementor-icon-list-item.elementor-inline-item {
    margin-bottom: 10px;
  }

  .promo-ghost {
    font-size: 180px;
  }

  .promo-off-big {
    font-size: 64px;
  }
}

/* About Us */
.about-list-1st li.elementor-icon-list-item {
  padding: 20px !important;
  margin-bottom: 15px;
  background-color: var(--e-global-color-e5c5aeb);
  border: 1px solid var(--e-global-color-d749ee3);
  border-radius: 12px;
  height: 68px;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.about-list-1st li.elementor-icon-list-item:hover {
  transform: translateY(-3px);
  border-color: var(--e-global-color-primary);
  background: var(--e-global-color-c1b1ca0);
}

.about-icon-card span.elementor-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: var(--e-global-color-3efd485);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Training Course */
#table-price-course .jet-table__body-cell:last-child {
  background: linear-gradient(180deg, rgba(255, 209, 0, .13), rgba(255, 209, 0, .06)) !important;
}

#table-price-course tr.jet-table__body-row:hover td.jet-table__body-cell:last-child,
#table-price-course tr.jet-table__body-row:hover td.jet-table__body-cell:last-child .jet-table__cell-inner {
  background: linear-gradient(180deg,
      rgba(255, 209, 0, .13),
      rgba(255, 209, 0, .06)) !important;
}

.sched-frame {
  border-radius: 18px;
  background: var(--e-global-color-870f473);
  box-shadow: 0 1px 0 0 var(--e-global-color-27076e3);
  padding: 22px;
}

.curr-item:before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 30px !important;
  bottom: -4px !important;
  width: 2px !important;
  background: var(--e-global-color-d749ee3) !important;
}

.cd-highlight {
  border-radius: 18px;
  padding: 36px;
  background: radial-gradient(120% 130% at 88% 12%, rgba(255, 209, 0, .09), transparent 55%), linear-gradient(155deg, #161618 0%, #0d0d0d 70%);
  box-shadow: 0 1px 0 0 var(--e-global-color-27076e3);
  position: relative;
  overflow: hidden;
}

#quotation_form span.elementor-field-option {
  width: 50%;
  margin-bottom: 10px;
}

.course-card:hover {
  transform: translateY(-6px);
  background: var(--e-global-color-c1b1ca0);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 4px 0 -1px var(--e-global-color-primary);
}

.cd-hero:before {
  background: linear-gradient(90deg, rgba(10, 10, 11, .92) 0%, rgba(10, 10, 11, .72) 45%, rgba(10, 10, 11, .35) 100%), linear-gradient(0deg, rgba(10, 10, 11, .95) 0%, rgba(10, 10, 11, .15) 55%) !important;
}

.training-card:hover {
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 4px 0 -1px var(--e-global-color-primary);
}

.training-card img {
  transition: transform 0.7s ease;
}

.training-card:hover img {
  transform: scale(1.1);
}

@media screen and (max-width: 767px) {
  #quotation_form span.elementor-field-option {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* Our Products */
.prod-card {
  background: radial-gradient(120% 130% at 85% 12%, rgba(255, 209, 0, 0.1), transparent 55%), linear-gradient(155deg, rgb(22, 22, 24) 0%, rgb(13, 13, 13) 70%);
  transition-delay: 120ms;
}

.prod-card-hover:hover,
.product-category-card:hover,
.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 4px 0 -1px var(--e-global-color-primary);
}

.product-category-card img {
  transition: transform 0.7s ease;
}

.product-category-card:hover img {
  transform: scale(1.015);
}

.product-card img {
  transition: transform 0.7s ease;
}

.product-card:hover img {
  transform: scale(1.015);
}

.price {
  color: var(--e-global-color-primary) !important;
}

/* Product Popup */
del[aria-hidden="true"] {
  font-size: 16px;
  font-weight: 400;
  color: #7a7a7a;
  text-decoration: line-through;
}

#contact-prod-btn .elementor-button-icon svg,
#quote-prod-btn .elementor-button-icon svg {
  height: 30px;
  width: 30px;
}

#contact-prod-btn span.elementor-button-text,
#quote-prod-btn span.elementor-button-text {
  align-content: center !important;
}

.prod-specs {
  margin-top: 20px;
  background: #141416;
  border: 1px solid var(--e-global-color-d749ee3);
  border-radius: 14px;
  padding: 16px 18px;
}

#prod-detail-popup .elementor-widget-jet-listing-dynamic-repeater {
  margin: 0;
}

#prod-detail-popup .jet-listing-dynamic-repeater__items {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

#prod-detail-popup .jet-listing-dynamic-repeater__item {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  margin-bottom: 10px !important;
}

.spec-label {
  color: #8a8a8d;
}

#prod-detail-popup p.price {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px;
  align-items: end;
}

/* Filter Product */
.jet-radio-list__row.jet-filter-row {
  box-shadow: 0 1px 0 0 var(--e-global-color-27076e3);
  transition: background .25s ease, color .25s ease, transform .25s ease;
  border-radius: 12px;
}

.jet-radio-list__row.jet-filter-row:hover {
  transform: translateY(-2px);
  transition-duration: 0.3s;
}

.jet-radio-list__input:checked~.jet-radio-list__button {
  box-shadow: 0 8px 26px -10px rgba(255, 209, 0, .6);
}

.jet-listing-not-found.jet-listing-grid__items {
  padding: 60px 24px;
  text-align: center;
  background: #141416;
  border-radius: 18px;
  box-shadow: 0 1px 0 0 var(--e-global-color-27076e3);
}


/* Services */
#services-faq span.e-n-accordion-item-title-icon {
  flex-shrink: 0;
  border-radius: 7px;
  background: var(--e-global-color-3efd485);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s ease;
  padding: 6px;
}

/* .services-card:hover {
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 4px 0 -1px var(--e-global-color-primary);
} */

.services-card img {
  transition: transform 0.7s ease;
}

.services-card:hover img {
  transform: scale(1.1);
}

/* Confined Service */
.elementor-element.elementor-element-fe65f35.sd-hero::before {
  background-image: linear-gradient(90deg, rgba(10, 10, 11, .92) 0%, rgba(10, 10, 11, .68) 45%, rgba(10, 10, 11, .32) 100%), linear-gradient(0deg, rgba(10, 10, 11, .95) 0%, rgba(10, 10, 11, .12) 55%) !important;
}

.elementor-element.sd-hero::before {
  background-image: linear-gradient(90deg, rgba(10, 10, 11, .92) 0%, rgba(10, 10, 11, .68) 45%, rgba(10, 10, 11, .32) 100%), linear-gradient(0deg, rgba(10, 10, 11, .95) 0%, rgba(10, 10, 11, .12) 55%) !important;
}

/* Rental */
.rental-card:hover {
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 4px 0 -1px var(--e-global-color-primary);
}

.rental-card img {
  transition: transform 0.7s ease;
}

.rental-card:hover img {
  transform: scale(1.1);
}

/* Our Work */
.work-card img {
  transition: transform 0.7s ease;
}

.work-card:hover img {
  transform: scale(1.1);
}

/* Blog */
.ct-cta-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(80% 130% at 88% 50%, rgba(255, 209, 0, 0.95) 0%, rgba(255, 184, 0, 0.55) 22%, rgba(255, 184, 0, 0.12) 45%, rgba(10, 10, 11, 0) 68%), linear-gradient(90deg, #0a0a0b 0%, #0a0a0b 40%, rgba(10, 10, 11, 0) 100%);
}

.bl-card {
  display: flex;
  flex-direction: column;
  background: var(--e-global-color-e5c5aeb);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 1px 0 0 var(--e-global-color-27076e3);
  transition: transform .4s cubic-bezier(.2, .8, .2, 1), background .4s, box-shadow .4s;
  transition-delay: 0s, 0s, 0s;
}

.bl-card:hover {
  transform: translateY(-8px);
  background: var(--e-global-color-c1b1ca0);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 4px 0 -1px var(--e-global-color-primary);
}

.bl-featured {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-radius: 22px;
  overflow: hidden;
  background: var(--e-global-color-e5c5aeb);
  box-shadow: 0 1px 0 0 var(--e-global-color-27076e3);
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), box-shadow .45s;
  transition-delay: 0s, 0s;
}

.bl-featured:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 4px 0 -1px var(--e-global-color-primary);
}

.knl-cate-badge {
  background: #0e0e10cc !important;
  backdrop-filter: blur(4px) !important;
}

.knl-cate-badge span.elementor-icon-list-icon {
  box-shadow: 0 0 8px var(--e-global-color-primary);
}

.blog-card img {
  transition: transform 0.7s ease;
}

.blog-card:hover img {
  transform: scale(1.1);
}

/* Single Blog */
div#single-blog-content a {
  color: var(--e-global-color-primary) !important;
}

/* Our Work */
#pf-fbtn:hover {
  transform: translateY(-2px) !important;
}

#pf-fbtn[aria-selected="true"] {
  box-shadow: 0 8px 26px -10px rgba(255, 209, 0, .6);
}

/* Contact */
.ct-info {
  box-shadow: 0 40px 80px -30px rgba(255, 209, 0, .35), 0 20px 50px -25px rgba(0, 0, 0, .8) !important;
}

.ct-info:after {
  content: "";
  position: absolute;
  right: 24px;
  top: -40px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .14);
}

div.ct-info:before {
  content: "";
  position: absolute;
  right: -70px !important;
  bottom: -70px !important;
  left: auto !important;
  top: auto !important;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(10, 10, 11, .06);
}

#line-btn-left-box svg {
  width: 30px;
  height: 30px;
}

#line-btn-left-box .elementor-button .elementor-button-content-wrapper {
  align-items: center !important;
}

button#contact-btn:hover {
  transform: translateY(-2px);
}

.ct-cta-bg {
  background: radial-gradient(80% 130% at 88% 50%, rgba(255, 209, 0, 0.95) 0%, rgba(255, 184, 0, 0.55) 22%, rgba(255, 184, 0, 0.12) 45%, rgba(10, 10, 11, 0) 68%), linear-gradient(90deg, #0a0a0b 0%, #0a0a0b 40%, rgba(10, 10, 11, 0) 100%);
}

@media (max-width: 767px) {
  .ct-cta-img {
    opacity: 0.28;
  }
}

/* Certificate Check */
#atl-cert {
  font-family: 'IBM Plex Sans Thai';
  font-size: 16px;
}

.atl-cert__label,
.atl-cert__msg {
  color: var(--e-global-color-text);
}

.atl-cert__hint {
  color: var(--e-global-color-9ab263b);
}

.atl-cert__btn {
  background-color: var(--e-global-color-primary) !important;
}

.atl-cert__btn:hover {
  background-color: var(--e-global-color-3c977d2) !important;
  color: var(--atl-btn-fg);
  transform: translateY(-3px);
  box-shadow: 0 8px 26px -10px rgba(255, 209, 0, .6);
}

.atl-cert__table td {
  color: var(--e-global-color-text);
}

.atl-cert__table tbody tr:nth-child(even) {
  background: transparent !important;
}

@media only screen and (max-width: 680px) {
  .atl-cert__table tr {
    background: transparent !important;
    background-color: transparent !important;
  }

  .atl-cert__table tbody tr:nth-child(even) {
    background: #FFF !important;
  }

  table tbody>tr:nth-child(odd)>td,
  table tbody>tr:nth-child(odd)>th {
    background-color: #FFF !important;
  }

  .atl-cert__table td {
    color: #000000 !important;
  }
}